<?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="MapOnStorefront">
        <element name="allMaps" type="text" selector="[data-content-type='map']"/>
        <element name="emptyMap" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}][not(@src) and contains(@style,'display: none;')]" parameterized="true"/>
        <element name="base" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]" parameterized="true"/>
        <element name="baseCSS" type="button" selector="[data-content-type=map][data-element=main]"/>
        <element name="baseJS" type="text" selector="document.querySelectorAll('div[data-content-type=\'map\']')[{{arg1}}]" parameterized="true"/>
        <element name="allPins" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//img[not(@usemap) and contains(@src,'spotlight-poi2_hdpi.png')]|(//div[@data-content-type='map'])[{{arg1}}]//img[not(@usemap) and contains(@src,'spotlight-poi2.png')]" parameterized="true"/>
        <element name="clickablePin" type="button" selector="((//div[@data-content-type='map'])[{{arg1}}]//map//area)[{{arg2}}]" parameterized="true"/>
        <element name="pinLocations" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(@style,'transform: matrix(1, 0, 0, 1, ')]" parameterized="true"/>
        <element name="zoom" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}][@data-zoom='{{arg2}}']" parameterized="true"/>
        <element name="googleMapsLink" type="button" selector="(//div[@data-content-type='map' and not(contains(@style,'display: none;'))])[{{arg1}}]//a//img" parameterized="true"/>
        <!-- Location Pin Configuration -->
        <element name="latitude" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@data-locations,'&quot;position&quot;:{&quot;latitude&quot;:{{arg2}},')]" parameterized="true"/>
        <element name="longitude" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@data-locations,',&quot;longitude&quot;:{{arg2}}}')]" parameterized="true"/>
        <element name="tooltipWindow" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]" parameterized="true"/>
        <element name="tooltipWindowClose" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//..//button[@title='Close']" parameterized="true"/>
        <element name="locationName" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//h3/b[.='{{arg2}}']" parameterized="true"/>
        <element name="comment" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//p[.='{{arg2}}']" parameterized="true"/>
        <element name="phoneNumber" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//p[.='Phone: {{arg2}}']" parameterized="true"/>
        <element name="noPhoneNumber" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//p[.='{{arg2}}']" parameterized="true"/>
        <element name="addressCityStateZipCountry" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//span[.='{{arg2}}{{arg3}}{{arg4}}{{arg5}}{{arg6}}']" parameterized="true"/>
        <element name="locationNameElement" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//h3/b" parameterized="true"/>
        <element name="commentElement" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//p" parameterized="true"/>
        <element name="phoneNumberElement" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//p" parameterized="true"/>
        <element name="addressCityStateZipCountryElement" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(concat(' ', normalize-space(@class), ' '), ' gm-style-iw ')]//span" parameterized="true"/>
        <element name="height" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'height: {{arg2}}px;')]" parameterized="true"/>
        <element name="noHeight" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}][not(contains(@style,'height:'))]" parameterized="true"/>
        <element name="showControls" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][@data-show-controls='{{arg2}}']" parameterized="true"/>
        <element name="heightPath" type="button" selector="(//div[@data-content-type=&quot;map&quot;])[{{arg1}}]" parameterized="true"/>
        <!-- Advanced Configuration -->
        <element name="advancedConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;map&quot;])[{{arg1}}]" parameterized="true"/>
        <element name="alignment" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'text-align: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noAlignment" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][not(contains(@style,'text-align:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="border" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'border-style: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderColor" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'border-color: {{arg2}};')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="noBorderColor" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][not(contains(@style,'border-color:'))]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderWidth" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'border-width: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="borderRadius" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'border-radius: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="cssClasses" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@class,'{{arg2}}')]" parameterized="true"/>
        <element name="noCssClasses" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][not(@class)]" parameterized="true"/>
        <element name="margins" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'margin: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <element name="padding" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}][contains(@style,'padding: {{arg2}}px;')]" parameterized="true" deprecated="Styles are not inline"/>
        <!-- Map Buttons -->
        <element name="googleModalOkButton" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//button[@class='dismissButton' and .='OK']" parameterized="true"/>
        <element name="fullScreen" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//button[@title='Toggle fullscreen view']" parameterized="true"/>
        <element name="zoomIn" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//button[@title='Zoom in']" parameterized="true"/>
        <element name="zoomOut" type="button" selector="(//div[@data-content-type='map'])[{{arg1}}]//button[@title='Zoom out']" parameterized="true"/>
        <!-- Map Error Message -->
        <element name="errorContainer" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(@class, 'gm-err-container')]" parameterized="true"/>
        <element name="errorTitle" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(@class, 'gm-err-container')]//div[contains(@class, 'gm-err-title')]" parameterized="true"/>
        <element name="errorMessage" type="text" selector="(//div[@data-content-type='map'])[{{arg1}}]//div[contains(@class, 'gm-err-container')]//div[contains(@class, 'gm-err-message')]" parameterized="true"/>
    </section>
</sections>
