{"version":3,"file":"js/1282.06386b6d.js","mappings":"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","sources":["webpack://main/./src/assets/icons/divider-icon.vue","webpack://main/./src/assets/icons/divider-icon.vue?2aa2","webpack://main/./src/assets/icons/phone-icon.vue","webpack://main/./src/assets/icons/phone-icon.vue?7c68","webpack://main/./src/assets/icons/contact-us-icon.vue","webpack://main/./src/assets/icons/contact-us-icon.vue?da08","webpack://main/./src/assets/icons/faq-icon.vue","webpack://main/./src/assets/icons/faq-icon.vue?18ed","webpack://main/./src/assets/icons/arrow-down-icon.vue","webpack://main/./src/assets/icons/arrow-down-icon.vue?56d2","webpack://main/./src/components/common/ButtonCircle.vue","webpack://main/./src/components/common/ButtonCircle.vue?262c","webpack://main/./src/components/header/Header.vue","webpack://main/./src/components/header/Header.vue?c451"],"sourcesContent":["<template>\r\n  <svg\r\n      width=\"9\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 8 18\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      :style=\"{transform: 'rotate(12deg)'}\"\r\n  >\r\n    <path d=\"M7 1L3 17\" stroke=\"black\" stroke-width=\"0.5\"/>\r\n    <path d=\"M5 1L1 17\" stroke=\"#D8222A\" stroke-width=\"0.5\"/>\r\n    <path d=\"M6 1L2 17\" stroke=\"#767776\" stroke-width=\"0.5\"/>\r\n  </svg>\r\n</template>\r\n","import { render } from \"./divider-icon.vue?vue&type=template&id=c50e7dfc\"\nconst script = {}\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path d=\"M19.9109 17.3082C20.1497 16.5907 19.8809 15.5444 19.4322 15.0363C18.9841 14.5282 16.1322 12.7432 15.7247 12.6445C14.8579 12.4351 13.9491 14.5582 13.3554 14.4863C12.1604 14.3413 10.3892 13.332 8.46043 11.5389C6.66671 9.61075 5.65797 7.83953 5.51234 6.64391C5.44047 6.05017 7.56357 5.14081 7.3542 4.27394C7.25607 3.86707 5.47172 1.01586 4.96298 0.567737C4.45423 0.119617 3.40862 -0.15038 2.69113 0.0896175C1.97364 0.32774 -0.0375899 2.19959 0.000534651 3.61708C0.0305343 4.72331 0.939899 8.26265 6.33858 13.6613C11.7373 19.06 15.2772 19.9688 16.3828 19.9988C17.7997 20.0369 19.6716 18.0257 19.9109 17.3082Z\" fill=\"#243746\"/>\r\n  </svg>\r\n</template>\r\n","import { render } from \"./phone-icon.vue?vue&type=template&id=630d699c\"\nconst script = {}\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"14\" viewBox=\"0 0 19 14\" fill=\"none\">\r\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.8134 8.24507L9.5019 10.0511L12.0935 8.29453L17.9028 13.9253C17.7498 13.9739 17.5864 14 17.4163 14H1.58365C1.37465 14 1.17515 13.9599 0.991801 13.888L6.8134 8.24507ZM19 3.6176V12.4441C19 12.6747 18.9487 12.8931 18.8575 13.09L13.1632 7.57027L19 3.6176ZM8.96422e-07 3.66707L5.7399 7.5236L0.100701 12.9911C0.0339119 12.8162 -0.000201622 12.6309 8.96422e-07 12.4441V3.66707ZM17.4163 0C18.2903 0 19 0.696266 19 1.55587V2.1028L9.4981 8.53813L8.96422e-07 2.156V1.55587C8.96422e-07 0.6972 0.708701 0 1.58365 0H17.4163Z\" fill=\"#243746\"/>\r\n  </svg>\r\n</template>","import { render } from \"./contact-us-icon.vue?vue&type=template&id=74ef69f0\"\nconst script = {}\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path d=\"M11.2184 5.1863C10.5651 5.1863 9.93974 5.2703 9.34241 5.4383C8.74507 5.58763 8.11974 5.83963 7.46641 6.1943L6.51441 3.5903C7.20507 3.1983 7.98907 2.8903 8.86641 2.6663C9.76241 2.42363 10.6771 2.3023 11.6104 2.3023C12.7304 2.3023 13.6544 2.46096 14.3824 2.7783C15.1104 3.07696 15.6891 3.45963 16.1184 3.9263C16.5477 4.39296 16.8464 4.9063 17.0144 5.4663C17.1824 6.0263 17.2664 6.56763 17.2664 7.0903C17.2664 7.72496 17.1451 8.2943 16.9024 8.7983C16.6784 9.3023 16.3891 9.76896 16.0344 10.1983C15.6797 10.6276 15.2971 11.0383 14.8864 11.4303C14.4757 11.8036 14.0931 12.1956 13.7384 12.6063C13.3837 12.9983 13.0851 13.4183 12.8424 13.8663C12.6184 14.3143 12.5064 14.8183 12.5064 15.3783C12.5064 15.4716 12.5064 15.5836 12.5064 15.7143C12.5064 15.8263 12.5157 15.9383 12.5344 16.0503H9.62241C9.58507 15.8636 9.55707 15.6676 9.53841 15.4623C9.51974 15.2383 9.51041 15.033 9.51041 14.8463C9.51041 14.2303 9.61307 13.6796 9.81841 13.1943C10.0237 12.709 10.2851 12.261 10.6024 11.8503C10.9197 11.4396 11.2557 11.057 11.6104 10.7023C11.9837 10.3476 12.3291 9.99296 12.6464 9.6383C12.9637 9.28363 13.2251 8.91963 13.4304 8.5463C13.6357 8.17296 13.7384 7.7623 13.7384 7.3143C13.7384 6.6983 13.5237 6.1943 13.0944 5.8023C12.6837 5.39163 12.0584 5.1863 11.2184 5.1863ZM13.4024 20.3063C13.4024 20.9596 13.1877 21.4916 12.7584 21.9023C12.3291 22.313 11.7971 22.5183 11.1624 22.5183C10.5464 22.5183 10.0144 22.313 9.56641 21.9023C9.13707 21.4916 8.92241 20.9596 8.92241 20.3063C8.92241 19.653 9.13707 19.121 9.56641 18.7103C10.0144 18.281 10.5464 18.0663 11.1624 18.0663C11.7971 18.0663 12.3291 18.281 12.7584 18.7103C13.1877 19.121 13.4024 19.653 13.4024 20.3063Z\" fill=\"#243746\"/>\r\n  </svg>\r\n</template>\r\n","import { render } from \"./faq-icon.vue?vue&type=template&id=5a503ccd\"\nconst script = {}\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path d=\"M4 6L0.535898 0L7.4641 0L4 6Z\" fill=\"black\"/>\r\n  </svg>\r\n</template>\r\n","import { render } from \"./arrow-down-icon.vue?vue&type=template&id=283cab1b\"\nconst script = {}\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <a :href=\"`tel:${phone}`\" v-if=\"phone\" class=\"button-circle scale-effect d-flex justify-content-center align-items-center\">\r\n      <slot />\r\n  </a>\r\n  <a :href=\"href\" v-else-if=\"hyperlink\" class=\"button-circle scale-effect d-flex justify-content-center align-items-center\" :target=\"isExternalLink(href) ? '_blank' : null\">\r\n    <slot />\r\n  </a>\r\n  <button type=\"button\" class=\"button-circle scale-effect d-flex justify-content-center align-items-center\" v-else>\r\n    <slot />\r\n  </button>\r\n</template>\r\n\r\n<script>\r\nimport {isExternalLink} from \"@/utils/utils\";\r\nexport default {\r\n  props: {\r\n    phone: String,\r\n    hyperlink: Boolean,\r\n    href: String\r\n  },\r\n  data(){\r\n    return {\r\n      isExternalLink\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render } from \"./ButtonCircle.vue?vue&type=template&id=f6a3aa22\"\nimport script from \"./ButtonCircle.vue?vue&type=script&lang=js\"\nexport * from \"./ButtonCircle.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\Host\\\\front-end\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <!-- Modals -->\r\n  <CompaniesModal :company=\"header.company\" />\r\n  <CookiesModal v-bind=\"header.cookie\" />\r\n  <SearchModal title=\"What are you looking for?\" placeholder=\"enter keywords\" btn-text=\"Search\" href=\"/\" />\r\n  <!--   Modals end -->\r\n  <div class=\"header-wrapper\">\r\n<!--    <HeaderAlert content=\"<p>Lorem ipsum dolor sit</p>\" />-->\r\n    <!--  Burger-->\r\n    <div class=\"offcanvas offcanvas-top\"\r\n      tabindex=\"-1\" id=\"offcanvasBurger\"\r\n      aria-labelledby=\"offcanvasTopLabel\"\r\n    >\r\n      <div class=\"offcanvas-body container\">\r\n        <div class=\"accordion-burger\" id=\"accordionBurger\">\r\n          <div class=\"accordion-item\" v-for=\"(nav, index) in header.navigation\">\r\n            <div class=\"accordion-header d-flex\" :id=\"`heading${nav.id}`\">\r\n              <Link :href=\"nav.url\">{{ nav.title }}</Link>\r\n              <button\r\n                  class=\"accordion-button\"\r\n                  type=\"button\"\r\n                  data-bs-toggle=\"collapse\"\r\n                  :data-bs-target=\"`#collapse-${index}`\"\r\n                  aria-expanded=\"true\"\r\n                  :aria-controls=\"`#collapse-${index}`\"\r\n                  @click=\"toggleAccordion(index)\"\r\n                  :class=\"{'border-0': isOpen[index]}\"\r\n              >\r\n            </button>\r\n            </div>\r\n            <div\r\n                :id=\"`#collapse-${index}`\"\r\n                class=\"accordion-collapse collapse\"\r\n                :aria-labelledby=\"`heading${nav.id}`\"\r\n                data-bs-parent=\"#accordionBurger\"\r\n                :class=\"{'show': isOpen[index]}\"\r\n            >\r\n              <div class=\"accordion-body\">\r\n                <ul>\r\n                  <li v-for=\"item in nav.children\" :key=\"item.id\">\r\n                    <Link :href=\"item.link\" class=\"d-block\">{{ item.title }}</Link>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"d-flex buttons\">\r\n          <ButtonCircle hyperlink :href=\"header.info.serviceCenter.link\" class=\"me-3\">\r\n            <FaqIcon />\r\n          </ButtonCircle>\r\n          <ButtonCircle>\r\n            <button type=\"button\" class=\"d-flex justify-content-center btn-nulled px-0\" data-bs-toggle=\"modal\" data-bs-target=\"#searchModal\">\r\n              <SearchIcon />\r\n            </button>\r\n          </ButtonCircle>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--  Burger end-->\r\n    <header class=\"header d-flex align-items-center\">\r\n      <section class=\"container header-main\">\r\n        <div class=\"row\">\r\n          <div class=\"col-9 col-lg-5 d-flex align-items-center\">\r\n            <div class=\"d-flex align-items-center ms-md-3\">\r\n              <Link href=\"/\">\r\n                <img :src=\"header.company.logo.imgLink\" class=\"website-logo\" :alt=\"header.company.logo.altText\" width=\"150\" height=\"86\">\r\n              </Link>\r\n              <DividerIcon class=\"mt-3 mx-2 mx-sm-3 mx-md-4 mx-lg-4\" />\r\n              <div class=\"d-flex align-items-center header-logo-list\">\r\n                <div class=\"sublogo-container\">\r\n                  <p v-if=\"header.company.title && header.company.sublogoImg.imgLink\">{{ header.company.title }}</p>\r\n                  <p v-else>See all company brands:</p>\r\n                  <button type=\"button\" class=\"btn-nulled d-flex flex-column align-items-center p-0\" data-bs-toggle=\"modal\" data-bs-target=\"#companiesModal\">\r\n                    <img :src=\"[header.company.sublogoImg.imgLink || altLogo]\" :alt=\"[header.company.sublogoImg.altText || 'sublogo-image']\" class=\"header-sublogo d-block\" width=\"125\" height=\"30\">\r\n                    <TriangleMini class=\"mt-2\" />\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-3 col-lg-7 d-flex justify-content-end align-items-center\">\r\n            <div class=\"d-none d-lg-flex flex-column align-items-end\">\r\n              <div class=\"info-nav d-flex\">\r\n                <div class=\"info-nav__buttons d-flex\">\r\n                  <ButtonCircle hyperlink :href=\"header.info.contactUs.link\" class=\"mx-3 icon-effect\">\r\n                    <contact-us-icon />\r\n                  </ButtonCircle>\r\n                  <ButtonCircle hyperlink :href=\"header.info.serviceCenter.link\" class=\"me-3 icon-effect\">\r\n                    <FaqIcon />\r\n                  </ButtonCircle>\r\n                  <ButtonCircle data-bs-toggle=\"modal\" data-bs-target=\"#searchModal\" class=\"icon-effect-stroke\">\r\n                    <SearchIcon />\r\n                  </ButtonCircle>\r\n                </div>\r\n                <ButtonRed class=\"ms-3\" :text=\"header.info.phone.text\" :phone=\"header.info.phone.phoneNumber\" />\r\n              </div>\r\n              <nav class=\"d-flex\" >\r\n                <!--                v-on-click-outside=\"() => closeNavigation(index, true)\"-->\r\n                <!--                :class=\"{'show': showNav[index]}\"-->\r\n                <div\r\n                    v-for=\"(item, index) in header.navigation\"\r\n                    :key=\"item.id\"\r\n                    ref=\"droplistRef\"\r\n                    class=\"nav-dropdown position-relative\"\r\n                >\r\n                  <div class=\"d-flex align-items-center\">\r\n                    <Link :href=\"item.url\" class=\"btn-nulled underline-effect p-0 fw-bold menu-item d-inline-block me-1 text-nowrap\" :class=\"{'nav-active': item.isActive }\">{{ item.title }}</Link>\r\n                    <ArrowDownIcon />\r\n                  </div>\r\n                  <div class=\"nav-dropdown__droplist position-absolute d-none\">\r\n                    <div class=\"nav-dropdown__droplist-border d-flex p-1\">\r\n                      <div class=\"nav-dropdown__droplist-border__triangle\" ref=\"triangleRef\"></div>\r\n                      <div class=\"d-flex nav-dropdown__droplist-wrapper\">\r\n                        <ul\r\n                            class=\"w-100 nav-dropdown__droplist-column me-3\"\r\n                            v-for=\"column in chunkArray(item.children, 7)\"\r\n                            :key=\"column.id\"\r\n                        >\r\n                          <li\r\n                              class=\"nav-dropdown__droplist-item\"\r\n                              v-for=\"listItem in column\"\r\n                              :key=\"listItem.id\"\r\n                          >\r\n                            <Link :href=\"listItem.link\">{{listItem.title}}</Link>\r\n                          </li>\r\n                        </ul>\r\n                      </div>\r\n                      <div class=\"w-100 nav-dropdown__droplist-column-img\">\r\n                        <img :src=\"item.img.link\" :alt=\"item.img.altText\" class=\"h-100 w-100 fit-cover\" width=\"260\" height=\"350\">\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </nav>\r\n            </div>\r\n            <div class=\"d-flex d-lg-none justify-content-end align-items-center\">\r\n              <ButtonCircle hyperlink :href=\"header.info.contactUs.link\" class=\"me-3\">\r\n                <span class=\"phone-icon\">\r\n                  <contact-us-icon />\r\n                </span>\r\n              </ButtonCircle>\r\n              <ButtonCircle :phone=\"header.info.phone.phoneNumber\" class=\"me-3\">\r\n                <span class=\"phone-icon\">\r\n                  <PhoneIcon />\r\n                </span>\r\n              </ButtonCircle>\r\n              <button\r\n                  @click=\"handleBurger\"\r\n                  class=\"btn-nulled position-relative offcanvas-trigger\"\r\n                  type=\"button\"\r\n                  data-bs-toggle=\"offcanvas\"\r\n                  data-bs-target=\"#offcanvasBurger\"\r\n                  aria-controls=\"offcanvasTop\"\r\n              >\r\n                <span class=\"menu header-burger d-block\" :class=\"{open: show}\">\r\n                  <span></span>\r\n                  <span></span>\r\n                  <span></span>\r\n                </span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </header>\r\n  </div>\r\n  \r\n</template>\r\n\r\n<script setup>\r\nimport DividerIcon from \"@/assets/icons/divider-icon\";\r\nimport PhoneIcon from \"@/assets/icons/phone-icon\";\r\nimport SearchIcon from \"@/assets/icons/search-icon\";\r\nimport ContactUsIcon from \"@/assets/icons/contact-us-icon\";\r\nimport FaqIcon from \"@/assets/icons/faq-icon\";\r\nimport ArrowDownIcon from \"@/assets/icons/arrow-down-icon\";\r\nimport ButtonCircle from \"@/components/common/ButtonCircle\";\r\nimport ButtonRed from \"@/components/common/ButtonRed\";\r\nimport TriangleMini from \"@/assets/icons/triangle-mini\";\r\nimport {chunkArray, handleListeners, getHeaderAlertHeight} from '@/utils/utils'\r\nimport altLogo from '@/assets/images/alt-logo.png';\r\nimport {ref, onMounted, onUnmounted, defineAsyncComponent} from \"vue\";\r\nimport Link from \"@/components/common/Link\";\r\n\r\nconst CompaniesModal = defineAsyncComponent(() => import(\"@/components/common/modals/CompaniesModal\"));\r\nconst SearchModal = defineAsyncComponent(() => import(\"@/components/common/modals/SearchModal\"));\r\nconst CookiesModal = defineAsyncComponent(() => import(\"@/components/cookie-policy/cookies-modal\"));\r\n\r\nconst props = defineProps({\r\n  alert: HTMLElement,\r\n  header: {\r\n    company: {\r\n      title: String,\r\n      logo: {\r\n        imgLink: String,\r\n        altText: String\r\n      },\r\n      sublogoImg: {\r\n        imgLink: String,\r\n        altText: String\r\n      },\r\n      sublogoContent: {\r\n        title: String,\r\n        description: String,\r\n        logos: Array\r\n      }\r\n    },\r\n    info: {\r\n      serviceCenter: {\r\n        link: String\r\n      },\r\n      contactUs: {\r\n        link: String\r\n      },\r\n      phone: {\r\n        text: String,\r\n        number: String\r\n      }\r\n    },\r\n    navigation: Array\r\n  },\r\n  mailingModal: {\r\n    logo: {\r\n      alt: String,\r\n      link: String,\r\n    },\r\n    title: String,\r\n    description: String,\r\n    btnText: String\r\n  },\r\n})\r\nconst isOpen = ref({})\r\nconst show = ref(false)\r\nconst searchValue = ref('')\r\nconst alertHeight = ref('')\r\nconst droplistRef = ref(null)\r\nconst searchModalRef = ref(null)\r\nconst triangleRef = ref(null)\r\n// const showNav = ref({})\r\n\r\ninitStateObjects()\r\n\r\nonMounted(() => {\r\n  setDroplistPosition();\r\n  clearInputOnModalClose();\r\n  setAlertHeight()\r\n  handleListeners(['resize'], setAlertHeight)\r\n  getHeaderAlertHeight()\r\n})\r\n\r\nonUnmounted(() => {\r\n  handleListeners(['resize'], setAlertHeight, true)\r\n})\r\n\r\nfunction initStateObjects(){\r\n  for(const itemId in props.header.navigation) {\r\n    Object.assign(isOpen.value, {[itemId]: false})\r\n    // Object.assign(showNav.value, {[itemId]: false})\r\n  }\r\n}\r\n\r\nfunction closeNavigation(index, closeAll){\r\n  for(const item in showNav.value) {\r\n    if(closeAll) showNav.value[index] = false\r\n    else (+item !== index) && (showNav.value[item] = false)\r\n  }\r\n}\r\n\r\nfunction handleNavClick(index){\r\n  closeNavigation(index)\r\n  showNav.value[index] = !showNav.value[index]\r\n}\r\n\r\nfunction handleBurger() {\r\n  const header = document.querySelector('.vue-header');\r\n  const headerAlert = document.querySelector('.header-alert');\r\n\r\n  show.value = !show.value;\r\n  alertHeight.value = getHeaderAlertHeight();\r\n\r\n  if (show.value && header && headerAlert) {\r\n    header.style.top = 0;\r\n    headerAlert.style.position = 'fixed';\r\n  }\r\n\r\n  if (!show.value && header && headerAlert) {\r\n    header.style.top = 0;\r\n    headerAlert.style.position = 'static';\r\n  }\r\n}\r\n\r\nfunction setDroplistPosition(){\r\n  const elementArray = droplistRef.value;\r\n  const triangleArray = triangleRef.value;\r\n\r\n  for(let index = 0; index < elementArray.length; index++) {\r\n    if(elementArray.length >= 5) {\r\n      if(index === elementArray.length - 1 || index === elementArray.length - 2 || index === elementArray.length - 3) {\r\n        elementArray[index].querySelector('.nav-dropdown__droplist').style.cssText = 'right: 0;'\r\n        triangleArray[index].style.left = '94%'\r\n        continue;\r\n      }\r\n      elementArray[index].querySelector('.nav-dropdown__droplist').style.cssText = 'left: 50%; transform: translateX(-50%);'\r\n    } else {\r\n      elementArray[index].querySelector('.nav-dropdown__droplist').style.cssText = 'right: 0;'\r\n      triangleArray[index].style.left = '94%'\r\n    }\r\n  }\r\n}\r\n\r\nfunction clearInputOnModalClose(){\r\n  const myModalEl = searchModalRef.value;\r\n  const clearValue = () => searchValue.value = '';\r\n\r\n  myModalEl && myModalEl.addEventListener('hidden.bs.modal', function (event) {\r\n    clearValue()\r\n  })\r\n}\r\n\r\nfunction toggleAccordion(index) {\r\n  isOpen.value[index] = !isOpen.value[index];\r\n}\r\n\r\nfunction setAlertHeight(){\r\n  alertHeight.value = getHeaderAlertHeight();\r\n}\r\n\r\nfunction handleScroll() {\r\n  let header = document.querySelector(\"header\");\r\n\r\n  if (window.pageYOffset > 100) {\r\n    header.classList.add(\"small\");\r\n  } else {\r\n    header.classList.remove(\"small\");\r\n  }\r\n}\r\n\r\nwindow.addEventListener(\"scroll\", handleScroll);\r\n</script>\r\n","import script from \"./Header.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Header.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["d","stroke","width","height","viewBox","fill","xmlns","style","transform","script","__exports__","render","type","class","href","phone","target","isExternalLink","props","String","hyperlink","Boolean","data","CompaniesModal","SearchModal","CookiesModal","isOpen","show","searchValue","alertHeight","droplistRef","searchModalRef","triangleRef","initStateObjects","itemId","header","navigation","Object","assign","value","handleBurger","document","querySelector","headerAlert","top","position","setDroplistPosition","elementArray","triangleArray","index","length","cssText","left","clearInputOnModalClose","myModalEl","clearValue","addEventListener","event","toggleAccordion","setAlertHeight","handleScroll","window","pageYOffset","classList","add","remove"],"sourceRoot":""}