{"version":3,"file":"DcDvMWM4.js","sources":["../../../../src/components/tiles/components/tiles/OfferTile/OfferTile.vue"],"sourcesContent":["<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        sizes=\"768px md:460px\"\n        quality=\"80\"\n      ></ImageBasic>\n      <div\n        v-if=\"\n          tileData.typeHandle === TileTypeHandle.OFFER &&\n          tileData.offer.isDigitalExcellence\n        \"\n        class=\"absolute top-0 right-sm\"\n      >\n        <img src=\"@/assets/images/digital-excellence-badge.svg\" />\n      </div>\n    </template>\n\n    <div class=\"grid h-full p-md\">\n      <div ref=\"overline\" class=\"text-sm font-light\">\n        {{ tileData.overline }}\n      </div>\n      <h4 class=\"break-words pt-sm\">\n        {{ tileData.title }}\n      </h4>\n      <p class=\"pt-sm\">\n        {{ tileData.description }}\n      </p>\n      <div class=\"pt-sm min-h-[50px]\">\n        <div class=\"flex flex-col gap-y-2xs [&_div]:h-[20px]\">\n          <div\n            v-if=\"tileData.offer.manufacturer\"\n            class=\"flex flex-row items-baseline flex-nowrap\"\n          >\n            <FaIcon\n              icon-class=\"fal fa-hand-holding-box\"\n              classes=\"mr-sm fa-fw\"\n            />\n            <span>{{ tileData.offer.manufacturer }}</span>\n          </div>\n          <div\n            v-if=\"tileData.offer.validUntil\"\n            class=\"flex flex-row items-baseline flex-nowrap\"\n          >\n            <FaIcon icon-class=\"fal fa-calendar-alt\" classes=\"mr-sm fa-fw\" />\n            <span\n              >Angebot gültig bis\n              {{ formatDate(tileData.offer.validUntil) }}</span\n            >\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col [&_div]:ml-auto [&_div]:leading-xs mt-md\">\n        <div\n          v-if=\"\n            tileData.offer.obsoletePrice !== 0 && tileData.offer.price !== 0\n          \"\n          class=\"text-lg text-vdv-border-dark mb-xs\"\n        >\n          LVP\n          <s\n            ><b>{{ n(tileData.offer.obsoletePrice, 'currency') }}</b></s\n          >\n        </div>\n        <div v-else>&nbsp;</div>\n        <div v-if=\"tileData.offer.price\">\n          <span v-if=\"tileData.offer.priceFrom\">ab&nbsp;</span>\n          <span class=\"text-3xl font-bold\">{{\n            n(tileData.offer.price, 'currency')\n          }}</span>\n        </div>\n        <div v-else>\n          <span class=\"text-3xl font-bold\">{{\n            t('offer.tile.notSpecified')\n          }}</span>\n        </div>\n        <div class=\"text-sm\">\n          {{\n            tileData.offer.price\n              ? t('offer.tile.inclVat')\n              : t('offer.tile.requestPrice')\n          }}\n        </div>\n      </div>\n      <div class=\"relative flex flex-col self-end pt-md\">\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=\"ml-auto text-vdv-base\"\n        />\n      </div>\n    </div>\n  </TileFrame>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport type { LocationQueryRaw } from 'vue-router';\nimport { ETileSize } from '@/@types/tile-size';\nimport { formatDate } from '@/helpers/dayJs';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport TileFrame from '../../tileFrame/TileFrame.vue';\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport type { OfferTileData } from './tileType';\nimport { TileTypeHandle } from '../../../types';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t, n } = useTrans();\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst props = defineProps({\n  tileData: {\n    type: Object as PropType<OfferTileData>,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ETileSize>,\n    required: false,\n    default: ETileSize.NORMAL,\n  },\n  queryArgs: {\n    type: Object as PropType<LocationQueryRaw>,\n    required: false,\n    default: null,\n  },\n});\n\nfunction handleTileClick() {\n  navigateTo({\n    path: '/' + props.tileData.uri,\n    query: props.queryArgs,\n  });\n}\n</script>\n<style scoped lang=\"postcss\"></style>\n"],"names":["t","useTrans","overline","ref","__expose","props","__props","handleTileClick","navigateTo"],"mappings":"o7CAgHA,KAAM,CAAE,EAAAA,EAAG,CAAE,EAAIC,EAAS,EAEpBC,EAAWC,EAAoB,IAAI,EAE5BC,EAAA,CAAE,SAAAF,EAAU,EAEzB,MAAMG,EAAQC,EAiBd,SAASC,GAAkB,CACdC,EAAA,CACT,KAAM,IAAMH,EAAM,SAAS,IAC3B,MAAOA,EAAM,SAAA,CACd,CACH"}