{"version":3,"file":"wfhqwXSe.js","sources":["../../../../src/components/tiles/components/tiles/EventTile/components/EventInfos.vue","../../../../src/components/tiles/components/tiles/EventTile/components/SingleTileContent.vue","../../../../src/components/tiles/components/tiles/EventTile/components/MultiTileContent.vue","../../../../src/components/event/event-status-indicator.vue","../../../../src/components/tiles/components/tiles/EventTile/EventTile.vue"],"sourcesContent":["<template>\n  <div v-if=\"event.speakers.length !== 0\" class=\"flex\">\n    <FaIcon icon-class=\"fal fa-users\" classes=\"mt-[3.5px] mr-[10px] fa-fw\" />\n    <div>\n      {{ getSpeakers() }}\n    </div>\n  </div>\n  <div class=\"flex space-x-xs\">\n    <div>\n      <FaIcon icon-class=\"fal fa-calendar-day\" classes=\"mr-[10px] fa-fw\" />\n      <div class=\"inline\">\n        <span>{{\n          event.date ? formatDate(event.date) : t('event.individualAppointment')\n        }}</span>\n        <span v-if=\"event.additionalDates?.length > 0\">\n          <span v-if=\"event.hasConsecutiveDates\"\n            >{{ ' + '\n            }}{{\n              formatDate(\n                event.additionalDates[event.additionalDates.length - 1].date,\n              )\n            }}</span\n          >\n          <template v-else>\n            <span v-if=\"event.additionalDates.length === 1\">\n              {{ ' + ' }}{{ t('event.additionalDate') }}</span\n            >\n            <span v-else>\n              {{ ' + ' }}\n              {{\n                t('event.additionalDates', {\n                  count: event.additionalDates.length,\n                })\n              }}</span\n            >\n          </template>\n        </span>\n      </div>\n    </div>\n    <div v-if=\"event.additionalDates?.length === 0 && event.date\">\n      <span class=\"mr-xs\">|</span>\n      <FaIcon icon-class=\"fal fa-clock\" classes=\"mr-2xs fa-fw\" />\n      {{\n        t(event.duration == 1 ? 'event.duration' : 'event.durations', {\n          duration: event.duration,\n        })\n      }}\n    </div>\n  </div>\n  <div>\n    <div>\n      <FaIcon icon-class=\"fal fa-location-pin\" classes=\"mr-[10px] fa-fw\" />\n      <span>{{ event.location.title }}</span\n      ><span v-if=\"event.courseType === ECourseType.HYBRID\">\n        {{ `&nbsp;${t('event.onlineLocationAddition')}` }}</span\n      >\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { formatDate } from '@/helpers/dayJs';\nimport { ECourseType } from '@/@types/course-type';\n\nimport type { EventData } from '~~/src/server/transformers/EntityTransformers/eventTransformer';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n\nconst props = defineProps({\n  event: {\n    type: Object as PropType<EventData>,\n    required: true,\n  },\n});\n\nfunction getSpeakers(): string {\n  let speakerInfo = '';\n  props.event.speakers.forEach((speaker, index) => {\n    speakerInfo += `${\n      speaker.title\n        ? `${speaker.title} ${speaker.firstName} ${speaker.lastName}`\n        : `${speaker.firstName} ${speaker.lastName}`\n    }${\n      index !== props.event.speakers.length - 1 &&\n      props.event.speakers.length !== 1\n        ? ', '\n        : ''\n    }`;\n  });\n  return speakerInfo;\n}\n</script>\n<style scoped lang=\"postcss\"></style>\n","<template>\n  <div\n    :class=\"{\n      'flex flex-row justify-between items-end':\n        size === ETileSize.SLIM && !isMobile,\n    }\"\n  >\n    <div\n      class=\"pt-sm\"\n      :class=\"{\n        'flex justify-between items-center': size === ETileSize.SLIM,\n      }\"\n    >\n      <div class=\"text-md\">\n        <EventInfos :event=\"tileData.event\" />\n      </div>\n    </div>\n    <div class=\"flex flex-col self-end justify-end pt-md\">\n      <div class=\"relative flex items-center justify-between\">\n        <div class=\"flex flex-row flex-wrap space-x-1 md:space-x-4\">\n          <EventCourseIndicator\n            v-if=\"size !== ETileSize.SLIM || isMobile\"\n            :course-type=\"tileData.event.courseType\"\n            :is-clickable=\"false\"\n          />\n          <EventCmeIndicator\n            v-if=\"\n              tileData.event.cmePoints && (size !== ETileSize.SLIM || isMobile)\n            \"\n            :cme-points=\"tileData.event.cmePoints\"\n          />\n        </div>\n        <div v-if=\"tileData.event.price\" class=\"flex flex-col text-right\">\n          <span class=\"text-3xl font-bold\">\n            {{ n(tileData.event.price, 'currency') }}\n          </span>\n          <span class=\"text-sm mt-[-3pt]\">\n            {{\n              tileData.event.isGroupPrice\n                ? t('event.tax.prefix.group')\n                : t('event.tax.prefix.person')\n            }}\n            {{ t('event.tax') }}\n          </span>\n        </div>\n        <div v-else class=\"flex flex-col text-right\">\n          <span class=\"text-2xl font-bold\">{{ t('event.forFree') }}</span>\n        </div>\n      </div>\n      <LinkBasic\n        :label=\"t('event.showDetails')\"\n        :link=\"`/${tileData.uri}`\"\n        :filter-params=\"queryArgs\"\n        target=\"_self\"\n        icon=\"fas fa-chevron-right\"\n        class=\"justify-end text-vdv-base pt-md\"\n      />\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ETileSize } from '@/@types/tile-size';\nimport EventCourseIndicator from '@/components/event/event-course-indicator.vue';\nimport EventCmeIndicator from '@/components/event/event-cme-indicator.vue';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport EventInfos from './EventInfos.vue';\nimport type { LocationQueryRaw } from 'vue-router';\nimport type { EventTileData } from '../tileType';\n\nconst { t, n } = useTrans();\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst isMobile = inject(mq_breakpointIsMobile);\n\ndefineProps({\n  tileData: {\n    type: Object as PropType<EventTileData>,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ETileSize>,\n    required: true,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n</script>\n<style scoped lang=\"postcss\"></style>\n","<template>\n  <div\n    class=\"pt-sm\"\n    :class=\"{\n      'flex justify-between items-center': size === ETileSize.SLIM,\n    }\"\n  >\n    <div class=\"text-md\">\n      <EventInfos :event=\"tileData.event\" />\n    </div>\n  </div>\n  <div class=\"flex flex-col self-end justify-end pt-md\">\n    <div class=\"relative flex items-center justify-between\">\n      <div class=\"flex flex-row flex-wrap gap-1\">\n        <EventCourseIndicator\n          v-if=\"size !== ETileSize.SLIM || isMobile\"\n          :course-type=\"tileData.event.courseType\"\n          :is-clickable=\"false\"\n        />\n        <EventCmeIndicator\n          v-if=\"\n            tileData.event.cmePoints && (size !== ETileSize.SLIM || isMobile)\n          \"\n          :cme-points=\"tileData.event.cmePoints\"\n        />\n      </div>\n      <div\n        v-if=\"tileData.event.price === null\"\n        class=\"flex flex-col text-right\"\n      >\n        <span class=\"text-3xl font-bold leading-alt-xl\">\n          {{ t('event.tile.notSpecified') }}\n        </span>\n        <span class=\"text-sm mt-[-3pt]\">\n          {{ t('event.tile.requestPrice') }}\n        </span>\n      </div>\n      <div\n        v-else-if=\"tileData.event.price === 0\"\n        class=\"flex flex-col text-right\"\n      >\n        <span class=\"text-2xl font-bold leading-alt-xl\">\n          {{ t('event.forFree') }}\n        </span>\n        <span class=\"text-sm mt-[-3pt]\">&nbsp;</span>\n      </div>\n      <div v-else class=\"flex flex-col text-right\">\n        <span class=\"text-3xl font-bold leading-alt-xl\">\n          {{ n(tileData.event.price, 'currency') }}\n        </span>\n        <span class=\"text-sm mt-[-3pt]\">\n          {{\n            tileData.event.isGroupPrice\n              ? t('event.tax.prefix.group')\n              : t('event.tax.prefix.person')\n          }}\n          {{ t('event.tax') }}\n        </span>\n      </div>\n    </div>\n    <LinkBasic\n      :label=\"t('event.showDetails')\"\n      :link=\"`/${tileData.uri}`\"\n      :filter-params=\"queryArgs\"\n      target=\"_self\"\n      icon=\"fas fa-chevron-right\"\n      class=\"justify-end text-vdv-base pt-md\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ETileSize } from '@/@types/tile-size';\nimport type { LocationQueryRaw } from 'vue-router';\nimport EventCourseIndicator from '@/components/event/event-course-indicator.vue';\nimport EventCmeIndicator from '@/components/event/event-cme-indicator.vue';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport EventInfos from './EventInfos.vue';\nimport type { EventTileData } from '../tileType';\n\nconst { t, n } = useTrans();\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst isMobile = inject(mq_breakpointIsMobile);\n\ndefineProps({\n  tileData: {\n    type: Object as PropType<EventTileData>,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ETileSize>,\n    required: true,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n</script>\n<style scoped lang=\"postcss\"></style>\n","<template>\n  <div\n    class=\"status\"\n    :class=\"{\n      'status-popular': eventStatus === EEventStatus.POPULAR,\n    }\"\n  >\n    <div class=\"status-main\">\n      {{ getStatusFromEnum(eventStatus) }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EEventStatus } from '@/@types/event-status';\n\nconst { t } = useTrans();\ndefineProps({\n  eventStatus: {\n    type: String as PropType<EEventStatus>,\n    required: true,\n  },\n});\n\nfunction getStatusFromEnum(icon: EEventStatus) {\n  switch (icon) {\n    case EEventStatus.FULLY_BOOKED:\n      return t('event.fullyBooked');\n    case EEventStatus.CANCELLED:\n      return t('event.cancelled');\n    case EEventStatus.POPULAR:\n      return t('event.popular');\n    default:\n      return '';\n  }\n}\n</script>\n<style scoped lang=\"postcss\">\n.status {\n  @apply absolute top-md right-0 bg-vdv-btn-base text-white;\n}\n\n.status-main {\n  @apply relative px-xs font-bold text-sm h-[24px] leading-sm;\n}\n.status-popular {\n  @apply bg-sign-yellow;\n}\n\n.status-main::before {\n  content: '\\A';\n  border-style: solid;\n  border-width: 0px 10px 24px 0;\n  border-color: transparent #555555 transparent transparent;\n  position: absolute;\n  left: -10px;\n}\n\n.status-popular > .status-main::before {\n  border-color: transparent #deab53 transparent transparent;\n}\n</style>\n","<template>\n  <TileFrame :size=\"size\" @click=\"handleTileClick\">\n    <template #image>\n      <ImageBasic\n        :image-data=\"tileData.image\"\n        class=\"object-cover w-full h-full aspect-video\"\n        :class=\"{ ['grayscale-[88%] ease-in duration-300']: !isAvailable }\"\n        sizes=\"768px md:460px\"\n        quality=\"80\"\n      ></ImageBasic>\n      <EventStatusIndicator\n        v-if=\"\n          tileData.typeHandle === TileTypeHandle.EVENT &&\n          tileData.event.status !== EEventStatus.NO_STATUS\n        \"\n        :event-status=\"tileData.event.status\"\n      />\n    </template>\n\n    <div\n      :data-test-id=\"generateTestId(tileData.title, 'event')\"\n      class=\"grid h-full p-md grid-rows-[auto_1fr_auto]\"\n      :class=\"{\n        'grid-rows-[min-content_max-content_auto]':\n          !isSingleTile && size === ETileSize.SLIM,\n        'grid-rows-[min-content_max-content] content-between':\n          isSingleTile && size === ETileSize.SLIM,\n      }\"\n    >\n      <div class=\"flex justify-between\">\n        <div>\n          <h5 ref=\"overline\" class=\"flex items-start text-sm font-light\">\n            <div\n              class=\"bg-sign-yellow text-white h-[24px] min-w-[75px] shrink-0 px-xs inline float-left text-sm leading-sm mr-sm\"\n            >\n              <FaIcon\n                icon-class=\"fal fa-calendar-days\"\n                classes=\"pr-2xs fa-fw\"\n              />\n              {{ t(tileData.event.type) }}\n            </div>\n            <div>{{ tileData.overline.map(t).join(', ') }}</div>\n          </h5>\n          <div class=\"text-md pt-sm\">\n            <h4 class=\"break-words\">\n              {{ tileData.title }}\n            </h4>\n          </div>\n        </div>\n        <div\n          v-if=\"!isMobile\"\n          class=\"flex flex-row flex-wrap justify-end space-x-1 md:space-x-4\"\n        >\n          <EventCourseIndicator\n            v-if=\"size === ETileSize.SLIM\"\n            :course-type=\"tileData.event.courseType\"\n            :is-clickable=\"false\"\n          />\n          <EventCmeIndicator\n            v-if=\"size === ETileSize.SLIM && tileData.event.cmePoints\"\n            :cme-points=\"tileData.event.cmePoints\"\n          />\n        </div>\n      </div>\n      <SingleTileContent\n        v-if=\"isSingleTile\"\n        :tile-data=\"tileData\"\n        :size=\"size\"\n        :query-args=\"queryArgs\"\n      />\n      <MultiTileContent\n        v-else\n        :tile-data=\"tileData\"\n        :size=\"size\"\n        :query-args=\"queryArgs\"\n      />\n    </div>\n  </TileFrame>\n</template>\n<script setup lang=\"ts\">\nimport { ETileSize } from '@/@types/tile-size';\nimport type { LocationQueryRaw } from 'vue-router';\nimport EventCourseIndicator from '@/components/event/event-course-indicator.vue';\nimport EventCmeIndicator from '@/components/event/event-cme-indicator.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport { EEventStatus } from '~~/src/@types/event-status';\nimport TileFrame from '../../tileFrame/TileFrame.vue';\nimport SingleTileContent from './components/SingleTileContent.vue';\nimport MultiTileContent from './components/MultiTileContent.vue';\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport type { EventTileData } from './tileType';\nimport { TileTypeHandle } from '../../../types';\nimport FaIcon from '@/components/fa-icon.vue';\nimport EventStatusIndicator from '@/components/event/event-status-indicator.vue';\nimport { generateTestId } from '@/helpers/e2eTestes';\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst isMobile = inject(mq_breakpointIsMobile);\nconst { t } = useTrans();\n\nconst props = defineProps({\n  tileData: {\n    type: Object as PropType<EventTileData>,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ETileSize>,\n    required: true,\n  },\n  isSingleTile: {\n    type: Boolean,\n    default: false,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n\nconst isAvailable =\n  props.tileData.event.status !== EEventStatus.CANCELLED &&\n  props.tileData.event.status !== EEventStatus.FULLY_BOOKED;\n\nfunction handleTileClick() {\n  navigateTo({\n    path: '/' + props.tileData.uri,\n    query: props.queryArgs,\n  });\n}\n</script>\n<style scoped lang=\"postcss\"></style>\n"],"names":["t","useTrans","props","__props","getSpeakers","speakerInfo","speaker","index","n","overline","ref","__expose","isMobile","inject","mq_breakpointIsMobile","getStatusFromEnum","icon","EEventStatus","isAvailable","handleTileClick","navigateTo"],"mappings":"04BAkEM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAAQC,EAOd,SAASC,GAAsB,CAC7B,IAAIC,EAAc,GAClB,OAAAH,EAAM,MAAM,SAAS,QAAQ,CAACI,EAASC,IAAU,CAC/CF,GAAe,GACbC,EAAQ,MACJ,GAAGA,EAAQ,KAAK,IAAIA,EAAQ,SAAS,IAAIA,EAAQ,QAAQ,GACzD,GAAGA,EAAQ,SAAS,IAAIA,EAAQ,QAAQ,EAC9C,GACEC,IAAUL,EAAM,MAAM,SAAS,OAAS,GACxCA,EAAM,MAAM,SAAS,SAAW,EAC5B,KACA,EACN,EAAA,CACD,EACMG,CACT,u2DCpBA,KAAM,CAAE,EAAAL,EAAG,EAAAQ,CAAE,EAAIP,EAAS,EAEpBQ,EAAWC,EAAoB,IAAI,EAE5BC,EAAA,CAAE,SAAAF,EAAU,EAEnB,MAAAG,EAAWC,EAAOC,CAAqB,0yDCI7C,KAAM,CAAE,EAAAd,EAAG,EAAAQ,CAAE,EAAIP,EAAS,EAEpBQ,EAAWC,EAAoB,IAAI,EAE5BC,EAAA,CAAE,SAAAF,EAAU,EAEnB,MAAAG,EAAWC,EAAOC,CAAqB,sxCCtEvC,KAAA,CAAE,EAAAd,GAAMC,IAQd,SAASc,EAAkBC,EAAoB,CAC7C,OAAQA,EAAM,CACZ,KAAKC,EAAa,aAChB,OAAOjB,EAAE,mBAAmB,EAC9B,KAAKiB,EAAa,UAChB,OAAOjB,EAAE,iBAAiB,EAC5B,KAAKiB,EAAa,QAChB,OAAOjB,EAAE,eAAe,EAC1B,QACS,MAAA,EACX,CACF,qrBC6DM,MAAAS,EAAWC,EAAoB,IAAI,EAE5BC,EAAA,CAAE,SAAAF,EAAU,EAEnB,MAAAG,EAAWC,EAAOC,CAAqB,EACvC,CAAE,EAAAd,GAAMC,IAERC,EAAQC,EAoBRe,EACJhB,EAAM,SAAS,MAAM,SAAWe,EAAa,WAC7Cf,EAAM,SAAS,MAAM,SAAWe,EAAa,aAE/C,SAASE,GAAkB,CACdC,EAAA,CACT,KAAM,IAAMlB,EAAM,SAAS,IAC3B,MAAOA,EAAM,SAAA,CACd,CACH"}