{"version":3,"file":"CDWo6x0q.js","sources":["../../../../src/components/layout/header/components/styledMy/vdv/styledMy.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-row items-center whitespace-nowrap flex-nowrap\">\n    <template v-if=\"isStyled\">\n      {{ prev.join(' ') }}\n      <div\n        class=\"relative font-bold font-caveat mr-[5px]\"\n        :style=\"{\n          'font-size': fontSizePx + 'px',\n        }\"\n      >\n        <div class=\"absolute z-0 h-full w-[120%] -left-[10%] -bottom-[25%]\">\n          <svg\n            id=\"styledMy\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"49\"\n            height=\"17.814\"\n            viewBox=\"0 0 49 17.814\"\n            class=\"w-full h-full mx-auto\"\n            :style=\"{\n              fill: getBgColor(props.styleType),\n              stroke: '#FFFFFF00',\n            }\"\n          >\n            <path\n              id=\"Pfad_8122\"\n              data-name=\"Pfad 8122\"\n              d=\"M-12888.954-17685.609c-5.77.77-9.746,2.176-18.982,3.715s-15.776,1.469-15.9,3.262,1.411,2.883,1.026,4.418-2.373.641-2.309,2.049,2.052,4.738,11.415,3.457,20.33-4.418,26.294-4.865,9.108.514,9.493-.641-1.409-3.2-.9-4.867,3.593-5.633,2.438-6.527S-12883.181-17686.379-12888.954-17685.609Z\"\n              transform=\"translate(12925.125 17686.236)\"\n            />\n          </svg>\n        </div>\n        <span class=\"relative z-1\">{{ styled }}</span>\n      </div>\n      {{ next.join(' ') }}\n    </template>\n    <template v-else>{{ text }}</template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  useStyledMy,\n  EStyleType,\n} from '@/components/layout/header/components/styledMy/useStyledMy';\nimport { getBgColor } from '@/components/layout/header/components/styledMy/vdv/utils';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true,\n  },\n  fontSizePx: {\n    type: Number,\n    required: false,\n    default: 18,\n  },\n  styleType: {\n    type: Number as PropType<EStyleType>,\n    required: false,\n    default: () => EStyleType.default,\n  },\n});\n\nconst { isStyled, styled, prev, next } = useStyledMy(props.text);\n</script>\n"],"names":["props","__props","isStyled","styled","prev","next","useStyledMy"],"mappings":"6oDA8CA,MAAMA,EAAQC,EAiBR,CAAE,SAAAC,EAAU,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,GAASC,EAAYN,EAAM,IAAI"}