<?xml version="1.0" encoding="UTF-8"?>
<!--
 /**
  * Copyright © Magento, Inc. All rights reserved.
  * See COPYING.txt for license details.
  */
-->
<sections xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:mftf:Page/etc/SectionObject.xsd">
    <section name="ColumnOnBackend">
        <element name="base" type="button" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="baseJS" type="text" selector="document.querySelectorAll('.pagebuilder-column-inner')[{{arg1}} - 1]" parameterized="true"/>
        <element name="baseCSS" type="text" selector="[data-content-type=column][data-element=main]"/>
        <element name="elementChildren" type="text" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]/div[contains(@class,&quot;pagebuilder-column-inner&quot;)]/div[contains(@class,&quot;element-children&quot;)]" parameterized="true"/>
        <element name="columnConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="columnChildrenConfigurationPath" type="text" selector="(//div[contains(@class, &quot;pagebuilder-column-group&quot;)])[{{arg1}}]/descendant::div[contains(@class, &quot;pagebuilder-content-type&quot;) and contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;)][{{arg2}}]//div[contains(@class, &quot;element-children&quot;)]" parameterized="true"/>
        <element name="allColumns" type="text" selector="//div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')]"/>
        <element name="default" type="button" selector="(//div[contains(@class,'pagebuilder-content-type') and contains(@class,'pagebuilder-column')])[{{arg1}}][@style='border: {{arg2}}; border-radius: {{arg3}}px; margin: {{arg4}}px; padding: {{arg5}}px; width: {{arg6}}; background-size: {{arg7}}; background-repeat: {{arg8}}; background-attachment: {{arg9}}; align-self: {{arg10}};']" parameterized="true" deprecated="Styles are not inline"/>
        <element name="empty" type="button" selector="(//div[contains(@class,'empty-container')]//div[contains(@class,'element-children') and contains(@class,'column-container')])[{{arg1}}]" parameterized="true"/>
        <element name="affordance" type="text" selector="(//div[contains(@class,&quot;pagebuilder-affordance-column&quot;) and contains(@class,&quot;pagebuilder-content-type&quot;)])[{{index}}]" parameterized="true"/>
        <element name="affordanceCSS" type="text" selector="div.pagebuilder-affordance-column.pagebuilder-content-type"/>
        <element name="affordanceJS" type="text" selector="document.querySelectorAll('div.pagebuilder-affordance-column.pagebuilder-content-type')[{{index}} - 1]" parameterized="true"/>
        <element name="columnGroup" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]" parameterized="true"/>
        <element name="columnGroupPath" type="text" selector="(//div[contains(@class, &quot;pagebuilder-column-group&quot;)])[{{arg1}}]" parameterized="true"/>
        <element name="allColumnGroups" type="text" selector=".pagebuilder-column-group"/>
        <element name="columnGroupColumns" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')]" parameterized="true"/>
        <element name="column" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[1]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')][1]"/>
        <element name="columnX" type="text" selector=".pagebuilder-content-type.pagebuilder-column:nth-child({{arg1}})" parameterized="true"/>
        <element name="columnXInColumnLineY" type="text" selector=".pagebuilder-content-type.pagebuilder-column-line:nth-child({{arg1}}) .pagebuilder-content-type.pagebuilder-column:nth-child({{arg2}})" parameterized="true"/>
        <element name="columnResizeHandle" type="block" selector=".pagebuilder-column-resize-handle"/>
        <element name="columnResizeGridLine" type="block" selector=".resize-grid .grid-line:nth-child({{arg}})" parameterized="true"/>
        <element name="columnStyle" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[1]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')][{{arg1}}][contains(@style, '{{arg2}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="columnChildrenStyle" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')][{{arg2}}]//div[contains(@class, 'element-children')][contains(@style, '{{arg3}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="columnByIndexAndWidthClass" type="text" selector="(//div[contains(@class,'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg1}}][contains(@class,'column-width-{{arg2}}')]" parameterized="true"/>
        <element name="displayLabel" type="button" selector="(//div[contains(@class, &quot;pagebuilder-content-type&quot;) and  contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg1}}]/descendant::div[contains(@class, &quot;pagebuilder-display-label&quot;)][contains(text(), &quot;{{arg2}}&quot;)]" parameterized="true"/>
        <element name="columnMoveByIndex" type="button" selector="(//div[contains(@class, &quot;pagebuilder-content-type&quot;) and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg1}}]//div[contains(@class,&quot;pagebuilder-options-visible&quot;)]/descendant::*[@class=&quot;move-column&quot;]" parameterized="true"/>
        <element name="displayLabelGridSize" type="button" selector="(//div[contains(@class, &quot;pagebuilder-column-group&quot;)])[{{arg1}}]//div[contains(@class, &quot;pagebuilder-display-label&quot;)][1][contains(text(), &quot;/{{arg2}}&quot;)]" parameterized="true"/>
        <element name="gridSizeButton" type="button" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'indicator-wrapper')]" parameterized="true"/>
        <element name="gridSizeInputInForm" type="input" selector="//input[@name='grid_size']"/>
        <element name="gridSizeTooltipInForm" type="button" selector="//aside//*[@data-index='grid_size']/descendant::*[@name='grid_size']/ancestor::*[contains(@class,'admin__field-control')]/descendant::div[contains(@class,'admin__field-tooltip')]"/>
        <element name="gridSizeTooltipWithMaxInForm" type="button" selector="//aside//*[@data-index='grid_size']/descendant::*[@name='grid_size']/ancestor::*[contains(@class,'admin__field-control')]/descendant::div[contains(@class,'admin__field-tooltip-content')]//p[text()='Select a value between 2 and the value set in Maximum Column Grid Size setting in Content Management configuration.']"/>
        <element name="gridSizeInput" type="input" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'grid-panel-item-wrapper')]/input" parameterized="true" deprecated="Use gridSizeInputInForm instead. Grid Size moved to Column Group form"/>
        <element name="gridSizeTooltip" type="button" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'grid-panel-tooltip')][1]" parameterized="true" deprecated="Use gridSizeTooltipInForm instead. Grid Size moved to Column Group form"/>
        <element name="gridSizeTooltipWithMax" type="button" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'grid-panel-tooltip')][1]//span//p//span[text()='{{arg2}}']" parameterized="true" deprecated="Use gridSizeTooltipWithMaxInForm instead. Grid Size moved to Column Group form"/>
        <element name="gridSizeError" type="button" selector="(//label[contains(@class, 'admin__field-error') and contains(text(), '{{arg1}}')])" parameterized="true"/>
        <element name="appearance" type="text" selector="(//div[@data-content-type='column'])[{{arg1}}][@data-appearance='{{arg2}}']" parameterized="true"/>
        <element name="minHeight" type="text" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'min-height: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="verticalAlignContainer" type="text" selector="(//div[@data-content-type='column'])[{{arg1}}]/div[contains(@class,'column-container')][contains(@style,'justify-content: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Background Configuration -->
        <element name="backgroundPath" type="text" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,&quot;pagebuilder-content-type&quot;)])[{{arg1}}]//div[contains(@class, &quot;pagebuilder-column-inner&quot;)]" parameterized="true"/>
        <element name="backgroundPosition" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-position: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundSize" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-size: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundRepeat" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-repeat: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundAttachment" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-attachment: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundColor" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-color: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBackgroundColor" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][not(contains(@style,'background-color:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundImage" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-image: url(') and contains(@style,'{{arg2}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBackgroundImage" type="button" selector="(//div[contains(concat(&quot; &quot;, @class, &quot; &quot;), &quot; pagebuilder-column &quot;) and contains(@class,'pagebuilder-content-type')])[{{arg1}}][contains(@style,'background-image: none')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Advanced Configuration -->
        <element name="advancedConfigurationPath" type="button" selector="((//div[contains(@class, &quot;pagebuilder-column-group&quot;)])[{{arg1}}]/descendant::div[contains(@class, &quot;pagebuilder-content-type&quot;) and contains(@class, &quot;pagebuilder-column&quot;)])[{{arg2}}]//div[contains(@class, &quot;pagebuilder-column-inner&quot;)]" parameterized="true"/>
        <element name="alignment" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'text-align: {{arg3}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="border" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'border-style: {{arg3}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderColor" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'border-color: {{arg3}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderWidth" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'border-width: {{arg3}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderRadius" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'border-radius: {{arg3}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="margins" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'margin: {{arg3}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="padding" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@style, 'padding: {{arg3}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="cssClasses" type="button" selector="((//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]/descendant::div[contains(@class, 'pagebuilder-content-type') and contains(concat(' ', @class, ' '), ' pagebuilder-column ')])[{{arg2}}][contains(@class, '{{arg3}}')]" parameterized="true"/>
    </section>
</sections>
