{"version":3,"file":"NqpKmyuW.js","sources":["../../../../themes/libertel/resources/js/components/Header.vue"],"sourcesContent":["<template>\n    <header class=\"header\" role=\"banner\" itemscope itemtype=\"http://schema.org/WPHeader\"\n        :class=\"{ 'menu-opened': menuOpened }\">\n        <div class=\"inner-header\">\n            <slot name=\"logo\"></slot>\n\n            <div class=\"nav-wrapper\">\n                <div class=\"nav-aside\">\n                    <div class=\"btn-close\" @click=\"closeMenu\">\n                        <span class=\"icon-cross\"></span>\n                    </div>\n\n                    <div class=\"langs-wrapper\">\n                        <CustomSelect :max-height=\"1000\" :options=\"langs\" :model-value=\"selectedLang\"\n                            @update:model-value=\"selectLang\" :allow-empty=\"false\"></CustomSelect>\n\n                        <div class=\"btn-close-submenu\" @click=\"closeSubmenu\" :class=\"{ 'shown': submenuOpened !== false }\">\n                            <span class=\"arrow\"></span>\n                        </div>\n                    </div>\n                </div>\n\n                <nav class=\"nav-header\" role=\"navigation\" itemscope itemtype=\"http://schema.org/SiteNavigationElement\">\n                    <ul id=\"menu-header\" class=\"menu\">\n                        <li v-for=\"menuItem in menu\"\n                            :key=\"menuItem.ID\" \n                            :id=\"'menu-item-' + menuItem.ID\"\n                            :class=\"[\n                                {'current-menu-item': menuItem.current || menuItem.children?.some(c => c.current)},\n                                {'menu-item-has-children': menuItem.children},\n                                {'submenu-shown': menuItem.ID === submenuOpened},\n                                ...menuItem.classes]\"\n                            @mouseenter=\"overMenu(menuItem.ID, $event)\"\n                            @mouseleave.self=\"leaveMenu($event)\">\n                            <a :href=\"menuItem.url\" @click=\"clickMenu(menuItem.ID, $event)\">\n                                {{ menuItem.title }}\n                                <div class=\"btn-arrow\">\n                                    <div class=\"arrow arrow-right\"></div>\n                                </div>\n                            </a>\n                            <ul class=\"sub-menu\" v-if=\"menuItem.children\">\n                                <li v-for=\"subMenuItem in menuItem.children\"\n                                    :key=\"subMenuItem.ID\"\n                                    :id=\"'menu-item-' + subMenuItem.ID\"\n                                    :class=\"[{'current-menu-item': subMenuItem.current}, ...subMenuItem.classes]\">\n                                    <a :href=\"subMenuItem.url.indexOf('#') === 0 ? menuItem.url + subMenuItem.url : subMenuItem.url\" :data-menuhash=\"subMenuItem.hash\" @click=\"onClickSubMenuLink\">{{ subMenuItem.title }}</a>\n                                </li>\n                            </ul>\n                        </li>\n                    </ul>\n                </nav>\n\n                <a :href=\"bookingLink\" class=\"btn btn-blue btn-reserver\" target=\"_blank\">\n                    <span>{{ $filters.translate('reserver') }}</span>\n                </a>\n            </div>\n\n            <slot name=\"call\"></slot>\n\n            <div class=\"btn-menu\" @click=\"openMenu\">\n                <div class=\"line\"></div>\n                <div class=\"line\"></div>\n                <div class=\"line\"></div>\n            </div>\n        </div>\n    </header>\n</template>\n\n<script setup>\nimport dayjs from 'dayjs';\nimport { gsap } from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\nimport { useStore } from 'vuex';\nimport { computed, inject, onBeforeUnmount, onMounted, ref } from 'vue';\nimport CustomSelect from '@/components/CustomSelect.vue';\n\ngsap.registerPlugin(ScrollTrigger);\n\nconst props = defineProps({\n    hotelSelected: {\n        type: [Object, Boolean],\n        default: false\n    },\n    langs: {\n        type: Object,\n        default: () => { }\n    },\n    menu: {\n        type: Array,\n        default: () => []\n    },\n    switcherLangSelected: {\n        type: String,\n        default: ''\n    }\n});\n\nconst store = useStore();\n\nconst selectedLang = ref('');\nconst headerScrollInstance = ref(null);\n\nconst bookingLink = computed(() => {\n    let startDate = dayjs();\n    let url = props.hotelSelected\n        ? window.urlBaseBooking + window.bookingSettings['header_path_for_hotel'] + '?'\n        : window.urlBaseBooking + window.bookingSettings['header_path'] + '?headvar=ok&';\n\n    return url +\n        'lingua_int=' + bookingLang.value +\n        (!props.hotelSelected ? '&id_gruppo=' + configBookingLink.value.id_gruppo + '&dc_gruppo=' + configBookingLink.value.dc_gruppo : '') +\n        '&id_stile=' + (props.hotelSelected ? props.hotelSelected['booking_engine'].id_stile : configBookingLink.value.id_stile) +\n        '&dc=' + (props.hotelSelected ? props.hotelSelected['booking_engine'].dc : '') +\n        '&id_albergo=' + (props.hotelSelected ? props.hotelSelected['booking_engine'].id_albergo : '') +\n        '&gg=' + startDate.format('D') +\n        '&mm=' + startDate.format('M') +\n        '&aa=' + startDate.format('YYYY') +\n        '&notti_1=1' +\n        '&tot_adulti=1' +\n        '&tot_bambini=0' +\n        '&tot_camere=1';\n});\n\nconst submenuOpened = computed(() => store.state.submenuOpened);\nconst menuOpened = computed(() => store.state.menuOpened);\nconst configBookingLink = computed(() => store.state.configBookingLink);\nconst bookingLang = computed(() => store.getters.bookingLang);\n\nconst setMenuClicked = () => store.commit('setMenuClicked');\nconst openSubmenu = (menuId) => store.commit('openSubmenu', menuId);\nconst closeSubmenu = () => store.commit('closeSubmenu');\nconst openMenu = () => store.commit('openMenu');\nconst closeMenu = () => store.dispatch('closeMenu');\n\nconst clickMenu = (menuId, e) => {\n    setMenuClicked()\n    let menuItem = findMenuItem(menuId);\n    if (menuItem.children?.length > 0) {\n        if (menuItem.ID !== submenuOpened.value) {\n            e.preventDefault()\n        }\n\n        if (e.target.closest('.btn-arrow') || menuItem.current) {\n            e.preventDefault()\n            e.stopPropagation()\n\n            openSubmenu(menuId)\n        }\n    }\n};\n\nconst overMenu = (menuId, e) => {\n    let menuItem = findMenuItem(menuId);\n    if (menuItem.children?.length > 0 && !menuOpened.value) {\n        openSubmenu(menuId);\n    }\n};\n\nconst onClickSubMenuLink = (e) => {\n    const hash = e.target.dataset.menuhash;\n\n    if (hash) {\n        scrollToHash(hash);\n    }\n};\n\nconst scrollToHash = (hash) => {\n    if (hash && hash !== '') {\n        let anchorElement = document.querySelector(\n            '#' + hash + '-anchor'\n        );\n\n        if (anchorElement) {\n            let scrollTop =\n                anchorElement.getBoundingClientRect().top -\n                document.querySelector('header.header')\n                    .offsetHeight +\n                window.scrollY;\n\n            setTimeout(() => {\n                gsap.to(window, {\n                    scrollTo: { y: scrollTop },\n                    duration: 0.65,\n                    ease: 'power2.inOut',\n                });\n            }, 0);\n        }\n    }\n};\n\nconst leaveMenu = (e) => {\n    closeSubmenu()\n};\n\nconst findMenuItem = (menuId) => {\n    return props.menu.find(m => m.ID === menuId);\n};\n\nconst selectLang = (lang) => {\n    selectedLang.value = lang.value;\n    document.location.href = selectedLang.value\n}\n\nonMounted(() => {\n    selectedLang.value = props.switcherLangSelected;\n\n    setTimeout(() => {\n        headerScrollInstance.value = ScrollTrigger.create({\n            trigger: 'header.header',\n            endTrigger: 'footer.footer',\n            start: 'top top-=1px',\n            end: 'bottom top',\n            toggleClass: 'scrolled'\n        });\n    }, 100);\n})\n\nonBeforeUnmount(() => {\n    closeSubmenu();\n\n    if (headerScrollInstance.value) {\n        headerScrollInstance.value.kill();\n        headerScrollInstance.value = null;\n    }\n});\n</script>"],"names":["gsap","ScrollTrigger","props","__props","store","useStore","selectedLang","ref","headerScrollInstance","bookingLink","computed","startDate","dayjs","bookingLang","configBookingLink","submenuOpened","menuOpened","setMenuClicked","openSubmenu","menuId","closeSubmenu","openMenu","closeMenu","clickMenu","e","menuItem","findMenuItem","_a","overMenu","onClickSubMenuLink","hash","scrollToHash","anchorElement","scrollTop","leaveMenu","m","selectLang","lang","onMounted","onBeforeUnmount"],"mappings":"0jCA4EAA,EAAK,eAAeC,CAAa,EAEjC,MAAMC,EAAQC,EAmBRC,EAAQC,EAAQ,EAEhBC,EAAeC,EAAI,EAAE,EACrBC,EAAuBD,EAAI,IAAI,EAE/BE,EAAcC,EAAS,IAAM,CAC/B,IAAIC,EAAYC,IAKhB,OAJUV,EAAM,cACV,OAAO,eAAiB,OAAO,gBAAgB,sBAA2B,IAC1E,OAAO,eAAiB,OAAO,gBAAgB,YAAiB,gBAGlE,cAAgBW,EAAY,OAC1BX,EAAM,cAAwH,GAAxG,cAAgBY,EAAkB,MAAM,UAAY,cAAgBA,EAAkB,MAAM,WACpH,cAAgBZ,EAAM,cAAgBA,EAAM,cAAc,eAAkB,SAAWY,EAAkB,MAAM,UAC/G,QAAUZ,EAAM,cAAgBA,EAAM,cAAc,eAAkB,GAAK,IAC3E,gBAAkBA,EAAM,cAAgBA,EAAM,cAAc,eAAkB,WAAa,IAC3F,OAASS,EAAU,OAAO,GAAG,EAC7B,OAASA,EAAU,OAAO,GAAG,EAC7B,OAASA,EAAU,OAAO,MAAM,EAChC,oDAIR,CAAC,EAEKI,EAAgBL,EAAS,IAAMN,EAAM,MAAM,aAAa,EACxDY,EAAaN,EAAS,IAAMN,EAAM,MAAM,UAAU,EAClDU,EAAoBJ,EAAS,IAAMN,EAAM,MAAM,iBAAiB,EAChES,EAAcH,EAAS,IAAMN,EAAM,QAAQ,WAAW,EAEtDa,EAAiB,IAAMb,EAAM,OAAO,gBAAgB,EACpDc,EAAeC,GAAWf,EAAM,OAAO,cAAee,CAAM,EAC5DC,EAAe,IAAMhB,EAAM,OAAO,cAAc,EAChDiB,EAAW,IAAMjB,EAAM,OAAO,UAAU,EACxCkB,EAAY,IAAMlB,EAAM,SAAS,WAAW,EAE5CmB,EAAY,CAACJ,EAAQK,IAAM,OAC7BP,EAAgB,EAChB,IAAIQ,EAAWC,EAAaP,CAAM,IAC9BQ,EAAAF,EAAS,WAAT,YAAAE,EAAmB,QAAS,IACxBF,EAAS,KAAOV,EAAc,OAC9BS,EAAE,eAAgB,GAGlBA,EAAE,OAAO,QAAQ,YAAY,GAAKC,EAAS,WAC3CD,EAAE,eAAgB,EAClBA,EAAE,gBAAiB,EAEnBN,EAAYC,CAAM,GAG9B,EAEMS,EAAW,CAACT,EAAQK,IAAM,SAExBG,EADWD,EAAaP,CAAM,EACrB,WAAT,YAAAQ,EAAmB,QAAS,GAAK,CAACX,EAAW,OAC7CE,EAAYC,CAAM,CAE1B,EAEMU,EAAsB,GAAM,CAC9B,MAAMC,EAAO,EAAE,OAAO,QAAQ,SAE1BA,GACAC,EAAaD,CAAI,CAEzB,EAEMC,EAAgBD,GAAS,CAC3B,GAAIA,GAAQA,IAAS,GAAI,CACrB,IAAIE,EAAgB,SAAS,cACzB,IAAMF,EAAO,SACzB,EAEQ,GAAIE,EAAe,CACf,IAAIC,EACAD,EAAc,sBAAqB,EAAG,IACtC,SAAS,cAAc,eAAe,EACjC,aACL,OAAO,QAEX,WAAW,IAAM,CACbhC,EAAK,GAAG,OAAQ,CACZ,SAAU,CAAE,EAAGiC,CAAW,EAC1B,SAAU,IACV,KAAM,cAC1B,CAAiB,CACJ,EAAE,CAAC,CACP,CACJ,CACL,EAEMC,EAAa,GAAM,CACrBd,EAAc,CAClB,EAEMM,EAAgBP,GACXjB,EAAM,KAAK,KAAKiC,GAAKA,EAAE,KAAOhB,CAAM,EAGzCiB,EAAcC,GAAS,CACzB/B,EAAa,MAAQ+B,EAAK,MAC1B,SAAS,SAAS,KAAO/B,EAAa,KAC1C,EAEA,OAAAgC,EAAU,IAAM,CACZhC,EAAa,MAAQJ,EAAM,qBAE3B,WAAW,IAAM,CACbM,EAAqB,MAAQP,EAAc,OAAO,CAC9C,QAAS,gBACT,WAAY,gBACZ,MAAO,eACP,IAAK,aACL,YAAa,UACzB,CAAS,CACJ,EAAE,GAAG,CACV,CAAC,EAEDsC,EAAgB,IAAM,CAClBnB,IAEIZ,EAAqB,QACrBA,EAAqB,MAAM,OAC3BA,EAAqB,MAAQ,KAErC,CAAC"}