{"version":3,"file":"_slug_.t-IiZ-rM.js","sources":["../../../../components/StickyHeader.vue","../../../../components/program-product/ProgramProductBlocks.vue","../../../../components/program-product/ProgramProductDetailHero.vue","../../../../pages/program-product/[slug].vue"],"sourcesContent":["<template>\n  <div\n    class=\"lg!bg-blue sticky top-0 z-2 py-3 transition-colors duration-300 lg:py-5\"\n    :class=\"isActive ? 'bg-white' : 'bg-blue'\"\n  >\n    <div class=\"container flex items-center justify-between gap-2\">\n      <div class=\"flex flex-col\">\n        <span\n          class=\"text-sm lg:!text-blue-100\"\n          :class=\"isActive ? 'text-neutral-500' : 'text-blue-100'\"\n          >{{ data.productCategory }}</span\n        >\n        <span class=\"text-xl lg:!text-white\" :class=\"isActive ? 'text-blue-950' : 'text-white'\">{{\n          data.productTitle\n        }}</span>\n      </div>\n      <nav\n        class=\"absolute left-0 top-[72px] h-[100dvh] w-full flex-col gap-4 overflow-scroll px-4 pb-48 pt-3 text-blue-950 lg:static lg:!inline-flex lg:h-auto lg:w-fit lg:flex-row lg:items-center lg:gap-6 lg:overflow-auto lg:!bg-blue lg:px-0 lg:pb-0 lg:pt-0 lg:text-white\"\n        :class=\"isActive ? 'inline-flex bg-white opacity-100' : 'hidden'\"\n      >\n        <template v-for=\"(item, index) in data.navigation\" :key=\"index\">\n          <component\n            :is=\"item.slug ? NuxtLink : 'button'\"\n            v-if=\"(index !== 2 || item.slug) && item.visible\"\n            :to=\"item.slug ? item.slug : undefined\"\n            class=\"w-fit font-medium lg:font-normal\"\n            :class=\"index !== activeIndex || index === 2 ? 'lg:text-white' : 'lg:text-blue-100'\"\n            :download=\"item.slug && item.description ? item.description : undefined\"\n            :target=\"item.slug ? '__blank' : undefined\"\n            @click=\"handleNavClick(item, index)\"\n          >\n            {{ item.title }}\n          </component>\n        </template>\n\n        <Button\n          variant=\"outline\"\n          class=\"mt-auto w-fit !text-blue lg:!text-white !h-12\"\n          icon-circle-class=\"!h-8 !w-8 !ml-3\"\n          :icon=\"!isDesktop\"\n          @click=\"handleButtonClick\"\n        >\n          {{ data.button.text }}\n        </Button>\n      </nav>\n\n      <button\n        class=\"h-12 w-12 rounded-full transition-colors duration-300 lg:hidden\"\n        :class=\"isActive ? 'bg-light-gray' : 'bg-orange'\"\n        @click=\"isActive = !isActive\"\n      >\n        <Icon\n          :color=\"isActive ? theme.colors.blue.DEFAULT : 'white'\"\n          :name=\"isActive ? 'close' : 'info'\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { theme } from '#tailwind-config'\n\nconst NuxtLink = resolveComponent('NuxtLink')\nconst breakpoints = useBreakpoints(theme.screens)\nconst isScreenLg = breakpoints.greater('lg')\nconst { isDesktop } = useDevice()\n\nexport interface ProgramProductNavigation {\n  productCategory: string\n  productTitle: string\n  navigation: [\n    {\n      title: string\n      slug: string\n      description?: string,\n      visible: boolean\n    }\n  ]\n  button: {\n    text: string\n  }\n}\n\nconst { bodyLock, bodyUnlock } = useBodyLock()\n\nconst emit = defineEmits(['user-action:tab-switch', 'user-action:button-click'])\ndefineProps({\n  data: {\n    type: Object as PropType<ProgramProductNavigation>,\n    default: () => {}\n  },\n  activeIndex: {\n    type: Number,\n    default: 0\n  }\n})\n\nconst isActive = ref(false)\n\nwatch(isActive, () => {\n  isActive.value ? bodyLock() : bodyUnlock()\n})\n\nfunction handleNavClick(navItem: { title: string; slug: string }, index: number) {\n  isActive.value = false\n\n  if (!navItem.slug) {\n    emit('user-action:tab-switch', index, navItem.title)\n  }\n\n  window.scrollTo({ top: 0, behavior: 'smooth' })\n}\n\nfunction handleButtonClick() {\n  isActive.value = false\n  emit('user-action:button-click')\n}\n\nconst handleResize = useDebounceFn(() => {\n  if (isScreenLg.value && isActive.value) {\n    isActive.value = false\n  }\n}, 400)\n\nonMounted(() => {\n  window.addEventListener('resize', handleResize)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('resize', handleResize)\n})\n</script>\n","<template>\n  <div v-if=\"Array.isArray(data) && data.length\">\n    <component\n      :is=\"resolveSectionComponent(section.__typename as SectionComponents)\"\n      v-for=\"section in data\"\n      :key=\"section.__typename\"\n      :data=\"section\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { SectionComponents } from '~/types/components'\nimport { ProgramProductModelBlocksField } from '~/types/generated'\ndefineProps({\n  data: {\n    type: Array as PropType<ProgramProductModelBlocksField[]>,\n    default: () => {}\n  }\n})\nconst { resolveSectionComponent } = useResolveComponent()\n</script>\n","<template>\n  <div class=\"grid-default container py-2\">\n    <div class=\"col-span-6 mb-8 lg:mb-0\">\n      <Heading :level=\"1\" is-hero-heading class=\"mb-4 text-5xl font-light text-blue-950 lg:mb-8 lg:text-9xl\">\n        {{ data.title }}\n      </Heading>\n      <div class=\"text-base text-neutral-600 lg:text-2xl\" v-html=\"data.descriptionText\" />\n    </div>\n    <Image\n      v-if=\"data.heroImage\"\n      class=\"col-span-6 aspect-3/2 w-full rounded-3xl object-cover opacity-100\"\n      :src=\"\n        data.heroImage.responsiveImage ? data.heroImage.responsiveImage?.src : data.heroImage.url\n      \"\n      :srcset=\"\n        data.heroImage.responsiveImage ? data.heroImage.responsiveImage?.webpSrcSet : undefined\n      \"\n      :width=\"\n        data.heroImage.responsiveImage\n          ? data.heroImage.responsiveImage?.width\n          : data.heroImage.width\n      \"\n      :height=\"\n        data.heroImage.responsiveImage\n          ? data.heroImage.responsiveImage?.height\n          : data.heroImage.height\n      \"\n      :sizes=\"data.heroImage.responsiveImage?.sizes\"\n      :alt=\"data.heroImage.alt!\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ProductDetailHeroRecord } from '~/types/generated'\nimport { useAppStore } from '~/stores/AppStore'\n\nconst store = useAppStore()\n\ndefineProps({\n  data: {\n    type: Object as PropType<ProductDetailHeroRecord>,\n    default: () => {}\n  }\n})\n\nonMounted(() => {\n  store.setTheme('neutral')\n})\n</script>\n","<template>\n  <div class=\"min-h-screen\">\n    <template v-if=\"isMounted\">\n      <StickyHeader\n        :data=\"headerData\"\n        :activeIndex=\"activeTab\"\n        @user-action:tab-switch=\"handleTabSwitch\"\n        @user-action:button-click=\"handleButtonClick\"\n      />\n\n      <TransitionGroup name=\"menu\">\n        <article v-if=\"activeTab === 0\" :key=\"1\" class=\"-mt-40 bg-light-gray lg:-mt-52\">\n          <ProgramProductBlocks\n            v-if=\"data.programProduct?.blocks\"\n            class=\"pt-40\"\n            :data=\"data.programProduct.blocks\"\n          />\n        </article>\n\n        <article\n          v-if=\"activeTab === 1 && data.programProduct?.displayTehnicalDetails\"\n          :key=\"2\"\n          class=\"bg-neutral-100 py-10 lg:pb-28\"\n        >\n          <ProgramProductDetailHero\n            v-if=\"data.programProduct?.productDetailHero[0]\"\n            :data=\"data.programProduct.productDetailHero[0]\"\n          />\n          <ProgramProductDetails\n            v-if=\"data.programProduct.body?.blocks\"\n            :data=\"data.programProduct?.body.blocks\"\n          />\n        </article>\n      </TransitionGroup>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { toHead } from 'vue-datocms'\nimport { useAppStore } from '~/stores/AppStore'\nimport { useInquiryStore } from '~/stores/InquiryStore'\nimport { ModelApiKey } from '~/types/models'\nimport { ProgramProductNavigation } from '~/components/StickyHeader.vue'\nimport { StringMultiLocaleField, BooleanTypeMultiLocaleField } from '~/types/generated'\n\nconst { locale, t } = useI18n()\nconst config = useRuntimeConfig()\nconst route = useRoute()\nconst router = useRouter()\nconst store = useAppStore()\nconst inquiryStore = useInquiryStore()\nconst activeTab = ref(0)\nconst isMounted = ref(false)\n\nconst { throwError } = useNuxtError()\n\nconst { data, error } = await useAsyncGql('programProduct', {\n  // @ts-ignore\n  locale,\n  slug: route.params.slug as string,\n  options: {\n    initialCache: false\n  }\n})\n\nif (!data?.value!.programProduct || error.value) {\n  throwError(404)\n}\n\nconst headerData = computed<ProgramProductNavigation>(() => {\n  return {\n    productCategory: data.value.programProduct.category.programCategory,\n    productTitle: data.value.programProduct.product,\n    navigation: [\n      {\n        title: t('programProduct.aboutProduct'),\n        visible: true\n      },\n      {\n        title: t('programProduct.productDetail'),\n        visible: data.value.programProduct?.displayTehnicalDetails\n      },\n      {\n        title: `${t('programProduct.catalog')} (PDF)`,\n        slug: data.value.programProduct?.pdfLink,\n        description: `${data.value.programProduct?.product}.pdf`,\n        visible: true\n      }\n    ],\n    button: {\n      text: t('programProduct.buttonText')\n    }\n  }\n})\n\nif (route.query.tab === headerData.value.navigation[1].title) {\n  activeTab.value = 1\n} else if (route.query.tab && route.query.tab !== headerData.value.navigation[1].title) {\n  throwError(404)\n}\n\nif (data?.value!.programProduct) {\n  route.meta.nuxtI18n = useLocaleSlugs(\n    data.value.programProduct._allSlugLocales as StringMultiLocaleField[],\n    data.value.programProduct._allPublishTranslationLocales as BooleanTypeMultiLocaleField[]\n  )\n}\n\nconst datoHead = toHead((data.value as any).programProduct.seo)\nconst i18nHeadLinks = useLocaleHeadLinks(ModelApiKey.ProgramProduct)\n\nfunction handleTabSwitch(index: number, navTitle: string) {\n  activeTab.value = index\n\n  if (index === 1) {\n    router.replace({ query: { tab: navTitle } })\n  } else {\n    router.replace({ query: undefined })\n  }\n}\n\nfunction handleButtonClick() {\n  inquiryStore.skipToStep(data.value?.programProduct?.category, data.value.programProduct)\n}\n\nuseHead(() => {\n  const metaTags = [...(datoHead.meta || [])]\n\n  // Check for noindex\n  if ((data.value as any).programProduct.excludeRecordFromSearchEngines) {\n    metaTags.push({ name: 'robots', hid: 'robots', content: 'noindex' })\n  }\n\n  return {\n    title: datoHead.title,\n    link: [...i18nHeadLinks],\n    meta: [\n      {\n        hid: 'og:url',\n        property: 'og:url',\n        content: config.public.appUrl + route.fullPath\n      },\n      ...metaTags\n    ]\n  }\n})\n\nonMounted(() => {\n  isMounted.value = true\n  store.setTheme('gray')\n})\n</script>\n"],"names":["NuxtLink","__nuxt_component_0","isScreenLg","useBreakpoints","theme","isDesktop","useDevice","bodyLock","bodyUnlock","useBodyLock","emit","__emit","isActive","ref","watch","handleNavClick","navItem","index","handleButtonClick","handleResize","useDebounceFn","onMounted","onUnmounted","resolveSectionComponent","useResolveComponent","store","useAppStore","locale","t","useI18n","config","useRuntimeConfig","route","useRoute","router","useRouter","inquiryStore","useInquiryStore","activeTab","isMounted","throwError","useNuxtError","data","error","__temp","__restore","_withAsyncContext","useAsyncGql","headerData","computed","_a","_b","_c","useLocaleSlugs","datoHead","toHead","i18nHeadLinks","useLocaleHeadLinks","ModelApiKey","handleTabSwitch","navTitle","useHead","metaTags"],"mappings":"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"}