1import{_ as k}from"./DHNRGBF0.js";import{u as b}from"./DuN7DztK.js";import{d as w,H as h,p as x,aE as I,o as t,b as o,e as g,F as N,r as $,g as a,c as y,h as B,v as n}from"./DzZ5sRFm.js";const j={class:"lqip-image"},E=["srcset","media"],C=w({__name:"LqipImage",props:{src:{},width:{},height:{}},setup(f){const e=f,{imageDefault:d,images:_,imagesMedia:v}=b(e.src,Number(e.width),Number(e.height),!1,!1),s=n(null),c=e.src+`?q=1&fm=pjpg&w=${e.width}hw=${e.height}`;h({link:[{rel:"preload",href:c,as:"image",fetchpriority:"high"}]}),h({link:[{rel:"preload",href:"/js/lqip.js",as:"script",fetchpriority:"high"}]});const l=n(!1),i=n();return x(()=>{!s||!s.value||(i.value=new IntersectionObserver((p,u)=>{p.forEach(r=>{r.isIntersecting&&(l.value=!0,u.unobserve(r.target))})},{root:null,rootMargin:"-66px 0px 0px 0px",threshold:0}),i.value.observe(s.value))}),I(()=>{i?.value?.disconnect()}),(p,u)=>{const r=k;return t(),o("div",j,[g("img",{ref_key:"lqip",ref:s,src:c,class:"lqip-image__lqip",alt:"..."},null,512),g("picture",null,[(t(!0),o(N,null,$(a(_),(q,m)=>(t(),o("source",{key:`$lqip-img-src-${m}`,srcset:q,media:a(v)[m]},null,8,E))),128)),a(l)?(t(),y(r,{key:0,src:a(d),class:"lqip-image__image",alt:"..."},null,8,["src"])):B("",!0)])])}}});export{C as _}; 2//# sourceMappingURL=Dxv9i81x.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.