https://www.stickermule.com/core/_next/static/chunks/3913-e1f4871d9739e65c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3913],{52796:function(e,t,o){e.exports=o(10643)},13264:function(e){"use strict";var t=!!("undefined"!=typeof window&&window.document&&window.document.createElement),o={canUseDOM:t,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:t&&!!(window.addEventListener||window.attachEvent),canUseViewport:t&&!!window.screen,isInWorker:!t};e.exports=o},84518:function(e){var t,o,r,n,i,a,s,p,c,h,u,d,l,m,g,f=!1;function _populate(){if(!f){f=!0;var e=navigator.userAgent,v=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),C=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(d=/\b(iPhone|iP[ao]d)/.exec(e),l=/\b(iP[ao]d)/.exec(e),h=/Android/i.exec(e),m=/FBAN\/\w+;/i.exec(e),g=/Mobile/i.exec(e),u=!!/Win64/.exec(e),v){(t=v[1]?parseFloat(v[1]):v[5]?parseFloat(v[5]):NaN)&&document&&document.documentMode&&(t=document.documentMode);var w=/(?:Trident\/(\d+.\d+))/.exec(e);a=w?parseFloat(w[1])+4:t,o=v[2]?parseFloat(v[2]):NaN,r=v[3]?parseFloat(v[3]):NaN,i=(n=v[4]?parseFloat(v[4]):NaN)&&(v=/(?:Chrome\/(\d+\.\d+))/.exec(e))&&v[1]?parseFloat(v[1]):NaN}else t=o=r=i=n=NaN;if(C){if(C[1]){var S=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);s=!S||parseFloat(S[1].replace("_","."))}else s=!1;p=!!C[2],c=!!C[3]}else s=p=c=!1}}var v={ie:function(){return _populate()||t},ieCompatibilityMode:function(){return _populate()||a>t},ie64:function(){return v.ie()&&u},firefox:function(){return _populate()||o},opera:function(){return _populate()||r},webkit:function(){return _populate()||n},safari:function(){return v.webkit()},chrome:function(){return _populate()||i},windows:function(){return _populate()||p},osx:function(){return _populate()||s},linux:function(){return _populate()||c},iphone:function(){return _populate()||d},mobile:function(){return _populate()||d||l||h||g},nativeApp:function(){return _populate()||m},android:function(){return _populate()||h},ipad:function(){return _populate()||l}};e.exports=v},96534:function(e,t,o){"use strict";var r,n=o(13264);n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=/**
2 * Checks if an event is supported in the current execution environment.
3 *
4 * NOTE: This will not work correctly for non-generic events such as `change`,
5 * `reset`, `load`, `error`, and `select`.
6 *
7 * Borrows from Modernizr.
8 *
9 * @param {string} eventNameSuffix Event name, e.g. "click".
10 * @param {?boolean} capture Check if the capture phase is supported.
11 * @return {boolean} True if the event is supported.
12 * @internal
13 * @license Modernizr 3.0.0pre (Custom Build) | MIT
14 */function(e,t){if(!n.canUseDOM||t&&!("addEventListener"in document))return!1;var o="on"+e,i=o in document;if(!i){var a=document.createElement("div");a.setAttribute(o,"return;"),i="function"==typeof a[o]}return!i&&r&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},10643:function(e,t,o){"use strict";var r=o(84518),n=o(96534);function normalizeWheel(e){var t=0,o=0,r=0,n=0;return"detail"in e&&(o=e.detail),"wheelDelta"in e&&(o=-e.wheelDelta/120),"wheelDeltaY"in e&&(o=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=o,o=0),r=10*t,n=10*o,"deltaY"in e&&(n=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||n)&&e.deltaMode&&(1==e.deltaMode?(r*=40,n*=40):(r*=800,n*=800)),r&&!t&&(t=r<1?-1:1),n&&!o&&(o=n<1?-1:1),{spinX:t,spinY:o,pixelX:r,pixelY:n}}normalizeWheel.getEventType=function(){return r.firefox()?"DOMMouseScroll":n("wheel")?"wheel":"mousewheel"},e.exports=normalizeWheel},83913:function(e,t,o){"use strict";o.d(t,{ZP:function(){return a}});/*! *****************************************************************************
15Copyright (c) Microsoft Corporation.
16
17Permission to use, copy, modify, and/or distribute this software for any
18purpose with or without fee is hereby granted.
19
20THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
21REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
22AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
23INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
24LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
25OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
26PERFORMANCE OF THIS SOFTWARE.
27***************************************************************************** */var extendStatics=function(e,t){return(extendStatics=Object.

27setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)},__assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},r=o(67294),n=o(52796),i=o.n(n);function restrictPosition(e,t,o,r,n){void 0===n&&(n=0);var i=rotateSize(t.width,t.height,n),a=i.width,s=i.height;return{x:restrictPositionCoord(e.x,a,o.width,r),y:restrictPositionCoord(e.y,s,o.height,r)}}function restrictPositionCoord(e,t,o,r){var n=t*r/2-o/2;return clamp(e,-n,n)}function getDistanceBetweenPoints(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function getRotationBetweenPoints(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function limitArea(e,t){return Math.min(e,Math.max(0,t))}function noOp(e,t){return t}function getCenter(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function rotateSize(e,t,o){var r=o*Math.PI/180;return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function clamp(e,t,o){return Math.min(Math.max(e,t),o)}function classNames(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return"string"==typeof e&&e.length>0}).join(" ").trim()}var a=function(e){function Cropper(){var t=null!==e&&e.apply(this,arguments)||this;return t.imageRef=r.createRef(),t.videoRef=r.createRef(),t.containerRef=null,t.styleRef=null,t.containerRect=null,t.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},t.dragStartPosition={x:0,y:0},t.dragStartCrop={x:0,y:0},t.gestureZoomStart=0,t.gestureRotationStart=0,t.isTouching=!1,t.lastPinchDistance=0,t.lastPinchRotation=0,t.rafDragTimeout=null,t.rafPinchTimeout=null,t.wheelTimer=null,t.currentDoc=document,t.currentWindow=window,t.state={cropSize:null,hasWheelJustStarted:!1},t.preventZoomSafari=function(e){return e.preventDefault()},t.cleanEvents=function(){t.currentDoc.removeEventListener("mousemove",t.onMouseMove),t.currentDoc.removeEventListener("mouseup",t.onDragStopped),t.currentDoc.removeEventListener("touchmove",t.onTouchMove),t.currentDoc.removeEventListener("touchend",t.onDragStopped),t.currentDoc.removeEventListener("gesturemove",t.onGestureMove),t.currentDoc.removeEventListener("gestureend",t.onGestureEnd)},t.clearScrollEvent=function(){t.containerRef&&t.containerRef.removeEventListener("wheel",t.onWheel),t.wheelTimer&&clearTimeout(t.wheelTimer)},t.onMediaLoad=function(){var e=t.computeSizes();e&&(t.emitCropData(),t.setInitialCrop(e)),t.props.onMediaLoaded&&t.props.onMediaLoaded(t.mediaSize)},t.setInitialCrop=function(e){if(t.props.initialCroppedAreaPercentages){var o,r,n,i,a,s,p,c=(o=t.props.initialCroppedAreaPercentages,r=t.mediaSize,n=t.props.rotation,i=t.props.minZoom,a=t.props.maxZoom,s=rotateSize(r.width,r.height,n),{crop:{x:(p=clamp(e.width/s.width*(100/o.width),i,a))*s.width/2-e.width/2-s.width*p*(o.x/100),y:p*s.height/2-e.height/2-s.height*p*(o.y/100)},zoom:p}),h=c.crop,u=c.zoom;t.props.onCropChange(h),t.props.onZoomChange&&t.props.onZoomChange(u)}else if(t.props.initialCroppedAreaPixels){var d,l,m,g,f,v,C,w,S,y=(d=t.props.initialCroppedAreaPixels,l=t.mediaSize,m=t.props.rotation,g=t.props.minZoom,f=t.props.maxZoom,void 0===m&&(m=0),v=rotateSize(l.naturalWidth,l.naturalHeight,m),w=clamp((C=l.width>l.height?l.width/l.naturalWidth:l.height/l.naturalHeight,e.height>e.width?e.height/(d.height*C):e.width/(d.width*C)),g,f),S=e.height>e.width?e.height/d.height:e.width/d.width,{crop:{x:((v.width-d.width)/2-d.x)*S,y:((v.height-d.height)/2-d.y)*S},zoom:w}),h=y.crop,u=y.zoom;t.props.onCropChange(h),t.props.onZoomChange&&t.props.onZoomChange(u)}},t.computeSizes=function(){var e,o,r,n,i,a,s=t.imageRef.current||t.videoRef.current;if(s&&t.containerRef){t.containerRect=t.containerRef.getBoundingClientRect();var p,c,h,u,d,l,m,g,f,v,C,w=t.containerRect.width/t.containerRect.height,S=(null===(e=t.imageRef.current)||void 0===e?void 0:e.naturalWi

27dth)||(null===(o=t.videoRef.current)||void 0===o?void 0:o.videoWidth)||0,y=(null===(r=t.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(n=t.videoRef.current)||void 0===n?void 0:n.videoHeight)||0,_=s.offsetWidth<S||s.offsetHeight<y,z=S/y,x=void 0;if(_)switch(t.props.objectFit){default:case"contain":x=w>z?{width:t.containerRect.height*z,height:t.containerRect.height}:{width:t.containerRect.width,height:t.containerRect.width/z};break;case"horizontal-cover":x={width:t.containerRect.width,height:t.containerRect.width/z};break;case"vertical-cover":x={width:t.containerRect.height*z,height:t.containerRect.height};break;case"auto-cover":x=S>y?{width:t.containerRect.width,height:t.containerRect.width/z}:{width:t.containerRect.height*z,height:t.containerRect.height}}else x={width:s.offsetWidth,height:s.offsetHeight};t.mediaSize=__assign(__assign({},x),{naturalWidth:S,naturalHeight:y}),t.props.setMediaSize&&t.props.setMediaSize(t.mediaSize);var R=t.props.cropSize?t.props.cropSize:(p=t.mediaSize.width,c=t.mediaSize.height,h=t.containerRect.width,u=t.containerRect.height,d=t.props.aspect,void 0===(l=t.props.rotation)&&(l=0),g=(m=rotateSize(p,c,l)).width,f=m.height,(v=Math.min(g,h))>(C=Math.min(f,u))*d?{width:C*d,height:C}:{width:v,height:v/d});return((null===(i=t.state.cropSize)||void 0===i?void 0:i.height)!==R.height||(null===(a=t.state.cropSize)||void 0===a?void 0:a.width)!==R.width)&&t.props.onCropSizeChange&&t.props.onCropSizeChange(R),t.setState({cropSize:R},t.recomputeCropPosition),t.props.setCropSize&&t.props.setCropSize(R),R}},t.onMouseDown=function(e){e.preventDefault(),t.currentDoc.addEventListener("mousemove",t.onMouseMove),t.currentDoc.addEventListener("mouseup",t.onDragStopped),t.onDragStart(Cropper.getMousePoint(e))},t.onMouseMove=function(e){return t.onDrag(Cropper.getMousePoint(e))},t.onTouchStart=function(e){t.isTouching=!0,(!t.props.onTouchRequest||t.props.onTouchRequest(e))&&(t.currentDoc.addEventListener("touchmove",t.onTouchMove,{passive:!1}),t.currentDoc.addEventListener("touchend",t.onDragStopped),2===e.touches.length?t.onPinchStart(e):1===e.touches.length&&t.onDragStart(Cropper.getTouchPoint(e.touches[0])))},t.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?t.onPinchMove(e):1===e.touches.length&&t.onDrag(Cropper.getTouchPoint(e.touches[0]))},t.onGestureStart=function(e){e.preventDefault(),t.currentDoc.addEventListener("gesturechange",t.onGestureMove),t.currentDoc.addEventListener("gestureend",t.onGestureEnd),t.gestureZoomStart=t.props.zoom,t.gestureRotationStart=t.props.rotation},t.onGestureMove=function(e){if(e.preventDefault(),!t.isTouching){var o=Cropper.getMousePoint(e),r=t.gestureZoomStart-1+e.scale;if(t.setNewZoom(r,o,{shouldUpdatePosition:!0}),t.props.onRotationChange){var n=t.gestureRotationStart+e.rotation;t.props.onRotationChange(n)}}},t.onGestureEnd=function(e){t.cleanEvents()},t.onDragStart=function(e){var o,r,n=e.x,i=e.y;t.dragStartPosition={x:n,y:i},t.dragStartCrop=__assign({},t.props.crop),null===(r=(o=t.props).onInteractionStart)||void 0===r||r.call(o)},t.onDrag=function(e){var o=e.x,r=e.y;t.rafDragTimeout&&t.currentWindow.cancelAnimationFrame(t.rafDragTimeout),t.rafDragTimeout=t.currentWindow.requestAnimationFrame(function(){if(t.state.cropSize&&void 0!==o&&void 0!==r){var e=o-t.dragStartPosition.x,n=r-t.dragStartPosition.y,i={x:t.dragStartCrop.x+e,y:t.dragStartCrop.y+n},a=t.props.restrictPosition?restrictPosition(i,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):i;t.props.onCropChange(a)}})},t.onDragStopped=function(){var e,o;t.isTouching=!1,t.cleanEvents(),t.emitCropData(),null===(o=(e=t.props).onInteractionEnd)||void 0===o||o.call(e)},t.onWheel=function(e){if(!t.props.onWheelRequest||t.props.onWheelRequest(e)){e.preventDefault();var o=Cropper.getMousePoint(e),r=i()(e).pixelY,n=t.props.zoom-r*t.props.zoomSpeed/200;t.setNewZoom(n,o,{shouldUpdatePosition:!0}),t.state.hasWheelJustStarted||t.setState({hasWheelJustStarted:!0},function(){var e,o;return null===(o=(e=t.props).onInteractionStart)||void 0===o?void 0:o.call(e)}),t.wheelTimer&&clearTimeout(t.wheelTimer),t.wheelTimer=t.currentWindow.setTimeout(function(){return t.setState({hasWheelJustStarted:!1},function(){var e,o;return null===(o=(e=t.props).onInteractionEnd)||void 0===o?void 0:o.call(e)})},250)}},t.getPointOnContainer=function(e){var o=e.x,r=e.y;if(!t.containerRect)throw Error("The Cropper is not mounted");return{x:t.containerRect.width/2-(o-t.containerRect.left),y:t.containerRect.height/2-(r-t.containerRect.top)}},t.getPointOnMedia=function(e){var o=e.x,r=e.y,n=t.props,i=n.crop,a=n.zoom;return{x:(o+i.x)/a,y:(r+i.y)/a}},t.setNewZoom=function(e,o,r){var n=(void 0===r?{}:r).shouldUpdatePosition;if(t.state.cropSize&&t.props.onZoomChange){var i=clamp(e,t.props.minZoom,t.props.maxZoom);if(void 0===n||n){var a=t.getPointOnContainer(o),s=t.getPointOnMedia(a),p={x:s.x*i-a.x,y:s.y*i-a.y},c=t.props.restrictPosition?restrictPosition(p,t.mediaSize,t.state.cropSize,i,t.props.rotation):p;t.props.onCropChange(c)}t.props.onZoomChange(i)}},t.getCropData=function(){var e,o,r,n,i,a,s,p,c,h,u,d,l,m,g;return t.state.cropSize?(e=t.props.restrictPosition?restrictPosition(t.props.crop,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):t.props.crop,o=t.mediaSize,r=t.state.cropSize,n=t.getAspect(),i=t.props.zoom,a=t.props.rotation,s=t.props.restrictPosition,void 0===a&&(a=0),void 0===s&&(s=!0),p=s?limitArea:noOp,c=rotateSize(o.width,o.height,a),h=rotateSize(o.naturalWi

27dth,o.naturalHeight,a),u={x:p(100,((c.width-r.width/i)/2-e.x/i)/c.width*100),y:p(100,((c.height-r.height/i)/2-e.y/i)/c.height*100),width:p(100,r.width/c.width*100/i),height:p(100,r.height/c.height*100/i)},d=Math.round(p(h.width,u.width*h.width/100)),l=Math.round(p(h.height,u.height*h.height/100)),m=h.width>=h.height*n?{width:Math.round(l*n),height:l}:{width:d,height:Math.round(d/n)},g=__assign(__assign({},m),{x:Math.round(p(h.width-m.width,u.x*h.width/100)),y:Math.round(p(h.height-m.height,u.y*h.height/100))}),{croppedAreaPercentages:u,croppedAreaPixels:g}):null},t.emitCropData=function(){var e=t.getCropData();if(e){var o=e.croppedAreaPercentages,r=e.croppedAreaPixels;t.props.onCropComplete&&t.props.onCropComplete(o,r),t.props.onCropAreaChange&&t.props.onCropAreaChange(o,r)}},t.emitCropAreaChange=function(){var e=t.getCropData();if(e){var o=e.croppedAreaPercentages,r=e.croppedAreaPixels;t.props.onCropAreaChange&&t.props.onCropAreaChange(o,r)}},t.recomputeCropPosition=function(){if(t.state.cropSize){var e=t.props.restrictPosition?restrictPosition(t.props.crop,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):t.props.crop;t.props.onCropChange(e),t.emitCropData()}},t}return!function(e,t){function __(){this.constructor=e}extendStatics(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}(Cropper,e),Cropper.prototype.componentDidMount=function(){this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n  width: 100%;\n  height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n  width: auto;\n  height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 9999em;\n  color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n  border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 0;\n  bottom: 0;\n  left: 33.33%;\n  right: 33.33%;\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 33.33%;\n  bottom: 33.33%;\n  left: 0;\n  right: 0;\n  border-left: 0;\n  border-right: 0;\n}\n",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef)},Cropper.prototype.componentWillUnmount=function(){var e;this.currentWindow.removeEventListener("resize",this.computeSizes),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},Cropper.prototype.componentDidUpdate=function(e){var t,o,r,n,i,a,s,p,c;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(o=this.props.cropSize)||void 0===o?void 0:o.height)||(null===(r=e.cropSize)||void 0===r?void 0:r.width)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.width)?this.computeSizes():((null===(i=e.crop)||void 0===i?void 0:i.x)!==(null===(a=this.props.crop)||void 0===a?void 0:a.x)||(null===(s=e.crop)||void 0===s?void 0:s.y)!==(null===(p=this.props.crop)||void 0===p?void 0:p.y))&&this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(c=this.videoRef.current)||void 0===c||c.load())},Cropper.prototype.getAspect=function(){var e=this.props,t=e.cropSize,o=e.aspect;return t?t.width/t.height:o},Cropper.prototype.onPinchStart=function(e){var t=Cropper.getTouchPoint(e.touches[0]),o=Cropper.getTouchPoint(e.touches[1]);this.lastPinchDistance=getDistanceBetweenPoints(t,o),this.lastPinchRotation=getRotationBetweenPoints(t,o),this.onDragStart(getCenter(t,o))},Cropper.prototype.onPinchMove=function(e){var t=this,o=Cropper.getTouchPoint(e.touches[0]),r

27=Cropper.getTouchPoint(e.touches[1]),n=getCenter(o,r);this.onDrag(n),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var e=getDistanceBetweenPoints(o,r),i=t.props.zoom*(e/t.lastPinchDistance);t.setNewZoom(i,n,{shouldUpdatePosition:!1}),t.lastPinchDistance=e;var a=getRotationBetweenPoints(o,r),s=t.props.rotation+(a-t.lastPinchRotation);t.props.onRotationChange&&t.props.onRotationChange(s),t.lastPinchRotation=a})},Cropper.prototype.render=function(){var e=this,t=this.props,o=t.image,n=t.video,i=t.mediaProps,a=t.transform,s=t.crop,p=s.x,c=s.y,h=t.rotation,u=t.zoom,d=t.cropShape,l=t.showGrid,m=t.style,g=m.containerStyle,f=m.cropAreaStyle,v=m.mediaStyle,C=t.classes,w=C.containerClassName,S=C.cropAreaClassName,y=C.mediaClassName,_=t.objectFit;return r.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:g,className:classNames("reactEasyCrop_Container",w)},o?r.createElement("img",__assign({alt:"",className:classNames("reactEasyCrop_Image","contain"===_&&"reactEasyCrop_Contain","horizontal-cover"===_&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===_&&"reactEasyCrop_Cover_Vertical","auto-cover"===_&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{src:o,ref:this.imageRef,style:__assign(__assign({},v),{transform:a||"translate("+p+"px, "+c+"px) rotate("+h+"deg) scale("+u+")"}),onLoad:this.onMediaLoad})):n&&r.createElement("video",__assign({autoPlay:!0,loop:!0,muted:!0,className:classNames("reactEasyCrop_Video","contain"===_&&"reactEasyCrop_Contain","horizontal-cover"===_&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===_&&"reactEasyCrop_Cover_Vertical","auto-cover"===_&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:__assign(__assign({},v),{transform:a||"translate("+p+"px, "+c+"px) rotate("+h+"deg) scale("+u+")"}),controls:!1}),(Array.isArray(n)?n:[{src:n}]).map(function(e){return r.createElement("source",__assign({key:e.src},e))})),this.state.cropSize&&r.createElement("div",{style:__assign(__assign({},f),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:classNames("reactEasyCrop_CropArea","round"===d&&"reactEasyCrop_CropAreaRound",l&&"reactEasyCrop_CropAreaGrid",S)}))},Cropper.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0},Cropper.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},Cropper.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},Cropper}(r.Component)}}]);