{"version":3,"file":"header-25fb1253.js","sources":["../../../resources/front/js/components/header/HeaderNavItem.vue","../../../resources/front/js/components/header/HeaderSecondaryNav.vue","../../../resources/front/js/components/header/HeaderComponent.vue","../../../resources/front/js/sections/header.js"],"sourcesContent":["<template>\n    <component\n        class=\"header-nav-item\"\n        v-if=\"item && item.title\"\n        :is=\"hasChildren ? 'span' : 'a'\"\n        :href=\"hasChildren ? null : getLink(item)\"\n        :target=\"item.is_external ? '_blank' : '_self'\"\n    >\n        <span>\n            {{ item?.title ?? '' }}\n        </span>\n\n        <slot name=\"icon-slot\"></slot>\n    </component>\n</template>\n\n<script setup>\n    import { computed } from 'vue';\n\n    const props = defineProps(['item']);\n\n    const hasChildren = computed(() => {\n      return Array.isArray(props.item?.children) && props.item.children.length > 0;\n    });\n\n    const getLink = (item) => {\n      let link = item.url;\n\n      if ('anchor' in item && item.anchor) {\n        if (item.anchor.includes('#')) {\n          link += item.anchor;\n        } else {\n          link += '#' + item.anchor;\n        }\n      }\n\n      if ('query_string' in item && item.query_string) {\n        if (item.query_string.includes('?')) {\n          link += item.query_string;\n        } else {\n          link += '?' + item.query_string;\n        }\n      }\n      return link;\n    };\n</script>","<template>\n  <div v-if=\"hasItems\" class=\"header-secondary-nav\">\n    <div class=\"header-secondary-nav__inner\">\n      <swiper class=\"header-secondary-nav__swiper\" ref=\"swiperRef\" slides-per-view=\"auto\" :space-between=\"40\" @swiper=\"onSwiper\" :resistance=\"true\" :resistance-ratio=\"1\">\n        <template v-for=\"(item, index) in items\" :key=\"index\">\n          <swiper-slide v-if=\"!item.is_hidden_in_navigation\" class=\"header-secondary-nav__item\">\n            <a class=\"header-secondary-nav__link\" :class=\"{ 'is-current': item.is_current }\" :href=\"item.url\">\n              {{ item.title }}\n            </a>\n          </swiper-slide>\n        </template>\n      </swiper>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, onMounted } from 'vue';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport {isNumber} from \"../../utils/numbers\";\n\nconst props = defineProps({\n  items: {\n    type: Array,\n    required: true,\n  },\n});\n\nconst hasItems = computed(() => {\n  return Array.isArray(props.items) && props.items.length > 0;\n});\n\nconst activeItemIndex = computed(() => {\n  if(Array.isArray(props.items)) {\n    const index = props.items.findIndex(item => item.is_current);\n    return index > 0 ? index : 0;\n  }\n\n  return 0;\n});\n\nconst onSwiper = swiper => {\n  const activeIndex = activeItemIndex.value;\n\n  if(isNumber(activeIndex)) {\n    swiper.slideTo(activeItemIndex.value, 0)\n  }\n}\n\nonMounted(() => {\n  document.body.classList.toggle('has-secondary-nav', hasItems.value);\n});\n</script>\n","<template>\n    <div class=\"header\"\n        :class=\"{\n           'sub-nav-opened': levels[1].selectedItem,\n           'mobile-nav-opened': isMobileNavOpen,\n        }\"\n        @click=\"e => e.stopPropagation()\"\n    >\n        <div class=\"header__inner\">\n            <HeaderContacts\n                class=\"header__inner-container is-contacts\"\n                :phone-data=\"phoneData\"\n                :quote-button-data=\"quoteButtonData\"\n                :header-contacts-nav=\"headerContactsNav\"\n            />\n\n            <div class=\"header__inner-container container is-main\">\n                <a href=\"/\" class=\"header__logo\">\n                    <img src=\"/images/logo.png\" alt=\"Main Logo\">\n                </a>\n\n                <ul class=\"header__nav\">\n                    <li\n                        class=\"header__nav-item\"\n                        :class=\"{\n                            'is-bleak': levels[1].selectedItem,\n                            'is-active': levels[1].selectedItem === firstLevelItem\n                        }\"\n                        v-for=\"firstLevelItem in navItems\"\n                    >\n                        <HeaderNavItem\n                            class=\"header__main-link\"\n                            :class=\"{'is-active': levels[1].selectedItem === firstLevelItem}\"\n                            :item=\"firstLevelItem\"\n                            @click=\"setLevelItem(1, firstLevelItem)\"\n                        >\n                            <template v-slot:icon-slot>\n                                <svg\n                                    viewBox=\"0 0 17 11\">\n                                    <use xlink:href=\"#icon-dropdown-down\"/>\n                                </svg>\n                            </template>\n                        </HeaderNavItem>\n                    </li>\n\n                    <li class=\"header__nav-item is-search\">\n                        <a href=\"/search\">\n                            <svg viewBox=\"0 0 19 19\">\n                                <use xlink:href=\"#icon-search\"/>\n                            </svg>\n                        </a>\n                    </li>\n                </ul>\n\n                <div class=\"header__nav is-mobile\">\n                    <li class=\"header__nav-item is-search\">\n                        <a href=\"/search\">\n                            <svg viewBox=\"0 0 19 19\">\n                                <use xlink:href=\"#icon-search\"/>\n                            </svg>\n                        </a>\n                    </li>\n\n                    <HeaderMobileNavButton\n                        class=\"header__mobile-nav-button is-open\"\n                        type=\"open\"\n                        aria-label=\"Open Mobile Nav\"\n                        @click=\"openMobileNav\"\n                    />\n                </div>\n            </div>\n\n            <HeaderSecondaryNav\n                :items=\"secondaryNavItems\"\n            />\n        </div>\n\n        <HeaderSubNav\n            :nav-items=\"navItems\"\n            :levels=\"levels\"\n            @setLevelItem=\"(level, item) => setLevelItem(level, item)\"\n            @setLevelHoveredItem=\"(level, item) => setLevelHoveredItem(level, item)\"\n        />\n\n        <HeaderMobileNav\n            :nav-items=\"navItems\"\n            :levels=\"levels\"\n            :is-mobile-nav-open=\"isMobileNavOpen\"\n            :header-contacts-nav=\"headerContactsNav\"\n            @closeMobileNav=\"closeMobileNav\"\n            @setLevelItem=\"(level, item) => setLevelItem(level, item)\"\n            @setLevelHoveredItem=\"(level, item) => setLevelHoveredItem(level, item)\"\n            @clearUpToLevel=\"(level) => clearUpToLevel(level)\"\n        />\n    </div>\n</template>\n\n<script setup>\n    import { reactive, ref, watch, computed, onMounted, onUnmounted } from 'vue';\n    import HeaderNavItem from './HeaderNavItem.vue';\n    import HeaderSecondaryNav from './HeaderSecondaryNav.vue';\n    import HeaderSubNav from './HeaderSubNav.vue';\n    import HeaderMobileNav from './HeaderMobileNav.vue';\n    import HeaderMobileNavButton from './HeaderMobileNavButton.vue';\n    import HeaderContacts from './HeaderContacts.vue';\n    import ScrollLock from '../../utils/scrollLock';\n\n    const props = defineProps({\n        items: {\n            type: Array,\n            required: true,\n        },\n        secondaryNavItems: {\n            type: Array,\n            required: true\n        },\n        phoneData: {\n            type: Object,\n        },\n        quoteButtonData: {\n            type: Object,\n        },\n        headerContactsNav: {\n            type: Object,\n        }\n    });\n\n    // mobile nav\n    const isMobileNavOpen = ref(false);\n\n    function openMobileNav () {\n        isMobileNavOpen.value = true;\n    }\n\n    function closeMobileNav () {\n        isMobileNavOpen.value = false;\n        clearUpToLevel(1);\n    }\n\n    // for scroll handler\n    let lastScrollY = 0;\n    const selectors = {\n        up: 'is-scrolled-up',\n        down: 'is-scrolled-down',\n        subNavOpened: 'sub-nav-opened',\n    };\n\n    const scrollLock = new ScrollLock(document.body);\n    const isScrolledUp = ref(null); // needed to register first mutation to boolean\n    const navItems = reactive(props.items ?? []);\n\n    function outsideClickHandler() {\n        clearUpToLevel(1);\n    }\n\n    onMounted(() => {\n        document.addEventListener('click', outsideClickHandler);\n        document.addEventListener('keyup', onEscapeHandler);\n        window.addEventListener('scroll', onScrollHandler, { passive: true });\n    });\n\n    onUnmounted(() => {\n        document.removeEventListener('click', outsideClickHandler);\n        document.removeEventListener('keyup', onEscapeHandler);\n        window.removeEventListener('scroll', onScrollHandler);\n    });\n\n    watch(isScrolledUp, newValue => {\n        if (!newValue) {\n            clearUpToLevel(1);\n        }\n    });\n\n    watch(isMobileNavOpen, (value) => {\n        if (value) {\n            scrollLock.lock();\n        } else {\n            document.body.classList.remove('sub-nav-opened');\n            scrollLock.unlock();\n        }\n    });\n\n    const levels = reactive({\n        1: {\n            selectedItem: null,\n        },\n        2: {\n            selectedItem: null,\n            hoveredItem: null,\n        },\n        3: {\n            hoveredItem: null,\n        }\n    });\n\n    const levelsQty = computed(() => Object.keys(levels).length);\n\n    watch(levels[1], () => {\n        // ignore if mobile nav is open\n        if(isMobileNavOpen.value) {\n            return;\n        }\n\n        if (levels[1].selectedItem) {\n            document.body.classList.add('sub-nav-opened');\n            scrollLock.lock();\n        } else {\n            document.body.classList.remove('sub-nav-opened');\n            scrollLock.unlock();\n        }\n    });\n\n    function setLevelItem(level, item) {\n        if (!item || !hasChildren(item) || levels[level].selectedItem === item) {\n            clearUpToLevel(level, false);\n            return;\n        }\n\n        levels[level].selectedItem = item;\n        clearUpToLevel(level + 1);\n    }\n\n    function clearUpToLevel(level, clearHoveredItem = true) {\n        if(!level || !levels[level]) return;\n\n        for (let i = levelsQty.value; i >= level; i--) {\n            if (levels[i].selectedItem !== undefined) {\n                levels[i].selectedItem = null;\n            }\n\n            if (clearHoveredItem && levels[i].hoveredItem !== undefined) {\n                levels[i].hoveredItem = null;\n            }\n        }\n    }\n\n    function setLevelHoveredItem(level, item) {\n        if(!level || !item) {\n            levels[level].hoveredItem = null;\n            return;\n        }\n\n        for(let i = 1; i <= levelsQty.value; i++) {\n            if(levels[i].hoveredItem !== undefined && i !== level) {\n                levels[i].hoveredItem = null\n            }\n\n            levels[level].hoveredItem = item;\n        }\n    }\n\n    function hasChildren(navItem) {\n        return navItem && navItem?.children?.length && navItem.children?.length > 0;\n    }\n\n    function onEscapeHandler(event) {\n        if (event.key === 'Escape') {\n            clearUpToLevel(1);\n        }\n    }\n\n    function onScrollHandler() {\n        // don't act if scrolllock is being used\n        if (document.body.classList.contains('is-locked')) return;\n        const scrollY = window.pageYOffset;\n\n        if (lastScrollY > 150) {\n            if (scrollY < lastScrollY) {\n                document.body.classList.add(selectors.up);\n                document.body.classList.remove(selectors.down);\n                isScrolledUp.value = true;\n            } else if (scrollY > lastScrollY) {\n                document.body.classList.remove(selectors.up);\n                document.body.classList.add(selectors.down);\n                isScrolledUp.value = false;\n            }\n        } else {\n            document.body.classList.remove(selectors.up);\n            document.body.classList.remove(selectors.down);\n        }\n\n        lastScrollY = scrollY > 0 ? scrollY : 0;\n    }\n</script>","import { AbstractComponent } from '@/utils/sections/abstract-component';\nimport { register } from '@/utils/sections/registration';\nimport { createApp } from 'vue/dist/vue.esm-bundler';\nimport HeaderComponent from '@/components/header/HeaderComponent.vue';\n\nexport class Header extends AbstractComponent {\n  init() {\n    this.app = createApp({});\n    this.app.component('HeaderComponent', HeaderComponent);\n    this.app.mount(this.el);\n  }\n\n  onUnload() {\n    this.app?.unmount();\n  }\n}\n\nregister('header', Header);"],"names":["hasChildren","computed","_a","props","getLink","item","link","hasItems","activeItemIndex","index","onSwiper","swiper","activeIndex","isNumber","onMounted","isMobileNavOpen","ref","openMobileNav","closeMobileNav","clearUpToLevel","lastScrollY","selectors","scrollLock","ScrollLock","isScrolledUp","navItems","reactive","outsideClickHandler","onEscapeHandler","onScrollHandler","onUnmounted","watch","newValue","value","levels","levelsQty","setLevelItem","level","clearHoveredItem","setLevelHoveredItem","navItem","_b","event","scrollY","Header","AbstractComponent","createApp","HeaderComponent","register"],"mappings":"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"}