{"version":3,"file":"useAisToggleRefinement.DgFC1tO5.js","sources":["../../../../components/Filters/Utils/MobileFiltersBar.vue","../../../../components/FkSlider.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisRangeInput.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/RangeInput.vue","../../../../components/Controls/Toggle.vue","../../../../components/Filters/Utils/Option.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/ToggleRefinement.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/ClearRefinements.vue","../../../../components/Filters/Utils/Group.vue","../../../../components/Algolia/Groups/AlgoliaGroupsPrice.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/CurrentRefinements.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/SearchInput.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/utils/parseAlgoliaHit.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/Highlighter.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/Highlight.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisRefinementList.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/RefinementList.vue","../../../../components/Filters/Utils/OverflowButton.vue","../../../../composables/useElementOverflow.ts","../../../../components/Filters/Utils/ModalContent.vue","../../../../components/Filters/Utils/ModalWrapper.vue","../../../../components/Filters/Utils/Modals/Options.vue","../../../../components/Filters/Utils/Modals/Brands.vue","../../../../components/Filters/Utils/Modals/Categories.vue","../../../../utils/analytics/selectContent.ts","../../../../components/Algolia/AlgoliaMobileFilters.vue","../../../../utils/cookies/setCookie.ts","../../../../components/Filters/Utils/Modals/Sorting.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/components/SortBy.vue","../../../../components/Filters/Utils/Dropdown.vue","../../../../components/Algolia/Dropdowns/AlgoliaDropdownsPrice.vue","../../../../components/Algolia/Dropdowns/AlgoliaDropdownsOptions.vue","../../../../components/Algolia/Dropdowns/AlgoliaDropdownsAvailability.vue","../../../../components/Filters/Utils/Dropdowns/Sorting.vue","../../../../components/Chips/MyChips.vue","../../../../components/Algolia/AlgoliaDesktopFilters.vue","../../../../components/Algolia/AlgoliaPlpFilters.vue","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisSearchBox.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisStats.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisSortBy.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisClearRefinements.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisCurrentRefinements.mjs","../../../../node_modules/@atoms-studio/nuxt-swiftsearch/dist/runtime/composables/useAisToggleRefinement.mjs"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { MobileFiltersBarProps } from \"~/components/Filters/Utils/MobileFiltersBar.props\"\n\nwithDefaults(defineProps<MobileFiltersBarProps>(), {\n  nFilters: 0,\n  nResults: 0,\n  sortingOpen: false,\n  showResults: false\n})\n\nconst emit = defineEmits<{ (e: \"onFilter\"): void; (e: \"onSort\"): void }>()\n</script>\n\n<template>\n  <div class=\"mobile-filters-bar\">\n    <div\n      class=\"\n        mobile-filters-bar__controls\n        flex\n        border-y border-black-10\n        bg-tiffany-10\n        py-2\n      \"\n    >\n      <button\n        class=\"mobile-filters-bar__btn gap-x-2 border-r border-black-10\"\n        @click=\"emit('onFilter')\"\n      >\n        <UtilsIcon name=\"Options.svg\" class=\"h-5 w-5\" />\n        {{ $t(\"filters.utils.mobileFiltersBar.filter\") }}\n        <BadgeCounter v-if=\"!!nFilters\" :counter=\"nFilters\" />\n      </button>\n      <button class=\"mobile-filters-bar__btn\" @click=\"emit('onSort')\">\n        {{ $t(\"filters.utils.mobileFiltersBar.sort\") }}\n        <UtilsIcon\n          name=\"ChevronDown.svg\"\n          class=\"h-5 w-5 transition-transform duration-300\"\n          :class=\"{ 'rotate-x-180': sortingOpen }\"\n        />\n      </button>\n    </div>\n    <p v-if=\"showResults\" class=\"mobile-filters-bar__results mouse px-4 py-2\">\n      {{ `${nResults} ${$t(\"filters.utils.mobileFiltersBar.results\")}` }}\n    </p>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.mobile-filters-bar {\n  &__btn {\n    @apply beaver-bold flex flex-1 items-center justify-center px-4 py-1 uppercase;\n  }\n}\n\n</style>\n","<script setup lang=\"ts\">\nimport { FormKitLazyProvider } from '@formkit/vue'\nimport { debounce } from \"lodash\"\nimport { FkSliderProps, FkSliderValue } from \"~/components/FkSlider.props\"\n\nconst { t } = useI18n()\n\nconst props = withDefaults(defineProps<FkSliderProps>(), {\n  modelValue: undefined,\n  step: 1,\n  gap: 1,\n  currency: \"€\"\n})\nconst emit =\n  defineEmits<{\n    (e: \"update:modelValue\", value: number | FkSliderValue): void\n  }>()\n\nconst minRef = ref(props.modelValue?.min)\n\nconst maxRef = ref(props.modelValue?.max)\n\nconst sliderValue = computed({\n  get() {\n    return [minRef.value, maxRef.value]\n  },\n  set(value) {\n    minRef.value = value[0]\n    maxRef.value = value[1]\n  }\n})\n\nconst minLabelStr = computed(() => tooltipFormat(minRef.value))\n\nconst maxLabelStr = computed(() => tooltipFormat(maxRef.value))\n\nconst tooltipFormat = (tooltipValue: string) => {\n  return t(\"filters.slider.tooltip\", { tooltipValue, currency: props.currency })\n}\n\nconst inputAttrs = {\n  sectionsSchema: {\n    prefix: {\n      $el: \"span\",\n      children: props.currency\n    }\n  }\n}\n\nconst updateModelValue = (value: number[]) => {\n  if (value[0] === value[1]) {\n    switch (true) {\n      case value[1] === props.min:\n        value[1] = value[1] + 1\n        break\n      case value[0] === props.max:\n        value[0] = value[0] - 1\n        break\n\n      default:\n        props.modelValue.max === value[1]\n          ? (value[1] = value[1] + 1)\n          : (value[0] = value[0] - 1)\n        break\n    }\n  }\n\n  minRef.value = value[0]\n  maxRef.value = value[1]\n  emit(\"update:modelValue\", {\n    min: minRef.value,\n    max: maxRef.value\n  })\n}\n\nwatch(\n  () => props.modelValue,\n  (newModelValue) => {\n    if (newModelValue.min !== minRef.value) {\n      minRef.value = newModelValue.min\n    }\n    if (newModelValue.max !== maxRef.value) {\n      maxRef.value = newModelValue.max\n    }\n  }\n)\n\nconst debounceFunction = debounce((value) => updateModelValue(value), 300)\n\nconst setSlider = (value: number) => {\n  debounceFunction(value)\n}\n</script>\n\n<template>\n  \n<FormKitLazyProvider config-file=\"true\">\n<div class=\"flex justify-between px-0\">\n    <p class=\"beaver\">\n      <span class=\"font-bold\">{{\n        $t(\"filters.slider.minInputAttrsLabel\")\n      }}</span>\n      {{ minLabelStr }}\n    </p>\n    <p class=\"beaver\">\n      <span class=\"font-bold\">{{\n        $t(\"filters.slider.maxInputAttrsLabel\")\n      }}</span>\n      {{ maxLabelStr }}\n    </p>\n  </div>\n  <FormKit type=\"form\" :actions=\"false\">\n    <!-- \n      show-input attribute is needed to move slider pins in case of equal values \n      switch tooltip attribute to true to show toltip on top the pins\n    -->\n    <FormKit\n      outer-class=\"w-full price-slider\"\n      type=\"slider\"\n      v-model=\"sliderValue\"\n      :max=\"max\"\n      :min=\"min\"\n      :tooltip-format=\"(value) => tooltipFormat(value)\"\n      tooltip=\"false\"\n      :input-attrs=\"inputAttrs\"\n      :min-input-attrs=\"{ label: $t('filters.slider.minInputAttrsLabel') }\"\n      :max-input-attrs=\"{ label: $t('filters.slider.maxInputAttrsLabel') }\"\n      show-input\n      @input=\"setSlider\"\n    >\n    </FormKit>\n  </FormKit>\n</FormKitLazyProvider>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.formkit-form {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  :deep .price-slider {\n    padding: 0.5rem 1rem;\n    padding-bottom: 0rem;\n    max-width: 100%;\n    .formkit-linkedValues {\n      display: none;\n      //Uncomment if you want to show inputs (change dysplay value)\n      /*\n      justify-content: space-between;\n      margin-top: 1rem;\n      margin-left: -0.5rem;\n      margin-right: -0.5rem;\n      .formkit-wrapper {\n        width: 100%;\n        > label {\n          margin-bottom: 0rem;\n        }\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n        .formkit-inner {\n          @apply ml-1 rounded px-2 py-1;\n          display: flex;\n          width: 100%;\n          border: 1px solid rgb(234 234 234 / 1);\n          input {\n            width: 100%;\n            padding: 0;\n            border: 0;\n          }\n        }\n      }\n      */\n    }\n    .formkit-wrapper {\n      > label {\n        margin-bottom: 2rem;\n        font-weight: normal;\n      }\n      .formkit-trackWrapper {\n        @apply bg-grey-200;\n        .formkit-fill {\n          @apply bg-green-300;\n        }\n        .formkit-tooltip {\n          @apply text-black-80;\n        }\n      }\n      li {\n        @apply pointer-events-auto h-6 w-6 cursor-pointer appearance-none rounded-full\n         border-2 border-solid border-white bg-green-300 shadow-[0px_2px_8px_rgba(0,_0,_0,_0.32)];\n      }\n    }\n  }\n}\n\n</style>\n","import { connectRange } from \"instantsearch.js/es/connectors\";\nimport { useState } from \"nuxt/app\";\nimport { provide, ref } from \"vue\";\nexport const useAisRangeInputRenderState = () => useState(\n  \"ais_range_render_state\",\n  () => ({})\n);\nexport const useAisRangeInput = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const rangeRenderState = useAisRangeInputRenderState();\n  const renderRange = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (import.meta.client) {\n      rangeRenderState.value[widgetParams.attribute] = renderState;\n    }\n    if (isFirstRender) {\n      provide(`rangeInput-${id}`, stateRef);\n    }\n    return () => null;\n  };\n  const customRange = connectRange(renderRange);\n  return {\n    ...customRange(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n","<script lang=\"ts\" setup>\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useAisRangeInputRenderState } from \"../composables/useAisRangeInput\";\nimport { useSuit } from \"../composables/useSuit\";\nimport { ref, computed, type Ref } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    attribute: string;\n    precision?: number;\n  }>(),\n  { precision: 1 },\n);\n\nconst { state: rangesState } = useAisWidget(\"range\");\nconst rangeState = useAisRangeInputRenderState();\nconst suit = useSuit(\"RangeInput\");\n\nconst state = computed(() => {\n  return rangeState.value[props.attribute]\n    ? rangeState.value[props.attribute]\n    : rangesState.value![props.attribute];\n});\n\nconst minInput: Ref<number | undefined> = ref();\nconst maxInput: Ref<number | undefined> = ref();\n\nconst step = computed(() => 1 / Math.pow(10, props.precision));\n\nconst values = computed(() => {\n  const [minValue, maxValue] = state.value.start;\n  const { min: minRange, max: maxRange } = state.value.range;\n  return {\n    min: minValue !== -Infinity && minValue !== minRange ? minValue : minRange,\n    max: maxValue !== Infinity && maxValue !== maxRange ? maxValue : maxRange,\n  };\n});\n\nconst pick = (first: number | null | undefined, second: number | undefined) => {\n  if (first !== null && first !== undefined) {\n    return first;\n  } else {\n    return second;\n  }\n};\n\nconst refine = (data: { min: number | undefined; max: number | undefined }) => {\n  state.value.refine([data.min, data.max]);\n};\n</script>\n<template>\n  <div class=\"range-input\">\n    <div\n      v-if=\"state\"\n      :class=\"[suit(), !state.canRefine && suit('', 'noRefinement')]\"\n    >\n      <slot\n        :current-refinement=\"values\"\n        :refine=\"refine\"\n        :can-refine=\"state.canRefine\"\n        :range=\"state.range\"\n        :send-event=\"state.sendEvent\"\n      >\n        <form\n          :class=\"suit('form')\"\n          @submit.prevent=\"\n            refine({\n              min: pick(minInput, state.range.min),\n              max: pick(maxInput, state.range.max),\n            })\n          \"\n        >\n          <label :class=\"suit('label')\">\n            <slot name=\"minLabel\" />\n            <input\n              type=\"number\"\n              :class=\"[suit('input'), suit('input', 'min')]\"\n              :step=\"step\"\n              :min=\"state.range.min\"\n              :max=\"state.range.max\"\n              :placeholder=\"state.range?.min?.toString()\"\n              :value=\"values.min\"\n              label\n              @change=\"\n                ($event) =>\n                  (minInput = parseFloat(\n                    ($event?.currentTarget as HTMLInputElement)?.value,\n                  ))\n              \"\n            >\n          </label>\n          <span :class=\"suit('separator')\">\n            <slot name=\"separator\">to</slot>\n          </span>\n          <label :class=\"suit('label')\">\n            <slot name=\"maxLabel\" />\n            <input\n              type=\"number\"\n              :class=\"[suit('input'), suit('input', 'max')]\"\n              :step=\"step\"\n              :min=\"state.range.min\"\n              :max=\"state.range.max\"\n              :placeholder=\"state.range?.min?.toString()\"\n              :value=\"values.max\"\n              label\n              @change=\"\n                ($event) =>\n                  (maxInput = parseFloat(\n                    ($event?.currentTarget as HTMLInputElement)?.value,\n                  ))\n              \"\n            >\n            <button\n              :class=\"suit('submit')\"\n              type=\"submit\"\n            >\n              <slot name=\"submitLabel\"> Go </slot>\n            </button>\n          </label>\n        </form>\n      </slot>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { FormKitLazyProvider } from '@formkit/vue'\nimport { ToggleProps } from \"./Toggle.props\"\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  label: \"\",\n  modelValue: false,\n  isDisabled: false\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void\n    (e: \"clicked\"): void\n  }>()\n\nconst value = computed({\n  get() {\n    return props.modelValue\n  },\n  set(value) {\n    if (!value) value = false\n    emit(\"update:modelValue\", value)\n  }\n})\n\nconst isHover = ref(false)\n</script>\n\n<template>\n  \n<FormKitLazyProvider config-file=\"true\">\n<FormKit\n    type=\"checkbox\"\n    v-model=\"value\"\n    :name=\"name\"\n    :label=\"label\"\n    @click=\"emit('clicked')\"\n    :classes=\"{\n      outer: 'inline-flex',\n      wrapper: 'flex items-center gap-x-2',\n      inner: {\n        'relative flex items-center rounded-full transition-background-color duration-300 cursor-pointer': true\n      },\n      label: {\n        'text-grey-200 select-none': isDisabled\n      },\n      input: 'opacity-0 h-0 w-0'\n    }\"\n    :disabled=\"isDisabled\"\n  >\n    <template #decorator>\n      <div\n        tabindex=\"0\"\n        @mouseover=\"isHover = true\"\n        @mouseleave=\"isHover = false\"\n        class=\"\n          decorator-container\n          flex\n          h-4\n          w-7\n          items-center\n          rounded-full\n          border-2\n          focus:outline focus:outline-1 focus:outline-offset-2\n          focus:ring-2 focus:ring-green-10\n        \"\n        :class=\"{\n          'active justify-end border-green-main bg-green-main pr-[1px]': value,\n\n          'justify-start border-black-40 pl-[1px] hover:border-green-70 focus:border-black-80':\n            !value,\n\n          'hover:border-green-300 hover:bg-green-300 focus:outline-green-10':\n            !isDisabled && value,\n\n          'focus:outline-green-10': !isDisabled && !value,\n\n          'disabled cursor-not-allowed bg-white hover:border-black-40 focus:border-black-40 focus:outline-none focus:outline-offset-0 focus:ring-0':\n            isDisabled && !value,\n\n          'cursor-not-allowed border-grey-200 bg-grey-200 focus:border-grey-200 focus:outline-none focus:outline-offset-0 focus:ring-0':\n            isDisabled && value\n        }\"\n      >\n        <IconsToggleChecker\n          class=\"toggle-check text-black-40\"\n          :class=\"[\n            { 'text-white focus:text-white': value },\n            isHover && !value && !isDisabled ? 'text-green-70' : 'text-black-40'\n          ]\"\n        />\n      </div>\n    </template>\n  </FormKit>\n</FormKitLazyProvider>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.decorator-container {\n  &:focus {\n    .toggle-check {\n      @apply text-black-80;\n    }\n  }\n\n  &.active {\n    .toggle-check {\n      @apply text-white;\n    }\n  }\n\n  &.disabled {\n    .toggle-check {\n      @apply text-black-40;\n    }\n  }\n}\n\n</style>\n","<script lang=\"ts\" setup>\nimport { OptionProps } from \"~/components/Filters/Utils/Option.props\"\n\nconst props = withDefaults(defineProps<OptionProps>(), {\n  type: \"check\",\n  nResults: 0\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"clicked\"): void\n  }>()\nconst isCheck = computed(() => props.type === \"check\")\n</script>\n\n<template>\n  <div\n    class=\"option flex items-center gap-x-1 py-1\"\n    :class=\"{\n      'justify-between': !isCheck,\n      'pointer-events-none cursor-default select-none grayscale': disabled\n    }\"\n  >\n    <div v-if=\"isCheck\" class=\"p-2\">\n      <ControlsCheckbox\n        :model-value=\"checked\"\n        @clicked=\"() => emit('clicked')\"\n        :id=\"name\"\n        :name=\"name\"\n      />\n    </div>\n    <label\n      v-if=\"!!text\"\n      class=\"beaver cursor-pointer whitespace-normal\"\n      :for=\"name\"\n    >\n      {{ text }} <span class=\"text-black-40\">({{ nResults }})</span>\n    </label>\n    <ControlsToggle\n      v-if=\"!isCheck\"\n      :model-value=\"checked\"\n      @clicked=\"() => emit('clicked')\"\n      :id=\"name\"\n      :name=\"name\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    v-if=\"state\"\n    :class=\"[suit(), !state.canRefine && suit('', 'noRefinement')]\"\n  >\n    <slot\n      :value=\"state.value\"\n      :can-refine=\"state.canRefine\"\n      :refine=\"state.refine\"\n      :create-u-r-l=\"state.createURL\"\n      :send-event=\"state.sendEvent\"\n    >\n      <label :class=\"suit('label')\">\n        <input\n          :class=\"suit('checkbox')\"\n          type=\"checkbox\"\n          :name=\"state.value?.name\"\n          :value=\"on\"\n          :checked=\"state.value?.isRefined\"\n          @change=\"state.refine(state.value)\"\n        >\n        <span :class=\"suit('labelText')\">{{ label || state.value?.name }}</span>\n        <span\n          v-if=\"state.value.count !== null\"\n          :class=\"suit('count')\"\n        >{{\n          state.value?.count?.toLocaleString()\n        }}</span>\n      </label>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useSuit } from \"../composables/useSuit\";\nimport { computed } from \"vue\";\nconst props = defineProps<{ attribute: string; label?: string }>();\n\nconst { state: refinementsState } = useAisWidget(\"toggleRefinement\");\n\nconst state = computed(() => refinementsState.value[props.attribute]);\n\nconst widgetParams = computed(() => state.value.widgetParams);\n\nconst suit = useSuit(\"ToggleRefinement\");\n\nconst on = computed(() => widgetParams.value?.on ?? true);\n</script>\n","<template>\n  <div\n    v-if=\"state\"\n    :class=\"suit()\"\n  >\n    <slot\n      :can-refine=\"canRefine\"\n      :refine=\"state.refine\"\n      :create-u-r-l=\"state.createURL\"\n    >\n      <button\n        type=\"reset\"\n        :class=\"[suit('button'), !canRefine && suit('button', 'disabled')]\"\n        :disabled=\"!canRefine\"\n        @click.prevent=\"refine\"\n      >\n        <slot name=\"resetLabel\">\n          Clear refinements\n        </slot>\n      </button>\n    </slot>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useSuit } from \"../composables/useSuit\";\nimport { computed } from \"vue\";\n\nconst props = withDefaults(defineProps<{ id?: string }>(), {\n  id: ''\n})\nconst { state } = useAisWidget(\"clearRefinements\", props.id);\nconst canRefine = computed(() => state.value?.canRefine);\nconst refine = () => state.value!.refine();\n\nconst suit = useSuit(\"ClearRefinements\");\n</script>\n","<script lang=\"ts\" setup>\nimport { FormKitLazyProvider } from '@formkit/vue'\nimport { GroupProps } from \"~/components/Filters/Utils/Group.props\"\n\nconst props = withDefaults(defineProps<GroupProps>(), {\n  type: \"default\",\n  contentClass: \"\",\n  nFilters: 0,\n  separator: true\n})\n\nconst emit = defineEmits<{ (e: \"onClick\"): void; (e: \"onReset\"): void }>()\nconst slots = useSlots()\nconst isDefault = computed(() => props.type === \"default\")\n\nconst handleGroupClick = () => {\n  if (isDefault.value) return\n  emit(\"onClick\")\n}\nconst { getFiltersNumbersByState } = useSwiftSearchHelper()\n\nconst getFiltersNumbers = () => getFiltersNumbersByState(props.facetName)\n</script>\n\n<template>\n  \n<FormKitLazyProvider config-file=\"true\">\n<FormKit v-if=\"!!name\" type=\"group\" :name=\"name\">\n    <div class=\"group\" :class=\"{ 'cursor-pointer': !isDefault }\">\n      <header\n        class=\"group__header flex items-center justify-between gap-x-2 py-4\"\n        @click=\"handleGroupClick\"\n      >\n        <div class=\"flex items-center gap-x-2\">\n          <p v-if=\"!!title\" class=\"pig-bold\">\n            {{ title }}\n          </p>\n          <BadgeCounter :counter=\"getFiltersNumbers()\" />\n        </div>\n        <!-- CLEAR REFINEMENTS -->\n        <AisClearRefinements\n          :included-attributes=\"facetName\"\n          :id=\"idFacet ?? ''\"\n        >\n          <template v-slot=\"{ canRefine, refine }\">\n            <UtilsButton\n              v-if=\"canRefine && isDefault\"\n              theme=\"ghost-green\"\n              :text=\"$t('filters.utils.common.reset')\"\n              @click=\"refine()\"\n            />\n            <UtilsIcon\n              name=\"ChevronRight.svg\"\n              v-else-if=\"!isDefault\"\n              class=\"h-6 w-6\"\n            />\n            <div v-else></div>\n          </template>\n        </AisClearRefinements>\n      </header>\n      <div\n        class=\"group__content cursor-default\"\n        :class=\"[contentClass, { 'border-b border-black-10': separator }]\"\n      >\n        <slot />\n      </div>\n    </div>\n    <slot v-if=\"!!slots.modal\" name=\"modal\" />\n  </FormKit>\n</FormKitLazyProvider>\n\n</template>\n\n<style lang=\"scss\">\n\n.group {\n  .btn {\n    &__container {\n      @apply py-0;\n    }\n  }\n}\n\n</style>\n","<script setup lang=\"ts\">\ndefineProps()\n\nconst isFirstTime = ref(true)\n\nconst { isPending, start, stop } = useTimeoutFn(() => {\n  if (isFirstTime.value) {\n    // Do not trigger sendEvent for the first time\n    isFirstTime.value = false\n    return\n  }\n}, 1500)\n\nconst onClickedFilter = (filter: { min: number; max: number }) => {\n  if (isPending) stop()\n\n  start()\n}\n</script>\n\n<template>\n  <FiltersUtilsGroup\n    name=\"price\"\n    id-facet=\"price.amount_float\"\n    content-class=\"pb-5\"\n    facet-name=\"price.amount_float\"\n    :title=\"$t('filters.utils.common.price')\"\n  >\n    <AisRangeInput attribute=\"price.amount_float\">\n      <template v-slot=\"{ currentRefinement, range, refine }\">\n        <FkSlider\n          :model-value=\"{\n            min:\n              typeof currentRefinement.min === 'number'\n                ? currentRefinement.min\n                : range.min,\n            max:\n              typeof currentRefinement.max === 'number'\n                ? currentRefinement.max\n                : range.max\n          }\"\n          name=\"range\"\n          :label=\"$t('filters.utils.common.price')\"\n          :min=\"range.min\"\n          :max=\"range.max\"\n          :step=\"1\"\n          :gap=\"1\"\n          currency=\"€\"\n          @update:model-value=\"\n            ($event) => {\n              onClickedFilter({\n                min: $event.min,\n                max: $event.max\n              })\n              refine({ min: $event.min, max: $event.max })\n            }\n          \"\n        />\n      </template>\n    </AisRangeInput>\n    <div class=\"pt-2\">\n      <AisToggleRefinement\n        attribute=\"isDiscounted\"\n        :label=\"$t('filters.utils.price.isDiscounted')\"\n      >\n        <template v-slot=\"{ canRefine, refine, value }\">\n          <FiltersUtilsOption\n            name=\"is-discounted\"\n            :checked=\"value.isRefined\"\n            :disabled=\"!canRefine\"\n            @clicked=\"refine(value)\"\n            :text=\"$t('filters.utils.price.isDiscounted')\"\n            :n-results=\"canRefine ? value.count : 0\"\n            type=\"toggle\"\n          />\n        </template>\n      </AisToggleRefinement>\n    </div>\n  </FiltersUtilsGroup>\n</template>\n","<template>\n  <div\n    v-if=\"state\"\n    :class=\"[suit(), noRefinement && suit('', 'noRefinement')]\"\n  >\n    <slot\n      :refine=\"state.refine\"\n      :items=\"state.items\"\n      :create-u-r-l=\"state.createURL\"\n    >\n      <ul :class=\"suit('list')\">\n        <li\n          v-for=\"item in state.items\"\n          :key=\"item.attribute\"\n          :class=\"suit('item')\"\n        >\n          <slot\n            name=\"item\"\n            :refine=\"item.refine\"\n            :item=\"item\"\n            :create-u-r-l=\"state.createURL\"\n          >\n            <span :class=\"suit('label')\">{{ capitalize(item.label) }}: </span>\n            <span\n              v-for=\"refinement in item.refinements\"\n              :key=\"createItemKey(refinement)\"\n              :class=\"suit('category')\"\n            >\n              <slot\n                name=\"refinement\"\n                :refine=\"item.refine\"\n                :refinement=\"refinement\"\n                :create-u-r-l=\"state.createURL\"\n              >\n                <span :class=\"suit('categoryLabel')\">\n                  <q v-if=\"refinement.attribute === 'query'\">{{\n                    refinement.label\n                  }}</q>\n                  <template v-else>{{ refinement.label }}</template> </span><button\n                  :class=\"suit('delete')\"\n                  type=\"button\"\n                  @click.left.exact=\"item.refine(refinement)\"\n                >\n                  ✕\n                </button>\n              </slot>\n            </span>\n          </slot>\n        </li>\n      </ul>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useSuit } from \"../composables/useSuit\";\nimport { computed } from \"vue\";\nimport type { CurrentRefinementsConnectorParamsRefinement } from \"instantsearch.js/es/connectors/current-refinements/connectCurrentRefinements\";\nconst props = withDefaults(defineProps<{ id?: string }>(), {\n  id: ''\n})\nconst { state } = useAisWidget(\"currentRefinements\", props.id);\n\nconst suit = useSuit(\"CurrentRefinements\");\n\nconst noRefinement = computed(\n  () => state.value && state.value.items.length === 0,\n);\n\nconst createItemKey = ({\n  attribute,\n  value,\n  type,\n  operator,\n}: CurrentRefinementsConnectorParamsRefinement) => {\n  return [attribute, type, value, operator].join(\":\");\n};\n\nconst capitalize = (value?: string) => {\n  if (!value) return \"\";\n\n  return (\n    value.toString().charAt(0).toLocaleUpperCase() + value.toString().slice(1)\n  );\n};\n</script>\n","<template>\n  <form\n    action=\"\"\n    role=\"search\"\n    novalidate\n    :class=\"suit('form')\"\n    @submit.prevent=\"onFormSubmit\"\n    @reset.prevent=\"onFormReset\"\n  >\n    <input\n      ref=\"input\"\n      type=\"search\"\n      autocorrect=\"off\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      maxlength=\"512\"\n      aria-label=\"Search\"\n      :placeholder=\"placeholder\"\n      :autofocus=\"autofocus\"\n      :class=\"suit('input')\"\n      :value=\"value || modelValue\"\n      @focus=\"$emit('focus', $event)\"\n      @blur=\"$emit('blur', $event)\"\n      @input=\"onInput($event as InputEvent)\"\n      @compositionend=\"onInput($event as CompositionEvent)\"\n    >\n    <button\n      type=\"submit\"\n      :title=\"submitTitle\"\n      :class=\"suit('submit')\"\n      :hidden=\"showLoadingIndicator && shouldShowLoadingIndicator\"\n    >\n      <slot name=\"submit-icon\">\n        <svg\n          aria-hidden=\"true\"\n          width=\"10\"\n          height=\"10\"\n          viewBox=\"0 0 40 40\"\n          :class=\"suit('submitIcon')\"\n        >\n          <path\n            d=\"M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z\"\n          />\n        </svg>\n      </slot>\n    </button>\n\n    <button\n      type=\"reset\"\n      :title=\"resetTitle\"\n      :class=\"suit('reset')\"\n      :hidden=\"\n        (!value && !modelValue) ||\n          (showLoadingIndicator && shouldShowLoadingIndicator)\n      \"\n    >\n      <slot name=\"reset-icon\">\n        <svg\n          aria-hidden=\"true\"\n          height=\"10\"\n          viewBox=\"0 0 20 20\"\n          :class=\"suit('resetIcon')\"\n          width=\"10\"\n        >\n          <path\n            d=\"M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z\"\n          />\n        </svg>\n      </slot>\n    </button>\n\n    <span\n      v-if=\"showLoadingIndicator\"\n      :hidden=\"!shouldShowLoadingIndicator\"\n      :class=\"suit('loadingIndicator')\"\n    >\n      <slot name=\"loading-indicator\">\n        <svg\n          :aria-hidden=\"!shouldShowLoadingIndicator\"\n          aria-label=\"Results are loading\"\n          width=\"16\"\n          height=\"16\"\n          stroke=\"#444\"\n          viewBox=\"0 0 38 38\"\n          :class=\"suit('loadingIcon')\"\n        >\n          <g\n            fill=\"none\"\n            fill-rule=\"evenodd\"\n          >\n            <g\n              transform=\"translate(1 1)\"\n              stroke-width=\"2\"\n            >\n              <circle\n                stroke-opacity=\".5\"\n                cx=\"18\"\n                cy=\"18\"\n                r=\"18\"\n              />\n              <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n                <animateTransform\n                  attributeName=\"transform\"\n                  type=\"rotate\"\n                  from=\"0 18 18\"\n                  to=\"360 18 18\"\n                  dur=\"1s\"\n                  repeatCount=\"indefinite\"\n                />\n              </path>\n            </g>\n          </g>\n        </svg>\n      </slot>\n    </span>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSuit } from \"../composables/useSuit\";\nimport { ref } from \"vue\";\nconst suit = useSuit(\"SearchBox\");\n\nconst input = ref<HTMLInputElement>();\nconst props = withDefaults(\n  defineProps<{\n    placeholder?: string;\n    autofocus?: boolean;\n    showLoadingIndicator?: boolean;\n    shouldShowLoadingIndicator?: boolean;\n    ignoreCompositionEvents?: boolean;\n    submitTitle?: string;\n    resetTitle?: string;\n    value?: string;\n  }>(),\n  {\n    placeholder: \"Search here...\",\n    autofocus: false,\n    showLoadingIndicator: false,\n    shouldShowLoadingIndicator: false,\n    ignoreCompositionEvents: false,\n    submitTitle: \"Search\",\n    resetTitle: \"Clear\",\n    value: \"\",\n  },\n);\n\nconst modelValue = defineModel<string>();\nconst emit = defineEmits([\n  \"input\",\n  \"update:modelValue\",\n  \"blur\",\n  \"focus\",\n  \"reset\",\n]);\n\nconst isFocused = () => {\n  return document.activeElement === input.value;\n};\n\ndefineExpose({\n  isFocused,\n});\n\nconst onInput = (event: InputEvent | CompositionEvent) => {\n  const target = event.target as HTMLInputElement;\n  if (\"isComposing\" in event) {\n    // input event\n    emit(\"input\", target.value);\n    emit(\"update:modelValue\", target.value);\n  }\n  // composition event\n  if (!props.ignoreCompositionEvents) {\n    emit(\"input\", target.value);\n    emit(\"update:modelValue\", target.value);\n  }\n};\nconst onFormSubmit = () => {\n  input.value?.blur();\n};\n\nconst onFormReset = () => {\n  emit(\"input\", \"\");\n  emit(\"update:modelValue\", \"\");\n  emit(\"reset\");\n};\n</script>\n","import { getPropertyByPath } from \"instantsearch.js/es/lib/utils\";\nconst TAG_PLACEHOLDER = {\n  highlightPreTag: \"__ais-highlight__\",\n  highlightPostTag: \"__/ais-highlight__\"\n};\nfunction parseHighlightedAttribute({\n  preTag,\n  postTag,\n  highlightedValue = \"\"\n}) {\n  const splitByPreTag = highlightedValue.split(preTag);\n  const firstValue = splitByPreTag.shift();\n  const elements = firstValue === \"\" ? [] : [{ value: firstValue, isHighlighted: false }];\n  if (postTag === preTag) {\n    let isHighlighted = true;\n    splitByPreTag.forEach((split) => {\n      elements.push({ value: split, isHighlighted });\n      isHighlighted = !isHighlighted;\n    });\n  } else {\n    splitByPreTag.forEach((split) => {\n      const splitByPostTag = split.split(postTag);\n      elements.push({\n        value: splitByPostTag[0],\n        isHighlighted: true\n      });\n      if (splitByPostTag[1] !== \"\") {\n        elements.push({\n          // Vue removes nodes which are just a single space (vuejs/vue#9208),\n          // we replace this by two spaces, which does not have an impact,\n          // unless someone would have `white-space: pre` on the highlights\n          value: splitByPostTag[1] === \" \" ? \"  \" : splitByPostTag[1],\n          isHighlighted: false\n        });\n      }\n    });\n  }\n  return elements;\n}\nexport function parseAlgoliaHit({\n  preTag = TAG_PLACEHOLDER.highlightPreTag,\n  postTag = TAG_PLACEHOLDER.highlightPostTag,\n  highlightProperty,\n  attribute,\n  hit\n}) {\n  if (!hit)\n    throw new Error(\"`hit`, the matching record, must be provided\");\n  const highlightObject = getPropertyByPath(hit[highlightProperty], attribute) || {};\n  if (Array.isArray(highlightObject)) {\n    return highlightObject.map(\n      (item) => parseHighlightedAttribute({\n        preTag,\n        postTag,\n        highlightedValue: unescape(item.value)\n      })\n    );\n  }\n  return parseHighlightedAttribute({\n    preTag,\n    postTag,\n    highlightedValue: unescape(highlightObject.value)\n  });\n}\n","<template>\n  <span :class=\"suit()\">\n    <component\n      :is=\"isHighlighted ? highlightedTagName : 'span'\"\n      v-for=\"({ value, isHighlighted }, index) in parsedHighlights as {\n        value: string | undefined;\n        isHighlighted: boolean;\n      }[]\"\n      :key=\"index\"\n      :class=\"[isHighlighted && suit('highlighted')]\"\n    >{{ value }}</component>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Hit } from \"instantsearch.js\";\nimport { computed } from \"vue\";\nimport { parseAlgoliaHit } from \"../utils/parseAlgoliaHit\";\nimport type { RefinementListItem } from \"instantsearch.js/es/connectors/refinement-list/connectRefinementList\";\n\nconst props = withDefaults(\n  defineProps<{\n    hit: Hit | RefinementListItem;\n    attribute: string;\n    highlightedTagName: string;\n    highlightProperty: string;\n    preTag: string;\n    postTag: string;\n    suit: (n?: string) => string;\n  }>(),\n  {\n    highlightedTagName: \"mark\",\n  },\n);\nconst parsedHighlights = computed(() => {\n  return parseAlgoliaHit({\n    attribute: props.attribute,\n    hit: props.hit,\n    highlightProperty: props.highlightProperty,\n    preTag: props.preTag,\n    postTag: props.postTag,\n  });\n});\n</script>\n","<template>\n  <AisHighlighter\n    :hit=\"hit\"\n    :attribute=\"attribute\"\n    :highlighted-tag-name=\"highlightedTagName\"\n    :suit=\"suit\"\n    highlight-property=\"_highlightResult\"\n    pre-tag=\"<mark>\"\n    post-tag=\"</mark>\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type { Hit } from \"instantsearch.js\";\nimport { useSuit } from \"../composables/useSuit\";\nimport type { RefinementListItem } from \"instantsearch.js/es/connectors/refinement-list/connectRefinementList\";\n\nconst suit = useSuit(\"Highlight\");\nwithDefaults(\n  defineProps<{\n    hit: Hit | RefinementListItem;\n    attribute: string;\n    highlightedTagName?: string;\n  }>(),\n  {\n    highlightedTagName: \"mark\",\n  },\n);\n</script>\n","import { connectRefinementList } from \"instantsearch.js/es/connectors\";\nimport { useState } from \"nuxt/app\";\nimport { provide, ref } from \"vue\";\nexport const useAisRefinementListRenderState = () => useState(\n  \"ais_refinement_render_state\",\n  () => ({})\n);\nexport const useAisRefinementList = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const refinementRenderState = useAisRefinementListRenderState();\n  const renderRefinementList = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (import.meta.client) {\n      refinementRenderState.value[widgetParams.attribute] = renderState;\n    }\n    if (isFirstRender) {\n      provide(`refinementList-${id}`, stateRef);\n    }\n    return () => null;\n  };\n  const customRefinementList = connectRefinementList(renderRefinementList);\n  return {\n    ...customRefinementList(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n","<template>\n  <div\n    v-if=\"state\"\n    :class=\"[suit(''), !state.canRefine && suit('', 'noRefinement')]\"\n  >\n    <slot\n      :items=\"items\"\n      :refine=\"refine\"\n      :search-for-items=\"state.searchForItems\"\n      :search-for-items-query=\"searchForFacetValuesQuery\"\n      :toggle-show-more=\"toggleShowMore\"\n      :can-toggle-show-more=\"state.canToggleShowMore\"\n      :is-showing-more=\"state.isShowingMore\"\n      :create-u-r-l=\"state.createURL\"\n      :is-from-search=\"state.isFromSearch\"\n      :can-refine=\"state.canRefine\"\n      :send-event=\"state.sendEvent\"\n    >\n      <div\n        v-if=\"searchable\"\n        :class=\"suit('searchBox')\"\n      >\n        <AisSearchInput\n          v-model=\"searchForFacetValues\"\n          :placeholder=\"searchablePlaceholder\"\n        />\n      </div>\n      <slot\n        v-if=\"state.isFromSearch && items.length === 0\"\n        name=\"noResults\"\n        :query=\"searchForFacetValues\"\n      >\n        <div :class=\"suit('noResults')\">\n          No results.\n        </div>\n      </slot>\n      <ul :class=\"suit('list')\">\n        <li\n          v-for=\"item in items\"\n          :key=\"item.value\"\n          :class=\"[suit('item'), item.isRefined && suit('item', 'selected')]\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"item\"\n            :refine=\"refine\"\n            :create-u-r-l=\"state.createURL\"\n          >\n            <label :class=\"suit('label')\">\n              <input\n                :class=\"suit('checkbox')\"\n                type=\"checkbox\"\n                :value=\"item.value\"\n                :checked=\"item.isRefined\"\n                @change=\"refine(item.value)\"\n              >\n              <span\n                v-if=\"searchable\"\n                :class=\"suit('labelText')\"\n              >\n                <AisHighlight\n                  attribute=\"item\"\n                  :hit=\"item\"\n                />\n              </span>\n              <span\n                v-else\n                :class=\"suit('labelText')\"\n              >{{ item.label }}</span>\n              <span :class=\"suit('count')\">{{ item.count }}</span>\n            </label>\n          </slot>\n        </li>\n      </ul>\n      <button\n        v-if=\"showMore\"\n        :class=\"[\n          suit('showMore'),\n          {\n            [suit('showMore', 'disabled')]: !state.canToggleShowMore,\n          },\n        ]\"\n        :disabled=\"!state.canToggleShowMore\"\n        @click=\"toggleShowMore\"\n      >\n        <slot\n          name=\"showMoreLabel\"\n          :is-showing-more=\"state.isShowingMore\"\n        >\n          Show {{ state.isShowingMore ? \"less\" : \"more\" }}\n        </slot>\n      </button>\n    </slot>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useAisRefinementListRenderState } from \"../composables/useAisRefinementList\";\nimport { computed, ref } from \"vue\";\nimport { useSuit } from \"../composables/useSuit\";\nconst props = withDefaults(\n  defineProps<{\n    attribute: string;\n    searchable?: boolean;\n    searchablePlaceholder?: string;\n  }>(),\n  { searchablePlaceholder: \"Search here…\" },\n);\n\nconst { state: refinementsState } = useAisWidget(\"refinementList\");\nconst refinementListState = useAisRefinementListRenderState();\n\nconst state = computed(() => {\n  return refinementListState.value[props.attribute]\n    ? refinementListState.value[props.attribute]\n    : refinementsState.value[props.attribute];\n});\nconst widgetParams = computed(\n  () => refinementsState.value[props.attribute].widgetParams,\n);\n\nconst suit = useSuit(\"RefinementList\");\n\nconst showMore = computed(() => widgetParams.value.showMore ?? false);\n\nconst searchForFacetValuesQuery = ref(\"\");\n\nconst searchForFacetValues = computed({\n  get() {\n    return searchForFacetValuesQuery.value;\n  },\n  set(value) {\n    state.value.searchForItems(value);\n    searchForFacetValuesQuery.value = value;\n  },\n});\n\nconst toggleShowMore = () => {\n  state.value.toggleShowMore();\n};\n\nconst items = computed(() =>\n  state.value.items.map((item) =>\n    Object.assign({}, item, {\n      _highlightResult: { item: { value: item.highlighted } },\n    }),\n  ),\n);\n\nconst refine = (value: string) => {\n  state.value.refine(value);\n  searchForFacetValuesQuery.value = \"\";\n};\n</script>\n","<script lang=\"ts\" setup>\nimport { OverflowButtonProps } from \"~/components/Filters/Utils/OverflowButton.props\"\n\nwithDefaults(defineProps<OverflowButtonProps>(), {\n  type: \"button\",\n  nResults: 0,\n  overflow: false\n})\n\nconst emit = defineEmits<{ (e: \"onClick\"): void }>()\n</script>\n\n<template>\n  <div\n    class=\"overflow-button p-4 transition-shadow duration-300\"\n    :class=\"{ 'shadow-sticky': overflow }\"\n  >\n    <UtilsButton\n      :type=\"type\"\n      :text=\"`${text} (${nResults})`\"\n      fluid\n      @click=\"emit('onClick')\"\n    />\n  </div>\n</template>\n","import { Ref } from \"@vue/reactivity\"\nimport { onMounted } from \"@vue/runtime-core\"\n\nexport const useElementOverflow = (el: Ref<HTMLElement | null>) => {\n  const hasOverflow = ref(false)\n  const toBottom = ref(false)\n\n  const isOverflowing = computed(() => hasOverflow.value && !toBottom.value)\n\n  const checkOverflow = () =>\n    (hasOverflow.value =\n      (el?.value?.scrollHeight ?? 0) > (el?.value?.offsetHeight ?? 0)) || false\n\n  const checkScrollPosition = () => {\n    const scrollTop = el?.value?.scrollTop ?? 0\n    const scrollHeight = el?.value?.scrollHeight ?? 0\n    const height = el?.value?.offsetHeight ?? 0\n    toBottom.value = Math.round(scrollTop + height) >= scrollHeight\n  }\n\n  const refresh = () => {\n    checkOverflow()\n    checkScrollPosition()\n  }\n\n  const debouncedScrollPosition = useDebounceFn(checkScrollPosition, 250)\n  const debouncedCheckOverflow = useDebounceFn(checkOverflow, 100)\n\n  onMounted(() => {\n    refresh()\n    el?.value?.addEventListener(\"scroll\", debouncedScrollPosition)\n    window.addEventListener(\"resize\", debouncedScrollPosition)\n    window.addEventListener(\"resize\", debouncedCheckOverflow)\n  })\n\n  onBeforeUnmount(() => {\n    el?.value?.removeEventListener(\"scroll\", debouncedScrollPosition)\n    window.removeEventListener(\"resize\", debouncedScrollPosition)\n    window.removeEventListener(\"resize\", debouncedCheckOverflow)\n  })\n\n  return { hasOverflow, isOverflowing, refresh }\n}\n","<script lang=\"ts\" setup>\nimport { ModalContentProps } from \"~/components/Filters/Utils/ModalContent.props\"\nimport { useElementOverflow } from \"~/composables/useElementOverflow\"\n\nwithDefaults(defineProps<ModalContentProps>(), {\n  btnShown: false\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"onMounted\", fn: () => void): void\n    (e: \"onClick\"): void\n  }>()\n\nconst contentRef = ref<HTMLElement | null>(null)\nconst { isOverflowing, refresh } = useElementOverflow(contentRef)\n\nconst transitionend = ref(true)\nconst toggleTransitionEnd = (value: boolean) => (transitionend.value = value)\n\nonMounted(() => emit(\"onMounted\", refresh))\nwatch(transitionend, () => window.requestAnimationFrame(refresh))\n</script>\n\n<template>\n  <div\n    ref=\"contentRef\"\n    class=\"modal-content overflow-y-auto px-4 pb-4\"\n    :class=\"{\n      'height-transitioned': transitionend,\n      'height-not-transitioned': !transitionend\n    }\"\n  >\n    <slot />\n  </div>\n  <Transition\n    name=\"slide-fade\"\n    @before-enter=\"toggleTransitionEnd(false)\"\n    @after-leave=\"toggleTransitionEnd(true)\"\n  >\n    <FiltersUtilsOverflowButton\n      v-if=\"btnShown\"\n      v-bind=\"btn\"\n      :overflow=\"isOverflowing\"\n      @onClick=\"emit('onClick')\"\n    />\n  </Transition>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.slide-fade-enter-active {\n  transition: all 0.3s ease-out;\n}\n\n.slide-fade-leave-active {\n  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n  transform: translateY(20px);\n  opacity: 0;\n}\n\n.height-transitioned {\n  height: calc(100vh - 3rem);\n  height: calc(100dvh - 3rem);\n}\n.height-not-transitioned {\n  height: calc(100vh - 7.5rem);\n  height: calc(100dvh - 7.5rem);\n}\n\n</style>\n","<script lang=\"ts\" setup>\nimport { ModalWrapperProps } from \"~/components/Filters/Utils/ModalWrapper.props\"\n\nwithDefaults(defineProps<ModalWrapperProps>(), {\n  openFrom: \"left\"\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"onSelectAll\"): void\n    (e: \"onDeleteAll\"): void\n    (e: \"onClose\"): void\n    (e: \"onAfterClose\"): void\n  }>()\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <FiltersUtilsSlide\n      :name=\"name\"\n      :open-from=\"openFrom\"\n      @onAfterClose=\"emit('onAfterClose')\"\n    >\n      <AisClearRefinements id=\"all\">\n        <template v-slot=\"{ canRefine, refine }\">\n          <FiltersUtilsModalHead\n            v-bind=\"{\n              title: header.title,\n              action: canRefine ? 'deleteAll' : 'none'\n            }\"\n            @onSelectAll=\"emit('onSelectAll')\"\n            @onDeleteAll=\"refine\"\n            @onClose=\"emit('onClose')\"\n        /></template>\n      </AisClearRefinements>\n\n      <slot />\n    </FiltersUtilsSlide>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\nimport { OptionsProps } from \"~/components/Filters/Utils/Modals/Options.props\"\n\nconst props = withDefaults(defineProps<OptionsProps>(), {\n  searchItem: \"\"\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"onClose\"): void\n    (e: \"onDeleteAll\"): void\n    (e: \"onSelectAll\"): void\n    (e: \"onApply\"): void\n  }>()\n\nconst { t } = useI18n()\nconst { isOpen, switchState } = useUIState(props.name)\n\nlet overflowRefreshFn: (() => void) | null = null\nconst searchLabel = `${t(\"filters.utils.modals.options.which\")} ${\n  props.searchItem\n} ${t(\"filters.utils.modals.options.areYouSearchingFor\")}`\n\nconst headerAction = computed(() => (props.nOptions > 0 ? \"reset\" : \"none\"))\n\nconst handleContentMounted = (fn: () => void) =>\n  (overflowRefreshFn = useDebounceFn(fn, 100))\n\nconst handleClose = () => {\n  switchState(false)\n  emit(\"onClose\")\n}\n\nconst handleApply = () => {\n  switchState(false)\n  emit(\"onApply\")\n}\n\nwatch(isOpen, () => overflowRefreshFn?.())\n\nconst { event, sendEvent } = useGAEvent(\n  `track_select_content_${props.name}_`,\n  \"custom_event\"\n)\n\nconst onClickedFilter = (filter: {label: string}, category: string) => {\n  event.value = {\n    event: \"select_content\",\n    action: \"filter\",\n    category: category.toLowerCase(),\n    label: filter.label\n  }\n  sendEvent({ clearEcommerce: false })\n}\n\nconst { nbHits } = useSwiftSearchHelper()\n</script>\n\n<template>\n  <FiltersUtilsModalWrapper\n    :name=\"name\"\n    :header=\"{\n      title,\n      action: headerAction\n    }\"\n    open-from=\"right\"\n    @onSelectAll=\"emit('onSelectAll')\"\n    @onDeleteAll=\"emit('onDeleteAll')\"\n    @onClose=\"handleClose\"\n  >\n    <FiltersUtilsModalContent\n      :btn=\"{\n        text: $t('filters.utils.common.saveFilter'),\n        nResults: 120\n      }\"\n      :btn-shown=\"nOptions > 0\"\n      @onMounted=\"handleContentMounted\"\n      @onClick=\"handleApply\"\n    >\n      <AisRefinementList :attribute=\"facetName\" searchable :limit=\"20\">\n        <template v-slot=\"{ items, refine, searchForItems }\">\n          <div class=\"options-modal -mx-4 space-y-2 pt-4\">\n            <div class=\"options-modal__search px-4 py-2\">\n              <SearchSearchbar\n                name=\"modal-search\"\n                :label=\"searchLabel\"\n                :placeholder=\"searchLabel\"\n                @update:model-value=\"searchForItems\"\n              />\n            </div>\n\n            <div class=\"options-modal__options pb-16\">\n              <FiltersUtilsOption\n                v-for=\"item of items\"\n                :name=\"item.value\"\n                :checked=\"item.isRefined\"\n                @clicked=\"\n                  () => {\n                    onClickedFilter(item, title)\n                    refine(item.value)\n                  }\n                \"\n                :text=\"item.label\"\n                :n-results=\"item.count\"\n                class=\"px-4\"\n              />\n            </div>\n            <div\n              class=\"\n                elevation-fixed-button\n                fixed\n                bottom-0\n                right-0\n                w-full\n                bg-white\n                p-4\n              \"\n            >\n              <UtilsButton\n                @click=\"handleClose\"\n                :text=\"\n                  $t('filters.utils.common.showResults', {\n                    number: nbHits\n                  })\n                \"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        </template>\n      </AisRefinementList>\n    </FiltersUtilsModalContent>\n  </FiltersUtilsModalWrapper>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.elevation-fixed-button {\n  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.08);\n  -webkit-overflow-scrolling: touch;\n}\n\n</style>\n","<script lang=\"ts\" setup>\nimport { BrandsProps } from \"~/components/Filters/Utils/Modals/Brands.props\"\nimport { BRANDS_MODAL } from \"~/utils/filters\"\n\ndefineProps<BrandsProps>()\nconst emit =\n  defineEmits<{\n    (e: \"onClose\"): void\n    (e: \"onSelectAll\"): void\n    (e: \"onDeleteAll\"): void\n    (e: \"onApply\"): void\n  }>()\n</script>\n\n<template>\n  <FiltersUtilsModalsOptions\n    :facet-name=\"'brand.name'\"\n    id-facet=\"brand.name\"\n    :name=\"BRANDS_MODAL\"\n    :title=\"$t('filters.utils.common.brands')\"\n    :search-item=\"$t('filters.utils.modals.brands.brand')\"\n    @onClose=\"emit('onClose')\"\n    @onSelectAll=\"emit('onSelectAll')\"\n    @onDeleteAll=\"emit('onDeleteAll')\"\n    @onApply=\"emit('onApply')\"\n  />\n</template>\n","<script lang=\"ts\" setup>\nimport { CategoriesProps } from \"~/components/Filters/Utils/Modals/Categories.props\"\nimport { CATEGORIES_MODAL } from \"~/utils/filters\"\n\nconst props = defineProps<CategoriesProps>()\nconst emit =\n  defineEmits<{\n    (e: \"onClose\"): void\n    (e: \"onSelectAll\"): void\n    (e: \"onDeleteAll\"): void\n    (e: \"onApply\"): void\n  }>()\n</script>\n\n<template>\n  <FiltersUtilsModalsOptions\n    :facet-name=\"'mainCategory.name'\"\n    id-facet=\"mainCategory.name\"\n    :name=\"CATEGORIES_MODAL\"\n    :title=\"$t('filters.utils.common.categories')\"\n    :search-item=\"$t('filters.utils.modals.categories.category')\"\n    @onClose=\"emit('onClose')\"\n    @onSelectAll=\"emit('onSelectAll')\"\n    @onDeleteAll=\"emit('onDeleteAll')\"\n    @onApply=\"emit('onApply')\"\n  />\n</template>\n","export enum selectContentEvent {\n  selectContent = \"select_content\"\n}\n\nexport enum selectContentAction {\n  filter = \"filter\"\n}\n","<script setup lang=\"ts\">\nimport {\n  selectContentAction,\n  selectContentEvent\n} from \"~/utils/analytics/selectContent\"\nimport { BRANDS_MODAL, CATEGORIES_MODAL, FILTERS_MODAL } from \"~/utils/filters\"\n\nconst { switchState: openFilters } = useUIState(FILTERS_MODAL)\nconst { switchState: openBrands } = useUIState(BRANDS_MODAL)\nconst { switchState: openCategories } = useUIState(CATEGORIES_MODAL)\nconst { t } = useI18n()\nconst route = useRoute()\n\nconst facetNames = [\"inStock\", \"deductibleProduct\"]\n\nconst { event, sendEvent } = useGAEvent(\n  `track_select_content_available_`,\n  \"select_content\"\n)\n\nconst onClickedFilter = (item: string, category: string) => {\n  if (item) {\n    event.value = {\n      event: selectContentEvent.selectContent,\n      action: selectContentAction.filter,\n      category: category.toLowerCase(),\n      label: t(`filters.utils.availability.${item}`)\n    }\n\n    sendEvent({ clearEcommerce: false })\n  }\n}\n\nconst { nbHits, refinements } = useSwiftSearchHelper()\n</script>\n\n<template>\n  <FiltersUtilsModalWrapper\n    :name=\"FILTERS_MODAL\"\n    :header=\"{\n      title: $t('filters.utils.modalHead.filter')\n    }\"\n    @onClose=\"openFilters(false)\"\n  >\n    <div class=\"filters-modal__form flex flex-grow flex-col px-4\">\n      <FiltersUtilsModalContent\n        :btn=\"{\n          type: 'submit',\n          text: $t('filters.utils.modals.filters.showResults'),\n          nResults: 120\n        }\"\n        :btn-shown=\"true\"\n      >\n        <AlgoliaGroupsPrice />\n\n        <FiltersUtilsGroup\n          v-if=\"route.meta.page !== 'promotions-brand'\"\n          type=\"modal\"\n          name=\"brands\"\n          id-facet=\"brand.name\"\n          :title=\"$t('filters.utils.common.brands')\"\n          facetName=\"brand.name\"\n          @onClick=\"openBrands(true)\"\n        >\n          <AisCurrentRefinements\n            id=\"brand.name\"\n            :included-attributes=\"['brand.name']\"\n            :class-names=\"{\n              'ais-CurrentRefinements-item': 'flex flex-wrap gap-x-4',\n              'ais-CurrentRefinements-label': 'hidden',\n              'ais-CurrentRefinements-delete': 'ml-2 cursor-pointer',\n              'ais-CurrentRefinements-category':\n                'whitespace-normal bg-green-10 rounded-[100px] px-3 py-2 gap-x-2 mb-4 cursor-default'\n            }\"\n          />\n          <template #modal>\n            <FiltersUtilsModalsBrands />\n          </template>\n        </FiltersUtilsGroup>\n\n        <FiltersUtilsGroup\n          type=\"modal\"\n          name=\"categories\"\n          id-facet=\"mainCategory.name\"\n          :title=\"$t('filters.utils.common.categories')\"\n          facetName=\"mainCategory.name\"\n          @onClick=\"openCategories(true)\"\n        >\n          <AisCurrentRefinements\n            id=\"mainCategory.name\"\n            :included-attributes=\"['mainCategory.name']\"\n            :class-names=\"{\n              'ais-CurrentRefinements-item': 'flex flex-wrap gap-x-4',\n              'ais-CurrentRefinements-label': 'hidden',\n              'ais-CurrentRefinements-delete': 'ml-2 cursor-pointer',\n              'ais-CurrentRefinements-category':\n                'whitespace-normal bg-green-10 rounded-[100px] px-3 py-2 gap-x-2 mb-4 cursor-default'\n            }\"\n          />\n          <template #modal>\n            <FiltersUtilsModalsCategories />\n          </template>\n        </FiltersUtilsGroup>\n\n        <FiltersUtilsGroup\n          name=\"availability\"\n          id-facet=\"availability\"\n          content-class=\"pb-4 mb-16\"\n          :title=\"$t('filters.utils.common.availability')\"\n          :facetName=\"facetNames\"\n        >\n          <AisToggleRefinement\n            v-for=\"(item, index) in facetNames\"\n            :key=\"`refinement-toggle-${index}`\"\n            :attribute=\"facetNames[index]\"\n            :label=\"$t(`filters.utils.availability.${item}`)\"\n          >\n            <template v-slot=\"{ canRefine, refine, value }\">\n              <FiltersUtilsOption\n                :name=\"item\"\n                :checked=\"value.isRefined\"\n                :disabled=\"!canRefine\"\n                @clicked=\"\n                  () => {\n                    onClickedFilter(\n                      item,\n                      $t(`filters.utils.common.availability`)\n                    )\n                    refine(value)\n                  }\n                \"\n                :text=\"$t(`filters.utils.availability.${item}`)\"\n                :n-results=\"canRefine ? value.count : 0\"\n                type=\"toggle\"\n              />\n            </template>\n          </AisToggleRefinement>\n        </FiltersUtilsGroup>\n        <div\n          class=\"\n            elevation-fixed-button\n            fixed\n            bottom-0\n            left-0\n            right-0\n            w-full\n            bg-white\n            p-4\n          \"\n        >\n          <UtilsButton\n            @click=\"openFilters(false)\"\n            :text=\"\n              $t('filters.utils.common.showResults', {\n                number: nbHits ?? 0\n              })\n            \"\n            class=\"w-full\"\n          />\n        </div>\n      </FiltersUtilsModalContent>\n    </div>\n  </FiltersUtilsModalWrapper>\n</template>\n\n<style lang=\"scss\">\n\n.elevation-fixed-button {\n  box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.08);\n  -webkit-overflow-scrolling: touch;\n}\n\n.ais-CurrentRefinements-item {\n  @apply flex flex-wrap gap-x-4;\n}\n\n.ais-CurrentRefinements-label {\n  @apply hidden;\n}\n.ais-CurrentRefinements-delete {\n  @apply ml-2 cursor-pointer;\n}\n.ais-CurrentRefinements-category {\n  @apply mb-4 cursor-default gap-x-2 whitespace-normal rounded-[100px] bg-green-10 px-3 py-2;\n}\n\n</style>\n","import Cookies from \"js-cookie\"\n\nexport const setCoookie = (name: string, value: string) => {\n  Cookies.set(name, value)\n}\n\nexport const ifHasNameAndValueSetCoookie = (name?: string, value?: string) => {\n  if (!name || !value) {\n    return\n  }\n\n  setCoookie(name, value)\n}\n","<script lang=\"ts\" setup>\nimport { SortingProps } from \"~/components/Filters/Utils/Modals/Sorting.props\"\nimport { SortingModalItemProps } from \"~/components/Filters/Utils/SortingModalItem.props\"\nimport { ifHasNameAndValueSetCoookie } from \"~/utils/cookies/setCookie\"\nimport { SORTING_MODAL } from \"~/utils/filters\"\n\nconst props = defineProps<SortingProps>()\nconst emit =\n  defineEmits<{\n    (e: \"onClose\"): void\n    (e: \"onSelectItem\", item: SortingModalItemProps): void\n  }>()\n\nconst { sortFilter } = useGA4SiteEvents()\nconst onclickdFilter = (filter: SortingModalItemProps) => {\n  sortFilter(filter)\n}\n\nwatchEffect(() => {\n  const name = props.activeCookieName\n  const value = props.currentActive\n\n  ifHasNameAndValueSetCoookie(name, value)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <FiltersUtilsSlide\n      :name=\"SORTING_MODAL\"\n      open-from=\"bottom\"\n      :full-screen=\"false\"\n      no-background\n      avoid-body-overflow\n      @onClose=\"emit('onClose')\"\n    >\n      <FiltersUtilsModalHead\n        type=\"secondary\"\n        :title=\"$t('filters.utils.modals.sorting.sortBy')\"\n        @onClose=\"emit('onClose')\"\n      />\n      <div class=\"space-y-4 bg-white p-4\">\n        <FiltersUtilsSortingModalItem\n          v-for=\"item in items\"\n          :key=\"item.value\"\n          :=\"item\"\n          :active=\"item.value === currentActive\"\n          @onClick=\"\n            () => {\n              onclickdFilter(item)\n              emit('onSelectItem', item)\n            }\n          \"\n        />\n      </div>\n    </FiltersUtilsSlide>\n  </Teleport>\n</template>\n","<template>\n  <div\n    v-if=\"state\"\n    :class=\"suit()\"\n  >\n    <slot\n      :items=\"state.options\"\n      :has-no-results=\"state.hasNoResults\"\n      :refine=\"state.refine\"\n      :current-refinement=\"state.currentRefinement\"\n      :can-refine=\"state.canRefine\"\n    >\n      <select\n        :class=\"suit('select')\"\n        aria-label=\"Sort results by\"\n        @change=\"\n          state.refine(($event?.currentTarget as HTMLSelectElement)?.value)\n        \"\n      >\n        <option\n          v-for=\"item in state.options\"\n          :key=\"item.value\"\n          :class=\"suit('option')\"\n          :value=\"item.value\"\n          :selected=\"item.value === state.currentRefinement\"\n        >\n          {{ item.label }}\n        </option>\n      </select>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAisWidget } from \"../composables/useAisWidget\";\nimport { useSuit } from \"../composables/useSuit\";\nconst { state } = useAisWidget(\"sortBy\");\nconst suit = useSuit(\"SortBy\");\n</script>\n","<script lang=\"ts\" setup>\nimport { DropdownProps } from \"~/components/Filters/Utils/Dropdown.props\"\n\nconst props = withDefaults(defineProps<DropdownProps>(), {\n  contentClass: \"\",\n  attachTo: \"left\",\n  nFilters: 0,\n  nResults: 0,\n  opened: false,\n  hideControls: false\n})\n\nconst emit =\n  defineEmits<{\n    (e: \"onOpen\"): void\n    (e: \"onClose\"): void\n    (e: \"onToggle\"): void\n    (e: \"onDelete\"): void\n    (e: \"onApply\"): void\n  }>()\n\nconst dropdownRef = ref<HTMLDivElement | null>(null)\nconst onLeftSide = computed(() => props.attachTo === \"left\")\n\nconst { nbHits, getFiltersNumbersByState } = useSwiftSearchHelper()\n\nconst closeDropdown = (resetOptions: boolean = true) => {\n  if (!props.opened) emit(\"onOpen\")\n  if (resetOptions) emit(\"onClose\")\n  emit(\"onToggle\")\n}\n\nconst handleApply = () => {\n  closeDropdown(false)\n  emit(\"onApply\")\n}\n\nonClickOutside(dropdownRef, () => {\n  if (!props.opened) return\n  closeDropdown()\n})\n\nconst getFiltersNumbers = () => getFiltersNumbersByState(props.facetName)\n</script>\n\n<template>\n  <div ref=\"dropdownRef\" class=\"dropdown relative inline-block\">\n    <FiltersUtilsDropdownButton\n      :text=\"text\"\n      :n-filters=\"getFiltersNumbers()\"\n      :opened=\"opened\"\n      @onClick=\"closeDropdown\"\n    />\n    <Transition name=\"slide-fade\" appear>\n      <div\n        v-show=\"opened\"\n        class=\"\n          dropdown__content\n          absolute\n          top-[41px]\n          z-10\n          rounded-b-lg\n          bg-white\n          shadow-02\n        \"\n        :class=\"[\n          contentClass,\n          { 'left-0': onLeftSide, 'right-0': !onLeftSide }\n        ]\"\n      >\n        <slot />\n        <div\n          v-if=\"!hideControls\"\n          class=\"\n            dropdown__controls\n            mt-4\n            flex\n            gap-x-4\n            border-t border-black-10\n            pt-4\n          \"\n        >\n          <AisClearRefinements :included-attributes=\"facetName\" :id=\"idFacet\">\n            <template v-slot=\"{ refine }\">\n              <UtilsButton\n                theme=\"outlined-green\"\n                :text=\"$t('filters.utils.common.reset')\"\n                @click=\"refine()\"\n              />\n            </template>\n          </AisClearRefinements>\n\n          <UtilsButton\n            class=\"whitespace-nowrap\"\n            :text=\"`${$t('filters.utils.dropdown.apply')} (${nbHits})`\"\n            fluid\n            @click=\"handleApply\"\n          />\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.slide-fade-enter-active {\n  transition: all 0.3s ease-out;\n}\n\n.slide-fade-leave-active {\n  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n  transform: translateY(20px);\n  opacity: 0;\n}\n\n</style>\n","<script lang=\"ts\" setup>\nimport { AlgoliaDropdownsPriceProps } from \"./AlgoliaDropdownsPrice.props\"\n\nconst props = defineProps<AlgoliaDropdownsPriceProps>()\n\nconst emit =\n  defineEmits<{\n    (e: \"onToggle\", value: boolean): void\n    (e: \"onDelete\"): void\n    (e: \"onApply\"): void\n  }>()\n\nconst { event, sendEvent } = useGAEvent(\n  `track_select_content_${props.facetName}_`,\n  \"custom_event\"\n)\nconst startRange = ref<null | { min: number; max: number }>(null)\n\nconst handleGtm = (\n  filter: { min: number; max: number },\n  category: string,\n  range: { min: number; max: number },\n  oldValue: { min: number; max: number }\n) => {\n  if (startRange.value === null) {\n    startRange.value = { ...range }\n    return\n  }\n\n  if (\n    (startRange.value?.min !== range.min ||\n      startRange.value?.max !== range.max) &&\n    oldValue.min === filter.min &&\n    oldValue.max === filter.max\n  ) {\n    startRange.value = { ...range }\n    return\n  }\n\n  event.value = {\n    event: \"select_content\",\n    action: \"filter\",\n    category: category.toLowerCase(),\n    label: `${filter.min ?? 0} - ${filter.max ?? 0}`\n  }\n\n  sendEvent({ clearEcommerce: false })\n}\n\nconst closeDropdown = (resetOptions: any) => {\n  emit(\"onToggle\", resetOptions)\n}\n// console.log(route.query, route.params)\n</script>\n\n<template>\n  <FiltersUtilsDropdown\n    content-class=\"w-[24.5rem] p-4\"\n    :text=\"$t('filters.utils.common.price')\"\n    :opened=\"opened\"\n    is-price\n    id-facet=\"price.amount_float\"\n    :facetName=\"[facetName, 'isDiscounted']\"\n    @onToggle=\"closeDropdown\"\n    @onDelete=\"emit('onDelete')\"\n    @onApply=\"emit('onApply')\"\n  >\n    <AisRangeInput :attribute=\"facetName\">\n      <template v-slot=\"{ currentRefinement, range, refine }\">\n        <FkSlider\n          :model-value=\"{\n            min:\n              typeof currentRefinement.min === 'number'\n                ? currentRefinement.min\n                : range.min,\n            max:\n              typeof currentRefinement.max === 'number'\n                ? currentRefinement.max\n                : range.max\n          }\"\n          name=\"range\"\n          :label=\"$t('filters.utils.common.price')\"\n          :min=\"range.min\"\n          :max=\"range.max\"\n          :step=\"1\"\n          :gap=\"1\"\n          currency=\"€\"\n          @update:model-value=\"\n            ($event) => {\n              handleGtm(\n                {\n                  min: $event.min,\n                  max: $event.max\n                },\n                $t('filters.utils.common.price'),\n                range as any,\n                currentRefinement as any\n              )\n              refine({ min: $event.min, max: $event.max })\n            }\n          \"\n        />\n      </template>\n    </AisRangeInput>\n    <div class=\"pt-2\">\n      <AisToggleRefinement\n        attribute=\"isDiscounted\"\n        :label=\"$t('filters.utils.price.isDiscounted')\"\n      >\n        <template v-slot=\"{ canRefine, refine, value }\">\n          <FiltersUtilsOption\n            name=\"is-discounted\"\n            :checked=\"value.isRefined\"\n            :disabled=\"!canRefine\"\n            @clicked=\"refine(value)\"\n            :text=\"$t('filters.utils.price.isDiscounted')\"\n            :n-results=\"canRefine ? value.count : 0\"\n            type=\"toggle\"\n          />\n        </template>\n      </AisToggleRefinement>\n    </div>\n  </FiltersUtilsDropdown>\n</template>\n","<script lang=\"ts\" setup>\nimport { AlgoliaDropdownsOptionsProps } from \"./AlgoliaDropdownsOptions.props\"\n\nconst props = defineProps<AlgoliaDropdownsOptionsProps>()\nconst emit =\n  defineEmits<{\n    (e: \"onToggle\", value: boolean): void\n    (e: \"onDelete\"): void\n    (e: \"onApply\"): void\n  }>()\n\nconst defaultContentClass = `p-4 ${props.contentClass}`\n\nconst finalContentClass = computed(\n  () => props?.contentClass ?? defaultContentClass\n)\n\nconst closeDropdown = (resetOptions: any) => {\n  emit(\"onToggle\", resetOptions)\n}\n\nconst { event, sendEvent } = useGAEvent(\n  `track_select_content_${props.name}_`,\n  \"custom_event\"\n)\n\nconst onClickedFilter = (filter: { label: string }, category: string) => {\n  event.value = {\n    event: \"select_content\",\n    action: \"filter\",\n    category: category.toLowerCase(),\n    label: filter.label\n  }\n  sendEvent({ clearEcommerce: false })\n}\n</script>\n\n<template>\n  <FiltersUtilsDropdown\n    :content-class=\"finalContentClass\"\n    :text=\"text\"\n    :opened=\"opened\"\n    :facet-name=\"facetName\"\n    @onToggle=\"closeDropdown\"\n    @onApply=\"emit('onApply')\"\n    @on-delete=\"emit('onDelete')\"\n  >\n    <AisRefinementList :attribute=\"facetName\" searchable :limit=\"20\">\n      <template v-slot=\"{ items, refine, searchForItems }\">\n        <TextfieldsSearch\n          :name=\"`brands-search`\"\n          :label=\"searchPlaceholder\"\n          :placeholder=\"searchPlaceholder\"\n          show-icon-left\n          @update:model-value=\"searchForItems\"\n        />\n        <div\n          class=\"\n            scrollbar\n            mt-2\n            max-h-[13.5rem]\n            overflow-y-auto\n            overscroll-y-none\n          \"\n        >\n          <FiltersUtilsOption\n            v-for=\"(item, index) of items\"\n            :key=\"`filter-option-${index}`\"\n            :name=\"item.value\"\n            :checked=\"item.isRefined\"\n            @clicked=\"\n              () => {\n                onClickedFilter(item, text)\n                refine(item.value)\n              }\n            \"\n            :text=\"item.label\"\n            :n-results=\"item.count\"\n          />\n        </div>\n      </template>\n    </AisRefinementList>\n  </FiltersUtilsDropdown>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.scrollbar {\n  --scrollbar-color: #b2b2b2;\n  --scrollbar-width: 0.4375rem;\n\n  scrollbar-color: var(--scrollbar-color) white;\n  scrollbar-width: var(--scrollbar-width);\n\n  &::-webkit-scrollbar {\n    @apply w-[var(--scrollbar-width)];\n  }\n\n  &::-webkit-scrollbar-thumb {\n    @apply rounded-full bg-[var(--scrollbar-color)];\n  }\n}\n\n</style>\n","<script lang=\"ts\" setup>\n\ndefineProps<{ opened: boolean }>()\n\nconst { t } = useI18n()\n\nconst emit =\n  defineEmits<{\n    (e: \"onOpen\"): void\n    (e: \"onClose\"): void\n    (e: \"onToggle\"): void\n    (e: \"onDelete\"): void\n    (e: \"onApply\"): void\n  }>()\n\nconst { event, sendEvent } = useGAEvent(\n  `track_select_content_available_`,\n  \"custom_event\"\n)\n\nconst onClickedFilter = (item: string, category: string) => {\n  if (item) {\n    event.value = {\n      event: \"select_content\",\n      action: \"filter\",\n      category: category.toLowerCase(),\n      label: t(`filters.utils.availability.${item}`)\n    }\n\n    sendEvent({ clearEcommerce: false })\n  }\n}\n\nconst facetNames = [\"inStock\", \"deductibleProduct\"]\n</script>\n\n<template>\n  <FiltersUtilsDropdown\n    content-class=\"w-[24.5rem] p-4\"\n    :text=\"$t('filters.utils.common.availability')\"\n    :opened=\"opened\"\n    @onOpen=\"emit('onOpen')\"\n    @onClose=\"emit('onClose')\"\n    @onToggle=\"emit('onToggle')\"\n    @onDelete=\"emit('onDelete')\"\n    @onApply=\"emit('onApply')\"\n    :facetName=\"facetNames\"\n    id-facet=\"availability\"\n  >\n    <div\n      v-for=\"(item, index) in facetNames\"\n      :key=\"`refinmenet-toggle-${index}`\"\n      class=\"space-y-1\"\n    >\n      <AisToggleRefinement\n        :attribute=\"facetNames[index]\"\n        :label=\"$t(`filters.utils.availability.${item}`)\"\n      >\n        <template v-slot=\"{ canRefine, refine, value }\">\n          <FiltersUtilsOption\n            :name=\"item\"\n            :checked=\"value.isRefined\"\n            :disabled=\"!canRefine\"\n            @clicked=\"\n              ($event) => {\n                onClickedFilter(item, $t('filters.utils.common.availability'))\n                refine(value)\n              }\n            \"\n            :text=\"$t(`filters.utils.availability.${item}`)\"\n            :n-results=\"canRefine ? value.count : 0\"\n            type=\"toggle\"\n          />\n        </template>\n      </AisToggleRefinement>\n    </div>\n  </FiltersUtilsDropdown>\n</template>\n","<script lang=\"ts\" setup>\nimport { SortingProps } from \"~/components/Filters/Utils/Dropdowns/Sorting.props\"\nimport { SortingModalItemProps } from \"~/components/Filters/Utils/SortingModalItem.props\"\nimport { ifHasNameAndValueSetCoookie } from \"~/utils/cookies/setCookie\"\n\nconst props = defineProps<SortingProps>()\nconst emit =\n  defineEmits<{\n    (e: \"onToggle\"): void\n    (e: \"onSelectItem\", item: SortingModalItemProps): void\n  }>()\n\nconst { sortFilter } = useGA4SiteEvents()\nconst onclickdFilter = (filter: SortingModalItemProps) => {\n  sortFilter(filter)\n}\n\nwatchEffect(() => {\n  const name = props.activeCookieName\n  const value = props.currentActive\n\n  ifHasNameAndValueSetCoookie(name, value)\n})\n</script>\n\n<template>\n  <FiltersUtilsDropdown\n    content-class=\"min-w-[18rem] px-4 py-2 space-y-2\"\n    :text=\"sortBy\"\n    :opened=\"opened\"\n    attach-to=\"right\"\n    hide-controls\n    @onToggle=\"emit('onToggle')\"\n  >\n    <FiltersUtilsSortingModalItem\n      v-for=\"(item, i) in items\"\n      :key=\"item.value\"\n      :=\"item\"\n      :active=\"item.value === currentActive\"\n      :hide-border=\"i === items.length - 1\"\n      less-spacing\n      @onClick=\"\n        () => {\n          onclickdFilter(item)\n          emit('onSelectItem', item)\n        }\n      \"\n    />\n  </FiltersUtilsDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport { MyChipsProps } from \"./MyChips.props\"\n\nconst props = withDefaults(defineProps<MyChipsProps>(), {\n  isWithIcon: false,\n  canHide: true\n})\n\nconst emit = defineEmits<{ (e: \"onClose\"): void }>()\nconst isHidden = ref(false)\n\n;(function () {\n  if (!props.canHide) return\n  setTimeout(() => {\n    isHidden.value = true\n  }, 5000)\n})()\n\nconst handleClose = () => {\n  emit(\"onClose\")\n}\n</script>\n\n<template>\n  <div v-if=\"!isHidden\" class=\"chips-chips\">\n    <UtilsButton\n      class=\"custom-btn-chips rounded-full bg-green-10 text-black-main md:flex\"\n      :class=\"[isWithIcon ? 'py-1 pl-3 pr-2' : 'px-4 py-2']\"\n      theme=\"ghost-black\"\n      :text=\"message\"\n      order=\"last\"\n    >\n      <template v-if=\"isWithIcon\" #icon>\n        <UtilsIcon\n          name=\"Close.svg\"\n          class=\"h-6 w-6 cursor-pointer\"\n          @click=\"handleClose\"\n        />\n      </template>\n    </UtilsButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { formatMoney } from \"~/utils/formatters\"\nwithDefaults(\n  defineProps<{\n    showAvailability: boolean\n    activeCookieName: string\n    showQuery: boolean\n    hasResultsNumberUnderFilters: boolean\n  }>(),\n  {\n    showAvailability: true,\n    activeCookieName: \"\",\n    showQuery: true,\n    hasResultsNumberUnderFilters: false\n  }\n)\n\nconst route = useRoute()\nconst { t } = useI18n()\n\nconst currentDropdown = ref(\"\")\n\nconst closeDropdown = () => (currentDropdown.value = \"\")\nconst toggleDropdown = (value: string) => {\n  if (currentDropdown.value && currentDropdown.value === value) {\n    closeDropdown()\n    return\n  }\n  currentDropdown.value = value\n}\n\nonMounted(() => {\n  useEventListener(document, \"keydown\", (e) => {\n    if (e.key === \"Escape\" || e.keyCode === 27) {\n      closeDropdown()\n    }\n  })\n})\n\nconst statefulEntity = useGAEntity(\"pageList\")\n\nconst updateActiveList = (items) => {\n  const filteredItems = items.filter(\n    (item) =>\n      item.attribute === \"isDiscounted\" ||\n      item.attribute === \"price.amount_float\" ||\n      item.attribute === \"brand.name\" ||\n      item.attribute === \"mainCategory.name\" ||\n      item.attribute === \"inStock\" ||\n      item.attribute === \"deductibleProduct\"\n  )\n\n  const sortedItems = filteredItems.sort((a, b) => {\n    const attributeOrder = {\n      isDiscounted: 1,\n      \"price.amount_float\": 2,\n      \"brand.name\": 3,\n      \"mainCategory.name\": 4,\n      inStock: 5,\n      deductibleProduct: 6\n    }\n\n    return attributeOrder[a.attribute] - attributeOrder[b.attribute]\n  })\n\n  if (statefulEntity?.value?.filters) {\n    statefulEntity.value.filters = sortedItems.flatMap((item) =>\n      item.refinements.map((refinement) => ({\n        type: refinement.attribute,\n        value: refinement.label\n      }))\n    )\n  }\n\n  return sortedItems\n}\n\ntype AlgoliaFilterResult = {\n  attribute: string\n  type: string\n  value: number | string\n  label: string\n  count: number\n  operator: string\n  exhaustive: boolean\n}\n\nconst labelFormatter = (refinement: AlgoliaFilterResult) => {\n  let label = \"\"\n\n  if (refinement.label === \"true\") {\n    label = t(`filters.pills.${refinement.attribute}`)\n  } else {\n    if (\n      refinement.attribute === \"price.amount_float\" &&\n      refinement.operator.charAt(0) === \">\"\n    ) {\n      label = \"Maggiore di \" + formatMoney(refinement.value as number)\n    } else if (\n      refinement.attribute === \"price.amount_float\" &&\n      refinement.operator.charAt(0) === \"<\"\n    ) {\n      label = \"Minore di \" + formatMoney(refinement.value as number)\n    } else {\n      label = refinement.label\n    }\n  }\n\n  return label\n}\n\nconst { nbHits, query } = useSwiftSearchHelper()\n</script>\n\n<template>\n  <div class=\"desktop-filters-bar pig col-span-full hidden space-y-4 md:block\">\n    <AlgoliaDesktopResultsNumber\n      v-if=\"!hasResultsNumberUnderFilters\"\n      :query=\"query\"\n      :nbHits=\"nbHits\"\n      :showQuery=\"showQuery\"\n    />\n\n    <div\n      class=\"\n        desktop-filters-bar__controls\n        flex flex-wrap\n        justify-between\n        border-b border-black-10\n      \"\n    >\n      <div class=\"flex items-center gap-x-6\">\n        <p class=\"text-black-80\">\n          {{ $t(\"filters.utils.desktopFiltersBar.filterBy\") }}\n        </p>\n        <AlgoliaDropdownsPrice\n          :opened=\"currentDropdown === 'price'\"\n          facet-name=\"price.amount_float\"\n          @onToggle=\"toggleDropdown('price')\"\n        />\n        <AlgoliaDropdownsOptions\n          v-if=\"route.meta.page !== 'promotions-brand'\"\n          :text=\"$t('filters.utils.common.brands')\"\n          :search-placeholder=\"$t('filters.utils.dropdowns.brands.searchBrand')\"\n          :opened=\"currentDropdown === 'brands'\"\n          name=\"brand.name\"\n          id-facet=\"brand.name\"\n          content-class=\"min-w-[18rem] p-4\"\n          facet-name=\"brand.name\"\n          @onToggle=\"toggleDropdown('brands')\"\n        />\n        <AlgoliaDropdownsOptions\n          content-class=\"min-w-[24.5rem] p-4\"\n          :text=\"$t('filters.utils.common.categories')\"\n          :search-placeholder=\"\n            $t('filters.utils.dropdowns.categories.searchCategory')\n          \"\n          :opened=\"currentDropdown === 'categories'\"\n          name=\"mainCategory.name\"\n          id-facet=\"mainCategory.name\"\n          facet-name=\"mainCategory.name\"\n          @onToggle=\"toggleDropdown('categories')\"\n        />\n        <AlgoliaDropdownsAvailability\n          v-if=\"showAvailability\"\n          @onToggle=\"toggleDropdown('availability')\"\n          :opened=\"currentDropdown === 'availability'\"\n        />\n      </div>\n\n      <div class=\"flex items-center gap-x-6\">\n        <p class=\"text-black-80\">\n          {{ $t(\"filters.utils.desktopFiltersBar.orderBy\") }}\n        </p>\n        <AisSortBy>\n          <template v-slot=\"{ items, currentRefinement, refine }\">\n            <FiltersUtilsDropdownsSorting\n              :items=\"items\"\n              :current-active=\"currentRefinement\"\n              :sort-by=\"items.filter((i: any) => i.value == currentRefinement)[0].label\"\n              :opened=\"currentDropdown === 'sorting'\"\n              :active-cookie-name=\"activeCookieName\"\n              @onToggle=\"toggleDropdown('sorting')\"\n              @on-select-item=\"refine($event.value)\"\n            />\n          </template>\n        </AisSortBy>\n      </div>\n    </div>\n    <div class=\"flex items-center\">\n      <AisCurrentRefinements :transform-items=\"updateActiveList\" id=\"all\">\n        <template v-slot=\"{ items }\">\n          <div\n            class=\"\n              desktop-filters-bar__applied-filters\n              flex flex-wrap\n              items-center\n              gap-4\n            \"\n          >\n            <template v-for=\"item in items\" :key=\"item.attribute\">\n              <ChipsMyChips\n                v-for=\"refinement of item.refinements\"\n                class=\"whitespace-nowrap rounded-[100px] bg-green-10\"\n                :key=\"refinement.value\"\n                :message=\"labelFormatter(refinement)\"\n                :can-hide=\"false\"\n                is-with-icon\n                @onClose=\"item.refine(refinement)\"\n              />\n            </template>\n          </div>\n        </template>\n      </AisCurrentRefinements>\n      <AisClearRefinements id=\"all\">\n        <template v-slot=\"{ canRefine, refine }\">\n          <div>\n            <UtilsButton\n              v-if=\"canRefine\"\n              theme=\"ghost-green\"\n              class=\"mr-5 [&>div]:py-0\"\n              :text=\"$t('filters.utils.desktopFiltersBar.deleteFilters')\"\n              @click=\"refine()\"\n            />\n          </div>\n        </template>\n      </AisClearRefinements>\n    </div>\n\n    <AlgoliaDesktopResultsNumber\n      v-if=\"hasResultsNumberUnderFilters\"\n      :query=\"query\"\n      :nbHits=\"nbHits\"\n      :showQuery=\"showQuery\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { md, sm } from \"~/utils/breakpoints\"\n\nwithDefaults(\n  defineProps<{\n    showAvailability: boolean\n    activeCookieName: string\n    showQuery: boolean\n    hasResultsNumberUnderFilters: boolean\n  }>(),\n  {\n    showAvailability: true,\n    activeCookieName: \"\",\n    showQuery: true,\n    hasResultsNumberUnderFilters: false\n  }\n)\n\nconst { isOpen, switchState: openSorting } = useUIState(SORTING_MODAL)\nconst { isOpen: isFiltersModalOpen, switchState: openFilters } =\n  useUIState(FILTERS_MODAL)\n\nconst { nbHits, getFiltersNumbersByState } = useSwiftSearchHelper()\n\nconst getFiltersNumbers = () => {\n  return getFiltersNumbersByState([\n    \"inStock\",\n    \"brand.name\",\n    \"mainCategory.name\",\n    \"deductibleProduct\",\n    \"price.amount_float\",\n    \"isDiscounted\"\n  ])\n}\n\nconst mobileFiltersRef = ref()\nconst headerHeight: Ref<number> = useState(\"header-height\")\nconst isScrollingUp: Ref<boolean> = useState(\"scrolling-up\")\n\nconst { y: scrollFilters } = useElementBounding(mobileFiltersRef)\n\nconst isIntersecting = computed<boolean>(\n  // checks is the filters are scrolling further up than the headerHeight, but only on sm breakpoints\n  () =>\n    md.value\n      ? false // Only on mobile ..\n      : scrollFilters.value <= // ..when the \"mobileFiltersRef\" ref element reaches:\n        (isScrollingUp.value // ..and when scrolling up\n          ? Math.round(headerHeight.value) //.. hide the filters when the HEADER is reached (aka \"scrollFilters\" (\"y\") - the header height)\n          : 0) // .. otherwise, when scrolling down, hide the filters when it reaches the TOP of the page (aka \"scrollFilters\" (\"y\") - 0)\n)\n\n//the computed distance of the pinned filters from the top\nconst offsetFromTop = computed(() => `${Math.round(headerHeight.value)}px`)\n\nconst isScrollingLocked = process.client\n  ? useScrollLock(document.body, false)\n  : ref(false)\n\nwatch(isFiltersModalOpen, (newval) => {\n  newval && sm.value\n    ? (isScrollingLocked.value = true)\n    : (isScrollingLocked.value = false)\n})\n</script>\n\n<template>\n  <div class=\"negative-margined col-span-full md:mx-0\">\n    <!-- Mobile filters -->\n    <!-- Empty div to use as reference for filters scrolling -->\n    <div\n      ref=\"mobileFiltersRef\"\n      :class=\"{ 'h-[79px] md:h-0': isIntersecting }\"\n    ></div>\n    <div\n      class=\"md:hidden\"\n      :class=\"{\n        filters__pinned: isIntersecting,\n        '-translate-y-full !drop-shadow-01 transition-transform duration-300':\n          !isScrollingUp && isIntersecting, // Only transitioned it when scrolling up AND already intersected (intersected where? at the header height or the top of the viewport (see above for more info))\n        'transition-transform duration-300': isScrollingUp\n      }\"\n    >\n      <FiltersUtilsMobileFiltersBar\n        :n-filters=\"getFiltersNumbers()\"\n        :n-results=\"nbHits\"\n        :sorting-open=\"isOpen\"\n        showResults\n        @onFilter=\"openFilters(true)\"\n        @onSort=\"openSorting(true)\"\n      />\n    </div>\n    <AlgoliaMobileFilters />\n    <AisSortBy>\n      <template v-slot=\"{ items, currentRefinement, refine }\">\n        <FiltersUtilsModalsSorting\n          :items=\"items\"\n          :current-active=\"currentRefinement\"\n          :active-cookie-name=\"activeCookieName\"\n          @onSelectItem=\"refine($event.value)\"\n          @onClose=\"openSorting(false)\"\n        />\n      </template>\n    </AisSortBy>\n\n    <!-- Desktop filters -->\n    <AlgoliaDesktopFilters\n      :show-availability=\"showAvailability\"\n      :active-cookie-name=\"activeCookieName\"\n      :show-query=\"showQuery\"\n      :hasResultsNumberUnderFilters=\"hasResultsNumberUnderFilters\"\n    />\n  </div>\n</template>\n<style scoped lang=\"scss\">\n\n.filters__pinned {\n  @apply fixed top-0 z-[19] w-screen transform-gpu  bg-white drop-shadow-01;\n  padding-top: v-bind(offsetFromTop);\n}\n\n</style>\n","import { connectSearchBox } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisSearchBox = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderSearchBox = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`searchBox-${id}`, stateRef);\n    }\n    return () => null;\n  };\n  const customSearchBox = connectSearchBox(renderSearchBox);\n  return { ...customSearchBox(widgetParams), $$widgetParams: widgetParams, $$widgetId: id };\n};\n","import { connectStats } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisStats = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderStats = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`stats-${id}`, stateRef);\n    }\n    return () => {\n    };\n  };\n  const customStats = connectStats(renderStats);\n  return { ...customStats(widgetParams), $$widgetParams: widgetParams, $$widgetId: id };\n};\n","import { connectSortBy } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisSortBy = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderSortBy = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`sortBy-${id}`, stateRef);\n    }\n    return () => {\n    };\n  };\n  const customSortBy = connectSortBy(renderSortBy);\n  return {\n    ...customSortBy(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n","import { connectClearRefinements } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisClearRefinements = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderClearRefinements = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`clearRefinements-${id}`, stateRef);\n    }\n    return () => null;\n  };\n  const customClearRefinements = connectClearRefinements(\n    renderClearRefinements\n  );\n  return {\n    ...customClearRefinements(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n","import { connectCurrentRefinements } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisCurrentRefinements = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderCurrentRefinements = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`currentRefinements-${id}`, stateRef);\n    }\n    return () => null;\n  };\n  const customCurrentRefinements = connectCurrentRefinements(\n    renderCurrentRefinements\n  );\n  return {\n    ...customCurrentRefinements(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n","import { connectToggleRefinement } from \"instantsearch.js/es/connectors\";\nimport { provide, ref } from \"vue\";\nexport const useAisToggleRefinement = (widgetParams, id = \"\") => {\n  const stateRef = ref();\n  const renderToggleRefinement = (renderState, isFirstRender) => {\n    stateRef.value = renderState;\n    if (isFirstRender) {\n      provide(`toggleRefinements-${id}`, stateRef);\n    }\n    return () => {\n    };\n  };\n  const customToggleRefinement = connectToggleRefinement(\n    renderToggleRefinement\n  );\n  return {\n    ...customToggleRefinement(widgetParams),\n    $$widgetParams: widgetParams,\n    $$widgetId: id\n  };\n};\n"],"names":["emit","__emit","t","useI18n","props","__props","minRef","ref","_a","maxRef","_b","sliderValue","computed","value","minLabelStr","tooltipFormat","maxLabelStr","tooltipValue","inputAttrs","updateModelValue","watch","newModelValue","debounceFunction","debounce","setSlider","useAisRangeInputRenderState","useState","useAisRangeInput","widgetParams","id","stateRef","rangeRenderState","connectRange","renderState","isFirstRender","provide","rangesState","useAisWidget","rangeState","suit","useSuit","state","minInput","maxInput","step","values","minValue","maxValue","minRange","maxRange","pick","first","second","refine","data","value2","isHover","isCheck","refinementsState","on","canRefine","slots","useSlots","isDefault","handleGroupClick","getFiltersNumbersByState","useSwiftSearchHelper","getFiltersNumbers","isFirstTime","isPending","start","stop","useTimeoutFn","onClickedFilter","filter","noRefinement","createItemKey","attribute","type","operator","capitalize","input","modelValue","_useModel","__expose","onInput","event","target","onFormSubmit","onFormReset","TAG_PLACEHOLDER","parseHighlightedAttribute","preTag","postTag","highlightedValue","splitByPreTag","firstValue","elements","isHighlighted","split","splitByPostTag","parseAlgoliaHit","highlightProperty","hit","highlightObject","getPropertyByPath","item","parsedHighlights","useAisRefinementListRenderState","useAisRefinementList","refinementRenderState","connectRefinementList","refinementListState","showMore","searchForFacetValuesQuery","searchForFacetValues","toggleShowMore","items","useElementOverflow","el","hasOverflow","toBottom","isOverflowing","checkOverflow","checkScrollPosition","scrollTop","scrollHeight","height","_c","refresh","debouncedScrollPosition","useDebounceFn","debouncedCheckOverflow","onMounted","onBeforeUnmount","contentRef","transitionend","toggleTransitionEnd","isOpen","switchState","useUIState","overflowRefreshFn","searchLabel","headerAction","handleContentMounted","fn","handleClose","handleApply","sendEvent","useGAEvent","category","nbHits","selectContentEvent","selectContentAction","openFilters","FILTERS_MODAL","openBrands","BRANDS_MODAL","openCategories","CATEGORIES_MODAL","route","useRoute","facetNames","refinements","setCoookie","name","Cookies","ifHasNameAndValueSetCoookie","sortFilter","useGA4SiteEvents","onclickdFilter","watchEffect","dropdownRef","onLeftSide","closeDropdown","resetOptions","onClickOutside","startRange","handleGtm","range","oldValue","defaultContentClass","finalContentClass","isHidden","currentDropdown","toggleDropdown","useEventListener","e","statefulEntity","useGAEntity","updateActiveList","sortedItems","a","b","attributeOrder","refinement","labelFormatter","label","formatMoney","query","openSorting","SORTING_MODAL","isFiltersModalOpen","mobileFiltersRef","headerHeight","isScrollingUp","scrollFilters","useElementBounding","isIntersecting","md","offsetFromTop","isScrollingLocked","useScrollLock","newval","sm","useAisSearchBox","connectSearchBox","useAisStats","connectStats","useAisSortBy","connectSortBy","useAisClearRefinements","connectClearRefinements","useAisCurrentRefinements","connectCurrentRefinements","useAisToggleRefinement","connectToggleRefinement"],"mappings":"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","x_google_ignoreList":[2,3,6,7,10,11,12,13,14,15,16,28,37,38,39,40,41,42]}