{"version":3,"file":"rvqIQDNd.js","sources":["../../../../src/components/components/core/basic-button-dialog/vdv/basic-button-dialog.vue"],"sourcesContent":["<!-- eslint-disable vue/no-v-html -->\n<template>\n  <div\n    class=\"absolute z-10 invisible overflow-hidden bottom-full mb-sm\"\n    :class=\"[\n      props.visible ? '!visible' : '',\n      props.voucherButton ? 'w-[319px] sm:w-[390px] right-[0px]' : 'w-full',\n    ]\"\n  >\n    <div\n      class=\"items-center w-full p-4 transition-all duration-300 translate-y-full\"\n      :class=\"[\n        props.visible ? '!translate-y-[0%]' : '',\n        isErrorMessage ? 'bg-[#D94343]' : 'bg-[#74baa2]',\n        props.voucherButton ? 'w-[319px] sm:w-[390px] inset-y-0 right-0' : '',\n      ]\"\n    >\n      <ButtonIcon\n        icon=\"far fa-xmark\"\n        button-classes=\"bg-transparent\"\n        :style=\"[EButtonStyle.CTA, { color: 'white' }]\"\n        icon-classes=\"text-[1.5rem]\"\n        classes=\"bg-transparent h-6 mx-0 flex justify-end w-full\"\n        @click=\"onClose\"\n      />\n      <div class=\"flex flex-col items-center content-center w-full -mt-xs\">\n        <slot v-if=\"$slots.content\" name=\"content\" />\n        <template v-else>\n          <div\n            class=\"font-normal text-white uppercase font-josefin mb-xs\"\n            style=\"letter-spacing: 0.2rem\"\n          >\n            {{ props.dialogContent?.dialogHeadline }}\n          </div>\n          <div class=\"h-[1px] w-full mx-auto mb-2xs bg-white opacity-30\"></div>\n          <div v-if=\"!isErrorMessage && showImage && !props.voucherButton\">\n            <img\n              src=\"@/assets/images/paper-plane.svg\"\n              class=\"mt-xs\"\n              loading=\"lazy\"\n            />\n          </div>\n\n          <p\n            class=\"text-center text-white font-text mt-sm mb-xs\"\n            v-html=\"props.dialogContent?.dialogText\"\n          ></p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport { EButtonStyle } from '@/@types/basic-button';\nimport type { IDialogContent } from '@/@types/dialog-content';\nimport ButtonIcon from '@/components/components/core/basicButtonIcon/basic-button-icon.vue';\n\nconst props = defineProps({\n  visible: {\n    //Resolves to :property-foo=\"\"\n    type: Boolean,\n    required: true,\n  },\n  dialogContent: {\n    type: Object as PropType<IDialogContent>,\n    required: false,\n    default: null,\n  },\n  showImage: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  voucherButton: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nconst isErrorMessage = computed(() => {\n  return !(props.dialogContent && props.dialogContent.dialogType !== 'error');\n});\n\nconst emit = defineEmits<{\n  (e: 'close'): string;\n}>();\n\nfunction onClose() {\n  emit('close');\n}\n</script>\n<style scoped lang=\"postcss\"></style>\n"],"names":["props","__props","isErrorMessage","computed","emit","__emit","onClose"],"mappings":"88BA0DA,MAAMA,EAAQC,EAuBRC,EAAiBC,EAAS,IACvB,EAAEH,EAAM,eAAiBA,EAAM,cAAc,aAAe,QACpE,EAEKI,EAAOC,EAIb,SAASC,GAAU,CACjBF,EAAK,OAAO,CACd"}