{"version":3,"file":"BlokRichText.d9b6626d.js","sources":["../../../../storyblok/Blok/BlokRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { BlokRichText } from '~~/types/storyblok/bloks'\n\nconst props = defineProps<{ blok: BlokRichText | undefined }>()\n\nconst richText = computed(() => {\n  return props.blok?.body ? renderRichText(props.blok.body) : ''\n})\n\nconst maxWidthClass = computed(() => {\n  return props.blok?.width === 'widest'\n    ? 'max-w-prose-widest'\n    : props.blok?.width === 'wide'\n    ? 'max-w-prose-wide'\n    : props.blok?.width === 'tight'\n    ? 'max-w-prose-tight'\n    : 'max-w-prose'\n})\n\nconst horizontalAlignment = computed(() => {\n  return props.blok?.horizontal_alignment === 'text-center'\n    ? 'text-center'\n    : props.blok?.horizontal_alignment === 'text-right'\n    ? 'text-right'\n    : 'text-left'\n})\n</script>\n\n<template lang=\"pug\">\nsection(v-editable=\"blok\" class=\"blok-rich-text flex items-center justify-center\")\n  div(class=\"blok-rich-text__wrapper\")\n    hr(class=\"hidden col-span-1 m-0 mt-27\" aria-hidden=\"true\")\n\n    div(class=\"blok-rich-text__body flex flex-col\")\n      div(\n        v-html=\"richText\"\n        :class=\"[maxWidthClass, horizontalAlignment]\"\n      )\n      UiButton(\n        v-if=\"props.blok?.cta\"\n        v-for=\"cta in props.blok.cta\"\n        :blok=\"cta\"\n        :class=\"horizontalAlignment === 'text-center' ? 'self-center' : 'self-start'\"\n      )\n</template>\n\n<style lang=\"postcss\">\n.blok-rich-text {\n  p {\n    > a {\n      @apply font-bold relative leading-none pb-3;\n      background-image: linear-gradient(\n        90deg,\n        theme(colors.highlight),\n        theme(colors.highlight)\n      );\n      background-position: 0 100%;\n      background-repeat: no-repeat;\n      background-size: 100% 3px;\n\n      &:link,\n      &:visited {\n        @apply text-blue;\n      }\n      &:hover,\n      &:active {\n        @apply text-blue-dark;\n      }\n    }\n  }\n}\n</style>\n"],"names":["richText","computed","_a","props","renderRichText","maxWidthClass","_b","_c","horizontalAlignment"],"mappings":"0gBAKAA,EAAAC,EAAA,IAAA,OACE,OAAAC,EAAAC,EAAA,OAAA,MAAAD,EAAA,KAAAE,EAAAD,EAAA,KAAA,IAAA,EAAA,EAA4D,CAAA,EAG9DE,EAAAJ,EAAA,IAAA,WACE,QAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,SAAA,SAAA,uBAAAI,EAAAH,EAAA,OAAA,YAAAG,EAAA,SAAA,OAAA,qBAAAC,EAAAJ,EAAA,OAAA,YAAAI,EAAA,SAAA,QAAA,oBAAA,aAMI,CAAA,EAGNC,EAAAP,EAAA,IAAA,SACE,QAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,wBAAA,cAAA,gBAAAI,EAAAH,EAAA,OAAA,YAAAG,EAAA,wBAAA,aAAA,aAAA,WAII,CAAA"}