<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_number_filter %}
<sw-range-filter
    class="sw-number-filter"
    :title="filter.label"
    :filter="filter"
    :active="active"
    :value="numberValue"
    :property="filter.property"
    :show-reset-button="!!numberValue.from || !!numberValue.to"
    @filter-update="updateFilter"
    @filter-reset="resetFilter"
>
    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_number_filter_from_field %}
    <template #from-field>
        <sw-number-field
            v-model:value="numberValue.from"
            v-bind="$attrs"
            class="sw-number-filter__from"
            :label="fromToFieldLabel('from')"
            :placeholder="filter.fromPlaceholder"
        />
    </template>
    {% endblock %}

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_number_filter_to_field %}
    <template #to-field>
        <sw-number-field
            v-model:value="numberValue.to"
            v-bind="$attrs"
            class="sw-number-filter__to"
            :label="fromToFieldLabel('to')"
            :placeholder="filter.toPlaceholder"
        />
    </template>
    {% endblock %}
</sw-range-filter>
{% endblock %}
