{"version":3,"file":"-h3FxZjM.js","sources":["../../../../components/app/AppPromoBanner.vue","../../../../components/app/AppHeaderLanguageSwitcher.vue","../../../../components/app/AppHeaderDropdownItem.vue","../../../../composables/useNavbarTheme.ts","../../../../components/app/AppHeader.vue","../../../../components/app/AppHeaderMobileAccordion.vue","../../../../components/app/AppHeaderMobile.vue","../../../../components/app/AppFooter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst { $directus, $readSingleton } = useNuxtApp()\n\ninterface response {\n  id: string\n  active: boolean\n  translations: DirectusTranslation<{\n    title: string\n    description: string\n    cta_link: string\n    cta_text: string\n  }>\n}\n\nconst { data } = await useAsyncData<response>\n('promo_banner', async () => {\n  return await $directus.request($readSingleton('promo_banner', {\n    fields: ['*', {\n      translations: ['*'],\n    }],\n  })) as response\n})\n\nconst mode = useCookie<'minimized' | 'expanded'>('counter', {\n  default: () => 'expanded',\n})\n</script>\n\n<template>\n  <ClientOnly>\n    <div v-if=\"data?.active\" class=\"relative z-80\">\n      <div v-if=\"mode === 'minimized'\" class=\"w-full border-b border-starline-primary bg-starline-secondary text-neutral-white\">\n        <Container>\n          <div class=\"flex gap-1rem flex-justify-center flex-items-center py-.4rem\">\n            <div class=\"\">\n              <span class=\"text-center text-1.6rem font-title\">{{ dt(data?.translations)?.title }}</span>\n              <button class=\"mx-2rem inline whitespace-nowrap text-left text-1.2rem underline\" @click=\"mode = 'expanded'\">\n                {{ $t('promo.more_info') }}\n              </button>\n            </div>\n          </div>\n        </Container>\n      </div>\n      <div v-if=\"mode === 'expanded'\" class=\"pointer-events-none fixed inset-x-0 bottom-4rem grid place-items-center\">\n        <Container class=\"pointer-events-auto flex flex-col gap-1rem border border-neutral-darkGray bg-starline-secondary/80 p-1rem text-neutral-white shadow-starline backdrop-blur\">\n          <h1 class=\"text-center text-balance text-2.5rem font-title lg:text-left\">\n            {{ dt(data?.translations)?.title }}\n          </h1>\n          <div class=\"grid grid-cols-1 lg:grid-cols-[1fr_max-content]\">\n            <p class=\"min-w- text-center text-balance text-1.6rem leading-2rem lg:text-left\">\n              {{ dt(data?.translations)?.description }}\n            </p>\n            <div class=\"mt-2rem flex flex-row-reverse flex-wrap justify-center gap-2rem lg:mt-0 lg:justify-left\">\n              <BtnPrimary :link=\"dt(data?.translations)?.cta_link ?? ''\" :text=\"dt(data?.translations)?.cta_text ?? ''\" @click=\"mode = 'minimized'\" />\n              <button\n                class=\"inline-block border border-neutral-white bg-transparent px-2.5rem py-1rem text-center text-1.3rem text-neutral-white tracking-4px uppercase transition duration-300 hover:bg-neutral-white hover:text-starline-secondary\"\n                @click=\"mode = 'minimized'\"\n              >\n                {{ $t('promo.close') }}\n              </button>\n            </div>\n          </div>\n        </Container>\n      </div>\n    </div>\n  </ClientOnly>\n</template>\n\n<style>\n\n</style>\n","<script lang=\"ts\" setup>\nconst { locale, localeCodes } = useI18n()\nconst switchLocalePath = useSwitchLocalePath()\n\nconst currentLocale = computed({\n  get: () => {\n    return locale.value\n  },\n  set: (val: string) => {\n    navigateTo(switchLocalePath(val))\n  },\n})\n</script>\n\n<template>\n  <RadixSelectRoot v-model=\"currentLocale\" class=\"flex-shrink-0\">\n    <RadixSelectTrigger class=\"text-[1.1rem] text-neutral-gray font-400 tracking-3px transition duration-200 hover:text-starline-primary\">\n      <div class=\"flex gap-1.5\">\n        <IconGlobe class=\"h-1.5rem w-1.5rem\" />\n        <RadixSelectValue class=\"inline-block uppercase\">\n          <span>{{ currentLocale }}</span>\n        </RadixSelectValue>\n      </div>\n    </RadixSelectTrigger>\n    <!-- <RadixSelectPortal> -->\n    <RadixSelectContent position=\"popper\" side=\"bottom\" align=\"end\" class=\"z-100 bg-starline-secondary px-0.5rem py-0.8rem text-[1.1rem] text-white\">\n      <RadixSelectViewport class=\"flex flex-col items-center gap-.7rem\">\n        <RadixSelectItem\n          v-for=\"availableLocale, index in localeCodes\"\n          :key=\"index\"\n          :value=\"availableLocale\"\n          :disabled=\"availableLocale === currentLocale\"\n          class=\"cursor-pointer select-none border-px border-neutral-darkGray px-1.6rem py-0.8rem data-[disabled]:pointer-events-none data-[disabled]:border-3px data-[disabled]:border-starline-primary data-[disabled]:shadow-starline data-[highlighted]:border-starline-primary data-[highlighted]:outline-none\"\n        >\n          <RadixSelectItemText class=\"uppercase\">\n            {{ availableLocale }}\n          </RadixSelectItemText>\n        </RadixSelectItem>\n      </RadixSelectViewport>\n    </RadixSelectContent>\n    <!-- </RadixSelectPortal> -->\n  </RadixSelectRoot>\n</template>\n\n<style scoped>\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  index: number\n  title: string\n  description: string\n  image?: string | null\n  url: string\n}>()\n</script>\n\n<template>\n  <NuxtLinkLocale :to=\"props.url\" class=\"group nav-dropdown-item relative block max-w-38rem w-full flex flex-col overflow-hidden border-1px border-white bg-starline-secondary transition duration-300 hover:border-starline-secondary\">\n    <!-- Background Image -->\n    <div class=\"absolute inset-0 opacity-0 transition duration-300 group-hover:scale-105 group-hover:opacity-100\">\n      <NuxtImg v-if=\"props.image\" loading=\"lazy\" provider=\"directus\" :src=\"props.image\" :height=\"300\" :width=\"300\" :quality=\"20\" class=\"size-full object-cover opacity-15\" />\n      <div v-else class=\"size-full bg-neutral-black/70\" />\n    </div>\n    <div class=\"relative flex flex-col p-2rem\">\n      <!-- Index -->\n      <p class=\"mb-2rem text-2rem text-neutral-white/20 font-title\">\n        {{ String(props.index + 1).padStart(3, '0') }}\n      </p>\n      <!-- Title -->\n      <p class=\"mb-0.5rem text-2rem text-neutral-white font-700\">\n        {{ props.title }}\n      </p>\n      <!-- Description -->\n      <p class=\"text-1.6rem text-neutral-white\">\n        {{ props.description }}\n      </p>\n    </div>\n    <!-- Button -->\n    <div class=\"relative ml-2rem mr-auto mt-auto flex items-center gap-0.5rem bg-starline-secondary px-2.5rem py-1rem opacity-0 transition duration-300 group-hover:opacity-100\">\n      <p class=\"text-1.3rem text-neutral-white tracking-3px uppercase\">\n        {{ $t('nav.discover') }}\n      </p>\n      <IconArrowRight class=\"h-2rem\" />\n    </div>\n  </NuxtLinkLocale>\n</template>\n\n<style scoped>\n\n</style>\n","export function useNavbarTheme() {\n  const sectionList = ref<Array<HTMLElement | SVGElement>>([])\n\n  const observer = ref<MutationObserver | null>(null)\n\n  const onPageChange = () => {\n    if (process.server)\n      return\n\n    if (!observer.value) {\n      observer.value = new MutationObserver((_mutations) => {\n        observer.value?.disconnect()\n        onPageChange()\n      })\n    }\n\n    const sections = document.querySelectorAll<HTMLElement | SVGElement>('[data-block-invert]:not([data-is-signature-page] [data-block-invert])')\n    sectionList.value = Array.from(sections)\n    sectionList.value.forEach((element) => {\n      observer.value?.observe(element, {\n        attributes: true,\n        attributeFilter: ['data-block-invert'],\n      })\n    })\n  }\n\n  const coordArray = computed(() =>\n    sectionList.value.map((element) => {\n      return {\n        element,\n        bounding: useElementBounding(element),\n      }\n    }).sort((a, b) => a.bounding.y.value - b.bounding.y.value))\n\n  const triggerPixelOffset = ref(120)\n\n  const nuxtApp = useNuxtApp()\n\n  const activeCoords = computed(() => {\n    const index = coordArray.value.findIndex(element => element.bounding.y.value >= triggerPixelOffset.value)\n    if (index <= 0) {\n      // check if the last item is scrolled down\n      const lastElement = coordArray.value.at(-1)\n      if (lastElement && lastElement.bounding.y.value < triggerPixelOffset.value)\n        return lastElement\n      return null\n    }\n    if (index)\n      return coordArray.value[index - 1]\n  })\n\n  const isInverted = computed(() => {\n    return activeCoords.value?.element?.dataset.blockInvert === 'true'\n  })\n\n  nuxtApp.hook('page:finish', () => {\n    onPageChange()\n  })\n\n  return {\n    isInverted,\n    activeCoords,\n  }\n}\n","<script setup lang=\"ts\">\nconst { data } = useGlobalConfig()\n\nconst topNav = computed(() => {\n  return {\n    left: data.value?.top_nav_left.map((item) => {\n      return {\n        id: item.nav_link_id?.id,\n        text: dt(item.nav_link_id?.translations)?.text ?? '',\n        link: item.nav_link_id?.link,\n      }\n    }),\n    right: data.value?.top_nav_right.map((item) => {\n      return {\n        id: item.nav_link_id?.id,\n        text: dt(item.nav_link_id?.translations)?.text ?? '',\n        link: item.nav_link_id?.link,\n      }\n    }),\n  }\n})\n\nconst mainNav = computed(() => {\n  return {\n    left: data.value?.main_nav_left.map((item) => {\n      switch (item.collection) {\n        case 'main_nav_group':\n          return {\n            id: item.id,\n            text: dt(item.item.translations)?.name ?? '',\n            items: item.item.items.map((subItem) => {\n              return {\n                background_image: subItem.main_nav_group_item_id.background_image,\n                title: dt(subItem.main_nav_group_item_id?.translations)?.title ?? '',\n                url: subItem.main_nav_group_item_id?.link,\n                description: dt(subItem.main_nav_group_item_id?.translations)?.description ?? '',\n              }\n            }),\n          }\n        case 'nav_link':\n        default:\n          return {\n            id: item.id,\n            url: item.item.link,\n            text: dt(item.item.translations)?.text ?? '',\n          }\n      }\n    }),\n    right: data.value?.main_nav_right.map((item) => {\n      switch (item.collection) {\n        case 'main_nav_group':\n          return {\n            id: item.id,\n            text: dt(item.item.translations)?.name ?? '',\n            items: item.item.items.map((subItem) => {\n              return {\n                background_image: subItem.main_nav_group_item_id.background_image,\n                title: dt(subItem.main_nav_group_item_id?.translations)?.title ?? '',\n                url: subItem.main_nav_group_item_id?.link,\n                description: dt(subItem.main_nav_group_item_id?.translations)?.description ?? '',\n              }\n            }),\n          }\n        case 'nav_link':\n        default:\n          return {\n            id: item.id,\n            url: item.item.link,\n            text: dt(item.item.translations)?.text ?? '',\n          }\n      }\n    }),\n  }\n})\n\nconst dropdownStatus = ref(false)\nlet closeDropdownTimeout: any\n\nconst nuxtApp = useNuxtApp()\n\nnuxtApp.hook('page:finish', () => {\n  dropdownStatus.value = false\n})\n\ninterface dropdownItem {\n  background_image: string | null\n  title: string\n  url: string\n  description: string\n}\nconst dropdownItems = ref<dropdownItem[]>([])\n\nfunction setDropdownItems(items: any) {\n  dropdownItems.value = items\n}\n\nfunction openDropdown() {\n  dropdownStatus.value = true\n}\n\nfunction closeDropdown() {\n  clearTimeout(closeDropdownTimeout)\n  closeDropdownTimeout = setTimeout(() => {\n    dropdownStatus.value = false\n  }, 300)\n}\n\nfunction clearDropdownTimeout() {\n  clearTimeout(closeDropdownTimeout)\n}\n\nconst { isInverted } = useNavbarTheme()\n\nconst lightNavbar = computed(() => isInverted.value && !dropdownStatus.value)\n\nfunction handleDropDownItems(items: dropdownItem[]) {\n  if (!items.length) {\n    closeDropdown()\n    return\n  }\n  setDropdownItems(items)\n  openDropdown()\n  clearDropdownTimeout()\n}\n\nconst route = useRoute()\n\nconst isSignature = ref(false)\n\nonMounted(() => {\n  watch(() => route.path, () => {\n    const elements = document.querySelector('*[data-is-signature-page=true]')\n    isSignature.value = elements !== null\n  }, { immediate: true })\n})\n</script>\n\n<template>\n  <nav :data-nav-invert=\"lightNavbar\" class=\"fixed z-50 hidden w-full lg:block\">\n    <!-- <div class=\"fixed bottom-0 left-0 z-20 border-r border-t border-black rounded-tr-xl bg-white/50 p-4 p-4 text-black backdrop-blur-3xl\">\n      <strong>Dev: Navbar Color Mode Tracker</strong>\n      <pre>Color Mode: {{ lightNavbar ? 'Light' : 'Dark' }}</pre>\n      <pre>Active Tracking Block: {{ activeCoords }}</pre>\n    </div> -->\n    <AppPromoBanner />\n    <!-- Top nav -->\n    <div class=\"relative z-50 h-4rem w-full bg-starline-secondary\">\n      <Container class=\"nav-top h-full flex items-center justify-between uppercase\">\n        <!-- Top left nav -->\n        <div class=\"flex gap-3rem\">\n          <NuxtLinkLocale v-for=\"link in topNav.left\" :key=\"link.id\" :to=\"link.link\">\n            {{ link.text }}\n          </NuxtLinkLocale>\n        </div>\n\n        <!-- Top right nav -->\n        <div class=\"flex gap-3rem\">\n          <NuxtLinkLocale v-for=\"link in topNav.right\" :key=\"link.id\" :to=\"link.link\">\n            {{ link.text }}\n          </NuxtLinkLocale>\n          <div>\n            <AppHeaderLanguageSwitcher />\n          </div>\n        </div>\n      </Container>\n    </div>\n    <!-- Bottom Nav -->\n\n    <div\n      class=\"relative z-40 h-6.4rem nav-light:text-neutral-black\"\n    >\n      <div\n        class=\"nav-blurred-gradient pointer-events-none absolute inset-x-0 top-0 -bottom-100px\"\n        :class=\"{ 'nav-light': lightNavbar }\"\n      />\n      <div class=\"absolute inset-0 grid place-items-center\">\n        <NuxtLinkLocale to=\"/\">\n          <div class=\"stack\">\n            <LogoStarlineSignature\n              class=\"transition-opacity duration-200\" :class=\"isSignature ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'\"\n            />\n            <LogoStarlineDark\n              class=\"text-current transition duration-200\" :class=\"isSignature ? 'opacity-0 -translate-y-2' : 'opacity-100 translate-y-0'\"\n            />\n          </div>\n        </NuxtLinkLocale>\n      </div>\n      <Container class=\"nav-bottom h-full flex items-center justify-between gap-4.5rem overflow-hidden\">\n        <!-- Bottom Nav Left -->\n        <div class=\"flex gap-3rem\">\n          <NuxtLinkLocale\n            v-for=\"link in mainNav.left\" :key=\"link.id\"\n            :to=\"link.url\"\n            @mouseover=\"handleDropDownItems(link.items ?? [])\"\n            @mouseleave=\"closeDropdown\"\n          >\n            {{ link.text }}\n          </NuxtLinkLocale>\n        </div>\n        <!-- Bottom Nav Right -->\n        <div class=\"flex gap-3rem\">\n          <NuxtLinkLocale\n            v-for=\"link in mainNav.right\" :key=\"link.id\"\n            :to=\"link.url\"\n            @mouseover=\"handleDropDownItems(link.items ?? [])\"\n            @mouseleave=\"closeDropdown\"\n          >\n            {{ link.text }}\n          </NuxtLinkLocale>\n        </div>\n      </Container>\n    </div>\n    <!-- Dropdown Menu -->\n    <div\n      class=\"absolute left-0 top-0 w-screen flex items-end pb-3.5rem pt-13rem transition duration-500\"\n      :class=\"dropdownStatus ? 'translate-y-0 opacity-100' : '-translate-y-500px opacity-0'\"\n      @mouseenter=\"clearDropdownTimeout\"\n      @mouseleave=\"closeDropdown\"\n    >\n      <Container class=\"relative z-20 w-full flex justify-start gap-1.5rem\">\n        <AppHeaderDropdownItem\n          v-for=\"(item, index) in dropdownItems\"\n          :key=\"index\"\n          :index=\"index\"\n          :title=\"item.title\"\n          :description=\"item.description\"\n          :url=\"item.url\"\n          :image=\"item.background_image\"\n          class=\"justify-self-stretch\"\n        />\n        <div\n          class=\"absolute left-1/2 h-1px w-screen bg-starline-primary/20 transition duration-500 delay-400 -top-27px -translate-x-1/2\"\n          :class=\"dropdownStatus ? 'opacity-100' : 'opacity-0'\"\n        />\n      </Container>\n      <div class=\"dropdown-background\" />\n      <div class=\"dropdown-bottom-gradient\" />\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n/* Nav Top */\n.nav-top a {\n  @apply text-neutral-gray text-[1.1rem] font-400 transition duration-200 tracking-3px;\n}\n\n.nav-top a:hover {\n  @apply text-starline-primary;\n}\n\n/* Nav Bottom */\n\n.nav-bottom a {\n  @apply relative text-current text-[1.4rem] font-400 transition duration-200 py-1rem;\n}\n\n.nav-bottom a:after {\n  @apply absolute transition duration-200 opacity-0 h-10px w-full content-[''] -bottom-19px left-1/2 -translate-x-1/2 bg-starline-primary rounded-3px;\n}\n\n.nav-bottom a:hover {\n  @apply text-starline-primary;\n}\n\n.nav-bottom a:hover:after {\n  @apply opacity-100;\n}\n\n/* Dropdown menu */\n.dropdown-background {\n  @apply absolute z-10 left-0 top-0 w-full h-full bg-starline-secondary;\n}\n.dropdown-bottom-gradient {\n  @apply absolute z-0 -bottom-30px left-0 w-screen h-100px;\n  background: linear-gradient(to bottom, #6daadd 0%, transparent 100%);\n}\n\n.nav-blurred-gradient::after {\n  transition: background-color 0.3s;\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  mask: linear-gradient(\n    to bottom,\n    hsl(0, 0%, 0%) 0%,\n    hsla(0, 0%, 0%, 0.987) 8.1%,\n    hsla(0, 0%, 0%, 0.951) 15.5%,\n    hsla(0, 0%, 0%, 0.896) 22.5%,\n    hsla(0, 0%, 0%, 0.825) 29%,\n    hsla(0, 0%, 0%, 0.741) 35.3%,\n    hsla(0, 0%, 0%, 0.648) 41.2%,\n    hsla(0, 0%, 0%, 0.55) 47.1%,\n    hsla(0, 0%, 0%, 0.45) 52.9%,\n    hsla(0, 0%, 0%, 0.352) 58.8%,\n    hsla(0, 0%, 0%, 0.259) 64.7%,\n    hsla(0, 0%, 0%, 0.175) 71%,\n    hsla(0, 0%, 0%, 0.104) 77.5%,\n    hsla(0, 0%, 0%, 0.049) 84.5%,\n    hsla(0, 0%, 0%, 0.013) 91.9%,\n    hsla(0, 0%, 0%, 0) 100%\n  );\n  backdrop-filter: blur(200px);\n  @apply bg-starline-secondary;\n}\n\n.nav-light.nav-blurred-gradient::after {\n  @apply bg-neutral-white;\n}\n\n/* logo change animation */\n\n.stack {\n  display: grid;\n  place-content: center;\n\n  > * {\n    grid-area: 1 / 1;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n  title: string\n  url?: string\n  submenuItems?: {\n    id: string\n    text: string\n    link: string\n  }[]\n}>()\n\nconst itemStatus = ref(false)\n\nfunction toggleItem() {\n  if (props.submenuItems && props.submenuItems.length > 0)\n    itemStatus.value = !itemStatus.value\n}\n</script>\n\n<template>\n  <div class=\"relative w-full border-b border-neutral-darkGray py-1.8rem\">\n    <Container class=\"w-full\">\n      <!-- Main item -->\n      <div class=\"flex items-center justify-between\" @click=\"toggleItem\">\n        <NuxtLinkLocale\n          :to=\"props.url\"\n          active-class=\"text-starline-primary\"\n          class=\"text-1.8rem text-neutral-white transition duration-300\"\n          :class=\"itemStatus ? 'text-starline-primary' : 'font-normal'\"\n        >\n          {{ props.title }}\n        </NuxtLinkLocale>\n        <IconPlus\n          v-if=\"props.submenuItems?.length\"\n          class=\"h-2.4rem w-2.4rem transition duration-300\"\n          :class=\"itemStatus ? 'rotate-45deg' : ''\"\n        />\n      </div>\n      <!-- Submenu -->\n      <div :class=\"itemStatus ? 'open' : ''\" class=\"accordion-text origin-top transition duration-300\">\n        <div class=\"min-h-0 flex flex-col\">\n          <!-- Spacer -->\n          <div class=\"h-1.6rem min-h-1.8rem w-full\" />\n          <!-- Submenu Items -->\n          <NuxtLinkLocale\n            v-for=\"(item, index) in props.submenuItems\"\n            :key=\"index\"\n            class=\"py-0.6rem pl-2rem text-1.3rem text-neutral-white tracking-3px uppercase\"\n            :to=\"item.link\"\n          >\n            {{ item.text }}\n          </NuxtLinkLocale>\n        </div>\n      </div>\n    </Container>\n    <!-- Status open sidebar -->\n    <div\n      class=\"absolute top-1/2 h-[calc(100%-18px)] w-6px rounded-3px bg-starline-primary transition duration-300 -left-6px -translate-y-1/2\"\n      :class=\"itemStatus ? 'opacity-100 translate-x-3px' : 'opacity-0 translate-x-0px'\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.accordion-text {\n  display: grid;\n  grid-template-rows: 0fr;\n  overflow: hidden;\n  transition: grid-template-rows 300ms;\n}\n\n.accordion-text.open {\n  grid-template-rows: 1fr;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { breakpointsTailwind } from '@vueuse/core'\n\nconst menuStatus = ref(false)\n\nwatchEffect(() => {\n  if (process.server)\n    return\n  if (menuStatus.value)\n    document.body.style.overflow = 'hidden'\n  else\n    document.body.style.overflow = ''\n})\n\nconst nuxtApp = useNuxtApp()\n\nnuxtApp.hook('page:finish', () => {\n  menuStatus.value = false\n})\n\nconst breakpoints = useBreakpoints(breakpointsTailwind)\n\nconst isMobile = breakpoints.greater('lg') // only larger than lg\n\nwatchEffect(() => {\n  if (isMobile.value)\n    menuStatus.value = false\n})\n\nconst { data } = useGlobalConfig()\n\nconst navData = computed(() => {\n  return data.value?.mobile_nav.map((item) => {\n    switch (item.collection) {\n      case 'mobile_nav_group':\n        return {\n          id: item.id,\n          text: dt(item.item.translations)?.name,\n          items: item.item.items?.map((subItem) => {\n            return {\n              id: subItem.nav_link_id.id,\n              link: subItem.nav_link_id.link,\n              text: dt(subItem.nav_link_id.translations)?.text ?? '',\n            }\n          }),\n        }\n      case 'nav_link':\n      default:\n        return {\n          id: item.id,\n          text: dt(item.item.translations)?.text ?? '',\n          link: item.item.link,\n        }\n    }\n  })\n})\n\nfunction toggleMenu() {\n  menuStatus.value = !menuStatus.value\n}\n\nconst route = useRoute()\nconst isQuotationPage = computed(() => {\n  return route.path.split('/').at(-1) === 'quotation'\n})\n</script>\n\n<template>\n  <div>\n    <NuxtLinkLocale\n      v-if=\"!isQuotationPage\"\n      to=\"/quotation\" class=\"fixed bottom-0 right-2rem z-20 flex items-center gap-1rem rounded-t-xl bg-neutral-black/90 px-2rem py-1rem text-1.3rem text-neutral-white tracking-3px uppercase ring-1 ring-neutral-darkGray backdrop-blur-3xl transition lg:hidden hover:shadow-starline hover:ring-2 hover:ring-starline-primary\"\n    >\n      <div class=\"i-radix-icons-chat-bubble\" />\n\n      {{ $t('nav.quotation') }}\n    </NuxtLinkLocale>\n    <div class=\"fixed left-0 top-0 z-50 w-screen lg:hidden\">\n      <AppPromoBanner />\n      <div class=\"h-70px flex items-center justify-center bg-starline-secondary\">\n        <!-- Mobile Header -->\n        <Container class=\"relative z-50 w-full flex items-center justify-between\">\n          <NuxtLinkLocale to=\"/\">\n            <LogoStarlineMobile class=\"max-w-100px w-full\" />\n          </NuxtLinkLocale>\n          <div class=\"flex flex-col items-end gap-4\">\n            <div class=\"flex items-center justify-center gap-0.5rem\" @click=\"toggleMenu\">\n              <transition name=\"fade\" mode=\"out-in\">\n                <p v-if=\"menuStatus\" key=\"sluiten\" class=\"text-1.3rem text-neutral-darkGray tracking-3px uppercase\">\n                  {{ $t('nav.close') }}\n                </p>\n                <p v-else key=\"menu\" class=\"text-1.3rem text-neutral-darkGray tracking-3px uppercase\">\n                  {{ $t('nav.menu') }}\n                </p>\n              </transition>\n              <div class=\"hamburger h-[24px] w-[24px] flex flex-col cursor-pointer items-end justify-center gap-[3px] p-6px\">\n                <div class=\"hamburger__bar hamburger__bar1\" :class=\"menuStatus ? 'active' : ''\" />\n                <div class=\"hamburger__bar hamburger__bar2\" :class=\"menuStatus ? 'active' : ''\" />\n                <div class=\"hamburger__bar hamburger__bar3\" :class=\"menuStatus ? 'active' : ''\" />\n              </div>\n            </div>\n          </div>\n        </Container>\n        <!-- Slideout -->\n        <div\n          class=\"mobile-nav absolute left-0 top-0 h-screen w-full flex flex-col justify-between bg-starline-secondary !h-[100dvh]\"\n          :class=\"menuStatus ? 'open' : ''\"\n        >\n          <div class=\"h-6rem w-full flex-none\" />\n\n          <div class=\"w-full flex flex-none justify-end px-12\">\n            <AppHeaderLanguageSwitcher />\n          </div>\n\n          <div class=\"z-0 w-full flex flex-1 flex-col items-center justify-start overflow-y-scroll\">\n            <AppHeaderMobileAccordion\n              v-for=\"item in navData\"\n              :key=\"item?.id\"\n              :title=\"item?.text ?? ''\"\n              :url=\"item?.items?.length ? undefined : item?.link\"\n              :submenu-items=\"item?.items ?? []\"\n            />\n          </div>\n          <!-- Bottom Bar -->\n          <div class=\"max-h-max flex flex-none justify-end\">\n            <div class=\"relative z-20 w-full bg-starline-secondary\">\n              <Container class=\"h-full w-full flex flex-col items-center justify-center gap-1rem py-4\">\n                <BtnPrimary\n                  class=\"w-full\"\n                  :text=\"$t('nav.configurator')\"\n                  link=\"/configurator\"\n                />\n              </Container>\n            </div>\n          </div>\n\n          <!-- Bottom Bar Gradient -->\n          <div class=\"bottom-bar-gradient absolute bottom-0 -z-10\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.mobile-nav {\n  clip-path: circle(1% at 100% 0);\n  transition: clip-path 500ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mobile-nav.open {\n  clip-path: circle(150% at 100% 0);\n}\n.menu-height-calc {\n  min-height: calc(100dvh - 116px - 90px);\n  max-height: calc(100dvh - 116px - 90px);\n}\n.bottom-bar-gradient {\n  background: linear-gradient(to top, #6daadd 0%, transparent 100%);\n  @apply absolute z-0 -bottom-30px left-0 w-screen h-200px;\n}\n\n/* Hamburger animation */\n.hamburger__bar1,\n.hamburger__bar3 {\n  @apply w-full h-[2px] rounded-2px bg-white;\n}\n\n.hamburger__bar2 {\n  @apply w-[70%] h-[2px] rounded-2px bg-white;\n}\n\n.hamburger__bar1,\n.hamburger__bar2,\n.hamburger__bar3 {\n  transform-origin: center center;\n  transition: all 0.4s ease-in-out;\n}\n\n.hamburger__bar1.active {\n  transform: translateY(5px) rotate(45deg);\n}\n\n.hamburger__bar3.active {\n  transform: translateY(-5px) rotate(-45deg);\n}\n\n.hamburger__bar2.active {\n  opacity: 0;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n.fade-enter-to,\n.fade-leave-from {\n  opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nconst { data } = useGlobalConfig()\n\nconst footerData = computed(() => {\n  return data.value?.footer_links.map((item) => {\n    return {\n      id: item.id,\n      name: dt(item.footer_link_group_id?.translations)?.name ?? '',\n      items: item.footer_link_group_id?.links?.map((subItem) => {\n        return {\n          id: subItem.footer_link_id.id,\n          link: subItem.footer_link_id.link,\n          text: dt(subItem.footer_link_id.translations)?.text ?? '',\n        }\n      }),\n    }\n  })\n})\n</script>\n\n<template>\n  <BlockBase class=\"border-t border-neutral-darkGray bg-starline-secondary\">\n    <!-- <pre>{{ footerData }}</pre> -->\n    <Container class=\"footer-top grid grid-cols-2 my-6rem gap-4rem lg:grid-cols-6\">\n      <!-- Left Side -->\n      <div class=\"logo col-span-2 lg:col-span-1\">\n        <NuxtLinkLocale to=\"/\">\n          <LogoStarlineWhite />\n        </NuxtLinkLocale>\n      </div>\n\n      <div v-for=\"navGroup in footerData\" :key=\"navGroup.id\" class=\"text-neutral-white\">\n        <!-- Title -->\n        <p class=\"mb-1.7rem font-title\">\n          {{ navGroup.name }}\n        </p>\n        <!-- Items -->\n        <div class=\"flex flex-col gap-1rem\">\n          <NuxtLinkLocale v-for=\"link in navGroup.items\" :key=\"link.id\" :to=\"link.link\">\n            {{ link.text }}\n          </NuxtLinkLocale>\n        </div>\n      </div>\n      <!-- <div class=\"reviews flex flex-col items-start gap-1.5rem\">\n        <NuxtLinkLocale to=\"/\" class=\"flex items-center border border-neutral-darkGray\">\n          <div class=\"border-r border-neutral-darkGray px-1.2rem py-1rem\">\n            <p class=\"text-1.1rem tracking-2px\">\n              4,7\n            </p>\n          </div>\n          <div class=\"flex items-center gap-0.5rem p-1.1rem\">\n            <IconStarline />\n            <IconStarline />\n            <IconStarline />\n            <IconStarline />\n            <IconStarline />\n          </div>\n        </NuxtLinkLocale>\n        <NuxtLinkLocale to=\"/\" class=\"text-neutral-white uppercase !tracking-3px\">\n          Bekijk alle reviews\n        </NuxtLinkLocale>\n      </div> -->\n    </Container>\n    <Container class=\"socials-container mb-5.2rem flex items-center justify-center\">\n      <div class=\"socials flex gap-1rem\">\n        <NuxtLink external target=\"_blank\" to=\"https://www.facebook.com/StarlineValkenswaard\">\n          <IconFacebook />\n        </NuxtLink>\n        <NuxtLink external target=\"_blank\" to=\"https://www.pinterest.com/starlinepool/\">\n          <IconPinterest />\n        </NuxtLink>\n        <NuxtLink external target=\"_blank\" to=\"https://www.instagram.com/starlinepool/\">\n          <IconInstagram />\n        </NuxtLink>\n      </div>\n    </Container>\n    <Container>\n      <div class=\"footer-bottom flex items-center justify-center gap-2rem border-t border-neutral-darkGray py-2rem\">\n        <p>\n          {{ $t('footer.copyright', {\n            year: new Date().getFullYear(),\n          }) }}\n        </p>\n        <NuxtLinkLocale to=\"/terms-and-conditions\">\n          {{ $t('footer.terms') }}\n        </NuxtLinkLocale>\n        <div class=\"flex items-center\">\n          <AppHeaderLanguageSwitcher />\n        </div>\n      </div>\n    </Container>\n  </BlockBase>\n</template>\n\n<style scoped>\n/* FOOTER TOP */\n\n@media only screen and (max-width: 1024px) {\n  .footer-top {\n    text-align: left;\n  }\n\n  .socials-container {\n    justify-content: start;\n  }\n}\n\n.footer-top p {\n  @apply text-neutral-white text-1.3rem;\n}\n\n.footer-top a {\n  @apply uppercase text-1.1rem transition tracking-2px duration-200;\n}\n\n.footer-top a:hover {\n  @apply text-starline-primary;\n}\n\n/* SOCIALS */\n\n.socials a {\n  @apply h-3.8rem w-3.8rem flex items-center justify-center;\n}\n\n.socials a svg {\n  @apply text-white transition duration-200;\n}\n\n.socials a:hover svg {\n  @apply fill-current text-starline-primary;\n}\n\n/* FOOTER BOTTOM BAR */\n.footer-bottom a,\n.footer-bottom p {\n  @apply text-neutral-gray text-1.2rem;\n}\n\n.footer-bottom a {\n  @apply transition duration-200;\n}\n\n.footer-bottom a:hover {\n  @apply text-starline-primary;\n}\n</style>\n"],"names":["$directus","$readSingleton","useNuxtApp","data","__temp","__restore","_withAsyncContext","useAsyncData","mode","useCookie","locale","localeCodes","useI18n","switchLocalePath","useSwitchLocalePath","currentLocale","computed","val","navigateTo","props","__props","useNavbarTheme","sectionList","ref","observer","onPageChange","_mutations","_a","sections","element","coordArray","useElementBounding","a","b","triggerPixelOffset","nuxtApp","activeCoords","index","lastElement","isInverted","_b","useGlobalConfig","topNav","item","_c","dt","_d","mainNav","subItem","_e","dropdownStatus","closeDropdownTimeout","dropdownItems","setDropdownItems","items","openDropdown","closeDropdown","clearDropdownTimeout","lightNavbar","handleDropDownItems","route","useRoute","isSignature","onMounted","watch","elements","itemStatus","toggleItem","menuStatus","watchEffect","isMobile","useBreakpoints","breakpointsTailwind","navData","toggleMenu","isQuotationPage","footerData"],"mappings":"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"}