{"version":3,"file":"wj9ZiZPY.js","sources":["../../../../src/components/block/cta/templateCTA/EventTemplateCTA.vue"],"sourcesContent":["<template>\n  <div>\n    <ContainerBasic classes=\"max-w-screen-lg mx-auto\">\n      <div class=\"text-center\">\n        <div v-if=\"event.price && event.price > 0\" class=\"text-3xl font-bold\">\n          <div>\n            {{\n              t('event.cta.heading', {\n                price: n(\n                  event.price,\n                  event.price % 1 === 0 ? 'currencyNoCents' : 'currency',\n                ),\n              })\n            }}\n          </div>\n          <div class=\"text-sm font-normal\">\n            {{\n              event.isGroupPrice\n                ? t('event.tax.prefix.group')\n                : t('event.tax.prefix.person')\n            }}\n            {{ t('event.tax') }}\n          </div>\n        </div>\n        <div v-else class=\"text-2xl font-bold\">\n          {{ t('event.cta.heading' + priceTranslationKey) }}\n        </div>\n        <div class=\"text-sm\">\n          {{ blockData.text }}\n        </div>\n        <ButtonBasic\n          :label=\"t('event.cta.title' + priceTranslationKey)\"\n          :btn-style=\"EButtonStyle.CTA\"\n          :slim=\"true\"\n          :disabled=\"isDisabled\"\n          classes=\"mx-auto inline-block mt-md\"\n          @click=\"scrollToForm()\"\n        />\n        <div v-if=\"isDisabled\" class=\"mt-2 text-sm\">\n          {{ t(eventFull ? 'event.cta.fullyBooked' : 'event.cta.cancelled') }}\n        </div>\n      </div>\n    </ContainerBasic>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EButtonStyle } from '@/@types/basic-button';\nimport { scrollToElement } from '@/helpers/scroll';\nimport { EEventStatus } from '@/@types/event-status';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/vdv/basic-button.vue';\nimport type { CTAEventData } from '../blockTypes';\nimport type { EventPage } from '~~/src/server/transformers/page/eventPage';\nimport type { EventData } from '~~/src/server/transformers/EntityTransformers/eventTransformer';\n\nconst { t, n } = useTrans();\n\ndefineProps({\n  blockData: {\n    type: Object as PropType<CTAEventData>,\n    required: true,\n  },\n});\n\nconst pageData = usePageData<EventPage>();\nconst event = <EventData>pageData.value.event;\nconst eventFull = event.status === EEventStatus.FULLY_BOOKED;\nconst eventCancelled = event.status === EEventStatus.CANCELLED;\nconst isDisabled = eventCancelled || eventFull;\n\nconst scrollToForm = () => {\n  if (eventFull || eventCancelled) {\n    return;\n  }\n  const formElements = document.querySelectorAll('*[id^=\"FormContainer\"]');\n  if (formElements.length > 0) {\n    scrollToElement(formElements[0]);\n  }\n  return;\n};\n\nconst priceTranslationKey = computed(() => {\n  switch (event.price) {\n    case null:\n      return '.notSpecified';\n    case 0:\n      return '.forFree';\n    default:\n      return '';\n  }\n});\n</script>\n"],"names":["t","n","useTrans","event","usePageData","eventFull","EEventStatus","eventCancelled","isDisabled","scrollToForm","formElements","scrollToElement","priceTranslationKey","computed"],"mappings":"kzBAwDA,KAAM,CAAE,EAAAA,EAAG,EAAAC,CAAE,EAAIC,EAAS,EAUpBC,EADWC,IACiB,MAAM,MAClCC,EAAYF,EAAM,SAAWG,EAAa,aAC1CC,EAAiBJ,EAAM,SAAWG,EAAa,UAC/CE,EAAaD,GAAkBF,EAE/BI,EAAe,IAAM,CACzB,GAAIJ,GAAaE,EACf,OAEI,MAAAG,EAAe,SAAS,iBAAiB,wBAAwB,EACnEA,EAAa,OAAS,GACRC,EAAAD,EAAa,CAAC,CAAC,CAEjC,EAGIE,EAAsBC,EAAS,IAAM,CACzC,OAAQV,EAAM,MAAO,CACnB,KAAK,KACI,MAAA,gBACT,IAAK,GACI,MAAA,WACT,QACS,MAAA,EACX,CAAA,CACD"}