Module 901690

2,780 characters · in 3ee4253b98e73f4f.js
Dependencies
Required by (1)
Lazily required by (0)none
Lazily requires (0)none
Source Raw
function(e,t,n){n.d(t,{A:()=>p});var i=n(627968),l=n(64700),a=n(503698),s=n.n(a),r=n(451988),o=n(765671),c=n(964486),d=n(461782),u=n(426179),h=n(401901),m=n(40056),A=n(926613);function g(e){return(1&e.buttons)==1}let p=l.memo(function(e){let{...t}=e,{streamId:n,onResize:a,wrapperClassName:p}=t,{onActive:_}=l.useContext(d.k3),{enabled:f,minZoom:E,isDragging:C,setIsDragging:x,panOffset:S,setPanOffset:I,zoomLevel:T,isWheeling:v,setIsWheeling:N,isSlidering:y,setVideoAspectRatio:b,wrapperRef:j,doZoom:R,clampPanOffset:M}=l.useContext(m.e9),[L,D]=l.useState(null),[O,P]=l.useState(null),[k,w]=l.useState(0),[U,G]=l.useState(null),[F,B]=l.useState(null),[H,V]=l.useState(!1),W=l.useRef(new r.Ep),K=l.useRef(new r.Ep),z=l.useRef(null),Y=T>E,J=l.useCallback(e=>{e.width>0&&e.height>0&&b(e.width/e.height),a?.(e)},[a,b]),q=l.useCallback(e=>{if(null==j.current)return m.qd;let t=j.current.getBoundingClientRect();return{x:e.clientX-t.left-t.width/2,y:e.clientY-t.top-t.height/2}},[j]),$=l.useCallback(e=>{if(!Y||!g(e))return;e.preventDefault(),e.stopPropagation();let t=q(e);x(!0),P(t),D(t),w(Date.now()),B(t),G(S)},[q,Y,S,x]),Z=l.useCallback(e=>{if((f||Y)&&_(),!C||!Y||null==F||null==U)return;e.preventDefault(),e.stopPropagation();let t=q(e),n=t.x-F.x,i=t.y-F.y;I(M({x:U.x+n,y:U.y+i})),D(t)},[M,F,U,f,q,C,Y,_,I]),X=l.useCallback(e=>{!C||g(e)||(e.preventDefault(),e.stopPropagation(),x(!1),B(null),G(null))},[C,x]),Q=l.useCallback(e=>{if(Y&&null!=O&&null!=L){let{x:t,y:n}=O,{x:i,y:l}=L;(Math.sqrt((i-t)**2+(l-n)**2)>.01||Date.now()-k>=500)&&(e.preventDefault(),e.stopPropagation())}},[Y,O,k,L]),ee=l.useCallback(()=>{x(!1),B(null),G(null)},[x]),et=l.useCallback(e=>{f&&(N(!0),R(T-e.deltaY/100,q(e),"wheel"),_(),W.current.start(100,()=>{N(!1)}))},[f,R,T,q,_,N]);(0,o.i4)(j,l.useCallback(e=>{let{width:t,height:n}=e;if(!Y||null==t||null==n)return;let i=z.current;if(null==i){z.current={width:t,height:n};return}let{width:l,height:a}=i;1>Math.abs(t-l)&&1>Math.abs(n-a)||(V(!0),I(e=>{let i=l*(T-1)/2,s=a*(T-1)/2,r=t*(T-1)/2,o=n*(T-1)/2;return M({x:(0!==i?e.x/i:0)*r,y:(0!==s?e.y/s:0)*o})}),z.current={width:t,height:n},K.current.start(100,()=>{V(!1)}))},[M,Y,T,I]),[Y,T]),(0,c.l0)(()=>{W.current.stop(),K.current.stop()}),l.useEffect(()=>{null!=n&&(0,u.c)(n,void 0,f&&Y?T:1)},[f,Y,n,T]);let en=l.useMemo(()=>{let e=M(S);return{"--custom-zoom-scale":T,"--custom-pan-x":`${e.x}px`,"--custom-pan-y":`${e.y}px`,"--custom-zoom-transition":C||H||v||y?"none":"transform 0.15s ease-out"}},[M,C,H,v,y,S,T]);return(0,i.jsx)("div",{ref:j,className:s()(A.iE,p,{[A.rc]:f&&Y,[A.d$]:C}),onMouseDown:$,onMouseMove:Z,onMouseUp:X,onMouseLeave:ee,onWheel:et,onClick:Q,children:null!=n&&(0,i.jsx)("div",{className:s()(A.j,A.L2),style:en,children:(0,i.jsx)(h.A,{...t,onResize:J,wrapperClassName:void 0})})})})}