react-pic-gallery 1.5.2 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-pic-gallery.es.js +1077 -1296
- package/dist/react-pic-gallery.umd.js +7 -11
- package/package.json +6 -2
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Fe=Object.defineProperty,$e=Object.defineProperties;var Ge=Object.getOwnPropertyDescriptors;var Nt=Object.getOwnPropertySymbols;var Ke=Object.prototype.hasOwnProperty,Je=Object.prototype.propertyIsEnumerable;var At=(C,T,S)=>T in C?Fe(C,T,{enumerable:!0,configurable:!0,writable:!0,value:S}):C[T]=S,R=(C,T)=>{for(var S in T||(T={}))Ke.call(T,S)&&At(C,S,T[S]);if(Nt)for(var S of Nt(T))Je.call(T,S)&&At(C,S,T[S]);return C},Lt=(C,T)=>$e(C,Ge(T));(function(C,T){typeof exports=="object"&&typeof module!="undefined"?module.exports=T(require("react")):typeof define=="function"&&define.amd?define(["react"],T):(C=typeof globalThis!="undefined"?globalThis:C||self,C["react-pic-gallery"]=T(C.React))})(this,function(C){"use strict";function T(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var S=T(C),Z={exports:{}},M={};/*
|
|
2
2
|
object-assign
|
|
3
3
|
(c) Sindre Sorhus
|
|
4
4
|
@license MIT
|
|
5
|
-
*/var
|
|
5
|
+
*/var rt=Object.getOwnPropertySymbols,Mt=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable;function Rt(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Ht(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var i={},t=0;t<10;t++)i["_"+String.fromCharCode(t)]=t;var n=Object.getOwnPropertyNames(i).map(function(a){return i[a]});if(n.join("")!=="0123456789")return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(a){o[a]=a}),Object.keys(Object.assign({},o)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Ht();/** @license React v17.0.2
|
|
6
6
|
* react-jsx-runtime.production.min.js
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
|
-
*/var Qi=S.default,ti=60103;if(B.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var oi=Symbol.for;ti=oi("react.element"),B.Fragment=oi("react.fragment")}var Fi=Qi.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,qi=Object.prototype.hasOwnProperty,Gi={key:!0,ref:!0,__self:!0,__source:!0};function ai(i,r,e){var n,t={},o=null,a=null;e!==void 0&&(o=""+e),r.key!==void 0&&(o=""+r.key),r.ref!==void 0&&(a=r.ref);for(n in r)qi.call(r,n)&&!Gi.hasOwnProperty(n)&&(t[n]=r[n]);if(i&&i.defaultProps)for(n in r=i.defaultProps,r)t[n]===void 0&&(t[n]=r[n]);return{$$typeof:ti,type:i,key:o,ref:a,props:t,_owner:Fi.current}}B.jsx=ai,B.jsxs=ai,Q.exports=B;const h=Q.exports.jsx,F=Q.exports.jsxs;var q=function(i,r){return q=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},q(i,r)};function $i(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");q(i,r);function e(){this.constructor=i}i.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}var O=function(){return O=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o])}return r},O.apply(this,arguments)};function li(i,r,e){if(e||arguments.length===2)for(var n=0,t=r.length,o;n<t;n++)(o||!(n in r))&&(o||(o=Array.prototype.slice.call(r,0,n)),o[n]=r[n]);return i.concat(o||r)}var Y=function(i,r){return Number(i.toFixed(r))},Ji=function(i,r){return typeof i=="number"?i:r},C=function(i,r,e){e&&typeof e=="function"&&e(i,r)},xi=function(i){return-Math.cos(i*Math.PI)/2+.5},Ii=function(i){return i},ie=function(i){return i*i},ee=function(i){return i*(2-i)},ne=function(i){return i<.5?2*i*i:-1+(4-2*i)*i},re=function(i){return i*i*i},te=function(i){return--i*i*i+1},oe=function(i){return i<.5?4*i*i*i:(i-1)*(2*i-2)*(2*i-2)+1},ae=function(i){return i*i*i*i},le=function(i){return 1- --i*i*i*i},se=function(i){return i<.5?8*i*i*i*i:1-8*--i*i*i*i},ue=function(i){return i*i*i*i*i},de=function(i){return 1+--i*i*i*i*i},fe=function(i){return i<.5?16*i*i*i*i*i:1+16*--i*i*i*i*i},si={easeOut:xi,linear:Ii,easeInQuad:ie,easeOutQuad:ee,easeInOutQuad:ne,easeInCubic:re,easeOutCubic:te,easeInOutCubic:oe,easeInQuart:ae,easeOutQuart:le,easeInOutQuart:se,easeInQuint:ue,easeOutQuint:de,easeInOutQuint:fe},ui=function(i){typeof i=="number"&&cancelAnimationFrame(i)},_=function(i){!i.mounted||(ui(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function di(i,r,e,n){if(!!i.mounted){var t=new Date().getTime(),o=1;_(i),i.animation=function(){if(!i.mounted)return ui(i.animation);var a=new Date().getTime()-t,l=a/e,s=si[r],u=s(l);a>=e?(n(o),i.animation=null):i.animation&&(n(u),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function z(i,r,e,n){var t=me(r);if(!(!i.mounted||!t)){var o=i.setTransformState,a=i.transformState,l=a.scale,s=a.positionX,u=a.positionY,d=r.scale-l,f=r.positionX-s,m=r.positionY-u;e===0?o(r.scale,r.positionX,r.positionY):di(i,n,e,function(v){var p=l+d*v,g=s+f*v,w=u+m*v;o(p,g,w)})}}function me(i){var r=i.scale,e=i.positionX,n=i.positionY;return!(isNaN(r)||isNaN(e)||isNaN(n))}function ve(i,r,e){var n=i.offsetWidth,t=i.offsetHeight,o=r.offsetWidth,a=r.offsetHeight,l=o*e,s=a*e,u=n-l,d=t-s;return{wrapperWidth:n,wrapperHeight:t,newContentWidth:l,newDiffWidth:u,newContentHeight:s,newDiffHeight:d}}var pe=function(i,r,e,n,t,o,a){var l=i>r?e*(a?1:.5):0,s=n>t?o*(a?1:.5):0,u=i-r-l,d=l,f=n-t-s,m=s;return{minPositionX:u,maxPositionX:d,minPositionY:f,maxPositionY:m}},G=function(i,r){var e=i.wrapperComponent,n=i.contentComponent,t=i.setup.centerZoomedOut;if(!e||!n)throw new Error("Components are not mounted");var o=ve(e,n,r),a=o.wrapperWidth,l=o.wrapperHeight,s=o.newContentWidth,u=o.newDiffWidth,d=o.newContentHeight,f=o.newDiffHeight,m=pe(a,s,u,l,d,f,Boolean(t));return m},W=function(i,r){var e=G(i,r);return i.bounds=e,e};function K(i,r,e,n,t,o,a){var l=e.minPositionX,s=e.minPositionY,u=e.maxPositionX,d=e.maxPositionY,f=0,m=0;a&&(f=t,m=o);var v=$(i,l-f,u+f,n),p=$(r,s-m,d+m,n);return{x:v,y:p}}var $=function(i,r,e,n){return n?i<r?Y(r,2):i>e?Y(e,2):Y(i,2):Y(i,2)};function R(i,r,e,n,t,o){var a=i.transformState,l=a.scale,s=a.positionX,u=a.positionY,d=n-l;if(typeof r!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:s,y:u};var f=s-r*d,m=u-e*d,v=K(f,m,t,o,0,0,null);return v}function M(i,r,e,n,t){var o=t?n:0,a=r-o;return!isNaN(e)&&i>=e?e:!isNaN(r)&&i<=a?a:i}var fi=function(i,r){var e=i.setup.panning.excluded,n=i.isInitialized,t=i.wrapperComponent,o=r.target,a=t==null?void 0:t.contains(o),l=n&&o&&a;if(!l)return!1;var s=U(o,e);return!s},mi=function(i){var r=i.isInitialized,e=i.isPanning,n=i.setup,t=n.panning.disabled,o=r&&e&&!t;return!!o},ce=function(i,r){var e=i.transformState,n=e.positionX,t=e.positionY;i.isPanning=!0;var o=r.clientX,a=r.clientY;i.startCoords={x:o-n,y:a-t}},he=function(i,r){var e=r.touches,n=i.transformState,t=n.positionX,o=n.positionY;i.isPanning=!0;var a=e.length===1;if(a){var l=e[0].clientX,s=e[0].clientY;i.startCoords={x:l-t,y:s-o}}};function ge(i){var r=i.transformState,e=r.positionX,n=r.positionY,t=r.scale,o=i.setup,a=o.disabled,l=o.limitToBounds,s=o.centerZoomedOut,u=i.wrapperComponent;if(!(a||!u||!i.bounds)){var d=i.bounds,f=d.maxPositionX,m=d.minPositionX,v=d.maxPositionY,p=d.minPositionY,g=e>f||e<m,w=n>v||n<p,P=e>f?u.offsetWidth:i.setup.minPositionX||0,A=n>v?u.offsetHeight:i.setup.minPositionY||0,X=R(i,P,A,t,i.bounds,l||s),E=X.x,D=X.y;return{scale:t,positionX:g?E:e,positionY:w?D:n}}}function Se(i,r,e,n,t){var o=i.setup.limitToBounds,a=i.wrapperComponent,l=i.bounds,s=i.transformState,u=s.scale,d=s.positionX,f=s.positionY,m=r!==d,v=e!==f,p=!m||!v;if(!(!a||p||!l)){var g=K(r,e,l,o,n,t,a),w=g.x,P=g.y;i.setTransformState(u,w,P)}}var we=function(i,r,e){var n=i.startCoords,t=i.transformState,o=i.setup.panning,a=o.lockAxisX,l=o.lockAxisY,s=t.positionX,u=t.positionY;if(!n)return{x:s,y:u};var d=r-n.x,f=e-n.y,m=a?s:d,v=l?u:f;return{x:m,y:v}},V=function(i,r){var e=i.setup,n=i.transformState,t=n.scale,o=e.minScale;return r>0&&t>=o?r:0},ye=function(i){var r=i.mounted,e=i.setup,n=e.disabled,t=e.velocityAnimation,o=i.transformState.scale,a=t.disabled,l=!a||o>1||!n||r;return!!l},be=function(i){var r=i.mounted,e=i.velocity,n=i.bounds,t=i.setup,o=t.disabled,a=t.velocityAnimation,l=i.transformState.scale,s=a.disabled,u=!s||l>1||!o||r;return!(!u||!e||!n)};function Ce(i,r){var e=i.setup.velocityAnimation,n=e.equalToMove,t=e.animationTime,o=e.sensitivity;return n?t*r*o:t}function vi(i,r,e,n,t,o,a,l,s,u){if(t){if(r>a&&e>a){var d=a+(i-a)*u;return d>s?s:d<a?a:d}if(r<o&&e<o){var d=o+(i-o)*u;return d<l?l:d>o?o:d}}return n?r:$(i,o,a,t)}function Pe(i,r){var e=1;return r?Math.min(e,i.offsetWidth/window.innerWidth):e}function Te(i,r){var e=ye(i);if(!!e){var n=i.lastMousePosition,t=i.velocityTime,o=i.setup,a=i.wrapperComponent,l=o.velocityAnimation.equalToMove,s=Date.now();if(n&&t&&a){var u=Pe(a,l),d=r.x-n.x,f=r.y-n.y,m=d/u,v=f/u,p=s-t,g=d*d+f*f,w=Math.sqrt(g)/p;i.velocity={velocityX:m,velocityY:v,total:w}}i.lastMousePosition=r,i.velocityTime=s}}function Ye(i){var r=i.velocity,e=i.bounds,n=i.setup,t=i.wrapperComponent,o=be(i);if(!(!o||!r||!e||!t)){var a=r.velocityX,l=r.velocityY,s=r.total,u=e.maxPositionX,d=e.minPositionX,f=e.maxPositionY,m=e.minPositionY,v=n.limitToBounds,p=n.alignmentAnimation,g=n.zoomAnimation,w=n.panning,P=w.lockAxisY,A=w.lockAxisX,X=g.animationType,E=p.sizeX,D=p.sizeY,N=p.velocityAlignmentTime,L=N,Z=Ce(i,s),pn=Math.max(Z,L),cn=V(i,E),hn=V(i,D),Di=cn*t.offsetWidth/100,Ni=hn*t.offsetHeight/100,gn=u+Di,Sn=d-Di,wn=f+Ni,yn=m-Ni,Wi=i.transformState,bn=new Date().getTime();di(i,X,pn,function(Cn){var ii=i.transformState,Pn=ii.scale,ei=ii.positionX,ni=ii.positionY,Tn=new Date().getTime()-bn,Yn=Tn/L,Xn=si[p.animationType],ji=1-Xn(Math.min(1,Yn)),Li=1-Cn,ki=ei+a*Li,Bi=ni+l*Li,On=vi(ki,Wi.positionX,ei,A,v,d,u,Sn,gn,ji),_n=vi(Bi,Wi.positionY,ni,P,v,m,f,yn,wn,ji);(ei!==ki||ni!==Bi)&&i.setTransformState(Pn,On,_n)})}}function pi(i,r){var e=i.transformState.scale;_(i),W(i,e),r.touches?he(i,r):ce(i,r)}function ci(i,r,e){var n=i.startCoords,t=i.setup,o=t.alignmentAnimation,a=o.sizeX,l=o.sizeY;if(!!n){var s=we(i,r,e),u=s.x,d=s.y,f=V(i,a),m=V(i,l);Te(i,{x:u,y:d}),Se(i,u,d,f,m)}}function Xe(i){if(i.isPanning){var r=i.setup.panning.velocityDisabled,e=i.velocity,n=i.wrapperComponent,t=i.contentComponent;i.isPanning=!1,i.animate=!1,i.animation=null;var o=n==null?void 0:n.getBoundingClientRect(),a=t==null?void 0:t.getBoundingClientRect(),l=(o==null?void 0:o.width)||0,s=(o==null?void 0:o.height)||0,u=(a==null?void 0:a.width)||0,d=(a==null?void 0:a.height)||0,f=l<u||s<d,m=!r&&e&&(e==null?void 0:e.total)>.1&&f;m?Ye(i):hi(i)}}function hi(i){var r=i.transformState.scale,e=i.setup,n=e.minScale,t=e.alignmentAnimation,o=t.disabled,a=t.sizeX,l=t.sizeY,s=t.animationTime,u=t.animationType,d=o||r<n||!a&&!l;if(!d){var f=ge(i);f&&z(i,f,s,u)}}function gi(i,r,e){var n=i.transformState.scale,t=i.wrapperComponent,o=i.setup,a=o.minScale,l=o.limitToBounds,s=o.zoomAnimation,u=s.disabled,d=s.animationTime,f=s.animationType,m=u||n>=a;if((n>=1||l)&&hi(i),!(m||!t||!i.mounted)){var v=r||t.offsetWidth/2,p=e||t.offsetHeight/2,g=J(i,a,v,p);g&&z(i,g,d,f)}}function J(i,r,e,n){var t=i.setup,o=t.minScale,a=t.maxScale,l=t.limitToBounds,s=M(Y(r,2),o,a,0,!1),u=W(i,s),d=R(i,e,n,s,u,l),f=d.x,m=d.y;return{scale:s,positionX:f,positionY:m}}var j={previousScale:1,scale:1,positionX:0,positionY:0},Oe=O(O({},j),{setComponents:function(){},contextInstance:null}),H={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,wheel:{step:.2,disabled:!1,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},Si=function(i){var r,e,n,t;return{previousScale:(r=i.initialScale)!==null&&r!==void 0?r:j.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:j.scale,positionX:(n=i.initialPositionX)!==null&&n!==void 0?n:j.positionX,positionY:(t=i.initialPositionY)!==null&&t!==void 0?t:j.positionY}},wi=function(i){var r=O({},H);return Object.keys(i).forEach(function(e){var n=typeof i[e]!="undefined",t=typeof H[e]!="undefined";if(t&&n){var o=Object.prototype.toString.call(H[e]),a=o==="[object Object]",l=o==="[object Array]";a?r[e]=O(O({},H[e]),i[e]):l?r[e]=li(li([],H[e]),i[e]):r[e]=i[e]}}),r},yi=function(i,r,e){var n=i.transformState.scale,t=i.wrapperComponent,o=i.setup,a=o.maxScale,l=o.minScale,s=o.zoomAnimation,u=s.size;if(!t)throw new Error("Wrapper is not mounted");var d=n*Math.exp(r*e),f=M(Y(d,3),l,a,u,!1);return f};function bi(i,r,e,n,t){var o=i.wrapperComponent,a=i.transformState,l=a.scale,s=a.positionX,u=a.positionY;if(!o)return console.error("No WrapperComponent found");var d=o.offsetWidth,f=o.offsetHeight,m=(d/2-s)/l,v=(f/2-u)/l,p=yi(i,r,e),g=J(i,p,m,v);if(!g)return console.error("Error during zoom event. New transformation state was not calculated.");z(i,g,n,t)}function Ci(i,r,e){var n=i.setup,t=i.wrapperComponent,o=n.limitToBounds,a=Si(i.props),l=i.transformState,s=l.scale,u=l.positionX,d=l.positionY;if(!!t){var f=G(i,a.scale),m=K(a.positionX,a.positionY,f,o,0,0,t),v={scale:a.scale,positionX:m.x,positionY:m.y};s===a.scale&&u===a.positionX&&d===a.positionY||z(i,v,r,e)}}function _e(i,r,e){var n=i.wrapperComponent,t=i.setup,o=t.limitToBounds,a=t.minScale,l=t.maxScale;if(!n)return j;var s=n.getBoundingClientRect(),u=Ae(r),d=u.x,f=u.y,m=r.offsetWidth,v=r.offsetHeight,p=n.offsetWidth/m,g=n.offsetHeight/v,w=M(e||Math.min(p,g),a,l,0,!1),P=(s.width-m*w)/2,A=(s.height-v*w)/2,X=(s.left-d)*w+P,E=(s.top-f)*w+A,D=G(i,w),N=K(X,E,D,o,0,0,n),L=N.x,Z=N.y;return{positionX:L,positionY:Z,scale:w}}function Ae(i){for(var r=i,e=0,n=0;r;)e+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{x:e,y:n}}function ze(i){if(i){if((i==null?void 0:i.offsetWidth)===void 0||(i==null?void 0:i.offsetHeight)===void 0)return console.error("Zoom node is not valid - it must contain offsetWidth and offsetHeight"),!1}else return console.error("Zoom node not found"),!1;return!0}var Ee=function(i){return function(r,e,n){r===void 0&&(r=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,1,r,e,n)}},De=function(i){return function(r,e,n){r===void 0&&(r=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,-1,r,e,n)}},Ne=function(i){return function(r,e,n,t,o){t===void 0&&(t=300),o===void 0&&(o="easeOut");var a=i.transformState,l=a.positionX,s=a.positionY,u=a.scale,d=i.wrapperComponent,f=i.contentComponent,m=i.setup.disabled;if(!(m||!d||!f)){var v={positionX:isNaN(r)?l:r,positionY:isNaN(e)?s:e,scale:isNaN(n)?u:n};z(i,v,t,o)}}},We=function(i){return function(r,e){r===void 0&&(r=200),e===void 0&&(e="easeOut"),Ci(i,r,e)}},je=function(i){return function(r,e,n){e===void 0&&(e=200),n===void 0&&(n="easeOut");var t=i.transformState,o=i.wrapperComponent,a=i.contentComponent;if(o&&a){var l=Ti(r||t.scale,o,a);z(i,l,e,n)}}},Le=function(i){return function(r,e,n,t){n===void 0&&(n=600),t===void 0&&(t="easeOut"),_(i);var o=i.wrapperComponent,a=typeof r=="string"?document.getElementById(r):r;if(o&&ze(a)&&a&&o.contains(a)){var l=_e(i,a,e);z(i,l,n,t)}}},y=function(i){return{instance:i,state:i.transformState,zoomIn:Ee(i),zoomOut:De(i),setTransform:Ne(i),resetTransform:We(i),centerView:je(i),zoomToElement:Le(i)}},x=!1;function I(){try{var i={get passive(){return x=!0,!1}};return i}catch{return x=!1,x}}var U=function(i,r){var e=i.tagName.toUpperCase(),n=r.find(function(o){return o.toUpperCase()===e});if(n)return!0;var t=r.find(function(o){return i.classList.contains(o)});return!!t},Pi=function(i){i&&clearTimeout(i)},ke=function(i,r,e){return"translate3d("+i+"px, "+r+"px, 0) scale("+e+")"},Ti=function(i,r,e){var n=e.offsetWidth*i,t=e.offsetHeight*i,o=(r.offsetWidth-n)/2,a=(r.offsetHeight-t)/2;return{scale:i,positionX:o,positionY:a}},Be=function(i,r){var e=i.setup.wheel,n=e.disabled,t=e.wheelDisabled,o=e.touchPadDisabled,a=e.excluded,l=i.isInitialized,s=i.isPanning,u=r.target,d=l&&!s&&!n&&u;if(!d||t&&!r.ctrlKey||o&&r.ctrlKey)return!1;var f=U(u,a);return!f};function Me(i,r){var e=i?i.deltaY<0?1:-1:0,n=Ji(r,e);return n}function Yi(i,r,e){var n=r.getBoundingClientRect(),t=0,o=0;if("clientX"in i)t=(i.clientX-n.left)/e,o=(i.clientY-n.top)/e;else{var a=i.touches[0];t=(a.clientX-n.left)/e,o=(a.clientY-n.top)/e}return(isNaN(t)||isNaN(o))&&console.error("No mouse or touch offset found"),{x:t,y:o}}var He=function(i,r,e,n,t){var o=i.transformState.scale,a=i.wrapperComponent,l=i.setup,s=l.maxScale,u=l.minScale,d=l.zoomAnimation,f=d.size,m=d.disabled;if(!a)throw new Error("Wrapper is not mounted");var v=o+r*(o-o*e)*e;if(t)return v;var p=n?!1:!m,g=M(Y(v,3),u,s,f,p);return g},Ze=function(i,r){var e=i.previousWheelEvent,n=i.transformState.scale,t=i.setup,o=t.maxScale,a=t.minScale;return e?n<o||n>a||Math.sign(e.deltaY)!==Math.sign(r.deltaY)||e.deltaY>0&&e.deltaY<r.deltaY||e.deltaY<0&&e.deltaY>r.deltaY||Math.sign(e.deltaY)!==Math.sign(r.deltaY):!1},Ke=function(i,r){var e=i.setup.pinch,n=e.disabled,t=e.excluded,o=i.isInitialized,a=r.target,l=o&&!n&&a;if(!l)return!1;var s=U(a,t);return!s},Re=function(i){var r=i.setup.pinch.disabled,e=i.isInitialized,n=i.pinchStartDistance,t=e&&!r&&n;return!!t},Ve=function(i,r,e){var n=e.getBoundingClientRect(),t=i.touches,o=Y(t[0].clientX-n.left,5),a=Y(t[0].clientY-n.top,5),l=Y(t[1].clientX-n.left,5),s=Y(t[1].clientY-n.top,5);return{x:(o+l)/2/r,y:(a+s)/2/r}},Xi=function(i){return Math.sqrt(Math.pow(i.touches[0].pageX-i.touches[1].pageX,2)+Math.pow(i.touches[0].pageY-i.touches[1].pageY,2))},Ue=function(i,r){var e=i.pinchStartScale,n=i.pinchStartDistance,t=i.setup,o=t.maxScale,a=t.minScale,l=t.zoomAnimation,s=l.size,u=l.disabled;if(!e||n===null||!r)throw new Error("Pinch touches distance was not provided");if(r<0)return i.transformState.scale;var d=r/n,f=d*e;return M(Y(f,2),a,o,s,!u)},Qe=160,Fe=100,qe=function(i,r){var e=i.props,n=e.onWheelStart,t=e.onZoomStart;i.wheelStopEventTimer||(_(i),C(y(i),r,n),C(y(i),r,t))},Ge=function(i,r){var e=i.props,n=e.onWheel,t=e.onZoom,o=i.contentComponent,a=i.setup,l=i.transformState,s=l.scale,u=a.limitToBounds,d=a.centerZoomedOut,f=a.zoomAnimation,m=a.wheel,v=f.size,p=f.disabled,g=m.step;if(!o)throw new Error("Component not mounted");r.preventDefault(),r.stopPropagation();var w=Me(r,null),P=He(i,w,g,!r.ctrlKey);if(s!==P){var A=W(i,P),X=Yi(r,o,s),E=p||v===0||d,D=u&&E,N=R(i,X.x,X.y,P,A,D),L=N.x,Z=N.y;i.previousWheelEvent=r,i.setTransformState(P,L,Z),C(y(i),r,n),C(y(i),r,t)}},$e=function(i,r){var e=i.props,n=e.onWheelStop,t=e.onZoomStop;Pi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){!i.mounted||(gi(i,r.x,r.y),i.wheelAnimationTimer=null)},Fe);var o=Ze(i,r);o&&(Pi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){!i.mounted||(i.wheelStopEventTimer=null,C(y(i),r,n),C(y(i),r,t))},Qe))},Je=function(i,r){var e=Xi(r);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1,_(i)},xe=function(i,r){var e=i.contentComponent,n=i.pinchStartDistance,t=i.transformState.scale,o=i.setup,a=o.limitToBounds,l=o.centerZoomedOut,s=o.zoomAnimation,u=s.disabled,d=s.size;if(!(n===null||!e)){var f=Ve(r,t,e);if(!(!isFinite(f.x)||!isFinite(f.y))){var m=Xi(r),v=Ue(i,m);if(v!==t){var p=W(i,v),g=u||d===0||l,w=a&&g,P=R(i,f.x,f.y,v,p,w),A=P.x,X=P.y;i.pinchMidpoint=f,i.lastDistance=m,i.setTransformState(v,A,X)}}}},Ie=function(i){var r=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,gi(i,r==null?void 0:r.x,r==null?void 0:r.y)};function en(i,r){var e=i.setup.doubleClick,n=e.disabled,t=e.mode,o=e.step,a=e.animationTime,l=e.animationType;if(!n){if(t==="reset")return Ci(i,a,l);var s=i.transformState.scale,u=i.contentComponent;if(!u)return console.error("No ContentComponent found");var d=t==="zoomOut"?-1:1,f=yi(i,d,o),m=Yi(r,u,s),v=J(i,f,m.x,m.y);if(!v)return console.error("Error during zoom event. New transformation state was not calculated.");z(i,v,a,l)}}var nn=function(i,r){var e=i.isInitialized,n=i.setup,t=i.wrapperComponent,o=n.doubleClick,a=o.disabled,l=o.excluded,s=r.target,u=t==null?void 0:t.contains(s),d=e&&s&&u&&!a;if(!d)return!1;var f=U(s,l);return!(f||!d)},Oi=S.default.createContext(Oe),rn=function(i){$i(r,i);function r(){var e=i!==null&&i.apply(this,arguments)||this;return e.mounted=!0,e.transformState=Si(e.props),e.setup=wi(e.props),e.wrapperComponent=null,e.contentComponent=null,e.isInitialized=!1,e.bounds=null,e.previousWheelEvent=null,e.wheelStopEventTimer=null,e.wheelAnimationTimer=null,e.isPanning=!1,e.startCoords=null,e.lastTouch=null,e.distance=null,e.lastDistance=null,e.pinchStartDistance=null,e.pinchStartScale=null,e.pinchMidpoint=null,e.velocity=null,e.velocityTime=null,e.lastMousePosition=null,e.animate=!1,e.animation=null,e.maxBounds=null,e.pressedKeys={},e.handleInitializeWrapperEvents=function(n){var t=I();n.addEventListener("wheel",e.onWheelZoom,t),n.addEventListener("dblclick",e.onDoubleClick,t),n.addEventListener("touchstart",e.onTouchPanningStart,t),n.addEventListener("touchmove",e.onTouchPanning,t),n.addEventListener("touchend",e.onTouchPanningStop,t)},e.handleInitialize=function(){var n=e.setup.centerOnInit;e.applyTransformation(),e.forceUpdate(),n&&(setTimeout(function(){e.mounted&&e.setCenter()},50),setTimeout(function(){e.mounted&&e.setCenter()},100),setTimeout(function(){e.mounted&&e.setCenter()},200))},e.onWheelZoom=function(n){var t=e.setup.disabled;if(!t){var o=Be(e,n);if(!!o){var a=e.isPressingKeys(e.setup.wheel.activationKeys);!a||(qe(e,n),Ge(e,n),$e(e,n))}}},e.onPanningStart=function(n){var t=e.setup.disabled,o=e.props.onPanningStart;if(!t){var a=fi(e,n);if(!!a){var l=e.isPressingKeys(e.setup.panning.activationKeys);!l||(n.preventDefault(),n.stopPropagation(),_(e),pi(e,n),C(y(e),n,o))}}},e.onPanning=function(n){var t=e.setup.disabled,o=e.props.onPanning;if(!t){var a=mi(e);if(!!a){var l=e.isPressingKeys(e.setup.panning.activationKeys);!l||(n.preventDefault(),n.stopPropagation(),ci(e,n.clientX,n.clientY),C(y(e),n,o))}}},e.onPanningStop=function(n){var t=e.props.onPanningStop;e.isPanning&&(Xe(e),C(y(e),n,t))},e.onPinchStart=function(n){var t=e.setup.disabled,o=e.props,a=o.onPinchingStart,l=o.onZoomStart;if(!t){var s=Ke(e,n);!s||(Je(e,n),_(e),C(y(e),n,a),C(y(e),n,l))}},e.onPinch=function(n){var t=e.setup.disabled,o=e.props,a=o.onPinching,l=o.onZoom;if(!t){var s=Re(e);!s||(n.preventDefault(),n.stopPropagation(),xe(e,n),C(y(e),n,a),C(y(e),n,l))}},e.onPinchStop=function(n){var t=e.props,o=t.onPinchingStop,a=t.onZoomStop;e.pinchStartScale&&(Ie(e),C(y(e),n,o),C(y(e),n,a))},e.onTouchPanningStart=function(n){var t=e.setup.disabled,o=e.props.onPanningStart;if(!t){var a=fi(e,n);if(!!a){var l=e.lastTouch&&+new Date-e.lastTouch<200;if(l&&n.touches.length===1)e.onDoubleClick(n);else{e.lastTouch=+new Date,_(e);var s=n.touches,u=s.length===1,d=s.length===2;u&&(_(e),pi(e,n),C(y(e),n,o)),d&&e.onPinchStart(n)}}}},e.onTouchPanning=function(n){var t=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&n.touches.length===1){if(t)return;var a=mi(e);if(!a)return;n.preventDefault(),n.stopPropagation();var l=n.touches[0];ci(e,l.clientX,l.clientY),C(y(e),n,o)}else n.touches.length>1&&e.onPinch(n)},e.onTouchPanningStop=function(n){e.onPanningStop(n),e.onPinchStop(n)},e.onDoubleClick=function(n){var t=e.setup.disabled;if(!t){var o=nn(e,n);!o||en(e,n)}},e.clearPanning=function(n){e.isPanning&&e.onPanningStop(n)},e.setKeyPressed=function(n){e.pressedKeys[n.key]=!0},e.setKeyUnPressed=function(n){e.pressedKeys[n.key]=!1},e.isPressingKeys=function(n){return n.length?Boolean(n.find(function(t){return e.pressedKeys[t]})):!0},e.setComponents=function(n,t){e.wrapperComponent=n,e.contentComponent=t,W(e,e.transformState.scale),e.handleInitializeWrapperEvents(n),e.handleInitialize(),e.handleRef(),e.isInitialized=!0,C(y(e),void 0,e.props.onInit)},e.setTransformState=function(n,t,o){!isNaN(n)&&!isNaN(t)&&!isNaN(o)?(n!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=n),e.transformState.positionX=t,e.transformState.positionY=o,e.applyTransformation()):console.error("Detected NaN set state values")},e.setCenter=function(){if(e.wrapperComponent&&e.contentComponent){var n=Ti(e.transformState.scale,e.wrapperComponent,e.contentComponent);e.setTransformState(n.scale,n.positionX,n.positionY)}},e.applyTransformation=function(){if(!(!e.mounted||!e.contentComponent)){var n=e.transformState,t=n.scale,o=n.positionX,a=n.positionY,l=ke(o,a,t);e.contentComponent.style.transform=l,e.handleRef()}},e.handleRef=function(){e.props.setRef(y(e))},e}return r.prototype.componentDidMount=function(){var e=I();window.addEventListener("mousedown",this.onPanningStart,e),window.addEventListener("mousemove",this.onPanning,e),window.addEventListener("mouseup",this.onPanningStop,e),document.addEventListener("mouseleave",this.clearPanning,e),window.addEventListener("keyup",this.setKeyUnPressed,e),window.addEventListener("keydown",this.setKeyPressed,e),this.handleRef()},r.prototype.componentWillUnmount=function(){var e=I();window.removeEventListener("mousedown",this.onPanningStart,e),window.removeEventListener("mousemove",this.onPanning,e),window.removeEventListener("mouseup",this.onPanningStop,e),window.removeEventListener("keyup",this.setKeyUnPressed,e),window.removeEventListener("keydown",this.setKeyPressed,e),_(this)},r.prototype.componentDidUpdate=function(e){e!==this.props&&(W(this,this.transformState.scale),this.setup=wi(this.props))},r.prototype.render=function(){var e=y(this),n=this.props.children,t=typeof n=="function"?n(e):n;return h(Oi.Provider,{value:O(O({},this.transformState),{setComponents:this.setComponents,contextInstance:this}),children:t})},r}(c.Component),tn=S.default.forwardRef(function(i,r){var e=c.useState(null),n=e[0],t=e[1];return c.useImperativeHandle(r,function(){return n},[n]),h(rn,k({},O({},i,{setRef:t})))});function on(i,r){r===void 0&&(r={});var e=r.insertAt;if(!(!i||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",e==="top"&&n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.styleSheet?t.styleSheet.cssText=i:t.appendChild(document.createTextNode(i))}}var an=`.transform-component-module_wrapper__1_Fgj {
|
|
12
|
+
*/var Bt=S.default,st=60103;if(M.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var lt=Symbol.for;st=lt("react.element"),M.Fragment=lt("react.fragment")}var Ut=Bt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Vt=Object.prototype.hasOwnProperty,Zt={key:!0,ref:!0,__self:!0,__source:!0};function ct(e,i,t){var n,o={},a=null,r=null;t!==void 0&&(a=""+t),i.key!==void 0&&(a=""+i.key),i.ref!==void 0&&(r=i.ref);for(n in i)Vt.call(i,n)&&!Zt.hasOwnProperty(n)&&(o[n]=i[n]);if(e&&e.defaultProps)for(n in i=e.defaultProps,i)o[n]===void 0&&(o[n]=i[n]);return{$$typeof:st,type:e,key:a,ref:r,props:o,_owner:Ut.current}}M.jsx=ct,M.jsxs=ct,Z.exports=M;const b=Z.exports.jsx,Q=Z.exports.jsxs;var q=function(e,i){return q=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var o in n)n.hasOwnProperty(o)&&(t[o]=n[o])},q(e,i)};function dt(e,i){q(e,i);function t(){this.constructor=e}e.prototype=i===null?Object.create(i):(t.prototype=i.prototype,new t)}var x=function(){return x=Object.assign||function(i){for(var t,n=1,o=arguments.length;n<o;n++){t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(i[a]=t[a])}return i},x.apply(this,arguments)};function Qt(e,i){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&i.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)i.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]]);return t}var _={wrapperComponent:null,contentComponent:null,previousScale:1,scale:1,positionX:0,positionY:0,options:{disabled:!1,transformEnabled:!0,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,limitToWrapper:!1,centerContent:!0,wrapperClass:"",contentClass:""},wheel:{disabled:!1,step:5,wheelEnabled:!0,touchPadEnabled:!0,limitsOnWheel:!1},pan:{disabled:!1,panAnimationType:"linear",lockAxisX:!1,lockAxisY:!1,velocity:!0,velocityEqualToMove:!0,velocitySensitivity:2,velocityActiveScale:1,velocityMinSpeed:1,velocityBaseTime:1600,velocityAnimationType:"easeOutQuart",padding:!0,paddingSize:30,panReturnAnimationTime:400,panReturnAnimationType:"easeOut",disableOnTarget:[]},pinch:{disabled:!1},zoomIn:{disabled:!1,step:20,animation:!0,animationType:"easeOut",animationTime:200},zoomOut:{disabled:!1,step:20,animation:!0,animationType:"easeOut",animationTime:200},doubleClick:{disabled:!1,step:20,mode:"zoomIn",animation:!0,animationType:"easeOut",animationTime:200},reset:{disabled:!1,animation:!0,animationType:"easeOut",animationTime:200},scalePadding:{disabled:!1,size:.2,animationTime:200,animationType:"easeOut"}},D=function(e,i){return Number(e.toFixed(i))},H=function(e,i){return typeof e=="number"?e:i},F=function(e,i,t,n){return n?e<i?D(i,2):e>t?D(t,2):D(e,2):D(e,2)},qt=function(e,i,t,n,o,a,r){var s=e>i?t*(r?1:.5):0,l=n>o?a*(r?1:.5):0,d=e-i-s,c=s,u=n-o-l,p=l;return{minPositionX:d,maxPositionX:c,minPositionY:u,maxPositionY:p}},ut=function(e,i){return Math.sqrt(Math.pow(e.pageX-i.pageX,2)+Math.pow(e.pageY-i.pageY,2))},pt=function(e){var i=x({},e);return Object.keys(i).forEach(function(t){return i[t]===void 0&&delete i[t]}),i},X=function(e,i){e&&typeof e=="function"&&e(i)},Ft=function(e,i,t){var n=t.scale,o=t.options,a=o.maxScale,r=o.minScale;return e?n<a||n>r||Math.sign(e.deltaY)!==Math.sign(i.deltaY)||e.deltaY>0&&e.deltaY<i.deltaY||e.deltaY<0&&e.deltaY>i.deltaY||Math.sign(e.deltaY)!==Math.sign(i.deltaY):!1},mt=function(e,i){return Object.keys(e).reduce(function(t,n){return typeof i[n]=="object"&&i[n]!==null?t[n]=x(x({},e[n]),i[n]):t[n]=i[n]===void 0?e[n]:i[n],t},{})};function $t(e){return e?window.innerHeight/e.offsetHeight:0}function Gt(e){return e?window.innerWidth/e.offsetWidth:0}var Kt=function(e){return-Math.cos(e*Math.PI)/2+.5},Jt=function(e){return e},te=function(e){return e*e},ee=function(e){return e*(2-e)},ne=function(e){return e<.5?2*e*e:-1+(4-2*e)*e},ie=function(e){return e*e*e},oe=function(e){return--e*e*e+1},ae=function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1},re=function(e){return e*e*e*e},se=function(e){return 1- --e*e*e*e},le=function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},ce=function(e){return e*e*e*e*e},de=function(e){return 1+--e*e*e*e*e},ue=function(e){return e<.5?16*e*e*e*e*e:1+16*--e*e*e*e*e},ft={easeOut:Kt,linear:Jt,easeInQuad:te,easeOutQuad:ee,easeInOutQuad:ne,easeInCubic:ie,easeOutCubic:oe,easeInOutCubic:ae,easeInQuart:re,easeOutQuart:se,easeInOutQuart:le,easeInQuint:ce,easeOutQuint:de,easeInOutQuint:ue};function I(){!this.mounted||(this.animation&&cancelAnimationFrame(this.animation),this.animate=!1,this.animation=!1,this.velocity=!1)}function ht(e,i,t){var n=this;if(!!this.mounted){var o=new Date().getTime(),a=1;I.call(this),this.animation=function(){if(!(!n.animation||!n.mounted)){var r=new Date().getTime()-o,s=r/i,l=ft[e],d=l(s);r>=i?(t(a),n.animation=null):(t(d),requestAnimationFrame(n.animation))}},requestAnimationFrame(this.animation)}}function O(e){var i=this,t=e.targetState,n=e.speed,o=e.type,a=this.stateProvider,r=a.scale,s=a.positionX,l=a.positionY,d=t.scale-r,c=t.positionX-s,u=t.positionY-l;n===0?(this.stateProvider.previousScale=this.stateProvider.scale,this.stateProvider.scale=t.scale,this.stateProvider.positionX=t.positionX,this.stateProvider.positionY=t.positionY,this.applyTransformation()):ht.call(this,o,n,function(p){i.stateProvider.previousScale=i.stateProvider.scale,i.stateProvider.scale=r+d*p,i.stateProvider.positionX=s+c*p,i.stateProvider.positionY=l+u*p,i.applyTransformation()})}function $(e,i,t,n,o){var a=o?n:0,r=i-a;return!isNaN(t)&&e>=t?t:!isNaN(i)&&e<=r?r:e}function G(e,i,t,n,o,a){var r=t.minPositionX,s=t.minPositionY,l=t.maxPositionX,d=t.maxPositionY,c=a?o*a.offsetWidth/100:0,u=a?o*a.offsetHeight/100:0,p=F(e,r-c,l+c,n),m=F(i,s-u,d+u,n);return{x:p,y:m}}function pe(e,i){var t=e?e.deltaY<0?1:-1:0,n=H(i,t);return n}function K(e,i,t){var n=i.getBoundingClientRect(),o=(e.clientX-n.left)/t,a=(e.clientY-n.top)/t;return(isNaN(o)||isNaN(a))&&console.error("No mouse or touch offset found"),{mouseX:o,mouseY:a}}function me(e,i,t){var n=e.offsetWidth,o=e.offsetHeight,a=i.offsetWidth,r=i.offsetHeight,s=a*t,l=r*t,d=n-s,c=o-l;return{wrapperWidth:n,wrapperHeight:o,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:c}}function B(e,i,t,n,o){var a=this.stateProvider,r=a.scale,s=a.positionX,l=a.positionY,d=a.options.transformEnabled,c=t-r;if(typeof e!="number"||typeof i!="number")return console.error("Mouse X and Y position were not provided!");if(!d)return{newPositionX:s,newPositionY:l};var u=s-e*c,p=l-i*c,m=G(u,p,n,o,0,null);return m}function J(e){var i=e.touches;return i&&i.length===1?{clientX:i[0].clientX,clientY:i[0].clientY}:i?null:{clientX:e.clientX,clientY:e.clientY}}function fe(e){var i=this.stateProvider,t=i.scale,n=i.positionX,o=i.positionY,a=i.options,r=a.limitToBounds,s=a.minScale,l=i.pan,d=l.lockAxisX,c=l.lockAxisY,u=l.padding,p=l.paddingSize,m=i.wrapperComponent;if(!!this.startCoords){var f=this.startCoords,v=f.x,h=f.y,g=J(e);if(!g)return console.error("Cannot find mouse client positions");var P=g.clientX,y=g.clientY,w=P-v,W=y-h,k=d?n:w,A=c?o:W,j=u&&t>=s?p:0;if(!(k===n&&A===o)){var N=G(k,A,this.bounds,r,j,m);ve.call(this,N.x,N.y)}}}function tt(){var e=this.stateProvider,i=e.scale,t=e.options.minScale,n=e.pan,o=n.disabled,a=n.padding,r=n.panReturnAnimationTime,s=n.panReturnAnimationType,l=o||i<t||!a;if(!l){var d=he.call(this);O.call(this,{targetState:d,speed:r,type:s})}}function he(){var e=this.stateProvider,i=e.positionX,t=e.positionY,n=e.scale,o=e.options,a=o.disabled,r=o.limitToBounds,s=o.limitToWrapper,l=this.state.wrapperComponent;if(!a){var d=this.bounds,c=d.maxPositionX,u=d.minPositionX,p=d.maxPositionY,m=d.minPositionY,f=i>c||i<u,v=t>p||t<m,h=i>c?l.offsetWidth:this.stateProvider.minPositionX||0,g=t>p?l.offsetHeight:this.stateProvider.minPositionY||0,P=h,y=g,w=B.call(this,P,y,n,this.bounds,r||s),W=w.x,k=w.y;return{scale:n,positionX:f?W:i,positionY:v?k:t}}}function ve(e,i){var t=this.stateProvider.pan.padding;!t||(this.stateProvider.positionX=e,this.stateProvider.positionY=i,this.applyTransformation())}function z(e,i,t,n,o){var a=this.stateProvider,r=a.scale,s=a.options,l=s.maxScale,d=s.minScale,c=a.scalePadding,u=c.size,p=c.disabled,m=a.wrapperComponent,f=null;if(o){var v=window.innerWidth*1e-4,h=e<0?30:20;f=r+(i-i*v)*e*(r/h)}else{var g=2-window.innerWidth/m.offsetWidth,v=Math.max(.2,Math.min(.99,g)),h=20;f=r+i*e*((r-r*v)/h)}if(n)return f;var P=t?!1:!p,y=$(D(f,3),d,l,u,P);return y}function E(e,i){var t=this.stateProvider,n=t.wrapperComponent,o=t.contentComponent,a=me(n,o,e),r=a.wrapperWidth,s=a.wrapperHeight,l=a.newContentWidth,d=a.newDiffWidth,c=a.newContentHeight,u=a.newDiffHeight,p=qt(r,l,d,s,c,u,i);return this.bounds=p,p}function ge(e){var i=this.stateProvider,t=i.scale,n=i.contentComponent,o=i.options.limitToBounds,a=i.scalePadding,r=a.size,s=a.disabled,l=i.wheel,d=l.step,c=l.limitsOnWheel;e.preventDefault(),e.stopPropagation();var u=pe(e,null),p=z.call(this,u,d,!e.ctrlKey);if(t!==p){var m=E.call(this,p,!c),f=K(e,n,t),v=f.mouseX,h=f.mouseY,g=o&&(s||r===0||c),P=B.call(this,v,h,p,m,g),y=P.x,w=P.y;this.bounds=m,this.stateProvider.previousScale=t,this.stateProvider.scale=p,this.stateProvider.positionX=y,this.stateProvider.positionY=w,this.applyTransformation()}}function et(e,i,t,n,o){var a=this.stateProvider,r=a.contentComponent,s=a.options,l=s.disabled,d=s.minScale,c=s.maxScale,u=s.limitToBounds,p=s.limitToWrapper;if(!(l||e)){var m=$(D(i,2),d,c,null,null),f=E.call(this,m,p),v=t,h=n;if(o){var g=K(o,r,i);v=g.mouseX,h=g.mouseY}var P=B.call(this,v,h,m,f,u),y=P.x,w=P.y;return{scale:m,positionX:y,positionY:w}}}function vt(){var e=this.stateProvider,i=e.scale,t=e.wrapperComponent,n=e.options,o=n.minScale,a=n.limitToBounds,r=e.scalePadding,s=r.disabled,l=r.animationTime,d=r.animationType,c=s||i>=o;if((i>=1||a)&&tt.call(this),!c){var u=t.offsetWidth/2,p=t.offsetHeight/2,m=et.call(this,!1,o,u,p,null);O.call(this,{targetState:m,speed:l,type:d})}}function Pe(e){e.preventDefault(),e.stopPropagation();var i=this.stateProvider,t=i.contentComponent,n=i.scale,o=i.doubleClick,a=o.disabled,r=o.mode,s=o.step,l=o.animationTime,d=o.animationType;if(r==="reset")return Pt.call(this,e,l);var c=r==="zoomOut"?-1:1,u=z.call(this,c,s,void 0,void 0,!0),p=K(e,t,n),m=p.mouseX,f=p.mouseY,v=et.call(this,a,u,m,f);if(v.scale!==n){var h=z.call(this,c,s,!0,void 0,!0),g=bt(h,u,l);O.call(this,{targetState:v,speed:g,type:d})}}function gt(e,i){var t=this.stateProvider,n=t.scale,o=t.positionX,a=t.positionY,r=t.wrapperComponent,s=t.zoomIn,l=t.zoomOut,d=r.offsetWidth,c=r.offsetHeight,u=(d/2-o)/n,p=(c/2-a)/n,m=z.call(this,e,i,void 0,void 0,!0),f=m>n,v=f?s.animationTime:l.animationTime,h=f?s.animationType:l.animationType,g=f?s.disabled:l.disabled,P=et.call(this,g,m,u,p);if(P.scale!==n){var y=z.call(this,e,i,!0,void 0,!0),w=bt(y,m,v);O.call(this,{targetState:P,speed:w,type:h})}}function Pt(e){var i=this.props.defaultValues,t=i.defaultScale,n=i.defaultPositionX,o=i.defaultPositionY,a=this.stateProvider,r=a.scale,s=a.positionX,l=a.positionY,d=a.reset,c=a.options,u=c.disabled,p=c.limitToBounds,m=c.centerContent,f=c.limitToWrapper;if(!(u||d.disabled)&&!(r===t&&s===n&&l===o)){var v=typeof e=="number"?e:d.animationTime,h=H(t,_.scale),g=H(n,_.positionX),P=H(o,_.positionY);if(p&&!f||m){var y=E.call(this,h,f);g=y.minPositionX,P=y.minPositionY}var w={scale:h,positionX:g,positionY:P};O.call(this,{targetState:w,speed:v,type:d.animationType})}}function bt(e,i,t){return t*(i/e)}function U(e,i){var t=Math.pow(10,i);return Math.round(e*t)/t}function be(e){return ut(e.touches[0],e.touches[1])}function nt(e){return e===1/0||e===-1/0}function ye(e,i){var t=this.stateProvider,n=t.options,o=n.minScale,a=n.maxScale,r=t.scalePadding,s=r.size,l=r.disabled;if(typeof i!="number"||typeof e!="number")return console.error("Pinch touches distance was not provided");if(!(e<0)){var d=e/i,c=d*this.pinchStartScale;return $(D(c,2),o,a,s,!l)}}function Ce(e,i,t){var n=t.getBoundingClientRect(),o=e.touches,a=U(o[0].clientX-n.left,5),r=U(o[0].clientY-n.top,5),s=U(o[1].clientX-n.left,5),l=U(o[1].clientY-n.top,5);return{mouseX:(a+s)/2/i,mouseY:(r+l)/2/i}}function Se(e){var i=this.stateProvider,t=i.scale,n=i.options,o=n.limitToBounds,a=n.limitToWrapper,r=i.scalePadding,s=r.disabled,l=r.size,d=i.wheel.limitsOnWheel,c=i.pinch,u=this.state.contentComponent;if(!(c.disabled||this.stateProvider.options.disabled)&&(e.cancelable&&(e.preventDefault(),e.stopPropagation()),this.pinchStartDistance!==null)){var p=Ce(e,t,u),m=p.mouseX,f=p.mouseY;if(!(nt(m)||nt(f))){var v=be(e),h=ye.call(this,v,this.pinchStartDistance);if(!(nt(h)||h===t)){var g=E.call(this,h,a),P=o&&(s||l===0||d),y=B.call(this,m,f,h,g,P),w=y.x,W=y.y;this.lastDistance=v,this.stateProvider.positionX=w,this.stateProvider.positionY=W,this.stateProvider.scale=h,this.stateProvider.previousScale=t,this.applyTransformation()}}}}var we=30;function Te(e,i){var t=this.stateProvider.pan.velocityEqualToMove;return t?i-i/Math.max(1,e):i}function xe(){this.setState({startAnimation:!1})}function Ye(){this.setState({startAnimation:!0})}function Xe(){var e=this,i=this.stateProvider,t=i.positionX,n=i.positionY,o=i.options.limitToBounds,a=i.pan,r=a.velocityBaseTime,s=a.lockAxisX,l=a.lockAxisY,d=a.velocityAnimationType,c=a.panReturnAnimationTime,u=a.panReturnAnimationType,p=a.padding,m=a.paddingSize,f=i.wrapperComponent;if(!!this.mounted){if(!this.velocity||!this.bounds)return I.call(this);var v=this.bounds,h=v.maxPositionX,g=v.minPositionX,P=v.maxPositionY,y=v.minPositionY,w=this.velocity,W=w.velocityX,k=w.velocityY,A=w.velocity,j=Te.call(this,A,r);if(!j){tt.call(this);return}var N=W,ot=k,Re=j>c?j:c,at=p?m:0,Ot=f?at*f.offsetWidth/100:0,Wt=f?at*f.offsetHeight/100:0,He=h+Ot,Be=g-Ot,Ue=P+Wt,Ve=y-Wt,kt=G(t,n,this.bounds,o,at,f),Ze=new Date().getTime();ht.call(this,d,Re,function(Dt){var It=new Date().getTime()-Ze,Qe=It/c,qe=ft[u],L=qe(Qe);(It>c||L>1||L===1/0||L===-1/0)&&(L=1);var Et=yt(s,N,Dt,L,g,h,o,t,kt.x,Be,He),jt=yt(l,ot,Dt,L,y,P,o,n,kt.y,Ve,Ue);(t!==Et||n!==jt)&&(e.stateProvider.positionX=Et,e.stateProvider.positionY=jt,e.applyTransformation())})}}function _e(e){var i=this,t=this.stateProvider,n=t.scale,o=t.options.disabled,a=t.pan,r=a.velocity,s=a.velocitySensitivity,l=a.velocityActiveScale,d=a.velocityMinSpeed,c=t.wrapperComponent;if(!(!r||l>=n||o)){xe.call(this);var u=Date.now();if(this.lastMousePosition){var p=J(e);if(!p)return console.error("No mouse or touch position detected");var m=p.clientX,f=p.clientY,v=m-this.lastMousePosition.clientX,h=f-this.lastMousePosition.clientY,g=u-this.velocityTime,P=2-c.offsetWidth/window.innerWidth,y=2-c.offsetHeight/window.innerHeight,w=20*Math.max(d,Math.min(2,P)),W=20*Math.max(d,Math.min(2,y)),k=v/g*s*n*w,A=h/g*s*n*W,j=v*v+h*h,N=Math.sqrt(j)/g*s;if(this.velocity&&N<this.velocity.velocity&&this.throttle)return;this.velocity={velocityX:k,velocityY:A,velocity:N},this.throttle&&clearTimeout(this.throttle),this.throttle=setTimeout(function(){i.mounted&&(i.throttle=!1)},we)}var ot=J(e);this.lastMousePosition=ot,this.velocityTime=u}}function yt(e,i,t,n,o,a,r,s,l,d,c){if(r){if(l>o&&s>a){var u=l-(l-a)*n;return u>c?c:u<a?a:u}if(l<o&&s<o){var u=l-(l-o)*n;return u<d?d:u>o?o:u}}if(e)return l;var p=s+i*t;return F(p,o,a,r)}function it(e){return e}var Oe=["previousScale","scale","positionX","positionY","defaultPositionX","defaultPositionY","defaultScale","onWheelStart","onWheel","onWheelStop","onPanningStart","onPanning","onPanningStop","onPinchingStart","onPinching","onPinchingStop","onZoomChange","options","wheel","scalePadding","pan","pinch","zoomIn","zoomOut","doubleClick","reset"],Ct=function(e){return Object.keys(e).reduce(function(i,t){return Oe.includes(t)&&(i[t]=e[t]),i},{})},St=S.default.createContext({}),V=null,We=180,wt=null,ke=100,De=function(e){dt(i,e);function i(){var t=e!==null&&e.apply(this,arguments)||this;return t.mounted=!0,t.state={wrapperComponent:void 0,contentComponent:void 0},t.stateProvider=x(x(x(x({},_),mt(_,t.props.dynamicValues)),t.props.defaultValues),{previousScale:t.props.dynamicValues.scale||t.props.defaultValues.scale||_.scale}),t.windowToWrapperScaleX=0,t.windowToWrapperScaleY=0,t.startCoords=null,t.isDown=!1,t.pinchStartDistance=null,t.lastDistance=null,t.pinchStartScale=null,t.distance=null,t.bounds=null,t.velocityTime=null,t.lastMousePosition=null,t.velocity=null,t.offsetX=null,t.offsetY=null,t.throttle=!1,t.previousWheelEvent=null,t.lastScale=null,t.animate=null,t.animation=null,t.maxBounds=null,t.handleWheel=function(n){var o=t.stateProvider,a=o.scale,r=o.wheel,s=r.disabled,l=r.wheelEnabled,d=r.touchPadEnabled,c=t.props,u=c.onWheelStart,p=c.onWheel,m=c.onWheelStop,f=t.state,v=f.wrapperComponent,h=f.contentComponent;t.isDown||s||t.stateProvider.options.disabled||!v||!h||!l&&!n.ctrlKey||!d&&n.ctrlKey||(V||(t.lastScale=a,I.call(t),X(u,t.getCallbackProps())),ge.call(t,n),X(p,t.getCallbackProps()),t.applyTransformation(null,null,null),t.previousWheelEvent=n,Ft(t.previousWheelEvent,n,t.stateProvider)&&(clearTimeout(V),V=setTimeout(function(){!t.mounted||(X(m,t.getCallbackProps()),V=null)},We)),t.animate=!1,t.lastScale=t.stateProvider.scale,clearTimeout(wt),wt=setTimeout(function(){!t.mounted||vt.call(t,n)},ke))},t.checkPanningTarget=function(n){var o=t.stateProvider.pan.disableOnTarget;return o.map(function(a){return a.toUpperCase()}).includes(n.target.tagName)||o.find(function(a){return n.target.classList.value.includes(a)})},t.checkIsPanningActive=function(n){var o=t.stateProvider.pan.disabled,a=t.state,r=a.wrapperComponent,s=a.contentComponent;return!t.isDown||o||t.stateProvider.options.disabled||n.touches&&(n.touches.length!==1||Math.abs(t.startCoords.x-n.touches[0].clientX)<1||Math.abs(t.startCoords.y-n.touches[0].clientY)<1)||!r||!s},t.handleSetUpPanning=function(n,o){var a=t.stateProvider,r=a.positionX,s=a.positionY;t.isDown=!0,t.startCoords={x:n-r,y:o-s},X(t.props.onPanningStart,t.getCallbackProps())},t.handleStartPanning=function(n){var o=t.stateProvider,a=o.wrapperComponent,r=o.scale,s=o.options,l=s.minScale,d=s.maxScale,c=s.limitToWrapper,u=o.pan.disabled,p=n.target,m=n.touches;u||t.stateProvider.options.disabled||a&&!a.contains(p)||t.checkPanningTarget(n)||r<l||r>d||(I.call(t),t.bounds=E.call(t,r,c),m&&m.length===1&&t.handleSetUpPanning(m[0].clientX,m[0].clientY),m||t.handleSetUpPanning(n.clientX,n.clientY))},t.handlePanning=function(n){t.isDown&&n.preventDefault(),!t.checkIsPanningActive(n)&&(n.stopPropagation(),_e.call(t,n),fe.call(t,n),X(t.props.onPanning,t.getCallbackProps()))},t.handleStopPanning=function(){if(t.isDown){t.isDown=!1,t.animate=!1,t.animation=!1,Ye.call(t),X(t.props.onPanningStop,t.getCallbackProps());var n=t.stateProvider,o=n.pan.velocity,a=n.scale;t.velocity&&o&&a>1?Xe.call(t):tt.call(t)}},t.handlePinchStart=function(n){var o=t.stateProvider.scale;n.preventDefault(),n.stopPropagation(),I.call(t);var a=ut(n.touches[0],n.touches[1]);t.pinchStartDistance=a,t.lastDistance=a,t.pinchStartScale=o,t.isDown=!1,X(t.props.onPinchingStart,t.getCallbackProps())},t.handlePinch=function(n){t.isDown=!1,Se.call(t,n),X(t.props.onPinching,t.getCallbackProps())},t.handlePinchStop=function(){typeof t.pinchStartScale=="number"&&(t.isDown=!1,t.velocity=null,t.lastDistance=null,t.pinchStartScale=null,t.pinchStartDistance=null,vt.call(t),X(t.props.onPinchingStop,t.getCallbackProps()))},t.handleTouchStart=function(n){var o=t.stateProvider,a=o.wrapperComponent,r=o.contentComponent,s=o.scale,l=o.options,d=l.disabled,c=l.minScale,u=n.touches;if(!(d||!a||!r||s<c)){if(I.call(t),u&&u.length===1)return t.handleStartPanning(n);if(u&&u.length===2)return t.handlePinchStart(n)}},t.handleTouch=function(n){var o=t.stateProvider,a=o.pan,r=o.pinch,s=o.options;if(!s.disabled){if(!a.disabled&&n.touches.length===1)return t.handlePanning(n);if(!r.disabled&&n.touches.length===2)return t.handlePinch(n)}},t.handleTouchStop=function(){t.handleStopPanning(),t.handlePinchStop()},t.zoomIn=function(n){var o=t.stateProvider,a=o.zoomIn,r=a.disabled,s=a.step,l=o.options,d=t.state,c=d.wrapperComponent,u=d.contentComponent;if(!n)throw Error("Zoom in function requires event prop");r||l.disabled||!c||!u||gt.call(t,1,s)},t.zoomOut=function(n){var o=t.stateProvider,a=o.zoomOut,r=a.disabled,s=a.step,l=o.options,d=t.state,c=d.wrapperComponent,u=d.contentComponent;if(!n)throw Error("Zoom out function requires event prop");r||l.disabled||!c||!u||gt.call(t,-1,s)},t.handleDbClick=function(n){var o=t.stateProvider,a=o.options,r=o.doubleClick,s=r.disabled,l=r.step,d=t.state,c=d.wrapperComponent,u=d.contentComponent;if(!n)throw Error("Double click function requires event prop");s||a.disabled||!c||!u||Pe.call(t,n,1,l)},t.setScale=function(n,o,a){o===void 0&&(o=200),a===void 0&&(a="easeOut");var r=t.stateProvider,s=r.positionX,l=r.positionY,d=r.scale,c=r.options.disabled,u=t.state,p=u.wrapperComponent,m=u.contentComponent;if(!(c||!p||!m)){var f={positionX:s,positionY:l,scale:isNaN(n)?d:n};O.call(t,{targetState:f,speed:o,type:a})}},t.setPositionX=function(n,o,a){o===void 0&&(o=200),a===void 0&&(a="easeOut");var r=t.stateProvider,s=r.positionX,l=r.positionY,d=r.scale,c=r.options,u=c.disabled,p=c.transformEnabled,m=t.state,f=m.wrapperComponent,v=m.contentComponent;if(!(u||!p||!f||!v)){var h={positionX:isNaN(n)?s:n,positionY:l,scale:d};O.call(t,{targetState:h,speed:o,type:a})}},t.setPositionY=function(n,o,a){o===void 0&&(o=200),a===void 0&&(a="easeOut");var r=t.stateProvider,s=r.positionX,l=r.scale,d=r.positionY,c=r.options,u=c.disabled,p=c.transformEnabled,m=t.state,f=m.wrapperComponent,v=m.contentComponent;if(!(u||!p||!f||!v)){var h={positionX:s,positionY:isNaN(n)?d:n,scale:l};O.call(t,{targetState:h,speed:o,type:a})}},t.setTransform=function(n,o,a,r,s){r===void 0&&(r=200),s===void 0&&(s="easeOut");var l=t.stateProvider,d=l.positionX,c=l.positionY,u=l.scale,p=l.options,m=p.disabled,f=p.transformEnabled,v=t.state,h=v.wrapperComponent,g=v.contentComponent;if(!(m||!f||!h||!g)){var P={positionX:isNaN(n)?d:n,positionY:isNaN(o)?c:o,scale:isNaN(a)?u:a};O.call(t,{targetState:P,speed:r,type:s})}},t.resetTransform=function(){var n=t.stateProvider.options,o=n.disabled,a=n.transformEnabled;o||!a||Pt.call(t)},t.setDefaultState=function(){t.animation=null,t.stateProvider=x(x(x({},t.stateProvider),{scale:_.scale,positionX:_.positionX,positionY:_.positionY}),t.props.defaultValues),t.forceUpdate()},t.setWrapperComponent=function(n){t.setState({wrapperComponent:n})},t.setContentComponent=function(n){t.setState({contentComponent:n},function(){var o=t.stateProvider,a=o.wrapperComponent,r=o.options,s=r.centerContent,l=r.limitToBounds,d=r.limitToWrapper,c=o.scale,u=t.props.defaultValues,p=u.positionX,m=u.positionY;if(l&&!d||s&&!p&&!m){var f="translate(25%, 25%) scale("+c+")";n.style.transform=f,n.style.WebkitTransform=f,t.forceUpdate();var v=new Date().getTime(),h=2e3,g=setInterval(function(){if(a.offsetWidth){var P=E.call(t,c,!1);t.stateProvider.positionX=P.minPositionX,t.stateProvider.positionY=P.minPositionY,t.applyTransformation(null,null,null),clearInterval(g),g=null}else new Date().getTime()-v>h&&(clearInterval(g),g=null)},20)}else t.applyTransformation(null,null,null)})},t.applyTransformation=function(n,o,a){if(!!t.mounted){var r=t.state.contentComponent,s=t.props.onZoomChange,l=t.stateProvider,d=l.previousScale,c=l.scale,u=l.positionX,p=l.positionY;if(!r)return console.error("There is no content component");var m="translate("+(o||u)+"px, "+(a||p)+"px) scale("+(n||c)+")";r.style.transform=m,r.style.WebkitTransform=m,t.forceUpdate(),s&&d!==c&&X(s,t.getCallbackProps())}},t.getCallbackProps=function(){return Ct(t.stateProvider)},t}return i.prototype.componentDidMount=function(){var t=it(!1);window.addEventListener("mousedown",this.handleStartPanning,t),window.addEventListener("mousemove",this.handlePanning,t),window.addEventListener("mouseup",this.handleStopPanning,t)},i.prototype.componentWillUnmount=function(){var t=it(!1);window.removeEventListener("mousedown",this.handleStartPanning,t),window.removeEventListener("mousemove",this.handlePanning,t),window.removeEventListener("mouseup",this.handleStopPanning,t),I.call(this)},i.prototype.componentDidUpdate=function(t,n){var o=this.state,a=o.wrapperComponent,r=o.contentComponent,s=this.props.dynamicValues;if(!n.contentComponent&&r&&(this.stateProvider.contentComponent=r),!n.wrapperComponent&&a&&a!==void 0){this.stateProvider.wrapperComponent=a,this.windowToWrapperScaleX=Gt(a),this.windowToWrapperScaleY=$t(a);var l=it(!1);a.addEventListener("wheel",this.handleWheel,l),a.addEventListener("dblclick",this.handleDbClick,l),a.addEventListener("touchstart",this.handleTouchStart,l),a.addEventListener("touchmove",this.handleTouch,l),a.addEventListener("touchend",this.handleTouchStop,l)}(a&&r||t.dynamicValues!==s)&&(this.maxBounds=E.call(this,this.stateProvider.scale,this.stateProvider.options.limitToWrapper)),t.dynamicValues&&t.dynamicValues!==s&&(this.animation=null,this.stateProvider=x(x({},this.stateProvider),mt(this.stateProvider,s)),this.applyTransformation(null,null,null))},i.prototype.render=function(){var t=this.state,n=t.wrapperComponent,o=t.contentComponent,a={loaded:Boolean(n&&o),state:this.getCallbackProps(),dispatch:{setScale:this.setScale,setPositionX:this.setPositionX,setPositionY:this.setPositionY,zoomIn:this.zoomIn,zoomOut:this.zoomOut,setTransform:this.setTransform,resetTransform:this.resetTransform,setDefaultState:this.setDefaultState},nodes:{setWrapperComponent:this.setWrapperComponent,setContentComponent:this.setContentComponent}},r=this.props.children,s=typeof r=="function"?r(x(x({},a.state),a.dispatch)):r;return b(St.Provider,{value:a,children:s})},i}(C.Component),Ie=function(e){var i=e.children,t=e.defaultPositionX,n=e.defaultPositionY,o=e.defaultScale,a=e.onWheelStart,r=e.onWheel,s=e.onWheelStop,l=e.onPanningStart,d=e.onPanning,c=e.onPanningStop,u=e.onPinchingStart,p=e.onPinching,m=e.onPinchingStop,f=e.onZoomChange,v=Qt(e,["children","defaultPositionX","defaultPositionY","defaultScale","onWheelStart","onWheel","onWheelStop","onPanningStart","onPanning","onPanningStop","onPinchingStart","onPinching","onPinchingStop","onZoomChange"]),h=x({},v);return h.options&&h.options.limitToWrapper&&(h.options.limitToBounds=!0),b(De,{defaultValues:pt({positionX:t,positionY:n,scale:o}),dynamicValues:pt(Ct(h)),onWheelStart:a,onWheel:r,onWheelStop:s,onPanningStart:l,onPanning:d,onPanningStop:c,onPinchingStart:u,onPinching:p,onPinchingStop:m,onZoomChange:f,children:i})};function Ee(e,i){i===void 0&&(i={});var t=i.insertAt;if(!(!e||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",t==="top"&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var je=`.TransformComponent-module_container__3NwNd {
|
|
13
13
|
position: relative;
|
|
14
|
-
width: -moz-fit-content;
|
|
15
14
|
width: fit-content;
|
|
16
|
-
height: -moz-fit-content;
|
|
17
15
|
height: fit-content;
|
|
18
16
|
overflow: hidden;
|
|
19
17
|
-webkit-touch-callout: none; /* iOS Safari */
|
|
@@ -25,21 +23,19 @@ object-assign
|
|
|
25
23
|
margin: 0;
|
|
26
24
|
padding: 0;
|
|
27
25
|
}
|
|
28
|
-
.
|
|
26
|
+
.TransformComponent-module_content__TZU5O {
|
|
29
27
|
display: flex;
|
|
30
28
|
flex-wrap: wrap;
|
|
31
|
-
width: -moz-fit-content;
|
|
32
29
|
width: fit-content;
|
|
33
|
-
height: -moz-fit-content;
|
|
34
30
|
height: fit-content;
|
|
35
31
|
margin: 0;
|
|
36
32
|
padding: 0;
|
|
37
33
|
transform-origin: 0% 0%;
|
|
38
34
|
}
|
|
39
|
-
.
|
|
35
|
+
.TransformComponent-module_content__TZU5O img {
|
|
40
36
|
pointer-events: none;
|
|
41
37
|
}
|
|
42
|
-
`,
|
|
38
|
+
`,Tt={container:"TransformComponent-module_container__3NwNd",content:"TransformComponent-module_content__TZU5O"};Ee(je);var xt=function(e){dt(i,e);function i(){var t=e!==null&&e.apply(this,arguments)||this;return t.wrapperRef=S.default.createRef(),t.contentRef=S.default.createRef(),t}return i.prototype.componentDidMount=function(){var t=this.context.nodes;t.setWrapperComponent(this.wrapperRef.current),t.setContentComponent(this.contentRef.current)},i.prototype.render=function(){var t=this.props.children,n=this.context.state,o=n.positionX,a=n.positionY,r=n.scale,s=n.options,l=s.wrapperClass,d=s.contentClass,c={WebkitTransform:"translate("+o+"px, "+a+"px) scale("+r+")",transform:"translate("+o+"px, "+a+"px) scale("+r+")"};return b("div",{ref:this.wrapperRef,className:"react-transform-component "+Tt.container+" "+l,children:b("div",{ref:this.contentRef,className:"react-transform-element "+Tt.content+" "+d,style:c,children:t})})},i}(S.default.Component);xt.contextType=St;const Yt=`
|
|
43
39
|
.lds-dual-ring {
|
|
44
40
|
display: inline-block;
|
|
45
41
|
width: 40px;
|
|
@@ -64,4 +60,4 @@ object-assign
|
|
|
64
60
|
transform: rotate(360deg);
|
|
65
61
|
}
|
|
66
62
|
}
|
|
67
|
-
`;function
|
|
63
|
+
`;function Xt(){const e=document.querySelector("#react-pic-style");if(e)e.innerHTML=e.innerHTML+Yt;else{const i=document.createElement("style");i.id="react-pic-style",i.innerHTML=Yt,document.body.appendChild(i)}return b("div",{className:"lds-dual-ring"})}let Y={};Y.lightbox={position:"fixed",top:0,left:0,width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.454)",backdropFilter:"blur(6px)",zIndex:9999999,display:"grid",gridTemplateRows:"60px | auto | 300px",justifyContent:"center",alignContent:"center"},Y.topCustomContent={position:"absolute",top:0},Y.bottomCustomContent={position:"absolute",bottom:0},Y.LbButton={float:"right",textDecoration:"none",color:"white",padding:"5px",border:"1px solid white",borderRadius:"5px"},Y.ABtn={float:"right",textDecoration:"none",color:"white"},Y.DescriptionDiv={background:"white",padding:"10px",color:"#666",textAlign:"center",position:"relative",zIndex:-1},Y.Wrapper={display:"flex",width:"100%",minWidth:200,height:"100%"},Y.Grid={display:"grid",gridTemplateRows:"1fr",gap:"2px",width:"100%",height:"auto"};const _t=e=>{var o,a,r,s,l;const[i,t]=S.default.useState(""),n=((o=e.options)==null?void 0:o.customLoadComponent)!==void 0?e.options.customLoadComponent:Xt;return S.default.useEffect(()=>{var c,u;const d=((c=e.imgObj)==null?void 0:c.fullSrc)?e.imgObj.fullSrc:((u=e.imgObj)==null?void 0:u.thumbnailSrc)?e.imgObj.thumbnailSrc:null;d&&fetch(d).then(p=>p.blob()).then(p=>{t(URL.createObjectURL(p))}),document.body.style.overflow="hidden"},[e.imgObj]),Q("div",{className:"reactPic-lightbox",style:Y.lightbox,onClick:d=>{document.body.style.overflow="",d.target.className==="reactPic-lightbox"&&e.onClose()},children:[b("div",{style:Y.topCustomContent,className:"reactPic-topCustomContent",children:(a=e.topCustomContent)==null?void 0:a.call(e,{closeLightbox:e.onClose,imgObject:e.imgObj})}),i===""?b("div",{style:{display:"block",margin:"auto"},children:b(n,{})}):Q("div",{children:[b(Ie,{children:b(xt,{children:b("img",{src:i,alt:"",id:"lightboxImg",style:{maxWidth:"80vw",maxHeight:"calc(80vh - 20px)",margin:"auto",zIndex:99999999999}})})}),e.onClickPrevious&&b("div",{className:"react-lightbox-prevBtn",style:{position:"absolute",left:20,top:"50%",fontSize:50,cursor:"pointer",color:"white",display:((r=e.options)==null?void 0:r.hidePagination)?"none":"inherit"},onClick:e.onClickPrevious,children:"\u2039"}),e.onClickNext&&b("div",{className:"react-lightbox-nextBtn",style:{position:"absolute",right:20,top:"50%",fontSize:50,cursor:"pointer",color:"white",display:((s=e.options)==null?void 0:s.hidePagination)?"none":"inherit"},onClick:e.onClickNext,children:"\u203A"})]}),b("div",{style:Y.bottomCustomContent,className:"reactPic-bottomCustomContent",children:(l=e.bottomCustomContent)==null?void 0:l.call(e,{closeLightbox:e.onClose,imgObject:e.imgObj})})]})},Ne=e=>{var o;const[i,t]=S.default.useState(""),n=((o=e.options)==null?void 0:o.customLoadComponent)!==void 0?e.options.customLoadComponent:Xt;return S.default.useEffect(()=>{const a=new AbortController;return e.imgSrc&&fetch(e.imgSrc).then(r=>r.blob()).then(r=>{t(URL.createObjectURL(r))}),()=>{a.abort()}},[e.imgSrc]),i?b("img",{src:i,alt:"",style:R({},e.style),onClick:()=>{e.onClick()}}):b("div",{style:{height:"100%",width:"100%",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"center",background:"rgba(0, 0, 0, 0.157)",border:"1px solid rgba(0, 0, 0,0.3)"},children:b(n,{})})};function Ae(e){var i;return b("div",{className:"reactPic-grid",style:Lt(R({},Y.Grid),{gridTemplateColumns:`repeat(${((i=e.options)==null?void 0:i.picsPerRow)?e.options.picsPerRow:"3"}, 1fr)`}),children:e.imgList.map((t,n)=>{var o;return b("div",{className:"reactPic-imgDiv",style:{overflow:"hidden",width:"100%",height:"100%",minHeight:"150px"},children:b("div",{className:"reactPic-innerImgDiv",style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden !important",width:"100%",height:((o=e.options)==null?void 0:o.rowHeight)?e.options.rowHeight:"150px",cursor:"pointer"},children:b(Ne,{options:e.options,imgSrc:t.thumbnailSrc?t.thumbnailSrc:t.fullSrc,style:{flexShrink:0,minWidth:"100%",minHeight:"100%"},onClick:()=>e.onOpen(n)})})},t.thumbnailSrc?t.thumbnailSrc:t.fullSrc)})})}var Le=S.default.memo(Ae);const Me={downloadBtnDisplay:!0,descriptionBoxDisplay:!0,navigation:!0};function ze(e){var s;const[i,t]=C.useState(!1),[n,o]=C.useState(0),a=R(R({},Me),e.options);C.useEffect(()=>{typeof e.setExtLightboxChildren=="function"&&(i?e.setExtLightboxChildren(b(_t,{imgObj:e.imgList[n],options:a,onClose:()=>{t(!1)}})):e.setExtLightboxChildren(void 0))},[i]);const r=C.useCallback(l=>{o(l),t(!0)},[]);return Q("div",{className:"reactPic-wrapper",style:Y.Wrapper,children:[i&&!((s=e.options)==null?void 0:s.externalLightbox)?b(_t,{imgObj:e.imgList[n],topCustomContent:e.topCustomContent,bottomCustomContent:e.bottomCustomContent,options:a,onClose:()=>t(!1),onClickPrevious:n-1>=0?()=>o(n-1):void 0,onClickNext:n+1<e.imgList.length?()=>o(n+1):void 0}):null,b(Le,{options:e.options,imgList:e.imgList,onOpen:r})]})}return ze});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-pic-gallery",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.6",
|
|
4
4
|
"author": "marcelrsoub",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "marcelrsoub/react-pic-gallery",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"github-pages": "gh-pages -d build"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"react-zoom-pan-pinch": "
|
|
25
|
+
"react-zoom-pan-pinch": "1.6.1"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"react": "^17.0.2",
|
|
@@ -33,5 +33,9 @@
|
|
|
33
33
|
"@vitejs/plugin-react": "^1.0.7",
|
|
34
34
|
"typescript": "^4.4.4",
|
|
35
35
|
"vite": "^2.7.0"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
38
|
+
"react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
|
|
39
|
+
"react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
|
|
36
40
|
}
|
|
37
41
|
}
|