1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75],{60075:(e,t,s)=>{s.r(t),s.d(t,{default:()=>m});var r=s(31085),l=s(94864),n=s(14041);let a=e=>{let{image:t}=e,[s,l]=(0,n.useState)(!1),a=(0,n.useRef)(),o=(0,n.useRef)(),[u,c]=(0,n.useState)(0),[d,f]=(0,n.useState)(0),h=e=>(3*u-u)/2-(3*u-o.current.offsetWidth)*((e-o.current.getBoundingClientRect().x)/o.current.offsetWidth),m=e=>(3*d-d)/2-(3*d-o.current.offsetHeight)*((e-o.current.getBoundingClientRect().y)/o.current.offsetHeight);return(0,n.useEffect)(()=>{let e=new Image;e.src=t.url,e.onload=()=>{f(e.height),c(e.width)},l(!1),a.current.style.top=i(o.current.offsetHeight,e.height,e.width),a.current.style.left="50%"},[t]),(0,r.jsx)("div",{ref:o,className:"relative content-center justify-center mt-2 overflow-hidden border-2 border-primary-100 h-5/6",style:{cursor:s?"zoom-out":"zoom-in"},onClick:e=>{let{clientX:t,clientY:r}=e;s?(a.current.style.left="50%",a.current.style.top=i(o.current.offsetHeight,d,u)):(a.current.style.top=m(r)+"px",a.current.style.left=h(t)+"px"),l(!s)},onMouseMove:e=>{let{clientX:t,clientY:r}=e;s&&(a.current.style.top=m(r)+"px",a.current.style.left=h(t)+"px")},children:(0,r.jsx)("img",{className:`absolute inset-0 ${d>u?"h-full":"w-full"}`,style:{scale:s?"3":"1",transform:s?void 0:"translateX(-50%)"},src:t.url,alt:t.alt,ref:a})})},i=(e,t,s)=>{let r="";return e-t<=0&&t<s&&(r=(e-t/s*t*(e/t))/2+"px"),r};var o=s(61695),u=s(72886);let c=e=>{let{image:t,setCurrentIndexDelta:s,showImageIndexIndicator:l=()=>{}}=e,[a,i]=(0,n.useState)(1),[o,c]=(0,n.useState)(0),[d,f]=(0,n.useState)(0),[h,m]=(0,n.use
1State)(0),[x,p]=(0,n.useState)({x:0,y:0}),g=(0,n.useRef)(),y=(0,n.useRef)(),w=(e,t,s)=>Math.min(Math.max(e,t),s);return(0,u.NH)({onPinch:e=>{let{offset:t}=e;i(w(a+9e-4*t[0],1,3))},onDragEnd:e=>{let{initial:t,xy:r,axis:l,distance:n}=e;1===a?"x"===l&&n>65?(t[0]-r[0]>0?(s(1),i(1),setTimeout(()=>{c(0)},50)):(s(-1),i(1),setTimeout(()=>{c(0)},50)),c(-1*o)):c(0):p({x:w(x.x+(r[1]-t[1]),-(h*a*.7),h*a*.7),y:w(x.y+(r[0]-t[0]),-(d*a*.7),d*a*.7)})},onDrag:e=>{let{initial:t,xy:s}=e;1===a?c(s[0]-t[0]):(g.current.style.top=w(x.x+(s[1]-t[1]),-(h*a*.7),h*a*.7)+"px",g.current.style.left=w(x.y+(s[0]-t[0]),-(d*a*.7),d*a*.7)+"px")}},{domTarget:y,drag:a>1?{axis:void 0}:{axis:"x"},eventOptions:{passive:!1}}),(0,n.useEffect)(()=>{1===a?(p({x:0,y:0}),l(!0)):l(!1)},[l,a]),(0,n.useEffect)(()=>{let e=new Image;e.src=t.url,e.onload=()=>{m(e.height),f(e.width)},c(0)},[t]),(0,n.useEffect)(()=>(document.body.style.position="fixed",()=>{document.body.style.position=""}),[]),(0,r.jsx)("div",{ref:y,className:"flex items-center w-full h-full border-2 border-primary-100",children:(0,r.jsx)("img",{className:"relative object-contain w-full px-7 h-4/5",style:{scale:a+"",transform:"translateX("+o+"px)",transition:"transform 0.2s",touchAction:"none",top:x.x,left:x.y},src:t.url,alt:t.alt,ref:g})})};var d=s(16214),f=s(52641),h=s(73808);let m=e=>{let{images:t,index:s,onClose:i}=e,u=(0,d.y5)(),[m,x]=(0,n.useState)(s),[p,g]=(0,n.useState)(!0),[y,w]=(0,n.useState)(null),v=(e,t,s)=>Math.min(Math.max(e,t),s),j=async()=>{w(await Promise.all(t.map(async e=>await (0,h.Mj)(e))))};return(0,n.useEffect)(()=>{j()},[t]),(0,r.jsx)(l.aF,{displayModal:!0,onClose:()=>i(m),enableFocusTrap:!1,children:y&&(0,r.jsx)("div",{className:"flex flex-col overflow-hidden gap-4 mt-7",style:{height:(0,f.F)(u)?.85*window.innerHeight+"px":"70vh",width:(0,f.F)(u)?.9*window.innerWidth+"px":"60vh"},children:(0,f.F)(u)?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{image:y[m],setCurrentIndexDelta:e=>x(v(m+e,0,y.length-1)),showImageIndexIndicator:e=>g(e)}),p&&(0,r.jsx)("div",{className:"flex flex-row justify-center pb-4 mt-2 gap-2 px-2.5",children:[...Array(y.length).keys()].map(e=>(0,r.jsx)("span",{className:`border-none w-2.5 h-2.5 bg-muted-100 rounded-md my-1 p-1 cursor-pointer ${m===e?"bg-muted-900":""}`},e))})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a,{image:y[m]}),y.length>1&&(0,r.jsx)(o.A,{className:"h-16 sm:h-20",style:{maxWidth:90*y.length+"px"},images:y,setImageIndex:e=>x(e),selectedImage:m})]})})})}}}]);
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.