react-pic-gallery 1.5.8 → 1.5.9
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/README.md +9 -7
- package/dist/react-pic-gallery.es.js +8 -9
- package/dist/react-pic-gallery.umd.js +4 -4
- package/package.json +49 -47
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ React library for a simple image gallery with lightbox implemented.
|
|
|
11
11
|
- 📱 Responsive
|
|
12
12
|
- 🚵 Lazy load on pictures
|
|
13
13
|
- ✏ Buttons and CSS customization classes are accessible
|
|
14
|
-
- 💡 Lightbox implemented
|
|
14
|
+
- 💡 Lightbox implemented with pinch zoom by [react-zoom-pan-pinch](https://www.npmjs.com/package/react-zoom-pan-pinch)
|
|
15
15
|
|
|
16
16
|
## Demo
|
|
17
17
|
|
|
@@ -35,11 +35,11 @@ yarn add react-pic-gallery
|
|
|
35
35
|
|
|
36
36
|
A list of objects containing a thumbnail source and the full source is the only needed parameter.
|
|
37
37
|
|
|
38
|
-
```
|
|
38
|
+
```jsx
|
|
39
39
|
import React from 'react'
|
|
40
|
-
import PicGallery
|
|
40
|
+
import PicGallery from 'react-pic-gallery'
|
|
41
41
|
|
|
42
|
-
const listOfImages
|
|
42
|
+
const listOfImages = [
|
|
43
43
|
{
|
|
44
44
|
thumbnailSrc: 'https://picsum.photos/id/237/200/300',
|
|
45
45
|
fullSrc: 'https://picsum.photos/id/237/800/600'
|
|
@@ -67,9 +67,9 @@ The options interface can be imported from the library and the object can be pas
|
|
|
67
67
|
|
|
68
68
|
```tsx
|
|
69
69
|
import React from 'react'
|
|
70
|
-
import PicGallery
|
|
70
|
+
import PicGallery from 'react-pic-gallery'
|
|
71
71
|
|
|
72
|
-
const listOfImages
|
|
72
|
+
const listOfImages = [
|
|
73
73
|
{
|
|
74
74
|
thumbnailSrc: 'https://picsum.photos/id/237/200/300',
|
|
75
75
|
fullSrc: 'https://picsum.photos/id/237/800/600',
|
|
@@ -81,10 +81,12 @@ const listOfImages: imageObject[] = [
|
|
|
81
81
|
}
|
|
82
82
|
]
|
|
83
83
|
|
|
84
|
-
const options
|
|
84
|
+
const options = {
|
|
85
85
|
// customLoadComponent: () => <h3>Loading</h3>
|
|
86
86
|
// hidePagination: false,
|
|
87
87
|
// externalLightbox: true,
|
|
88
|
+
// rowHeight: '100px',
|
|
89
|
+
// picsPerRow:3
|
|
88
90
|
}
|
|
89
91
|
|
|
90
92
|
const App = () => {
|
|
@@ -1925,6 +1925,7 @@ const ImgLightbox = (props) => {
|
|
|
1925
1925
|
};
|
|
1926
1926
|
function ImgGallery(props) {
|
|
1927
1927
|
var _a;
|
|
1928
|
+
const onOpen = useCallback((index) => () => props.onOpen(index), []);
|
|
1928
1929
|
return /* @__PURE__ */ jsx("div", {
|
|
1929
1930
|
className: "reactPic-grid",
|
|
1930
1931
|
style: __spreadProps(__spreadValues({}, styles.Grid), {
|
|
@@ -1959,7 +1960,7 @@ function ImgGallery(props) {
|
|
|
1959
1960
|
minWidth: "100%",
|
|
1960
1961
|
minHeight: "100%"
|
|
1961
1962
|
},
|
|
1962
|
-
onClick:
|
|
1963
|
+
onClick: onOpen(index)
|
|
1963
1964
|
})
|
|
1964
1965
|
})
|
|
1965
1966
|
}, element.thumbnailSrc ? element.thumbnailSrc : element.fullSrc);
|
|
@@ -1995,11 +1996,12 @@ function PicGallery(props) {
|
|
|
1995
1996
|
}
|
|
1996
1997
|
}, [open]);
|
|
1997
1998
|
const onOpen = useCallback((count) => {
|
|
1998
|
-
setOpen(true);
|
|
1999
1999
|
setModalImgIndex(count);
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2000
|
+
setOpen(true);
|
|
2001
|
+
}, []);
|
|
2002
|
+
const onClose = useCallback(() => {
|
|
2003
|
+
setOpen(false);
|
|
2004
|
+
}, []);
|
|
2003
2005
|
return /* @__PURE__ */ jsxs("div", {
|
|
2004
2006
|
className: "reactPic-wrapper",
|
|
2005
2007
|
style: styles.Wrapper,
|
|
@@ -2010,10 +2012,7 @@ function PicGallery(props) {
|
|
|
2010
2012
|
topCustomContent: props.topCustomContent,
|
|
2011
2013
|
bottomCustomContent: props.bottomCustomContent,
|
|
2012
2014
|
options,
|
|
2013
|
-
onClose
|
|
2014
|
-
console.log("close");
|
|
2015
|
-
setOpen(false);
|
|
2016
|
-
}
|
|
2015
|
+
onClose
|
|
2017
2016
|
}) : null, /* @__PURE__ */ jsx(ImgGallery$1, {
|
|
2018
2017
|
options: props.options,
|
|
2019
2018
|
imgList: props.imgList,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var An=Object.defineProperty,On=Object.defineProperties;var zn=Object.getOwnPropertyDescriptors;var
|
|
1
|
+
var An=Object.defineProperty,On=Object.defineProperties;var zn=Object.getOwnPropertyDescriptors;var Mi=Object.getOwnPropertySymbols;var En=Object.prototype.hasOwnProperty,Dn=Object.prototype.propertyIsEnumerable;var Hi=(p,y,b)=>y in p?An(p,y,{enumerable:!0,configurable:!0,writable:!0,value:b}):p[y]=b,k=(p,y)=>{for(var b in y||(y={}))En.call(y,b)&&Hi(p,b,y[b]);if(Mi)for(var b of Mi(y))Dn.call(y,b)&&Hi(p,b,y[b]);return p},Zi=(p,y)=>On(p,zn(y));(function(p,y){typeof exports=="object"&&typeof module!="undefined"?module.exports=y(require("react")):typeof define=="function"&&define.amd?define(["react"],y):(p=typeof globalThis!="undefined"?globalThis:p||self,p["react-pic-gallery"]=y(p.React))})(this,function(p){"use strict";function y(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var b=y(p),U={exports:{}},B={};/*
|
|
2
2
|
object-assign
|
|
3
3
|
(c) Sindre Sorhus
|
|
4
4
|
@license MIT
|
|
@@ -9,7 +9,7 @@ object-assign
|
|
|
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 Ui=b.default,ri=60103;if(M.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var oi=Symbol.for;ri=oi("react.element"),M.Fragment=oi("react.fragment")}var qi=Ui.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ri=Object.prototype.hasOwnProperty,Gi={key:!0,ref:!0,__self:!0,__source:!0};function ai(i,t,e){var n,r={},o=null,a=null;e!==void 0&&(o=""+e),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(a=t.ref);for(n in t)Ri.call(t,n)&&!Gi.hasOwnProperty(n)&&(r[n]=t[n]);if(i&&i.defaultProps)for(n in t=i.defaultProps,t)r[n]===void 0&&(r[n]=t[n]);return{$$typeof:ri,type:i,key:o,ref:a,props:r,_owner:qi.current}}M.jsx=ai,M.jsxs=ai,U.exports=M;const g=U.exports.jsx,q=U.exports.jsxs;var R=function(i,t){return R=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])},R(i,t)};function $i(i,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");R(i,t);function e(){this.constructor=i}i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}var _=function(){return _=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},_.apply(this,arguments)};function si(i,t,e){if(e||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++)(o||!(n in t))&&(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return i.concat(o||t)}var Y=function(i,t){return Number(i.toFixed(t))},xi=function(i,t){return typeof i=="number"?i:t},C=function(i,t,e){e&&typeof e=="function"&&e(i,t)},Ji=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},te=function(i){return i*i*i},re=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},se=function(i){return 1- --i*i*i*i},le=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},li={easeOut:Ji,linear:Ii,easeInQuad:ie,easeOutQuad:ee,easeInOutQuad:ne,easeInCubic:te,easeOutCubic:re,easeInOutCubic:oe,easeInQuart:ae,easeOutQuart:se,easeInOutQuart:le,easeInQuint:ue,easeOutQuint:de,easeInOutQuint:fe},ui=function(i){typeof i=="number"&&cancelAnimationFrame(i)},A=function(i){!i.mounted||(ui(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function di(i,t,e,n){if(!!i.mounted){var r=new Date().getTime(),o=1;A(i),i.animation=function(){if(!i.mounted)return ui(i.animation);var a=new Date().getTime()-r,s=a/e,l=li[t],d=l(s);a>=e?(n(o),i.animation=null):i.animation&&(n(d),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function z(i,t,e,n){var r=me(t);if(!(!i.mounted||!r)){var o=i.setTransformState,a=i.transformState,s=a.scale,l=a.positionX,d=a.positionY,u=t.scale-s,f=t.positionX-l,m=t.positionY-d;e===0?o(t.scale,t.positionX,t.positionY):di(i,n,e,function(v){var c=s+u*v,h=l+f*v,S=d+m*v;o(c,h,S)})}}function me(i){var t=i.scale,e=i.positionX,n=i.positionY;return!(isNaN(t)||isNaN(e)||isNaN(n))}function ve(i,t,e){var n=i.offsetWidth,r=i.offsetHeight,o=t.offsetWidth,a=t.offsetHeight,s=o*e,l=a*e,d=n-s,u=r-l;return{wrapperWidth:n,wrapperHeight:r,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:u}}var pe=function(i,t,e,n,r,o,a){var s=i>t?e*(a?1:.5):0,l=n>r?o*(a?1:.5):0,d=i-t-s,u=s,f=n-r-l,m=l;return{minPositionX:d,maxPositionX:u,minPositionY:f,maxPositionY:m}},G=function(i,t){var e=i.wrapperComponent,n=i.contentComponent,r=i.setup.centerZoomedOut;if(!e||!n)throw new Error("Components are not mounted");var o=ve(e,n,t),a=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,d=o.newDiffWidth,u=o.newContentHeight,f=o.newDiffHeight,m=pe(a,l,d,s,u,f,Boolean(r));return m},L=function(i,t){var e=G(i,t);return i.bounds=e,e};function K(i,t,e,n,r,o,a){var s=e.minPositionX,l=e.minPositionY,d=e.maxPositionX,u=e.maxPositionY,f=0,m=0;a&&(f=r,m=o);var v=$(i,s-f,d+f,n),c=$(t,l-m,u+m,n);return{x:v,y:c}}var $=function(i,t,e,n){return n?i<t?Y(t,2):i>e?Y(e,2):Y(i,2):Y(i,2)};function V(i,t,e,n,r,o){var a=i.transformState,s=a.scale,l=a.positionX,d=a.positionY,u=n-s;if(typeof t!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:d};var f=l-t*u,m=d-e*u,v=K(f,m,r,o,0,0,null);return v}function k(i,t,e,n,r){var o=r?n:0,a=t-o;return!isNaN(e)&&i>=e?e:!isNaN(t)&&i<=a?a:i}var fi=function(i,t){var e=i.setup.panning.excluded,n=i.isInitialized,r=i.wrapperComponent,o=t.target,a=r==null?void 0:r.contains(o),s=n&&o&&a;if(!s)return!1;var l=F(o,e);return!l},mi=function(i){var t=i.isInitialized,e=i.isPanning,n=i.setup,r=n.panning.disabled,o=t&&e&&!r;return!!o},ce=function(i,t){var e=i.transformState,n=e.positionX,r=e.positionY;i.isPanning=!0;var o=t.clientX,a=t.clientY;i.startCoords={x:o-n,y:a-r}},he=function(i,t){var e=t.touches,n=i.transformState,r=n.positionX,o=n.positionY;i.isPanning=!0;var a=e.length===1;if(a){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-r,y:l-o}}};function ge(i){var t=i.transformState,e=t.positionX,n=t.positionY,r=t.scale,o=i.setup,a=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,d=i.wrapperComponent;if(!(a||!d||!i.bounds)){var u=i.bounds,f=u.maxPositionX,m=u.minPositionX,v=u.maxPositionY,c=u.minPositionY,h=e>f||e<m,S=n>v||n<c,P=e>f?d.offsetWidth:i.setup.minPositionX||0,O=n>v?d.offsetHeight:i.setup.minPositionY||0,X=V(i,P,O,r,i.bounds,s||l),E=X.x,D=X.y;return{scale:r,positionX:h?E:e,positionY:S?D:n}}}function Se(i,t,e,n,r){var o=i.setup.limitToBounds,a=i.wrapperComponent,s=i.bounds,l=i.transformState,d=l.scale,u=l.positionX,f=l.positionY,m=t!==u,v=e!==f,c=!m||!v;if(!(!a||c||!s)){var h=K(t,e,s,o,n,r,a),S=h.x,P=h.y;i.setTransformState(d,S,P)}}var we=function(i,t,e){var n=i.startCoords,r=i.transformState,o=i.setup.panning,a=o.lockAxisX,s=o.lockAxisY,l=r.positionX,d=r.positionY;if(!n)return{x:l,y:d};var u=t-n.x,f=e-n.y,m=a?l:u,v=s?d:f;return{x:m,y:v}},Q=function(i,t){var e=i.setup,n=i.transformState,r=n.scale,o=e.minScale;return t>0&&r>=o?t:0},ye=function(i){var t=i.mounted,e=i.setup,n=e.disabled,r=e.velocityAnimation,o=i.transformState.scale,a=r.disabled,s=!a||o>1||!n||t;return!!s},be=function(i){var t=i.mounted,e=i.velocity,n=i.bounds,r=i.setup,o=r.disabled,a=r.velocityAnimation,s=i.transformState.scale,l=a.disabled,d=!l||s>1||!o||t;return!(!d||!e||!n)};function Ce(i,t){var e=i.setup.velocityAnimation,n=e.equalToMove,r=e.animationTime,o=e.sensitivity;return n?r*t*o:r}function vi(i,t,e,n,r,o,a,s,l,d){if(r){if(t>a&&e>a){var u=a+(i-a)*d;return u>l?l:u<a?a:u}if(t<o&&e<o){var u=o+(i-o)*d;return u<s?s:u>o?o:u}}return n?t:$(i,o,a,r)}function Pe(i,t){var e=1;return t?Math.min(e,i.offsetWidth/window.innerWidth):e}function Te(i,t){var e=ye(i);if(!!e){var n=i.lastMousePosition,r=i.velocityTime,o=i.setup,a=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(n&&r&&a){var d=Pe(a,s),u=t.x-n.x,f=t.y-n.y,m=u/d,v=f/d,c=l-r,h=u*u+f*f,S=Math.sqrt(h)/c;i.velocity={velocityX:m,velocityY:v,total:S}}i.lastMousePosition=t,i.velocityTime=l}}function Ye(i){var t=i.velocity,e=i.bounds,n=i.setup,r=i.wrapperComponent,o=be(i);if(!(!o||!t||!e||!r)){var a=t.velocityX,s=t.velocityY,l=t.total,d=e.maxPositionX,u=e.minPositionX,f=e.maxPositionY,m=e.minPositionY,v=n.limitToBounds,c=n.alignmentAnimation,h=n.zoomAnimation,S=n.panning,P=S.lockAxisY,O=S.lockAxisX,X=h.animationType,E=c.sizeX,D=c.sizeY,N=c.velocityAlignmentTime,j=N,Z=Ce(i,l),vn=Math.max(Z,j),pn=Q(i,E),cn=Q(i,D),Di=pn*r.offsetWidth/100,Ni=cn*r.offsetHeight/100,hn=d+Di,gn=u-Di,Sn=f+Ni,wn=m-Ni,Li=i.transformState,yn=new Date().getTime();di(i,X,vn,function(bn){var ii=i.transformState,Cn=ii.scale,ei=ii.positionX,ni=ii.positionY,Pn=new Date().getTime()-yn,Tn=Pn/j,Yn=li[c.animationType],Wi=1-Yn(Math.min(1,Tn)),ji=1-bn,Bi=ei+a*ji,Mi=ni+s*ji,Xn=vi(Bi,Li.positionX,ei,O,v,u,d,gn,hn,Wi),_n=vi(Mi,Li.positionY,ni,P,v,m,f,wn,Sn,Wi);(ei!==Bi||ni!==Mi)&&i.setTransformState(Cn,Xn,_n)})}}function pi(i,t){var e=i.transformState.scale;A(i),L(i,e),t.touches?he(i,t):ce(i,t)}function ci(i,t,e){var n=i.startCoords,r=i.setup,o=r.alignmentAnimation,a=o.sizeX,s=o.sizeY;if(!!n){var l=we(i,t,e),d=l.x,u=l.y,f=Q(i,a),m=Q(i,s);Te(i,{x:d,y:u}),Se(i,d,u,f,m)}}function Xe(i){if(i.isPanning){var t=i.setup.panning.velocityDisabled,e=i.velocity,n=i.wrapperComponent,r=i.contentComponent;i.isPanning=!1,i.animate=!1,i.animation=null;var o=n==null?void 0:n.getBoundingClientRect(),a=r==null?void 0:r.getBoundingClientRect(),s=(o==null?void 0:o.width)||0,l=(o==null?void 0:o.height)||0,d=(a==null?void 0:a.width)||0,u=(a==null?void 0:a.height)||0,f=s<d||l<u,m=!t&&e&&(e==null?void 0:e.total)>.1&&f;m?Ye(i):hi(i)}}function hi(i){var t=i.transformState.scale,e=i.setup,n=e.minScale,r=e.alignmentAnimation,o=r.disabled,a=r.sizeX,s=r.sizeY,l=r.animationTime,d=r.animationType,u=o||t<n||!a&&!s;if(!u){var f=ge(i);f&&z(i,f,l,d)}}function gi(i,t,e){var n=i.transformState.scale,r=i.wrapperComponent,o=i.setup,a=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,d=l.disabled,u=l.animationTime,f=l.animationType,m=d||n>=a;if((n>=1||s)&&hi(i),!(m||!r||!i.mounted)){var v=t||r.offsetWidth/2,c=e||r.offsetHeight/2,h=x(i,a,v,c);h&&z(i,h,u,f)}}function x(i,t,e,n){var r=i.setup,o=r.minScale,a=r.maxScale,s=r.limitToBounds,l=k(Y(t,2),o,a,0,!1),d=L(i,l),u=V(i,e,n,l,d,s),f=u.x,m=u.y;return{scale:l,positionX:f,positionY:m}}var W={previousScale:1,scale:1,positionX:0,positionY:0},_e=_(_({},W),{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 t,e,n,r;return{previousScale:(t=i.initialScale)!==null&&t!==void 0?t:W.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:W.scale,positionX:(n=i.initialPositionX)!==null&&n!==void 0?n:W.positionX,positionY:(r=i.initialPositionY)!==null&&r!==void 0?r:W.positionY}},wi=function(i){var t=_({},H);return Object.keys(i).forEach(function(e){var n=typeof i[e]!="undefined",r=typeof H[e]!="undefined";if(r&&n){var o=Object.prototype.toString.call(H[e]),a=o==="[object Object]",s=o==="[object Array]";a?t[e]=_(_({},H[e]),i[e]):s?t[e]=si(si([],H[e]),i[e]):t[e]=i[e]}}),t},yi=function(i,t,e){var n=i.transformState.scale,r=i.wrapperComponent,o=i.setup,a=o.maxScale,s=o.minScale,l=o.zoomAnimation,d=l.size;if(!r)throw new Error("Wrapper is not mounted");var u=n*Math.exp(t*e),f=k(Y(u,3),s,a,d,!1);return f};function bi(i,t,e,n,r){var o=i.wrapperComponent,a=i.transformState,s=a.scale,l=a.positionX,d=a.positionY;if(!o)return console.error("No WrapperComponent found");var u=o.offsetWidth,f=o.offsetHeight,m=(u/2-l)/s,v=(f/2-d)/s,c=yi(i,t,e),h=x(i,c,m,v);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");z(i,h,n,r)}function Ci(i,t,e){var n=i.setup,r=i.wrapperComponent,o=n.limitToBounds,a=Si(i.props),s=i.transformState,l=s.scale,d=s.positionX,u=s.positionY;if(!!r){var f=G(i,a.scale),m=K(a.positionX,a.positionY,f,o,0,0,r),v={scale:a.scale,positionX:m.x,positionY:m.y};l===a.scale&&d===a.positionX&&u===a.positionY||z(i,v,t,e)}}function Ae(i,t,e){var n=i.wrapperComponent,r=i.setup,o=r.limitToBounds,a=r.minScale,s=r.maxScale;if(!n)return W;var l=n.getBoundingClientRect(),d=Oe(t),u=d.x,f=d.y,m=t.offsetWidth,v=t.offsetHeight,c=n.offsetWidth/m,h=n.offsetHeight/v,S=k(e||Math.min(c,h),a,s,0,!1),P=(l.width-m*S)/2,O=(l.height-v*S)/2,X=(l.left-u)*S+P,E=(l.top-f)*S+O,D=G(i,S),N=K(X,E,D,o,0,0,n),j=N.x,Z=N.y;return{positionX:j,positionY:Z,scale:S}}function Oe(i){for(var t=i,e=0,n=0;t;)e+=t.offsetLeft,n+=t.offsetTop,t=t.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(t,e,n){t===void 0&&(t=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,1,t,e,n)}},De=function(i){return function(t,e,n){t===void 0&&(t=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,-1,t,e,n)}},Ne=function(i){return function(t,e,n,r,o){r===void 0&&(r=300),o===void 0&&(o="easeOut");var a=i.transformState,s=a.positionX,l=a.positionY,d=a.scale,u=i.wrapperComponent,f=i.contentComponent,m=i.setup.disabled;if(!(m||!u||!f)){var v={positionX:isNaN(t)?s:t,positionY:isNaN(e)?l:e,scale:isNaN(n)?d:n};z(i,v,r,o)}}},Le=function(i){return function(t,e){t===void 0&&(t=200),e===void 0&&(e="easeOut"),Ci(i,t,e)}},We=function(i){return function(t,e,n){e===void 0&&(e=200),n===void 0&&(n="easeOut");var r=i.transformState,o=i.wrapperComponent,a=i.contentComponent;if(o&&a){var s=Ti(t||r.scale,o,a);z(i,s,e,n)}}},je=function(i){return function(t,e,n,r){n===void 0&&(n=600),r===void 0&&(r="easeOut"),A(i);var o=i.wrapperComponent,a=typeof t=="string"?document.getElementById(t):t;if(o&&ze(a)&&a&&o.contains(a)){var s=Ae(i,a,e);z(i,s,n,r)}}},w=function(i){return{instance:i,state:i.transformState,zoomIn:Ee(i),zoomOut:De(i),setTransform:Ne(i),resetTransform:Le(i),centerView:We(i),zoomToElement:je(i)}},J=!1;function I(){try{var i={get passive(){return J=!0,!1}};return i}catch{return J=!1,J}}var F=function(i,t){var e=i.tagName.toUpperCase(),n=t.find(function(o){return o.toUpperCase()===e});if(n)return!0;var r=t.find(function(o){return i.classList.contains(o)});return!!r},Pi=function(i){i&&clearTimeout(i)},Be=function(i,t,e){return"translate3d("+i+"px, "+t+"px, 0) scale("+e+")"},Ti=function(i,t,e){var n=e.offsetWidth*i,r=e.offsetHeight*i,o=(t.offsetWidth-n)/2,a=(t.offsetHeight-r)/2;return{scale:i,positionX:o,positionY:a}},Me=function(i,t){var e=i.setup.wheel,n=e.disabled,r=e.wheelDisabled,o=e.touchPadDisabled,a=e.excluded,s=i.isInitialized,l=i.isPanning,d=t.target,u=s&&!l&&!n&&d;if(!u||r&&!t.ctrlKey||o&&t.ctrlKey)return!1;var f=F(d,a);return!f};function ke(i,t){var e=i?i.deltaY<0?1:-1:0,n=xi(t,e);return n}function Yi(i,t,e){var n=t.getBoundingClientRect(),r=0,o=0;if("clientX"in i)r=(i.clientX-n.left)/e,o=(i.clientY-n.top)/e;else{var a=i.touches[0];r=(a.clientX-n.left)/e,o=(a.clientY-n.top)/e}return(isNaN(r)||isNaN(o))&&console.error("No mouse or touch offset found"),{x:r,y:o}}var He=function(i,t,e,n,r){var o=i.transformState.scale,a=i.wrapperComponent,s=i.setup,l=s.maxScale,d=s.minScale,u=s.zoomAnimation,f=u.size,m=u.disabled;if(!a)throw new Error("Wrapper is not mounted");var v=o+t*(o-o*e)*e;if(r)return v;var c=n?!1:!m,h=k(Y(v,3),d,l,f,c);return h},Ze=function(i,t){var e=i.previousWheelEvent,n=i.transformState.scale,r=i.setup,o=r.maxScale,a=r.minScale;return e?n<o||n>a||Math.sign(e.deltaY)!==Math.sign(t.deltaY)||e.deltaY>0&&e.deltaY<t.deltaY||e.deltaY<0&&e.deltaY>t.deltaY||Math.sign(e.deltaY)!==Math.sign(t.deltaY):!1},Ke=function(i,t){var e=i.setup.pinch,n=e.disabled,r=e.excluded,o=i.isInitialized,a=t.target,s=o&&!n&&a;if(!s)return!1;var l=F(a,r);return!l},Ve=function(i){var t=i.setup.pinch.disabled,e=i.isInitialized,n=i.pinchStartDistance,r=e&&!t&&n;return!!r},Qe=function(i,t,e){var n=e.getBoundingClientRect(),r=i.touches,o=Y(r[0].clientX-n.left,5),a=Y(r[0].clientY-n.top,5),s=Y(r[1].clientX-n.left,5),l=Y(r[1].clientY-n.top,5);return{x:(o+s)/2/t,y:(a+l)/2/t}},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))},Fe=function(i,t){var e=i.pinchStartScale,n=i.pinchStartDistance,r=i.setup,o=r.maxScale,a=r.minScale,s=r.zoomAnimation,l=s.size,d=s.disabled;if(!e||n===null||!t)throw new Error("Pinch touches distance was not provided");if(t<0)return i.transformState.scale;var u=t/n,f=u*e;return k(Y(f,2),a,o,l,!d)},Ue=160,qe=100,Re=function(i,t){var e=i.props,n=e.onWheelStart,r=e.onZoomStart;i.wheelStopEventTimer||(A(i),C(w(i),t,n),C(w(i),t,r))},Ge=function(i,t){var e=i.props,n=e.onWheel,r=e.onZoom,o=i.contentComponent,a=i.setup,s=i.transformState,l=s.scale,d=a.limitToBounds,u=a.centerZoomedOut,f=a.zoomAnimation,m=a.wheel,v=f.size,c=f.disabled,h=m.step;if(!o)throw new Error("Component not mounted");t.preventDefault(),t.stopPropagation();var S=ke(t,null),P=He(i,S,h,!t.ctrlKey);if(l!==P){var O=L(i,P),X=Yi(t,o,l),E=c||v===0||u,D=d&&E,N=V(i,X.x,X.y,P,O,D),j=N.x,Z=N.y;i.previousWheelEvent=t,i.setTransformState(P,j,Z),C(w(i),t,n),C(w(i),t,r)}},$e=function(i,t){var e=i.props,n=e.onWheelStop,r=e.onZoomStop;Pi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){!i.mounted||(gi(i,t.x,t.y),i.wheelAnimationTimer=null)},qe);var o=Ze(i,t);o&&(Pi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){!i.mounted||(i.wheelStopEventTimer=null,C(w(i),t,n),C(w(i),t,r))},Ue))},xe=function(i,t){var e=Xi(t);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1,A(i)},Je=function(i,t){var e=i.contentComponent,n=i.pinchStartDistance,r=i.transformState.scale,o=i.setup,a=o.limitToBounds,s=o.centerZoomedOut,l=o.zoomAnimation,d=l.disabled,u=l.size;if(!(n===null||!e)){var f=Qe(t,r,e);if(!(!isFinite(f.x)||!isFinite(f.y))){var m=Xi(t),v=Fe(i,m);if(v!==r){var c=L(i,v),h=d||u===0||s,S=a&&h,P=V(i,f.x,f.y,v,c,S),O=P.x,X=P.y;i.pinchMidpoint=f,i.lastDistance=m,i.setTransformState(v,O,X)}}}},Ie=function(i){var t=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,gi(i,t==null?void 0:t.x,t==null?void 0:t.y)};function en(i,t){var e=i.setup.doubleClick,n=e.disabled,r=e.mode,o=e.step,a=e.animationTime,s=e.animationType;if(!n){if(r==="reset")return Ci(i,a,s);var l=i.transformState.scale,d=i.contentComponent;if(!d)return console.error("No ContentComponent found");var u=r==="zoomOut"?-1:1,f=yi(i,u,o),m=Yi(t,d,l),v=x(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,s)}}var nn=function(i,t){var e=i.isInitialized,n=i.setup,r=i.wrapperComponent,o=n.doubleClick,a=o.disabled,s=o.excluded,l=t.target,d=r==null?void 0:r.contains(l),u=e&&l&&d&&!a;if(!u)return!1;var f=F(l,s);return!(f||!u)},_i=b.default.createContext(_e),tn=function(i){$i(t,i);function t(){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 r=I();n.addEventListener("wheel",e.onWheelZoom,r),n.addEventListener("dblclick",e.onDoubleClick,r),n.addEventListener("touchstart",e.onTouchPanningStart,r),n.addEventListener("touchmove",e.onTouchPanning,r),n.addEventListener("touchend",e.onTouchPanningStop,r)},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 r=e.setup.disabled;if(!r){var o=Me(e,n);if(!!o){var a=e.isPressingKeys(e.setup.wheel.activationKeys);!a||(Re(e,n),Ge(e,n),$e(e,n))}}},e.onPanningStart=function(n){var r=e.setup.disabled,o=e.props.onPanningStart;if(!r){var a=fi(e,n);if(!!a){var s=e.isPressingKeys(e.setup.panning.activationKeys);!s||(n.preventDefault(),n.stopPropagation(),A(e),pi(e,n),C(w(e),n,o))}}},e.onPanning=function(n){var r=e.setup.disabled,o=e.props.onPanning;if(!r){var a=mi(e);if(!!a){var s=e.isPressingKeys(e.setup.panning.activationKeys);!s||(n.preventDefault(),n.stopPropagation(),ci(e,n.clientX,n.clientY),C(w(e),n,o))}}},e.onPanningStop=function(n){var r=e.props.onPanningStop;e.isPanning&&(Xe(e),C(w(e),n,r))},e.onPinchStart=function(n){var r=e.setup.disabled,o=e.props,a=o.onPinchingStart,s=o.onZoomStart;if(!r){var l=Ke(e,n);!l||(xe(e,n),A(e),C(w(e),n,a),C(w(e),n,s))}},e.onPinch=function(n){var r=e.setup.disabled,o=e.props,a=o.onPinching,s=o.onZoom;if(!r){var l=Ve(e);!l||(n.preventDefault(),n.stopPropagation(),Je(e,n),C(w(e),n,a),C(w(e),n,s))}},e.onPinchStop=function(n){var r=e.props,o=r.onPinchingStop,a=r.onZoomStop;e.pinchStartScale&&(Ie(e),C(w(e),n,o),C(w(e),n,a))},e.onTouchPanningStart=function(n){var r=e.setup.disabled,o=e.props.onPanningStart;if(!r){var a=fi(e,n);if(!!a){var s=e.lastTouch&&+new Date-e.lastTouch<200;if(s&&n.touches.length===1)e.onDoubleClick(n);else{e.lastTouch=+new Date,A(e);var l=n.touches,d=l.length===1,u=l.length===2;d&&(A(e),pi(e,n),C(w(e),n,o)),u&&e.onPinchStart(n)}}}},e.onTouchPanning=function(n){var r=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&n.touches.length===1){if(r)return;var a=mi(e);if(!a)return;n.preventDefault(),n.stopPropagation();var s=n.touches[0];ci(e,s.clientX,s.clientY),C(w(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 r=e.setup.disabled;if(!r){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(r){return e.pressedKeys[r]})):!0},e.setComponents=function(n,r){e.wrapperComponent=n,e.contentComponent=r,L(e,e.transformState.scale),e.handleInitializeWrapperEvents(n),e.handleInitialize(),e.handleRef(),e.isInitialized=!0,C(w(e),void 0,e.props.onInit)},e.setTransformState=function(n,r,o){!isNaN(n)&&!isNaN(r)&&!isNaN(o)?(n!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=n),e.transformState.positionX=r,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,r=n.scale,o=n.positionX,a=n.positionY,s=Be(o,a,r);e.contentComponent.style.transform=s,e.handleRef()}},e.handleRef=function(){e.props.setRef(w(e))},e}return t.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()},t.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),A(this)},t.prototype.componentDidUpdate=function(e){e!==this.props&&(L(this,this.transformState.scale),this.setup=wi(this.props))},t.prototype.render=function(){var e=w(this),n=this.props.children,r=typeof n=="function"?n(e):n;return g(_i.Provider,{value:_(_({},this.transformState),{setComponents:this.setComponents,contextInstance:this}),children:r})},t}(p.Component),rn=b.default.forwardRef(function(i,t){var e=p.useState(null),n=e[0],r=e[1];return p.useImperativeHandle(t,function(){return n},[n]),g(tn,B({},_({},i,{setRef:r})))});function on(i,t){t===void 0&&(t={});var e=t.insertAt;if(!(!i||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",e==="top"&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=i:r.appendChild(document.createTextNode(i))}}var an=`.transform-component-module_wrapper__1_Fgj {
|
|
12
|
+
*/var Ui=b.default,ri=60103;if(B.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var oi=Symbol.for;ri=oi("react.element"),B.Fragment=oi("react.fragment")}var qi=Ui.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ri=Object.prototype.hasOwnProperty,Gi={key:!0,ref:!0,__self:!0,__source:!0};function ai(i,t,e){var n,r={},o=null,a=null;e!==void 0&&(o=""+e),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(a=t.ref);for(n in t)Ri.call(t,n)&&!Gi.hasOwnProperty(n)&&(r[n]=t[n]);if(i&&i.defaultProps)for(n in t=i.defaultProps,t)r[n]===void 0&&(r[n]=t[n]);return{$$typeof:ri,type:i,key:o,ref:a,props:r,_owner:qi.current}}B.jsx=ai,B.jsxs=ai,U.exports=B;const g=U.exports.jsx,q=U.exports.jsxs;var R=function(i,t){return R=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])},R(i,t)};function $i(i,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");R(i,t);function e(){this.constructor=i}i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}var _=function(){return _=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},_.apply(this,arguments)};function si(i,t,e){if(e||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++)(o||!(n in t))&&(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return i.concat(o||t)}var Y=function(i,t){return Number(i.toFixed(t))},xi=function(i,t){return typeof i=="number"?i:t},C=function(i,t,e){e&&typeof e=="function"&&e(i,t)},Ji=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},te=function(i){return i*i*i},re=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},se=function(i){return 1- --i*i*i*i},le=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},li={easeOut:Ji,linear:Ii,easeInQuad:ie,easeOutQuad:ee,easeInOutQuad:ne,easeInCubic:te,easeOutCubic:re,easeInOutCubic:oe,easeInQuart:ae,easeOutQuart:se,easeInOutQuart:le,easeInQuint:ue,easeOutQuint:de,easeInOutQuint:fe},ui=function(i){typeof i=="number"&&cancelAnimationFrame(i)},A=function(i){!i.mounted||(ui(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function di(i,t,e,n){if(!!i.mounted){var r=new Date().getTime(),o=1;A(i),i.animation=function(){if(!i.mounted)return ui(i.animation);var a=new Date().getTime()-r,s=a/e,l=li[t],u=l(s);a>=e?(n(o),i.animation=null):i.animation&&(n(u),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function z(i,t,e,n){var r=me(t);if(!(!i.mounted||!r)){var o=i.setTransformState,a=i.transformState,s=a.scale,l=a.positionX,u=a.positionY,d=t.scale-s,f=t.positionX-l,m=t.positionY-u;e===0?o(t.scale,t.positionX,t.positionY):di(i,n,e,function(v){var c=s+d*v,h=l+f*v,S=u+m*v;o(c,h,S)})}}function me(i){var t=i.scale,e=i.positionX,n=i.positionY;return!(isNaN(t)||isNaN(e)||isNaN(n))}function ve(i,t,e){var n=i.offsetWidth,r=i.offsetHeight,o=t.offsetWidth,a=t.offsetHeight,s=o*e,l=a*e,u=n-s,d=r-l;return{wrapperWidth:n,wrapperHeight:r,newContentWidth:s,newDiffWidth:u,newContentHeight:l,newDiffHeight:d}}var pe=function(i,t,e,n,r,o,a){var s=i>t?e*(a?1:.5):0,l=n>r?o*(a?1:.5):0,u=i-t-s,d=s,f=n-r-l,m=l;return{minPositionX:u,maxPositionX:d,minPositionY:f,maxPositionY:m}},G=function(i,t){var e=i.wrapperComponent,n=i.contentComponent,r=i.setup.centerZoomedOut;if(!e||!n)throw new Error("Components are not mounted");var o=ve(e,n,t),a=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,u=o.newDiffWidth,d=o.newContentHeight,f=o.newDiffHeight,m=pe(a,l,u,s,d,f,Boolean(r));return m},L=function(i,t){var e=G(i,t);return i.bounds=e,e};function K(i,t,e,n,r,o,a){var s=e.minPositionX,l=e.minPositionY,u=e.maxPositionX,d=e.maxPositionY,f=0,m=0;a&&(f=r,m=o);var v=$(i,s-f,u+f,n),c=$(t,l-m,d+m,n);return{x:v,y:c}}var $=function(i,t,e,n){return n?i<t?Y(t,2):i>e?Y(e,2):Y(i,2):Y(i,2)};function V(i,t,e,n,r,o){var a=i.transformState,s=a.scale,l=a.positionX,u=a.positionY,d=n-s;if(typeof t!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:u};var f=l-t*d,m=u-e*d,v=K(f,m,r,o,0,0,null);return v}function M(i,t,e,n,r){var o=r?n:0,a=t-o;return!isNaN(e)&&i>=e?e:!isNaN(t)&&i<=a?a:i}var fi=function(i,t){var e=i.setup.panning.excluded,n=i.isInitialized,r=i.wrapperComponent,o=t.target,a=r==null?void 0:r.contains(o),s=n&&o&&a;if(!s)return!1;var l=F(o,e);return!l},mi=function(i){var t=i.isInitialized,e=i.isPanning,n=i.setup,r=n.panning.disabled,o=t&&e&&!r;return!!o},ce=function(i,t){var e=i.transformState,n=e.positionX,r=e.positionY;i.isPanning=!0;var o=t.clientX,a=t.clientY;i.startCoords={x:o-n,y:a-r}},he=function(i,t){var e=t.touches,n=i.transformState,r=n.positionX,o=n.positionY;i.isPanning=!0;var a=e.length===1;if(a){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-r,y:l-o}}};function ge(i){var t=i.transformState,e=t.positionX,n=t.positionY,r=t.scale,o=i.setup,a=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,u=i.wrapperComponent;if(!(a||!u||!i.bounds)){var d=i.bounds,f=d.maxPositionX,m=d.minPositionX,v=d.maxPositionY,c=d.minPositionY,h=e>f||e<m,S=n>v||n<c,P=e>f?u.offsetWidth:i.setup.minPositionX||0,O=n>v?u.offsetHeight:i.setup.minPositionY||0,X=V(i,P,O,r,i.bounds,s||l),E=X.x,D=X.y;return{scale:r,positionX:h?E:e,positionY:S?D:n}}}function Se(i,t,e,n,r){var o=i.setup.limitToBounds,a=i.wrapperComponent,s=i.bounds,l=i.transformState,u=l.scale,d=l.positionX,f=l.positionY,m=t!==d,v=e!==f,c=!m||!v;if(!(!a||c||!s)){var h=K(t,e,s,o,n,r,a),S=h.x,P=h.y;i.setTransformState(u,S,P)}}var we=function(i,t,e){var n=i.startCoords,r=i.transformState,o=i.setup.panning,a=o.lockAxisX,s=o.lockAxisY,l=r.positionX,u=r.positionY;if(!n)return{x:l,y:u};var d=t-n.x,f=e-n.y,m=a?l:d,v=s?u:f;return{x:m,y:v}},Q=function(i,t){var e=i.setup,n=i.transformState,r=n.scale,o=e.minScale;return t>0&&r>=o?t:0},ye=function(i){var t=i.mounted,e=i.setup,n=e.disabled,r=e.velocityAnimation,o=i.transformState.scale,a=r.disabled,s=!a||o>1||!n||t;return!!s},be=function(i){var t=i.mounted,e=i.velocity,n=i.bounds,r=i.setup,o=r.disabled,a=r.velocityAnimation,s=i.transformState.scale,l=a.disabled,u=!l||s>1||!o||t;return!(!u||!e||!n)};function Ce(i,t){var e=i.setup.velocityAnimation,n=e.equalToMove,r=e.animationTime,o=e.sensitivity;return n?r*t*o:r}function vi(i,t,e,n,r,o,a,s,l,u){if(r){if(t>a&&e>a){var d=a+(i-a)*u;return d>l?l:d<a?a:d}if(t<o&&e<o){var d=o+(i-o)*u;return d<s?s:d>o?o:d}}return n?t:$(i,o,a,r)}function Pe(i,t){var e=1;return t?Math.min(e,i.offsetWidth/window.innerWidth):e}function Te(i,t){var e=ye(i);if(!!e){var n=i.lastMousePosition,r=i.velocityTime,o=i.setup,a=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(n&&r&&a){var u=Pe(a,s),d=t.x-n.x,f=t.y-n.y,m=d/u,v=f/u,c=l-r,h=d*d+f*f,S=Math.sqrt(h)/c;i.velocity={velocityX:m,velocityY:v,total:S}}i.lastMousePosition=t,i.velocityTime=l}}function Ye(i){var t=i.velocity,e=i.bounds,n=i.setup,r=i.wrapperComponent,o=be(i);if(!(!o||!t||!e||!r)){var a=t.velocityX,s=t.velocityY,l=t.total,u=e.maxPositionX,d=e.minPositionX,f=e.maxPositionY,m=e.minPositionY,v=n.limitToBounds,c=n.alignmentAnimation,h=n.zoomAnimation,S=n.panning,P=S.lockAxisY,O=S.lockAxisX,X=h.animationType,E=c.sizeX,D=c.sizeY,N=c.velocityAlignmentTime,j=N,Z=Ce(i,l),vn=Math.max(Z,j),pn=Q(i,E),cn=Q(i,D),Di=pn*r.offsetWidth/100,Ni=cn*r.offsetHeight/100,hn=u+Di,gn=d-Di,Sn=f+Ni,wn=m-Ni,Li=i.transformState,yn=new Date().getTime();di(i,X,vn,function(bn){var ii=i.transformState,Cn=ii.scale,ei=ii.positionX,ni=ii.positionY,Pn=new Date().getTime()-yn,Tn=Pn/j,Yn=li[c.animationType],Wi=1-Yn(Math.min(1,Tn)),ji=1-bn,ki=ei+a*ji,Bi=ni+s*ji,Xn=vi(ki,Li.positionX,ei,O,v,d,u,gn,hn,Wi),_n=vi(Bi,Li.positionY,ni,P,v,m,f,wn,Sn,Wi);(ei!==ki||ni!==Bi)&&i.setTransformState(Cn,Xn,_n)})}}function pi(i,t){var e=i.transformState.scale;A(i),L(i,e),t.touches?he(i,t):ce(i,t)}function ci(i,t,e){var n=i.startCoords,r=i.setup,o=r.alignmentAnimation,a=o.sizeX,s=o.sizeY;if(!!n){var l=we(i,t,e),u=l.x,d=l.y,f=Q(i,a),m=Q(i,s);Te(i,{x:u,y:d}),Se(i,u,d,f,m)}}function Xe(i){if(i.isPanning){var t=i.setup.panning.velocityDisabled,e=i.velocity,n=i.wrapperComponent,r=i.contentComponent;i.isPanning=!1,i.animate=!1,i.animation=null;var o=n==null?void 0:n.getBoundingClientRect(),a=r==null?void 0:r.getBoundingClientRect(),s=(o==null?void 0:o.width)||0,l=(o==null?void 0:o.height)||0,u=(a==null?void 0:a.width)||0,d=(a==null?void 0:a.height)||0,f=s<u||l<d,m=!t&&e&&(e==null?void 0:e.total)>.1&&f;m?Ye(i):hi(i)}}function hi(i){var t=i.transformState.scale,e=i.setup,n=e.minScale,r=e.alignmentAnimation,o=r.disabled,a=r.sizeX,s=r.sizeY,l=r.animationTime,u=r.animationType,d=o||t<n||!a&&!s;if(!d){var f=ge(i);f&&z(i,f,l,u)}}function gi(i,t,e){var n=i.transformState.scale,r=i.wrapperComponent,o=i.setup,a=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,u=l.disabled,d=l.animationTime,f=l.animationType,m=u||n>=a;if((n>=1||s)&&hi(i),!(m||!r||!i.mounted)){var v=t||r.offsetWidth/2,c=e||r.offsetHeight/2,h=x(i,a,v,c);h&&z(i,h,d,f)}}function x(i,t,e,n){var r=i.setup,o=r.minScale,a=r.maxScale,s=r.limitToBounds,l=M(Y(t,2),o,a,0,!1),u=L(i,l),d=V(i,e,n,l,u,s),f=d.x,m=d.y;return{scale:l,positionX:f,positionY:m}}var W={previousScale:1,scale:1,positionX:0,positionY:0},_e=_(_({},W),{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 t,e,n,r;return{previousScale:(t=i.initialScale)!==null&&t!==void 0?t:W.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:W.scale,positionX:(n=i.initialPositionX)!==null&&n!==void 0?n:W.positionX,positionY:(r=i.initialPositionY)!==null&&r!==void 0?r:W.positionY}},wi=function(i){var t=_({},H);return Object.keys(i).forEach(function(e){var n=typeof i[e]!="undefined",r=typeof H[e]!="undefined";if(r&&n){var o=Object.prototype.toString.call(H[e]),a=o==="[object Object]",s=o==="[object Array]";a?t[e]=_(_({},H[e]),i[e]):s?t[e]=si(si([],H[e]),i[e]):t[e]=i[e]}}),t},yi=function(i,t,e){var n=i.transformState.scale,r=i.wrapperComponent,o=i.setup,a=o.maxScale,s=o.minScale,l=o.zoomAnimation,u=l.size;if(!r)throw new Error("Wrapper is not mounted");var d=n*Math.exp(t*e),f=M(Y(d,3),s,a,u,!1);return f};function bi(i,t,e,n,r){var o=i.wrapperComponent,a=i.transformState,s=a.scale,l=a.positionX,u=a.positionY;if(!o)return console.error("No WrapperComponent found");var d=o.offsetWidth,f=o.offsetHeight,m=(d/2-l)/s,v=(f/2-u)/s,c=yi(i,t,e),h=x(i,c,m,v);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");z(i,h,n,r)}function Ci(i,t,e){var n=i.setup,r=i.wrapperComponent,o=n.limitToBounds,a=Si(i.props),s=i.transformState,l=s.scale,u=s.positionX,d=s.positionY;if(!!r){var f=G(i,a.scale),m=K(a.positionX,a.positionY,f,o,0,0,r),v={scale:a.scale,positionX:m.x,positionY:m.y};l===a.scale&&u===a.positionX&&d===a.positionY||z(i,v,t,e)}}function Ae(i,t,e){var n=i.wrapperComponent,r=i.setup,o=r.limitToBounds,a=r.minScale,s=r.maxScale;if(!n)return W;var l=n.getBoundingClientRect(),u=Oe(t),d=u.x,f=u.y,m=t.offsetWidth,v=t.offsetHeight,c=n.offsetWidth/m,h=n.offsetHeight/v,S=M(e||Math.min(c,h),a,s,0,!1),P=(l.width-m*S)/2,O=(l.height-v*S)/2,X=(l.left-d)*S+P,E=(l.top-f)*S+O,D=G(i,S),N=K(X,E,D,o,0,0,n),j=N.x,Z=N.y;return{positionX:j,positionY:Z,scale:S}}function Oe(i){for(var t=i,e=0,n=0;t;)e+=t.offsetLeft,n+=t.offsetTop,t=t.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(t,e,n){t===void 0&&(t=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,1,t,e,n)}},De=function(i){return function(t,e,n){t===void 0&&(t=.5),e===void 0&&(e=300),n===void 0&&(n="easeOut"),bi(i,-1,t,e,n)}},Ne=function(i){return function(t,e,n,r,o){r===void 0&&(r=300),o===void 0&&(o="easeOut");var a=i.transformState,s=a.positionX,l=a.positionY,u=a.scale,d=i.wrapperComponent,f=i.contentComponent,m=i.setup.disabled;if(!(m||!d||!f)){var v={positionX:isNaN(t)?s:t,positionY:isNaN(e)?l:e,scale:isNaN(n)?u:n};z(i,v,r,o)}}},Le=function(i){return function(t,e){t===void 0&&(t=200),e===void 0&&(e="easeOut"),Ci(i,t,e)}},We=function(i){return function(t,e,n){e===void 0&&(e=200),n===void 0&&(n="easeOut");var r=i.transformState,o=i.wrapperComponent,a=i.contentComponent;if(o&&a){var s=Ti(t||r.scale,o,a);z(i,s,e,n)}}},je=function(i){return function(t,e,n,r){n===void 0&&(n=600),r===void 0&&(r="easeOut"),A(i);var o=i.wrapperComponent,a=typeof t=="string"?document.getElementById(t):t;if(o&&ze(a)&&a&&o.contains(a)){var s=Ae(i,a,e);z(i,s,n,r)}}},w=function(i){return{instance:i,state:i.transformState,zoomIn:Ee(i),zoomOut:De(i),setTransform:Ne(i),resetTransform:Le(i),centerView:We(i),zoomToElement:je(i)}},J=!1;function I(){try{var i={get passive(){return J=!0,!1}};return i}catch{return J=!1,J}}var F=function(i,t){var e=i.tagName.toUpperCase(),n=t.find(function(o){return o.toUpperCase()===e});if(n)return!0;var r=t.find(function(o){return i.classList.contains(o)});return!!r},Pi=function(i){i&&clearTimeout(i)},ke=function(i,t,e){return"translate3d("+i+"px, "+t+"px, 0) scale("+e+")"},Ti=function(i,t,e){var n=e.offsetWidth*i,r=e.offsetHeight*i,o=(t.offsetWidth-n)/2,a=(t.offsetHeight-r)/2;return{scale:i,positionX:o,positionY:a}},Be=function(i,t){var e=i.setup.wheel,n=e.disabled,r=e.wheelDisabled,o=e.touchPadDisabled,a=e.excluded,s=i.isInitialized,l=i.isPanning,u=t.target,d=s&&!l&&!n&&u;if(!d||r&&!t.ctrlKey||o&&t.ctrlKey)return!1;var f=F(u,a);return!f};function Me(i,t){var e=i?i.deltaY<0?1:-1:0,n=xi(t,e);return n}function Yi(i,t,e){var n=t.getBoundingClientRect(),r=0,o=0;if("clientX"in i)r=(i.clientX-n.left)/e,o=(i.clientY-n.top)/e;else{var a=i.touches[0];r=(a.clientX-n.left)/e,o=(a.clientY-n.top)/e}return(isNaN(r)||isNaN(o))&&console.error("No mouse or touch offset found"),{x:r,y:o}}var He=function(i,t,e,n,r){var o=i.transformState.scale,a=i.wrapperComponent,s=i.setup,l=s.maxScale,u=s.minScale,d=s.zoomAnimation,f=d.size,m=d.disabled;if(!a)throw new Error("Wrapper is not mounted");var v=o+t*(o-o*e)*e;if(r)return v;var c=n?!1:!m,h=M(Y(v,3),u,l,f,c);return h},Ze=function(i,t){var e=i.previousWheelEvent,n=i.transformState.scale,r=i.setup,o=r.maxScale,a=r.minScale;return e?n<o||n>a||Math.sign(e.deltaY)!==Math.sign(t.deltaY)||e.deltaY>0&&e.deltaY<t.deltaY||e.deltaY<0&&e.deltaY>t.deltaY||Math.sign(e.deltaY)!==Math.sign(t.deltaY):!1},Ke=function(i,t){var e=i.setup.pinch,n=e.disabled,r=e.excluded,o=i.isInitialized,a=t.target,s=o&&!n&&a;if(!s)return!1;var l=F(a,r);return!l},Ve=function(i){var t=i.setup.pinch.disabled,e=i.isInitialized,n=i.pinchStartDistance,r=e&&!t&&n;return!!r},Qe=function(i,t,e){var n=e.getBoundingClientRect(),r=i.touches,o=Y(r[0].clientX-n.left,5),a=Y(r[0].clientY-n.top,5),s=Y(r[1].clientX-n.left,5),l=Y(r[1].clientY-n.top,5);return{x:(o+s)/2/t,y:(a+l)/2/t}},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))},Fe=function(i,t){var e=i.pinchStartScale,n=i.pinchStartDistance,r=i.setup,o=r.maxScale,a=r.minScale,s=r.zoomAnimation,l=s.size,u=s.disabled;if(!e||n===null||!t)throw new Error("Pinch touches distance was not provided");if(t<0)return i.transformState.scale;var d=t/n,f=d*e;return M(Y(f,2),a,o,l,!u)},Ue=160,qe=100,Re=function(i,t){var e=i.props,n=e.onWheelStart,r=e.onZoomStart;i.wheelStopEventTimer||(A(i),C(w(i),t,n),C(w(i),t,r))},Ge=function(i,t){var e=i.props,n=e.onWheel,r=e.onZoom,o=i.contentComponent,a=i.setup,s=i.transformState,l=s.scale,u=a.limitToBounds,d=a.centerZoomedOut,f=a.zoomAnimation,m=a.wheel,v=f.size,c=f.disabled,h=m.step;if(!o)throw new Error("Component not mounted");t.preventDefault(),t.stopPropagation();var S=Me(t,null),P=He(i,S,h,!t.ctrlKey);if(l!==P){var O=L(i,P),X=Yi(t,o,l),E=c||v===0||d,D=u&&E,N=V(i,X.x,X.y,P,O,D),j=N.x,Z=N.y;i.previousWheelEvent=t,i.setTransformState(P,j,Z),C(w(i),t,n),C(w(i),t,r)}},$e=function(i,t){var e=i.props,n=e.onWheelStop,r=e.onZoomStop;Pi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){!i.mounted||(gi(i,t.x,t.y),i.wheelAnimationTimer=null)},qe);var o=Ze(i,t);o&&(Pi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){!i.mounted||(i.wheelStopEventTimer=null,C(w(i),t,n),C(w(i),t,r))},Ue))},xe=function(i,t){var e=Xi(t);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1,A(i)},Je=function(i,t){var e=i.contentComponent,n=i.pinchStartDistance,r=i.transformState.scale,o=i.setup,a=o.limitToBounds,s=o.centerZoomedOut,l=o.zoomAnimation,u=l.disabled,d=l.size;if(!(n===null||!e)){var f=Qe(t,r,e);if(!(!isFinite(f.x)||!isFinite(f.y))){var m=Xi(t),v=Fe(i,m);if(v!==r){var c=L(i,v),h=u||d===0||s,S=a&&h,P=V(i,f.x,f.y,v,c,S),O=P.x,X=P.y;i.pinchMidpoint=f,i.lastDistance=m,i.setTransformState(v,O,X)}}}},Ie=function(i){var t=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,gi(i,t==null?void 0:t.x,t==null?void 0:t.y)};function en(i,t){var e=i.setup.doubleClick,n=e.disabled,r=e.mode,o=e.step,a=e.animationTime,s=e.animationType;if(!n){if(r==="reset")return Ci(i,a,s);var l=i.transformState.scale,u=i.contentComponent;if(!u)return console.error("No ContentComponent found");var d=r==="zoomOut"?-1:1,f=yi(i,d,o),m=Yi(t,u,l),v=x(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,s)}}var nn=function(i,t){var e=i.isInitialized,n=i.setup,r=i.wrapperComponent,o=n.doubleClick,a=o.disabled,s=o.excluded,l=t.target,u=r==null?void 0:r.contains(l),d=e&&l&&u&&!a;if(!d)return!1;var f=F(l,s);return!(f||!d)},_i=b.default.createContext(_e),tn=function(i){$i(t,i);function t(){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 r=I();n.addEventListener("wheel",e.onWheelZoom,r),n.addEventListener("dblclick",e.onDoubleClick,r),n.addEventListener("touchstart",e.onTouchPanningStart,r),n.addEventListener("touchmove",e.onTouchPanning,r),n.addEventListener("touchend",e.onTouchPanningStop,r)},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 r=e.setup.disabled;if(!r){var o=Be(e,n);if(!!o){var a=e.isPressingKeys(e.setup.wheel.activationKeys);!a||(Re(e,n),Ge(e,n),$e(e,n))}}},e.onPanningStart=function(n){var r=e.setup.disabled,o=e.props.onPanningStart;if(!r){var a=fi(e,n);if(!!a){var s=e.isPressingKeys(e.setup.panning.activationKeys);!s||(n.preventDefault(),n.stopPropagation(),A(e),pi(e,n),C(w(e),n,o))}}},e.onPanning=function(n){var r=e.setup.disabled,o=e.props.onPanning;if(!r){var a=mi(e);if(!!a){var s=e.isPressingKeys(e.setup.panning.activationKeys);!s||(n.preventDefault(),n.stopPropagation(),ci(e,n.clientX,n.clientY),C(w(e),n,o))}}},e.onPanningStop=function(n){var r=e.props.onPanningStop;e.isPanning&&(Xe(e),C(w(e),n,r))},e.onPinchStart=function(n){var r=e.setup.disabled,o=e.props,a=o.onPinchingStart,s=o.onZoomStart;if(!r){var l=Ke(e,n);!l||(xe(e,n),A(e),C(w(e),n,a),C(w(e),n,s))}},e.onPinch=function(n){var r=e.setup.disabled,o=e.props,a=o.onPinching,s=o.onZoom;if(!r){var l=Ve(e);!l||(n.preventDefault(),n.stopPropagation(),Je(e,n),C(w(e),n,a),C(w(e),n,s))}},e.onPinchStop=function(n){var r=e.props,o=r.onPinchingStop,a=r.onZoomStop;e.pinchStartScale&&(Ie(e),C(w(e),n,o),C(w(e),n,a))},e.onTouchPanningStart=function(n){var r=e.setup.disabled,o=e.props.onPanningStart;if(!r){var a=fi(e,n);if(!!a){var s=e.lastTouch&&+new Date-e.lastTouch<200;if(s&&n.touches.length===1)e.onDoubleClick(n);else{e.lastTouch=+new Date,A(e);var l=n.touches,u=l.length===1,d=l.length===2;u&&(A(e),pi(e,n),C(w(e),n,o)),d&&e.onPinchStart(n)}}}},e.onTouchPanning=function(n){var r=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&n.touches.length===1){if(r)return;var a=mi(e);if(!a)return;n.preventDefault(),n.stopPropagation();var s=n.touches[0];ci(e,s.clientX,s.clientY),C(w(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 r=e.setup.disabled;if(!r){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(r){return e.pressedKeys[r]})):!0},e.setComponents=function(n,r){e.wrapperComponent=n,e.contentComponent=r,L(e,e.transformState.scale),e.handleInitializeWrapperEvents(n),e.handleInitialize(),e.handleRef(),e.isInitialized=!0,C(w(e),void 0,e.props.onInit)},e.setTransformState=function(n,r,o){!isNaN(n)&&!isNaN(r)&&!isNaN(o)?(n!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=n),e.transformState.positionX=r,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,r=n.scale,o=n.positionX,a=n.positionY,s=ke(o,a,r);e.contentComponent.style.transform=s,e.handleRef()}},e.handleRef=function(){e.props.setRef(w(e))},e}return t.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()},t.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),A(this)},t.prototype.componentDidUpdate=function(e){e!==this.props&&(L(this,this.transformState.scale),this.setup=wi(this.props))},t.prototype.render=function(){var e=w(this),n=this.props.children,r=typeof n=="function"?n(e):n;return g(_i.Provider,{value:_(_({},this.transformState),{setComponents:this.setComponents,contextInstance:this}),children:r})},t}(p.Component),rn=b.default.forwardRef(function(i,t){var e=p.useState(null),n=e[0],r=e[1];return p.useImperativeHandle(t,function(){return n},[n]),g(tn,k({},_({},i,{setRef:r})))});function on(i,t){t===void 0&&(t={});var e=t.insertAt;if(!(!i||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",e==="top"&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=i:r.appendChild(document.createTextNode(i))}}var an=`.transform-component-module_wrapper__1_Fgj {
|
|
13
13
|
position: relative;
|
|
14
14
|
width: -moz-fit-content;
|
|
15
15
|
width: fit-content;
|
|
@@ -39,7 +39,7 @@ object-assign
|
|
|
39
39
|
.transform-component-module_content__2jYgh img {
|
|
40
40
|
pointer-events: none;
|
|
41
41
|
}
|
|
42
|
-
`,Ai={wrapper:"transform-component-module_wrapper__1_Fgj",content:"transform-component-module_content__2jYgh"};on(an);var sn=function(i){var t=i.children,e=i.wrapperClass,n=e===void 0?"":e,r=i.contentClass,o=r===void 0?"":r,a=i.wrapperStyle,s=i.contentStyle,l=p.useContext(_i).setComponents,
|
|
42
|
+
`,Ai={wrapper:"transform-component-module_wrapper__1_Fgj",content:"transform-component-module_content__2jYgh"};on(an);var sn=function(i){var t=i.children,e=i.wrapperClass,n=e===void 0?"":e,r=i.contentClass,o=r===void 0?"":r,a=i.wrapperStyle,s=i.contentStyle,l=p.useContext(_i).setComponents,u=p.useRef(null),d=p.useRef(null);return p.useEffect(function(){var f=u.current,m=d.current;f!==null&&m!==null&&l&&l(f,m)},[]),g("div",{ref:u,className:"react-transform-wrapper "+Ai.wrapper+" "+n,style:a,children:g("div",{ref:d,className:"react-transform-component "+Ai.content+" "+o,style:s,children:t})})};let T={};T.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"},T.topCustomContent={position:"absolute",top:0},T.bottomCustomContent={position:"absolute",bottom:0},T.LbButton={float:"right",textDecoration:"none",color:"white",padding:"5px",border:"1px solid white",borderRadius:"5px"},T.ABtn={float:"right",textDecoration:"none",color:"white"},T.DescriptionDiv={background:"white",padding:"10px",color:"#666",textAlign:"center",position:"relative",zIndex:-1},T.Wrapper={display:"flex",width:"100%",minWidth:200,height:"100%"},T.Grid={display:"grid",gridTemplateRows:"1fr",gap:"2px",width:"100%",height:"auto"};const Oi=`
|
|
43
43
|
.lds-dual-ring {
|
|
44
44
|
display: inline-block;
|
|
45
45
|
width: 40px;
|
|
@@ -64,4 +64,4 @@ object-assign
|
|
|
64
64
|
transform: rotate(360deg);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
`;function ln(){return p.useEffect(()=>{const i=document.querySelector("#react-pic-style");if(i)i.innerHTML=i.innerHTML+Oi;else{const t=document.createElement("style");t.id="react-pic-style",t.innerHTML=Oi,document.body.appendChild(t)}return()=>{var t;(t=document.querySelector("#react-pic-style"))==null||t.remove()}},[]),g("div",{className:"lds-dual-ring"})}const zi=i=>{var a;const[t,e]=b.default.useState(""),n=((a=i.options)==null?void 0:a.customLoadComponent)!==void 0?i.options.customLoadComponent:ln,[r,o]=p.useState(!0);return b.default.useEffect(()=>{o(!0);const s=new AbortController;return i.imgSrc&&fetch(i.imgSrc).then(l=>l.blob()).then(l=>{e(URL.createObjectURL(l)),o(!1)}),()=>{s.abort()}},[i.imgSrc]),r?g("div",{style:{height:"100%",width:"100%",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"center",background:i.lightboxMode?"":"rgba(0, 0, 0, 0.157)",border:i.lightboxMode?"":"1px solid rgba(0, 0, 0,0.3)"},children:g(n,{})}):g("img",{src:t,alt:"",id:i.id,style:
|
|
67
|
+
`;function ln(){return p.useEffect(()=>{const i=document.querySelector("#react-pic-style");if(i)i.innerHTML=i.innerHTML+Oi;else{const t=document.createElement("style");t.id="react-pic-style",t.innerHTML=Oi,document.body.appendChild(t)}return()=>{var t;(t=document.querySelector("#react-pic-style"))==null||t.remove()}},[]),g("div",{className:"lds-dual-ring"})}const zi=i=>{var a;const[t,e]=b.default.useState(""),n=((a=i.options)==null?void 0:a.customLoadComponent)!==void 0?i.options.customLoadComponent:ln,[r,o]=p.useState(!0);return b.default.useEffect(()=>{o(!0);const s=new AbortController;return i.imgSrc&&fetch(i.imgSrc).then(l=>l.blob()).then(l=>{e(URL.createObjectURL(l)),o(!1)}),()=>{s.abort()}},[i.imgSrc]),r?g("div",{style:{height:"100%",width:"100%",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"center",background:i.lightboxMode?"":"rgba(0, 0, 0, 0.157)",border:i.lightboxMode?"":"1px solid rgba(0, 0, 0,0.3)"},children:g(n,{})}):g("img",{src:t,alt:"",id:i.id,style:k({},i.style),onClick:i.onClick})},Ei=i=>{var o,a,s,l,u,d;const[t,e]=p.useState(""),[n,r]=p.useState(i.currentImgIndex);return p.useCallback(()=>r(n+1),[n]),p.useCallback(()=>r(n-1),[n]),b.default.useEffect(()=>{var m,v;const f=((m=i.imgList[n])==null?void 0:m.fullSrc)?i.imgList[n].fullSrc:((v=i.imgList[n])==null?void 0:v.thumbnailSrc)?i.imgList[n].thumbnailSrc:null;f&&e(f),document.body.style.overflow="hidden"},[n]),q("div",{className:"reactPic-lightbox",style:T.lightbox,onClick:f=>{document.body.style.overflow="",f.target.className==="reactPic-lightbox"&&i.onClose()},children:[g("div",{style:T.topCustomContent,className:"reactPic-topCustomContent",children:(o=i.topCustomContent)==null?void 0:o.call(i,{closeLightbox:i.onClose,imgObject:i.imgList[n]})}),q("div",{children:[g(rn,{children:g(sn,{wrapperStyle:{overflow:"visible"},children:g(zi,{lightboxMode:!0,imgSrc:t,id:"lightboxImg",style:{maxWidth:"80vw",maxHeight:"calc(80vh - 20px)",margin:"auto",zIndex:99999999999}})})}),n-1>=0&&!((a=i.options)==null?void 0:a.hidePagination)&&g("div",{className:"react-lightbox-prevBtn",style:{position:"absolute",left:20,height:50,top:"calc(50% - 50px)",fontSize:50,cursor:"pointer",color:"white",display:((s=i.options)==null?void 0:s.hidePagination)?"none":"inherit"},onClick:n-1>=0?()=>r(n-1):void 0,children:"\u2039"}),n+1<i.imgList.length&&!((l=i.options)==null?void 0:l.hidePagination)&&g("div",{className:"react-lightbox-nextBtn",style:{position:"absolute",right:20,height:50,top:"calc(50% - 50px)",fontSize:50,cursor:"pointer",color:"white",display:((u=i.options)==null?void 0:u.hidePagination)?"none":"inherit"},onClick:n+1<i.imgList.length?()=>r(n+1):void 0,children:"\u203A"})]}),g("div",{style:T.bottomCustomContent,className:"reactPic-bottomCustomContent",children:(d=i.bottomCustomContent)==null?void 0:d.call(i,{closeLightbox:i.onClose,imgObject:i.imgList[n]})})]})};function un(i){var e;const t=p.useCallback(n=>()=>i.onOpen(n),[]);return g("div",{className:"reactPic-grid",style:Zi(k({},T.Grid),{gridTemplateColumns:`repeat(${((e=i.options)==null?void 0:e.picsPerRow)?i.options.picsPerRow:"3"}, 1fr)`}),children:i.imgList.map((n,r)=>{var o;return g("div",{className:"reactPic-imgDiv",style:{overflow:"hidden",width:"100%",height:"100%",minHeight:"150px"},children:g("div",{className:"reactPic-innerImgDiv",style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden !important",width:"100%",height:((o=i.options)==null?void 0:o.rowHeight)?i.options.rowHeight:"150px",cursor:"pointer"},children:g(zi,{options:i.options,imgSrc:n.thumbnailSrc?n.thumbnailSrc:n.fullSrc,style:{flexShrink:0,minWidth:"100%",minHeight:"100%"},onClick:t(r)})})},n.thumbnailSrc?n.thumbnailSrc:n.fullSrc)})})}var dn=b.default.memo(un);const fn={downloadBtnDisplay:!0,descriptionBoxDisplay:!0,navigation:!0};function mn(i){var l;const[t,e]=p.useState(!1),[n,r]=p.useState(0),o=k(k({},fn),i.options);p.useEffect(()=>{typeof i.setExtLightboxChildren=="function"&&(t?i.setExtLightboxChildren(g(Ei,{open:t,currentImgIndex:n,imgList:i.imgList,topCustomContent:i.topCustomContent,bottomCustomContent:i.bottomCustomContent,options:o,onClose:()=>e(!1)})):i.setExtLightboxChildren(void 0))},[t]);const a=p.useCallback(u=>{r(u),e(!0)},[]),s=p.useCallback(()=>{e(!1)},[]);return q("div",{className:"reactPic-wrapper",style:T.Wrapper,children:[t&&!((l=i.options)==null?void 0:l.externalLightbox)?g(Ei,{open:t,currentImgIndex:n,imgList:i.imgList,topCustomContent:i.topCustomContent,bottomCustomContent:i.bottomCustomContent,options:o,onClose:s}):null,g(dn,{options:i.options,imgList:i.imgList,onOpen:a})]})}return mn});
|
package/package.json
CHANGED
|
@@ -1,47 +1,49 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "react-pic-gallery",
|
|
3
|
-
"version": "1.5.
|
|
4
|
-
"author": "marcelrsoub",
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"repository": "marcelrsoub/react-pic-gallery",
|
|
7
|
-
"main": "./dist/react-pic-gallery.umd.js",
|
|
8
|
-
"module": "./dist/react-pic-gallery.es.js",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
|
-
"exports": {
|
|
13
|
-
".": {
|
|
14
|
-
"import": "./dist/react-pic-gallery.es.js",
|
|
15
|
-
"require": "./dist/react-pic-gallery.umd.js"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"scripts": {
|
|
19
|
-
"dev": "vite",
|
|
20
|
-
"build": "tsc && vite build",
|
|
21
|
-
"preview": "vite --config vite.github-pages.config.ts preview",
|
|
22
|
-
"build-example": "vite --config vite.github-pages.config.ts build",
|
|
23
|
-
"github-pages": "npx vite --config vite.github-pages.config.ts build && gh-pages -d build",
|
|
24
|
-
"publish-patch": "yarn run build && npx standard-version --release-as patch && git push --follow-tags origin main && npm publish",
|
|
25
|
-
"publish-minor": "yarn run build && npx standard-version --release-as minor && git push --follow-tags origin main && npm publish",
|
|
26
|
-
"publish-major": "yarn run build && npx standard-version --release-as major && git push --follow-tags origin main && npm publish"
|
|
27
|
-
},
|
|
28
|
-
"dependencies": {
|
|
29
|
-
"react-zoom-pan-pinch": "^2.1.3"
|
|
30
|
-
},
|
|
31
|
-
"devDependencies": {
|
|
32
|
-
"@types/node": "^16.11.12",
|
|
33
|
-
"@types/react": "^17.0.33",
|
|
34
|
-
"@types/react-dom": "^17.0.10",
|
|
35
|
-
"@
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"react
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "react-pic-gallery",
|
|
3
|
+
"version": "1.5.9",
|
|
4
|
+
"author": "marcelrsoub",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"repository": "marcelrsoub/react-pic-gallery",
|
|
7
|
+
"main": "./dist/react-pic-gallery.umd.js",
|
|
8
|
+
"module": "./dist/react-pic-gallery.es.js",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/react-pic-gallery.es.js",
|
|
15
|
+
"require": "./dist/react-pic-gallery.umd.js"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"dev": "vite",
|
|
20
|
+
"build": "tsc && vite build",
|
|
21
|
+
"preview": "vite --config vite.github-pages.config.ts preview",
|
|
22
|
+
"build-example": "vite --config vite.github-pages.config.ts build",
|
|
23
|
+
"github-pages": "npx vite --config vite.github-pages.config.ts build && gh-pages -d build",
|
|
24
|
+
"publish-patch": "yarn run build && npx standard-version --release-as patch && git push --follow-tags origin main && npm publish",
|
|
25
|
+
"publish-minor": "yarn run build && npx standard-version --release-as minor && git push --follow-tags origin main && npm publish",
|
|
26
|
+
"publish-major": "yarn run build && npx standard-version --release-as major && git push --follow-tags origin main && npm publish"
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"react-zoom-pan-pinch": "^2.1.3"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@types/node": "^16.11.12",
|
|
33
|
+
"@types/react": "^17.0.33",
|
|
34
|
+
"@types/react-dom": "^17.0.10",
|
|
35
|
+
"@types/react-syntax-highlighter": "^13.5.2",
|
|
36
|
+
"@vitejs/plugin-react": "^1.0.7",
|
|
37
|
+
"gh-pages": "^3.2.3",
|
|
38
|
+
"react": "^17.0.2",
|
|
39
|
+
"react-dom": "^17.0.2",
|
|
40
|
+
"react-syntax-highlighter": "^15.4.5",
|
|
41
|
+
"standard-version": "^9.3.2",
|
|
42
|
+
"typescript": "^4.4.4",
|
|
43
|
+
"vite": "^2.7.0"
|
|
44
|
+
},
|
|
45
|
+
"peerDependencies": {
|
|
46
|
+
"react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
|
|
47
|
+
"react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
|
|
48
|
+
}
|
|
49
|
+
}
|