https://www.allblackshop.com/static/1.1.0-rc-20260923.183655/js/react-zoom-pan-pinch.js

1"use strict";(self.webpackChunkiris=self.webpackChunkiris||[]).push([[3549],{94628(n,t,e){e.r(t),e.d(t,{Context:()=>ln,KeepScale:()=>pn,MiniMap:()=>mn,TransformComponent:()=>gn,TransformWrapper:()=>cn,getCenterPosition:()=>$,getMatrixTransformStyles:()=>J,getTransformStyles:()=>G,useControls:()=>yn,useTransformContext:()=>Sn,useTransformEffect:()=>bn,useTransformInit:()=>wn});var o=e(14041),i=function(n,t){return Number(n.toFixed(t))},r=function(n,t,e){e&&"function"===typeof e&&e(n,t)},a={easeOut:function(n){return-Math.cos(n*Math.PI)/2+.5},linear:function(n){return n},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return n*(2-n)},easeInOutQuad:function(n){return n<.5?2*n*n:(4-2*n)*n-1},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return--n*n*n+1},easeInOutCubic:function(n){return n<.5?4*n*n*n:(n-1)*(2*n-2)*(2*n-2)+1},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1- --n*n*n*n},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-8*--n*n*n*n},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1+--n*n*n*n*n},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1+16*--n*n*n*n*n}},s=function(n){"number"===typeof n&&cancelAnimationFrame(n)},u=function(n){n.mounted&&(s(n.animation),n.animate=!1,n.animation=null,n.velocity=null)};function l(n,t,e,o){if(n.mounted){var i=(new Date).getTime();u(n),n.animation=function(){if(!n.mounted)return s(n.animation);var r=(new Date).getTime()-i,u=(0,a[t])(r/e);r>=e?(o(1),n.animation=null):n.animation&&(o(u),requestAnimationFrame(n.animation))},requestAnimationFrame(n.animation)}}function c(n,t,e,o){var i=function(n){var t=n.scale,e=n.positionX,o=n.positionY;return!(Number.isNaN(t)||Number.isNaN(e)||Number.isNaN(o))}(t);if(n.mounted&&i){var r=n.setTransformState,a=n.transformState,s=a.scale,u=a.positionX,c=a.positionY,p=t.scale-s,f=t.positionX-u,d=t.positionY-c;0===e?r(t.scale,t.positionX,t.positionY):l(n,o,e,(function(n){r(s+p*n,u+f*n,c+d*n)}))}}var p=function(n,t){var e=n.wrapperComponent,o=n.contentComponent,i=n.setup.centerZoomedOut;if(!e||!o)throw new Error("Components are not mounted");var r=function(n,t,e){var o=n.offsetWidth,i=n.offsetHeight,r=t.offsetWidth*e,a=t.offsetHeight*e;return{wrapperWidth:o,wrapperHeight:i,newContentWidth:r,newDiffWidth:o-r,newContentHeight:a,newDiffHeight:i-a}}(e,o,t),a=r.wrapperWidth,s=r.wrapperHeight,u=function(n,t,e,o,i,r,a){var s=n>t?e*(a?1:.5):0,u=o>i?r*(a?1:.5):0;return{minPositionX:n-t-s,maxPositionX:s,minPositionY:o-i-u,maxPositionY:u}}(a,r.newContentWidth,r.newDiffWidth,s,r.newContentHeight,r.newDiffHeight,Boolean(i));return u},f=function(n,t,e,o){return i(o?n<t?t:n>e?e:n:n,2)},d=function(n,t){var e=p(n,t);return n.bounds=e,e};function m(n,t,e,o,i,r,a){var s=e.minPositionX,u=e.minPositionY,l=e.maxPositionX,c=e.maxPositionY,p=0,d=0;return a&&(p=i,d=r),{x:f(n,s-p,l+p,o),y:f(t,u-d,c+d,o)}}function v(n,t,e,o,i,r){var a=n.transformState,s=a.scale,u=a.positionX,l=a.positionY,c=o-s;return"number"!==typeof t||"number"!==typeof e?(console.error("Mouse X and Y position were not provided!"),{x:u,y:l}):m(u-t*c,l-e*c,i,r,0,0,null)}function h(n,t,e,o,i){var r=t-(i?o:0);return!Number.isNaN(e)&&n>=e?e:!Number.isNaN(t)&&n<=r?r:n}var g=function(n,t){var e=n.setup.panning.excluded,o=n.isInitialized,i=n.wrapperComponent,r=t.target,a=null===i||void 0===i?void 0:i.contains(r);return!!(o&&r&&a)&&!U(r,e)},S=function(n){var t=n.isInitialized,e=n.isPanning,o=n.setup.panning.disabled;return!(!t||!e||o)};var y=function(n,t){var e=n.setup,o=n.transformState.scale,i=e.minScale,r=e.disablePadding;return t>0&&o>=i&&!r?t:0};function w(n,t,e,o,i,r,a,s,u,l){if(i){var c;if(t>a&&e>a)return(c=a+(n-a)*l)>u?u:c<a?a:c;if(t<r&&e<r)return(c=r+(n-r)*l)<s?s:c>r?r:c}return o?t:f(n,r,a,i)}function b(n,t){var e=function(n){var t=n.mounted,e=n.setup,o=e.disabled,i=e.velocityAnimation,r=n.transformState.scale;return!(i.disabled&&!(r>1)&&o&&!t)}(n);if(e){var o=n.lastMousePosition,i=n.velocityTime,r=n.setup,a=n.wrapperComponent,s=r.velocityAnimation.equalToMove,u=Date.now();if(o&&i&&a){var l=function(n,t){return t?Math.min(1,n.offsetWidth/window.innerWidth):1}(a,s),c=t.x-o.x,p=t.y-o.y,f=c/l,d=p/l,m=u-i,v=c*c+p*p,h=Math.sqrt(v)/m;n.velocity={velocityX:f,velocityY:d,total:h}}n.lastMousePosition=t,n.velocityTime=u}}function C(n,t){var e=n.transformState.scale;u(n),d(n,e),void 0!==window.TouchEvent&&t instanceof TouchEvent?function(n,t){var e=t.touches,o=n.transformState,i=o.positionX,r=o.positionY;if(n.isPanning=!0,1===e.length){var a=e[0].clientX,s=e[0].clientY;n.startCoords={x:a-i,y:s-r}}}(n,t):function(n,t){var e=n.transformState,o=e.positionX,i=e.positionY;n.isPanning=!0;var r=t.clientX,a=t.clientY;n.startCoords={x:r-o,y:a-i}}(n,t)}function P(n){var t=n.transformState.scale,e=n.setup,o=e.minScale,i=e.alignmentAnimation,r=i.disabled,a=i.sizeX,s=i.sizeY,u=i.animationTime,l=i.animationType;if(!(r||t<o||!a&&!s)){var p=function(n){var t=n.transformState,e=t.positionX,o=t.positionY,i=t.scale,r=n.setup,a=r.disabled,s=r.limitToBounds,u=r.centerZoomedOut,l=n.wrapperComponent;if(!a&&l&&n.bounds){var c=n.bounds,p=c.maxPositionX,f=c.minPositionX,d=c.maxPositionY,m=c.minPositionY,h=e>p||e<f,g=o>d||o<m,S=v(n,e>p?l.offsetWidth:n.setup.minPositionX||0,o>d?l.offsetHeight:n.setup.minPositionY||0,i,n.bounds,s||u),y=S.x,w=S.y;return{scale:i,positionX:h?y:e,positionY:g?w:o}}}(n);p&&c(n,p,u,l)}}function x(n,t,e){var o=n.startCoords,i=n.setup.alignmentAnimation,r=i.sizeX,a=i.sizeY;if(o){var s=function(n,t,e){var o=n.startCoords,i=n.transformState,r=n.setup.panning,a=r.lockAxisX,s=r.lockAxisY,u=i.positionX,l=i.positionY;if(!o)return{x:u,y:l};var c=t-o.x,p=e-o.y;return{x:a?u:c,y:s?l:p}}(n,t,e),u=s.x,l=s.y,c=y(n,r),p=y(n,a);b(n,{x:u,y:l}),function(n,t,e,o,i){var r=n.setup.limitToBounds,a=n.wrapperComponent,s=n.bounds,u=n.transformState,l=u.scale,c=u.positionX,p=u.positionY;if(null!==a&&null!==s&&(t!==c||e!==p)){var f=m(t,e,s,r,o,i,a),d=f.x,v=f.y;n.setTransformState(l,d,v)}}(n,u,l,c,p)}}function T(n){if(n.isPanning){var t=n.setup.panning.velocityDisabled,e=n.velocity,o=n.wrapperComponent,i=n.contentComponent;n.isPanning=!1,n.animate=!1,n.animation=null;var r=null===o||void 0===o?void 0:o.getBoundingClientRect(),s=null===i||void 0===i?void 0:i.getBoundingClientRect(),u=(null===r||void 0===r?void 0:r.width)||0,c=(null===r||void 0===r?void 0:r.height)||0,p=(null===s||void 0===s?void 0:s.width)||0,f=(null===s||void 0===s?void 0:s.height)||0,d=u<p||c<f;!t&&e&&(null===e||void 0===e?void 0:e.total)>.1&&d?function(n){var t=n.velocity,e=n.bounds,o=n.setup,i=n.wrapperComponent,r=function(n){var t=n.mounted,e=n.velocity,o=n.bounds,i=n.setup,r=i.disabled,a=i.velocityAnimation,s=n.transformState.scale;return!(a.disabled&&!(s>1)&&r&&!t)&&!(!e||!o)}(n);if(r&&t&&e&&i){var s=t.velocityX,u=t.velocityY,c=t.total,p=e.maxPositionX,f=e.minPositionX,d=e.maxPositionY,m=e.minPositionY,v=o.limitToBounds,h=o.alignmentAnimation,g=o.zoomAnimation,S=o.panning,b=S.lockAxisY,C=S.lockAxisX,P=g.animationType,x=h.sizeX,T=h.sizeY,E=h.velocityAlignmentTime,Y=function(n,t){var e=n.setup.velocityAnimation,o=e.equalToMove,i=e.animationTime,r=e.sensitivity;return o?i*t*r:i}(n,c),X=Math.max(Y,E),z=y(n,x),N=y(n,T),k=z*i.offsetWidth/100,O=N*i.offsetHeight/100,I=p+k,W=f-k,A=d+O,D=m-O,M=n.transformState,B=(new Date).getTime();l(n,P,X,(function(t){var e=n.transformState,o=e.scale,i=e.positionX,r=e.positionY,l=((new Date).getTime()-B)/E,c=1-(0,a[h.animationType])(Math.min(1,l)),g=1-t,S=i+s*g,y=r+u*g,P=w(S,M.positionX,i,C,v,f,p,W,I,c),x=w(y,M.positionY,r,b,v,m,d,D,A,c);i===S&&r===y||n.setTransformState(o,P,x)}))}}(n):P(n)}}function E(n,t,e,o){var r=n.setup,a=r.minScale,s=r.maxScale,u=r.limitToBounds,l=h(i(t,2),a,s,0,!1),c=v(n,e,o,l,d(n,l),u);return{scale:l,positionX:c.x,positionY:c.y}}function Y(n,t,e){var o=n.transformState.scale,i=n.wrapperComponent,r=n.setup,a=r.minScale,s=r.limitToBounds,u=r.zoomAnimation,l=u.disabled,p=u.animationTime,f=u.animationType,d=l||o>=a;if((o>=1||s)&&P(n),!d&&i&&n.mounted){var m=E(n,a,t||i.offsetWidth/2,e||i.offsetHeight/2);m&&c(n,m,p,f)}}var X=function(){return X=Object.assign||function(n){for(var t,e=1,o=arguments.length;e<o;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},X.apply(this,arguments)};function z(n,t,e){if(e||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||(o||(o=Array.prototype.slice.call(t,0,i)),o[i]=t[i]);return n.concat(o||Array.prototype.slice.call(t))}var N=1,k=0,O=0,I={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,wheel:{step:.2,disabled:!1,smoothStep:.001,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,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}},W=function(n){var t,e,o,i;return{previousScale:null!==(t=n.initialScale)&&void 0!==t?t:N,scale:null!==(e=n.initialScale)&&void 0!==e?e:N,positionX:null!==(o=n.initialPositionX)&&void 0!==o?o:k,positionY:null!==(i=n.initialPositionY)&&void 0!==i?i:O}},A=function(n){var t=X({},I);return Object.keys(n).forEach((function(e){var o="undefined"!==typeof n[e];if("undefined"!==typeof I[e]&&o){var i=Object.prototype.toString.call(I[e]),r="[object Object]"===i,a="[object Array]"===i;t[e]=r?X(X({},I[e]),n[e]):a?z(z([],I[e],!0),n[e],!0):n[e]}})),t},D=function(n,t,e){var o=n.transformState.scale,r=n.wrapperComponent,a=n.setup,s=a.maxScale,u=a.minScale,l=a.zoomAnimation,c=a.smooth,p=l.size;if(!r)throw new Error("Wrapper is not mounted");var f=c?o*Math.exp(t*e):o+t*e;return h(i(f,3),u,s,p,!1)};function M(n,t,e,o,i){var r=n.wrapperComponent,a=n.transformState,s=a.scale,u=a.positionX,l=a.positionY;if(!r)return console.error("No WrapperComponent found");var p=(r.offsetWidth/2-u)/s,f=(r.offsetHeight/2-l)/s,d=E(n,D(n,t,e),p,f);if(!d)return console.error("Error during zoom event. New transformation state was not calculated.");c(n,d,o,i)}function B(n,t,e,o){var i=n.setup,r=n.wrapperComponent,a=i.limitToBounds,s=W(n.props),u=n.transformState,l=u.scale,f=u.positionX,d=u.positionY;if(r){var v=p(n,s.scale),h=m(s.positionX,s.positionY,v,a,0,0,r),g={scale:s.scale,positionX:h.x,positionY:h.y};l===s.scale&&f===s.positionX&&d===s.positionY||(null===o||void 0===o||o(),c(n,g,t,e))}}var R=function(n){return function(t,e,o){void 0===t&&(t=.5),void 0===e&&(e=300),void 0===o&&(o="easeOut"),M(n,1,t,e,o)}},K=function(n){return function(t,e,o){void 0===t&&(t=.5),void 0===e&&(e=300),void 0===o&&(o="easeOut"),M(n,-1,t,e,o)}},L=function(n){return function(t,e,o,i,r){void 0===i&&(i=300),void 0===r&&(r="easeOut");var a=n.transformState,s=a.positionX,u=a.positionY,l=a.scale,p=n.wrapperComponent,f=n.contentComponent;if(!n.setup.disabled&&p&&f){var d={positionX:Number.isNaN(t)?s:t,positionY:Number.isNaN(e)?u:e,scale:Number.isNaN(o)?l:o};c(n,d,i,r)}}},Z=function(n){return function(t,e){void 0===t&&(t=200),void 0===e&&(e="easeOut"),B(n,t,e)}},H=function(n){return function(t,e,o){void 0===e&&(e=200),void 0===o&&(o="easeOut");var i=n.transformState,r=n.wrapperComponent,a=n.contentComponent;if(r&&a){var s=$(t||i.scale,r,a);c(n,s,e,o)}}},_=function(n){return function(t,e,o,i){void 0===o&&(o=600),void 0===i&&(i="easeOut"),u(n);var r=n.wrapperComponent,a="string"===typeof t?document.getElementById(t):t;if(r&&a&&r.contains(a)){var s=function(n,t,e){var o=n.wrapperComponent,i=n.contentComponent,r=n.transformState,a=n.setup,s=a.limitToBounds,u=a.minScale,l=a.maxScale;if(!o||!i)return r;var c=o.getBoundingClientRect(),f=t.getBoundingClientRect(),d=function(n,t,e,o){var i=n.getBoundingClientRect(),r=t.getBoundingClientRect(),a=e.getBoundingClientRect(),s=r.x*o.scale,u=r.y*o.scale;return{x:(i.x-a.x+s)/o.scale,y:(i.y-a.y+u)/o.scale}}(t,o,i,r),v=d.x,g=d.y,S=f.width/r.scale,y=f.height/r.scale,w=o.offsetWidth/S,b=o.offsetHeight/y,C=h(e||Math.min(w,b),u,l,0,!1),P=(c.width-S*C)/2,x=(c.height-y*C)/2,T=m((c.left-v)*C+P,(c.top-g)*C+x,p(n,C),s,0,0,o);return{positionX:T.x,positionY:T.y,scale:C}}(n,a,e);c(n,s,o,i)}}},j=function(n){return{instance:n,zoomIn:R(n),zoomOut:K(n),setTransform:L(n),resetTransform:Z(n),centerView:H(n),zoomToElement:_(n)}},F=function(n){return{instance:n,state:n.transformState}},Q=function(n){var t={};return Object.assign(t,F(n)),Object.assign(t,j(n)),t};

1(t,null),x=function(n,t,e,o,r){var a=n.transformState.scale,s=n.wrapperComponent,u=n.setup,l=u.maxScale,c=u.minScale,p=u.zoomAnimation,f=u.disablePadding,d=p.size,m=p.disabled;if(!s)throw new Error("Wrapper is not mounted");var v=a+t*e;if(r)return v;var g=!o&&!m;return h(i(v,3),c,l,d,g&&!f)}(n,P,S?C*Math.abs(t.deltaY):b,!t.ctrlKey);if(l!==x){var T=d(n,x),E=nn(t,s,l),Y=c&&(w||0===y||p||g),X=v(n,E.x,E.y,x,T,Y),z=X.x,N=X.y;n.previousWheelEvent=t,n.setTransformState(x,z,N),r(Q(n),t,o),r(Q(n),t,a)}},on=function(n,t){var e=n.props,o=e.onWheelStop,i=e.onZoomStop;V(n.wheelAnimationTimer),n.wheelAnimationTimer=setTimeout((function(){n.mounted&&(Y(n,t.x,t.y),n.wheelAnimationTimer=null)}),100);var a=function(n,t){var e=n.previousWheelEvent,o=n.transformState.scale,i=n.setup,r=i.maxScale,a=i.minScale;return!!e&&(o<r||o>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))}(n,t);a&&(V(n.wheelStopEventTimer),n.wheelStopEventTimer=setTimeout((function(){n.mounted&&(n.wheelStopEventTimer=null,r(Q(n),t,o),r(Q(n),t,i))}),160))},rn=function(n,t){var e=n.contentComponent,o=n.pinchStartDistance,r=n.transformState.scale,a=n.setup,s=a.limitToBounds,u=a.centerZoomedOut,l=a.zoomAnimation,c=l.disabled,p=l.size;if(null!==o&&e){var f=function(n,t,e){var o=e.getBoundingClientRect(),r=n.touches,a=i(r[0].clientX-o.left,5),s=i(r[0].clientY-o.top,5);return{x:(a+i(r[1].clientX-o.left,5))/2/t,y:(s+i(r[1].clientY-o.top,5))/2/t}}(t,r,e);if(Number.isFinite(f.x)&&Number.isFinite(f.y)){var m=tn(t),g=function(n,t){var e=n.pinchStartScale,o=n.pinchStartDistance,r=n.setup,a=r.maxScale,s=r.minScale,u=r.zoomAnimation,l=r.disablePadding,c=u.size,p=u.disabled;if(!e||null===o||!t)throw new Error("Pinch touches distance was not provided");return t<0?n.transformState.scale:h(i(t/o*e,2),s,a,c,!p&&!l)}(n,m);if(g!==r){var S=d(n,g),y=s&&(c||0===p||u),w=v(n,f.x,f.y,g,S,y),b=w.x,C=w.y;n.pinchMidpoint=f,n.lastDistance=m,n.setTransformState(g,b,C)}}}},an=function(n,t){var e=n.props.onZoomStop,o=n.setup.doubleClick.animationTime;V(n.doubleClickStopEventTimer),n.doubleClickStopEventTimer=setTimeout((function(){n.doubleClickStopEventTimer=null,r(Q(n),t,e)}),o)};function sn(n,t){var e=n.setup,o=n.doubleClickStopEventTimer,i=n.transformState,a=n.contentComponent,s=i.scale,u=n.props,l=u.onZoomStart,p=u.onZoom,f=e.doubleClick,d=f.disabled,m=f.mode,v=f.step,h=f.animationTime,g=f.animationType;if(!d&&!o){if("reset"===m)return function(n,t){var e=n.props,o=e.onZoomStart,i=e.onZoom,a=n.setup.doubleClick,s=a.animationTime,u=a.animationType;r(Q(n),t,o),B(n,s,u,(function(){return r(Q(n),t,i)})),an(n,t)}(n,t);if(!a)return console.error("No ContentComponent found");var S=D(n,"zoomOut"===m?-1:1,v);if(s!==S){r(Q(n),t,l);var y=nn(t,a,s),w=E(n,S,y.x,y.y);if(!w)return console.error("Error during zoom event. New transformation state was not calculated.");r(Q(n),t,p),c(n,w,h,g),an(n,t)}}}var un=function(n){var t=this;this.mounted=!0,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.startCoords=null,this.lastTouch=null,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.animate=!1,this.animation=null,this.maxBounds=null,this.pressedKeys={},this.mount=function(){t.initializeWindowEvents()},this.unmount=function(){t.cleanupWindowEvents()},this.update=function(n){d(t,t.transformState.scale),t.setup=A(n)},this.initializeWindowEvents=function(){var n,e=q(),o=null===(n=t.wrapperComponent)||void 0===n?void 0:n.ownerDocument,i=null===o||void 0===o?void 0:o.defaultView;null===i||void 0===i||i.addEventListener("mousedown",t.onPanningStart,e),null===i||void 0===i||i.addEventListener("mousemove",t.onPanning,e),null===i||void 0===i||i.addEventListener("mouseup",t.onPanningStop,e),null===o||void 0===o||o.addEventListener("mouseleave",t.clearPanning,e),null===i||void 0===i||i.addEventListener("keyup",t.setKeyUnPressed,e),null===i||void 0===i||i.addEventListener("keydown",t.setKeyPressed,e)},this.cleanupWindowEvents=function(){var n,e,o=q(),i=null===(n=t.wrapperComponent)||void 0===n?void 0:n.ownerDocument,r=null===i||void 0===i?void 0:i.defaultView;null===r||void 0===r||r.removeEventListener("mousedown",t.onPanningStart,o),null===r||void 0===r||r.removeEventListener("mousemove",t.onPanning,o),null===r||void 0===r||r.removeEventListener("mouseup",t.onPanningStop,o),null===i||void 0===i||i.removeEventListener("mouseleave",t.clearPanning,o),null===r||void 0===r||r.removeEventListener("keyup",t.setKeyUnPressed,o),null===r||void 0===r||r.removeEventListener("keydown",t.setKeyPressed,o),document.removeEventListener("mouseleave",t.clearPanning,o),u(t),null===(e=t.observer)||void 0===e||e.disconnect()},this.handleInitializeWrapperEvents=function(n){var e=q();n.addEventListener("wheel",t.onWheelZoom,e),n.addEventListener("dblclick",t.onDoubleClick,e),n.addEventListener("touchstart",t.onTouchPanningStart,e),n.addEventListener("touchmove",t.onTouchPanning,e),n.addEventListener("touchend",t.onTouchPanningStop,e)},this.handleInitialize=function(n){var e=t.setup.centerOnInit;t.applyTransformation(),t.onInitCallbacks.forEach((function(n){return n(Q(t))})),e&&(t.setCenter(),t.observer=new ResizeObserver((function(){var n;t.onInitCallbacks.forEach((function(n){return n(Q(t))})),t.setCenter(),null===(n=t.observer)||void 0===n||n.disconnect()})),t.observer.observe(n))},this.onWheelZoom=function(n){if(!t.setup.disabled){var e=function(n,t){var e=n.setup.wheel,o=e.disabled,i=e.wheelDisabled,r=e.touchPadDisabled,a=e.excluded,s=n.isInitialized,u=n.isPanning,l=t.target;return!(!s||u||o||!l)&&!(i&&!t.ctrlKey)&&(!r||!t.ctrlKey)&&!U(l,a)}(t,n);e&&t.isPressingKeys(t.setup.wheel.activationKeys)&&(function(n,t){var e=n.props,o=e.onWheelStart,i=e.onZoomStart;n.wheelStopEventTimer||(u(n),r(Q(n),t,o),r(Q(n),t,i))}(t,n),en(t,n),on(t,n))}},this.onPanningStart=function(n){var e=t.setup.disabled,o=t.props.onPanningStart;e||g(t,n)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(0!==n.button||t.setup.panning.allowLeftClickPan)&&(1!==n.button||t.setup.panning.allowMiddleClickPan)&&(2!==n.button||t.setup.panning.allowRightClickPan)&&(n.preventDefault(),n.stopPropagation(),u(t),C(t,n),r(Q(t),n,o))},this.onPanning=function(n){var e=t.setup.disabled,o=t.props.onPanning;e||S(t)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(n.preventDefault(),n.stopPropagation(),x(t,n.clientX,n.clientY),r(Q(t),n,o))},this.onPanningStop=function(n){var e=t.props.onPanningStop;t.isPanning&&(T(t),r(Q(t),n,e))},this.onPinchStart=function(n){var e=t.setup.disabled,o=t.props,i=o.onPinchingStart,a=o.onZoomStart;if(!e){var s=function(n,t){var e=n.setup.pinch,o=e.disabled,i=e.excluded,r=n.isInitialized,a=t.target;return!(!r||o||!a)&&!U(a,i)}(t,n);s&&(function(n,t){var e=tn(t);n.pinchStartDistance=e,n.lastDistance=e,n.pinchStartScale=n.transformState.scale,n.isPanning=!1,u(n)}(t,n),u(t),r(Q(t),n,i),r(Q(t),n,a))}},this.onPinch=function(n){var e=t.setup.disabled,o=t.props,i=o.onPinching,a=o.onZoom;if(!e){var s=function(n){var t=n.setup.pinch.disabled,e=n.isInitialized,o=n.pinchStartDistance;return!(!e||t||!o)}(t);s&&(n.preventDefault(),n.stopPropagation(),rn(t,n),r(Q(t),n,i),r(Q(t),n,a))}},this.onPinchStop=function(n){var e=t.props,o=e.onPinchingStop,i=e.onZoomStop;t.pinchStartScale&&(function(n){var t=n.pinchMidpoint;n.velocity=null,n.lastDistance=null,n.pinchMidpoint=null,n.pinchStartScale=null,n.pinchStartDistance=null,Y(n,null===t||void 0===t?void 0:t.x,null===t||void 0===t?void 0:t.y)}(t),r(Q(t),n,o),r(Q(t),n,i))},this.onTouchPanningStart=function(n){var e=t.setup.disabled,o=t.props.onPanningStart;if(!e&&g(t,n))if(t.lastTouch&&+new Date-t.lastTouch<200&&1===n.touches.length)t.onDoubleClick(n);else{t.lastTouch=+new Date,u(t);var i=n.touches,a=1===i.length,s=2===i.length;a&&(u(t),C(t,n),r(Q(t),n,o)),s&&t.onPinchStart(n)}},this.onTouchPanning=function(n){var e=t.setup.disabled,o=t.props.onPanning;if(t.isPanning&&1===n.touches.length){if(e)return;if(!S(t))return;n.preventDefault(),n.stopPropagation();var i=n.touches[0];x(t,i.clientX,i.clientY),r(Q(t),n,o)}else n.touches.length>1&&t.onPinch(n)},this.onTouchPanningStop=function(n){t.onPanningStop(n),t.onPinchStop(n)},this.onDoubleClick=function(n){if(!t.setup.disabled){var e=function(n,t){var e=n.isInitialized,o=n.setup,i=n.wrapperComponent,r=o.doubleClick,a=r.disabled,s=r.excluded,u=t.target,l=null===i||void 0===i?void 0:i.contains(u);return!(!(e&&u&&l)||a)&&!U(u,s)}(t,n);e&&sn(t,n)}},this.clearPanning=function(n){t.isPanning&&t.onPanningStop(n)},this.setKeyPressed=function(n){t.pressedKeys[n.key]=!0},this.setKeyUnPressed=function(n){t.pressedKeys[n.key]=!1},this.isPressingKeys=function(n){return!n.length||Boolean(n.find((function(n){return t.pressedKeys[n]})))},this.setTransformState=function(n,e,o){var i=t.props.onTransformed;if(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(o))console.error("Detected NaN set state values");else{n!==t.transformState.scale&&(t.transformState.previousScale=t.transformState.scale,t.transformState.scale=n),t.transformState.positionX=e,t.transformState.positionY=o,t.applyTransformation();var a=Q(t);t.onChangeCallbacks.forEach((function(n){return n(a)})),r(a,{scale:n,positionX:e,positionY:o},i)}},this.setCenter=function(){if(t.wrapperComponent&&t.contentComponent){var n=$(t.transformState.scale,t.wrapperComponent,t.contentComponent);t.setTransformState(n.scale,n.positionX,n.positionY)}},this.handleTransformStyles=function(n,e,o){return t.props.customTransform?t.props.customTransform(n,e,o):G(n,e,o)},this.applyTransformation=function(){if(t.mounted&&t.contentComponent){var n=t.transformState,e=n.scale,o=n.positionX,i=n.positionY,r=t.handleTransformStyles(o,i,e);t.contentComponent.style.transform=r}},this.getContext=function(){return Q(t)},this.onChange=function(n){return t.onChangeCallbacks.has(n)||t.onChangeCallbacks.add(n),function(){t.onCh