{"version":3,"file":"Dwt3AxSK.js","sources":["../../../../src/components/block/officeTable/office-table.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    container-type=\"PAGE\"\n    class=\"px-sm touch:md:px-0 lg:px-0 pt-xs max-w-[930px] mx-auto print:max-w-[720px] print:px-0\"\n  >\n    <div\n      :class=\"`print:grid-cols-2 grid gap-x-md print:gap-x-sm gap-y-xs md:gap-y-sm print:gap-y-sm ${\n        isMobile ? '' : 'grid-cols-2'\n      }`\"\n    >\n      <div\n        v-for=\"(item, index) in sortedItems\"\n        :key=\"`officeitem_${index}`\"\n        :class=\"`flex py-xs bg-vdv-grey print:py-sm ${\n          item.specialType === EOfficeRowType.ROOM_RENT\n            ? 'row-span-' + officeRoomRentEntries\n            : ''\n        } ${isMobile ? 'px-sm' : 'px-md'} ${\n          isMobile && item.specialType ? 'flex-col print:!flex-row' : 'flex-row'\n        }`\"\n      >\n        <div\n          :class=\"`print:!w-1/2 flex shrink-0 ${\n            isMobile ? (item.specialType ? '' : 'w-[55%]') : 'w-1/2'\n          }`\"\n        >\n          <div class=\"w-[18px] shrink-0\">\n            <FaIcon :icon-class=\"item.icon\" />\n          </div>\n          <div class=\"font-bold pl-sm pr-xs\">\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-html=\"t(item.label)\"></span>\n          </div>\n        </div>\n        <div v-if=\"!item.specialType\">\n          {{ item.value }}\n        </div>\n        <div\n          v-if=\"item.specialType === EOfficeRowType.COLD_ROOM_RENT\"\n          class=\"shrink-0\"\n          :class=\"`${isMobile ? 'w-full print:w-1/2' : 'w-1/2'}`\"\n        >\n          <div\n            class=\"flex justify-between pl-sm print:pl-0 md:pl-0 ml-[18px] md:ml-0 print:ml-0 pt-sm md:pt-0 print:pt-0\"\n          >\n            <div :class=\"`${isMobile ? 'flex mr-3 print:!block' : ''}`\">\n              {{ t('office.roomColdRent') }}\n            </div>\n            <div class=\"font-bold text-right\">\n              {{ item.value }}\n            </div>\n          </div>\n        </div>\n        <div\n          v-if=\"item.specialType === EOfficeRowType.ROOM_RENT\"\n          :class=\"`flex shrink-0 print:!w-1/2 ${isMobile ? 'w-full' : 'w-1/2'}`\"\n        >\n          <div :class=\"`w-full`\">\n            <div\n              class=\"flex-col pl-sm md:pl-0 ml-[18px] md:ml-0 pt-sm print:ml-0 print:pl-0 print:pt-0 md:pt-0\"\n            >\n              <div\n                v-if=\"coldRoomRent\"\n                class=\"flex justify-between\"\n                :class=\"`${warmRoomRent || totalRoomRent ? 'pb-xs' : ''}`\"\n              >\n                <div>\n                  {{ t('office.roomColdRent') }}\n                </div>\n                <div class=\"font-bold\">\n                  {{ getFormattedPrice(coldRoomRent) }}\n                </div>\n              </div>\n              <div\n                v-if=\"warmRoomRent\"\n                class=\"flex justify-between\"\n                :class=\"`${warmRoomRent || totalRoomRent ? 'pb-xs' : ''}`\"\n              >\n                <div>\n                  {{ t('office.roomWarmRent') }}\n                </div>\n                <div class=\"font-bold\">\n                  {{ getFormattedPrice(warmRoomRent) }}\n                </div>\n              </div>\n              <div\n                v-if=\"(coldRoomRent || warmRoomRent) && totalRoomRent\"\n                class=\"flex border-gray-300 border-b-1 my-[4px]\"\n              />\n              <div v-if=\"totalRoomRent\" class=\"flex justify-between\">\n                <div>\n                  {{ t('office.roomTotalRent') }}\n                </div>\n                <div class=\"font-bold\">\n                  {{ getFormattedPrice(totalRoomRent) }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        v-if=\"facilities && facilities.length > 0\"\n        :class=\"`py-xs bg-vdv-grey flex ${\n          isMobile\n            ? `flex-col px-sm print:flex-row print:col-span-2 print:row-span-${Math.ceil(\n                facilities.length / 3,\n              )}`\n            : `flex-row col-span-2 px-md row-span-${Math.ceil(\n                facilities.length / 3,\n              )}`\n        }`\"\n      >\n        <div class=\"flex w-[23%] shrink-0\">\n          <div class=\"w-[18px] shrink-0\">\n            <FaIcon icon-class=\"fal fa-layer-group\" />\n          </div>\n          <div :class=\"`font-bold pl-sm shrink-0`\">\n            {{ t('office.facilities') }}\n          </div>\n        </div>\n        <div\n          :class=\"`flex shrink-0 w-[77%] ${\n            isMobile\n              ? 'flex-col print:!flex-row print:flex-wrap'\n              : 'flex-row flex-wrap'\n          }`\"\n        >\n          <div\n            v-for=\"(facility, index) in facilities\"\n            :key=\"`officefacility_${index}`\"\n            :class=\"`flex items-center shrink-0 ${\n              isMobile\n                ? `first:pt-sm last:pb-sm pb-[10px] print:basis-1/${\n                    facilities.length > 2 ? '3' : facilities.length\n                  } print:first:pt-0 print:last:pb-0 print:!py-0 print: ${\n                    index >= 3 ? 'print:mt-sm mt-xs' : ''\n                  }`\n                : `basis-1/${facilities.length > 2 ? '3' : facilities.length} ${\n                    index >= 3 ? 'print:mt-sm mt-xs' : ''\n                  }`\n            }`\"\n          >\n            <span v-if=\"isMobile\" class=\"print:!pl-0 pl-[18px]\"></span>\n            <div :class=\"{ 'print:!pl-0 pl-sm': isMobile }\">\n              <atom-checkmark-circle />\n            </div>\n            <div :class=\"`pl-sm`\">\n              {{ facility.identifier }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ContainerBasic>\n</template>\n<script lang=\"ts\" setup>\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport AtomCheckmarkCircle from '@/components/atom/checkmark-circle.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport {\n  EOfficeRowType,\n  type IOfficeTableRow,\n  getOfficeTableRowItemsNEW,\n} from '~~/src/utils/pageData/getOfficeTableRowItems';\nimport { getFormattedPrice } from '~~/src/utils/pageData/utils';\nimport type { OfficePage } from '~~/src/server/transformers/page/officePage';\nimport type { OfficeTableData } from './blockType';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\nconst isMobile = inject(mq_breakpointIsMobile);\n\ndefineProps({\n  blockData: {\n    type: Object as PropType<OfficeTableData>,\n    required: true,\n    default: {} as OfficeTableData,\n  },\n});\n\nconst pageData = usePageData<OfficePage>();\nconst office = pageData.value.office;\nconst gridItems = getOfficeTableRowItemsNEW(office);\n\nconst { coldRoomRent, warmRoomRent, totalRoomRent } = office;\n\nconst facilities = office.facilities;\n\nconst officeRoomRentEntries = computed(() => {\n  return [coldRoomRent, warmRoomRent, totalRoomRent].filter(\n    (value) => value !== null,\n  ).length;\n});\n\nconst sortedItems = computed<IOfficeTableRow[]>(() => {\n  // if the grid has 2 cols (-> always true when not mobile), the expected order is \"fill the first col, then the second\" (like in a table)\n  // -> resort the array\n  let sorted;\n  if (!isMobile.value) {\n    if (gridItems.length % 2 !== 0) {\n      // eslint-disable-next-line vue/no-side-effects-in-computed-properties\n      gridItems.push({\n        label: '',\n        value: '',\n        specialType: EOfficeRowType.PLACEHOLDER,\n      });\n    }\n    sorted = [];\n    const h = gridItems.length / 2;\n    for (let i = 0; i < gridItems.length; i++) {\n      if (i < h) {\n        sorted[2 * i] = gridItems[i];\n      } else {\n        sorted[2 * i - gridItems.length + 1] = gridItems[i];\n      }\n    }\n    sorted = sorted.filter(\n      (item) => item.specialType !== EOfficeRowType.PLACEHOLDER,\n    );\n  }\n  return sorted || gridItems;\n});\n</script>\n"],"names":["t","useTrans","isMobile","inject","mq_breakpointIsMobile","office","usePageData","gridItems","getOfficeTableRowItemsNEW","coldRoomRent","warmRoomRent","totalRoomRent","facilities","officeRoomRentEntries","computed","value","sortedItems","sorted","EOfficeRowType","h","i","item"],"mappings":"6jDA0KM,KAAA,CAAE,EAAAA,GAAMC,IACRC,EAAWC,EAAOC,CAAqB,EAWvCC,EADWC,IACO,MAAM,OACxBC,EAAYC,EAA0BH,CAAM,EAE5C,CAAE,aAAAI,EAAc,aAAAC,EAAc,cAAAC,CAAA,EAAkBN,EAEhDO,EAAaP,EAAO,WAEpBQ,EAAwBC,EAAS,IAC9B,CAACL,EAAcC,EAAcC,CAAa,EAAE,OAChDI,GAAUA,IAAU,IACrB,EAAA,MACH,EAEKC,EAAcF,EAA4B,IAAM,CAGhD,IAAAG,EACA,GAAA,CAACf,EAAS,MAAO,CACfK,EAAU,OAAS,IAAM,GAE3BA,EAAU,KAAK,CACb,MAAO,GACP,MAAO,GACP,YAAaW,EAAe,WAAA,CAC7B,EAEHD,EAAS,CAAA,EACH,MAAAE,EAAIZ,EAAU,OAAS,EAC7B,QAASa,EAAI,EAAGA,EAAIb,EAAU,OAAQa,IAChCA,EAAID,EACNF,EAAO,EAAIG,CAAC,EAAIb,EAAUa,CAAC,EAE3BH,EAAO,EAAIG,EAAIb,EAAU,OAAS,CAAC,EAAIA,EAAUa,CAAC,EAGtDH,EAASA,EAAO,OACbI,GAASA,EAAK,cAAgBH,EAAe,WAAA,CAElD,CACA,OAAOD,GAAUV,CAAA,CAClB"}