react-image-previewer/dist/index.js

An exquisite React photo preview component

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