{"version":3,"file":"D0daRbJe.js","sources":["../../../../src/components/formFields/components/successView/vdv/successView.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el\"\n    class=\"flex flex-col items-center content-center w-full bg-white pb-xl\"\n    :class=\"{\n      'pt-[53px]': !(dialogStore.headline && isInDialog),\n      'pt-sm': dialogStore.headline && isInDialog,\n    }\"\n  >\n    <div\n      v-if=\"headline && !(dialogStore.headline && isInDialog)\"\n      class=\"mb-md mt-sm\"\n    >\n      <HeadlineDynamic :headline=\"t(headline)\" level=\"h1\" has-decoration />\n    </div>\n    <div v-if=\"image\" class=\"flex items-center justify-center w-full mb-md\">\n      <img\n        :src=\"getImageSrc(image)\"\n        loading=\"lazy\"\n        class=\"max-h-[196px] h-[20vh] min-h-[100px]\"\n      />\n    </div>\n\n    <div v-if=\"subHeadline\" class=\"mb-xs\">\n      <HeadlineDynamic :headline=\"t(subHeadline)\" level=\"h4\" has-decoration />\n    </div>\n\n    <div class=\"text-center mb-md\">\n      <template v-for=\"(text, i) in texts\" :key=\"i\">\n        <p v-if=\"text\">\n          {{ t(text) }}\n        </p>\n        <br v-else />\n      </template>\n    </div>\n\n    <ButtonBasic\n      v-if=\"cta\"\n      :label=\"t(cta)\"\n      :type=\"EButtonType.BUTTON\"\n      :btn-style=\"EButtonStyle.CTA\"\n      bg-color=\"var(--vdv-btn-base)\"\n      full-width\n      :loading-animation=\"isLoading\"\n      :disabled=\"isLoading\"\n      @click=\"$emit('clickCta')\"\n    />\n\n    <div\n      v-if=\"hasClose\"\n      class=\"cursor-pointer text-vdv-base mt-md\"\n      @click=\"$emit('close')\"\n    >\n      <FaIcon icon-class=\"fas fa-xmark\" />\n      <span class=\"anim__underline-link vdv-anim-link\">{{\n        t('formFields.success.close')\n      }}</span>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport HeadlineDynamic from '~~/src/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/vdv/basic-button.vue';\nimport { EButtonStyle, EButtonType } from '~~/src/@types/basic-button';\nimport FaIcon from '~/components/fa-icon.vue';\nimport { useDialogStore } from '@/stores/useDialogStore';\n\nconst { t } = useTrans();\n\nconst props = defineProps({\n  headline: {\n    type: String,\n    default: '',\n  },\n  subHeadline: {\n    type: String,\n    default: '',\n  },\n  cta: {\n    type: String,\n    default: '',\n  },\n  texts: {\n    type: Array as PropType<string[]>,\n    default: () => [],\n  },\n  image: {\n    type: String,\n    default: '',\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n  hasClose: {\n    type: Boolean,\n    default: false,\n  },\n});\n\ndefineEmits<{\n  (e: 'clickCta'): void;\n  (e: 'close'): void;\n}>();\n\nconst dialogStore = useDialogStore();\ndialogStore.setHeadline(props.headline);\n\nconst el = ref<HTMLElement | null>(null);\nconst isInDialog = useIsInDialog(el);\n\nfunction getImageSrc(image: string) {\n  return useImages().getImageSrc(image);\n}\n</script>\n"],"names":["t","useTrans","props","__props","dialogStore","useDialogStore","el","ref","isInDialog","useIsInDialog","getImageSrc","image","useImages"],"mappings":"i4BAmEM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAAQC,EAoCRC,EAAcC,IACRD,EAAA,YAAYF,EAAM,QAAQ,EAEhC,MAAAI,EAAKC,EAAwB,IAAI,EACjCC,EAAaC,EAAcH,CAAE,EAEnC,SAASI,EAAYC,EAAe,CAC3B,OAAAC,EAAY,EAAA,YAAYD,CAAK,CACtC"}