{"version":3,"file":"iSGqIJv7.js","sources":["../../../../src/@types/course-type.ts","../../../../src/components/event/event-course-indicator.vue"],"sourcesContent":["export enum ECourseType {\n  INHOUSE = 'inhouse',\n  HYBRID = 'hybrid',\n  ONLINE = 'online',\n  NONE = 'none',\n}\n","<template>\n  <div\n    :class=\"{\n      'py-sm bg-white md:bg-vdv-grey w-full flex items-center flex-col cursor-pointer':\n        props.showLabel,\n      'cursor-not-allowed': !props.isAvailable,\n    }\"\n    @click=\"onToggleState\"\n  >\n    <div\n      class=\"md:w-[50px] w-[40px] h-[40px] md:h-[50px] md:rounded-[25px] rounded-[20px] m-[2px] flex place-items-center justify-center\"\n      :class=\"{\n        'ease-in duration-300 bg-vdv-base text-white':\n          props.isActive || !isClickable,\n        'ease-in cursor-not-allowed duration-300 bg-vdv-filter-grey text-vdv-font':\n          !props.isAvailable,\n        'ease-in duration-300 bg-activesection-alpha text-vdv-font':\n          !props.isActive && isClickable && props.isAvailable,\n      }\"\n    >\n      <FaIcon classes=\"fa-lg\" :icon-class=\"`fal ${getIconName() ?? ''}`\" />\n    </div>\n    <div v-if=\"props.showLabel\" class=\"text-sm text-center pt-2xs\">\n      {{ getEventTypeName() }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ECourseType } from '@/@types/course-type';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n\nconst props = defineProps({\n  courseType: {\n    type: String as PropType<ECourseType>,\n    required: true,\n    default: ECourseType.NONE,\n  },\n  isActive: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  isAvailable: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  isClickable: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  showLabel: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'toggle', value: boolean): void;\n}>();\n\nfunction onToggleState(): void {\n  if (!props.isAvailable || !props.isClickable) {\n    return;\n  }\n  emit('toggle', !props.isActive);\n}\n\nfunction getEventTypeName(): string {\n  switch (props.courseType) {\n    case ECourseType.HYBRID:\n      return t('event.hybrid');\n    case ECourseType.INHOUSE:\n      return t('event.inhouse');\n    case ECourseType.ONLINE:\n      return t('event.online');\n  }\n}\n\nfunction getIconName() {\n  switch (props.courseType) {\n    case ECourseType.HYBRID:\n      return 'fa-house-signal';\n    case ECourseType.INHOUSE:\n      return 'fa-house';\n    case ECourseType.ONLINE:\n      return 'fa-wifi';\n    default:\n      return '';\n  }\n}\n</script>\n"],"names":["ECourseType","t","useTrans","props","__props","emit","__emit","onToggleState","getEventTypeName","getIconName"],"mappings":"kJAAY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,KAAO,OAJGA,IAAAA,GAAA,CAAA,CAAA,4XCgCN,KAAA,CAAE,EAAAC,GAAMC,IAERC,EAAQC,EA4BRC,EAAOC,EAIb,SAASC,GAAsB,CACzB,CAACJ,EAAM,aAAe,CAACA,EAAM,aAG5BE,EAAA,SAAU,CAACF,EAAM,QAAQ,CAChC,CAEA,SAASK,GAA2B,CAClC,OAAQL,EAAM,WAAY,CACxB,KAAKH,EAAY,OACf,OAAOC,EAAE,cAAc,EACzB,KAAKD,EAAY,QACf,OAAOC,EAAE,eAAe,EAC1B,KAAKD,EAAY,OACf,OAAOC,EAAE,cAAc,CAC3B,CACF,CAEA,SAASQ,GAAc,CACrB,OAAQN,EAAM,WAAY,CACxB,KAAKH,EAAY,OACR,MAAA,kBACT,KAAKA,EAAY,QACR,MAAA,WACT,KAAKA,EAAY,OACR,MAAA,UACT,QACS,MAAA,EACX,CACF"}