<?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="ColumnOnFrontend">
        <element name="base" type="block" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="baseJS" type="text" selector="document.querySelectorAll('[data-content-type=column]')[{{arg1}} - 1]" parameterized="true"/>
        <element name="baseCSS" type="text" selector="[data-content-type=column]"/>
        <element name="elementChildren" type="text" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="columnGroup" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group')])[{{arg1}}]" parameterized="true"/>
        <element name="columnGroupWithGridSize" type="text" selector="(//div[contains(@class, 'pagebuilder-column-group') and @data-grid-size='{{arg1}}'])[{{arg2}}]" parameterized="true"/>
        <element name="allColumnGroups" type="block" selector=".pagebuilder-column-group"/>
        <element name="allColumns" type="block" selector="(//div[@data-content-type='column'])"/>
        <element name="columnX" type="block" selector="[data-content-type=column]:nth-child({{arg1}})" parameterized="true"/>
        <element name="columnConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="columnGroupPath" type="text" selector="(//div[contains(@class, &quot;pagebuilder-column-group&quot;)])[{{arg1}}]" parameterized="true"/>
        <element name="columnStyle" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style, '{{arg2}}')]" parameterized="true"  deprecated="Styles are not inline"/>
        <element name="column1Height" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'min-height: 500px;')]"  deprecated="Styles are not inline"/>
        <element name="column1HeightFull" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'align-self: stretch;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundColor" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-color: rgb(204, 204, 204);')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundColorPeacock" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-color: rgb(8, 126, 139);')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundSize" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-size: contain;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundRepeatApplied" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-repeat: repeat;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundAttachment" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-attachment: fixed;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundWidth" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'width: 50%;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundWidthThird" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'width: 33%;')]"  deprecated="Styles are not inline"/>
        <element name="column1Appearance" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'align-self: flex-end;')]"  deprecated="Styles are not inline"/>
        <element name="column1BackgroundImage" type="button" selector="(//div[@data-content-type='column'])[1][contains(@style, 'background-image: url(')]"  deprecated="Styles are not inline"/>
        <element name="column2Height" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'min-height: 500px;')]"  deprecated="Styles are not inline"/>
        <element name="column2Height300" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'min-height: 300px;')]"  deprecated="Styles are not inline"/>
        <element name="column2HeightFull" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'align-self: stretch;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundSize" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'background-size: cover;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundRepeatNotApplied" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'background-repeat: no-repeat;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundAttachment" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'background-attachment: scroll;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundWidth" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'width: 50%;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundWidthThird" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'width: 33%;')]" deprecated="Styles are not inline"/>
        <element name="column2BackgroundColorSalmon" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'background-color: rgb(255, 90, 95);')]" deprecated="Styles are not inline"/>
        <element name="column2Appearance" type="button" selector="(//div[@data-content-type='column'])[2][contains(@style, 'align-self: center;')]" deprecated="Styles are not inline"/>
        <element name="column3Appearance" type="button" selector="(//div[@data-content-type='column'])[3][contains(@style, 'align-self: stretch;')]" deprecated="Styles are not inline"/>
        <element name="column3Height200" type="button" selector="(//div[@data-content-type='column'])[3][contains(@style, 'min-height: 200px;')]" deprecated="Styles are not inline"/>
        <element name="column3BackgroundSize" type="button" selector="(//div[@data-content-type='column'])[3][contains(@style, 'background-size: cover;')]" deprecated="Styles are not inline"/>
        <element name="column3BackgroundWidthThird" type="button" selector="(//div[@data-content-type='column'])[3][contains(@style, 'width: 33%;')]" deprecated="Styles are not inline"/>
        <element name="column3BackgroundColorGrey" type="button" selector="(//div[@data-content-type='column'])[3][contains(@style, 'background-color: rgb(60, 60, 60);')]" deprecated="Styles are not inline"/>
        <element name="backgroundImageSource" type="button" selector="div[data-content-type='column'][style*='background-image: url'][style*='{{arg1}}'][style*='.{{arg2}}']" parameterized="true" deprecated="Styles are not inline"/>
        <element name="columnDisplay" type="button" selector="[data-content-type='column']:first-child"/>
        <element name="columnTextAlign" type="button" selector="[data-content-type='column']:first-child[style*='text-align: left;']" deprecated="Styles are not inline"/>
        <element name="columnBorder" type="button" selector="[data-content-type='column']:first-child[style*='border-style: dotted;'][style*='border-color: rgb(255, 255, 255);'][style*='border-width: 10px;']" deprecated="Styles are not inline"/>
        <element name="columnBorderRadius" type="button" selector="[data-content-type='column']:first-child[style*='border-radius: 12px;']" deprecated="Styles are not inline"/>
        <element name="columnMargin" type="button" selector="[data-content-type='column']:first-child[style*='margin: 5px;']" deprecated="Styles are not inline"/>
        <element name="columnPadding" type="button" selector="[data-content-type='column']:first-child[style*='padding: 5px;']" deprecated="Styles are not inline"/>
        <element name="columnClass" type="button" selector="[data-content-type='column']:first-child.first-class.second-class.third-class"/>
        <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}}][contains(@style,'justify-content: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Background Configuration -->
        <element name="backgroundPath" type="button" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="backgroundPosition" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-position: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundSize" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-size: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundRepeat" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-repeat: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundAttachment" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-attachment: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundColor" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-color: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBackgroundColor" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][not(contains(@style,'background-color:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundImage" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-image: url(') and contains(@style,'{{arg2}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBackgroundImage" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][not(contains(@style,'background-image:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundMobileImage" type="button" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@style,'background-image: url(') and contains(@style,'{{arg2}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Advanced Configuration -->
        <element name="advancedConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;column&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="cssClasses" type="text" selector="(//div[@data-content-type='column'])[{{arg1}}][contains(@class, '{{arg2}}')]" parameterized="true"/>
    </section>
</sections>
