{"version":3,"file":"ContentTypeArticle.026a5b6a.js","sources":["../../../../components/Article/ArticleRelatedShowcase.vue","../../../../storyblok/contentTypes/ContentTypeArticle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContentTypeArticleStoryList } from '~~/types/storyblok/stories'\n\nconst props = defineProps<{ categorySlugs: string }>()\n\nconst route = useRoute()\n\nconst storyQuery = computed(() => ({\n  content_type: 'ContentTypeArticle',\n  starts_with: 'insights/article',\n  per_page: 4,\n  excluding_slugs: (route.params.slug as string[]).join('/'),\n  filter_query: {\n    category: {\n      any_in_array: props.categorySlugs,\n    },\n  },\n}))\n\nconst fetchData = async () => {\n  const response = await useAsyncStoryblokStoryQuery(storyQuery.value)\n  return response.value.data.stories as ContentTypeArticleStoryList\n}\n\nconst fetchedArticles = ref(await fetchData())\n\nwatch(\n  () => props.categorySlugs,\n  async () => {\n    fetchedArticles.value = await fetchData()\n  },\n  { deep: true }\n)\n\nconst hasFetchedArticles = computed(() => {\n  return fetchedArticles.value.length > 0\n})\n</script>\n\n<template lang=\"pug\">\ndiv(\n  v-if=\"hasFetchedArticles\"\n  class=\"w-full pt-0 px-18 md:px-36 -mt-48 md:pt-72 pb-36 xl:px-0 xl:-mt-144\"\n)\n  ArticleShowcase(:fetched-articles=\"fetchedArticles\")\n</template>\n","<script lang=\"ts\" setup>\nimport dayjs from 'dayjs'\nimport type { ContentTypeArticle } from '~~/types/storyblok/contentTypes'\nimport { usePageMetaHelper } from '~~/composables/usePageMetaHelper'\n\nconst props = defineProps<{\n  blok: ContentTypeArticle\n  title: string\n  dateUpdated?: string\n  datePublished?: string\n}>()\n\nconst res = await useAsyncStoryblokDatasourceQuery({\n  datasource: 'article-categories',\n})\n\nconst categoryOptions = computed(() => {\n  return res.value.data.datasource_entries.map((category) => ({\n    label: category.name,\n    value: category.value,\n  }))\n})\n\nconst heroImage = computed(() => {\n  return {\n    _uid: 'hero',\n    component: 'MediaImage',\n    asset: props?.blok?.hero || '',\n  }\n})\n\nconst categorySlugs = computed(() => {\n  return props?.blok?.category?.join(',')\n})\n\nconst category = computed(() => {\n  // categoryList\n  const categoryValue = props?.blok?.category?.[0]\n\n  if (!categoryValue) {\n    return {}\n  }\n\n  const categoryOption = categoryOptions.value.filter(\n    (option) => option.value === categoryValue\n  )[0]\n\n  return {\n    name: categoryOption.label,\n    slug: categoryValue,\n  }\n})\n\nconst publishedShort = computed(() => {\n  return !!props?.datePublished\n    ? dayjs(props.datePublished).format('MMMM YYYY')\n    : ''\n})\nconst publishedLong = computed(() => {\n  return !!props?.datePublished\n    ? dayjs(props.datePublished).format('D MMMM YYYY')\n    : ''\n})\n\n// SEO settings\nconst pageTitle = props.blok?.seo?.title || props.title || ''\nconst pageDescription =\n  props.blok?.seo?.description || props.blok?.introduction || ''\nconst pageImage =\n  props.blok?.seo_image?.filename || props?.blok?.hero?.filename || ''\n\nconst { applyMeta } = usePageMetaHelper(useRoute())\napplyMeta({\n  name: `${props.title} - Insights`,\n  title: pageTitle,\n  description: pageDescription,\n  image: pageImage,\n})\n</script>\n\n<template lang=\"pug\">\narticle(v-editable=\"blok\" class=\"content-article text-md flex flex-col items-center\")\n  header(class=\"pt-120 md:pt-144 flex flex-col items-center container\")\n    div(class=\"max-w-prose px-18 md:px-0\")\n      PageBreadcrumbs(\n        :parent-pages=\"[{ label: 'Insights', value: '/insights' }]\"\n      )\n      h1 {{ props.title }}\n      p(class=\"text-md font-medium md:text-lg md:font-normal\") {{ props?.blok?.introduction }}\n\n      div(class=\"article-meta flex justify-between items-center gap-18 mt-36\")\n        div(\n          v-if=\"props?.datePublished\"\n          class=\"flex items-center gap-6 text-sm font-medium text-grey-500\"\n        )\n          MaterialSymbol calendar_today\n          p(class=\"pt-3 m-0\")\n            span(class=\"md:hidden\") {{ publishedShort }}\n            span(class=\"hidden md:inline\") Published {{ publishedLong }}\n        NuxtLink(\n          v-if=\"category?.name\"\n          :to=\"`/insights?category=${category.slug}`\"\n          class=\"inline-flex px-9 py-3 text-sm font-medium text-blue-dark border-2 border-highlight rounded-full\"\n        ) {{ category.name }}\n  div(class=\"container hero-image mt-24 xl:mb-48 w-full max-w-[1200px]\" v-if=\"heroImage\")\n    StoryblokComponent(\n      :blok=\"heroImage\"\n      :width=\"1200\"\n      :height=\"540\"\n      :object-cover=\"true\"\n      aspect=\"article-hero\"\n    )\n\n  div(\n    class=\"w-full bg-grey-200 flex flex-col items-center py-48 xl:pt-180 xl:-mt-144 xl:pb-144\"\n  )\n    StoryblokComponent(\n      v-for=\"item in blok?.body\"\n      :key=\"item._uid\"\n      :blok=\"item\"\n    )\n\n    hr(class=\"mx-auto\")\n\n  ArticleRelatedShowcase(:category-slugs=\"categorySlugs\")\n</template>\n\n<style lang=\"postcss\" scoped>\n.blok-rich-text {\n  @apply max-w-prose mb-24 px-18 md:px-0;\n\n  & + & {\n    @apply mt-36;\n  }\n}\n\n.blok-media {\n  @apply max-w-prose-widest mt-24 mb-48;\n}\n\n.blok-section {\n  @apply max-w-screen-xl;\n  & + & {\n    @apply mt-36;\n  }\n}\n</style>\n"],"names":["route","useRoute","storyQuery","computed","props","fetchData","useAsyncStoryblokStoryQuery","fetchedArticles","ref","__temp","__restore","_withAsyncContext","watch","hasFetchedArticles","res","useAsyncStoryblokDatasourceQuery","categoryOptions","category2","heroImage","_a","categorySlugs","_b","category","categoryValue","option","publishedShort","dayjs","publishedLong","pageTitle","pageDescription","_d","_c","_e","pageImage","_g","_f","_i","_h","applyMeta","usePageMetaHelper"],"mappings":"i1BAKAA,EAAAC,IAEAC,EAAAC,EAAA,KAAA,CAAmC,aAAA,qBACnB,YAAA,mBACD,SAAA,EACH,gBAAAH,EAAA,OAAA,KAAA,KAAA,GAAA,EAC+C,aAAA,CAC3C,SAAA,CACF,aAAAI,EAAA,aACY,CACtB,CACF,EAAA,EAGFC,EAAA,UACE,MAAAC,GAAAJ,EAAA,KAAA,GACA,MAAA,KAAA,QAGFK,EAAAC,GAAA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAN,EAAA,CAAA,EAAAI,EAAA,MAAAA,EAAAC,EAAA,EAAAD,EAAA,EAEAG,GAAA,IAAAR,EAAA,cACc,SAAA,CAEVG,EAAA,MAAA,MAAAF,GAAwC,EAC1C,CAAA,KAAA,EAAA,CACa,EAGf,MAAAQ,EAAAV,EAAA,IACEI,EAAA,MAAA,OAAA,CAAsC,w+BCvBxCO,GAAA,CAAAL,EAAAC,CAAA,EAAAC,EAAA,IAAAI,GAAA,CAAmD,WAAA,oBACrC,CAAA,CAAA,EAAAN,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAGdO,EAAAb,EAAA,IACEW,EAAA,MAAA,KAAA,mBAAA,IAAAG,IAAA,CAA4D,MAAAA,EAAA,KAC1C,MAAAA,EAAA,KACA,EAAA,CAChB,EAGJC,EAAAf,EAAA,IAAA,OACE,MAAA,CAAO,KAAA,OACC,UAAA,aACK,QAAAgB,EAAAf,GAAA,YAAAA,EAAA,OAAA,YAAAe,EAAA,OAAA,EACiB,CAC9B,CAAA,EAGFC,EAAAjB,EAAA,IAAA,SACE,OAAAkB,GAAAF,EAAAf,GAAA,YAAAA,EAAA,OAAA,YAAAe,EAAA,WAAA,YAAAE,EAAA,KAAA,IAAsC,CAAA,EAGxCC,EAAAnB,EAAA,IAAA,SAEE,MAAAoB,GAAAF,GAAAF,EAAAf,GAAA,YAAAA,EAAA,OAAA,YAAAe,EAAA,WAAA,YAAAE,EAAA,GAEA,OAAAE,EAQA,CAAO,KAJPP,EAAA,MAAA,OAA6CQ,GAAAA,EAAA,QAAAD,CACd,EAAA,CAAA,EAGxB,MACgB,KAAAA,CACf,EATN,EAUF,CAAA,EAGFE,EAAAtB,EAAA,IACEC,GAAA,MAAAA,EAAA,cAAAsB,EAAAtB,EAAA,aAAA,EAAA,OAAA,WAAA,EAAA,EAEI,EAENuB,EAAAxB,EAAA,IACEC,GAAA,MAAAA,EAAA,cAAAsB,EAAAtB,EAAA,aAAA,EAAA,OAAA,aAAA,EAAA,EAEI,EAINwB,IAAAP,GAAAF,EAAAf,EAAA,OAAA,YAAAe,EAAA,MAAA,YAAAE,EAAA,QAAAjB,EAAA,OAAA,GACAyB,IAAAC,GAAAC,EAAA3B,EAAA,OAAA,YAAA2B,EAAA,MAAA,YAAAD,EAAA,gBAAAE,EAAA5B,EAAA,OAAA,YAAA4B,EAAA,eAAA,GAEAC,IAAAC,GAAAC,EAAA/B,EAAA,OAAA,YAAA+B,EAAA,YAAA,YAAAD,EAAA,aAAAE,GAAAC,EAAAjC,GAAA,YAAAA,EAAA,OAAA,YAAAiC,EAAA,OAAA,YAAAD,EAAA,WAAA,GAGA,CAAA,UAAAE,CAAA,EAAAC,GAAAtC,EAAA,CAAA,EACA,OAAAqC,EAAA,CAAU,KAAA,GAAAlC,EAAA,mBACO,MAAAwB,EACR,YAAAC,EACM,MAAAI,CACN,CAAA"}