1import{aV as g,bm as y,aW as E,aY as $,aX as k,b1 as L,a$ as w,b9 as C,bJ as _,bC as z,br as F,by as M,bu as v,c8 as S,c1 as D,c2 as W,c7 as T,bv as d,b2 as x,bt as A,bM as B,bP as I,bA as H}from"./EBpBARSw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a3084d7f-9ef0-44b0-9e15-a724214fb507",e._sentryDebugIdIdentifier="sentry-dbid-a3084d7f-9ef0-44b0-9e15-a724214fb507")}catch{}})();const b=["DOMMouseScroll","mousewheel","wheel"],N=g({name:"Zoomable",setup(){const e=y(),t=E(),i=w(),s=w(!1),n=_({scale:1,x:0,y:0}),u=C(()=>({transform:`translate(${n.x}px, ${n.y}px) scale(${n.scale})`}));function r(){s.value&&(s.value=!1)}function l(){s.value&&(s.value=!1)}function f({key:o}){s.value&&(o==="ArrowUp"||o==="ArrowDown")&&(s.value=!1)}function m(){if(t.$viewport.isLessThan("tablet")){s.value=!1;return}s.value=!s.value}return $(()=>{for(const o of b)window.removeEventListener(o,l);window.removeEventListener("touchmove",l),window.removeEventListener("resize",r),window.removeEventListener("keydown",f)}),k(()=>{for(const o of b)window.addEventListener(o,l,{passive:!1});window.addEventListener("keydown",f),window.addEventListener("touchmove",l,{passive:!1}),window.addEventListener("resize",r),L(s,o=>{if(t.$viewport.isLessThan("tablet")||!o){n.scale=1,n.x=0,n.y=0;return}if(!i.value)return;const p=window.innerHeight-120,h=window.innerWidth-120,a=i.value.getBoundingClientRect(),c=Math.min(h/a.width,p/a.height);n.x=window.innerWidth/2-a.width*c/2,n.x-=a.left*n.scale,n.y=window.innerHeight/2-a.height*c/2,n.y-=a.top*n.scale,n.scale=c})}),{css:e,contentEl:i,currentStyles:u,isFloating:s,onClick:m}}}),V="_3GtiE",P="cvZAD",R="_10hFu",U="i0Q-K",K={zoomable:V,content:P,blackout:R,isFloating:U};function O(e,t,i,s,n,u){return F(),M("div",{class:d({[e.css.zoomable]:!0,[e.css.isFloating]:e.isFloating}),onClick:t[0]||(t[0]=(...r)=>e.onClick&&e.onClick(...r))},[v("div",{ref:"contentEl",class:d(e.css.content),style:T(e.currentStyles)},[S(e.$slots,"default",D(W({isFloating:e.isFloating})))],6),x(H,{name:"fade"},{default:A(()=>[B(v("div",{class:d(e.css.blackout)},null,2),[[I,e.isFloating]])]),_:1})],2)}const Z={$style:K},J=z(N,[["render",O],["__cssModules",Z]]);export{J as default};
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.