{"version":3,"file":"yQD9tHCI.js","sources":["../../../../src/components/block/list/postList/vdv/list.vue"],"sourcesContent":["<template>\n  <List\n    :config=\"blockData.config\"\n    :initial-data=\"blockData.initialData\"\n    :initial-filters=\"blockData.initialFilters\"\n    state-in-url\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 }\">\n      <div class=\"pt-0 bg-white md:pt-md\">\n        <div class=\"p-sm md:bg-vdv-grey md:p-0\">\n          <TagFilter\n            :filter-key=\"FilterType.TAGS\"\n            :filters=\"filters\"\n            :filter-options=\"filterOptions\"\n            @change-filter=\"changeFilter\"\n          />\n        </div>\n      </div>\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 { PostListData } 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';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<PostListData>,\n    required: true,\n    default: {} as PostListData,\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\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","isMobile","inject","SSR_safe_mq_breakpointIsMobile","router","useRouter","onMounted","_a","element","scrollToElement","getQueryArgsForTiles","filter","acc","k","v"],"mappings":"0wBAgDA,MAAMA,EAAQC,EAQRC,EAAWC,EAAOC,CAA8B,EAChDC,EAASC,IAGfC,EAAU,SAAY,OAElB,IAAAC,EAAAH,EAAO,eAAP,MAAAG,EAAqB,MAAM,OAC3B,OAAO,KAAKH,EAAO,aAAa,MAAM,KAAK,EAAE,OAC7C,CACA,MAAMI,EAAU,SAAS,eAAeT,EAAM,UAAU,EAAE,EAC1CU,EAAAD,EAASP,EAAW,EAAI,GAAG,CAC7C,CAAA,CACD,EAED,SAASS,EAAqBC,EAA6B,CAClD,OAAA,OAAO,QAAQA,CAAM,EAAE,OAC5B,CAACC,EAAK,CAACC,EAAGC,CAAC,KACTF,EAAIC,CAAC,EAAI,UAAU,KAAK,UAAUC,CAAC,CAAC,EAC7BF,GAET,CAAC,CAAA,CAEL"}