<?xml version="1.0"?>
<data inherit_id="website.snippet_options">
    <xpath expr="//div[@data-js='GridColumns']" position="after">
        <t t-call="website.snippet_options_carousel_cards"/>
    </xpath>
    <xpath expr="." position="inside">
        <t t-call="website.snippet_options_background_options">
            <t t-set="selector" t-valuef="#{card_parent_handlers}"/>
            <t t-set="target" t-value="'&gt; .s_carousel_cards_card'"/>
            <t t-set="with_colors" t-value="True"/>
            <t t-set="with_images" t-value="True"/>
            <t t-set="with_shapes" t-value="True"/>
            <t t-set="with_color_combinations" t-value="True"/>
            <t t-set="with_gradients" t-value="True"/>
        </t>
        <div data-js="CarouselCardsImageOptions" data-selector=".s_carousel_cards_item" data-target="&gt; .s_carousel_cards_card">
            <we-range string="Image Alignment" data-dependencies="toggle_card_img_opt" data-select-style="0" data-align-cover-image="" data-css-property="--card-img-ratio-align" data-unit="%" data-min="0" data-max="100"/>
        </div>
    </xpath>
</data>

