{"version":3,"file":"COTWzQTx.js","sources":["../../../../src/components/tiles/components/tiles/OfficeTile/components/SlimContent.vue","../../../../src/components/tiles/components/tiles/OfficeTile/components/WideContent.vue","../../../../src/@types/office-label.ts","../../../../src/components/office/office-status-indicator.vue","../../../../src/components/tiles/components/tiles/OfficeTile/OfficeTile.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'flex flex-row justify-between items-end': !isMobile,\n    }\"\n  >\n    <div class=\"flex items-center justify-between pt-sm\">\n      <div class=\"text-md\">\n        <div\n          v-for=\"(item, index) in getOfficeTableRowItemsNEW(\n            tileData.office,\n            true,\n          )\"\n          :key=\"`officeitem_${index}`\"\n          class=\"flex pb-2xs last:pb-0\"\n        >\n          <div class=\"flex\">\n            <div class=\"w-[18px] shrink-0\">\n              <FaIcon :icon-class=\"item.icon\" />\n            </div>\n            <div :class=\"`pl-sm pr-xs`\">\n              <!-- eslint-disable vue/no-v-html -->\n              <span\n                v-html=\"item.label.length !== 0 ? t(item.label) : item.value\"\n              ></span>\n            </div>\n          </div>\n\n          <div v-if=\"item.label.length !== 0\">\n            {{ item.value }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"relative flex flex-col self-end pt-md\">\n      <div class=\"flex flex-col text-right\">\n        <div class=\"text-3xl font-bold\">\n          {{\n            tileData.office.price\n              ? getFormattedPrice(tileData.office.price)\n              : t('office.notSpecified')\n          }}\n        </div>\n        <div class=\"text-sm mt-[-3pt]\">\n          {{ t(tileData.priceSubline) }}\n        </div>\n      </div>\n      <LinkBasic\n        :label=\"t('basicLink.showDetails')\"\n        :link=\"`/${tileData.uri}`\"\n        :filter-params=\"queryArgs\"\n        target=\"_self\"\n        icon=\"fas fa-chevron-right\"\n        class=\"justify-end text-vdv-base pt-md\"\n      />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\"></script>\n<script setup lang=\"ts\">\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport { getFormattedPrice } from '~~/src/utils/pageData/utils';\nimport type { LocationQueryRaw } from 'vue-router';\nimport { type OfficeTileData } from '../tileType';\nimport { getOfficeTableRowItemsNEW } from '~~/src/utils/pageData/getOfficeTableRowItems';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n\nconst isMobile = inject(mq_breakpointIsMobile);\n\ndefineProps({\n  tileData: {\n    type: Object as PropType<OfficeTileData>,\n    required: true,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n</script>\n<style scoped lang=\"postcss\"></style>\n","<template>\n  <div class=\"pt-sm\">\n    <div class=\"text-md\">\n      <div\n        v-for=\"(item, index) in getOfficeTableRowItemsNEW(\n          tileData.office,\n          true,\n        )\"\n        :key=\"`officeitem_${index}`\"\n        class=\"flex pb-2xs last:pb-0\"\n      >\n        <div class=\"flex\">\n          <div class=\"w-[18px] shrink-0\">\n            <FaIcon :icon-class=\"item.icon\" />\n          </div>\n          <div :class=\"`pl-sm pr-xs`\">\n            <!-- eslint-disable vue/no-v-html -->\n            <span\n              v-html=\"item.label.length !== 0 ? t(item.label) : item.value\"\n            ></span>\n          </div>\n        </div>\n\n        <div v-if=\"item.label.length !== 0\">\n          {{ item.value }}\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"relative flex flex-col self-end pt-md\">\n    <div class=\"flex flex-col text-right\">\n      <div class=\"text-3xl font-bold leading-alt-xl\">\n        {{\n          tileData.office.price\n            ? getFormattedPrice(tileData.office.price)\n            : t('office.notSpecified')\n        }}\n      </div>\n      <div class=\"text-sm mt-[-3pt]\">\n        {{ t(tileData.priceSubline) }}\n      </div>\n    </div>\n    <LinkBasic\n      :label=\"t('basicLink.showDetails')\"\n      :link=\"`/${tileData.uri}`\"\n      :filter-params=\"queryArgs\"\n      target=\"_self\"\n      icon=\"fas fa-chevron-right\"\n      class=\"justify-end text-vdv-base pt-md\"\n    />\n  </div>\n</template>\n<script lang=\"ts\"></script>\n<script setup lang=\"ts\">\nimport type { LocationQueryRaw } from 'vue-router';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport { getFormattedPrice } from '~~/src/utils/pageData/utils';\nimport { type OfficeTileData } from '../tileType';\nimport { getOfficeTableRowItemsNEW } from '~~/src/utils/pageData/getOfficeTableRowItems';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n\ndefineProps({\n  tileData: {\n    type: Object as PropType<OfficeTileData>,\n    required: true,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n</script>\n<style scoped lang=\"postcss\"></style>\n","export enum EOfficeLabel {\n  NONE = 'none',\n  RESERVED = 'reserved',\n}\n","<template>\n  <div\n    v-if=\"isNew || officeLabel !== EOfficeLabel.NONE\"\n    class=\"vdv-office-status\"\n  >\n    <div\n      v-if=\"officeLabel !== EOfficeLabel.NONE\"\n      class=\"vdv-office-status__main\"\n    >\n      {{ getStatusFromEnum(officeLabel) }}\n    </div>\n    <div\n      v-if=\"isNew && officeLabel !== EOfficeLabel.RESERVED\"\n      class=\"vdv-office-status--active\"\n    >\n      <div class=\"vdv-office-status__main\">\n        {{ t('office.new') }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EOfficeLabel } from '@/@types/office-label';\n\nconst { t } = useTrans();\ndefineProps({\n  officeLabel: {\n    type: String as PropType<EOfficeLabel>,\n    required: true,\n  },\n  isNew: {\n    type: Boolean,\n    required: true,\n  },\n});\n\nfunction getStatusFromEnum(icon: EOfficeLabel) {\n  switch (icon) {\n    case EOfficeLabel.RESERVED:\n      return t('office.reserved');\n    default:\n      return '';\n  }\n}\n</script>\n<style scoped lang=\"postcss\">\n.vdv-office-status {\n  @apply absolute top-md right-0 bg-vdv-btn-base text-white;\n}\n\n.vdv-office-status__main {\n  @apply relative px-xs font-bold text-sm h-[24px] leading-[24px];\n}\n.vdv-office-status--active {\n  @apply bg-sign-yellow;\n}\n\n.vdv-office-status__main::before {\n  content: '\\A';\n  border-style: solid;\n  border-width: 0 10px 24px 0;\n  border-color: transparent #555555 transparent transparent;\n  position: absolute;\n  left: -10px;\n}\n\n.vdv-office-status--active > .vdv-office-status__main::before {\n  border-color: transparent #deab53 transparent transparent;\n}\n</style>\n","<template>\n  <TileFrame :size=\"size\" @click=\"handleTileClick\">\n    <template #image>\n      <ImageBasic\n        :image-data=\"tileData.image\"\n        class=\"object-cover w-full h-full aspect-video\"\n        :class=\"{\n          ['grayscale-[88%] ease-in duration-300']: !tileData.isAvailable,\n        }\"\n      ></ImageBasic>\n      <OfficeStatusIndicator\n        v-if=\"tileData.typeHandle === TileTypeHandle.OFFICE\"\n        :office-label=\"tileData.office.label\"\n        :is-new=\"isNew(tileData.office.date)\"\n      />\n    </template>\n\n    <div\n      class=\"grid h-full p-md\"\n      :class=\"{\n        'grid-rows-[min-content_max-content]': !isSlim,\n        'grid-rows-[min-content_max-content] content-between': isSlim,\n      }\"\n    >\n      <div class=\"vdv-tile-contents-office__top\">\n        <h5 ref=\"overline\" class=\"items-start text-sm font-light\">\n          {{ t(tileData.overline) }}\n        </h5>\n        <div class=\"text-md pt-sm\">\n          <h4 class=\"break-words\">\n            {{ tileData.title }}\n          </h4>\n        </div>\n      </div>\n\n      <SlimContent\n        v-if=\"isSlim\"\n        :tile-data=\"tileData\"\n        :query-args=\"queryArgs\"\n      />\n      <WideContent v-else :tile-data=\"tileData\" :query-args=\"queryArgs\" />\n    </div>\n  </TileFrame>\n</template>\n<script lang=\"ts\"></script>\n<script setup lang=\"ts\">\nimport type { LocationQueryRaw } from 'vue-router';\nimport { ETileSize } from '@/@types/tile-size';\nimport { getDaysTillNow } from '~~/src/helpers/dayJs';\nimport TileFrame from '../../tileFrame/TileFrame.vue';\nimport SlimContent from './components/SlimContent.vue';\nimport WideContent from './components/WideContent.vue';\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport type { OfficeTileData } from './tileType';\nimport { TileTypeHandle } from '../../../types';\nimport OfficeStatusIndicator from '@/components/office/office-status-indicator.vue';\n\nconst { t } = useTrans();\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst props = defineProps({\n  tileData: {\n    type: Object as PropType<OfficeTileData>,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ETileSize>,\n    required: true,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n\nconst isSlim = computed(() => {\n  return props.size == ETileSize.SLIM;\n});\n\nfunction handleTileClick() {\n  navigateTo({\n    path: '/' + props.tileData.uri,\n    query: props.queryArgs,\n  });\n}\n\nfunction isNew(date: Date) {\n  return getDaysTillNow(date) <= 14;\n}\n</script>\n<style scoped lang=\"postcss\"></style>\n"],"names":["t","useTrans","isMobile","inject","mq_breakpointIsMobile","EOfficeLabel","getStatusFromEnum","icon","overline","ref","__expose","props","__props","isSlim","computed","ETileSize","handleTileClick","navigateTo","isNew","date","getDaysTillNow"],"mappings":"ihCAqEM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAAWC,EAAOC,CAAqB,mxCCTvC,KAAA,CAAE,EAAAJ,GAAMC,6yBC9DF,IAAAI,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,SAAW,WAFDA,IAAAA,GAAA,CAAA,CAAA,ySCyBN,KAAA,CAAE,EAAAL,GAAMC,IAYd,SAASK,EAAkBC,EAAoB,CAC7C,OAAQA,EAAM,CACZ,KAAKF,EAAa,SAChB,OAAOL,EAAE,iBAAiB,EAC5B,QACS,MAAA,EACX,CACF,ujBCaM,KAAA,CAAE,EAAAA,GAAMC,IAERO,EAAWC,EAAoB,IAAI,EAE5BC,EAAA,CAAE,SAAAF,EAAU,EAEzB,MAAMG,EAAQC,EAgBRC,EAASC,EAAS,IACfH,EAAM,MAAQI,EAAU,IAChC,EAED,SAASC,GAAkB,CACdC,EAAA,CACT,KAAM,IAAMN,EAAM,SAAS,IAC3B,MAAOA,EAAM,SAAA,CACd,CACH,CAEA,SAASO,EAAMC,EAAY,CAClB,OAAAC,EAAeD,CAAI,GAAK,EACjC"}