{"version":3,"file":"app-CCnXa2dI.js","sources":["../../../resources/svg/cu/chevron-down.svg","../../../resources/js/vue/cu/Filter.vue","../../../resources/svg/cu/close-lg.svg","../../../resources/svg/cu/search.svg","../../../resources/js/vue/cu/FilterCheckboxes.vue","../../../resources/js/vue/cu/FilterPrice.vue","../../../resources/svg/cu/close.svg","../../../resources/svg/cu/logo-small.svg","../../../resources/svg/cu/sliders-horizontal.svg","../../../resources/svg/cu/arrow-left.svg","../../../resources/svg/cu/arrow-right.svg","../../../resources/js/vue/ui/carousel/Carousel.vue","../../../resources/js/vue/ui/carousel/useCarousel.ts","../../../resources/js/vue/ui/carousel/CarouselScroller.vue","../../../resources/js/vue/ui/carousel/CarouselItem.vue","../../../resources/js/vue/cu/app.ts","../../../resources/js/vue/cu/ProductList.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M16.28 10.22a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l3.47 3.47 3.47-3.47a.75.75 0 0 1 1.06 0\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\n    import { Popover, PopoverContent, PopoverTrigger } from \"@/vue/ui/popover\";\n    import ChevronDown from '@svg/cu/chevron-down.svg';\n    import FilterButton from \"@/vue/cu/FilterButton.vue\";\n    import { AccordionItem, AccordionContent, AccordionHeader, AccordionTrigger } from \"radix-vue\";\n    import { useBreakpoints } from \"@/vue/composables/useBreakPoints\";\n\n    defineProps<{\n        attribute: string,\n        count: number,\n    }>();\n\n    const breakpoints = useBreakpoints();\n</script>\n\n<template>\n    <div>\n        <div class=\"hidden md:block\">\n            <Popover>\n                <PopoverTrigger as-child>\n                    <FilterButton>\n                        <slot name=\"label\"></slot>\n                        <ChevronDown class=\"ml-1 w-4 h-4 group-aria-expanded/btn:-rotate-180\" />\n                    </FilterButton>\n                </PopoverTrigger>\n                <PopoverContent class=\"p-0 w-auto\" :avoid-collisions=\"false\" align=\"start\">\n                    <slot />\n                </PopoverContent>\n            </Popover>\n        </div>\n        <AccordionItem class=\"md:hidden border-b border-neutral-300\" :value=\"attribute\">\n            <AccordionHeader class=\"flex\">\n                <AccordionTrigger class=\"flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180\">\n                    <div class=\"text-body font-bold\">\n                        <slot name=\"label\" />\n                        <template v-if=\"count\">({{ count }})</template>\n                    </div>\n                    <slot name=\"icon\">\n                        <ChevronDown\n                            class=\"h-8 w-8 shrink-0 transition-transform duration-200\"\n                        />\n                    </slot>\n                </AccordionTrigger>\n            </AccordionHeader>\n            <AccordionContent\n                class=\"text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n            >\n                <div class=\"pb-8 pt-0\">\n                    <slot />\n                </div>\n            </AccordionContent>\n        </AccordionItem>\n    </div>\n</template>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  viewBox: \"0 0 32 32\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"stroke-linecap\": \"round\",\n  \"stroke-width\": \"1.5\",\n  d: \"M10 22.714 22.714 10M10 10.286 22.714 23\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M14.385 15.446a6.751 6.751 0 1 1 1.06-1.06l5.156 5.155a.75.75 0 0 1-1.06 1.06zM6.46 13.884a5.25 5.25 0 1 1 7.43-.005l-.005.005-.005.004a5.25 5.25 0 0 1-7.42-.004\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\n    import CloseLg from '@svg/cu/close-lg.svg';\n    import Search from '@svg/cu/search.svg';\n    import { Checkbox } from \"@/vue/ui/checkbox\";\n    import { Input } from \"@/vue/ui/input\";\n    import { FilterCheckboxesProps, useFilterCheckboxes } from \"@/vue/composables/useFilterCheckboxes\";\n\n    const props = defineProps<FilterCheckboxesProps>();\n\n    const { searchTerm, filteredItems } = useFilterCheckboxes(props);\n</script>\n\n<template>\n    <div class=\"md:p-4 md:pb-6 md:w-[300px]\">\n        <template v-if=\"searchable\">\n            <div class=\"mb-6 relative\">\n                <Input\n                    class=\"pr-24\"\n                    placeholder=\"Rechercher...\"\n                    type=\"search\"\n                    v-model=\"searchTerm\"\n                    variant=\"gray\"\n                />\n                <button class=\"absolute top-0 right-10 h-full text-neutral-900 hover:text-primary peer-placeholder-shown:hidden\" @click=\"searchTerm = ''\">\n                    <CloseLg\n                        class=\"w-8 h-8\"\n                    />\n                </button>\n                <div class=\"absolute flex items-center peer-placeholder-shown:pointer-events-none text-neutral-900 h-full right-0 pr-4 py-2 top-1/2 -translate-y-1/2\">\n                    <Search\n                        class=\"w-6 h-6\"\n                    />\n                </div>\n            </div>\n        </template>\n        <div class=\"max-h-[180px] overflow-y-auto overflow-x-hidden scrollbar scrollbar-w-[5px] scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-neutral-400 scrollbar-track-neutral-100 hover:scrollbar-thumb-neutral-500\">\n            <div class=\"grid grid-cols-1 gap-y-4\">\n                <template v-for=\"item in filteredItems\">\n                    <label class=\"group/item relative flex gap-x-2 text-body-sm cursor-default\">\n                        <span class=\"absolute inset-x-0 -inset-y-1.5 group-first/item:top-0 group-last/item:bottom-0\"></span>\n                        <Checkbox\n                            class=\"lg:mt-0.5\"\n                            :checked=\"item.isRefined\"\n                            @update:checked=\"state.refine(item.value)\"\n                        />\n                        {{ item.label }}\n                    </label>\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from \"radix-vue\";\n    import { Input } from \"@/vue/ui/input\";\n    import { RangeInputState, useFilterPrice } from \"@/vue/composables/useFilterPrice\";\n\n    const props = defineProps<{\n        state: RangeInputState,\n    }>();\n\n    const {\n        range,\n        sliderValue,\n        inputValue,\n        onSliderChange,\n        onInputChange,\n    } = useFilterPrice(props);\n</script>\n\n<template>\n    <div class=\"md:px-4 md:py-6 md:w-[300px]\">\n        <div class=\"mb-4 grid grid-cols-2 gap-x-4\">\n            <div class=\"relative\">\n                <Input type=\"number\" class=\"pr-6\" v-model.number=\"inputValue[0]\" @update:model-value=\"onInputChange\" @blur=\"onSliderChange\" />\n                <div class=\"absolute right-4 text-body-sm text-neutral-900 top-1/2 -translate-y-1/2\">€</div>\n            </div>\n            <div class=\"relative\">\n                <Input type=\"number\" class=\"pr-6\" v-model.number=\"inputValue[1]\"  @update:model-value=\"onInputChange\" @blur=\"onSliderChange\" />\n                <div class=\"absolute right-4 text-body-sm  text-neutral-900 top-1/2 -translate-y-1/2\">€</div>\n            </div>\n        </div>\n        <SliderRoot\n            class=\"relative flex w-full touch-none h-4 select-none items-center\"\n            v-model=\"sliderValue\"\n            :min=\"range.min\"\n            :max=\"range.max\"\n            @update:model-value=\"onSliderChange\"\n        >\n            <SliderTrack class=\"relative h-[.3215rem] w-full grow overflow-hidden rounded-full bg-neutral-100\">\n                <SliderRange class=\"absolute h-full bg-primary\" />\n            </SliderTrack>\n            <SliderThumb\n                v-for=\"i in 2\"\n                class=\"block h-4 w-4 rounded-full border-2 border-primary bg-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\"\n            />\n        </SliderRoot>\n    </div>\n</template>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M16.066 7.934a.75.75 0 0 1 0 1.06l-7.071 7.072a.75.75 0 1 1-1.06-1.06l7.07-7.072a.75.75 0 0 1 1.06 0\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M16.066 16.066a.75.75 0 0 1-1.06 0L7.933 8.995a.75.75 0 0 1 1.06-1.06l7.072 7.07a.75.75 0 0 1 0 1.06\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 27 29\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M12.773.094c-2.321.27-4.807 1.255-6.793 2.694-.887.643-2.644 2.446-3.324 3.412-1.24 1.76-2.17 4.05-2.524 6.204-.215 1.315-.16 3.888.111 5.127 1.124 5.133 4.684 9.14 9.555 10.751 4.124 1.365 8.875.754 12.313-1.583 1.828-1.243 3.424-2.916 4.215-4.42.5-.952.401-1.119-.132-.224-.282.472-.928 1.242-1.64 1.956-2.215 2.223-4.685 3.555-7.498 4.046-1.26.22-3.749.224-4.988.007C7.74 27.31 3.805 24.14 2.021 19.97-.32 14.494 1.504 7.752 6.314 4.104c2.25-1.706 4.994-2.578 8.108-2.576 2.972.002 4.666.55 7.414 2.398.769.516 1.487.939 1.596.939.595 0 .553-.82-.083-1.605C21.52 1.003 16.889-.384 12.773.094m-.344 3.284c-.892.172-2.42.633-3.065.926-2.269 1.03-4.448 3.14-5.577 5.4-1.295 2.596-1.563 5.65-.742 8.483 1.265 4.37 4.993 7.651 9.517 8.376 1.204.193 3.676.083 4.763-.213 1.213-.33 2.352-.825 3.213-1.398.86-.572 2.15-1.88 2.58-2.62.363-.619.659-1.587.543-1.775-.172-.278-.617.04-1.998 1.428-1.57 1.58-2.584 2.266-4.14 2.801-1.273.438-2.371.59-3.76.517-2.798-.144-5.307-1.353-7.422-3.575-1.98-2.08-2.834-4.224-2.84-7.128-.007-2.91.956-5.315 2.92-7.297 3.062-3.087 7.53-4.148 11.597-2.755 1.49.51 2.747 1.249 4 2.35.413.363.75.614.75.557 0-.156-1.765-1.836-2.334-2.222-.835-.566-2.273-1.24-3.304-1.55-.84-.253-1.217-.298-2.7-.326-.948-.018-1.848-.008-2.001.021m-7.074 8.797c1.048-3.492 3.602-5.894 7.13-6.707 1.03-.238 3.454-.142 4.447.175 2.102.672 4.042 2.12 4.438 3.312.381 1.149-.154 1.242-1.246.217C18.16 7.33 16.416 6.67 13.83 6.79c-1.533.07-2.332.261-3.483.83-1.56.773-2.805 2.059-3.633 3.754-.588 1.202-.772 2.038-.774 3.504-.002 1.558.181 2.335.889 3.777.429.874.677 1.211 1.473 2.004 1.513 1.508 3.031 2.23 5.148 2.449a8.94 8.94 0 0 0 7.115-2.417c.859-.82.827-.563-.045.37-2.15 2.3-5.344 3.25-8.45 2.51-1.705-.406-2.889-1.054-4.186-2.289-1.314-1.252-2.105-2.6-2.591-4.42-.368-1.376-.343-3.343.06-4.687M12.33 8.38c-1.564.42-3.286 1.846-3.989 3.301-.983 2.037-.922 4.489.163 6.57.594 1.137 1.843 2.371 2.93 2.894 1.054.506 1.592.626 2.813.63 1.75.005 2.989-.467 4.144-1.577.689-.662 1.233-1.612 1.109-1.936-.116-.302-.603-.15-1.415.441-1.355.988-2.13 1.302-3.606 1.466-1.558.173-3.376-.431-4.434-1.473-.617-.608-1.222-1.775-1.395-2.691-.411-2.184.168-4.09 1.675-5.513 1.171-1.106 2.463-1.62 4.067-1.62 1.479 0 3.228.723 4.473 1.85.793.719.88.63.2-.206-.86-1.055-2.006-1.781-3.373-2.135-.847-.22-2.548-.22-3.362-.001\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  d: \"M13.104 8.5H3.75a.75.75 0 0 1 0-1.5h9.354a2.751 2.751 0 0 1 5.293 0h1.353a.75.75 0 0 1 0 1.5h-1.354a2.751 2.751 0 0 1-5.292 0m1.396-.75a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0M10.397 16.5h9.353a.75.75 0 0 0 0-1.5h-9.353a2.751 2.751 0 0 0-5.293 0H3.75a.75.75 0 0 0 0 1.5h1.354a2.751 2.751 0 0 0 5.292 0M6.5 15.75a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M11.03 8.53a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06l-2.72-2.72H18a.75.75 0 0 0 0-1.5H8.31z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M13.47 8.53a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H6.5a.75.75 0 0 1 0-1.5h9.69z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","\n<script setup lang=\"ts\">\n    import { onMounted, onUpdated, provide, ref, watchEffect } from \"vue\";\n    import { CarouselProps, useCarouselState } from \"@/vue/ui/carousel/useCarousel\";\n\n    const props = defineProps<CarouselProps>();\n\n    const el = ref<HTMLElement>();\n\n    const state = useCarouselState(props);\n\n    provide('carousel', state);\n\n    defineSlots<{\n        default(scope: { carousel: typeof state }): any\n    }>()\n\n    function update() {\n        if(el.value) {\n            state.$el = el.value;\n            state.$refs.scroller = el.value.querySelector('[data-carousel-scroller]');\n            state.init();\n        }\n    }\n\n    onMounted(() => {\n        update();\n    })\n\n    onUpdated(() => {\n        update();\n    });\n</script>\n\n<template>\n    <div ref=\"el\">\n        <slot v-bind=\"{ carousel:state }\"></slot>\n    </div>\n</template>\n","import { inject, reactive } from \"vue\";\nimport throttle from \"lodash/throttle\";\n\nexport type CarouselProps = {\n    slidesPerPage?: number | null,\n    interval?: number,\n    loop?: boolean,\n}\nexport function useCarouselState(props: CarouselProps) {\n    return reactive({\n        $el: null as HTMLElement | null,\n        $refs: {\n            scroller: null as HTMLElement | null,\n        },\n        currentSlide: 0,\n        slidesPerPage: 0,\n        slidesCount: 0,\n        loop: props.loop,\n        timeout: 0,\n        atEnd: false,\n        atStart: false,\n        resizeObserver: null as ResizeObserver | null,\n        intersectionObserver: null as IntersectionObserver | null,\n        get indicatorsCount() {\n            return this.slidesPerPage\n                ? Math.ceil(this.slidesCount / this.slidesPerPage)\n                : 0;\n        },\n        get isInactive() {\n            return this.slidesPerPage >= this.slidesCount;\n        },\n        handleSlideTo(e: CustomEvent) {\n            this.slideTo(e.detail.index);\n        },\n        handleScroll: throttle(function (this: ReturnType<typeof useCarouselState>, e) {\n            const slide = this.$el?.querySelector<HTMLElement>('[data-carousel-slide]')!;\n            this.currentSlide = this.nextIndex(Math.round(e.target.scrollLeft / slide.offsetWidth));\n            this.atStart = e.target.scrollLeft === 0;\n            if(e.target.scrollLeft + e.target.offsetWidth >= e.target.scrollWidth) {\n                if(!props.slidesPerPage) {\n                    this.currentSlide = this.nextIndex(this.slidesCount);\n                }\n                this.atEnd = true;\n            } else {\n                this.atEnd = false;\n            }\n        }, 200, { leading: true, trailing: true }),\n        nextIndex(index: number) {\n            return Math.min(Math.max(index, 0), this.slidesCount - this.slidesPerPage);\n        },\n        slidePrev() {\n            this.slideTo(this.currentSlide - this.slidesPerPage);\n        },\n        slideTo(index: number) {\n            const scroller = this.$refs.scroller!;\n            const slides = [...this.$el!.querySelectorAll<HTMLElement>('[data-carousel-slide]')];\n            // this.currentSlide = this.nextIndex(index);\n            this.$refs.scroller!.scrollTo({\n                left: slides[this.nextIndex(index)].offsetLeft - parseInt(getComputedStyle(scroller).paddingLeft),\n                behavior: 'smooth'\n            });\n        },\n        slideNext() {\n            const scroller = this.$refs.scroller!;\n            if(document.hidden) {\n                this.scheduleNext();\n                return;\n            }\n            if(this.currentSlide >= this.slidesCount - this.slidesPerPage) {\n                if(scroller.scrollLeft + scroller.offsetWidth < scroller.scrollWidth) {\n                    scroller.scrollTo({ left: scroller.scrollWidth, behavior: 'smooth' });\n                } else if(props.loop) {\n                    this.slideTo(0);\n                }\n            } else {\n                this.slideTo(this.currentSlide + this.slidesPerPage);\n            }\n            this.scheduleNext();\n        },\n        scheduleNext() {\n            if(props.interval) {\n                clearTimeout(this.timeout);\n                // @ts-ignore\n                this.timeout = setTimeout(() => this.slideNext(), props.interval);\n            }\n        },\n        layout() {\n            const scroller = this.$refs.scroller!;\n            const slide = this.$el?.querySelector<HTMLElement>('[data-carousel-slide]')!;\n            const parentStyle = window.getComputedStyle(slide.parentElement!);\n            const gapX = parseFloat(parentStyle.columnGap) || 0;\n            const parentWidth = slide.parentElement!.offsetWidth - parseFloat(parentStyle.paddingRight)  - parseFloat(parentStyle.paddingLeft);\n            const perPage = (parentWidth + gapX) / (slide.offsetWidth + gapX);\n            if(Math.ceil(perPage) - perPage <= 1) {\n                this.slidesPerPage = props.slidesPerPage ?? Math.ceil(perPage);\n            } else {\n                this.slidesPerPage = props.slidesPerPage ?? Math.floor((parentWidth + gapX) / (slide.offsetWidth + gapX));\n            }\n            this.atStart = scroller.scrollLeft === 0;\n            this.atEnd = scroller.scrollLeft + scroller.offsetWidth >= scroller.scrollWidth;\n        },\n        init() {\n            this.slidesCount = [...this.$el!.querySelectorAll('[data-carousel-slide]')].length;\n            if (this.slidesCount) {\n                this.layout();\n                (this.resizeObserver ??= new ResizeObserver(() => this.layout())).observe(this.$el!);\n            }\n            if (props.interval) {\n                (this.intersectionObserver ??= new IntersectionObserver((entries, observer) => {\n                    if (entries[0].isIntersecting) {\n                        this.scheduleNext();\n                        observer.disconnect();\n                    }\n                }, { threshold: .75 })).observe(this.$el!);\n            }\n        }\n    });\n}\nexport function useCarousel<T = ReturnType<typeof useCarouselState>>(): T {\n    return inject<T>('carousel')!;\n}\n","<script setup lang=\"ts\">\n    import { useCarousel } from \"@/vue/ui/carousel/useCarousel\";\n\n    const carousel = useCarousel();\n</script>\n\n<template>\n    <div data-carousel-scroller class=\"relative overflow-y-hidden overflow-x-auto snap-x snap-mandatory\"\n        @scroll=\"carousel.handleScroll\"\n    >\n        <slot></slot>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <div data-carousel-slide class=\"snap-start\">\n        <slot></slot>\n    </div>\n</template>\n","import ProductList from \"@/vue/cu/ProductList.vue\";\nimport { mountVue } from \"@/vue\";\n\nmountVue({\n    components: {\n        'cu-product-list': ProductList,\n    }\n});\n","<script setup lang=\"ts\">\n    // @ts-ignore\n    import { AisInstantSearch, AisInfiniteHits, AisHierarchicalMenu, AisConfigure, AisMenu, AisRefinementList, AisRangeInput, AisCurrentRefinements, AisStats, AisSortBy, AisClearRefinements } from 'vue-instantsearch/vue3/es';\n    import type {\n        HierarchicalMenuItem,\n        HierarchicalMenuRenderState\n    } from 'instantsearch.js/es/connectors/hierarchical-menu/connectHierarchicalMenu';\n    import ProductItemsRenderer from \"@/vue/ProductItemsRenderer.vue\";\n    import Filter from \"@/vue/cu/Filter.vue\";\n    import {\n        RefinementListRenderState\n    } from \"instantsearch.js/es/connectors/refinement-list/connectRefinementList\";\n    import FilterCheckboxes from \"@/vue/cu/FilterCheckboxes.vue\";\n    import { MenuItem, MenuRenderState } from \"instantsearch.js/es/connectors/menu/connectMenu\";\n    import FilterPrice from \"@/vue/cu/FilterPrice.vue\";\n    import { Switch } from \"@/vue/ui/switch\";\n    import {\n        CurrentRefinementsRenderState\n    } from \"instantsearch.js/es/connectors/current-refinements/connectCurrentRefinements\";\n    import { SortByRenderState } from \"instantsearch.js/es/connectors/sort-by/connectSortBy\";\n    import {\n        ClearRefinementsRenderState\n    } from \"instantsearch.js/es/connectors/clear-refinements/connectClearRefinements\";\n    import CurrentRefinementTag from \"@/vue/cu/CurrentRefinementTag.vue\";\n    import { StatsRenderState } from \"instantsearch.js/es/connectors/stats/connectStats\";\n    import FilterButton from \"@/vue/cu/FilterButton.vue\";\n\n    import { AccordionRoot } from \"radix-vue\";\n    import { useBreakpoints } from \"@/vue/composables/useBreakPoints\";\n    import { Button } from \"@/vue/ui/button\";\n    import { RangeInputState } from \"@/vue/composables/useFilterPrice\";\n    import { InfiniteHitsState, ProductListProps, useProductList } from \"@/vue/composables/useProductList\";\n    import { vScrollIntoView } from \"@/vue/directives/v-scroll-into-view\";\n    import { vFocus } from \"@/vue/directives/v-focus\";\n    import Data from \"@/vue/Data.vue\";\n    import LogoSmall from '@svg/cu/logo-small.svg';\n    import ChevronDown from '@svg/cu/chevron-down.svg';\n    import SlidersHorizontal from '@svg/cu/sliders-horizontal.svg';\n    import Close from \"@svg/as/close.svg\";\n    import ArrowLeft from \"@svg/cu/arrow-left.svg\";\n    import ArrowRight from \"@svg/cu/arrow-right.svg\";\n    import { RadioGroup, RadioGroupItem } from \"@/vue/ui/radio-group\";\n    import {  watchEffect } from \"vue\";\n    import { Carousel, CarouselScroller } from \"@/vue/ui/carousel\";\n    import CarouselItem from \"@/vue/ui/carousel/CarouselItem.vue\";\n    import ProductColorCircle from \"@/vue/ProductColorCircle.vue\";\n\n    const props = defineProps<ProductListProps>();\n\n    const categoryDropdownFilter = !props.categoryPage;\n    const {\n        ready,\n        instantSearchOptions,\n        searchParameters,\n        infiniteHitsParams,\n        categoryMenuParams,\n        currentRefinementsParams,\n        clearRefinementsParams,\n        catalogThemesMenuParams,\n        filterInStockForProfileStore,\n        filtersMenuVisible,\n        filterParams,\n        sortByParams,\n        currentRefinementLabel,\n        currentPriceRefinementLabel,\n        productItemsRendererQueryParams,\n        findCategory,\n        findColor,\n        hasMoreResults,\n        onProductItemsLoaded,\n    } = useProductList(props, {\n        hitsPerPageFirst: 28 - (props.catalogBlock ? 2 : 0) - (props.recipe ? 1 : 0),\n        hitsPerPage: 28,\n        categoryDropdownFilter,\n    });\n\n    const breakpoints = useBreakpoints();\n\n    watchEffect(() => {\n        if(breakpoints.md && filtersMenuVisible.value) {\n            filtersMenuVisible.value = false;\n        }\n    });\n</script>\n\n<template>\n    <div v-show=\"!ready\">\n        <slot />\n    </div>\n    <ais-instant-search v-bind=\"instantSearchOptions\" v-show=\"ready\">\n        <ais-configure v-bind=\"searchParameters\" />\n\n        <template v-if=\"catalog\">\n            <div class=\"relative mb-8 lg:mb-[4.5rem] bg-[--color]\" :style=\"{ '--color': catalog.color! }\">\n                <template v-if=\"catalog?.themes?.length\">\n                    <div>\n                        <div class=\"border-t border-neutral-900/10 absolute top-0 left-0 w-full\"></div>\n                        <div class=\"container overflow-hidden\">\n                            <ais-menu v-bind=\"catalogThemesMenuParams\" v-slot=\"state: MenuRenderState\">\n                                <Data v-bind=\"{ refinedItem: state.items.find(i => i.isRefined) }\" v-slot=\"{ refinedItem }: { refinedItem: MenuItem|null }\">\n                                    <div class=\"flex gap-x-6 py-[1.125rem] overflow-x-auto px-4 -mx-4 [&>:first-child]:ml-auto [&>:last-child]:mr-auto\">\n                                        <a class=\"shrink-0 px-4 py-2 text-body font-bold rounded-full\"\n                                            :class=\"!refinedItem ? 'bg-neutral-900 text-white' : 'text-neutral-900 hover:bg-neutral-900/10'\"\n                                            :href=\"refinedItem ? state.createURL(refinedItem.value) : ''\"\n                                            @click.prevent=\"refinedItem && state.refine(refinedItem.value)\"\n                                            v-scroll-into-view=\"!refinedItem\"\n                                        >\n                                            Tous les thèmes\n                                        </a>\n                                        <template v-for=\"item in state.items\">\n                                            <a class=\"shrink-0 px-4 py-2 text-body font-bold rounded-full\"\n                                                :class=\"item.isRefined ? 'bg-neutral-900 text-white' : 'text-neutral-900 hover:bg-neutral-900/10'\"\n                                                :href=\"state.createURL(item.value)\"\n                                                @click.prevent=\"state.refine(item.value)\"\n                                                v-scroll-into-view=\"item.isRefined\"\n                                            >\n                                                {{ item.label }}\n                                            </a>\n                                        </template>\n                                    </div>\n                                </Data>\n                            </ais-menu>\n                        </div>\n                    </div>\n                </template>\n            </div>\n        </template>\n\n        <template v-if=\"categoryPage\">\n            <div class=\"group overflow-hidden mb-6 lg:mb-14 bg-neutral-100\">\n                <div class=\"container max-md:px-6\">\n                    <ais-hierarchical-menu class=\"contents\" v-bind=\"categoryMenuParams\" v-slot=\"state: HierarchicalMenuRenderState\">\n                        <Data v-bind=\"{ refinedItem: state.items.find(i => i.isRefined) }\" v-slot=\"{ refinedItem }: { refinedItem: HierarchicalMenuItem|null }\">\n                            <nav class=\"relative py-2 md:py-6\">\n                                <h2 class=\"sr-only\">\n                                    Catégories\n                                </h2>\n                                <Carousel v-slot=\"{ carousel }\" v-bind=\"{ slidesPerPage: breakpoints.md ? 4 : null }\">\n                                    <div class=\"absolute z-10 top-1/2 left-0 -translate-y-1/2 -translate-x-4 lg:-translate-x-1/2 lg:opacity-0 group-hover:opacity-100 focus-within:opacity-100\">\n                                        <div class=\"absolute -inset-2\"></div>\n                                        <button class=\"relative size-8 lg:size-12 border border-neutral-300 text-neutral-900 bg-white lg:border-0 lg:bg-neutral-900 lg:text-white rounded-full grid place-content-center\" @click=\"carousel.slidePrev()\" :class=\"{ 'invisible': carousel.atStart }\">\n                                            <ArrowLeft class=\"size-4 lg:size-6\" />\n                                        </button>\n                                    </div>\n                                    <div class=\"absolute z-10 top-1/2 right-0 -translate-y-1/2 translate-x-4 lg:translate-x-1/2 lg:opacity-0 group-hover:opacity-100 focus-within:opacity-100\">\n                                        <div class=\"absolute -inset-2\"></div>\n                                        <button class=\"relative size-8 lg:size-12 border border-neutral-300 text-neutral-900 bg-white lg:border-0 lg:bg-neutral-900 lg:text-white rounded-full grid place-content-center\" @click=\"carousel.slideNext()\" :class=\"{ 'invisible': carousel.atEnd }\">\n                                            <ArrowRight class=\"size-4 lg:size-6\" />\n                                        </button>\n                                    </div>\n                                    <CarouselScroller class=\"flex scrollbar-none -mx-6 px-6 scroll-px-6 gap-x-4 sm:px-[--container-padding] sm:scroll-px-[--container-padding] sm:-mx-[--container-padding] md:gap-x-6\">\n                                        <template v-for=\"item in refinedItem?.data ? refinedItem.data : state.items\" :key=\"item.value\">\n                                            <Data v-bind=\"{ category: findCategory(item.value) }\" v-slot=\"{ category }: { category: ReturnType<typeof findCategory> }\">\n                                                <CarouselItem class=\"shrink-0 relative w-[100px] md:w-[148px] rounded-lg border-[1.5px] py-3 px-2 border-transparent\" :class=\"item.isRefined ? 'bg-white border-neutral-150' : ''\"\n                                                    v-scroll-into-view=\"item.isRefined\"\n                                                >\n                                                    <template v-if=\"category?.menuProduct?.thumbnail\">\n                                                        <img class=\"w-full mix-blend-multiply transform-gpu\" :src=\"category.menuProduct.thumbnail\" :alt=\"item.label\" width=\"150\" height=\"150\">\n                                                    </template>\n                                                    <template v-else>\n                                                        <div class=\"relative aspect-[1/1] flex flex-col justify-center items-center\">\n                                                            <LogoSmall class=\"size-[60%] text-neutral-300 top-1/2 left-1/2\" />\n                                                        </div>\n                                                    </template>\n                                                    <div class=\"mt-3 text-center text-body font-bold\">\n                                                        <a class=\"underline-offset-2 decoration-1 hover:underline\"\n                                                            :href=\"state.createURL(item.value)\"\n                                                            @click.prevent=\"state.refine(item.value)\"\n                                                        >\n                                                            <div class=\"absolute inset-0 -inset-y-2\"></div>\n                                                            {{ item.label }}\n                                                        </a>\n                                                    </div>\n                                                </CarouselItem>\n                                            </Data>\n                                        </template>\n                                    </CarouselScroller>\n                                </Carousel>\n                            </nav>\n                        </Data>\n                    </ais-hierarchical-menu>\n                </div>\n            </div>\n        </template>\n\n        <div class=\"container max-md:px-4\">\n            <Teleport to=\"body\" :disabled=\"breakpoints.md\">\n                <div v-show=\"filtersMenuVisible\" class=\"fixed inset-0 z-[60] bg-black/30 md:!hidden\" @click=\"filtersMenuVisible = false\"></div>\n                <Transition\n                    enter-active-class=\"transition ease-out duration-100\"\n                    enter-from-class=\"-translate-x-full\"\n                    enter-to-class=\"translate-x-0\"\n                    leave-active-class=\"transition ease-out duration-100\"\n                    leave-from-class=\"translate-x-0\"\n                    leave-to-class=\"-translate-x-full\"\n                >\n                    <div v-show=\"filtersMenuVisible\" class=\"fixed z-[70] flex flex-col inset-0 right-auto bg-white w-full max-w-[400px] overflow-auto md:!contents\"\n                        :role=\"breakpoints.md ? 'none' : 'dialog'\"\n                        aria-label=\"Trier et filtrer\"\n                    >\n                        <div class=\"flex-1 container px-6 md:px-0\">\n                            <div class=\"flex items-center py-6 md:hidden\">\n                                <h4 class=\"text-display-4 font-bold\">\n                                    Trier et filtrer\n                                </h4>\n                                <button class=\"relative ml-auto\" v-focus=\"filtersMenuVisible\" aria-label=\"Fermer\" @click=\"filtersMenuVisible = false\" ref=\"closeBtn\">\n                                    <Close class=\"w-6 h-6\" />\n                                    <span class=\"absolute -inset-2\"></span>\n                                </button>\n                            </div>\n                            <AccordionRoot type=\"multiple\">\n                                <div class=\"flex flex-col gap-3 md:flex-row [&>[class*='--noRefinement']]:hidden\">\n                                    <ais-sort-by\n                                        class=\"md:hidden\"\n                                        v-bind=\"sortByParams\"\n                                        v-slot=\"state: SortByRenderState & { items: SortByRenderState['options'] }\"\n                                    >\n                                        <Filter attribute=\"sort-by\" :count=\"0\">\n                                            <template #label>\n                                                Trier\n                                            </template>\n                                            <RadioGroup class=\"relative flex flex-col items-start space-y-4\" :model-value=\"state.currentRefinement\" @update:model-value=\"state.refine($event)\">\n                                                <template v-for=\"item in state.items\">\n                                                    <div class=\"relative flex\">\n                                                        <RadioGroupItem :id=\"`product-list-sort-${item.value}`\" :value=\"item.value\" />\n                                                        <label :for=\"`product-list-sort-${item.value}`\" class=\"ml-2 text-body-sm\">\n                                                            <span class=\"absolute -inset-2\"></span>\n                                                            {{ item.label }}\n                                                        </label>\n                                                    </div>\n                                                </template>\n                                            </RadioGroup>\n                                        </Filter>\n                                    </ais-sort-by>\n                                    <template v-if=\"categoryDropdownFilter\">\n                                        <ais-hierarchical-menu class=\"contents\" v-bind=\"categoryMenuParams\" v-slot=\"state: HierarchicalMenuRenderState\">\n                                            <Data v-bind=\"{ refinedItem: state.items.find(i => i.isRefined) }\" v-slot=\"{ refinedItem }: { refinedItem: HierarchicalMenuItem|null }\">\n                                                <Filter attribute=\"category\" :count=\"state.items.filter(item => item.isRefined).length\">\n                                                    <template #label>\n                                                        Catégorie\n                                                    </template>\n                                                    <div class=\"p-4 md:w-[300px]\">\n                                                        <div class=\"max-h-[300px] overflow-y-auto overflow-x-hidden scrollbar scrollbar-w-[5px] scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-neutral-400 scrollbar-track-neutral-100 hover:scrollbar-thumb-neutral-500\">\n                                                            <div class=\"overflow-hidden\">\n                                                                <div class=\"flex flex-col items-start space-y-4\">\n                                                                    <a class=\"relative\" :class=\"!refinedItem ? 'text-body-sm font-bold': 'text-body-sm hover:underline'\"\n                                                                        :href=\"refinedItem ? state.createURL(refinedItem.value) : ''\"\n                                                                        @click.prevent=\"refinedItem && state.refine(refinedItem.value)\"\n                                                                    >\n                                                                        <div class=\"absolute inset-x-0 -inset-y-2\"></div>\n                                                                        Toutes les catégories\n                                                                    </a>\n                                                                    <template v-for=\"item in state.items\">\n                                                                        <div>\n                                                                            <a :href=\"state.createURL(item.value)\"\n                                                                                class=\"relative\"\n                                                                                :class=\"item.isRefined ? 'text-body-sm font-bold': 'text-body-sm hover:underline'\"\n                                                                                @click.prevent=\"(e) =>{\n                                                                                    if(item.isRefined) {\n                                                                                        const refinedSubItem = item.data?.find(i => i.isRefined);\n                                                                                        if(refinedSubItem) {\n                                                                                            state.refine(refinedSubItem.value);\n                                                                                            return;\n                                                                                        }\n                                                                                    }\n                                                                                    state.refine(item.value);\n                                                                                }\" v-scroll-into-view=\"item.isRefined\">\n                                                                                <div class=\"absolute inset-x-0 -inset-y-2\"></div>\n                                                                                {{ item.label }}\n                                                                            </a>\n                                                                            <template v-if=\"item.isRefined && item.data?.length\">\n                                                                                <div class=\"flex flex-col pl-4 pt-4 space-y-2\">\n                                                                                    <template v-for=\"subItem in item.data\">\n                                                                                        <a class=\"relative\"\n                                                                                            :class=\"subItem.isRefined ? 'text-body-sm font-bold': 'text-body-sm hover:underline'\"\n                                                                                            :href=\"state.createURL(subItem.value)\"\n                                                                                            @click.prevent=\"state.refine(subItem.value)\"\n                                                                                            v-scroll-into-view=\"item.isRefined\"\n                                                                                        >\n                                                                                            <div class=\"absolute inset-x-0 -inset-y-1\"></div>\n                                                                                            {{ subItem.label }}\n                                                                                        </a>\n                                                                                    </template>\n                                                                                </div>\n                                                                            </template>\n                                                                        </div>\n                                                                    </template>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </Filter>\n                                            </Data>\n                                        </ais-hierarchical-menu>\n                                    </template>\n                                    <template v-if=\"filterParams['brand']\">\n                                        <ais-refinement-list v-bind=\"filterParams['brand']\" v-memo=\"[]\" v-slot=\"state: RefinementListRenderState\">\n                                            <Filter attribute=\"brand\" :count=\"state.items.filter(item => item.isRefined).length\">\n                                                <template #label>\n                                                    Marque\n                                                </template>\n                                                <FilterCheckboxes :state=\"state\" searchable />\n                                            </Filter>\n                                        </ais-refinement-list>\n                                    </template>\n                                    <ais-range-input v-bind=\"filterParams['price']\" v-memo=\"[]\" v-slot=\"state: RangeInputState\">\n                                        <Filter attribute=\"price\" :count=\"state.currentRefinement.min != null || state.currentRefinement.max != null ? 1 : 0\">\n                                            <template #label>\n                                                Prix\n                                            </template>\n                                            <FilterPrice :state=\"state\" />\n                                        </Filter>\n                                    </ais-range-input>\n                                    <ais-refinement-list v-bind=\"filterParams['material']\" v-memo=\"[]\" v-slot=\"state: RefinementListRenderState\">\n                                        <Filter attribute=\"material\" :count=\"state.items.filter(item => item.isRefined).length\">\n                                            <template #label>\n                                                Matière\n                                            </template>\n                                            <FilterCheckboxes :state=\"state\" searchable />\n                                        </Filter>\n                                    </ais-refinement-list>\n                                    <ais-menu v-bind=\"filterParams['color']\" v-memo=\"[]\" v-slot=\"state: MenuRenderState\">\n                                        <Filter attribute=\"color\" :count=\"state.items.filter(item => item.isRefined).length\">\n                                            <template #label>\n                                                Couleur\n                                            </template>\n                                            <div class=\"py-6 px-4 pb-0 md:pb-8 min-w-[263px]\">\n                                                <div class=\"max-h-[300px] px-2 overflow-y-auto overflow-x-hidden scrollbar scrollbar-w-[5px] scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-thumb-neutral-400 scrollbar-track-neutral-100 hover:scrollbar-thumb-neutral-500\">\n                                                    <div class=\"grid grid-cols-[repeat(3,auto)] gap-y-4 gap-x-4 justify-between\">\n                                                        <template v-for=\"item in state.items\">\n                                                            <Data v-bind=\"{ color: findColor(item.value) }\" v-slot=\"{ color }: { color: ReturnType<typeof findColor> }\">\n                                                                <div class=\"group/item relative flex flex-col items-center\">\n                                                                    <div class=\"size-[45px] rounded-full border transition-colors ease-out duration-300 grid place-content-center\"\n                                                                        :class=\"item.isRefined ? 'border-neutral-500' : 'border-transparent group-hover/item:border-neutral-500'\"\n                                                                    >\n                                                                        <ProductColorCircle class=\"relative size-[37px]\" :color=\"color\" />\n                                                                    </div>\n                                                                    <button class=\"mt-2 text-body-xs text-center text-neutral-900\" @click=\"state.refine(item.value)\">\n                                                                        <span class=\"absolute inset-0\"></span>\n                                                                        {{ item.label }}\n                                                                    </button>\n                                                                </div>\n                                                            </Data>\n                                                        </template>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </Filter>\n                                    </ais-menu>\n                                    <template v-if=\"profileStore\">\n                                        <div class=\"-order-1 flex items-center py-6 md:order-none md:py-0 md:px-3 md:h-10\">\n                                            <Switch id=\"available-in-store\" v-model:checked=\"filterInStockForProfileStore\" />\n                                            <label class=\"ml-2 text-body-sm transition duration-100 ease-out\" :class=\"filterInStockForProfileStore ? 'text-neutral-900' : 'text-neutral-400'\" for=\"available-in-store\">\n                                                Produits disponibles à {{ profileStore.name }}\n                                            </label>\n                                        </div>\n                                    </template>\n                                </div>\n                            </AccordionRoot>\n                        </div>\n                        <div class=\"sticky border border-neutral-150 bg-white bottom-0 md:hidden\" style=\"box-shadow: 0 1px 7.6px 0 rgba(0, 0, 0, 0.25)\">\n                            <div class=\"px-6 py-4 flex justify-center space-x-3\">\n                                <ais-current-refinements\n                                    class=\"contents\"\n                                    v-bind=\"currentRefinementsParams\"\n                                    v-slot=\"currentRefinementsState: CurrentRefinementsRenderState\"\n                                >\n                                    <ais-clear-refinements\n                                        class=\"contents\"\n                                        v-bind=\"clearRefinementsParams\"\n                                        v-slot=\"clearRefinementsState: ClearRefinementsRenderState\"\n                                    >\n                                        <Button class=\"flex-1 text-nowrap !px-2\" variant=\"outline-dark\" @click=\"clearRefinementsState.refine(); filtersMenuVisible = false\">\n                                            Tout effacer\n                                            <template v-if=\"currentRefinementsState.items.length\">\n                                                ({{ currentRefinementsState.items.length }})\n                                            </template>\n                                        </Button>\n                                    </ais-clear-refinements>\n                                </ais-current-refinements>\n                                <Button class=\"flex-1 text-nowrap !px-2\" variant=\"primary\" @click=\"filtersMenuVisible = false\">\n                                    Appliquer\n                                </Button>\n                            </div>\n                        </div>\n                        <div class=\"md:hidden\" data-focus-trap tabindex=\"0\" @focus=\"($refs.closeBtn as HTMLButtonElement).focus()\"></div>\n                    </div>\n                </Transition>\n            </Teleport>\n\n            <div class=\"flex flex-col md:block\">\n                <ais-current-refinements class=\"contents\" v-bind=\"currentRefinementsParams\" v-slot=\"state: CurrentRefinementsRenderState\">\n                    <ul v-show=\"state.items.length\" class=\"flex items-center py-3 gap-x-3 gap-y-2 md:py-0 md:mt-3\" aria-label=\"Filtres actifs\">\n                        <template v-for=\"item in state.items\">\n                            <template v-if=\"item.attribute === 'price'\">\n                                <CurrentRefinementTag @clear=\"item.refinements.forEach(refinement => item.refine(refinement))\">\n                                    {{ currentPriceRefinementLabel(item) }}\n                                </CurrentRefinementTag>\n                            </template>\n                            <template v-else>\n                                <template v-for=\"refinement in item.refinements\">\n                                    <CurrentRefinementTag @clear=\"item.refine(refinement)\">\n                                        {{ currentRefinementLabel(refinement) }}\n                                    </CurrentRefinementTag>\n                                </template>\n                            </template>\n                        </template>\n                        <ais-clear-refinements v-bind=\"clearRefinementsParams\" v-once v-slot=\"state: ClearRefinementsRenderState\">\n                            <li>\n                                <button class=\"relative text-body-sm text-neutral-900 underline-offset-1 underline decoration-1 font-bold hover:text-primary\" @click=\"state.refine()\">\n                                    <span class=\"absolute -inset-y-1.5 inset-x-0\"></span>\n                                    Tout effacer\n                                </button>\n                            </li>\n                        </ais-clear-refinements>\n                    </ul>\n                </ais-current-refinements>\n\n                <div class=\"-order-1 md:mt-6 flex items-center md:border-b border-neutral-300 md:pb-3 md:order-none\">\n                    <ais-stats v-slot=\"state: StatsRenderState\">\n                        <div class=\"text-body-sm text-neutral-500\">\n                            {{ state.nbHits }} produit{{ state.nbHits > 1 ? 's' : ''}}\n                        </div>\n                    </ais-stats>\n                    <div class=\"ml-auto md:hidden\">\n                        <FilterButton variant=\"outline-dark\" @click=\"filtersMenuVisible = true\">\n                            <SlidersHorizontal class=\"mr-2 w-4 h-4\" />\n                            Plus de filtres\n                        </FilterButton>\n                    </div>\n                    <div class=\"ml-auto -my-0.5 hidden md:block\">\n                        <ais-sort-by\n                            v-bind=\"sortByParams\"\n                            v-slot=\"state: SortByRenderState & { items: SortByRenderState['options'] }\"\n                        >\n                            <div v-show=\"state.canRefine\" class=\"text-body-sm text-neutral-900 flex items-center\">\n                                <label for=\"product-list-sort-by\" class=\"text-body-sm\">\n                                    Trier par :\n                                </label>\n                                <div class=\"relative\">\n                                    <select id=\"product-list-sort-by\" class=\"appearance-none py-1 px-2 pr-7 outline-none text-body-sm lowercase font-bold text-neutral-900\"\n                                        :value=\"state.currentRefinement\"\n                                        @change=\"state.refine(($event.target as HTMLSelectElement).value)\"\n                                    >\n                                        <template v-for=\"item in state.items\">\n                                            <option :value=\"item.value\">{{ item.label }}</option>\n                                        </template>\n                                    </select>\n                                    <ChevronDown class=\"absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 pointer-events-none\" />\n                                </div>\n                            </div>\n                        </ais-sort-by>\n                    </div>\n                </div>\n            </div>\n\n            <template v-if=\"$slots.alert\">\n                <div class=\"mt-6 mb-8\">\n                    <slot name=\"alert\" />\n                </div>\n            </template>\n            <div class=\"mt-6\">\n                <ais-infinite-hits v-bind=\"infiniteHitsParams\" v-slot=\"state: InfiniteHitsState\">\n                    <ProductItemsRenderer\n                        class=\"grid items-start max-[375px]:grid-cols-2 grid-cols-[repeat(auto-fill,minmax(160px,1fr))] sm:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-10 lg:gap-6 md:gap-y-8\"\n                        :items=\"state.items\"\n                        :params=\"productItemsRendererQueryParams(state)\"\n                        :disabled=\"filtersMenuVisible\"\n                        @loaded=\"onProductItemsLoaded\"\n                    />\n                    <div class=\"mt-16 md:mt-12 text-center text-body-sm\">\n                        {{ state.items.length }} produit{{ state.items.length > 1 ? 's' : '' }} sur {{ state.results?.nbHits }}\n                    </div>\n                    <template v-if=\"hasMoreResults(state)\">\n                        <div class=\"mt-6\">\n                            <div class=\"flex justify-center\">\n                                <Button variant=\"outline-dark\" @click=\"state.refineNext()\">\n                                    Afficher plus\n                                </Button>\n                            </div>\n                        </div>\n                    </template>\n                </ais-infinite-hits>\n            </div>\n        </div>\n    </ais-instant-search>\n</template>\n"],"names":["_hoisted_1","xmlns","fill","viewBox","_hoisted_3","d","ChevronDown","render","_ctx","_cache","_openBlock","_createElementBlock","useBreakpoints","stroke","CloseLg","Search","props","__props","searchTerm","filteredItems","useFilterCheckboxes","range","sliderValue","inputValue","onSliderChange","onInputChange","useFilterPrice","_hoisted_4","Close","LogoSmall","SlidersHorizontal","ArrowLeft","ArrowRight","el","ref","state","reactive","$el","$refs","scroller","currentSlide","slidesPerPage","slidesCount","loop","timeout","atEnd","atStart","resizeObserver","intersectionObserver","indicatorsCount","this","Math","ceil","isInactive","handleSlideTo","e","slideTo","detail","index","handleScroll","throttle","slide","_a","querySelector","nextIndex","round","target","scrollLeft","offsetWidth","scrollWidth","leading","trailing","min","max","slidePrev","slides","querySelectorAll","scrollTo","left","offsetLeft","parseInt","getComputedStyle","paddingLeft","behavior","slideNext","document","hidden","scheduleNext","interval","clearTimeout","setTimeout","layout","parentStyle","window","parentElement","gapX","parseFloat","columnGap","parentWidth","paddingRight","perPage","floor","init","length","ResizeObserver","observe","IntersectionObserver","entries","observer","isIntersecting","disconnect","threshold","useCarouselState","update","value","provide","onMounted","onUpdated","carousel","inject","mountVue","components","categoryDropdownFilter","categoryPage","ready","instantSearchOptions","searchParameters","infiniteHitsParams","categoryMenuParams","currentRefinementsParams","clearRefinementsParams","catalogThemesMenuParams","filterInStockForProfileStore","filtersMenuVisible","filterParams","sortByParams","currentRefinementLabel","currentPriceRefinementLabel","productItemsRendererQueryParams","findCategory","findColor","hasMoreResults","onProductItemsLoaded","useProductList","hitsPerPageFirst","catalogBlock","recipe","hitsPerPage","breakpoints","watchEffect","md"],"mappings":"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"}