{"version":3,"file":"WW6IzAst.js","sources":["../../../../components/RichText.vue"],"sourcesContent":["<template>\n  <div class=\"rich-text-container\" v-if=\"nodes?.length\">\n    <Scaffold v-for=\"node in nodes\" :key=\"node.key\">\n      <component\n        v-if=\"node.nodeType === 'blok'\"\n        :is=\"node.blokType\"\n        :blok=\"node.content\"\n      />\n      <component v-else :is=\"node.nodeType\" v-html=\"node.content\" />\n    </Scaffold>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Scaffold } from \"cja-phoenix\";\nimport { RichtextStoryblok } from \"~/types/bloks\";\n\nconst { text } = defineProps<{ text: RichtextStoryblok | undefined }>();\n\nconst nodes = computed(() => {\n  const nodes: any[] = [];\n\n  if (text?.content) {\n    Object.entries(text.content).forEach(([key, node]) => {\n      if (node.type === \"blok\" && node.attrs?.body?.length > 0) {\n        node.attrs?.body.forEach((blok) => {\n          nodes.push({\n            key,\n            nodeType: \"blok\",\n            blokType: blok.component,\n            content: blok,\n          });\n        });\n      } else if (node.content) {\n        const nodeType = (() => {\n          switch (node.type) {\n            case \"heading\":\n              return `h${node.attrs.level}`;\n\n            case \"paragraph\":\n              return \"p\";\n\n            case \"bullet_list\":\n              return \"ul\";\n\n            case \"ordered_list\":\n              return \"ol\";\n\n            case \"blockquote\":\n              return \"blockquote\";\n\n            default:\n              console.info(`Unsupported node: ${node.type}`);\n              return \"div\";\n          }\n        })();\n\n        nodes.push({\n          key,\n          nodeType: nodeType,\n          content: renderRichText({\n            type: \"doc\",\n            content: [node],\n          })\n            ?.replace(`<${nodeType}>`, \"\")\n            .replace(`</${nodeType}>`, \"\"),\n        });\n      }\n    });\n  } else {\n    nodes.push({\n      nodeType: \"p\",\n      content: text,\n    });\n  }\n\n  return nodes;\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.rich-text-container {\n  :deep(a:not(.cja-btn)) {\n    color: $main-blue;\n    transition: all 0.2s ease-in-out;\n\n    &:hover {\n      color: $dark-blue;\n    }\n  }\n\n  * {\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n</style>\n"],"names":["nodes","computed","_a","__props","key","node","_b","_c","blok","nodeType","renderRichText"],"mappings":"2NAmBM,MAAAA,EAAQC,EAAS,IAAM,OAC3B,MAAMD,EAAe,CAAC,EAElB,OAAAE,EAAAC,SAAA,MAAAD,EAAM,QACD,OAAA,QAAQC,EAAA,KAAK,OAAO,EAAE,QAAQ,CAAC,CAACC,EAAKC,CAAI,IAAM,aACpD,GAAIA,EAAK,OAAS,UAAUC,GAAAJ,EAAAG,EAAK,QAAL,YAAAH,EAAY,OAAZ,YAAAI,EAAkB,QAAS,GACrDC,EAAAF,EAAK,QAAL,MAAAE,EAAY,KAAK,QAASC,GAAS,CACjCR,EAAM,KAAK,CACT,IAAAI,EACA,SAAU,OACV,SAAUI,EAAK,UACf,QAASA,CAAA,CACV,CAAA,WAEMH,EAAK,QAAS,CACvB,MAAMI,GAAY,IAAM,CACtB,OAAQJ,EAAK,KAAM,CACjB,IAAK,UACI,MAAA,IAAIA,EAAK,MAAM,KAAK,GAE7B,IAAK,YACI,MAAA,IAET,IAAK,cACI,MAAA,KAET,IAAK,eACI,MAAA,KAET,IAAK,aACI,MAAA,aAET,QACE,eAAQ,KAAK,qBAAqBA,EAAK,IAAI,EAAE,EACtC,KAAA,CACX,GACC,EAEHL,EAAM,KAAK,CACT,IAAAI,EACA,SAAAK,EACA,SAASC,EAAAA,EAAe,CACtB,KAAM,MACN,QAAS,CAACL,CAAI,CACf,CAAA,IAHQK,YAAAA,EAIL,QAAQ,IAAID,CAAQ,IAAK,IAC1B,QAAQ,KAAKA,CAAQ,IAAK,GAAE,CAChC,CAAA,CACH,CACD,EAEDT,EAAM,KAAK,CACT,SAAU,IACV,QAASG,EAAI,IAAA,CACd,EAGIH,CAAA,CACR"}