{"version":3,"file":"D5mvyyYP.js","sources":["../../../../src/components/block/list/components/filter-event-type.vue","../../../../src/components/block/list/eventList/vdv/list.vue"],"sourcesContent":["<template>\n  <div class=\"flex items-center text-sm\">\n    <div class=\"text-sm font-bold py-xs md:py-sm\">\n      {{ t('event.courseType') }}\n    </div>\n  </div>\n  <div class=\"flex justify-between w-full space-x-sm md:space-x-md\">\n    <template\n      v-for=\"(eType, i) in [\n        ECourseType.INHOUSE,\n        ECourseType.HYBRID,\n        ECourseType.ONLINE,\n      ]\"\n      :key=\"i\"\n    >\n      <EventCourseIndicator\n        :course-type=\"eType\"\n        :is-available=\"availableTypes.includes(eType)\"\n        :is-active=\"selected[eType]\"\n        :show-label=\"true\"\n        @toggle=\"(v) => (selected[eType] = v)\"\n      />\n    </template>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ECourseType } from '@/@types/course-type';\n\nimport EventCourseIndicator from '@/components/event/event-course-indicator.vue';\nimport type { FilterOptions } from '@/components/components/advancedList/useAdvancedList';\nimport { FilterType } from './filter/utils';\n\nconst props = defineProps({\n  filters: {\n    type: Object as PropType<Record<string, any>>,\n    required: true,\n    default: () => ({}) as Record<string, any>,\n  },\n  filterOptions: {\n    type: Object as PropType<FilterOptions>,\n    required: true,\n    default: () => ({}) as FilterOptions,\n  },\n});\n\nconst emits = defineEmits<{\n  (e: 'changeFilter', key: string, value: any): void;\n}>();\n\nconst { t } = useTrans();\n\nconst availableTypes = computed(() => {\n  const options = props.filterOptions[FilterType.COURSE_TYPE];\n  if (options && options.values) {\n    return options.values.map(({ id }) => id);\n  }\n  return [];\n});\n\nconst selected = reactive<Partial<Record<ECourseType, boolean>>>({\n  [ECourseType.INHOUSE]: false,\n  [ECourseType.HYBRID]: false,\n  [ECourseType.ONLINE]: false,\n});\n\nwatch(selected, (v) => {\n  const values = Object.entries(v)\n    .filter((cur) => !!cur[1])\n    .map((cur) => cur[0] as ECourseType);\n  emits('changeFilter', FilterType.COURSE_TYPE, values);\n});\n\nwatch(\n  () => props.filters[FilterType.COURSE_TYPE],\n  (newValue) => {\n    if (newValue) {\n      Object.keys(selected).forEach((cur) => {\n        selected[cur as ECourseType] = newValue.includes(cur);\n      });\n    } else {\n      Object.keys(selected).forEach((cur) => {\n        selected[cur as ECourseType] = false;\n      });\n    }\n  },\n);\n</script>\n","<template>\n  <List\n    :config=\"blockData.config\"\n    :initial-data=\"blockData.initialData\"\n    :initial-filters=\"blockData.initialFilters\"\n    has-filter-panel\n    state-in-url\n    @toggle-filter-panel=\"filterPanelOpen = !filterPanelOpen\"\n  >\n    <template #entries=\"{ entries, filters }\">\n      <TileView\n        :tiles=\"entries\"\n        :grid-type=\"ETileGridType.SINGLE\"\n        :query-args=\"getQueryArgsForTiles(filters)\"\n      />\n    </template>\n    <template #no-entries>\n      <NoEntries :type-handle=\"blockData.typeHandle\" />\n    </template>\n    <template #loader>\n      <LoaderTileRow></LoaderTileRow>\n      <LoaderTileRow class=\"mt-md\"></LoaderTileRow>\n    </template>\n    <template #filters=\"{ filters, filterOptions, changeFilter, resetFilters }\">\n      <FilterPanel\n        :open=\"filterPanelOpen\"\n        @close=\"filterPanelOpen = false\"\n        @reset-filters=\"resetFilters\"\n      >\n        <div class=\"flex flex-col md:grid md:grid-cols-12 md:gap-md pb-sm\">\n          <div class=\"col-span-8\">\n            <TagFilter\n              label=\"event.question\"\n              :filter-key=\"FilterType.TAGS\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n          <div class=\"col-span-4\">\n            <FilterEventType\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n        </div>\n        <div\n          :class=\"[\n            'flex flex-col gap-sm pb-sm md:bg-vdv-grey',\n            'touch:md:grid-cols-12',\n            'desktop:md:grid-cols-6 md:grid md:gap-md md:!p-sm',\n            'desktop:xl:grid-cols-12',\n          ]\"\n        >\n          <div class=\"col-span-4\">\n            <DateFilter\n              :filter-key=\"FilterType.DATE\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n          <div class=\"col-span-2\">\n            <DropdownFilter\n              label=\"event.location\"\n              :filter-key=\"FilterType.LOCATION\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n          <div class=\"col-span-2\">\n            <DropdownFilter\n              label=\"event.targetGroup\"\n              :filter-key=\"FilterType.TARGET_GROUP\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n          <div class=\"col-span-4\">\n            <DropdownFilter\n              label=\"event.speaker\"\n              :filter-key=\"FilterType.SPEAKERS\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n        </div>\n      </FilterPanel>\n    </template>\n  </List>\n</template>\n\n<script setup lang=\"ts\">\nimport { ETileGridType } from '@/@types/tile-grid-type';\nimport LoaderTileRow from '@/components/loader/tile-row.vue';\nimport NoEntries from '../../components/noEntries/vdv/no-entries.vue';\nimport TileView from '@/components/components/views/tileView/tile-view.vue';\nimport type { EventListData } from '../blockType';\nimport List from '@/components/components/advancedList/list.vue';\nimport TagFilter from '@/components/components/advancedList/components/filters/tagFilter/tagFilter.vue';\nimport { FilterType } from '../../components/filter/utils';\nimport FilterPanel from '@/components/components/advancedList/components/filterPanel/filterPanel.vue';\nimport FilterEventType from '../../components/filter-event-type.vue';\nimport DateFilter from '@/components/components/advancedList/components/filters/dateFilter/dateFilter.vue';\nimport DropdownFilter from '@/components/components/advancedList/components/filters/dropdownFilter/dropdownFilter.vue';\nimport { scrollToElement } from '@/helpers/scroll';\nimport { SSR_safe_mq_breakpointIsMobile } from '@/injectionSymbols';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<EventListData>,\n    required: true,\n    default: {} as EventListData,\n  },\n});\n\nconst filterPanelOpen = ref(false);\n\nfunction getQueryArgsForTiles(filter: Record<string, any>) {\n  return Object.entries(filter).reduce(\n    (acc, [k, v]) => {\n      acc[k] = encodeURI(JSON.stringify(v));\n      return acc;\n    },\n    {} as Record<string, string>,\n  );\n}\n\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\nconst router = useRouter();\n\n// scroll to list if filter is set in url query\nonMounted(async () => {\n  if (\n    router.currentRoute?.value.query &&\n    Object.keys(router.currentRoute.value.query).length\n  ) {\n    const element = document.getElementById(props.blockData.id);\n    scrollToElement(element, isMobile ? 0 : 120);\n  }\n});\n</script>\n"],"names":["props","__props","emits","__emit","t","useTrans","availableTypes","computed","options","FilterType","id","selected","reactive","ECourseType","watch","v","values","cur","newValue","filterPanelOpen","ref","getQueryArgsForTiles","filter","acc","k","isMobile","inject","SSR_safe_mq_breakpointIsMobile","router","useRouter","onMounted","_a","element","scrollToElement"],"mappings":"04CAgCA,MAAMA,EAAQC,EAaRC,EAAQC,EAIR,CAAE,EAAAC,GAAMC,IAERC,EAAiBC,EAAS,IAAM,CACpC,MAAMC,EAAUR,EAAM,cAAcS,EAAW,WAAW,EACtD,OAAAD,GAAWA,EAAQ,OACdA,EAAQ,OAAO,IAAI,CAAC,CAAE,GAAAE,CAAA,IAASA,CAAE,EAEnC,EAAC,CACT,EAEKC,EAAWC,EAAgD,CAC/D,CAACC,EAAY,OAAO,EAAG,GACvB,CAACA,EAAY,MAAM,EAAG,GACtB,CAACA,EAAY,MAAM,EAAG,EAAA,CACvB,EAEK,OAAAC,EAAAH,EAAWI,GAAM,CACrB,MAAMC,EAAS,OAAO,QAAQD,CAAC,EAC5B,OAAQE,GAAQ,CAAC,CAACA,EAAI,CAAC,CAAC,EACxB,IAAKA,GAAQA,EAAI,CAAC,CAAgB,EAC/Bf,EAAA,eAAgBO,EAAW,YAAaO,CAAM,CAAA,CACrD,EAEDF,EACE,IAAMd,EAAM,QAAQS,EAAW,WAAW,EACzCS,GAAa,CACRA,EACF,OAAO,KAAKP,CAAQ,EAAE,QAASM,GAAQ,CACrCN,EAASM,CAAkB,EAAIC,EAAS,SAASD,CAAG,CAAA,CACrD,EAED,OAAO,KAAKN,CAAQ,EAAE,QAASM,GAAQ,CACrCN,EAASM,CAAkB,EAAI,EAAA,CAChC,CAEL,CAAA,0yBC4BF,MAAMjB,EAAQC,EAQRkB,EAAkBC,EAAI,EAAK,EAEjC,SAASC,EAAqBC,EAA6B,CAClD,OAAA,OAAO,QAAQA,CAAM,EAAE,OAC5B,CAACC,EAAK,CAACC,EAAGT,CAAC,KACTQ,EAAIC,CAAC,EAAI,UAAU,KAAK,UAAUT,CAAC,CAAC,EAC7BQ,GAET,CAAC,CAAA,CAEL,CAEM,MAAAE,EAAWC,EAAOC,CAA8B,EAChDC,EAASC,IAGf,OAAAC,EAAU,SAAY,OAElB,IAAAC,EAAAH,EAAO,eAAP,MAAAG,EAAqB,MAAM,OAC3B,OAAO,KAAKH,EAAO,aAAa,MAAM,KAAK,EAAE,OAC7C,CACA,MAAMI,EAAU,SAAS,eAAehC,EAAM,UAAU,EAAE,EAC1CiC,EAAAD,EAASP,EAAW,EAAI,GAAG,CAC7C,CAAA,CACD"}