{"version":3,"file":"v-jf61WW.js","sources":["../../../../src/components/block/brands/components/vdv/brandsExtendableList.vue"],"sourcesContent":["<template>\n  <template v-if=\"!error\">\n    <div :class=\"wrapperClasses\">\n      <template v-for=\"(entry, index) in entries\" :key=\"index\">\n        <Brand\n          v-if=\"index < listArgs.limit || showEntries\"\n          :id=\"`list-entry-` + index\"\n          :block-data=\"blockData\"\n          :entry=\"entry\"\n        />\n      </template>\n    </div>\n    <div\n      v-if=\"entryCount > listArgs.limit\"\n      class=\"flex flex-row justify-center mx-auto text-sm text-center mt-md text-vdv-base md:-mx-sm\"\n    >\n      <div\n        :id=\"showMoreBtnId\"\n        class=\"flex flex-row items-center cursor-pointer\"\n        @click=\"toggleEntries\"\n      >\n        <span class=\"mr-2xs\">{{\n          showEntries ? t('list.showLess') : t('list.showMore')\n        }}</span>\n        <div v-show=\"!showEntries && !isReloading\">\n          <FaIcon icon-class=\"far fa-chevron-down\" classes=\"fa-fw text-xs\" />\n        </div>\n        <div v-show=\"showEntries && !isReloading\">\n          <FaIcon icon-class=\"far fa-chevron-up\" classes=\"fa-fw text-xs\" />\n        </div>\n        <span v-if=\"isReloading\">\n          <FaIcon icon-class=\"fas fa-circle-notch fa-spin mx-2xs\" />\n        </span>\n      </div>\n    </div>\n  </template>\n  <template v-else><LoadingError /></template>\n</template>\n\n<script setup lang=\"ts\">\nimport { scrollToElement } from '@/helpers/scroll';\nimport Brand from './brand.vue';\nimport { useCachedPost } from '~~/src/composables/dataFetching/genericFetchers.js';\nimport { ESectionHandle } from '~~/src/@types/section-handle';\nimport type { BrandsData } from '../../blockType';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { LoadingError } from '@/complib';\nimport { handleLoadingError } from '~/utils/handleLoadingError';\n\nconst { t } = useTrans();\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<BrandsData>,\n    required: true,\n    default: {} as BrandsData,\n  },\n  wrapperClasses: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst error = ref(false);\n\ntype ExtendableListArgs = {\n  id: string[];\n  sectionId: string[];\n  limit: number | null;\n  offset: number;\n};\n\nconst listArgs = {\n  id: props.blockData.ids,\n  sectionId: [ESectionHandle.BRANDS],\n  limit: 6,\n  offset: 0,\n};\n\nconst site = useSiteIdent();\nconst showMoreBtnId = 'show-more-btn-' + props.blockData.id;\nconst entries = ref(props.blockData.initalBrands);\nconst entryCount = ref(props.blockData.ids.length);\nconst showEntries = ref(false);\nconst isReloading = ref(false);\n\nasync function loadEntries(queryArgs: ExtendableListArgs) {\n  try {\n    const { data: fetchData } = await useCachedPost(\n      `/api/${site}/content/list/extendable`,\n      queryArgs,\n    );\n\n    if (entries.value.length) {\n      entries.value.push(...fetchData.value);\n    } else {\n      entries.value = fetchData.value;\n    }\n  } catch (e) {\n    error.value = true;\n    handleLoadingError(e);\n  }\n}\n\nasync function toggleEntries() {\n  if (isReloading.value) {\n    return;\n  }\n\n  isReloading.value = true;\n  if (entries.value.length < entryCount.value) {\n    await loadEntries({\n      id: listArgs.id,\n      sectionId: listArgs.sectionId,\n      limit: null,\n      offset: listArgs.limit,\n    });\n  }\n\n  showEntries.value = !showEntries.value;\n  isReloading.value = false;\n\n  if (!showEntries.value) {\n    const lastElementId = 'list-entry-' + (listArgs.limit - 1);\n    const element = document.getElementById(lastElementId);\n    scrollToElement(element);\n  }\n}\n</script>\n"],"names":["t","useTrans","props","__props","error","ref","listArgs","ESectionHandle","site","useSiteIdent","showMoreBtnId","entries","entryCount","showEntries","isReloading","loadEntries","queryArgs","fetchData","useCachedPost","e","handleLoadingError","toggleEntries","lastElementId","element","scrollToElement"],"mappings":"2qDAiDM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAAQC,EAaRC,EAAQC,EAAI,EAAK,EASjBC,EAAW,CACf,GAAIJ,EAAM,UAAU,IACpB,UAAW,CAACK,EAAe,MAAM,EACjC,MAAO,EACP,OAAQ,CAAA,EAGJC,EAAOC,IACPC,EAAgB,iBAAmBR,EAAM,UAAU,GACnDS,EAAUN,EAAIH,EAAM,UAAU,YAAY,EAC1CU,EAAaP,EAAIH,EAAM,UAAU,IAAI,MAAM,EAC3CW,EAAcR,EAAI,EAAK,EACvBS,EAAcT,EAAI,EAAK,EAE7B,eAAeU,EAAYC,EAA+B,CACpD,GAAA,CACF,KAAM,CAAE,KAAMC,CAAU,EAAI,MAAMC,EAChC,QAAQV,CAAI,2BACZQ,CAAA,EAGEL,EAAQ,MAAM,OAChBA,EAAQ,MAAM,KAAK,GAAGM,EAAU,KAAK,EAErCN,EAAQ,MAAQM,EAAU,YAErBE,EAAG,CACVf,EAAM,MAAQ,GACdgB,EAAmBD,CAAC,CACtB,CACF,CAEA,eAAeE,GAAgB,CAC7B,GAAI,CAAAP,EAAY,QAIhBA,EAAY,MAAQ,GAChBH,EAAQ,MAAM,OAASC,EAAW,OACpC,MAAMG,EAAY,CAChB,GAAIT,EAAS,GACb,UAAWA,EAAS,UACpB,MAAO,KACP,OAAQA,EAAS,KAAA,CAClB,EAGSO,EAAA,MAAQ,CAACA,EAAY,MACjCC,EAAY,MAAQ,GAEhB,CAACD,EAAY,OAAO,CAChB,MAAAS,EAAgB,eAAiBhB,EAAS,MAAQ,GAClDiB,EAAU,SAAS,eAAeD,CAAa,EACrDE,EAAgBD,CAAO,CACzB,CACF"}