{"version":3,"file":"DV-4WpHk.js","sources":["../../../../src/components/components/core/basicImage/image-basic.vue"],"sourcesContent":["<template>\n  <div class=\"box-content relative overflow-hidden\" :class=\"props.classes\">\n    <picture\n      v-if=\"props.imageData\"\n      class=\"relative\"\n      style=\"\n        object-fit: inherit;\n        max-height: inherit;\n        max-width: inherit;\n        height: inherit;\n      \"\n    >\n      <source :srcset=\"imageData.mobile.url\" media=\"(max-width: 768px)\" />\n      <Image\n        ref=\"imageRef\"\n        style=\"\n          object-fit: inherit;\n          max-height: inherit;\n          max-width: inherit;\n          height: inherit;\n        \"\n        :style=\"focalPoint\"\n        class=\"w-full h-full\"\n        loading=\"lazy\"\n        :src=\"image.url\"\n        :alt=\"image.altText\"\n        :title=\"image.title\"\n      />\n    </picture>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport type { BasicImageData } from './type';\nimport { Image } from '@/complib';\n\n// WIP: hybrid image works both with handler and raw data, TODO: remaove image handler\n\nconst isMobile = inject(mq_breakpointIsMobile);\n\nconst props = defineProps({\n  imageData: {\n    type: Object as PropType<BasicImageData>,\n    required: true,\n    default: {} as BasicImageData,\n  },\n  classes: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst image = computed(() => {\n  return props.imageData[isMobile.value ? 'mobile' : 'desktop'];\n});\n\nconst focalPoint = computed(() => {\n  const focalPoint = image.value.focalPoint;\n  if (focalPoint && focalPoint.length) {\n    return `object-position: ${focalPoint[0] * 100}% ${focalPoint[1] * 100}%`;\n  }\n  return `object-position: ${50}% ${50}%`;\n});\n</script>\n"],"names":["isMobile","inject","mq_breakpointIsMobile","props","__props","image","computed","focalPoint"],"mappings":"maAsCM,MAAAA,EAAWC,EAAOC,CAAqB,EAEvCC,EAAQC,EAaRC,EAAQC,EAAS,IACdH,EAAM,UAAUH,EAAS,MAAQ,SAAW,SAAS,CAC7D,EAEKO,EAAaD,EAAS,IAAM,CAC1BC,MAAAA,EAAaF,EAAM,MAAM,WAC3BE,OAAAA,GAAcA,EAAW,OACpB,oBAAoBA,EAAW,CAAC,EAAI,GAAG,KAAKA,EAAW,CAAC,EAAI,GAAG,IAEjE,0BAA6B,CACrC"}