{"version":3,"file":"ContentTypePortfolio.5e740212.js","sources":["../../../../storyblok/contentTypes/ContentTypePortfolio.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport dayjs from 'dayjs'\nimport type { ContentTypePortfolio } from '~~/types/storyblok/contentTypes'\nimport type { MediaImage } from '~~/types/storyblok/media'\n\nconst props = defineProps<{\n  blok: ContentTypePortfolio\n  title: string\n}>()\n\nconst logo = computed((): MediaImage => {\n  return {\n    _uid: 'hero',\n    component: 'MediaImage',\n    asset: props?.blok?.logo,\n  }\n})\n\nconst investedDate = computed(() => {\n  return !!props?.blok?.date_invested\n    ? dayjs(props.blok.date_invested).format('MMMM YYYY')\n    : ''\n})\n\nconst exitedDate = computed(() => {\n  return !!props?.blok?.date_exited\n    ? dayjs(props.blok.date_exited).format('MMMM YYYY')\n    : ''\n})\n\nconst hasHeroBlok = computed(() => !!props?.blok?.hero?.length)\n\n// SEO settings\nconst pageTitle = props.blok?.seo?.title || props?.title || ''\nconst pageDescription =\n  props.blok?.seo?.description || props.blok?.introduction || ''\nconst pageImage = props.blok?.seo_image?.filename || ''\n\nconst { applyMeta } = usePageMetaHelper(useRoute())\napplyMeta({\n  name: `${props.title} - Portfolio`,\n  title: pageTitle,\n  description: pageDescription,\n  image: pageImage,\n})\n</script>\n\n<template lang=\"pug\">\narticle(v-editable=\"blok\")\n  StoryblokComponent(\n    v-for=\"item in blok?.hero\"\n    :key=\"item._uid\"\n    :blok=\"item\"\n    :title=\"props.title\"\n    isMain\n  )\n\n  header(\n    class=\"container pb-36 lg:pb-72 text-md max-w-prose px-18 md:px-0 relative z-20\"\n    :class=\"hasHeroBlok ? '-mt-12 md:mt-0 md:pt-48 ' : 'pt-120 md:pt-144'\"\n  )\n    PageBreadcrumbs(\n      :parent-pages=\"[{ label: 'Portfolio', value: '/portfolio' }]\"\n    )\n\n    div(class=\"flex flex-col md:flex-row gap-36 md:gap-48 items-center\")\n      div(class=\"w-180 md:w-144 p-9 shadow-xl shrink-0\")\n        MediaImage(\n          :blok=\"logo\"\n          :with-overlay=\"false\"\n          :object-cover=\"true\"\n          :width=\"300\"\n          aspect=\"square\"\n          :alt=\"`Logo for ${props.title}`\"\n        )\n\n      component(\n        :is=\"!hasHeroBlok ? 'h1' : 'h2'\"\n        :class=\"hasHeroBlok ? 'hidden md:block' : '-order-1 md:order-1'\"\n        class=\"mb-0\"\n      ) {{ props.title }}\n\n  div(class=\"bg-grey-200\")\n    div(class=\"content-article pt-48 container text-md flex flex-col items-center\")\n      StoryblokComponent(\n        v-for=\"item in blok?.blocks\"\n        :key=\"item._uid\"\n        :blok=\"item\"\n      )\n\n      div(class=\"article-meta container max-w-prose flex flex-col px-18 md:px-0 mt-36\")\n        div(\n          v-if=\"props?.blok?.date_invested\"\n          class=\"flex items-center gap-18 text-base text-grey-500 border-b border-grey-300 py-18\"\n        )\n          MaterialSymbol history\n          p(class=\"m-0\") Investment date: #[strong {{ investedDate }}]\n\n        div(\n          v-if=\"props?.blok?.date_exited\"\n          class=\"flex items-center gap-18 text-base text-grey-500 border-b border-grey-300 py-18\"\n        )\n          MaterialSymbol logout\n          p(class=\"m-0\") Exit date: #[strong {{ exitedDate }}]\n\n        div(\n          v-if=\"props?.blok?.url && props?.blok?.url?.linktype === 'url'\"\n          class=\"flex items-center gap-18 text-base text-grey-500 border-b border-grey-300 py-18\"\n        )\n          MaterialSymbol link\n          NuxtLink(:to=\"props.blok.url.url\" class=\"m-0\") {{ props.blok.url.url }}\n\n      hr(class=\"mx-auto\")\n</template>\n\n<style lang=\"postcss\" scoped>\n.content-article {\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</style>\n"],"names":["logo","computed","_a","props","investedDate","dayjs","exitedDate","hasHeroBlok","_b","pageTitle","pageDescription","_d","_c","_e","pageImage","_g","_f","applyMeta","usePageMetaHelper","useRoute"],"mappings":"utCAUAA,EAAAC,EAAA,IAAA,OACE,MAAA,CAAO,KAAA,OACC,UAAA,aACK,OAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,YAAAD,EAAA,IACS,CACtB,CAAA,EAGFE,EAAAH,EAAA,IAAA,OACE,OAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,MAAAD,EAAA,cAAAG,EAAAF,EAAA,KAAA,aAAA,EAAA,OAAA,WAAA,EAAA,EAEI,CAAA,EAGNG,EAAAL,EAAA,IAAA,OACE,OAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,MAAAD,EAAA,YAAAG,EAAAF,EAAA,KAAA,WAAA,EAAA,OAAA,WAAA,EAAA,EAEI,CAAA,EAGNI,EAAAN,EAAA,aAAA,OAAA,GAAAO,GAAAN,EAAAC,GAAA,YAAAA,EAAA,OAAA,YAAAD,EAAA,OAAA,MAAAM,EAAA,QAAA,EAGAC,IAAAD,GAAAN,EAAAC,EAAA,OAAA,YAAAD,EAAA,MAAA,YAAAM,EAAA,SAAAL,GAAA,YAAAA,EAAA,QAAA,GACAO,IAAAC,GAAAC,EAAAT,EAAA,OAAA,YAAAS,EAAA,MAAA,YAAAD,EAAA,gBAAAE,EAAAV,EAAA,OAAA,YAAAU,EAAA,eAAA,GAEAC,IAAAC,GAAAC,EAAAb,EAAA,OAAA,YAAAa,EAAA,YAAA,YAAAD,EAAA,WAAA,GAEA,CAAA,UAAAE,CAAA,EAAAC,GAAAC,EAAA,CAAA,EACA,OAAAF,EAAA,CAAU,KAAA,GAAAd,EAAA,oBACO,MAAAM,EACR,YAAAC,EACM,MAAAI,CACN,CAAA"}