{"version":3,"mappings":";q/nBAmBE,MAAMA,EAAYC,EAAI,EAAK,wjDCV3B,MAAMC,EAAQC,EAERC,EAAkBC,EAAS,IAAM,CACrC,OAAQH,EAAM,KAAM,CAClB,IAAK,SACI,OAAAI,EACL,IAAMC,EAAA,WAAO,eAA4C,6CAC3D,EACF,IAAK,aACI,OAAAD,EACL,IAAMC,EAAA,WAAO,eAAkD,6CACjE,EACF,QACS,OAAAD,EACL,IAAMC,EAAA,WAAO,eAAkD,6CACjE,EACJ,CACD,6eCoEKC,GAAmB,gHAHzB,MAAMC,EAAQC,EAAS,EACjBC,EAAaV,EAAI,EAAK,EACtBW,EAAWX,EAAI,EAAK,EAGpBY,EAAyBC,GAAe,CACtC,MAAAC,EACJ,qBAAqB,KAAKD,CAAE,GAAK,WAAW,KAAKA,CAAE,GAAK,QAAQ,KAAKA,CAAE,EACnEF,EAAW,4BAA4B,KAAK,UAAU,SAAS,GAEjEG,GAAeH,GAAY,CAACG,KACdC,EAAA,EAChBD,EAAa,OAAO,KAAKD,EAAI,QAAQ,EAAIG,EAAWH,CAAE,EAE1D,EAEMI,EAAe,IAAM,CAChBN,EAAA,MAAQ,OAAO,WAAaJ,GACjC,CAACI,EAAS,OAASD,EAAW,OAChBK,EAAA,CAEpB,EAEMG,EAAmB,IAAM,CAClBR,EAAA,MAAQ,CAACA,EAAW,MAC/B,SAAS,KAAK,MAAM,SAAWA,EAAW,MAAQ,SAAW,EAC/D,EAEMK,EAAkB,IAAM,CAC5BL,EAAW,MAAQ,GACV,cAAK,MAAM,SAAW,EACjC,EAEA,OAAAS,EAAU,IAAM,CACDF,EAAA,EACN,wBAAiB,SAAUA,CAAY,EAC/C,EAEDG,EAAY,IAAM,CACT,2BAAoB,SAAUH,CAAY,EAClD,qjDCvGK,MAAAI,EAAcrB,EAAI,CAAC,EACnBsB,EAAiBtB,EAAI,EAAK,EAE1BuB,EAAe,IAAM,CACzB,MAAMC,EAAwB,OAAO,QACtBF,EAAA,MAAQE,EAAwBH,EAAY,MAC3DA,EAAY,MAAQG,CACtB,EAEA,OAAAL,EAAU,IAAM,CACP,wBAAiB,SAAUI,CAAY,EAC/C,EAEDH,EAAY,IAAM,CACT,2BAAoB,SAAUG,CAAY,EAClD","names":["isPlaying","ref","props","__props","buttonComponent","computed","defineAsyncComponent","__vitePreload","mobileBreakpoint","route","useRoute","isMenuOpen","isMobile","handleMobileItemClick","to","isExternal","closeMobileMenu","navigateTo","handleResize","toggleMobileMenu","onMounted","onUnmounted","lastScrollY","isNavbarHidden","handleScroll","currentScrollPosition"],"ignoreList":[],"sources":["../../../../components/LogoAnimated/LogoAnimated.vue","../../../../components/NavigationButton/NavigationButton.vue","../../../../components/Navigation/Navigation.vue","../../../../components/Header/Header.vue"],"sourcesContent":["<template>\n  <client-only>\n    <BaseLink to=\"/\" aria-label=\"Patchstack Logo\">\n      <Vue3Lottie\n        :animation-data=\"animation\"\n        :height=\"20\"\n        :width=\"180\"\n        :auto-play=\"isPlaying\"\n        :play-on-hover=\"false\"\n        @on-loop-complete=\"isPlaying = false\"\n        @mouseenter=\"isPlaying = true\"\n      />\n    </BaseLink>\n  </client-only>\n</template>\n\n<script setup>\n  import { Vue3Lottie } from 'vue3-lottie';\n  import animation from '@/assets/animations/logo-anim.json';\n  const isPlaying = ref(false);\n</script>\n","<template>\n  <component :is=\"buttonComponent\" v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\n  interface Props {\n    type: 'base' | 'vendor' | 'researcher';\n  }\n\n  const props = defineProps<Props>();\n\n  const buttonComponent = computed(() => {\n    switch (props.type) {\n      case 'vendor':\n        return defineAsyncComponent(\n          () => import('@/components/LogoutButton/LogoutButton.vue')\n        );\n      case 'researcher':\n        return defineAsyncComponent(\n          () => import('@/components/NewReportButton/NewReportButton.vue')\n        );\n      default:\n        return defineAsyncComponent(\n          () => import('@/components/StartFreeButton/StartFreeButton.vue')\n        );\n    }\n  });\n</script>\n","<template>\n  <nav class=\"fixed w-full z-10 bg-transparent\">\n    <div\n      v-show=\"!isMobile\"\n      class=\"flex justify-between items-center h-[60px] px-2 lg:px-4\"\n      :class=\"{ gradient }\"\n    >\n      <div class=\"relative left-[-15px]\">\n        <LogoAnimated />\n      </div>\n\n      <div class=\"flex items-center gap-4\">\n        <template v-for=\"item in navItems['regular']\" :key=\"item.id\">\n          <BaseLink\n            v-if=\"item.type === 'link'\"\n            :to=\"item.to ?? ''\"\n            class=\"nav-link hover-bg-custom\"\n            :class=\"{ active: route.path === item.to }\"\n          >\n            {{ item.label }}\n          </BaseLink>\n          <MenuDropdown\n            v-if=\"item.type === 'dropdown'\"\n            :options=\"item.dropdown ?? []\"\n            :label=\"item.label\"\n          />\n        </template>\n        <NavigationButton :type=\"navigationType\" />\n      </div>\n    </div>\n\n    <div v-show=\"isMobile\" class=\"relative\">\n      <div class=\"h-[60px] px-4 relative z-20\">\n        <div class=\"flex justify-between items-center h-full\">\n          <div class=\"relative left-[-15px]\">\n            <LogoAnimated />\n          </div>\n          <div class=\"flex justify-center items-center gap-1\">\n            <NavigationButton :type=\"navigationType\" />\n            <BaseButton\n              @click=\"toggleMobileMenu\"\n              id=\"btn-mobile-menu\"\n              class=\"bg-primary py-[0.5rem] px-[0.7rem] lg:py-[0.83rem] lg:px-[1rem] text-sm lg:text-base rounded-sm text-dark1 hover:bg-secondary duration-300 sm:hidden ml-2\"\n              aria-label=\"Toggle Menu\"\n              data-click-outside-exclude\n            >\n              <svgo-menu />\n            </BaseButton>\n          </div>\n        </div>\n      </div>\n      <Transition name=\"slide-down\">\n        <div\n          v-if=\"isMenuOpen\"\n          v-click-outside=\"closeMobileMenu\"\n          class=\"fixed inset-0 z-10\"\n        >\n          <div\n            class=\"flex flex-col items-center pt-20 pb-8 px-4 space-y-6 bg-dark2\"\n          >\n            <template v-for=\"item in navItems['mobile']\" :key=\"item.id\">\n              <BaseLink\n                :to=\"item.to ?? ''\"\n                class=\"mobile-nav-link\"\n                :class=\"{ active: route.path === item.to }\"\n                @click.prevent=\"handleMobileItemClick(item.to ?? '')\"\n              >\n                {{ item.label }}\n              </BaseLink>\n            </template>\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\n  import type { NavItem } from '@/types';\n  import { onMounted, onUnmounted, ref } from 'vue';\n\n  interface Props {\n    navItems: { regular: NavItem[]; mobile: NavItem[] };\n    gradient?: boolean;\n    navigationType: 'vendor' | 'base' | 'researcher';\n  }\n\n  withDefaults(defineProps<Props>(), {\n    gradient: false\n  });\n\n  const route = useRoute();\n  const isMenuOpen = ref(false);\n  const isMobile = ref(false);\n  const mobileBreakpoint = 768;\n\n  const handleMobileItemClick = (to: string) => {\n    const isExternal =\n      /^(http|https):\\/\\//.test(to) || /^mailto:/.test(to) || /^tel:/.test(to);\n    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);\n\n    if (isExternal || (isMobile && !isExternal)) {\n      closeMobileMenu();\n      isExternal ? window.open(to, '_blank') : navigateTo(to);\n    }\n  };\n\n  const handleResize = () => {\n    isMobile.value = window.innerWidth < mobileBreakpoint;\n    if (!isMobile.value && isMenuOpen.value) {\n      closeMobileMenu();\n    }\n  };\n\n  const toggleMobileMenu = () => {\n    isMenuOpen.value = !isMenuOpen.value;\n    document.body.style.overflow = isMenuOpen.value ? 'hidden' : '';\n  };\n\n  const closeMobileMenu = () => {\n    isMenuOpen.value = false;\n    document.body.style.overflow = '';\n  };\n\n  onMounted(() => {\n    handleResize();\n    window.addEventListener('resize', handleResize);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('resize', handleResize);\n  });\n</script>\n\n<style scoped lang=\"scss\">\n  .gradient {\n    background: radial-gradient(\n      23% 250% at 0% 0%,\n      rgba(36, 49, 0, 0.6) 0%,\n      rgba(17, 18, 22, 0) 100%\n    );\n  }\n\n  .nav-link {\n    @apply text-white hover:text-primary duration-300 py-2 px-[1rem] text-md lg:text-base rounded-sm;\n\n    &.active {\n      @apply text-primary;\n    }\n  }\n\n  .nav--hidden {\n    transform: translateY(-100%);\n    transition: transform 0.3s ease-out;\n  }\n\n  .mobile-nav-link {\n    @apply text-xl text-white hover:text-primary transition-colors duration-300;\n\n    &.active {\n      @apply text-primary;\n    }\n  }\n\n  .slide-down-enter-active {\n    animation: slide-down-in 0.3s ease-out forwards;\n  }\n\n  .slide-down-leave-active {\n    animation: slide-down-out 0.2s ease-in forwards;\n  }\n\n  @keyframes slide-down-in {\n    from {\n      transform: translateY(-100%);\n    }\n    to {\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes slide-down-out {\n    from {\n      transform: translateY(0);\n    }\n    to {\n      transform: translateY(-100%);\n    }\n  }\n</style>\n","<template>\n  <header\n    class=\"header bg-dark2 flex justify-between items-center w-full h-[60px] z-10\"\n    :class=\"{ 'header--hidden': isNavbarHidden, gradient }\"\n  >\n    <Navigation\n      :nav-items=\"navItems\"\n      gradient\n      :navigation-type=\"navigationType\"\n    />\n  </header>\n</template>\n\n<script setup lang=\"ts\">\n  import type { NavItem } from '@/types';\n  import { onMounted, onUnmounted, ref } from 'vue';\n\n  withDefaults(\n    defineProps<{\n      gradient?: boolean;\n      navigationType: 'vendor' | 'base' | 'researcher';\n      navItems: { regular: NavItem[]; mobile: NavItem[] };\n    }>(),\n    {\n      gradient: false\n    }\n  );\n\n  const lastScrollY = ref(0);\n  const isNavbarHidden = ref(false);\n\n  const handleScroll = () => {\n    const currentScrollPosition = window.scrollY;\n    isNavbarHidden.value = currentScrollPosition > lastScrollY.value;\n    lastScrollY.value = currentScrollPosition;\n  };\n\n  onMounted(() => {\n    window.addEventListener('scroll', handleScroll);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('scroll', handleScroll);\n  });\n</script>\n\n<style scoped lang=\"scss\">\n  .gradient {\n    background: radial-gradient(\n      23% 250% at 0% 0%,\n      rgba(36, 49, 0, 0.6) 0%,\n      rgba(17, 18, 22, 0) 100%\n    );\n  }\n  .header {\n    background-color: theme('colors.dark2');\n    position: fixed;\n    transform: translate3d(0, 0, 0);\n    transition: 0.3s all ease-out;\n  }\n  .header.header--hidden {\n    transform: translateY(-100%);\n  }\n</style>\n"],"file":"_nuxt/CN2cdoA6.js"}