1import{u as w,_ as b}from"./BWI5LWPi.js";import{n as p,aE as C,a3 as I,U as B,H as z,t,v as i,K as $,y as c,z as o,J as S,X as g,aJ as M,Q as q,x as E,S as x,B as L,i as N,r as O,G as V}from"./Cq6KxIoq.js";const A=["aria-label"],F=["src","alt"],J=["aria-label"],K=["src","alt"],U=p({inheritAttrs:!1,__name:"LightboxImage",props:{src:{},alt:{},label:{},imageClass:{},provider:{},width:{},height:{},sizes:{}},setup(e){const s=e,y=w(),r=N(()=>s.provider?y(s.src,{width:1600},{provider:s.provider}):s.src);let d=!1;function m(){if(d)return;d=!0;const a=new Image;a.src=r.value}const f=C(),n=O(!1);function h(){n.value=!0}function l(){n.value=!1}function u(a){a.key==="Escape"&&l()}return I(n,a=>{typeof document>"u"||(document.body.style.overflow=a?"hidden":"")}),B(()=>{window.addEventListener("keydown",u)}),z(()=>{window.removeEventListener("keydown",u),typeof document<"u"&&(document.body.style.overflow="")}),(a,D)=>{const v=b,k=x;return t(),i($,null,[c("button",{type:"button",class:o([a.$style.trigger,S(f).class]),"aria-label":e.label||`Open ${e.alt||"image"} preview`,onClick:h,onMouseenter:m,onFocus:m},[e.provider?(t(),g(v,{key:0,provider:e.provider,src:e.src,alt:e.alt,class:o([a.$style.image,e.imageClass]),width:e.width,height:e.height,sizes:e.sizes,loading:"lazy",decoding:"async"},null,8,["provider","src","alt","class","width","height","sizes"])):(t(),i("img",{key:1,src:e.src,alt:e.alt,class:o([a.$style.image,e.imageClass]),loading:"lazy",decoding:"async"},null,10,F))],42,A),(t(),g(M,{to:"body"},[n.value?(t(),i("div",{key:0,class:o(a.$style.modalBackdrop),role:"dialog","aria-modal":"true","aria-label":e.alt||"Image preview",onClick:q(l,["self"])},[c("button",{type:"button",class:o(a.$style.modalClose),"aria-label":"Close image preview",onClick:l},[E(k,{name:"material-symbols:close-rounded"})],2),c("img",{src:r.value,alt:e.alt,class:o(a.$style.modalImage),decoding:"async"},null,10,K)],10,J)):L("",!0)]))],64)}}}),_="Sk8m2q-image",j="Sk8m2q-modalBackdrop",G="Sk8m2q-modalClose",H="Sk8m2q-modalImage",Q="Sk8m2q-trigger",T={image:_,modalBackdrop:j,modalClose:G,modalImage:H,trigger:Q},X={$style:T},W=Object.assign(V(U,[["__cssModules",X]]),{__name:"LightboxImage"});export{W as _};
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.