"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6268],{46268:function(n,t,e){e.d(t,{Uv:function(){return nf},d$:function(){return nd}});var i=e(2784),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:-1+(4-2*n)*n},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)},l=function(n){n.mounted&&(s(n.animation),n.animate=!1,n.animation=null,n.velocity=null)};function u(n,t,e,i){if(n.mounted){var o=new Date().getTime();l(n),n.animation=function(){if(!n.mounted)return s(n.animation);var a=new Date().getTime()-o,l=(0,r[t])(a/e);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,a,r,s=(o=t.scale,a=t.positionX,r=t.positionY,!(Number.isNaN(o)||Number.isNaN(a)||Number.isNaN(r)));if(n.mounted&&s){var l=n.setTransformState,c=n.transformState,p=c.scale,m=c.positionX,d=c.positionY,f=t.scale-p,v=t.positionX-m,h=t.positionY-d;0===e?l(t.scale,t.positionX,t.positionY):u(n,i,e,function(n){l(p+f*n,m+v*n,d+h*n)})}}var p=function(n,t,e,i,o,a,r){var s=n>t?e*(r?1:.5):0,l=i>o?a*(r?1:.5):0;return{minPositionX:n-t-s,maxPositionX:s,minPositionY:i-o-l,maxPositionY:l}},m=function(n,t){var e,i,o,a,r,s,l=n.wrapperComponent,u=n.contentComponent,c=n.setup.centerZoomedOut;if(!l||!u)throw Error("Components are not mounted");var m=(e=l.offsetWidth,i=l.offsetHeight,o=u.offsetWidth,a=u.offsetHeight,{wrapperWidth:e,wrapperHeight:i,newContentWidth:r=o*t,newDiffWidth:e-r,newContentHeight:s=a*t,newDiffHeight:i-s}),d=m.wrapperWidth,f=m.wrapperHeight;return p(d,m.newContentWidth,m.newDiffWidth,f,m.newContentHeight,m.newDiffHeight,!!c)},d=function(n,t,e,i){return i?ne?o(e,2):o(n,2):o(n,2)},f=function(n,t){var e=m(n,t);return n.bounds=e,e};function v(n,t,e,i,o,a,r){var s=e.minPositionX,l=e.minPositionY,u=e.maxPositionX,c=e.maxPositionY,p=0,m=0;return r&&(p=o,m=a),{x:d(n,s-p,u+p,i),y:d(t,l-m,c+m,i)}}function h(n,t,e,i,o,a){var r=n.transformState,s=r.scale,l=r.positionX,u=r.positionY,c=i-s;return"number"!=typeof t||"number"!=typeof e?(console.error("Mouse X and Y position were not provided!"),{x:l,y:u}):v(l-t*c,u-e*c,o,a,0,0,null)}function g(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 S=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)||R(a,e))},y=function(n){var t=n.isInitialized,e=n.isPanning,i=n.setup.panning.disabled;return!!t&&!!e&&!i},b=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}},w=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}}},C=function(n,t,e){var i=n.startCoords,o=n.transformState,a=n.setup.panning,r=a.lockAxisX,s=a.lockAxisY,l=o.positionX,u=o.positionY;if(!i)return{x:l,y:u};var c=t-i.x,p=e-i.y;return{x:r?l:c,y:s?u:p}},P=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},T=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},x=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};function Y(n,t,e,i,o,a,r,s,l,u){if(o){if(t>r&&e>r){var c=r+(n-r)*u;return c>l?l:ca?a:c}}return i?t:d(n,a,r,o)}function E(n,t){var e=n.transformState.scale;l(n),f(n,e),void 0!==window.TouchEvent&&t instanceof TouchEvent?w(n,t):b(n,t)}function X(n){var t=n.transformState.scale,e=n.setup,i=e.minScale,o=e.alignmentAnimation,a=o.disabled,r=o.sizeX,s=o.sizeY,l=o.animationTime,u=o.animationType;if(!(a||tp?u.offsetWidth:n.setup.minPositionX||0,g=i>d?u.offsetHeight:n.setup.minPositionY||0,S=h(n,v,g,o,n.bounds,s||l),y=S.x,b=S.y;return{scale:o,positionX:e>p||ed||i=r;if((i>=1||s)&&X(n),!d&&o&&n.mounted){var f=z(n,r,t||o.offsetWidth/2,e||o.offsetHeight/2);f&&c(n,f,p,m)}}var W=function(){return(W=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))},$=function(n,t){var e=n.setup.pinch,i=e.disabled,o=e.excluded,a=n.isInitialized,r=t.target;return!(!(a&&!i&&r)||R(r,o))},G=function(n){var t=n.setup.pinch.disabled,e=n.isInitialized,i=n.pinchStartDistance;return!!e&&!t&&!!i},J=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}},nn=function(n){return Math.sqrt(Math.pow(n.touches[0].pageX-n.touches[1].pageX,2)+Math.pow(n.touches[0].pageY-n.touches[1].pageY,2))},nt=function(n,t){var e=n.pinchStartScale,i=n.pinchStartDistance,a=n.setup,r=a.maxScale,s=a.minScale,l=a.zoomAnimation,u=a.disablePadding,c=l.size,p=l.disabled;if(!e||null===i||!t)throw Error("Pinch touches distance was not provided");return t<0?n.transformState.scale:g(o(t/i*e,2),s,r,c,!p&&!u)},ne=function(n,t){var e=n.props,i=e.onWheelStart,o=e.onZoomStart;n.wheelStopEventTimer||(l(n),a(Z(n),t,i),a(Z(n),t,o))},ni=function(n,t){var e,i=n.props,o=i.onWheel,r=i.onZoom,s=n.contentComponent,l=n.setup,u=n.transformState.scale,c=l.limitToBounds,p=l.centerZoomedOut,m=l.zoomAnimation,d=l.wheel,v=l.disablePadding,g=m.size,S=m.disabled,y=d.step;if(!s)throw Error("Component not mounted");t.preventDefault(),t.stopPropagation();var b=U(n,e=t?t.deltaY<0?1:-1:0,y,!t.ctrlKey);if(u!==b){var w=f(n,b),C=q(t,s,u),P=h(n,C.x,C.y,b,w,c&&(S||0===g||p||v)),T=P.x,x=P.y;n.previousWheelEvent=t,n.setTransformState(b,T,x),a(Z(n),t,o),a(Z(n),t,r)}},no=function(n,t){var e=n.props,i=e.onWheelStop,o=e.onZoomStop;F(n.wheelAnimationTimer),n.wheelAnimationTimer=setTimeout(function(){n.mounted&&(k(n,t.x,t.y),n.wheelAnimationTimer=null)},100),V(n,t)&&(F(n.wheelStopEventTimer),n.wheelStopEventTimer=setTimeout(function(){n.mounted&&(n.wheelStopEventTimer=null,a(Z(n),t,i),a(Z(n),t,o))},160))},na=function(n,t){var e=nn(t);n.pinchStartDistance=e,n.lastDistance=e,n.pinchStartScale=n.transformState.scale,n.isPanning=!1,l(n)},nr=function(n,t){var e=n.contentComponent,i=n.pinchStartDistance,o=n.transformState.scale,a=n.setup,r=a.limitToBounds,s=a.centerZoomedOut,l=a.zoomAnimation,u=l.disabled,c=l.size;if(null!==i&&e){var p=J(t,o,e);if(Number.isFinite(p.x)&&Number.isFinite(p.y)){var m=nn(t),d=nt(n,m);if(d!==o){var v=f(n,d),g=h(n,p.x,p.y,d,v,r&&(u||0===c||s)),S=g.x,y=g.y;n.pinchMidpoint=p,n.lastDistance=m,n.setTransformState(d,S,y)}}}},ns=function(n){var t=n.pinchMidpoint;n.velocity=null,n.lastDistance=null,n.pinchMidpoint=null,n.pinchStartScale=null,n.pinchStartDistance=null,k(n,null==t?void 0:t.x,null==t?void 0:t.y)},nl=function(n,t){var e=n.props.onZoomStop,i=n.setup.doubleClick.animationTime;F(n.doubleClickStopEventTimer),n.doubleClickStopEventTimer=setTimeout(function(){n.doubleClickStopEventTimer=null,a(Z(n),t,e)},i)},nu=function(n,t){var e=n.props,i=e.onZoomStart,o=e.onZoom,r=n.setup.doubleClick,s=r.animationTime,l=r.animationType;a(Z(n),t,i),L(n,s,l,function(){return a(Z(n),t,o)}),nl(n,t)},nc=function(n,t){var e=n.isInitialized,i=n.setup,o=n.wrapperComponent,a=i.doubleClick,r=a.disabled,s=a.excluded,l=t.target,u=null==o?void 0:o.contains(l);return!(!(e&&l&&u&&!r)||R(l,s))},np=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){f(t,t.transformState.scale),t.setup=B(n)},this.initializeWindowEvents=function(){var n,e=H(),i=null===(n=t.wrapperComponent)||void 0===n?void 0:n.ownerDocument,o=null==i?void 0:i.defaultView;null==o||o.addEventListener("mousedown",t.onPanningStart,e),null==o||o.addEventListener("mousemove",t.onPanning,e),null==o||o.addEventListener("mouseup",t.onPanningStop,e),null==i||i.addEventListener("mouseleave",t.clearPanning,e),null==o||o.addEventListener("keyup",t.setKeyUnPressed,e),null==o||o.addEventListener("keydown",t.setKeyPressed,e)},this.cleanupWindowEvents=function(){var n,e,i=H(),o=null===(n=t.wrapperComponent)||void 0===n?void 0:n.ownerDocument,a=null==o?void 0:o.defaultView;null==a||a.removeEventListener("mousedown",t.onPanningStart,i),null==a||a.removeEventListener("mousemove",t.onPanning,i),null==a||a.removeEventListener("mouseup",t.onPanningStop,i),null==o||o.removeEventListener("mouseleave",t.clearPanning,i),null==a||a.removeEventListener("keyup",t.setKeyUnPressed,i),null==a||a.removeEventListener("keydown",t.setKeyPressed,i),document.removeEventListener("mouseleave",t.clearPanning,i),l(t),null===(e=t.observer)||void 0===e||e.disconnect()},this.handleInitializeWrapperEvents=function(n){var e=H();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(Z(t))}),e&&(t.setCenter(),t.observer=new ResizeObserver(function(){var n;t.onInitCallbacks.forEach(function(n){return n(Z(t))}),t.setCenter(),null===(n=t.observer)||void 0===n||n.disconnect()}),t.observer.observe(n))},this.onWheelZoom=function(n){!t.setup.disabled&&Q(t,n)&&t.isPressingKeys(t.setup.wheel.activationKeys)&&(ne(t,n),ni(t,n),no(t,n))},this.onPanningStart=function(n){var e=t.setup.disabled,i=t.props.onPanningStart;!e&&S(t,n)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(n.preventDefault(),n.stopPropagation(),l(t),E(t,n),a(Z(t),n,i))},this.onPanning=function(n){var e=t.setup.disabled,i=t.props.onPanning;!e&&y(t)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(n.preventDefault(),n.stopPropagation(),N(t,n.clientX,n.clientY),a(Z(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(),l=(null==a?void 0:a.width)||0,c=(null==a?void 0:a.height)||0,p=(null==s?void 0:s.width)||0,m=(null==s?void 0:s.height)||0;!t&&e&&(null==e?void 0:e.total)>.1&&(l1&&t.onPinch(n)},this.onTouchPanningStop=function(n){t.onPanningStop(n),t.onPinchStop(n)},this.onDoubleClick=function(n){!t.setup.disabled&&nc(t,n)&&function(n,t){var e=n.setup,i=n.doubleClickStopEventTimer,o=n.transformState,r=n.contentComponent,s=o.scale,l=n.props,u=l.onZoomStart,p=l.onZoom,m=e.doubleClick,d=m.disabled,f=m.mode,v=m.step,h=m.animationTime,g=m.animationType;if(!d&&!i){if("reset"===f)return nu(n,t);if(!r)return console.error("No ContentComponent found");var S=M(n,"zoomOut"===f?-1:1,v);if(s!==S){a(Z(n),t,u);var y=q(t,r,s),b=z(n,S,y.x,y.y);if(!b)return console.error("Error during zoom event. New transformation state was not calculated.");a(Z(n),t,p),c(n,b,h,g),nl(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||!!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,t.applyTransformation();var r=Z(t);t.onChangeCallbacks.forEach(function(n){return n(r)}),a(r,{scale:n,positionX:e,positionY:i},o)}},this.setCenter=function(){if(t.wrapperComponent&&t.contentComponent){var n=j(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):"translate(".concat(n,"px, ").concat(e,"px) scale(").concat(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 Z(t)},this.onChange=function(n){return t.onChangeCallbacks.has(n)||t.onChangeCallbacks.add(n),function(){t.onChangeCallbacks.delete(n)}},this.onInit=function(n){return t.onInitCallbacks.has(n)||t.onInitCallbacks.add(n),function(){t.onInitCallbacks.delete(n)}},this.init=function(n,e){t.cleanupWindowEvents(),t.wrapperComponent=n,t.contentComponent=e,f(t,t.transformState.scale),t.handleInitializeWrapperEvents(n),t.handleInitialize(e),t.initializeWindowEvents(),t.isInitialized=!0,a(Z(t),void 0,t.props.onInit)},this.props=n,this.setup=B(this.props),this.transformState=I(this.props)},nm=i.createContext(null),nd=i.forwardRef(function(n,t){var e,o,a=(0,i.useRef)(new np(n)).current,r=(e=n.children,o=_(a),"function"==typeof e?e(o):e);return(0,i.useImperativeHandle)(t,function(){return _(a)},[a]),(0,i.useEffect)(function(){a.update(n)},[a,n]),i.createElement(nm.Provider,{value:a},r)});i.forwardRef(function(n,t){var e,o=(0,i.useRef)(null),a=(0,i.useContext)(nm);return(0,i.useEffect)(function(){return a.onChange(function(n){o.current&&(o.current.style.transform=a.handleTransformStyles(0,0,1/n.instance.transformState.scale))})},[a]),i.createElement("div",W({},n,{ref:(e=[o,t],function(n){e.forEach(function(t){"function"==typeof t?t(n):null!=t&&(t.current=n)})})}))}),!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__SPB86 {\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__FBWxo {\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__FBWxo img {\n pointer-events: none;\n}\n");var nf=function(n){var t=n.children,e=n.wrapperClass,o=n.contentClass,a=n.wrapperStyle,r=n.contentStyle,s=n.wrapperProps,l=n.contentProps,u=(0,i.useContext)(nm).init,c=(0,i.useRef)(null),p=(0,i.useRef)(null);return(0,i.useEffect)(function(){var n=c.current,t=p.current;null!==n&&null!==t&&u&&u(n,t)},[]),i.createElement("div",W({},void 0===s?{}:s,{ref:c,className:"react-transform-wrapper ".concat("transform-component-module_wrapper__SPB86"," ").concat(void 0===e?"":e),style:a}),i.createElement("div",W({},void 0===l?{}:l,{ref:p,className:"react-transform-component ".concat("transform-component-module_content__FBWxo"," ").concat(void 0===o?"":o),style:r}),t))}}}]); //# sourceMappingURL=6268-ab95210f9ee381c4.js.map