<?xml version="1.0"?>
<t t-name="website.snippet_options_carousel">
    <div data-js="Carousel" data-selector="section" data-exclude=".s_carousel_intro_wrapper" data-target="&gt; .carousel">
        <we-row string="Slide">
            <we-button data-add-slide="true" data-no-preview="true" class="o_we_bg_brand_primary">Add Slide</we-button>
        </we-row>
        <we-select string="Style">
            <we-button data-select-class="">Classic</we-button>
            <we-button data-select-class="s_carousel_controllers_indicators_outside">Indicators outside</we-button>
        </we-select>
        <we-checkbox string="Invert colors" class="o_we_sublevel_1" data-select-class="carousel-dark"/>
        <we-select string="Arrows" class="o_we_sublevel_1" data-name="arrows_opt">
            <we-button data-select-class="s_carousel_default">Default</we-button>
            <we-button data-select-class="s_carousel_boxed">Boxed</we-button>
            <we-button data-select-class="s_carousel_rounded">Rounded</we-button>
            <we-button data-select-class="s_carousel_arrows_hidden">Hidden</we-button>
        </we-select>
        <we-select string="Indicators" data-apply-to=".carousel-indicators" class="o_we_sublevel_1" data-name="indicators_opt">
            <we-button data-select-class="">Bars</we-button>
            <we-button data-select-class="s_carousel_indicators_dots">Dots</we-button>
            <we-button data-select-class="s_carousel_indicators_numbers">Numbers</we-button>
            <we-button data-select-class="s_carousel_indicators_hidden">Hidden</we-button>
        </we-select>
        <we-select string="Transition">
            <we-button data-select-class="slide">Slide</we-button>
            <we-button data-select-class="carousel-fade slide">Fade</we-button>
            <we-divider/>
            <we-button data-select-class="">None</we-button>
        </we-select>
        <we-input string="Speed" data-select-data-attribute="0s" data-attribute-name="bsInterval" data-unit="s" data-save-unit="ms" data-step="0.1"/>
    </div>
</t>

