{"version":3,"file":"ImageFi-CuzaDVx6.js","sources":["../../src/pages/image-fi/ImageFi.vue"],"sourcesContent":["<template>\n  <component-wrapper>\n    <grid-container-fi>\n      <div class=\"fi-col-start-1 fi-col-end-13 md:fi-col-start-2 md:fi-col-end-12\">\n        <div\n          :class=\"{\n            'image-fi': true,\n            'image-fi--with-caption': caption,\n          }\"\n        >\n          <template v-if=\"isEditMode\">\n            <!-- eslint-disable vue/no-v-html -->\n            <div\n              class=\"image-fi__editable-image\"\n              v-html=\"fields.image?.editable\"\n            />\n            <div class=\"image-fi__caption\">\n              <span class=\"fi-mr-6\">Caption:</span><span v-html=\"fields.imageCaption?.editable\" />\n            </div>\n            <!-- eslint-enable vue/no-v-html -->\n          </template>\n          <template v-else>\n            <component\n              :is=\"href ? 'a' : 'span'\"\n              :href=\"href\"\n              :class=\"href ? 'image-fi__link' : null\"\n            >\n              <ssr-cloud-image-fi\n                :field=\"fields.image\"\n                :breakpoints=\"breakpoints\"\n                :unlimited=\"unlimited\"\n                class=\"image-fi__img\"\n              />\n            </component>\n          </template>\n\n          <div\n            v-if=\"caption\"\n            class=\"image-fi__caption\"\n          >\n            {{ caption }}\n          </div>\n        </div>\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script setup lang=\"ts\">\nimport { SsrCloudImageFi } from 'atoms/index';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper.vue';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi.vue';\nimport { type ScreenWidth, useBreakpoints } from 'composables/breakpoint';\nimport { type MarkSsrOnly, useSsrOnly } from 'composables/ssrOnly';\nimport containerPaddings from 'tailwind/containerPaddings';\nimport { computed } from 'vue';\n\nimport type { ImageField, LinkField, SingleLineTextField } from '@/sitecoreFieldTypes';\n\ndefineOptions({\n  name: 'ImageFi',\n});\n\nconst onCreatedMarkAsSsrOnly = (originalOnCreatedMarkAsSsrOnly: () => void) => {\n  if (IS_SSR) {\n    originalOnCreatedMarkAsSsrOnly();\n  }\n};\n\nconst props = withDefaults(\n  defineProps<{\n    fields: {\n      image?: ImageField;\n      imageCaption?: SingleLineTextField;\n      imageLink?: LinkField;\n    };\n    markSsrOnly?: MarkSsrOnly;\n  }>(),\n  {\n    fields: () => ({}),\n    markSsrOnly: undefined,\n  },\n);\n\nuseSsrOnly(props, onCreatedMarkAsSsrOnly);\nconst { screenWidths } = useBreakpoints();\n\nconst href = computed(() => props.fields.imageLink?.value?.href);\n\nconst caption = computed(() => props.fields?.imageCaption?.value);\n\nconst unlimited = screenWidths.lg - 2 * containerPaddings.lg;\n\nconst createBreakpoints = () => {\n  try {\n    const breakpoints = Object.keys(screenWidths).map((key: string) => {\n      const keyTyped = key as keyof ScreenWidth;\n      return {\n        mediaWidth: screenWidths[keyTyped],\n        imageWidth: screenWidths[keyTyped] - 2 * containerPaddings[key],\n      };\n    });\n    breakpoints.sort((a, b) => (a.mediaWidth > b.mediaWidth ? 1 : 0));\n    return breakpoints;\n  } catch (error) {\n    console.error('Could not create breakpoints', error);\n    return [];\n  }\n};\n\nconst breakpoints = createBreakpoints();\n</script>\n\n<style lang=\"scss\" scoped>\n@import './image-fi';\n</style>\n"],"names":["props","__props","screenWidths","useBreakpoints","href","computed","_b","_a","caption","unlimited","containerPaddings","breakpoints","key","keyTyped","breakpoints2","b","error"],"mappings":"qgBAqEA,MAAMA,EAAQC,EAgBR,CAAE,aAAAC,GAAiBC,IAEnBC,EAAOC,EAAS,aAAM,OAAAC,GAAAC,EAAAP,EAAM,OAAO,YAAb,YAAAO,EAAwB,QAAxB,YAAAD,EAA+B,KAAI,EAEzDE,EAAUH,EAAS,IAAM,SAAA,OAAAC,GAAAC,EAAAP,EAAM,SAAN,YAAAO,EAAc,eAAd,YAAAD,EAA4B,MAAK,EAE1DG,EAAYP,EAAa,GAAK,EAAIQ,EAAkB,GAmBpDC,GAjBoB,IAAM,CAC1B,GAAA,CACF,MAAMA,EAAc,OAAO,KAAKT,CAAY,EAAE,IAAKU,GAAgB,CACjE,MAAMC,EAAWD,EACV,MAAA,CACL,WAAYV,EAAaW,CAAQ,EACjC,WAAYX,EAAaW,CAAQ,EAAI,EAAIH,EAAkBE,CAAG,CAAA,CAChE,CACD,EACW,OAAAE,EAAA,KAAK,CAAC,EAAGC,IAAO,EAAE,WAAaA,EAAE,WAAa,EAAI,CAAE,EACzDJ,QACAK,EAAO,CACN,eAAA,MAAM,+BAAgCA,CAAK,EAC5C,EACT,CAAA"}