{"version":3,"file":"B18I1Hho.js","sources":["../../../../src/components/block/team/components/vdv/team.vue","../../../../src/components/block/team/components/vdv/teamLazyListSlider.vue","../../../../src/components/block/team/vdv/team.vue"],"sourcesContent":["<template>\n  <div :id=\"id\" class=\"grid content-between bg-vdv-grey p-sm xl:p-md\">\n    <div class=\"text-center\">\n      <AvatarIcon\n        v-if=\"person.image?.desktop.url !== ''\"\n        :size=\"EAvatarSize.lg\"\n        :image=\"person.image?.desktop.url\"\n      />\n      <AvatarIcon v-else :size=\"EAvatarSize.lg\" />\n      <div class=\"mt-md\">\n        <b>{{ salutation }}</b>\n        <p>{{ props.person.jobPosition ?? '' }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EAvatarSize } from '@/@types/avatar-icon';\nimport AvatarIcon from '@/components/components/core/avatar-icon.vue';\nimport type { PersonData } from '~~/src/server/transformers/EntityTransformers/personTransformer';\n\nconst props = defineProps({\n  person: {\n    type: Object as PropType<PersonData>,\n    required: true,\n    default: () => {\n      return {};\n    },\n  },\n  id: {\n    type: String,\n    required: true,\n  },\n});\n\nconst salutation = props.person.title\n  ? `${props.person.title} ${props.person.firstName} ${props.person.lastName}`\n  : `${props.person.firstName} ${props.person.lastName}`;\n</script>\n","<template>\n  <div v-if=\"!error\">\n    <Slider :show-slides=\"$props.showSlides\" @slide-change=\"onSlide\">\n      <template v-for=\"(entry, index) in entries\" :key=\"index\">\n        <Team :id=\"`list-entry-` + index\" :person=\"entry\" />\n      </template>\n      <div v-for=\"index in entryCount - entries.length\" :key=\"index\">\n        <div\n          class=\"flex items-center justify-center w-full h-full bg-gray-300 animate-pulse\"\n        >\n          <FaIcon icon-class=\"fas fa-circle-notch fa-spin mx-2xs\" />\n        </div>\n      </div>\n    </Slider>\n  </div>\n  <div v-else><LoadingError /></div>\n</template>\n\n<script setup lang=\"ts\">\nimport Slider from '@/components/slider/slider.vue';\nimport { useCachedPost } from '~~/src/composables/dataFetching/genericFetchers.js';\nimport Team from './team.vue';\nimport type { TeamData } from '../../blockType';\nimport { ESectionHandle } from '~~/src/@types/section-handle';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { LoadingError } from '@/complib';\nimport { handleLoadingError } from '~/utils/handleLoadingError';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<TeamData>,\n    required: true,\n    default: {} as TeamData,\n  },\n  showSlides: {\n    type: Number,\n    required: false,\n    default: 4,\n  },\n});\n\nconst error = ref(false);\n\ntype ListArgs = {\n  id: string[];\n  sectionId: string[];\n};\n\nconst listArgs: ListArgs = {\n  id: props.blockData.ids,\n  sectionId: [ESectionHandle.PERSON],\n};\n\nconst entries = ref(props.blockData.initalPersons);\nconst entryCount = ref(props.blockData.ids.length);\nconst isReloading = ref(false);\n\ninterface loadEntriesParams extends ListArgs {\n  limit: number;\n  offset: number;\n}\nconst site = useSiteIdent();\n\nasync function loadEntries(queryArgs: loadEntriesParams) {\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 loadMoreEntries(index: number) {\n  if (isReloading.value) {\n    return;\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: Math.max(props.showSlides * 4, index + props.showSlides * 2),\n      offset: entries.value.length,\n    });\n  }\n  isReloading.value = false;\n}\n\nconst onSlide = async (nextSlide: number) => {\n  if (nextSlide > entries.value.length - props.showSlides) {\n    await loadMoreEntries(nextSlide);\n  }\n};\n</script>\n","<template>\n  <ContainerBasic container-type=\"FULL_WIDTH\" class=\"pt-md md:pt-xl\">\n    <ContainerBasic\n      v-if=\"props.blockData.headline || props.blockData.text\"\n      container-type=\"CONTENT\"\n      class=\"px-sm xl:px-0\"\n    >\n      <Headline\n        v-if=\"props.blockData.headline\"\n        level=\"h2\"\n        :class=\"{ 'mb-md': props.blockData.text }\"\n        :headline=\"props.blockData.headline\"\n        :has-decoration=\"true\"\n      />\n\n      <WYSIWYGContentRaw\n        v-if=\"props.blockData.text\"\n        inner-classes=\"!px-0\"\n        :content=\"props.blockData.text\"\n      ></WYSIWYGContentRaw>\n    </ContainerBasic>\n\n    <ContainerBasic container-type=\"PAGE\" class=\"mt-md md:mt-xl px-sm xl:px-0\">\n      <LazyListSlider :block-data=\"blockData\" :show-slides=\"4\" />\n    </ContainerBasic>\n  </ContainerBasic>\n</template>\n\n<script setup lang=\"ts\">\nimport LazyListSlider from '../components/vdv/teamLazyListSlider.vue';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport { Headline, WYSIWYGContentRaw } from '@/complib';\nimport type { TeamData } from '../blockType';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<TeamData>,\n    required: true,\n    default: {} as TeamData,\n  },\n});\n</script>\n"],"names":["props","__props","salutation","error","ref","listArgs","ESectionHandle","entries","entryCount","isReloading","site","useSiteIdent","loadEntries","queryArgs","fetchData","useCachedPost","e","handleLoadingError","loadMoreEntries","index","onSlide","nextSlide"],"mappings":"krBAsBA,MAAMA,EAAQC,EAcRC,EAAaF,EAAM,OAAO,MAC5B,GAAGA,EAAM,OAAO,KAAK,IAAIA,EAAM,OAAO,SAAS,IAAIA,EAAM,OAAO,QAAQ,GACxE,GAAGA,EAAM,OAAO,SAAS,IAAIA,EAAM,OAAO,QAAQ,2pBCVtD,MAAMA,EAAQC,EAaRE,EAAQC,EAAI,EAAK,EAOjBC,EAAqB,CACzB,GAAIL,EAAM,UAAU,IACpB,UAAW,CAACM,EAAe,MAAM,CAAA,EAG7BC,EAAUH,EAAIJ,EAAM,UAAU,aAAa,EAC3CQ,EAAaJ,EAAIJ,EAAM,UAAU,IAAI,MAAM,EAC3CS,EAAcL,EAAI,EAAK,EAMvBM,EAAOC,IAEb,eAAeC,EAAYC,EAA8B,CACnD,GAAA,CACF,KAAM,CAAE,KAAMC,CAAU,EAAI,MAAMC,EAChC,QAAQL,CAAI,2BACZG,CAAA,EAGEN,EAAQ,MAAM,OAChBA,EAAQ,MAAM,KAAK,GAAGO,EAAU,KAAK,EAErCP,EAAQ,MAAQO,EAAU,YAErBE,EAAG,CACVb,EAAM,MAAQ,GACdc,EAAmBD,CAAC,CACtB,CACF,CAEA,eAAeE,EAAgBC,EAAe,CACxCV,EAAY,QAGhBA,EAAY,MAAQ,GAChBF,EAAQ,MAAM,OAASC,EAAW,OACpC,MAAMI,EAAY,CAChB,GAAIP,EAAS,GACb,UAAWA,EAAS,UACpB,MAAO,KAAK,IAAIL,EAAM,WAAa,EAAGmB,EAAQnB,EAAM,WAAa,CAAC,EAClE,OAAQO,EAAQ,MAAM,MAAA,CACvB,EAEHE,EAAY,MAAQ,GACtB,CAEM,MAAAW,EAAU,MAAOC,GAAsB,CACvCA,EAAYd,EAAQ,MAAM,OAASP,EAAM,YAC3C,MAAMkB,EAAgBG,CAAS,CACjC,kfClEF,MAAMrB,EAAQC"}