<?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="RowOnStorefront">
        <element name="allRows" type="text" selector="div[data-content-type='row']"/>
        <element name="base" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]/div" parameterized="true"/>
        <element name="baseCSS" type="text" selector="[data-content-type=row]"/>
        <element name="baseJS" type="text" selector="(document.querySelectorAll('[data-content-type=row]')[{{arg1}} - 1]).querySelector('div')" parameterized="true"/>
        <element name="elementChildren" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]/div" parameterized="true"/>
        <element name="innerCSS" type="text" selector="[data-content-type=row] [data-element=inner]"/>
        <element name="inner" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]//div[@data-element=&quot;inner&quot;]" parameterized="true"/>
        <element name="main" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="hidden" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}][contains(@style, 'display: none')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="notHidden" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}][not(contains(@style, 'display: none'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="computedWidth" type="text" selector="parseInt(window.getComputedStyle(document.querySelector('[data-content-type=row]')).width)"/>
        <element name="rowStyle" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]//div[@data-element='inner'][contains(@style, '{{arg2}}')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="rowWidthJS" type="text" selector="document.querySelectorAll('[data-content-type=row]')[{{arg1}} - 1].clientWidth" parameterized="true"/>
        <element name="rowChildContentWidthJS" type="text" selector="document.querySelectorAll('[data-content-type=row]')[{{arg1}} - 1].querySelectorAll('[data-content-type={{arg2}}]')[{{arg3}} - 1].clientWidth" parameterized="true"/>
        <element name="appearance" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}][@data-appearance='{{arg2}}']" parameterized="true"/>
        <element name="appearanceContainedCSS" type="text" selector="[data-content-type=row][data-appearance=contained]"/>
        <element name="appearanceFullWidthCSS" type="text" selector="[data-content-type=row][data-appearance=full-width]"/>
        <element name="appearanceFullBleedCSS" type="text" selector="[data-content-type=row][data-appearance=full-bleed]"/>
        <element name="minHeight" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style, 'min-height: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="verticalAlignContainer" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[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;row&quot;])[{{arg1}}]/div" parameterized="true"/>
        <element name="backgroundType" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{index}}]/div[@data-background-type='{{backgroundType}}']"/>
        <element name="backgroundColor" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-color: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundColorElement" type="button" parameterized="true" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-color:')]" deprecated="Styles are not inline"/>
        <element name="noBackgroundColor" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[not(contains(@style,'background-color:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundImage" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[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=&quot;row&quot;])[{{arg1}}][not(contains(@style,&quot;background-image:&quot;))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundPosition" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-position: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundSize" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-size: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundRepeat" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-repeat: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="backgroundAttachment" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'background-attachment: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Parallax Background Configuration -->
        <element name="parallaxClass" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[@class='jarallax']" parameterized="true"/>
        <element name="parallaxState" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[@data-enable-parallax='{{arg2}}']" parameterized="true"/>
        <element name="parallaxSpeed" type="button" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[@data-parallax-speed='{{arg2}}']" parameterized="true"/>
        <element name="parallaxBackgroundImage" type="button" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]/descendant::div[contains(@id,&quot;jarallax-container&quot;)]/div[contains(@style,&quot;background-image: url(&quot;) and contains(@style,&quot;{{arg2}}&quot;) and contains(@style,&quot;{{arg3}}&quot;)]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="parallaxBackgroundImagePath" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]/descendant::div[contains(@id,&quot;jarallax-container&quot;)]/div" parameterized="true"/>
        <element name="parallaxJS" type="text" selector="(document.querySelectorAll('[data-content-type=row]')[{{arg1}} - 1]).querySelector('[id*=jarallax-container] &gt; div')" parameterized="true"/>
        <!-- Video Background -->
        <element name="videoBackgroundJarallaxContainer" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]"/>
        <element name="videoBackgroundVideoElement" type="text" parameterized="true" selector="((//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//iframe)[last()]|((//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//video)[last()]"/>
        <element name="videoBackgroundVideoUrl" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//*[contains(@src,'{{videoURL}}')]"/>
        <element name="videoBackgroundOverlayElement" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[@data-element='video_overlay']"/>
        <element name="videoBackgroundInfiniteLoop" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[@data-element='inner' and @data-video-loop='{{infiniteLoopValue}}']"/>
        <element name="videoBackgroundLazyLoad" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[@data-element='inner' and @data-video-lazy-load='{{lazyLoadValue}}']"/>
        <element name="videoBackgroundPlayOnlyWhenVisible" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[@data-element='inner' and @data-video-play-only-visible='{{playOnlyWhenVisibleValue}}']"/>
        <element name="videoBackgroundFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//img"/>
        <element name="videoBackgroundFallbackImageSource" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//img[contains(@src,'{{fileName}}')]"/>
        <element name="videoBackgroundNoFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='row'])[{{rowIndex}}]//div[contains(@id,'jarallax-container')]//div"/>
        <!-- Advanced Configuration -->
        <element name="advancedConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;row&quot;])[{{arg1}}]/div[@data-pb-style]" parameterized="true"/>
        <element name="alignment" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'text-align: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noAlignment" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[not(contains(@style,'text-align:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="border" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'border-style: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderColor" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'border-color: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBorderColor" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[not(contains(@style,'border-color:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderWidth" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'border-width: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderRadius" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'border-radius: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="cssClasses" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@class,'{{arg2}}')]" parameterized="true"/>
        <element name="noCssClasses" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[not(@class)]" parameterized="true"/>
        <element name="margins" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'margin: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="padding" type="text" selector="(//div[@data-content-type='row'])[{{arg1}}]/div[contains(@style,'padding: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
    </section>
</sections>
