react-cropper.es-DdERqhL3.js 40 KB

12345678910
  1. import{f as dt,r as rt}from"./index-DT8qTvyx.js";/*!
  2. * Cropper.js v1.6.1
  3. * https://fengyuanchen.github.io/cropperjs
  4. *
  5. * Copyright 2015-present Chen Fengyuan
  6. * Released under the MIT license
  7. *
  8. * Date: 2023-09-17T03:44:19.860Z
  9. */function Xt(a,t){var i=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);t&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),i.push.apply(i,e)}return i}function ie(a){for(var t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};t%2?Xt(Object(i),!0).forEach(function(e){De(a,e,i[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):Xt(Object(i)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(i,e))})}return a}function xt(a){"@babel/helpers - typeof";return xt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xt(a)}function ye(a,t){if(!(a instanceof t))throw new TypeError("Cannot call a class as a function")}function Ht(a,t){for(var i=0;i<t.length;i++){var e=t[i];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(a,re(e.key),e)}}function xe(a,t,i){return t&&Ht(a.prototype,t),i&&Ht(a,i),Object.defineProperty(a,"prototype",{writable:!1}),a}function De(a,t,i){return t=re(t),t in a?Object.defineProperty(a,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[t]=i,a}function ae(a){return Ee(a)||Me(a)||Te(a)||Oe()}function Ee(a){if(Array.isArray(a))return Dt(a)}function Me(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function Te(a,t){if(a){if(typeof a=="string")return Dt(a,t);var i=Object.prototype.toString.call(a).slice(8,-1);if(i==="Object"&&a.constructor&&(i=a.constructor.name),i==="Map"||i==="Set")return Array.from(a);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return Dt(a,t)}}function Dt(a,t){(t==null||t>a.length)&&(t=a.length);for(var i=0,e=new Array(t);i<t;i++)e[i]=a[i];return e}function Oe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
  10. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ce(a,t){if(typeof a!="object"||a===null)return a;var i=a[Symbol.toPrimitive];if(i!==void 0){var e=i.call(a,t||"default");if(typeof e!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(a)}function re(a){var t=Ce(a,"string");return typeof t=="symbol"?t:String(t)}var mt=typeof window<"u"&&typeof window.document<"u",W=mt?window:{},St=mt&&W.document.documentElement?"ontouchstart"in W.document.documentElement:!1,It=mt?"PointerEvent"in W:!1,D="cropper",Bt="all",ne="crop",oe="move",se="zoom",q="e",F="w",J="s",U="n",nt="ne",ot="nw",st="se",ht="sw",Et="".concat(D,"-crop"),Wt="".concat(D,"-disabled"),z="".concat(D,"-hidden"),jt="".concat(D,"-hide"),Ne="".concat(D,"-invisible"),gt="".concat(D,"-modal"),Mt="".concat(D,"-move"),lt="".concat(D,"Action"),ut="".concat(D,"Preview"),zt="crop",he="move",ce="none",Tt="crop",Ot="cropend",Ct="cropmove",Nt="cropstart",Ut="dblclick",Ae=St?"touchstart":"mousedown",Re=St?"touchmove":"mousemove",Se=St?"touchend touchcancel":"mouseup",Vt=It?"pointerdown":Ae,Gt=It?"pointermove":Re,$t=It?"pointerup pointercancel":Se,qt="ready",Ft="resize",Zt="wheel",At="zoom",Kt="image/jpeg",Ie=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Be=/^data:/,ze=/^data:image\/jpeg;base64,/,Le=/^img|canvas$/i,le=200,fe=100,Qt={viewMode:0,dragMode:zt,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:le,minContainerHeight:fe,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},_e='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',ke=Number.isNaN||W.isNaN;function b(a){return typeof a=="number"&&!ke(a)}var Jt=function(t){return t>0&&t<1/0};function bt(a){return typeof a>"u"}function K(a){return xt(a)==="object"&&a!==null}var Pe=Object.prototype.hasOwnProperty;function tt(a){if(!K(a))return!1;try{var t=a.constructor,i=t.prototype;return t&&i&&Pe.call(i,"isPrototypeOf")}catch{return!1}}function B(a){return typeof a=="function"}var Ye=Array.prototype.slice;function de(a){return Array.from?Array.from(a):Ye.call(a)}function C(a,t){return a&&B(t)&&(Array.isArray(a)||b(a.length)?de(a).forEach(function(i,e){t.call(a,i,e,a)}):K(a)&&Object.keys(a).forEach(function(i){t.call(a,a[i],i,a)})),a}var E=Object.assign||function(t){for(var i=arguments.length,e=new Array(i>1?i-1:0),n=1;n<i;n++)e[n-1]=arguments[n];return K(t)&&e.length>0&&e.forEach(function(r){K(r)&&Object.keys(r).forEach(function(o){t[o]=r[o]})}),t},Xe=/\.\d*(?:0|9){12}\d*$/;function it(a){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Xe.test(a)?Math.round(a*t)/t:a}var He=/^width|height|left|top|marginLeft|marginTop$/;function V(a,t){var i=a.style;C(t,function(e,n){He.test(n)&&b(e)&&(e="".concat(e,"px")),i[n]=e})}function We(a,t){return a.classList?a.classList.contains(t):a.className.indexOf(t)>-1}function A(a,t){if(t){if(b(a.length)){C(a,function(e){A(e,t)});return}if(a.classList){a.classList.add(t);return}var i=a.className.trim();i?i.indexOf(t)<0&&(a.className="".concat(i," ").concat(t)):a.className=t}}function H(a,t){if(t){if(b(a.length)){C(a,function(i){H(i,t)});return}if(a.classList){a.classList.remove(t);return}a.className.indexOf(t)>=0&&(a.className=a.className.replace(t,""))}}function et(a,t,i){if(t){if(b(a.length)){C(a,function(e){et(e,t,i)});return}i?A(a,t):H(a,t)}}var je=/([a-z\d])([A-Z])/g;function Lt(a){return a.replace(je,"$1-$2").toLowerCase()}function Rt(a,t){return K(a[t])?a[t]:a.dataset?a.dataset[t]:a.getAttribute("data-".concat(Lt(t)))}function ft(a,t,i){K(i)?a[t]=i:a.dataset?a.dataset[t]=i:a.setAttribute("data-".concat(Lt(t)),i)}function Ue(a,t){if(K(a[t]))try{delete a[t]}catch{a[t]=void 0}else if(a.dataset)try{delete a.dataset[t]}catch{a.dataset[t]=void 0}else a.removeAttribute("data-".concat(Lt(t)))}var ue=/\s\s*/,pe=function(){var a=!1;if(mt){var t=!1,i=function(){},e=Object.defineProperty({},"once",{get:function(){return a=!0,t},set:function(r){t=r}});W.addEventListener("test",i,e),W.removeEventListener("test",i,e)}return a}();function k(a,t,i){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=i;t.trim().split(ue).forEach(function(r){if(!pe){var o=a.listeners;o&&o[r]&&o[r][i]&&(n=o[r][i],delete o[r][i],Object.keys(o[r]).length===0&&delete o[r],Object.keys(o).length===0&&delete a.listeners)}a.removeEventListener(r,n,e)})}function _(a,t,i){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=i;t.trim().split(ue).forEach(function(r){if(e.once&&!pe){var o=a.listeners,s=o===void 0?{}:o;n=function(){delete s[r][i],a.removeEventListener(r,n,e);for(var l=arguments.length,h=new Array(l),c=0;c<l;c++)h[c]=arguments[c];i.apply(a,h)},s[r]||(s[r]={}),s[r][i]&&a.removeEventListener(r,s[r][i],e),s[r][i]=n,a.listeners=s}a.addEventListener(r,n,e)})}function at(a,t,i){var e;return B(Event)&&B(CustomEvent)?e=new CustomEvent(t,{detail:i,bubbles:!0,cancelable:!0}):(e=document.createEvent("CustomEvent"),e.initCustomEvent(t,!0,!0,i)),a.dispatchEvent(e)}function ge(a){var t=a.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var wt=W.location,Ve=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function te(a){var t=a.match(Ve);return t!==null&&(t[1]!==wt.protocol||t[2]!==wt.hostname||t[3]!==wt.port)}function ee(a){var t="timestamp=".concat(new Date().getTime());return a+(a.indexOf("?")===-1?"?":"&")+t}function ct(a){var t=a.rotate,i=a.scaleX,e=a.scaleY,n=a.translateX,r=a.translateY,o=[];b(n)&&n!==0&&o.push("translateX(".concat(n,"px)")),b(r)&&r!==0&&o.push("translateY(".concat(r,"px)")),b(t)&&t!==0&&o.push("rotate(".concat(t,"deg)")),b(i)&&i!==1&&o.push("scaleX(".concat(i,")")),b(e)&&e!==1&&o.push("scaleY(".concat(e,")"));var s=o.length?o.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Ge(a){var t=ie({},a),i=0;return C(a,function(e,n){delete t[n],C(t,function(r){var o=Math.abs(e.startX-r.startX),s=Math.abs(e.startY-r.startY),u=Math.abs(e.endX-r.endX),l=Math.abs(e.endY-r.endY),h=Math.sqrt(o*o+s*s),c=Math.sqrt(u*u+l*l),d=(c-h)/h;Math.abs(d)>Math.abs(i)&&(i=d)})}),i}function pt(a,t){var i=a.pageX,e=a.pageY,n={endX:i,endY:e};return t?n:ie({startX:i,startY:e},n)}function $e(a){var t=0,i=0,e=0;return C(a,function(n){var r=n.startX,o=n.startY;t+=r,i+=o,e+=1}),t/=e,i/=e,{pageX:t,pageY:i}}function G(a){var t=a.aspectRatio,i=a.height,e=a.width,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=Jt(e),o=Jt(i);if(r&&o){var s=i*t;n==="contain"&&s>e||n==="cover"&&s<e?i=e/t:e=i*t}else r?i=e/t:o&&(e=i*t);return{width:e,height:i}}function qe(a){var t=a.width,i=a.height,e=a.degree;if(e=Math.abs(e)%180,e===90)return{width:i,height:t};var n=e%90*Math.PI/180,r=Math.sin(n),o=Math.cos(n),s=t*o+i*r,u=t*r+i*o;return e>90?{width:u,height:s}:{width:s,height:u}}function Fe(a,t,i,e){var n=t.aspectRatio,r=t.naturalWidth,o=t.naturalHeight,s=t.rotate,u=s===void 0?0:s,l=t.scaleX,h=l===void 0?1:l,c=t.scaleY,d=c===void 0?1:c,m=i.aspectRatio,g=i.naturalWidth,x=i.naturalHeight,w=e.fillColor,M=w===void 0?"transparent":w,O=e.imageSmoothingEnabled,T=O===void 0?!0:O,N=e.imageSmoothingQuality,I=N===void 0?"low":N,f=e.maxWidth,p=f===void 0?1/0:f,v=e.maxHeight,y=v===void 0?1/0:v,R=e.minWidth,j=R===void 0?0:R,P=e.minHeight,Y=P===void 0?0:P,L=document.createElement("canvas"),S=L.getContext("2d"),X=G({aspectRatio:m,width:p,height:y}),$=G({aspectRatio:m,width:j,height:Y},"cover"),Q=Math.min(X.width,Math.max($.width,g)),vt=Math.min(X.height,Math.max($.height,x)),_t=G({aspectRatio:n,width:p,height:y}),kt=G({aspectRatio:n,width:j,height:Y},"cover"),Pt=Math.min(_t.width,Math.max(kt.width,r)),Yt=Math.min(_t.height,Math.max(kt.height,o)),be=[-Pt/2,-Yt/2,Pt,Yt];return L.width=it(Q),L.height=it(vt),S.fillStyle=M,S.fillRect(0,0,Q,vt),S.save(),S.translate(Q/2,vt/2),S.rotate(u*Math.PI/180),S.scale(h,d),S.imageSmoothingEnabled=T,S.imageSmoothingQuality=I,S.drawImage.apply(S,[a].concat(ae(be.map(function(we){return Math.floor(it(we))})))),S.restore(),L}var me=String.fromCharCode;function Ze(a,t,i){var e="";i+=t;for(var n=t;n<i;n+=1)e+=me(a.getUint8(n));return e}var Ke=/^data:.*,/;function Qe(a){var t=a.replace(Ke,""),i=atob(t),e=new ArrayBuffer(i.length),n=new Uint8Array(e);return C(n,function(r,o){n[o]=i.charCodeAt(o)}),e}function Je(a,t){for(var i=[],e=8192,n=new Uint8Array(a);n.length>0;)i.push(me.apply(null,de(n.subarray(0,e)))),n=n.subarray(e);return"data:".concat(t,";base64,").concat(btoa(i.join("")))}function ti(a){var t=new DataView(a),i;try{var e,n,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var o=t.byteLength,s=2;s+1<o;){if(t.getUint8(s)===255&&t.getUint8(s+1)===225){n=s;break}s+=1}if(n){var u=n+4,l=n+10;if(Ze(t,u,4)==="Exif"){var h=t.getUint16(l);if(e=h===18761,(e||h===19789)&&t.getUint16(l+2,e)===42){var c=t.getUint32(l+4,e);c>=8&&(r=l+c)}}}if(r){var d=t.getUint16(r,e),m,g;for(g=0;g<d;g+=1)if(m=r+g*12+2,t.getUint16(m,e)===274){m+=8,i=t.getUint16(m,e),t.setUint16(m,1,e);break}}}catch{i=1}return i}function ei(a){var t=0,i=1,e=1;switch(a){case 2:i=-1;break;case 3:t=-180;break;case 4:e=-1;break;case 5:t=90,e=-1;break;case 6:t=90;break;case 7:t=90,i=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:i,scaleY:e}}var ii={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,e=this.container,n=this.cropper,r=Number(i.minContainerWidth),o=Number(i.minContainerHeight);A(n,z),H(t,z);var s={width:Math.max(e.offsetWidth,r>=0?r:le),height:Math.max(e.offsetHeight,o>=0?o:fe)};this.containerData=s,V(n,{width:s.width,height:s.height}),A(t,z),H(n,z)},initCanvas:function(){var t=this.containerData,i=this.imageData,e=this.options.viewMode,n=Math.abs(i.rotate)%180===90,r=n?i.naturalHeight:i.naturalWidth,o=n?i.naturalWidth:i.naturalHeight,s=r/o,u=t.width,l=t.height;t.height*s>t.width?e===3?u=t.height*s:l=t.width/s:e===3?l=t.width/s:u=t.height*s;var h={aspectRatio:s,naturalWidth:r,naturalHeight:o,width:u,height:l};this.canvasData=h,this.limited=e===1||e===2,this.limitCanvas(!0,!0),h.width=Math.min(Math.max(h.width,h.minWidth),h.maxWidth),h.height=Math.min(Math.max(h.height,h.minHeight),h.maxHeight),h.left=(t.width-h.width)/2,h.top=(t.height-h.height)/2,h.oldLeft=h.left,h.oldTop=h.top,this.initialCanvasData=E({},h)},limitCanvas:function(t,i){var e=this.options,n=this.containerData,r=this.canvasData,o=this.cropBoxData,s=e.viewMode,u=r.aspectRatio,l=this.cropped&&o;if(t){var h=Number(e.minCanvasWidth)||0,c=Number(e.minCanvasHeight)||0;s>1?(h=Math.max(h,n.width),c=Math.max(c,n.height),s===3&&(c*u>h?h=c*u:c=h/u)):s>0&&(h?h=Math.max(h,l?o.width:0):c?c=Math.max(c,l?o.height:0):l&&(h=o.width,c=o.height,c*u>h?h=c*u:c=h/u));var d=G({aspectRatio:u,width:h,height:c});h=d.width,c=d.height,r.minWidth=h,r.minHeight=c,r.maxWidth=1/0,r.maxHeight=1/0}if(i)if(s>(l?0:1)){var m=n.width-r.width,g=n.height-r.height;r.minLeft=Math.min(0,m),r.minTop=Math.min(0,g),r.maxLeft=Math.max(0,m),r.maxTop=Math.max(0,g),l&&this.limited&&(r.minLeft=Math.min(o.left,o.left+(o.width-r.width)),r.minTop=Math.min(o.top,o.top+(o.height-r.height)),r.maxLeft=o.left,r.maxTop=o.top,s===2&&(r.width>=n.width&&(r.minLeft=Math.min(0,m),r.maxLeft=Math.max(0,m)),r.height>=n.height&&(r.minTop=Math.min(0,g),r.maxTop=Math.max(0,g))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=n.width,r.maxTop=n.height},renderCanvas:function(t,i){var e=this.canvasData,n=this.imageData;if(i){var r=qe({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),o=r.width,s=r.height,u=e.width*(o/e.naturalWidth),l=e.height*(s/e.naturalHeight);e.left-=(u-e.width)/2,e.top-=(l-e.height)/2,e.width=u,e.height=l,e.aspectRatio=o/s,e.naturalWidth=o,e.naturalHeight=s,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,V(this.canvas,E({width:e.width,height:e.height},ct({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,e=this.imageData,n=e.naturalWidth*(i.width/i.naturalWidth),r=e.naturalHeight*(i.height/i.naturalHeight);E(e,{width:n,height:r,left:(i.width-n)/2,top:(i.height-r)/2}),V(this.image,E({width:e.width,height:e.height},ct(E({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,e=t.aspectRatio||t.initialAspectRatio,n=Number(t.autoCropArea)||.8,r={width:i.width,height:i.height};e&&(i.height*e>i.width?r.height=r.width/e:r.width=r.height*e),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*n),r.height=Math.max(r.minHeight,r.height*n),r.left=i.left+(i.width-r.width)/2,r.top=i.top+(i.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=E({},r)},limitCropBox:function(t,i){var e=this.options,n=this.containerData,r=this.canvasData,o=this.cropBoxData,s=this.limited,u=e.aspectRatio;if(t){var l=Number(e.minCropBoxWidth)||0,h=Number(e.minCropBoxHeight)||0,c=s?Math.min(n.width,r.width,r.width+r.left,n.width-r.left):n.width,d=s?Math.min(n.height,r.height,r.height+r.top,n.height-r.top):n.height;l=Math.min(l,n.width),h=Math.min(h,n.height),u&&(l&&h?h*u>l?h=l/u:l=h*u:l?h=l/u:h&&(l=h*u),d*u>c?d=c/u:c=d*u),o.minWidth=Math.min(l,c),o.minHeight=Math.min(h,d),o.maxWidth=c,o.maxHeight=d}i&&(s?(o.minLeft=Math.max(0,r.left),o.minTop=Math.max(0,r.top),o.maxLeft=Math.min(n.width,r.left+r.width)-o.width,o.maxTop=Math.min(n.height,r.top+r.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=n.width-o.width,o.maxTop=n.height-o.height))},renderCropBox:function(){var t=this.options,i=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&ft(this.face,lt,e.width>=i.width&&e.height>=i.height?oe:Bt),V(this.cropBox,E({width:e.width,height:e.height},ct({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),at(this.element,Tt,this.getData())}},ai={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,n=i?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",o=document.createElement("img");if(i&&(o.crossOrigin=i),o.src=n,o.alt=r,this.viewBox.appendChild(o),this.viewBoxImage=o,!!e){var s=e;typeof e=="string"?s=t.ownerDocument.querySelectorAll(e):e.querySelector&&(s=[e]),this.previews=s,C(s,function(u){var l=document.createElement("img");ft(u,ut,{width:u.offsetWidth,height:u.offsetHeight,html:u.innerHTML}),i&&(l.crossOrigin=i),l.src=n,l.alt=r,l.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',u.innerHTML="",u.appendChild(l)})}},resetPreview:function(){C(this.previews,function(t){var i=Rt(t,ut);V(t,{width:i.width,height:i.height}),t.innerHTML=i.html,Ue(t,ut)})},preview:function(){var t=this.imageData,i=this.canvasData,e=this.cropBoxData,n=e.width,r=e.height,o=t.width,s=t.height,u=e.left-i.left-t.left,l=e.top-i.top-t.top;!this.cropped||this.disabled||(V(this.viewBoxImage,E({width:o,height:s},ct(E({translateX:-u,translateY:-l},t)))),C(this.previews,function(h){var c=Rt(h,ut),d=c.width,m=c.height,g=d,x=m,w=1;n&&(w=d/n,x=r*w),r&&x>m&&(w=m/r,g=n*w,x=m),V(h,{width:g,height:x}),V(h.getElementsByTagName("img")[0],E({width:o*w,height:s*w},ct(E({translateX:-u*w,translateY:-l*w},t))))}))}},ri={bind:function(){var t=this.element,i=this.options,e=this.cropper;B(i.cropstart)&&_(t,Nt,i.cropstart),B(i.cropmove)&&_(t,Ct,i.cropmove),B(i.cropend)&&_(t,Ot,i.cropend),B(i.crop)&&_(t,Tt,i.crop),B(i.zoom)&&_(t,At,i.zoom),_(e,Vt,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&_(e,Zt,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&_(e,Ut,this.onDblclick=this.dblclick.bind(this)),_(t.ownerDocument,Gt,this.onCropMove=this.cropMove.bind(this)),_(t.ownerDocument,$t,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&_(window,Ft,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,e=this.cropper;B(i.cropstart)&&k(t,Nt,i.cropstart),B(i.cropmove)&&k(t,Ct,i.cropmove),B(i.cropend)&&k(t,Ot,i.cropend),B(i.crop)&&k(t,Tt,i.crop),B(i.zoom)&&k(t,At,i.zoom),k(e,Vt,this.onCropStart),i.zoomable&&i.zoomOnWheel&&k(e,Zt,this.onWheel,{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&k(e,Ut,this.onDblclick),k(t.ownerDocument,Gt,this.onCropMove),k(t.ownerDocument,$t,this.onCropEnd),i.responsive&&k(window,Ft,this.onResize)}},ni={resize:function(){if(!this.disabled){var t=this.options,i=this.container,e=this.containerData,n=i.offsetWidth/e.width,r=i.offsetHeight/e.height,o=Math.abs(n-1)>Math.abs(r-1)?n:r;if(o!==1){var s,u;t.restore&&(s=this.getCanvasData(),u=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(C(s,function(l,h){s[h]=l*o})),this.setCropBoxData(C(u,function(l,h){u[h]=l*o})))}}},dblclick:function(){this.disabled||this.options.dragMode===ce||this.setDragMode(We(this.dragBox,Et)?he:zt)},wheel:function(t){var i=this,e=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){i.wheeling=!1},50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*e,t)))},cropStart:function(t){var i=t.buttons,e=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(b(i)&&i!==1||b(e)&&e!==0||t.ctrlKey))){var n=this.options,r=this.pointers,o;t.changedTouches?C(t.changedTouches,function(s){r[s.identifier]=pt(s)}):r[t.pointerId||0]=pt(t),Object.keys(r).length>1&&n.zoomable&&n.zoomOnTouch?o=se:o=Rt(t.target,lt),Ie.test(o)&&at(this.element,Nt,{originalEvent:t,action:o})!==!1&&(t.preventDefault(),this.action=o,this.cropping=!1,o===ne&&(this.cropping=!0,A(this.dragBox,gt)))}},cropMove:function(t){var i=this.action;if(!(this.disabled||!i)){var e=this.pointers;t.preventDefault(),at(this.element,Ct,{originalEvent:t,action:i})!==!1&&(t.changedTouches?C(t.changedTouches,function(n){E(e[n.identifier]||{},pt(n,!0))}):E(e[t.pointerId||0]||{},pt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,e=this.pointers;t.changedTouches?C(t.changedTouches,function(n){delete e[n.identifier]}):delete e[t.pointerId||0],i&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,et(this.dragBox,gt,this.cropped&&this.options.modal)),at(this.element,Ot,{originalEvent:t,action:i}))}}},oi={change:function(t){var i=this.options,e=this.canvasData,n=this.containerData,r=this.cropBoxData,o=this.pointers,s=this.action,u=i.aspectRatio,l=r.left,h=r.top,c=r.width,d=r.height,m=l+c,g=h+d,x=0,w=0,M=n.width,O=n.height,T=!0,N;!u&&t.shiftKey&&(u=c&&d?c/d:1),this.limited&&(x=r.minLeft,w=r.minTop,M=x+Math.min(n.width,e.width,e.left+e.width),O=w+Math.min(n.height,e.height,e.top+e.height));var I=o[Object.keys(o)[0]],f={x:I.endX-I.startX,y:I.endY-I.startY},p=function(y){switch(y){case q:m+f.x>M&&(f.x=M-m);break;case F:l+f.x<x&&(f.x=x-l);break;case U:h+f.y<w&&(f.y=w-h);break;case J:g+f.y>O&&(f.y=O-g);break}};switch(s){case Bt:l+=f.x,h+=f.y;break;case q:if(f.x>=0&&(m>=M||u&&(h<=w||g>=O))){T=!1;break}p(q),c+=f.x,c<0&&(s=F,c=-c,l-=c),u&&(d=c/u,h+=(r.height-d)/2);break;case U:if(f.y<=0&&(h<=w||u&&(l<=x||m>=M))){T=!1;break}p(U),d-=f.y,h+=f.y,d<0&&(s=J,d=-d,h-=d),u&&(c=d*u,l+=(r.width-c)/2);break;case F:if(f.x<=0&&(l<=x||u&&(h<=w||g>=O))){T=!1;break}p(F),c-=f.x,l+=f.x,c<0&&(s=q,c=-c,l-=c),u&&(d=c/u,h+=(r.height-d)/2);break;case J:if(f.y>=0&&(g>=O||u&&(l<=x||m>=M))){T=!1;break}p(J),d+=f.y,d<0&&(s=U,d=-d,h-=d),u&&(c=d*u,l+=(r.width-c)/2);break;case nt:if(u){if(f.y<=0&&(h<=w||m>=M)){T=!1;break}p(U),d-=f.y,h+=f.y,c=d*u}else p(U),p(q),f.x>=0?m<M?c+=f.x:f.y<=0&&h<=w&&(T=!1):c+=f.x,f.y<=0?h>w&&(d-=f.y,h+=f.y):(d-=f.y,h+=f.y);c<0&&d<0?(s=ht,d=-d,c=-c,h-=d,l-=c):c<0?(s=ot,c=-c,l-=c):d<0&&(s=st,d=-d,h-=d);break;case ot:if(u){if(f.y<=0&&(h<=w||l<=x)){T=!1;break}p(U),d-=f.y,h+=f.y,c=d*u,l+=r.width-c}else p(U),p(F),f.x<=0?l>x?(c-=f.x,l+=f.x):f.y<=0&&h<=w&&(T=!1):(c-=f.x,l+=f.x),f.y<=0?h>w&&(d-=f.y,h+=f.y):(d-=f.y,h+=f.y);c<0&&d<0?(s=st,d=-d,c=-c,h-=d,l-=c):c<0?(s=nt,c=-c,l-=c):d<0&&(s=ht,d=-d,h-=d);break;case ht:if(u){if(f.x<=0&&(l<=x||g>=O)){T=!1;break}p(F),c-=f.x,l+=f.x,d=c/u}else p(J),p(F),f.x<=0?l>x?(c-=f.x,l+=f.x):f.y>=0&&g>=O&&(T=!1):(c-=f.x,l+=f.x),f.y>=0?g<O&&(d+=f.y):d+=f.y;c<0&&d<0?(s=nt,d=-d,c=-c,h-=d,l-=c):c<0?(s=st,c=-c,l-=c):d<0&&(s=ot,d=-d,h-=d);break;case st:if(u){if(f.x>=0&&(m>=M||g>=O)){T=!1;break}p(q),c+=f.x,d=c/u}else p(J),p(q),f.x>=0?m<M?c+=f.x:f.y>=0&&g>=O&&(T=!1):c+=f.x,f.y>=0?g<O&&(d+=f.y):d+=f.y;c<0&&d<0?(s=ot,d=-d,c=-c,h-=d,l-=c):c<0?(s=ht,c=-c,l-=c):d<0&&(s=nt,d=-d,h-=d);break;case oe:this.move(f.x,f.y),T=!1;break;case se:this.zoom(Ge(o),t),T=!1;break;case ne:if(!f.x||!f.y){T=!1;break}N=ge(this.cropper),l=I.startX-N.left,h=I.startY-N.top,c=r.minWidth,d=r.minHeight,f.x>0?s=f.y>0?st:nt:f.x<0&&(l-=c,s=f.y>0?ht:ot),f.y<0&&(h-=d),this.cropped||(H(this.cropBox,z),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}T&&(r.width=c,r.height=d,r.left=l,r.top=h,this.action=s,this.renderCropBox()),C(o,function(v){v.startX=v.endX,v.startY=v.endY})}},si={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&A(this.dragBox,gt),H(this.cropBox,z),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=E({},this.initialImageData),this.canvasData=E({},this.initialCanvasData),this.cropBoxData=E({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(E(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),H(this.dragBox,gt),A(this.cropBox,z)),this},replace:function(t){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,C(this.previews,function(e){e.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,H(this.cropper,Wt)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,A(this.cropper,Wt)),this},destroy:function(){var t=this.element;return t[D]?(t[D]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,n=e.left,r=e.top;return this.moveTo(bt(t)?t:n+Number(t),bt(i)?i:r+Number(i))},moveTo:function(t){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,n=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(b(t)&&(e.left=t,n=!0),b(i)&&(e.top=i,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,i){var e=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(e.width*t/e.naturalWidth,null,i)},zoomTo:function(t,i,e){var n=this.options,r=this.canvasData,o=r.width,s=r.height,u=r.naturalWidth,l=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&n.zoomable){var h=u*t,c=l*t;if(at(this.element,At,{ratio:t,oldRatio:o/u,originalEvent:e})===!1)return this;if(e){var d=this.pointers,m=ge(this.cropper),g=d&&Object.keys(d).length?$e(d):{pageX:e.pageX,pageY:e.pageY};r.left-=(h-o)*((g.pageX-m.left-r.left)/o),r.top-=(c-s)*((g.pageY-m.top-r.top)/s)}else tt(i)&&b(i.x)&&b(i.y)?(r.left-=(h-o)*((i.x-r.left)/o),r.top-=(c-s)*((i.y-r.top)/s)):(r.left-=(h-o)/2,r.top-=(c-s)/2);r.width=h,r.height=c,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),b(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,b(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(b(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.imageData,n=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(b(t)&&(e.scaleX=t,n=!0),b(i)&&(e.scaleY=i,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,i=this.options,e=this.imageData,n=this.canvasData,r=this.cropBoxData,o;if(this.ready&&this.cropped){o={x:r.left-n.left,y:r.top-n.top,width:r.width,height:r.height};var s=e.width/e.naturalWidth;if(C(o,function(h,c){o[c]=h/s}),t){var u=Math.round(o.y+o.height),l=Math.round(o.x+o.width);o.x=Math.round(o.x),o.y=Math.round(o.y),o.width=l-o.x,o.height=u-o.y}}else o={x:0,y:0,width:0,height:0};return i.rotatable&&(o.rotate=e.rotate||0),i.scalable&&(o.scaleX=e.scaleX||1,o.scaleY=e.scaleY||1),o},setData:function(t){var i=this.options,e=this.imageData,n=this.canvasData,r={};if(this.ready&&!this.disabled&&tt(t)){var o=!1;i.rotatable&&b(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,o=!0),i.scalable&&(b(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,o=!0),b(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var s=e.width/e.naturalWidth;b(t.x)&&(r.left=t.x*s+n.left),b(t.y)&&(r.top=t.y*s+n.top),b(t.width)&&(r.width=t.width*s),b(t.height)&&(r.height=t.height*s),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?E({},this.containerData):{}},getImageData:function(){return this.sized?E({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&C(["left","top","width","height","naturalWidth","naturalHeight"],function(e){i[e]=t[e]}),i},setCanvasData:function(t){var i=this.canvasData,e=i.aspectRatio;return this.ready&&!this.disabled&&tt(t)&&(b(t.left)&&(i.left=t.left),b(t.top)&&(i.top=t.top),b(t.width)?(i.width=t.width,i.height=t.width/e):b(t.height)&&(i.height=t.height,i.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,i;return this.ready&&this.cropped&&(i={left:t.left,top:t.top,width:t.width,height:t.height}),i||{}},setCropBoxData:function(t){var i=this.cropBoxData,e=this.options.aspectRatio,n,r;return this.ready&&this.cropped&&!this.disabled&&tt(t)&&(b(t.left)&&(i.left=t.left),b(t.top)&&(i.top=t.top),b(t.width)&&t.width!==i.width&&(n=!0,i.width=t.width),b(t.height)&&t.height!==i.height&&(r=!0,i.height=t.height),e&&(n?i.height=i.width/e:r&&(i.width=i.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,e=Fe(this.image,this.imageData,i,t);if(!this.cropped)return e;var n=this.getData(t.rounded),r=n.x,o=n.y,s=n.width,u=n.height,l=e.width/Math.floor(i.naturalWidth);l!==1&&(r*=l,o*=l,s*=l,u*=l);var h=s/u,c=G({aspectRatio:h,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),d=G({aspectRatio:h,width:t.minWidth||0,height:t.minHeight||0},"cover"),m=G({aspectRatio:h,width:t.width||(l!==1?e.width:s),height:t.height||(l!==1?e.height:u)}),g=m.width,x=m.height;g=Math.min(c.width,Math.max(d.width,g)),x=Math.min(c.height,Math.max(d.height,x));var w=document.createElement("canvas"),M=w.getContext("2d");w.width=it(g),w.height=it(x),M.fillStyle=t.fillColor||"transparent",M.fillRect(0,0,g,x);var O=t.imageSmoothingEnabled,T=O===void 0?!0:O,N=t.imageSmoothingQuality;M.imageSmoothingEnabled=T,N&&(M.imageSmoothingQuality=N);var I=e.width,f=e.height,p=r,v=o,y,R,j,P,Y,L;p<=-s||p>I?(p=0,y=0,j=0,Y=0):p<=0?(j=-p,p=0,y=Math.min(I,s+p),Y=y):p<=I&&(j=0,y=Math.min(s,I-p),Y=y),y<=0||v<=-u||v>f?(v=0,R=0,P=0,L=0):v<=0?(P=-v,v=0,R=Math.min(f,u+v),L=R):v<=f&&(P=0,R=Math.min(u,f-v),L=R);var S=[p,v,y,R];if(Y>0&&L>0){var X=g/s;S.push(j*X,P*X,Y*X,L*X)}return M.drawImage.apply(M,[e].concat(ae(S.map(function($){return Math.floor(it($))})))),w},setAspectRatio:function(t){var i=this.options;return!this.disabled&&!bt(t)&&(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,e=this.dragBox,n=this.face;if(this.ready&&!this.disabled){var r=t===zt,o=i.movable&&t===he;t=r||o?t:ce,i.dragMode=t,ft(e,lt,t),et(e,Et,r),et(e,Mt,o),i.cropBoxMovable||(ft(n,lt,t),et(n,Et,r),et(n,Mt,o))}return this}},hi=W.Cropper,ve=function(){function a(t){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(ye(this,a),!t||!Le.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=E({},Qt,tt(i)&&i),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return xe(a,[{key:"init",value:function(){var i=this.element,e=i.tagName.toLowerCase(),n;if(!i[D]){if(i[D]=this,e==="img"){if(this.isImg=!0,n=i.getAttribute("src")||"",this.originalUrl=n,!n)return;n=i.src}else e==="canvas"&&window.HTMLCanvasElement&&(n=i.toDataURL());this.load(n)}}},{key:"load",value:function(i){var e=this;if(i){this.url=i,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Be.test(i)){ze.test(i)?this.read(Qe(i)):this.clone();return}var o=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=s,o.onerror=s,o.ontimeout=s,o.onprogress=function(){o.getResponseHeader("content-type")!==Kt&&o.abort()},o.onload=function(){e.read(o.response)},o.onloadend=function(){e.reloading=!1,e.xhr=null},r.checkCrossOrigin&&te(i)&&n.crossOrigin&&(i=ee(i)),o.open("GET",i,!0),o.responseType="arraybuffer",o.withCredentials=n.crossOrigin==="use-credentials",o.send()}}},{key:"read",value:function(i){var e=this.options,n=this.imageData,r=ti(i),o=0,s=1,u=1;if(r>1){this.url=Je(i,Kt);var l=ei(r);o=l.rotate,s=l.scaleX,u=l.scaleY}e.rotatable&&(n.rotate=o),e.scalable&&(n.scaleX=s,n.scaleY=u),this.clone()}},{key:"clone",value:function(){var i=this.element,e=this.url,n=i.crossOrigin,r=e;this.options.checkCrossOrigin&&te(e)&&(n||(n="anonymous"),r=ee(e)),this.crossOrigin=n,this.crossOriginUrl=r;var o=document.createElement("img");n&&(o.crossOrigin=n),o.src=r||e,o.alt=i.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),A(o,jt),i.parentNode.insertBefore(o,i.nextSibling)}},{key:"start",value:function(){var i=this,e=this.image;e.onload=null,e.onerror=null,this.sizing=!0;var n=W.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(W.navigator.userAgent),r=function(l,h){E(i.imageData,{naturalWidth:l,naturalHeight:h,aspectRatio:l/h}),i.initialImageData=E({},i.imageData),i.sizing=!1,i.sized=!0,i.build()};if(e.naturalWidth&&!n){r(e.naturalWidth,e.naturalHeight);return}var o=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){r(o.width,o.height),n||s.removeChild(o)},o.src=e.src,n||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(o))}},{key:"stop",value:function(){var i=this.image;i.onload=null,i.onerror=null,i.parentNode.removeChild(i),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var i=this.element,e=this.options,n=this.image,r=i.parentNode,o=document.createElement("div");o.innerHTML=_e;var s=o.querySelector(".".concat(D,"-container")),u=s.querySelector(".".concat(D,"-canvas")),l=s.querySelector(".".concat(D,"-drag-box")),h=s.querySelector(".".concat(D,"-crop-box")),c=h.querySelector(".".concat(D,"-face"));this.container=r,this.cropper=s,this.canvas=u,this.dragBox=l,this.cropBox=h,this.viewBox=s.querySelector(".".concat(D,"-view-box")),this.face=c,u.appendChild(n),A(i,z),r.insertBefore(s,i.nextSibling),H(n,jt),this.initPreview(),this.bind(),e.initialAspectRatio=Math.max(0,e.initialAspectRatio)||NaN,e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.viewMode)))||0,A(h,z),e.guides||A(h.getElementsByClassName("".concat(D,"-dashed")),z),e.center||A(h.getElementsByClassName("".concat(D,"-center")),z),e.background&&A(s,"".concat(D,"-bg")),e.highlight||A(c,Ne),e.cropBoxMovable&&(A(c,Mt),ft(c,lt,Bt)),e.cropBoxResizable||(A(h.getElementsByClassName("".concat(D,"-line")),z),A(h.getElementsByClassName("".concat(D,"-point")),z)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),B(e.ready)&&_(i,qt,e.ready,{once:!0}),at(i,qt)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var i=this.cropper.parentNode;i&&i.removeChild(this.cropper),H(this.element,z)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=hi,a}},{key:"setDefaults",value:function(i){E(Qt,tt(i)&&i)}}]),a}();E(ve.prototype,ii,ai,ri,ni,oi,si);var Z=function(){return Z=Object.assign||function(a){for(var t,i=1,e=arguments.length;i<e;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(a[n]=t[n]);return a},Z.apply(this,arguments)};function yt(a,t){var i={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(i[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function"){var n=0;for(e=Object.getOwnPropertySymbols(a);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(a,e[n])&&(i[e[n]]=a[e[n]])}return i}var ci=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],li={opacity:0,maxWidth:"100%"},di=dt.forwardRef(function(a,t){var i=yt(a,[]),e=i.dragMode,n=e===void 0?"crop":e,r=i.src,o=i.style,s=i.className,u=i.crossOrigin,l=i.scaleX,h=i.scaleY,c=i.enable,d=i.zoomTo,m=i.rotateTo,g=i.alt,x=g===void 0?"picture":g,w=i.ready,M=i.onInitialized,O=yt(i,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),T={scaleY:h,scaleX:l,enable:c,zoomTo:d,rotateTo:m},N=function(){for(var f=[],p=0;p<arguments.length;p++)f[p]=arguments[p];var v=rt.useRef(null);return dt.useEffect(function(){f.forEach(function(y){y&&(typeof y=="function"?y(v.current):y.current=v.current)})},[f]),v}(t,rt.useRef(null));rt.useEffect(function(){var f;!((f=N.current)===null||f===void 0)&&f.cropper&&typeof d=="number"&&N.current.cropper.zoomTo(d)},[i.zoomTo]),rt.useEffect(function(){var f;!((f=N.current)===null||f===void 0)&&f.cropper&&r!==void 0&&N.current.cropper.reset().clear().replace(r)},[r]),rt.useEffect(function(){if(N.current!==null){var f=new ve(N.current,Z(Z({dragMode:n},O),{ready:function(p){p.currentTarget!==null&&function(v,y){y===void 0&&(y={});var R=y.enable,j=R===void 0||R,P=y.scaleX,Y=P===void 0?1:P,L=y.scaleY,S=L===void 0?1:L,X=y.zoomTo,$=X===void 0?0:X,Q=y.rotateTo;j?v.enable():v.disable(),v.scaleX(Y),v.scaleY(S),Q!==void 0&&v.rotateTo(Q),$>0&&v.zoomTo($)}(p.currentTarget.cropper,T),w&&w(p)}}));M&&M(f)}return function(){var p,v;(v=(p=N.current)===null||p===void 0?void 0:p.cropper)===null||v===void 0||v.destroy()}},[N]);var I=function(f){return ci.reduce(function(p,v){var y=p,R=v;return y[R],yt(y,[typeof R=="symbol"?R:R+""])},f)}(Z(Z({},O),{crossOrigin:u,src:r,alt:x}));return dt.createElement("div",{style:o,className:s},dt.createElement("img",Z({},I,{style:li,ref:N})))});export{di as Cropper,di as default};