{"version":3,"file":"CPDB_jtr.js","sources":["../../../../src/components/block/contentEnumeration/vdv/content-enumeration.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    container-type=\"CONTENT\"\n    class=\"px-md md:px-0 print:w-[700px] print:mx-auto\"\n    :style=\"pageBreak(blockData.printPageBreak)\"\n  >\n    <HeadlineDynamic\n      v-if=\"blockData.headline\"\n      :headline=\"blockData.headline\"\n      level=\"h4\"\n      :has-decoration=\"true\"\n      class=\"mx-auto mb-sm md:mb-md\"\n    />\n    <div\n      v-if=\"blockData.layoutFlow == EListFlow.TopToBottom\"\n      class=\"w-full grid-flow-row grid-cols-none grid-rows-none mx-auto md:grid auto-cols-fr md:grid-flow-col md:grid-rows-1 gap-x-md\"\n      :class=\"`grid-rows-${blockData.columns}`\"\n    >\n      <BulletList\n        v-for=\"(listItems, index) in listItemsList_topToBottom\"\n        :key=\"index\"\n        class=\"col-span-1 row-span-1 m-0\"\n        :list-type=\"blockData.listStyle\"\n        :list-items=\"listItems\"\n        :start-index=\"index * listItemsList_topToBottom[0].length + 1\"\n      />\n    </div>\n    <div\n      v-else-if=\"blockData.layoutFlow == EListFlow.LeftToRight\"\n      class=\"grid w-full grid-cols-1 mx-auto print:grid-cols-4 auto-rows-min gap-x-md print:font-sm\"\n      :class=\"`md:grid-cols-${blockData.columns}`\"\n    >\n      <BulletList\n        v-for=\"(listItems, index) in blockData.listItems\"\n        :key=\"index\"\n        class=\"col-span-1 row-span-1 m-0\"\n        :list-type=\"blockData.listStyle\"\n        :list-items=\"[listItems]\"\n        :start-index=\"index + 1\"\n      />\n    </div>\n    <span\n      class=\"hidden grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 md:grid-cols-1 md:grid-cols-2 md:grid-cols-3 md:grid-cols-4\"\n    ></span>\n  </ContainerBasic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { type IListItem, EListFlow } from '@/@types/bullet-list';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport BulletList from '@/components/components/core/bullet-list/bullet-list.vue';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport type { ContentEnumerationData } from '../blockType';\n\nconst props = defineProps({\n  blockData: {\n    type: Object as PropType<ContentEnumerationData>,\n    required: true,\n    default: {} as ContentEnumerationData,\n  },\n});\n\nconst listItemsList_topToBottom = computed<IListItem[][]>(() => {\n  const listItems = props.blockData.listItems;\n\n  const columns = props.blockData.columns;\n  const steps = Math.ceil(listItems.length / columns);\n  const listArray = [];\n\n  for (let i = 0; i < columns; i++) {\n    const sliceStart = i * steps;\n    const sliceEnd = steps * (i + 1);\n    listArray.push(listItems.slice(sliceStart, sliceEnd));\n  }\n  return listArray;\n});\n\nfunction pageBreak(pageBreak: any) {\n  if (pageBreak === 'break-before') {\n    return 'page-break-before: always';\n  }\n  if (pageBreak === 'break-after') {\n    return 'page-break-after: always';\n  }\n\n  return '';\n}\n</script>\n"],"names":["props","__props","listItemsList_topToBottom","computed","listItems","columns","steps","listArray","i","sliceStart","sliceEnd","pageBreak"],"mappings":"0tBAsDA,MAAMA,EAAQC,EAQRC,EAA4BC,EAAwB,IAAM,CACxD,MAAAC,EAAYJ,EAAM,UAAU,UAE5BK,EAAUL,EAAM,UAAU,QAC1BM,EAAQ,KAAK,KAAKF,EAAU,OAASC,CAAO,EAC5CE,EAAY,CAAA,EAElB,QAASC,EAAI,EAAGA,EAAIH,EAASG,IAAK,CAChC,MAAMC,EAAaD,EAAIF,EACjBI,EAAWJ,GAASE,EAAI,GAC9BD,EAAU,KAAKH,EAAU,MAAMK,EAAYC,CAAQ,CAAC,CACtD,CACO,OAAAH,CAAA,CACR,EAED,SAASI,EAAUA,EAAgB,CACjC,OAAIA,IAAc,eACT,4BAELA,IAAc,cACT,2BAGF,EACT"}