{"version":3,"file":"2VnLZx_x.js","sources":["../../../../src/components/block/circleText/vdv/circle-text.vue"],"sourcesContent":["<template>\n  <ContainerBasic container-type=\"PAGE\">\n    <Headline\n      v-if=\"blockData.headline\"\n      :has-decoration=\"true\"\n      :headline=\"blockData.headline\"\n      :level=\"blockData.headlineSize\"\n      class=\"pt-md md:pt-xl\"\n    />\n\n    <div\n      class=\"flex flex-col justify-center gap-md touch:md:flex-row lg:flex-row mt-md md:mt-xl\"\n    >\n      <div\n        v-for=\"item of blockData.items\"\n        :key=\"item.id\"\n        class=\"relative z-10 flex flex-col overflow-hidden after:border-activesection-alpha before:border-b-activesection-alpha\"\n        :class=\"[\n          getItemFlexBase(blockData.items.length),\n          item.bgColor ? 'md:p-md p-sm' : 'px-md md:px-0',\n        ]\"\n        :style=\"[item.bgColor]\"\n      >\n        <atom-circle-icon\n          :icon=\"item.icon\"\n          class=\"mb-sm md:mb-md\"\n        ></atom-circle-icon>\n        <div\n          v-if=\"item.headline\"\n          class=\"!mb-sm sm:!mb-sm md:!mb-md min-h-[32px] flex items-end mx-auto w-fit\"\n        >\n          <span\n            :style=\"item.textColor\"\n            class=\"mx-auto text-center h4 text-inherit\"\n          >\n            {{ item.headline }}\n          </span>\n        </div>\n        <WYSIWYGContentRaw\n          :no-container-padding=\"true\"\n          :style=\"item.textColor\"\n          :content=\"item.text\"\n        ></WYSIWYGContentRaw>\n        <div v-if=\"item.cta\" class=\"mt-auto pt-sm\">\n          <CallToAction :block-data=\"item.cta\"></CallToAction>\n        </div>\n      </div>\n    </div>\n  </ContainerBasic>\n</template>\n<script lang=\"ts\" setup>\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport AtomCircleIcon from '@/components/atom/circle-icon.vue';\nimport CallToAction from '~~/src/components/block/cta/vdv/CallToAction.vue';\nimport { Headline, WYSIWYGContentRaw } from '~/complib';\nimport type { CircleTextData } from '../blockTypes';\n\ndefineProps({\n  classes: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  blockData: {\n    type: Object as PropType<CircleTextData>,\n    required: true,\n    default: {} as CircleTextData,\n  },\n});\n\nfunction getItemFlexBase(items: number) {\n  switch (items) {\n    case 1:\n      return 'basis-full';\n    case 2:\n      return 'basis-1/2';\n    case 3:\n      return 'basis-1/3';\n    case 4:\n      return 'basis-1/4';\n  }\n}\n</script>\n"],"names":["getItemFlexBase","items"],"mappings":"s4BAsEA,SAASA,EAAgBC,EAAe,CACtC,OAAQA,EAAO,CACb,IAAK,GACI,MAAA,aACT,IAAK,GACI,MAAA,YACT,IAAK,GACI,MAAA,YACT,IAAK,GACI,MAAA,WACX,CACF"}