"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[825],{26847:(n,t,e)=>{e.d(t,{GT:()=>J,WZ:()=>G});var i=e(40099),o=function(n,t){return Number(n.toFixed(t))},a=function(n,t,e){e&&"function"==typeof e&&e(n,t)},r={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,i){if(n.mounted){var o=(new Date).getTime();u(n),n.animation=function(){if(!n.mounted)return s(n.animation);var a=(new Date).getTime()-o,u=a/e,l=(0,r[t])(u);a>=e?(i(1),n.animation=null):n.animation&&(i(l),requestAnimationFrame(n.animation))},requestAnimationFrame(n.animation)}}function c(n,t,e,i){var o=function(n){var t=n.scale,e=n.positionX,i=n.positionY;return!(Number.isNaN(t)||Number.isNaN(e)||Number.isNaN(i))}(t);if(n.mounted&&o){var a=n.setTransformState,r=n.transformState,s=r.scale,u=r.positionX,c=r.positionY,p=t.scale-s,f=t.positionX-u,m=t.positionY-c;0===e?a(t.scale,t.positionX,t.positionY):l(n,i,e,(function(n){a(s+p*n,u+f*n,c+m*n)}))}}var p=function(n,t){var e=n.wrapperComponent,i=n.contentComponent,o=n.setup.centerZoomedOut;if(!e||!i)throw new Error("Components are not mounted");var a=function(n,t,e){var i=n.offsetWidth,o=n.offsetHeight,a=t.offsetWidth*e,r=t.offsetHeight*e;return{wrapperWidth:i,wrapperHeight:o,newContentWidth:a,newDiffWidth:i-a,newContentHeight:r,newDiffHeight:o-r}}(e,i,t),r=a.wrapperWidth,s=a.wrapperHeight,u=function(n,t,e,i,o,a,r){var s=n>t?e*(r?1:.5):0,u=i>o?a*(r?1:.5):0;return{minPositionX:n-t-s,maxPositionX:s,minPositionY:i-o-u,maxPositionY:u}}(r,a.newContentWidth,a.newDiffWidth,s,a.newContentHeight,a.newDiffHeight,Boolean(o));return u},f=function(n,t,e,i){return o(i?ne?e:n:n,2)},m=function(n,t){var e=p(n,t);return n.bounds=e,e};function d(n,t,e,i,o,a,r){var s=e.minPositionX,u=e.minPositionY,l=e.maxPositionX,c=e.maxPositionY,p=0,m=0;return r&&(p=o,m=a),{x:f(n,s-p,l+p,i),y:f(t,u-m,c+m,i)}}function v(n,t,e,i,o,a){var r=n.transformState,s=r.scale,u=r.positionX,l=r.positionY,c=i-s;return"number"!=typeof t||"number"!=typeof e?(console.error("Mouse X and Y position were not provided!"),{x:u,y:l}):d(u-t*c,l-e*c,o,a,0,0,null)}function h(n,t,e,i,o){var a=t-(o?i:0);return!Number.isNaN(e)&&n>=e?e:!Number.isNaN(t)&&n<=a?a:n}var g=function(n,t){var e=n.setup.panning.excluded,i=n.isInitialized,o=n.wrapperComponent,a=t.target,r=null==o?void 0:o.contains(a);return!!(i&&a&&r)&&!Z(a,e)},S=function(n){var t=n.isInitialized,e=n.isPanning,i=n.setup.panning.disabled;return!(!t||!e||i)},y=function(n,t){var e=n.setup,i=n.transformState.scale,o=e.minScale,a=e.disablePadding;return t>0&&i>=o&&!a?t:0},w=function(n){var t=n.mounted,e=n.setup,i=e.disabled,o=e.velocityAnimation,a=n.transformState.scale;return!(o.disabled&&!(a>1)&&i&&!t)};function b(n,t,e,i,o,a,r,s,u,l){if(o){var c;if(t>r&&e>r)return(c=r+(n-r)*l)>u?u:ca?a:c}return i?t:f(n,a,r,o)}function C(n,t){var e=n.transformState.scale;u(n),m(n,e),void 0!==window.TouchEvent&&t instanceof TouchEvent?function(n,t){var e=t.touches,i=n.transformState,o=i.positionX,a=i.positionY;if(n.isPanning=!0,1===e.length){var r=e[0].clientX,s=e[0].clientY;n.startCoords={x:r-o,y:s-a}}}(n,t):function(n,t){var e=n.transformState,i=e.positionX,o=e.positionY;n.isPanning=!0;var a=t.clientX,r=t.clientY;n.startCoords={x:a-i,y:r-o}}(n,t)}function P(n){var t=n.transformState.scale,e=n.setup,i=e.minScale,o=e.alignmentAnimation,a=o.disabled,r=o.sizeX,s=o.sizeY,u=o.animationTime,l=o.animationType;if(!(a||tp||em||ip?l.offsetWidth:n.setup.minPositionX||0,i>m?l.offsetHeight:n.setup.minPositionY||0,o,n.bounds,s||u),y=S.x,w=S.y;return{scale:o,positionX:h?y:e,positionY:g?w:i}}}(n);p&&c(n,p,u,l)}}function T(n,t,e){var i=n.startCoords,o=n.setup.alignmentAnimation,a=o.sizeX,r=o.sizeY;if(i){var s=function(n,t,e){var i=n.startCoords,o=n.transformState,a=n.setup.panning,r=a.lockAxisX,s=a.lockAxisY,u=o.positionX,l=o.positionY;if(!i)return{x:u,y:l};var c=t-i.x,p=e-i.y;return{x:r?u:c,y:s?l:p}}(n,t,e),u=s.x,l=s.y,c=y(n,a),p=y(n,r);(function(n,t){if(w(n)){var e=n.lastMousePosition,i=n.velocityTime,o=n.setup,a=n.wrapperComponent,r=o.velocityAnimation.equalToMove,s=Date.now();if(e&&i&&a){var u=function(n,t){return t?Math.min(1,n.offsetWidth/window.innerWidth):1}(a,r),l=t.x-e.x,c=t.y-e.y,p=l/u,f=c/u,m=s-i,d=l*l+c*c,v=Math.sqrt(d)/m;n.velocity={velocityX:p,velocityY:f,total:v}}n.lastMousePosition=t,n.velocityTime=s}})(n,{x:u,y:l}),function(n,t,e,i,o){var a=n.setup.limitToBounds,r=n.wrapperComponent,s=n.bounds,u=n.transformState,l=u.scale,c=u.positionX,p=u.positionY;if(null!==r&&null!==s&&(t!==c||e!==p)){var f=d(t,e,s,a,i,o,r),m=f.x,v=f.y;n.setTransformState(l,m,v)}}(n,u,l,c,p)}}function x(n,t,e,i){var a=n.setup,r=a.minScale,s=a.maxScale,u=a.limitToBounds,l=h(o(t,2),r,s,0,!1),c=v(n,e,i,l,m(n,l),u);return{scale:l,positionX:c.x,positionY:c.y}}function E(n,t,e){var i=n.transformState.scale,o=n.wrapperComponent,a=n.setup,r=a.minScale,s=a.limitToBounds,u=a.zoomAnimation,l=u.disabled,p=u.animationTime,f=u.animationType,m=l||i>=r;if((i>=1||s)&&P(n),!m&&o&&n.mounted){var d=x(n,r,t||o.offsetWidth/2,e||o.offsetHeight/2);d&&c(n,d,p,f)}}var Y=function(){return Y=Object.assign||function(n){for(var t,e=1,i=arguments.length;er||Math.sign(e.deltaY)!==Math.sign(t.deltaY)||e.deltaY>0&&e.deltaYt.deltaY||Math.sign(e.deltaY)!==Math.sign(t.deltaY))}(n,t);r&&(R(n.wheelStopEventTimer),n.wheelStopEventTimer=setTimeout((function(){n.mounted&&(n.wheelStopEventTimer=null,a(K(n),t,i),a(K(n),t,o))}),160))}(t,n))}},this.onPanningStart=function(n){var e=t.setup.disabled,i=t.props.onPanningStart;e||g(t,n)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(n.preventDefault(),n.stopPropagation(),u(t),C(t,n),a(K(t),n,i))},this.onPanning=function(n){var e=t.setup.disabled,i=t.props.onPanning;e||S(t)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(n.preventDefault(),n.stopPropagation(),T(t,n.clientX,n.clientY),a(K(t),n,i))},this.onPanningStop=function(n){var e=t.props.onPanningStop;t.isPanning&&(function(n){if(n.isPanning){var t=n.setup.panning.velocityDisabled,e=n.velocity,i=n.wrapperComponent,o=n.contentComponent;n.isPanning=!1,n.animate=!1,n.animation=null;var a=null==i?void 0:i.getBoundingClientRect(),s=null==o?void 0:o.getBoundingClientRect(),u=(null==a?void 0:a.width)||0,c=(null==a?void 0:a.height)||0,p=(null==s?void 0:s.width)||0,f=(null==s?void 0:s.height)||0,m=u.1&&m?function(n){var t=n.velocity,e=n.bounds,i=n.setup,o=n.wrapperComponent;if(function(n){var t=n.mounted,e=n.velocity,i=n.bounds,o=n.setup,a=o.disabled,r=o.velocityAnimation,s=n.transformState.scale;return!(r.disabled&&!(s>1)&&a&&!t||!e||!i)}(n)&&t&&e&&o){var a=t.velocityX,s=t.velocityY,u=t.total,c=e.maxPositionX,p=e.minPositionX,f=e.maxPositionY,m=e.minPositionY,d=i.limitToBounds,v=i.alignmentAnimation,h=i.zoomAnimation,g=i.panning,S=g.lockAxisY,w=g.lockAxisX,C=h.animationType,P=v.sizeX,T=v.sizeY,x=v.velocityAlignmentTime,E=function(n,t){var e=n.setup.velocityAnimation,i=e.equalToMove,o=e.animationTime,a=e.sensitivity;return i?o*t*a:o}(n,u),Y=Math.max(E,x),X=y(n,P),N=y(n,T),z=X*o.offsetWidth/100,D=N*o.offsetHeight/100,A=c+z,O=p-z,W=f+D,k=m-D,I=n.transformState,B=(new Date).getTime();l(n,C,Y,(function(t){var e=n.transformState,i=e.scale,o=e.positionX,u=e.positionY,l=((new Date).getTime()-B)/x,h=1-(0,r[v.animationType])(Math.min(1,l)),g=1-t,y=o+a*g,C=u+s*g,P=b(y,I.positionX,o,w,d,p,c,O,A,h),T=b(C,I.positionY,u,S,d,m,f,k,W,h);o===y&&u===C||n.setTransformState(i,P,T)}))}}(n):P(n)}}(t),a(K(t),n,e))},this.onPinchStart=function(n){var e=t.setup.disabled,i=t.props,o=i.onPinchingStart,r=i.onZoomStart;if(!e){var s=function(n,t){var e=n.setup.pinch,i=e.disabled,o=e.excluded,a=n.isInitialized,r=t.target;return!(!a||i||!r||Z(r,o))}(t,n);s&&(function(n,t){var e=q(t);n.pinchStartDistance=e,n.lastDistance=e,n.pinchStartScale=n.transformState.scale,n.isPanning=!1,u(n)}(t,n),u(t),a(K(t),n,o),a(K(t),n,r))}},this.onPinch=function(n){var e=t.setup.disabled,i=t.props,r=i.onPinching,s=i.onZoom;if(!e){var u=function(n){var t=n.setup.pinch.disabled,e=n.isInitialized,i=n.pinchStartDistance;return!(!e||t||!i)}(t);u&&(n.preventDefault(),n.stopPropagation(),function(n,t){var e=n.contentComponent,i=n.pinchStartDistance,a=n.transformState.scale,r=n.setup,s=r.limitToBounds,u=r.centerZoomedOut,l=r.zoomAnimation,c=l.disabled,p=l.size;if(null!==i&&e){var f=function(n,t,e){var i=e.getBoundingClientRect(),a=n.touches,r=o(a[0].clientX-i.left,5),s=o(a[0].clientY-i.top,5);return{x:(r+o(a[1].clientX-i.left,5))/2/t,y:(s+o(a[1].clientY-i.top,5))/2/t}}(t,a,e);if(Number.isFinite(f.x)&&Number.isFinite(f.y)){var d=q(t),g=function(n,t){var e=n.pinchStartScale,i=n.pinchStartDistance,a=n.setup,r=a.maxScale,s=a.minScale,u=a.zoomAnimation,l=a.disablePadding,c=u.size,p=u.disabled;if(!e||null===i||!t)throw new Error("Pinch touches distance was not provided");return t<0?n.transformState.scale:h(o(t/i*e,2),s,r,c,!p&&!l)}(n,d);if(g!==a){var S=m(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=d,n.setTransformState(g,b,C)}}}}(t,n),a(K(t),n,r),a(K(t),n,s))}},this.onPinchStop=function(n){var e,i,o=t.props,r=o.onPinchingStop,s=o.onZoomStop;t.pinchStartScale&&(i=(e=t).pinchMidpoint,e.velocity=null,e.lastDistance=null,e.pinchMidpoint=null,e.pinchStartScale=null,e.pinchStartDistance=null,E(e,null==i?void 0:i.x,null==i?void 0:i.y),a(K(t),n,r),a(K(t),n,s))},this.onTouchPanningStart=function(n){var e=t.setup.disabled,i=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 o=n.touches,r=1===o.length,s=2===o.length;r&&(u(t),C(t,n),a(K(t),n,i)),s&&t.onPinchStart(n)}},this.onTouchPanning=function(n){var e=t.setup.disabled,i=t.props.onPanning;if(t.isPanning&&1===n.touches.length){if(e)return;if(!S(t))return;n.preventDefault(),n.stopPropagation();var o=n.touches[0];T(t,o.clientX,o.clientY),a(K(t),n,i)}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,i=n.setup,o=n.wrapperComponent,a=i.doubleClick,r=a.disabled,s=a.excluded,u=t.target,l=null==o?void 0:o.contains(u);return!(!(e&&u&&l)||r||Z(u,s))}(t,n);e&&function(n,t){var e=n.setup,i=n.doubleClickStopEventTimer,o=n.transformState,r=n.contentComponent,s=o.scale,u=n.props,l=u.onZoomStart,p=u.onZoom,f=e.doubleClick,m=f.disabled,d=f.mode,v=f.step,h=f.animationTime,g=f.animationType;if(!m&&!i){if("reset"===d)return function(n,t){var e=n.props,i=e.onZoomStart,o=e.onZoom,r=n.setup.doubleClick,s=r.animationTime,u=r.animationType;a(K(n),t,i),W(n,s,u,(function(){return a(K(n),t,o)})),j(n,t)}(n,t);if(!r)return console.error("No ContentComponent found");var S=A(n,"zoomOut"===d?-1:1,v);if(s!==S){a(K(n),t,l);var y=Q(t,r,s),w=x(n,S,y.x,y.y);if(!w)return console.error("Error during zoom event. New transformation state was not calculated.");a(K(n),t,p),c(n,w,h,g),j(n,t)}}}(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,i){var o=t.props.onTransformed;if(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(i))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=i;var r=K(t);t.onChangeCallbacks.forEach((function(n){return n(r)})),a(r,{scale:n,positionX:e,positionY:i},o),t.applyTransformation()}},this.setCenter=function(){if(t.wrapperComponent&&t.contentComponent){var n=F(t.transformState.scale,t.wrapperComponent,t.contentComponent);t.setTransformState(n.scale,n.positionX,n.positionY)}},this.handleTransformStyles=function(n,e,i){return t.props.customTransform?t.props.customTransform(n,e,i):function(n,t,e){return"translate(".concat(n,"px, ").concat(t,"px) scale(").concat(e,")")}(n,e,i)},this.applyTransformation=function(){if(t.mounted&&t.contentComponent){var n=t.transformState,e=n.scale,i=n.positionX,o=n.positionY,a=t.handleTransformStyles(i,o,e);t.contentComponent.style.transform=a}},this.getContext=function(){return K(t)},this.onChange=function(n){return t.onChangeCallbacks.has(n)||t.onChangeCallbacks.add(n),function(){t.onChangeCallbacks.delete(n)}},this.init=function(n,e){t.cleanupWindowEvents(),t.wrapperComponent=n,t.contentComponent=e,m(t,t.transformState.scale),t.handleInitializeWrapperEvents(n),t.handleInitialize(e),t.initializeWindowEvents(),t.isInitialized=!0,a(K(t),void 0,t.props.onInit)},this.props=n,this.setup=D(this.props),this.transformState=z(this.props)},V=i.createContext(null),J=i.forwardRef((function(n,t){var e=(0,i.useState)(0)[1],o=n.children,a=(0,i.useRef)(new U(n)).current,r=function(n,t){return"function"==typeof n?n(t):n}(n.children,K(a)),s=(0,i.useCallback)((function(){"function"==typeof o&&e((function(n){return n+1}))}),[o]);return(0,i.useImperativeHandle)(t,(function(){return K(a)}),[a]),(0,i.useEffect)((function(){a.update(n)}),[a,n]),(0,i.useEffect)((function(){return a.onChange(s)}),[a,n,s]),i.createElement(V.Provider,{value:a},r)}));!function(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}(".transform-component-module_wrapper__7HFJe {\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n overflow: hidden;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n margin: 0;\n padding: 0;\n}\n.transform-component-module_content__uCDPE {\n display: flex;\n flex-wrap: wrap;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin: 0;\n padding: 0;\n transform-origin: 0% 0%;\n}\n.transform-component-module_content__uCDPE img {\n pointer-events: none;\n}\n");var G=function(n){var t=n.children,e=n.wrapperClass,o=void 0===e?"":e,a=n.contentClass,r=void 0===a?"":a,s=n.wrapperStyle,u=n.contentStyle,l=n.wrapperProps,c=void 0===l?{}:l,p=n.contentProps,f=void 0===p?{}:p,m=(0,i.useContext)(V).init,d=(0,i.useRef)(null),v=(0,i.useRef)(null);return(0,i.useEffect)((function(){var n=d.current,t=v.current;null!==n&&null!==t&&m&&m(n,t)}),[]),i.createElement("div",Y({},c,{ref:d,className:"react-transform-wrapper ".concat("transform-component-module_wrapper__7HFJe"," ").concat(o),style:s}),i.createElement("div",Y({},f,{ref:v,className:"react-transform-component ".concat("transform-component-module_content__uCDPE"," ").concat(r),style:u}),t))};i.forwardRef((function(n,t){var e,o=(0,i.useRef)(null),a=(0,i.useContext)(V);return(0,i.useEffect)((function(){return a.onChange((function(n){o.current&&(o.current.style.transform=a.handleTransformStyles(0,0,1/n.state.scale))}))}),[a]),i.createElement("div",Y({},n,{ref:(e=[o,t],function(n){e.forEach((function(t){"function"==typeof t?t(n):null!=t&&(t.current=n)}))})}))}))}}]);