{"version":3,"file":"PostArticle-Chc3Dhxf.js","sources":["../../src/components/common/PostArticle.vue"],"sourcesContent":["<template>\n  <article :class=\"['space-0-above', 'container']\">\n    <PostFeaturedImage\n      v-if=\"postData.featuredImage\"\n      :class=\"$style.picture\"\n      :is-aspect=\"true\"\n      :is-wide=\"postData.featuredImageWidth === 'wide'\"\n      :featured-image=\"postData.featuredImage.node\"\n      :srcset=\"postData.imageSrcset\"\n      :ga4-data='`{\n        \"click_type\": \"hero\",\n        \"component\": \"PostArticle\",\n        \"content_group\": \"post\",\n        \"gtm_tag\": \"image\",\n        \"file_name\": \"${postData.featuredImage.node.sourceUrl.split(\"/\").pop()}\"\n      }`'\n    ></PostFeaturedImage>\n    <section :class=\"$style.container\">\n      <header>\n        <div :class=\"$style.info\">\n          <nav>\n            <BackLink\n              component=\"PostArticle\"\n              :group=\"type\"\n              :label=\"type\"\n              :name=\"getComponentName\"\n            ></BackLink>\n          </nav>\n          <h1 v-html=\"postData.title\"></h1>\n          <time :datetime=\"postData.date\" class=\"subtitle-2 space-0-above\">\n            {{ postData.date }}\n          </time>\n        </div>\n      </header>\n      <ProcessContent\n        ref=\"mainContent\"\n        wrapper=\"section\"\n        :content=\"postData.content\"\n      ></ProcessContent>\n    </section>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport BackLink from '@/components/common/BackLink.vue';\nimport { computed } from 'vue';\nimport { PostArticle } from '@/types/postarticle.interface';\nimport PostFeaturedImage from '@/components/common/PostFeaturedImage.vue';\nimport ProcessContent from '@/components/common/ProcessContent.vue';\n\nconst props = defineProps<{\n  link: string;\n  postData: PostArticle;\n  type: string;\n}>();\n\nconst getComponentName = computed(() => `${props.link}Section`);\n</script>\n\n<style lang=\"scss\" module>\n.info {\n  time {\n    display: inline-block;\n  }\n}\n\n.picture {\n  background-color: $white;\n}\n\n@media (min-width: $break-point) {\n  .container {\n    @include grid;\n\n    > header {\n      grid-column: span 12;\n    }\n\n    > section {\n      grid-column: 1 / span 8;\n    }\n\n    .discover-more {\n      grid-column: 1 / span 8;\n    }\n\n    .info {\n      @include grid;\n\n      > * {\n        grid-column: 1 / span 8;\n      }\n\n      nav {\n        grid-column: span 12;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","getComponentName","computed"],"mappings":"yfAkDA,MAAMA,EAAQC,EAMRC,EAAmBC,EAAS,IAAM,GAAGH,EAAM,IAAI,SAAS;;;;;;"}