{"version":3,"file":"LazyImage-DNGz4vFb.js","sources":["../../../packs/frontend/components/LazyImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{ src: string; srcPlaceholder?: string; alt?: string }>(),\n  {\n    srcPlaceholder:\n      \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\",\n    alt: \"\",\n  }\n);\nconst emit = defineEmits([\"load\", \"error\", \"intersect\"]);\n\nlet observer: IntersectionObserver;\nconst intersectionOptions = {};\nconst root = ref<HTMLImageElement>();\nconst state = reactive<{\n  intersected: boolean;\n  loaded: boolean;\n}>({\n  intersected: false,\n  loaded: false,\n});\n\nconst srcImage = computed(() =>\n  state.intersected && props.src ? props.src : props.srcPlaceholder\n);\n\nconst load = () => {\n  if (root.value && root.value.getAttribute(\"src\") !== props.srcPlaceholder) {\n    state.loaded = true;\n    emit(\"load\", root.value);\n  }\n};\n\nconst error = () => emit(\"error\", root.value);\n\nonMounted(() => {\n  observer = new IntersectionObserver((entries) => {\n    const image = entries[0];\n    if (image.isIntersecting) {\n      state.intersected = true;\n      observer.disconnect();\n      emit(\"intersect\");\n    }\n  }, intersectionOptions);\n\n  if (root.value) {\n    observer.observe(root.value);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<template>\n  <img\n    ref=\"root\"\n    :src=\"srcImage\"\n    :class=\"['lazy-image', { 'lazy-image-loaded': state.loaded }]\"\n    :alt=\"alt\"\n    @load=\"load\"\n    @error=\"error\"\n  />\n</template>\n\n<style scoped>\n.v-lazy-image {\n  opacity: 0;\n  transition: opacity 2s;\n}\n\n.v-lazy-image-loaded {\n  opacity: 1;\n}\n</style>\n"],"names":["props","__props","emit","__emit","observer","intersectionOptions","root","ref","state","reactive","srcImage","computed","load","error","onMounted","entries","onBeforeUnmount"],"mappings":"iYACA,MAAMA,EAAQC,EAQRC,EAAOC,EAET,IAAAC,EACJ,MAAMC,EAAsB,CAAC,EACvBC,EAAOC,EAAsB,EAC7BC,EAAQC,EAGX,CACD,YAAa,GACb,OAAQ,EAAA,CACT,EAEKC,EAAWC,EAAS,IACxBH,EAAM,aAAeR,EAAM,IAAMA,EAAM,IAAMA,EAAM,cACrD,EAEMY,EAAO,IAAM,CACbN,EAAK,OAASA,EAAK,MAAM,aAAa,KAAK,IAAMN,EAAM,iBACzDQ,EAAM,OAAS,GACVN,EAAA,OAAQI,EAAK,KAAK,EAE3B,EAEMO,EAAQ,IAAMX,EAAK,QAASI,EAAK,KAAK,EAE5C,OAAAQ,EAAU,IAAM,CACHV,EAAA,IAAI,qBAAsBW,GAAY,CACjCA,EAAQ,CAAC,EACb,iBACRP,EAAM,YAAc,GACpBJ,EAAS,WAAW,EACpBF,EAAK,WAAW,IAEjBG,CAAmB,EAElBC,EAAK,OACEF,EAAA,QAAQE,EAAK,KAAK,CAC7B,CACD,EAEDU,EAAgB,IAAM,CAChBZ,GACFA,EAAS,WAAW,CACtB,CACD"}