react-image-previewer/dist/index.global.js

An exquisite React photo preview component

"use strict";(()=>{var Pn=Object.create;var Et=Object.defineProperty,wn=Object.defineProperties,kn=Object.getOwnPropertyDescriptor,En=Object.getOwnPropertyDescriptors,In=Object.getOwnPropertyNames,Ue=Object.getOwnPropertySymbols,Mn=Object.getPrototypeOf,It=Object.prototype.hasOwnProperty,Ut=Object.prototype.propertyIsEnumerable;var re=Math.pow,Kt=(e,t,n)=>t in e?Et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,v=(e,t)=>{for(var n in t||(t={}))It.call(t,n)&&Kt(e,n,t[n]);if(Ue)for(var n of Ue(t))Ut.call(t,n)&&Kt(e,n,t[n]);return e},Z=(e,t)=>wn(e,En(t));var d=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,n)=>(typeof require!="undefined"?require:t)[n]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var le=(e,t)=>{var n={};for(var o in e)It.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&Ue)for(var o of Ue(e))t.indexOf(o)<0&&Ut.call(e,o)&&(n[o]=e[o]);return n};var An=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of In(t))!It.call(e,i)&&i!==n&&Et(e,i,{get:()=>t[i],enumerable:!(o=kn(t,i))||o.enumerable});return e};var ie=(e,t,n)=>(n=e!=null?Pn(Mn(e)):{},An(t||!e||!e.__esModule?Et(n,"default",{value:e,enumerable:!0}):n,e));var Zt=(e,t,n)=>new Promise((o,i)=>{var a=s=>{try{c(n.next(s))}catch(f){i(f)}},u=s=>{try{c(n.throw(s))}catch(f){i(f)}},c=s=>s.done?o(s.value):Promise.resolve(s.value).then(a,u);c((n=n.apply(e,t)).next())});var Me=d("react");var Gt=d("react");function V(e){let{current:t}=(0,Gt.useRef)({fn:e,curr:void 0});if(t.fn=e,!t.curr){let n=Object.create(null);Object.keys(e).forEach(o=>{n[o]=(...i)=>t.fn[o].call(t.fn,...i)}),t.curr=n}return t.curr}var Qt=d("react");function ae(e){return(0,Qt.useReducer)((t,n)=>v(v({},t),typeof n=="function"?n(t):n),e)}var Jt=d("react"),Ze=(0,Jt.createContext)(void 0);var ht=ie(d("styled-components")),bt=ie(d("styled-components")),Bt=d("styled-components"),de=d("react");var Mt="cubic-bezier(0.25, 0.8, 0.25, 1)",en="ease";var Xn=typeof window!="undefined"&&"ontouchstart"in window,Q=Xn;var Ge=(e,t,n)=>Math.max(Math.min(e,n),t),Le=(e,t=!1,n=0,o=0)=>Ge(e,t?.1:1*(1-o),Math.max(6,n)*(1+o));var Qe=d("react"),On=typeof window=="undefined"||/ServerSideRendering/.test(navigator&&navigator.userAgent),Pe=On?Qe.useEffect:Qe.useLayoutEffect;var tn=d("react");function At(e,t,n){return(0,tn.useMemo)(()=>{let o=e.length;if(n){let i=e.concat(e).concat(e),a=i[o+t],u=i.slice(o+t-1,o+t+2),c=[];for(let s=0;s<u.length;s++){let f=u[s];s!==1&&f.key===a.key?c.push(Z(v({},f),{isCloned:!0})):c.push(f)}return c}return e.slice(Math.max(t-1,0),Math.min(t+2,o+1))},[e,t,n])}var Je=d("react");function se(e,t,n){let o=(0,Je.useRef)(t);o.current=t,(0,Je.useEffect)(()=>{function i(a){o.current(a)}return e&&window.addEventListener(e,i,n),()=>{e&&window.removeEventListener(e,i)}},[e])}var tt=d("react");var et=d("react");function Xt(e,t){let n=(0,et.useRef)(e);function o(i){n.current=i}return(0,et.useMemo)(()=>{t(o)},[e]),[n.current,o]}function _t(e,t){let[,n]=(0,tt.useReducer)(c=>!c,!1),o=(0,tt.useRef)(0),[i,a]=Xt(e,c=>{e?(c(e),o.current=1):o.current=2});function u(){n(),o.current===2&&(a(!1),t&&t()),o.current=0}return[i,o.current,u]}var nt=ie(d("styled-components")),nn=d("react"),on=d("react-dom");var sn=d("react/jsx-runtime"),$n=typeof nt.default.default=="undefined"?nt.default:nt.default.default,rn=(0,nn.forwardRef)((o,n)=>{var i=o,{container:e=document.body}=i,t=le(i,["container"]);return(0,on.createPortal)((0,sn.jsx)(Ln,v({ref:n},t)),e)});rn.displayName="SlidePortal";var an=rn,Ln=$n("div").withConfig({componentId:"sc-1ab9qfp-0"})({position:"fixed",top:"0px",left:"0px",zIndex:"50",height:"100%",width:"100%",touchAction:"none",overflow:"hidden"});var cn=d("react");function Yt(){return(0,cn.useEffect)(()=>{let{style:e}=document.body,t=e.overflow;return e.overflow="hidden",()=>{e.overflow=t}},[]),null}var mt=ie(d("styled-components")),hn=d("react");function ot(e){let{clientX:t,clientY:n}=e.touches[0];if(e.touches.length>=2){let{clientX:o,clientY:i}=e.touches[1];return[(t+o)/2,(n+i)/2,Math.sqrt(re(o-t,2)+re(i-n,2))]}return[t,n,0]}var un=(e,t,n,o)=>{if(t&&e===1||o==="x")return"x";if(n&&e>1||o==="y")return"y"},J=(e,t,n,o)=>{let i=n*t,a=(i-o)/2,u,c=e;return i<=o?(u=1,c=0):e>0&&a-e<=0?(u=2,c=a):e<0&&a+e<=0&&(u=3,c=-a),[u,c]};function we(e,t,n,o,i,a,u,c,s,f=innerWidth/2,l=innerHeight/2,b=0,p=0){let[m]=J(t,s,e?a:o,innerWidth),[C]=J(n,s,e?u:i,innerHeight),I=innerWidth/2,S=innerHeight/2,w=I+t,P=S+n,q=f-(f-w)*(s/c)-I,x=l-(l-P)*(s/c)-S,L=(e?u/a:i/o)>=3&&(e?a:o)*s===innerWidth;return{x:q+(L?0:m?b/2:b),y:x+(C?p/2:p),lastCX:f,lastCY:l}}function he(e,t,n){let o=e%180!==0;return o?[n,t,o]:[t,n,o]}function We(e,t,n,o,i=0){let[a,u,c]=he(o,innerWidth,innerHeight),s=i,f=a-i*2,l=u-i*2,b=t/n*u,p=n/t*a;t<a&&n<u?(f=t,l=n):t<a&&n>=u?f=b:t>=a&&n<u||t/n>a/u?l=p:n/t>=3&&!c?(l=p,s=(l-u)/2):f=b;let m={width:f,height:l,x:i,y:s,pause:!e};return e&&(m.scale=Math.min(l/n,f/t,1)),m}var ke=d("react");function fe(e,{leading:t=!1,maxWait:n,wait:o=n||0}){let i=(0,ke.useRef)(e);i.current=e;let a=(0,ke.useRef)(0),u=(0,ke.useRef)(),c=()=>u.current&&clearTimeout(u.current),s=(0,ke.useCallback)((...f)=>{let l=Date.now();function b(){a.current=l,c(),i.current.apply(null,f)}let p=a.current,m=l-p;if(p===0&&(t&&b(),a.current=l),n!==void 0){if(m>n){b();return}}else m<o&&(a.current=l);c(),u.current=setTimeout(()=>{b(),a.current=0},o)},[o,n,t]);return s.cancel=c,s}var ln=d("react");function Ot(e,t){let n=(0,ln.useRef)(0),o=fe((...i)=>{n.current=0,e(...i)},{wait:300});return function(...a){n.current+=1,o(...a),n.current>=2&&(o.cancel(),n.current=0,t(...a))}}var fn=(e,t,n)=>be(e,t,n,400/4,o=>o,()=>be(t,e,n));function $t(e,t,n){let o=V({X:i=>e(i),Y:i=>t(i),S:i=>n(i)});return(i,a,u,c,s,f,l,b,p,m,C,I,S)=>{let[w,P]=he(I,s,f),[q,x]=J(i,m,w,innerWidth),[L,te]=J(a,m,P,innerHeight),R=Date.now()-S;if(R>=200||m!=p||Math.abs(C-p)>1){let{x:W,y:$}=we(!1,i,a,s,f,l,b,p,m),N=q?x:W!==i?W:null,D=L?te:$!==a?$:null;N!==null&&be(i,N,o.X),D!==null&&be(a,D,o.Y),m!=p&&be(p,m,o.S);return}let K=(i-u)/R,M=(a-c)/R,A=Math.sqrt(re(K,2)+re(M,2)),g=!1,X=!1;Nn(A,W=>{let $=i+W*(K/A),N=a+W*(M/A),[D,F]=J($,p,w,innerWidth),[G,H]=J(N,p,P,innerHeight);if(D&&!g&&(g=!0,q?be($,F,o.X):fn(F,$+($-F),o.X)),G&&!X&&(X=!0,L?be(N,H,o.Y):fn(H,N+(N-H),o.Y)),g&&X)return!1;let B=g||o.X(F),z=X||o.Y(H);return B&&z})}}var Fn=-.001,zn=2e-4;function Nn(e,t){let n=e,o=0,i,a=0,u=f=>{i||(i=f);let l=f-i,b=Math.sign(e),p=b*Fn,m=Math.sign(-n)*re(n,2)*zn,C=n*l+(p+m)*re(l,2)/2;if(n=n+(p+m)*l,o=o+C,i=f,b*n<=0){s();return}if(t(o)){c();return}s()};c();function c(){a=requestAnimationFrame(u)}function s(){cancelAnimationFrame(a)}}var Dn=e=>1-re(1-e,4);function be(e,t,n,o=400,i=Dn,a){let u=t-e;if(u===0)return;let c=Date.now(),s=0,f=()=>{let b=Math.min(1,(Date.now()-c)/o);if(n(e+i(b)*u)&&b<1){l();return}cancelAnimationFrame(s),b>=1&&a&&a()};l();function l(){s=requestAnimationFrame(f)}}var ye=d("react");var Vn={T:0,L:0,W:0,H:0,FIT:void 0};function Lt(e,t,n,o,i,a){let[u,c]=(0,ye.useState)(Vn),[s,f]=(0,ye.useState)(e?3:0),l=(0,ye.useRef)(),b=V({OK:()=>t&&f(4)});(0,ye.useEffect)(()=>{if(l.current||(l.current=Date.now()),!!o&&(Hn(n,c),!e)){if(t){if(Date.now()-l.current<250){f(1),requestAnimationFrame(()=>{f(2),requestAnimationFrame(()=>p(3))}),setTimeout(b.OK,i);return}f(4);return}p(5)}},[t,o,e]);function p(m){a(!1),f(m)}return[s,u]}function Hn(e,t){let n=e&&e.current;if(n&&n.nodeType===1){let{top:o,left:i,width:a,height:u}=n.getBoundingClientRect(),c=n.tagName==="IMG";t({T:o,L:i,W:a,H:u,FIT:c?getComputedStyle(n).objectFit:void 0})}}var dn=d("react");function Wt(e,t,n,o,i,a,u,c){let s=(0,dn.useRef)(!1),[{lead:f,scale:l},b]=ae({lead:!0,scale:a}),p=fe(m=>Zt(this,null,function*(){c(!0),b({lead:!1,scale:m})}),{wait:u});return Pe(()=>{if(!s.current||e){s.current=!0;return}c(!1),b({lead:!0}),p(a)},[a,e]),e?[o*a,i*a,a]:f?[t*l,n*l,a/l]:[t*a,n*a,1]}function Ft(e,t,n,o,i,a,u,c,s,f,l,b,p){let[m,C,I]=Wt(e,u,c,s,f,l,b,p),[S,w]=Lt(e,t,n,o,b,p),{T:P,L:q,W:x,H:L,FIT:te}=w,R=innerWidth/2,K=innerHeight/2,M=R-(e?s:u)*l/2,A=K-(e?f:c)*l/2,g=S<3||S>4,X=g?x?q:R:i+M,W=g?x?P:K:a+A,$=x/((e?s:u)*l)||.01,N=g&&te?m*(L/x):C;return[X,W,m,N,S===0?I:g?$:I,g?te?1:0:1,S,te]}var it=d("react"),Bn=()=>{let e=(0,it.useRef)(!1);return(0,it.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),e},at=Bn;var ct=ie(d("styled-components")),ut=ie(d("styled-components")),lt=ie(d("styled-components")),ft=ie(d("styled-components")),pn=d("styled-components"),Dr=d("react");var st=ie(d("styled-components")),Yr=d("react"),zt=d("styled-components");var Ee=d("react/jsx-runtime"),jn=typeof st.default.default=="undefined"?st.default:st.default.default,qn=(0,zt.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),Kn=(0,zt.keyframes)(["0%,50%{opacity:0;}100%{opacity:1;}"]),Un=jn.div.withConfig({componentId:"sc-7ci1r2-0"})(["animation:"," 0.4s linear both;svg{animation:"," 0.6s linear infinite;}"],Kn,qn);function Zn(n){var o=n,{className:e}=o,t=le(o,["className"]);return(0,Ee.jsx)(Un,Z(v({className:e},t),{children:(0,Ee.jsxs)("svg",{viewBox:"0 0 32 32",width:"36",height:"36",fill:"white",children:[(0,Ee.jsx)("path",{opacity:".25",d:"M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"}),(0,Ee.jsx)("path",{d:"M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"})]})}))}var mn=Zn;var ce=d("react/jsx-runtime"),Fr=typeof ct.default.default=="undefined"?ct.default:ct.default.default,zr=typeof ut.default.default=="undefined"?ut.default:ut.default.default,Nr=typeof lt.default.default=="undefined"?lt.default:lt.default.default,dt=typeof ft.default.default=="undefined"?ft.default:ft.default.default,Nt=[{position:"absolute",left:"0px",top:"0px",display:"inline-block","--tw-translate-x":"-50%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))","--tw-translate-y":"-50%"}];function Dt(s){var f=s,{src:e,loaded:t,broken:n,className:o,onPhotoLoad:i,loadingElement:a,brokenElement:u}=f,c=le(f,["src","loaded","broken","className","onPhotoLoad","loadingElement","brokenElement"]);let l=at();function b(m){let{naturalWidth:C,naturalHeight:I}=m.target;l.current&&i({loaded:!0,naturalWidth:C,naturalHeight:I})}function p(){l.current&&i({broken:!0})}return e&&!n?(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(Gn,Z(v({className:o,src:e,onLoad:b,onError:p,alt:""},c),{$_css2:[{cursor:"grab","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",":active":{cursor:"grabbing"}},(0,pn.css)(["max-width:initial;"])]})),!t&&((0,ce.jsx)(Qn,{children:a})||(0,ce.jsx)(Jn,{}))]}):u?(0,ce.jsx)(eo,{children:typeof u=="function"?u({src:e}):u}):null}var Gn=dt("img").withConfig({componentId:"sc-r1gl4k-0"})(["",""],e=>e.$_css2),Qn=dt("span").withConfig({componentId:"sc-r1gl4k-1"})(["",""],Nt),Jn=dt(mn).withConfig({componentId:"sc-r1gl4k-2"})(["",""],Nt),eo=dt("span").withConfig({componentId:"sc-r1gl4k-3"})(["",""],Nt);var pt=d("react/jsx-runtime"),Vt=typeof mt.default.default=="undefined"?mt.default:mt.default.default,no={naturalWidth:void 0,naturalHeight:void 0,width:void 0,height:void 0,loaded:void 0,broken:!1,x:0,y:0,touched:!1,maskTouched:!1,rotate:0,scale:1,CX:0,CY:0,lastX:0,lastY:0,lastCX:0,lastCY:0,lastScale:1,touchTime:0,touchLength:0,pause:!0,stopRaf:!0,reach:void 0},bn=Vt.div.withConfig({componentId:"sc-1mzwirp-0"})([""," direction:ltr"],{position:"absolute",top:"0px",right:"0px",bottom:"0px",left:"0px",width:"100%",touchAction:"none"}),oo=Vt(bn).withConfig({componentId:"sc-1mzwirp-1"})(({isDragMode:e})=>[{zIndex:"10"},!e&&{overflow:"hidden"}]),ro=Vt(bn).withConfig({componentId:"sc-1mzwirp-2"})(["transform-origin:left top;"]);function Ht({isDragMode:e=!1,item:{src:t,render:n,width:o=0,height:i=0,originRef:a},visible:u,speed:c,easing:s,wrapClassName:f,className:l,style:b,loadingElement:p,brokenElement:m,enableMouseZoom:C=!0,onPhotoTap:I,onMaskTap:S,onReachMove:w,onReachUp:P,onPhotoResize:q,isActive:x,expose:L}){let[te,R]=ae(no),K=(0,hn.useRef)(0),M=at(),{naturalWidth:A=o,naturalHeight:g=i,width:X=o,height:W=i,loaded:$=!t,broken:N,x:D,y:F,touched:G,stopRaf:H,maskTouched:B,rotate:z,scale:_,CX:ve,CY:Ae,lastX:Xe,lastY:_e,lastCX:Fe,lastCY:xe,lastScale:ze,touchTime:E,touchLength:Ne,pause:ne,reach:me}=te,Te=V({onScale:r=>U(Le(r,e)),onRotate(r){z!==r&&(L({rotate:r}),R(Z(v({rotate:r},We(e,A,g,r)),{scale:_})))}});function U(r,y,O){_!==r&&(L({scale:r}),R(v(v({scale:r},we(e,D,F,X,W,A,g,_,r,y,O)),(e?r<.1:r<=1)?{x:0,y:0}:{})))}let Se=fe((r,y,O=0)=>{if((G||B)&&x){let[Oe,Rt]=he(z,X,W);if(O===0&&K.current===0){let oe=Math.abs(r-ve)<=20,kt=Math.abs(y-Ae)<=20;if(oe&&kt){R({lastCX:r,lastCY:y});return}K.current=oe?y>Ae?3:2:1}let Ct=r-Fe,Pt=y-xe,$e;if(O===0){let[oe]=J(Ct+Xe,_,Oe,innerWidth),[kt]=J(Pt+_e,_,Rt,innerHeight);$e=un(K.current,oe,kt,me),$e!==void 0&&w($e,r,y,_)}if($e==="x"||B||e){let oe={reach:"x"};e&&(oe.x=Xe+Ct,oe.y=_e+Pt,oe.pause=!1),R(oe);return}let wt=Le(_+(O-Ne)/100/2*_,e,A/X,.2);L({scale:wt}),R(v({touchLength:O,reach:$e,scale:wt},we(e,D,F,X,W,A,g,_,wt,r,y,Ct,Pt)))}},{maxWait:8});function ee(r){return H||G?!1:(M.current&&R(Z(v({},r),{pause:u})),M.current)}let gt=$t(r=>ee({x:r}),r=>ee({y:r}),r=>(M.current&&(L({scale:r}),R({scale:r})),!G&&M.current)),Re=Ot(I,(r,y)=>{if(!me&&!e){let O=_!==1?1:Math.max(2,A/X);U(O,r,y)}});function ue(r,y){if(K.current=0,(G||B)&&x){R({touched:!1,maskTouched:!1,pause:!1,stopRaf:!1,reach:void 0});let O=Le(_,e,A/X);if(e||gt(D,F,Xe,_e,X,W,A,g,_,O,ze,z,E),P(r,y),ve===r&&Ae===y){if(G){Re(r,y);return}B&&S(r,y)}}}se(Q?void 0:"mousemove",r=>{r.preventDefault(),Se(r.clientX,r.clientY)}),se(Q?void 0:"mouseup",r=>{ue(r.clientX,r.clientY)}),se(Q?"touchmove":void 0,r=>{r.preventDefault();let y=ot(r);Se(...y)},{passive:!1}),se(Q?"touchend":void 0,({changedTouches:r})=>{let y=r[0];ue(y.clientX,y.clientY)},{passive:!1}),se("resize",fe(()=>{$&&!G&&(R(e?{x:0,y:0}:We(e,A,g,z)),q())},{maxWait:8})),Pe(()=>{x&&L(v({scale:_,rotate:z,loading:!$},Te))},[x]);function De(r){let y=r.loaded?We(e,r.naturalWidth||0,r.naturalHeight||0,z):{};e&&r.loaded&&x&&L({scale:y.scale,loading:!1}),R(v(v({},r),y))}function Ve(r,y,O=0){R({touched:!0,CX:r,CY:y,lastCX:r,lastCY:y,lastX:D,lastY:F,lastScale:_,touchLength:O,touchTime:Date.now()})}function vt(r){if(!me&&C){let y=e?r.deltaY/100/16:r.deltaY/100/2,O=Le(_-y,e,A/X);R({stopRaf:!0}),U(O,r.clientX,r.clientY)}}function He(r){R({maskTouched:!0,CX:r.clientX,CY:r.clientY,lastX:D,lastY:F})}function xt(r){r.stopPropagation(),Ve(...ot(r))}function Tt(r){r.stopPropagation(),r.button===0&&Ve(r.clientX,r.clientY,0)}let[Be,Ye,je,qe,pe,Ke,Ce,St]=Ft(e,u,a,$,D,F,X,W,A,g,_,c,r=>R({pause:r})),h=Ce<4?c/2:Ce>4?c:0,k=`transform ${c}ms ${s}`,Y={className:l,onMouseDown:Q?void 0:Tt,onTouchStart:Q?xt:void 0,onWheel:vt,style:{width:je,height:qe,opacity:Ke,objectFit:Ce===4?void 0:St,transform:z?`rotate(${z}deg)`:void 0,transition:Ce>2?e?`${k}, width ${h}ms ${s}, height ${h}ms ${s}`:`${k}, opacity ${c}ms ease, height ${h}ms ${s}`:void 0}};return(0,pt.jsx)(oo,{isDragMode:e,className:f,style:b,onMouseDown:!Q&&x?He:void 0,onTouchStart:Q&&x?r=>He(r.touches[0]):void 0,children:(0,pt.jsx)(ro,{style:{transform:e?void 0:`matrix(${pe}, 0, 0, ${pe}, ${Be}, ${Ye})`,left:e?Be:void 0,top:e?Ye:void 0,transition:G||ne?void 0:e?`left ${h}ms ${s}, top ${h}ms ${s}`:k,willChange:x?"transform":void 0},children:t?(0,pt.jsx)(Dt,Z(v({src:t,loaded:$,broken:N},Y),{onPhotoLoad:De,loadingElement:p,brokenElement:m})):n&&n({attrs:Y,scale:pe,rotate:z})})})}var Tn=d("styled-components"),ge=d("react/jsx-runtime"),yi=typeof ht.default.default=="undefined"?ht.default:ht.default.default,xn=typeof bt.default.default=="undefined"?bt.default:bt.default.default,gn={loading:!1,x:0,y:0,touched:!1,pause:!1,lastCX:void 0,lastCY:void 0,bg:void 0,lastBg:void 0,overlay:!0,minimal:!0,scale:1,rotate:0},vn=(0,Tn.keyframes)(["from{opacity:0;}to{opacity:1;}"]),Sn=(0,de.forwardRef)((e,t)=>{let{mode:n="slide",loop:o=3,speed:i,easing:a,photoClosable:u,maskClosable:c=!0,maskOpacity:s=1,pullClosable:f=!0,overlayRender:l,className:b,maskClassName:p,photoClassName:m,photoWrapClassName:C,loadingElement:I,brokenElement:S,images:w,index:P=0,onIndexChange:q,visible:x,onClose:L,afterClose:te,portalContainer:R,enableMouseZoom:K=!0}=e,M=(0,de.useMemo)(()=>Q?!1:n==="drag",[n]),[A,g]=ae(gn),[X,W]=(0,de.useState)(0),{loading:$,x:N,y:D,touched:F,pause:G,lastCX:H,lastCY:B,bg:z=s,lastBg:_,overlay:ve,minimal:Ae,scale:Xe,rotate:_e,onScale:Fe,onRotate:xe}=A,ze=e.hasOwnProperty("index"),E=ze?P:X,Ne=ze?q:W,ne=(0,de.useRef)(E),me=w.length,Te=w[E],U=typeof o=="boolean"?o:me>o,[Se,ee,gt]=_t(x,te);Pe(()=>{if(Se){g({pause:!0,x:E*-(innerWidth+20)}),ne.current=E;return}g(gn)},[Se]);let{close:Re,changeIndex:ue}=V({close(h){xe&&xe(0),g({overlay:!0,lastBg:z}),L(h)},changeIndex(h,k=!1){let Y=U?ne.current+(h-E):h,r=me-1,y=Ge(Y,0,r),O=U?Y:y,Oe=innerWidth+20;g({touched:!1,lastCX:void 0,lastCY:void 0,x:-Oe*O,pause:k}),ne.current=O;let Rt=h<0?r:h>r?0:h;Ne&&Ne(U?Rt:y)}});se("keydown",h=>{if(x)switch(h.key){case"ArrowLeft":ue(E-1,!0);break;case"ArrowRight":ue(E+1,!0);break;case"Escape":Re();break}});function De(h){return h?Re():g({overlay:!ve})}function Ve(){g({x:-(innerWidth+20)*E,lastCX:void 0,lastCY:void 0,pause:!M}),ne.current=E}function vt(h,k){if(B===void 0){g({touched:!0,lastCY:h,bg:z,minimal:!0});return}let Y=s===null?null:Ge(s,.01,s-Math.abs(h-B)/100/4);g({touched:!0,lastCY:B,bg:k===1&&!M?Y:s,minimal:k===1})}function He(h){if(H===void 0){g({touched:!0,lastCX:h,x:N,pause:!1});return}let k=h-H,Y=k;!U&&(E===0&&k>0||E===me-1&&k<0)&&(Y=k/2),g({touched:!0,lastCX:H,x:-(innerWidth+20)*ne.current+Y,pause:!1})}function xt(h,k,Y,r){M||(h==="x"?He(k):h==="y"&&vt(Y,r))}function Tt(h,k){let Y=h-(H!=null?H:h),r=k-(B!=null?B:k);if(M){g({touched:!1});return}let y=!1;if(Y<-40){ue(E+1);return}if(Y>40){ue(E-1);return}let Oe=-(innerWidth+20)*ne.current;Math.abs(r)>100&&Ae&&f&&(y=!0,Re()),g({touched:!1,x:Oe,lastCX:void 0,lastCY:void 0,bg:s,overlay:y?!0:ve})}let Be=At(w,E,U);if(!Se)return null;let Ye=ve&&!ee,je=x?z:_,qe=Fe&&xe&&{loading:$,loop:U,mode:M?"drag":"slide",images:w,index:E,visible:x,onClose:Re,onIndexChange:ue,overlayVisible:Ye,overlay:Te&&Te.overlay,scale:Xe,rotate:_e,onScale:Fe,onRotate:xe},pe=i?i(ee):400,Ke=a?a(ee):M?en:Mt,Ce=i?i(3):400+200,St=a?a(3):Mt;return(0,ge.jsxs)(an,{ref:t,className:b,role:"dialog",onClick:h=>h.stopPropagation(),container:R,children:[x&&(0,ge.jsx)(Yt,{}),(0,ge.jsx)(ao,{className:p,style:{background:je?`rgba(0, 0, 0, ${je})`:void 0,transitionTimingFunction:Ke,transitionDuration:`${F?0:pe}ms`,animationDuration:`${pe}ms`},onAnimationEnd:gt,$_css2:[{position:"absolute",left:"0px",top:"0px",zIndex:"-1",height:"100%",width:"100%","--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",transitionProperty:"background-color",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},(ee===1||ee===2)&&{opacity:"0"},ee===1&&(0,Bt.css)(["animation:"," linear both;"],vn),ee===2&&(0,Bt.css)(["animation:"," linear both reverse;"],vn)]}),Be.map((h,k)=>{let Y=!U&&E===0?E+k:ne.current-1+k,r=!h.isCloned&&(Te&&Te.key)===h.key;return(0,ge.jsx)(Ht,{item:h,speed:pe,easing:Ke,visible:x,onReachMove:xt,onReachUp:Tt,onPhotoTap:()=>De(u),onMaskTap:()=>De(c),isDragMode:M,wrapClassName:C,className:m,style:{opacity:M?r?1:0:void 0,left:`${(innerWidth+20)*Y}px`,transform:`translate3d(${N}px, ${D}px, 0)`,transition:F||G?void 0:`transform ${Ce}ms ${St}`},loadingElement:I,brokenElement:S,onPhotoResize:Ve,isActive:r,expose:g,enableMouseZoom:K},U?`${h.key}/${h.src}/${Y}`:h.key)}),l&&qe&&(0,ge.jsx)(so,{$_css3:[!Ye&&{opacity:"0"}],children:l(qe)})]})});Sn.displayName="PhotoSlider";var jt=Sn,ao=xn("div").withConfig({componentId:"sc-12i02f7-0"})(["",""],e=>e.$_css2),so=xn("div").withConfig({componentId:"sc-12i02f7-1"})(["",""],e=>e.$_css3);var yt=d("react/jsx-runtime"),co={images:[],visible:!1,index:0},Rn=(0,Me.forwardRef)((a,i)=>{var u=a,{children:e,onIndexChange:t,onVisibleChange:n}=u,o=le(u,["children","onIndexChange","onVisibleChange"]);let[c,s]=ae(co),f=(0,Me.useRef)(0),{images:l,visible:b,index:p}=c,m=V({nextId(){return f.current+=1},update(S){let w=l.findIndex(P=>P.key===S.key);if(w>-1){let P=l.slice();P.splice(w,1,S),s({images:P});return}s(P=>({images:P.images.concat(S)}))},remove(S){s(w=>{let P=w.images.filter(x=>x.key!==S),q=P.length-1;return{images:P,index:Math.min(q,p)}})},show(S){let w=l.findIndex(P=>P.key===S);s({visible:!0,index:w}),n&&n(!0,w,c)}}),C=V({close(){s({visible:!1}),n&&n(!1,p,c)},changeIndex(S){s({index:S}),t&&t(S,c)}}),I=(0,Me.useMemo)(()=>v(v({},c),m),[c,m]);return(0,yt.jsxs)(Ze.Provider,{value:I,children:[e,(0,yt.jsx)(jt,v({ref:i,images:l,visible:b,index:p,onIndexChange:C.changeIndex,onClose:C.close},o))]})});Rn.displayName="PhotoProvider";var uo=Rn;var j=d("react");var Cn=d("react");function qt(e){let{current:t}=(0,Cn.useRef)({sign:!1,fn:void 0});return t.sign||(t.sign=!0,t.fn=e()),t.fn}var lo=({src:e,render:t,overlay:n,width:o,height:i,triggers:a=["onClick"],children:u})=>{let c=(0,j.useContext)(Ze),s=qt(()=>c.nextId()),f=(0,j.useRef)(null);(0,j.useEffect)(()=>()=>{c.remove(s)},[]);function l(m,C){if(u){let I=u.props[m];I&&I(C)}}let b=V({render(m){return t&&t(m)},show(m,C){c.show(s),l(m,C)}}),p=(0,j.useMemo)(()=>{let m={};return a.forEach(C=>{m[C]=b.show.bind(null,C)}),m},[]);return(0,j.useEffect)(()=>{c.update({key:s,src:e,originRef:f,render:b.render,overlay:n,width:o,height:i})},[e]),u?j.Children.only((0,j.cloneElement)(u,Z(v({},p),{ref:f}))):null},fo=lo;})();
//# sourceMappingURL=index.global.js.map