<?xml version="1.0"?>
<data inherit_id="website.snippet_options_carousel" primary="True">
    <xpath expr="//div" position="attributes">
        <attribute name="data-target">.s_carousel_intro</attribute>
        <attribute name="data-exclude"/>
        <attribute name="data-js">CarouselIntro</attribute>
    </xpath>
    <xpath expr="//we-button[@data-select-class='s_carousel_arrows_hidden']" position="attributes">
        <attribute name="data-name">carousel_arrows_hidden_opt</attribute>
        <attribute name="data-hidden-controllers">true</attribute>
    </xpath>
    <xpath expr="//we-button[@data-select-class='s_carousel_indicators_hidden']" position="attributes">
        <attribute name="data-name">carousel_indicators_hidden_opt</attribute>
        <attribute name="data-hidden-controllers">true</attribute>
    </xpath>
    <xpath expr="//we-select" position="replace">
        <we-select string="Controllers" data-apply-to=".s_carousel_intro_controllers_row">
            <we-button data-select-class="justify-content-between">Default</we-button>
            <we-button data-select-class="justify-content-between flex-row-reverse">Reversed</we-button>
            <we-button data-select-class="justify-content-center" data-name="carousel_controllers_centered_opt" data-dependencies="carousel_arrows_hidden_opt, carousel_indicators_hidden_opt">Centered</we-button>
        </we-select>
    </xpath>
<xpath expr="." position="attributes"><attribute name="t-name">website.snippet_options_carousel_intro</attribute></xpath></data>

