{"version":3,"file":"DADhC3Py.js","sources":["../../../../src/components/components/core/headline-dynamic/vdv/headline-deco.vue","../../../../src/components/components/core/headline-dynamic/vdv/headline-dynamic.vue"],"sourcesContent":["<template>\n  <div class=\"relative z-[1]\" :class=\"containerClass\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"269.801\"\n      height=\"12.438\"\n      viewBox=\"0 0 269.801 12.438\"\n    >\n      <path\n        id=\"Pfad_1027\"\n        data-name=\"Pfad 1027\"\n        d=\"M-21885.8-22825h120.4s3.367-11.437,14.9-11.437,14.9,11.438,14.9,11.438h119.6\"\n        transform=\"translate(21885.801 22836.938)\"\n        fill=\"none\"\n        :class=\"strokeColor\"\n        stroke-width=\"1\"\n      />\n    </svg>\n    <div class=\"absolute w-full cursor-default select-none bot-0\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 38.5 39.2\"\n        style=\"height: 8.7px; stroke: none\"\n        class=\"mx-auto\"\n        :fill=\"props.logoColor\"\n      >\n        <path\n          class=\"cls-1\"\n          d=\"M0,0H9.7l9.8,25.6h.2L29.4,0h9.1l-16,39.2H15.6Z\"\n        />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * @Remark\n * Inline SVGs for the ability to style the stroke/fill-color\n * Vdv-Logo (which the SVG Code is taken from) can be found in the assets folder\n */\n\nconst props = defineProps({\n  containerClass: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  width: {\n    type: String,\n    required: false,\n    default: '80',\n  },\n  strokeWidth: {\n    type: Number,\n    required: false,\n    default: 1,\n  },\n  strokeColor: {\n    type: String,\n    required: false,\n    default: null,\n  },\n  logoColor: {\n    type: String,\n    required: false,\n    default: null,\n  },\n});\n</script>\n\n<style scoped>\n.v-circle {\n  border-radius: 100%;\n  width: 100px;\n  height: 100px;\n  position: absolute;\n  top: calc(0px - 50px);\n  left: calc(50% - 50px);\n}\n.absolute-center {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n</style>\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <div\n    :class=\"[\n      props.containerClasses,\n      { 'mx-auto': props.alignText === 'center' },\n      props.width,\n      props.maxWidth,\n    ]\"\n    class=\"headline__container print:!pt-0 print:!pb-2\"\n  >\n    <component\n      :is=\"level\"\n      :class=\"styleClasses\"\n      :style=\"getHeadlineStyle()\"\n      class=\"vdv-headline hyphens-auto max-w-[calc(100vw-var(--thm-spacing-md))]\"\n      :data-testid=\"testid\"\n    >\n      <slot v-if=\"$slots.default\" />\n      <span v-else :data-testid=\"`${testid}Span`\" v-html=\"t(headline)\"></span>\n    </component>\n\n    <div\n      v-if=\"\n        hasDecoration &&\n        (level === EHeadlineSize.H1 || level === EHeadlineSize.H2)\n      \"\n      class=\"flex items-center justify-center w-[270px] h-auto mx-auto cursor-default pb-xs\"\n    >\n      <HeadlineDeco\n        :stroke-width=\"props.strokeWidth\"\n        :logo-color=\"\n          level === EHeadlineSize.H2 ? 'fill-inherit' : props.logoColor\n        \"\n        :stroke-color=\"strokeColor ?? 'stroke-inherit'\"\n        :container-class=\"props.decoContainerClasses\"\n      />\n    </div>\n    <div\n      v-else-if=\"hasDecoration && level === EHeadlineSize.H3\"\n      class=\"headline__stroke w-[270px] h-[1px] mt-2xs mx-auto mb-2xs !bg-activesection-border-base\"\n    ></div>\n    <p\n      v-if=\"subline\"\n      class=\"max-w-screen-lg mx-auto mt-sm\"\n      :class=\"styleClasses\"\n    >\n      {{ subline }}\n    </p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EHeadlineSize } from '@/@types/headline';\nimport HeadlineDeco from './headline-deco.vue';\n\nexport interface Props {\n  headline: string;\n  subline?: string;\n  hasDecoration?: boolean;\n  alignText?: string;\n  level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string | EHeadlineSize;\n  strokeWidth?: number;\n  strokeColor?: string;\n  logoColor?: string;\n  textColor?: string;\n  classes?: string;\n  containerClasses?: string;\n  decoContainerClasses?: string;\n  width?: string;\n  testid?: string;\n}\n\nconst { t } = useTrans();\n\nconst props = withDefaults(defineProps<Props>(), {\n  headline: '',\n  subline: null,\n  hasDecoration: false,\n  alignText: 'center',\n  level: 'h1',\n  strokeWidth: 1,\n  strokeColor: null,\n  logoColor: '#346e73',\n  textColor: '',\n  classes: '',\n  containerClasses: '',\n  decoContainerClasses: '',\n  width: 'w-fit',\n  maxWidth: 'max-w-screen-md',\n});\n\nlet styleClasses: any[] = [];\nlet textColorVal = '';\n\nif (props.textColor.startsWith('color:')) {\n  styleClasses = [\n    {\n      [getAlignment()]: true,\n      'mx-auto': props.alignText === 'center',\n      [props.classes]: props.classes,\n    },\n  ];\n} else {\n  setTextColor(props.level);\n  styleClasses = [\n    {\n      [getAlignment()]: true,\n      'mx-auto': props.alignText === 'center',\n      [textColorVal]: true,\n      [props.classes]: props.classes,\n    },\n  ];\n}\n\nfunction setTextColor(headlineLevel: string) {\n  if (props.textColor !== '' && props.textColor != undefined) {\n    textColorVal = props.textColor;\n  } else {\n    if (headlineLevel === 'h1') {\n      textColorVal = 'text-vdv-base';\n    } else {\n      textColorVal = 'text-inherit';\n    }\n  }\n}\n\nfunction getAlignment() {\n  return 'text-' + props.alignText;\n}\n\nfunction getHeadlineStyle() {\n  if (props.textColor.startsWith('color:')) {\n    return props.textColor;\n  }\n}\n</script>\n<style lang=\"postcss\" scoped>\n.vdv-headline {\n  @apply hyphens-auto;\n}\n\nh1,\nh2 {\n  @apply !font-josefin;\n}\n\nh3,\nh4,\nh5,\nh6 {\n  @apply !font-text;\n}\n</style>\n"],"names":["props","__props","t","useTrans","styleClasses","textColorVal","getAlignment","setTextColor","headlineLevel","getHeadlineStyle"],"mappings":"00BA0CA,MAAMA,EAAQC,+pCC+BR,KAAA,CAAE,EAAAC,GAAMC,IAERH,EAAQC,EAiBd,IAAIG,EAAsB,CAAA,EACtBC,EAAe,GAEfL,EAAM,UAAU,WAAW,QAAQ,EACtBI,EAAA,CACb,CACE,CAACE,EAAc,CAAA,EAAG,GAClB,UAAWN,EAAM,YAAc,SAC/B,CAACA,EAAM,OAAO,EAAGA,EAAM,OACzB,CAAA,GAGFO,EAAaP,EAAM,KAAK,EACTI,EAAA,CACb,CACE,CAACE,EAAc,CAAA,EAAG,GAClB,UAAWN,EAAM,YAAc,SAC/B,CAACK,CAAY,EAAG,GAChB,CAACL,EAAM,OAAO,EAAGA,EAAM,OACzB,CAAA,GAIJ,SAASO,EAAaC,EAAuB,CACvCR,EAAM,YAAc,IAAMA,EAAM,WAAa,KAC/CK,EAAeL,EAAM,UAEjBQ,IAAkB,KACLH,EAAA,gBAEAA,EAAA,cAGrB,CAEA,SAASC,GAAe,CACtB,MAAO,QAAUN,EAAM,SACzB,CAEA,SAASS,GAAmB,CAC1B,GAAIT,EAAM,UAAU,WAAW,QAAQ,EACrC,OAAOA,EAAM,SAEjB"}