{"version":3,"file":"-IAzUE4l.js","sources":["../../../../src/components/tiles/components/tiles/PostTile/PostTile.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=\"xs:768px md:460px\"\n        quality=\"80\"\n      ></ImageBasic>\n    </template>\n\n    <div class=\"flex flex-col h-full p-md\">\n      <div>\n        <h5 ref=\"overline\" class=\"text-sm font-light\">\n          {{ tileData.overline }}\n        </h5>\n        <h4 class=\"break-words pt-sm\">\n          {{ tileData.title }}\n        </h4>\n      </div>\n      <div class=\"h-full pt-sm\">\n        <p>\n          {{ tileData.description }}\n        </p>\n      </div>\n      <div class=\"flex justify-end self-end pt-md row-end-[none]\">\n        <LinkBasic\n          :label=\"t('basicLink.more')\"\n          :link=\"`/${tileData.uri}`\"\n          :filter-params=\"queryArgs\"\n          target=\"_self\"\n          icon=\"fas fa-chevron-right\"\n          class=\"text-primary-base\"\n        />\n      </div>\n    </div>\n  </TileFrame>\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 { ETileSize } from '@/@types/tile-size';\nimport TileFrame from '@/components/tiles/components/tileFrame/TileFrame.vue';\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport type { PostTileData } from './tileType';\n\nconst { t } = useTrans();\n\nconst overline = ref<HTMLDivElement>(null);\n\ndefineExpose({ overline });\n\nconst props = defineProps({\n  tileData: {\n    type: Object as PropType<PostTileData>,\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":"8sBA+CM,KAAA,CAAE,EAAAA,GAAMC,IAERC,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"}