{"version":3,"file":"Header-Cyk-gJhv.js","sources":["../../../vue/src/icons/wave-top-small.svg","../../../vue/src/components/breadcrumbs/Breadcrumbs.vue","../../../vue/src/components/header/Header.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"392\",\n  height: \"124\",\n  viewBox: \"0 0 392 124\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  \"fill-rule\": \"evenodd\",\n  \"clip-rule\": \"evenodd\",\n  d: \"M0 77.2285V0H392V75.9688C346.241 105.207 275.01 124 195 124C116.147 124 45.8203 105.746 0 77.2285Z\",\n  stroke: \"none\"\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>\nimport { computed, ref } from 'vue';\nimport { useQuery } from 'villus';\nimport { useStore } from '@/store/Store.js';\nimport Caret from '@/icons/caret.svg';\n\nconst allCrumbs = ref([]);\n\nconst store = useStore();\n\nconst props = defineProps({\n    entry: {\n        type: String,\n        default: '',\n    },\n    crumbs: {\n        type: Array,\n        default: () => [],\n    },\n});\n\nconst variables = computed(() => ({\n    lang: store.lang.value,\n    slug: props.entry,\n}));\n\nconst { data } = await useQuery({\n    variables,\n    query: `\n        query FetchBreadcrumbs($lang: [String], $slug: [String]) {\n            entry (site: $lang, type: $slug) {\n                id\n                title\n                uri\n                ... on abouts_about_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on products_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on location_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on contact_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on discounts_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on blogs_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on faqs_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on bio_principal_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n                ... on recettes_Entry {\n                    breadcrumbs {\n                        url\n                        text\n                    }\n                }\n            }\n        }\n    `,\n});\n\nif (data.value && data.value.entry && data.value.entry.breadcrumbs && data.value.entry.breadcrumbs.length > 0) {\n    allCrumbs.value = data.value.entry.breadcrumbs;\n}\nif (props.crumbs && props.crumbs.length > 0) {\n    allCrumbs.value = allCrumbs.value.concat(props.crumbs);\n}\n</script>\n\n<template>\n    <div\n        v-if=\"allCrumbs.length > 0\"\n        class=\"Breadcrumb groupnot flex min-h-6 flex-wrap items-center gap-2 leading-none\"\n    >\n        <div\n            v-for=\"(crumb, crumbIndex) in allCrumbs\"\n            :key=\"crumb.url\"\n            class=\"Breadcrumb__item flex items-center gap-2 whitespace-nowrap\"\n        >\n            <component\n                :is=\"crumb.url ? 'router-link' : 'span'\"\n                class=\"whitespace-nowrap border-b-2 border-transparent transition groupnot-hover:opacity-50\"\n                :class=\"{\n                    'hover:border-current': crumb.url,\n                }\"\n                :to=\"crumb.url ? setUri({ lang: lang, uri: crumb.url }) : null\"\n            >\n                {{ crumb.text }}\n            </component>\n\n            <span class=\"inline-flex items-center border-b-2 border-transparent\"\n                ><Caret\n                    v-if=\"crumbIndex + 1 !== allCrumbs.length\"\n                    class=\"inline-block h-1.5 w-auto fill-current\"\n            /></span>\n        </div>\n    </div>\n    <div\n        v-else\n        class=\"Breadcrumb__spacing min-h-6 leading-none\"\n    />\n</template>\n","<script setup>\nimport WaveTop from '@/icons/wave-top.svg';\nimport WaveTopSmall from '@/icons/wave-top-small.svg';\nimport Breadcrumbs from '@/components/breadcrumbs/Breadcrumbs.vue';\n\nconst props = defineProps({\n    data: { type: Object, default: () => {} },\n\n    color: {\n        type: String,\n        default: '',\n    },\n\n    titleColor: {\n        type: String,\n        default: '',\n    },\n\n    suptitle: {\n        type: String,\n        default: '',\n    },\n\n    subtitle: {\n        type: String,\n        default: '',\n    },\n\n    title: {\n        type: String,\n        default: '',\n    },\n\n    typePancarte: {\n        type: String,\n        default: 'halte',\n    },\n\n    typePersonnage: {\n        type: String,\n        default: 'svg',\n    },\n\n    personnageImage: {\n        type: Object,\n        default: () => {},\n    },\n\n    crumbs: {\n        type: Array,\n        default: () => [],\n    },\n});\n\nfunction formatSubtitle(text) {\n    return text.replace(/1er/g, '1<sup>er</sup>');\n}\n</script>\n\n<template>\n    <div class=\"Header text-left md:text-center\">\n        <!-- Tailwind: group-hover:shadow-dark-blue -->\n        <div\n            :class=\"['text-' + color]\"\n            class=\"Waves absolute left-0 top-0 z-0 w-full overflow-x-hidden print:hidden\"\n        >\n            <WaveTop\n                class=\"max-w-screen mt-[-80px] hidden h-auto w-[1920px] fill-current md:block xl:mt-0 3xl:w-full\"\n                :class=\"['text-' + color]\"\n            />\n            <WaveTopSmall\n                class=\"block h-auto w-full fill-current md:hidden\"\n                :class=\"['text-' + color]\"\n            />\n        </div>\n        <div class=\"relative flex items-start justify-between px-6 print:hidden md:mb-5 xl:px-20\">\n            <div class=\"max-w-1/2 md:w-[348px] md:max-w-full xl:w-[439px] 3xl:w-[24.4vw]\">\n                <template v-if=\"typePancarte === 'halte'\">\n                    <svg\n                        width=\"341\"\n                        height=\"227\"\n                        viewBox=\"0 0 341 227\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"mt-5 h-auto w-full md:mt-[68px] md:max-w-full xl:mt-[100px] 2xl:mt-[88px] 3xl:mt-[calc(10.9vw-88px)]\"\n                    >\n                        <rect\n                            width=\"341\"\n                            height=\"171\"\n                            rx=\"12.7748\"\n                            fill=\"#123249\"\n                        />\n                        <text\n                            fill=\"white\"\n                            xml:space=\"preserve\"\n                            style=\"white-space: pre\"\n                            font-size=\"43.43\"\n                            font-weight=\"bold\"\n                            letter-spacing=\"0em\"\n                        >\n                            <tspan\n                                x=\"112.046\"\n                                y=\"59.024\"\n                            >\n                                {{ data.suptitle }}\n                            </tspan>\n                        </text>\n                        <text\n                            fill=\"white\"\n                            xml:space=\"preserve\"\n                            style=\"white-space: pre\"\n                            font-size=\"57.01\"\n                            font-weight=\"bold\"\n                            letter-spacing=\"-0.01em\"\n                        >\n                            <tspan\n                                y=\"103.279\"\n                                x=\"50%\"\n                                text-anchor=\"middle\"\n                            >\n                                {{ data.subtitle }}\n                            </tspan>\n                        </text>\n                        <router-link\n                            class=\"group\"\n                            :to=\"{ name: 'home.' + lang }\"\n                        >\n                            <path\n                                d=\"M288.466 217.809L293.87 160.845C294.327 156.035 291.854 151.875 288.339 151.542L92.8177 132.993C91.3071 132.849 89.7705 133.457 88.492 134.685L62.9289 161.007C59.638 164.199 59.0433 170.468 61.6736 174.239L81.8325 204.881C82.8557 206.345 84.2522 207.213 85.7629 207.357L281.284 225.906C284.799 226.239 288.01 222.619 288.466 217.809Z\"\n                                fill=\"#33567B\"\n                                class=\"fill-current transition duration-500 group-hover:translate-y-[-3px] group-hover:drop-shadow-lg group-active:translate-y-0 group-active:drop-shadow-none group-active:duration-0\"\n                                :class=\"['text-' + color, 'group-hover:shadow-' + titleColor]\"\n                            />\n                            <g class=\"transition duration-500 group-hover:translate-y-[-3px] group-active:translate-y-0 group-active:duration-0\">\n                                <text\n                                    transform=\"translate(96.6055 142.393) rotate(5.41942)\"\n                                    fill=\"white\"\n                                    xml:space=\"preserve\"\n                                    style=\"white-space: pre\"\n                                    font-size=\"23.9995\"\n                                    font-weight=\"bold\"\n                                    letter-spacing=\"0em\"\n                                >\n                                    <tspan\n                                        x=\"26.0893\"\n                                        y=\"23.0391\"\n                                    >\n                                        {{ data.supsubtitle }}\n                                    </tspan>\n                                </text>\n                                <text\n                                    transform=\"translate(119.794 162.673) rotate(5.41942)\"\n                                    fill=\"white\"\n                                    xml:space=\"preserve\"\n                                    style=\"white-space: pre\"\n                                    font-size=\"28.4995\"\n                                    font-weight=\"bold\"\n                                    letter-spacing=\"-0.01em\"\n                                >\n                                    <tspan\n                                        x=\"11.3873\"\n                                        y=\"26.8\"\n                                    >\n                                        {{ data.subsubtitle }}\n                                    </tspan>\n                                </text>\n                            </g>\n                        </router-link>\n                    </svg>\n                </template>\n                <template v-else>\n                    <svg\n                        overflow=\"visible\"\n                        width=\"439\"\n                        height=\"234\"\n                        viewBox=\"0 0 439 234\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"mt-5 h-auto w-full md:mt-[100px] md:max-w-full xl:mt-[116px] 2xl:mt-[104px] 3xl:mt-[calc(10.9vw-104px)]\"\n                    >\n                        <path\n                            d=\"M0.000183105 155.562V15.8151C0.000183105 7.071 5.1662 0 11.5557 0H366.987C369.733 0 372.398 1.35738 374.491 3.78804L434.145 73.6773C439.528 79.9907 439.528 91.3864 434.145 97.7314L374.491 167.589C372.398 170.051 369.733 171.377 366.987 171.377H11.5557C5.1662 171.377 0.000183105 164.306 0.000183105 155.562Z\"\n                            class=\"fill-current\"\n                            :class=\"['text-' + titleColor]\"\n                        />\n\n                        <text\n                            x=\"50%\"\n                            y=\"74\"\n                            font-weight=\"bold\"\n                            font-size=\"43px\"\n                            text-anchor=\"middle\"\n                            transform=\"translate(-9 0)\"\n                            class=\"fill-current text-white\"\n                        >\n                            {{ data.suptitle }}\n                        </text>\n                        <text\n                            x=\"50%\"\n                            y=\"116\"\n                            font-weight=\"bold\"\n                            font-size=\"56px\"\n                            text-anchor=\"middle\"\n                            transform=\"translate(-9 0)\"\n                            class=\"fill-current text-white\"\n                        >\n                            {{ data.subtitle }}\n                        </text>\n\n                        <router-link\n                            v-if=\"data.supsubtitle && data.subsubtitle\"\n                            class=\"group\"\n                            :to=\"{ name: 'home.' + lang }\"\n                        >\n                            <path\n                                d=\"M307.917 224.589L313.322 167.624C313.778 162.813 311.305 158.654 307.79 158.321L112.265 139.771C110.754 139.628 109.218 140.235 107.939 141.463L82.3757 167.786C79.0847 170.978 78.4899 177.247 81.1203 181.018L101.28 211.661C102.303 213.125 103.699 213.993 105.21 214.136L300.735 232.686C304.25 233.019 307.461 229.399 307.917 224.589Z\"\n                                class=\"fill-current transition duration-500 group-hover:translate-y-[-3px] group-hover:drop-shadow-lg group-active:translate-y-0 group-active:drop-shadow-none group-active:duration-0\"\n                                :class=\"['text-' + color, 'group-hover:shadow-' + titleColor]\"\n                            />\n\n                            <g class=\"transition duration-500 group-hover:translate-y-[-3px] group-active:translate-y-0 group-active:duration-0\">\n                                <text\n                                    x=\"50%\"\n                                    y=\"167\"\n                                    font-weight=\"bold\"\n                                    font-size=\"24px\"\n                                    text-anchor=\"middle\"\n                                    transform=\"rotate(5 44.2515 109.463) translate(-17 0)\"\n                                    class=\"fill-current text-white\"\n                                >\n                                    {{ data.supsubtitle }}\n                                </text>\n                                <text\n                                    x=\"50%\"\n                                    y=\"190\"\n                                    font-weight=\"bold\"\n                                    font-size=\"24px\"\n                                    text-anchor=\"middle\"\n                                    transform=\"rotate(5 44.2515 109.463) translate(-17 0)\"\n                                    class=\"fill-current text-white\"\n                                >\n                                    {{ data.subsubtitle }}\n                                </text>\n                            </g>\n                        </router-link>\n\n                        <g v-else>\n                            <rect\n                                x=\"67.436\"\n                                y=\"155.873\"\n                                width=\"271.455\"\n                                height=\"81.4366\"\n                                rx=\"10.8582\"\n                                class=\"rotate-[-3deg] fill-current transition duration-500\"\n                                :class=\"['text-' + color]\"\n                            />\n                            <text\n                                x=\"50%\"\n                                y=\"213\"\n                                font-size=\"48.8px\"\n                                text-anchor=\"middle\"\n                                font-weight=\"bold\"\n                                class=\"translate-x-[-14px] rotate-[-3deg] fill-current text-white\"\n                            >\n                                {{ data.supsubtitle }}\n                            </text>\n                        </g>\n                    </svg>\n                </template>\n            </div>\n            <template v-if=\"typePersonnage == 'svg' && data.personnageEntete\">\n                <div\n                    class=\"relative mt-[14px] w-[295px] max-w-4/10 md:max-w-full 3xl:mt-[calc(3.4vw-14px)] 3xl:w-[16.4vw]\"\n                    v-html=\"data.personnageEntete.inline\"\n                />\n            </template>\n            <template v-else-if=\"typePersonnage == 'img' && personnageImage\">\n                <div class=\"relative mt-[14px] w-[295px] max-w-4/10 md:max-w-full 3xl:mt-[calc(3.4vw-14px)] 3xl:w-[16.4vw]\">\n                    <img\n                        class=\"mx-auto max-h-[175px] md:max-h-[350px]\"\n                        :src=\"personnageImage[0].url\"\n                    />\n                </div>\n            </template>\n        </div>\n        <div\n            class=\"w-full px-6 xl:px-20\"\n            :class=\"['text-' + titleColor]\"\n        >\n            <div\n                v-if=\"suptitle !== ''\"\n                class=\"Header__suptitle font-light print:hidden md:font-medium\"\n            >\n                <span class=\"Recipe__category\">{{ suptitle }}</span>\n            </div>\n            <h1\n                class=\"Header__title h2 mb-2 text-balance print:text-dark-gray\"\n                :class=\"['text-' + titleColor]\"\n                v-html=\"title !== '' ? title : data.title\"\n            />\n            <div\n                v-if=\"subtitle !== ''\"\n                class=\"Header__subtitle font-light print:hidden md:font-medium\"\n            >\n                <span\n                    class=\"Recipe__category\"\n                    v-html=\"formatSubtitle(subtitle)\"\n                ></span>\n            </div>\n            <div class=\"Header__breadcrumbs mb-6 flex text-xs print:hidden md:justify-center lg:text-base\">\n                <Breadcrumbs\n                    :entry=\"data.sectionHandle\"\n                    :crumbs=\"crumbs\"\n                />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","WaveTopSmall","allCrumbs","ref","store","useStore","props","__props","variables","computed","data","__temp","__restore","_withAsyncContext","useQuery","formatSubtitle","text"],"mappings":"4MAEA,MAAMA,EAAa,CACjB,MAAO,MACP,OAAQ,MACR,QAAS,cACT,MAAO,4BACT,EACMC,EAA0BC,EAAoB,OAAQ,CAC1D,YAAa,UACb,YAAa,UACb,EAAG,qGACH,OAAQ,MACV,EAAG,KAAM,EAAE,EACLC,EAAa,CACjBF,CACF,EAEO,SAASG,EAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,EAAY,CAAC,GAAGG,CAAU,CAAC,CAC9E,CACA,MAAeM,EAAA,CAAE,OAAQL,CAAM,sVCf/B,MAAMM,EAAYC,EAAI,CAAA,CAAE,EAElBC,EAAQC,EAAQ,EAEhBC,EAAQC,EAWRC,EAAYC,EAAS,KAAO,CAC9B,KAAML,EAAM,KAAK,MACjB,KAAME,EAAM,KAChB,EAAE,EAEI,CAAE,KAAAI,CAAM,GAAS,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAS,CAC5B,UAAAN,EACA,MAAO,ixDA+DX,CAAC,CAAA,mBAED,OAAIE,EAAK,OAASA,EAAK,MAAM,OAASA,EAAK,MAAM,MAAM,aAAeA,EAAK,MAAM,MAAM,YAAY,OAAS,IACxGR,EAAU,MAAQQ,EAAK,MAAM,MAAM,aAEnCJ,EAAM,QAAUA,EAAM,OAAO,OAAS,IACtCJ,EAAU,MAAQA,EAAU,MAAM,OAAOI,EAAM,MAAM,w4HC3CzD,SAASS,EAAeC,EAAM,CAC1B,OAAOA,EAAK,QAAQ,OAAQ,gBAAgB,CAChD"}