{"version":3,"file":"Cpqzwt79.js","sources":["../../../../src/components/components/cms/components/image-detailed.vue"],"sourcesContent":["<template>\n  <figure\n    class=\"text-sm text-vdv-border-dark\"\n    :class=\"props.classes\"\n    style=\"height: auto !important\"\n  >\n    <ImageBasic :image-data=\"imageData\" :classes=\"props.imgClasses\" />\n    <template v-if=\"showMeta\">\n      <figcaption v-if=\"image.copyright == null\" class=\"mt-xs\">\n        <b>{{ image.title }}</b>\n      </figcaption>\n      <figcaption v-else class=\"mt-xs\">\n        <i>\n          <b>{{ image.title }} </b>\n        </i>\n        - &#169; {{ image.copyright }}\n      </figcaption>\n      <div v-show=\"image.shortDescription != null && isMobile === false\">\n        <i>{{ image.shortDescription }}</i>\n      </div>\n    </template>\n  </figure>\n</template>\n\n<script setup lang=\"ts\">\nimport ImageBasic from '@/components/components/core/basicImage/image-basic.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport type { BasicImageData } from '../../core/basicImage/type';\n\nconst props = defineProps({\n  imageData: {\n    type: Object as PropType<BasicImageData>,\n    required: false,\n    default: null,\n  },\n  classes: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  imgClasses: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  showMeta: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst isMobile = inject(mq_breakpointIsMobile);\nconst image = computed(() => {\n  return props.imageData[isMobile.value ? 'mobile' : 'desktop'];\n});\n</script>\n"],"names":["props","__props","isMobile","inject","mq_breakpointIsMobile","image","computed"],"mappings":"0bA6BA,MAAMA,EAAQC,EAsBRC,EAAWC,EAAOC,CAAqB,EACvCC,EAAQC,EAAS,IACdN,EAAM,UAAUE,EAAS,MAAQ,SAAW,SAAS,CAC7D"}