{"version":3,"file":"DmV9SCce.js","sources":["../../../../src/components/components/cms/eventIntroduction/event-introduction.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    v-if=\"pageData.typeHandle === PageTypeHandle.EVENT\"\n    container-type=\"CONTENT\"\n    class=\"flex flex-col px-md md:px-0\"\n  >\n    <HeadlineDynamic\n      :headline=\"pageData?.title ?? ''\"\n      :has-decoration=\"true\"\n      align-text=\"center\"\n      level=\"h1\"\n      class=\"mb-sm md:mb-md\"\n    />\n\n    <div\n      class=\"flex flex-row justify-center mx-auto mt-0 mb-sm md:mb-md place-items-center gap-xs\"\n    >\n      <EventCourseIndicator\n        :course-type=\"event.courseType\"\n        :is-clickable=\"false\"\n      ></EventCourseIndicator>\n      <EventCmeIndicator v-if=\"event.cmePoints\" :cme-points=\"event.cmePoints\" />\n    </div>\n    <div\n      class=\"flex flex-row flex-wrap items-stretch justify-center place-content-start gap-y-xs md:gap-y-0\"\n    >\n      <div\n        class=\"flex flex-row flex-wrap text-center w-full md:w-[40%] md:text-right\"\n      >\n        <div v-if=\"event.date\" class=\"w-full\">\n          {{ getWeekdayLocale(event.date, lang).slice(0, 2) }}.\n          <span class=\"text-xl\">\n            <b> {{ dayjs(event.date).format('D') }}. </b>\n          </span>\n          {{ getMonthLocale(event.date, lang) }}\n          {{ dayjs(event.date).format('YYYY') }}\n          &middot;\n          {{ getHoursLocale(event.startTime, lang, false) }}\n          -\n          {{ getHoursLocale(event.endTime, lang, true) }}\n        </div>\n        <div v-else class=\"w-full\">\n          <span class=\"w-full text-center md:text-left\">{{\n            t('event.individualAppointment')\n          }}</span>\n        </div>\n        <div\n          v-for=\"(date, index) in event.additionalDates\"\n          :key=\"index\"\n          class=\"w-full\"\n        >\n          {{ getWeekdayLocale(date.date, lang).slice(0, 2) }}.\n          <span class=\"text-xl\">\n            <b> {{ dayjs(date.date).format('D') }}. </b>\n          </span>\n          {{ getMonthLocale(date.date, lang) }}\n          {{ dayjs(date.date).format('YYYY') }}\n          &middot;\n          {{ getHoursLocale(date.startTime, lang, false) }}\n          -\n          {{ getHoursLocale(date.endTime, lang, true) }}\n        </div>\n      </div>\n      <div class=\"hidden px-xl py-2xs md:flex\">\n        <div class=\"bg-gray-300 px-[1px] h-full my-auto\"></div>\n      </div>\n      <div class=\"self-center text-center md:text-left w-full md:w-[40%]\">\n        <div\n          v-if=\"event.location?.street\"\n          class=\"w-full text-center md:text-left\"\n        >\n          {{ event.location.street }}\n          {{ event.location.streetNumber ?? '' }}\n        </div>\n        <div v-if=\"event.location\" class=\"w-full text-center md:text-left\">\n          {{ event.location.zipCode ?? '' }}\n          {{ event.location.title }}\n        </div>\n        <div\n          v-if=\"event.courseType === ECourseType.HYBRID\"\n          class=\"w-full text-center md:text-left\"\n        >\n          {{ t('event.onlineLocationAddition') }}\n        </div>\n      </div>\n      <div class=\"flex flex-row flex-wrap justify-center w-full mt-0 md:mt-md\">\n        <p><b>Zielgruppe:&nbsp;</b></p>\n        <p\n          v-for=\"(targetGroup, index) in event.targetGroup\"\n          :key=\"index\"\n          class=\"text-center\"\n          v-text=\"\n            index < event.targetGroup.length - 1\n              ? `${t('targetGroups.events.' + targetGroup)},&nbsp;`\n              : t('targetGroups.events.' + targetGroup)\n          \"\n        />\n      </div>\n    </div>\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs, {\n  getWeekdayLocale,\n  getMonthLocale,\n  getHoursLocale,\n} from '@/helpers/dayJs';\nimport { PageTypeHandle } from '@/@types/type-handle';\nimport { ECourseType } from '@/@types/course-type';\nimport EventCourseIndicator from '@/components/event/event-course-indicator.vue';\nimport EventCmeIndicator from '@/components/event/event-cme-indicator.vue';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport type { EventPage } from '~~/src/server/transformers/page/eventPage';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport type { EventIntroductionData } from './blockType';\n\nconst { t } = useTrans();\n\ndefineProps({\n  blockData: {\n    type: Object as PropType<EventIntroductionData>,\n    required: true,\n    default: {} as EventIntroductionData,\n  },\n});\n//TODO Date localizations with global variable from store/l18n?\nconst lang = 'de';\n\nconst pageData = usePageData<EventPage>();\nconst event = pageData.value.event;\n</script>\n"],"names":["lang","t","useTrans","pageData","usePageData","event"],"mappings":"k0CA+HMA,EAAO,uGAVP,KAAA,CAAE,EAAAC,GAAMC,IAYRC,EAAWC,IACXC,EAAQF,EAAS,MAAM"}