https://elysiatools.com/_next/static/chunks/4733.19adec0fd6b27a31.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4733],{64733:(e,t,i)=>{i.d(t,{default:()=>c});var a=i(20810),r=i(97166),o=i(29737),n=i(75440);let l={avif:"image/avif",bmp:"image/bmp",gif:"image/gif",heic:"image/heic",heif:"image/heif",ico:"image/x-icon",jxl:"image/jxl",jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",svg:"image/svg+xml",tif:"image/tiff",tiff:"image/tiff",webp:"image/webp"},d=`
2.image-viewer{position:relative;width:100%;height:100%;overflow:auto;background:var(--file-viewer-render-surface-background,#eef1f4);box-sizing:border-box}
3.image-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
4.image-stage img{display:block;width:auto;max-width:none;margin:0 auto;border:0;box-shadow:0 18px 48px rgba(15,23,42,.16);background:#fff;cursor:zoom-in}
5.image-lightbox{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(15,23,42,.88);box-sizing:border-box}
6.image-lightbox[hidden]{display:none}
7.image-lightbox img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.4);cursor:zoom-out}
8.image-lightbox button{position:absolute;top:20px;right:20px;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#172033;font-size:24px;line-height:40px;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18)}
9[data-viewer-theme='dark'] .image-viewer{background:var(--file-viewer-render-surface-background,#101820)}
10@media (prefers-color-scheme:dark){[data-viewer-theme='system'] .image-viewer{background:var(--file-viewer-render-surface-background,#101820)}}
11@media (max-width:767px){.image-stage{padding:12px}.image-lightbox{padding:16px}.image-lightbox button{top:12px;right:12px}}
12`,m=e=>l[(e||"").trim().toLowerCase()]||"image/*",s=async e=>await new Promise((t,i)=>{let a=new FileReader;a.onload=e=>{var a;let r=null==(a=e.target)?void 0:a.result;if("string"==typeof r)return void t(r);i(Error("Unable to read image data URL."))},a.onerror=()=>i(a.error||Error("Unable to read image data URL.")),a.readAsDataURL(e)}),g=async(e,t)=>{let i=(t||"").trim().toLowerCase();if("heic"===i||"heif"===i)throw Error("HEIC/HEIF image conversion has moved out of @file-viewer/core. Install and pass @file-viewer/renderer-image, or use @file-viewer/preset-all.");return s(new Blob([e],{type:m(i)}))};async function c(e,t,i,l){var s,c;let u=(0,o.Nx)(null==l?void 0:l.options),h=t.ownerDocument||document,p=await g(e,i);null==(s=null==l?void 0:l.registerThumbnailAdapter)||s.call(l,{capture:()=>new Blob([e],{type:m(i)})});let b=1,x=1,v=1,f=0,w=(0,n._w)(),k=h.createElement("div");k.className="image-viewer",k.dataset.viewerZoomProvider="image";let y=h.createElement("div");y.className="image-stage";let E=h.createElement("img");E.alt=u("image.alt"),E.src=p,y.append(E),k.append(y);let z=((e,t,i)=>{let a=e.createElement("div");a.className="image-lightbox",a.hidden=!0,a.setAttribute("role","dialog"),a.setAttribute("aria-modal","true");let r=e.createElement("img");r.alt=i("image.lightbox.alt"),r.src=t;let o=e.createElement("button");o.type="button",o.setAttribute("aria-label",i("image.lightbox.close")),o.textContent="x";let n=()=>{a.hidden=!0};return o.addEventListener("click",n),r.addEventListener("click",n),a.addEventListener("click",e=>{e.target===a&&n()}),a.append(r,o),{element:a,open(){a.hidden=!1},destroy(){o.removeEventListener("click",n),r.removeEventListener("click",n),a.remove()}}})(h,p,u),M=()=>z.open();E.addEventListener("click",M);let L=()=>Math.min(.1,x||.1),H=e=>Math.min(5,Math.max(L(),Number(e.toFixed(3)))),j=()=>{if(v=H((x=(()=>{let e=E.naturalWidth||0,t=E.naturalHeight||0;return e&&t?Math.min(1,Math.max((k.clientWidth||0)-48,1)/e,Math.max((k.clientHeight||f||0)-48,1)/t):1})())*b),E.naturalWidth&&E.naturalHeight){E.style.width=`${Math.max(1,Math.round(E.naturalWidth*v))}px`,E.style.height=`${Math.max(1,Math.round(E.naturalHeight*v))}px`;return}E.style.width="auto",E.style.height=f>0?`${Math.max(1,Math.round(f*b))}px`:`${100*b}%`},C=()=>

12{f=k.clientHeight||0,j(),w.emit()},W=new ResizeObserver(C);W.observe(k),E.addEventListener("load",C);let R=()=>({scale:v,label:`${Math.round(100*v)}%`,canZoomIn:v<5,canZoomOut:v>L(),canReset:Math.abs(b-1)>.001,minScale:L(),maxScale:5}),N=e=>(b=H(e)/Math.max(x,.001),j(),w.emit(),R());return(0,a.e5)(k,{zoomIn:()=>N(v+.15),zoomOut:()=>N(v-.15),resetZoom:()=>(b=1,j(),w.emit(),R()),setZoom:N,fit:e=>{var t,i;let a=E.naturalWidth||0,o=E.naturalHeight||0;if(!a||!o)return{applied:!1,mode:e.mode,resize:e.resize,source:e.source,reason:"image-not-ready",provider:"zoom"};let n="auto"===e.mode?"scale-down":e.mode,l=(0,r._y)({mode:n,viewportWidth:Math.max(1,e.viewportWidth||k.clientWidth||0),viewportHeight:Math.max(1,e.viewportHeight||k.clientHeight||f||0),contentWidth:a,contentHeight:o,currentScale:v,minScale:null!=(t=e.minScale)?t:L(),maxScale:null!=(i=e.maxScale)?i:5});if(!l)return{applied:!1,mode:e.mode,resize:e.resize,source:e.source,reason:"unmeasurable",provider:"zoom"};let d=N(l);return{applied:!0,mode:e.mode,resize:e.resize,scale:d.scale,source:e.source,provider:"zoom"}},getState:R,subscribe:w.subscribe}),t.replaceChildren((e=>{let t=e.createElement("style");return t.textContent=d,t})(h),k),((null==(c=null==l?void 0:l.surface)?void 0:c.shadowRoot)||t).append(z.element),C(),{$el:t,unmount(){var e;null==(e=null==l?void 0:l.registerThumbnailAdapter)||e.call(l,null),(0,a.R_)(k),W.disconnect(),E.removeEventListener("load",C),E.removeEventListener("click",M),z.destroy(),t.replaceChildren()}}}}}]);