<?xml version="1.0"?>
<data inherit_id="website.snippet_options">
    <xpath expr="." position="inside">
        <div data-selector=".s_accordion" data-target=".accordion">
            <we-select string="Style">
                <we-button title="Boxed" data-name="accordion_style_boxed_opt" data-select-class="">Boxed</we-button>
                <we-button title="Highlight Active" data-select-class="s_accordion_highlight">Highlight Active</we-button>
            </we-select>
            <we-checkbox string="Hide Borders" class="o_we_sublevel_1" data-select-class="accordion-flush" data-dependencies="accordion_style_boxed_opt"/>
            <we-input string="Round Corners" class="o_we_sublevel_1" data-css-property="--accordion-border-radius" data-unit="px" data-select-style="0" data-apply-to=".accordion-item"/>
            <we-button-group string="Icon Position" data-apply-to=".accordion-header">
                <we-button title="Left" data-select-class="justify-content-end flex-row-reverse" data-img="/website/static/src/img/snippets_options/pos_left.svg"/>
                <we-button title="Right" data-select-class="justify-content-between" data-img="/website/static/src/img/snippets_options/pos_right.svg"/>
            </we-button-group>
        </div>
        <div data-selector=".s_accordion .accordion-item">
            <we-colorpicker string="Colors" data-select-style="true" data-css-property="background-color" data-color-prefix="bg-" data-select-color-combination="" data-with-combinations="selectColorCombination" data-with-gradients="true" data-prevent-important="true"/>
        </div>
    </xpath>
</data>

