{"version":3,"file":"DUE9-LFr.js","sources":["../../../../src/components/components/advancedList/components/filters/rangeFilter.vue","../../../../src/components/block/list/officeList/vdv/list.vue"],"sourcesContent":["<template>\n  <div>\n    <div v-if=\"label\" class=\"text-sm font-bold pb-2xs\">\n      {{ t(label) }}\n    </div>\n\n    <div class=\"flex items-center w-full h-input-h-md shrink-0\">\n      <RangeSlider v-model=\"value\" :min=\"min\" :max=\"max\" />\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport type { FilterOptions } from '../../useAdvancedList';\nimport RangeSlider from '@/components/range-slider.vue';\n\nconst props = defineProps({\n  filterKeyMin: {\n    type: String,\n    required: true,\n  },\n  filterKeyMax: {\n    type: String,\n    required: true,\n  },\n  label: {\n    type: String,\n    default: '',\n  },\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 min = computed<number>(() =>\n  reduceMinMaxFilterOptions(props.filterKeyMin, Math.min, 99999),\n);\nconst max = computed<number>(() =>\n  reduceMinMaxFilterOptions(props.filterKeyMax, Math.max, 0),\n);\n\nconst value = ref([min.value, max.value]);\n\nwatch(value, (v, oldV) => {\n  // If rooms min has min value, and max has max value -> delete the filters to also include Entries with no rooms\n\n  // Swap till/from for proper range-inclusion\n  // e.g. (from:2, till:3) should include 3-6 or 1-4, but not 4-6 or 1\n\n  if (v[0] !== oldV[0])\n    emits('changeFilter', props.filterKeyMax, v[0] === min.value ? null : v[0]);\n  if (v[1] !== oldV[1])\n    emits('changeFilter', props.filterKeyMin, v[1] === max.value ? null : v[1]);\n});\n\nwatch(\n  () => props.filters[props.filterKeyMin],\n  (nv) => {\n    // Since we delete filters on reset, we need to check if nv is undefined\n    if (nv === undefined) {\n      value.value[1] = max.value;\n      return;\n    }\n    if (value.value[1] !== nv) {\n      value.value[1] = nv;\n    }\n  },\n);\n\nwatch(\n  () => props.filters[props.filterKeyMax],\n  (nv) => {\n    // Since we delete filters on reset, we need to check if nv is undefined\n    if (nv === undefined) {\n      value.value[0] = min.value;\n      return;\n    }\n    if (value.value[0] !== nv) {\n      value.value[0] = nv;\n    }\n  },\n);\n\nfunction reduceMinMaxFilterOptions(\n  key: string,\n  cb: (...values: number[]) => number,\n  start: number,\n) {\n  if (props.filterOptions && props.filterOptions[key]?.values.length) {\n    return props.filterOptions[key]?.values.reduce(\n      (acc, { label }) => cb(acc, parseInt(label, 10)),\n      start,\n    );\n  }\n  return null;\n}\n</script>\n","<template>\n  <List\n    :config=\"blockData.config\"\n    :initial-data=\"blockData.initialData\"\n    :initial-filters=\"blockData.initialFilters\"\n    state-in-url\n    has-filter-panel\n    @toggle-filter-panel=\"filterPanelOpen = !filterPanelOpen\"\n  >\n    <template #entries=\"{ entries, filters }\">\n      <TileView\n        ref=\"tilesContainer\"\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\n          :class=\"[\n            'flex flex-col gap-sm pb-sm md:bg-vdv-grey mt-sm',\n            'touch:md:grid-cols-12',\n            'desktop:md:grid-cols-8 md:grid md:gap-md md:!p-sm md:mt-md',\n            'desktop:xl:grid-cols-12',\n          ]\"\n        >\n          <div class=\"col-span-2\">\n            <DropdownFilter\n              label=\"office.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=\"office.branchType\"\n              :filter-key=\"FilterType.BRANCH_TYPE\"\n              :filters=\"filters\"\n              :filter-options=\"filterOptions\"\n              @change-filter=\"changeFilter\"\n            />\n          </div>\n          <div class=\"col-span-4\">\n            <RangeFilter\n              label=\"office.treatmentRoomsFilterLabel\"\n              :filter-key-max=\"FilterType.TREATMENT_ROOMS_TILL\"\n              :filter-key-min=\"FilterType.TREATMENT_ROOMS_FROM\"\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 { scrollToElement } from '@/helpers/scroll';\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 { SSR_safe_mq_breakpointIsMobile } from '@/injectionSymbols';\nimport type { OfficeListData } from '../blockType';\nimport List from '@/components/components/advancedList/list.vue';\nimport RangeFilter from '@/components/components/advancedList/components/filters/rangeFilter.vue';\nimport { FilterType } from '../../components/filter/utils';\nimport DropdownFilter from '@/components/components/advancedList/components/filters/dropdownFilter/dropdownFilter.vue';\nimport FilterPanel from '@/components/components/advancedList/components/filterPanel/filterPanel.vue';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<OfficeListData>,\n    required: true,\n    default: {} as OfficeListData,\n  },\n});\nconst filterPanelOpen = ref(false);\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\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</script>\n"],"names":["props","__props","emits","__emit","t","useTrans","min","computed","reduceMinMaxFilterOptions","max","value","ref","watch","v","oldV","nv","key","cb","start","_a","_b","acc","label","filterPanelOpen","isMobile","inject","SSR_safe_mq_breakpointIsMobile","router","useRouter","onMounted","element","scrollToElement","getQueryArgsForTiles","filter","k"],"mappings":"spCAeA,MAAMA,EAAQC,EAyBRC,EAAQC,EAIR,CAAE,EAAAC,GAAMC,IAERC,EAAMC,EAAiB,IAC3BC,EAA0BR,EAAM,aAAc,KAAK,IAAK,KAAK,CAAA,EAEzDS,EAAMF,EAAiB,IAC3BC,EAA0BR,EAAM,aAAc,KAAK,IAAK,CAAC,CAAA,EAGrDU,EAAQC,EAAI,CAACL,EAAI,MAAOG,EAAI,KAAK,CAAC,EAElCG,EAAAF,EAAO,CAACG,EAAGC,IAAS,CAMpBD,EAAE,CAAC,IAAMC,EAAK,CAAC,GACXZ,EAAA,eAAgBF,EAAM,aAAca,EAAE,CAAC,IAAMP,EAAI,MAAQ,KAAOO,EAAE,CAAC,CAAC,EACxEA,EAAE,CAAC,IAAMC,EAAK,CAAC,GACXZ,EAAA,eAAgBF,EAAM,aAAca,EAAE,CAAC,IAAMJ,EAAI,MAAQ,KAAOI,EAAE,CAAC,CAAC,CAAA,CAC7E,EAEDD,EACE,IAAMZ,EAAM,QAAQA,EAAM,YAAY,EACrCe,GAAO,CAEN,GAAIA,IAAO,OAAW,CACdL,EAAA,MAAM,CAAC,EAAID,EAAI,MACrB,MACF,CACIC,EAAM,MAAM,CAAC,IAAMK,IACfL,EAAA,MAAM,CAAC,EAAIK,EAErB,CAAA,EAGFH,EACE,IAAMZ,EAAM,QAAQA,EAAM,YAAY,EACrCe,GAAO,CAEN,GAAIA,IAAO,OAAW,CACdL,EAAA,MAAM,CAAC,EAAIJ,EAAI,MACrB,MACF,CACII,EAAM,MAAM,CAAC,IAAMK,IACfL,EAAA,MAAM,CAAC,EAAIK,EAErB,CAAA,EAGO,SAAAP,EACPQ,EACAC,EACAC,EACA,SACA,OAAIlB,EAAM,iBAAiBmB,EAAAnB,EAAM,cAAcgB,CAAG,IAAvB,MAAAG,EAA0B,OAAO,SACnDC,EAAApB,EAAM,cAAcgB,CAAG,IAAvB,YAAAI,EAA0B,OAAO,OACtC,CAACC,EAAK,CAAE,MAAAC,KAAYL,EAAGI,EAAK,SAASC,EAAO,EAAE,CAAC,EAC/CJ,GAGG,IACT,ujBCrBA,MAAMlB,EAAQC,EAORsB,EAAkBZ,EAAI,EAAK,EAE3Ba,EAAWC,EAAOC,CAA8B,EAChDC,EAASC,IAGfC,EAAU,SAAY,OAElB,IAAAV,EAAAQ,EAAO,eAAP,MAAAR,EAAqB,MAAM,OAC3B,OAAO,KAAKQ,EAAO,aAAa,MAAM,KAAK,EAAE,OAC7C,CACA,MAAMG,EAAU,SAAS,eAAe9B,EAAM,UAAU,EAAE,EAC1C+B,EAAAD,EAASN,EAAW,EAAI,GAAG,CAC7C,CAAA,CACD,EAED,SAASQ,EAAqBC,EAA6B,CAClD,OAAA,OAAO,QAAQA,CAAM,EAAE,OAC5B,CAACZ,EAAK,CAACa,EAAGrB,CAAC,KACTQ,EAAIa,CAAC,EAAI,UAAU,KAAK,UAAUrB,CAAC,CAAC,EAC7BQ,GAET,CAAC,CAAA,CAEL"}