import{t as e,a as s,v as a,a2 as r,o as t,j as o,w as i,h as n,m as l,i as u,aA as c,p as m,B as p,aX as d}from"./index-9bec188e.js";import{u as _}from"./images.52fc6216.js";import{_ as g}from"./_plugin-vue_export-helper.1b428a4d.js";const y=g({__name:"index",props:{unique:{type:[String,Number],required:!0},src:{type:String,required:!0},mode:{type:String}},setup(g){const y=g,{unique:v,src:f,mode:x}=e(y),j=s(!1),q=d();function z(){const e=c(q);e.relativeToViewport(),e.observe(`.lazy-${v.value}`,(e=>{e.intersectionRatio<=0||(j.value=!0)}))}return a((()=>{r(z)})),(e,s)=>{const a=m,r=p;return t(),o(r,{class:l(["lazy-image"])},{default:i((()=>[n(r,{class:l([`lazy-${u(v)}`,"lazy-image__inner"])},{default:i((()=>[j.value?(t(),o(a,{key:0,class:"image-context",src:u(f),mode:u(x)},null,8,["src","mode"])):(t(),o(a,{key:1,class:"image-context",src:u(_)},null,8,["src"]))])),_:1},8,["class"])])),_:1})}}},[["__scopeId","data-v-61718436"]]);export{y as L};
