@deskhero/dh_ui 1.54.5 → 1.55.0

package/dist/dh_ui.es.js

@@ -46523,6 +46523,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    isRound: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   emits: ["update"],
@@ -46559,14 +46564,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function crop2() {
       let croppedCanvas = cropper2.getCroppedCanvas();
-      let roundedCanvas = getRoundedCanvas(croppedCanvas);
-      if (!roundedCanvas)
+      let finalCanvas = props.isRound ? getRoundedCanvas(croppedCanvas) : croppedCanvas;
+      if (!finalCanvas)
         return;
       if (cropPreview.value) {
-        cropPreview.value.src = roundedCanvas.toDataURL();
+        cropPreview.value.src = finalCanvas.toDataURL();
         showCroppedImage.value = true;
       }
-      emit("update", roundedCanvas);
+      emit("update", finalCanvas);
     }
     function getRoundedCanvas(sourceCanvas) {
       var canvas = document.createElement("canvas");
@@ -46589,6 +46594,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return __props.image ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           id: "cropper-container",
+          class: normalizeClass({ "rounded-crop": __props.isRound }),
           style: normalizeStyle({ "max-width": __props.width + "px" })
         }, [
           createElementVNode("img", {
@@ -46596,7 +46602,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "croppingImage",
             ref: croppingImage
           }, null, 512)
-        ], 4),
+        ], 6),
         createVNode(DhButton, {
           color: "primary",
           size: "small",

package/dist/dh_ui.umd.js

@@ -383,4 +383,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
  *
  * Date: 2022-11-20T05:30:46.114Z
  */function Yg(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);n&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})),e.push.apply(e,i)}return e}function Bg(r){for(var n=1;n<arguments.length;n++){var e=arguments[n]!=null?arguments[n]:{};n%2?Yg(Object(e),!0).forEach(function(i){tL(r,i,e[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):Yg(Object(e)).forEach(function(i){Object.defineProperty(r,i,Object.getOwnPropertyDescriptor(e,i))})}return r}function Tu(r){return Tu=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Tu(r)}function q2(r,n){if(!(r instanceof n))throw new TypeError("Cannot call a class as a function")}function Pg(r,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function eL(r,n,e){return n&&Pg(r.prototype,n),e&&Pg(r,e),Object.defineProperty(r,"prototype",{writable:!1}),r}function tL(r,n,e){return n in r?Object.defineProperty(r,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[n]=e,r}function Rg(r){return nL(r)||rL(r)||iL(r)||oL()}function nL(r){if(Array.isArray(r))return Au(r)}function rL(r){if(typeof Symbol!="undefined"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function iL(r,n){if(!!r){if(typeof r=="string")return Au(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return Au(r,n)}}function Au(r,n){(n==null||n>r.length)&&(n=r.length);for(var e=0,i=new Array(n);e<n;e++)i[e]=r[e];return i}function oL(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var za=typeof window!="undefined"&&typeof window.document!="undefined",an=za?window:{},wu=za&&an.document.documentElement?"ontouchstart"in an.document.documentElement:!1,ku=za?"PointerEvent"in an:!1,He="cropper",Lu="all",Vg="crop",Zg="move",Wg="zoom",rr="e",ir="w",Ir="s",_n="n",ni="ne",ri="nw",ii="se",oi="sw",zu="".concat(He,"-crop"),Hg="".concat(He,"-disabled"),Dt="".concat(He,"-hidden"),Gg="".concat(He,"-hide"),aL="".concat(He,"-invisible"),Ca="".concat(He,"-modal"),Cu="".concat(He,"-move"),ai="".concat(He,"Action"),Oa="".concat(He,"Preview"),Ou="crop",Fg="move",$g="none",Su="crop",Eu="cropend",_u="cropmove",Qu="cropstart",Jg="dblclick",sL=wu?"touchstart":"mousedown",lL=wu?"touchmove":"mousemove",uL=wu?"touchend touchcancel":"mouseup",Xg=ku?"pointerdown":sL,Kg=ku?"pointermove":lL,qg=ku?"pointerup pointercancel":uL,eh="ready",th="resize",nh="wheel",Uu="zoom",rh="image/jpeg",cL=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,dL=/^data:/,fL=/^data:image\/jpeg;base64,/,ML=/^img|canvas$/i,ih=200,oh=100,ah={viewMode:0,dragMode:Ou,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:ih,minContainerHeight:oh,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},gL='<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>',hL=Number.isNaN||an.isNaN;function Te(r){return typeof r=="number"&&!hL(r)}var sh=function(n){return n>0&&n<1/0};function Yu(r){return typeof r=="undefined"}function or(r){return Tu(r)==="object"&&r!==null}var pL=Object.prototype.hasOwnProperty;function Dr(r){if(!or(r))return!1;try{var n=r.constructor,e=n.prototype;return n&&e&&pL.call(e,"isPrototypeOf")}catch{return!1}}function xt(r){return typeof r=="function"}var yL=Array.prototype.slice;function lh(r){return Array.from?Array.from(r):yL.call(r)}function it(r,n){return r&&xt(n)&&(Array.isArray(r)||Te(r.length)?lh(r).forEach(function(e,i){n.call(r,e,i,r)}):or(r)&&Object.keys(r).forEach(function(e){n.call(r,r[e],e,r)})),r}var Ge=Object.assign||function(n){for(var e=arguments.length,i=new Array(e>1?e-1:0),t=1;t<e;t++)i[t-1]=arguments[t];return or(n)&&i.length>0&&i.forEach(function(o){or(o)&&Object.keys(o).forEach(function(a){n[a]=o[a]})}),n},NL=/\.\d*(?:0|9){12}\d*$/;function xr(r){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return NL.test(r)?Math.round(r*n)/n:r}var mL=/^width|height|left|top|marginLeft|marginTop$/;function Qn(r,n){var e=r.style;it(n,function(i,t){mL.test(t)&&Te(i)&&(i="".concat(i,"px")),e[t]=i})}function jL(r,n){return r.classList?r.classList.contains(n):r.className.indexOf(n)>-1}function st(r,n){if(!!n){if(Te(r.length)){it(r,function(i){st(i,n)});return}if(r.classList){r.classList.add(n);return}var e=r.className.trim();e?e.indexOf(n)<0&&(r.className="".concat(e," ").concat(n)):r.className=n}}function sn(r,n){if(!!n){if(Te(r.length)){it(r,function(e){sn(e,n)});return}if(r.classList){r.classList.remove(n);return}r.className.indexOf(n)>=0&&(r.className=r.className.replace(n,""))}}function vr(r,n,e){if(!!n){if(Te(r.length)){it(r,function(i){vr(i,n,e)});return}e?st(r,n):sn(r,n)}}var IL=/([a-z\d])([A-Z])/g;function Bu(r){return r.replace(IL,"$1-$2").toLowerCase()}function Pu(r,n){return or(r[n])?r[n]:r.dataset?r.dataset[n]:r.getAttribute("data-".concat(Bu(n)))}function si(r,n,e){or(e)?r[n]=e:r.dataset?r.dataset[n]=e:r.setAttribute("data-".concat(Bu(n)),e)}function DL(r,n){if(or(r[n]))try{delete r[n]}catch{r[n]=void 0}else if(r.dataset)try{delete r.dataset[n]}catch{r.dataset[n]=void 0}else r.removeAttribute("data-".concat(Bu(n)))}var uh=/\s\s*/,ch=function(){var r=!1;if(za){var n=!1,e=function(){},i=Object.defineProperty({},"once",{get:function(){return r=!0,n},set:function(o){n=o}});an.addEventListener("test",e,i),an.removeEventListener("test",e,i)}return r}();function Ht(r,n,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},t=e;n.trim().split(uh).forEach(function(o){if(!ch){var a=r.listeners;a&&a[o]&&a[o][e]&&(t=a[o][e],delete a[o][e],Object.keys(a[o]).length===0&&delete a[o],Object.keys(a).length===0&&delete r.listeners)}r.removeEventListener(o,t,i)})}function Ot(r,n,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},t=e;n.trim().split(uh).forEach(function(o){if(i.once&&!ch){var a=r.listeners,s=a===void 0?{}:a;t=function(){delete s[o][e],r.removeEventListener(o,t,i);for(var u=arguments.length,d=new Array(u),f=0;f<u;f++)d[f]=arguments[f];e.apply(r,d)},s[o]||(s[o]={}),s[o][e]&&r.removeEventListener(o,s[o][e],i),s[o][e]=t,r.listeners=s}r.addEventListener(o,t,i)})}function br(r,n,e){var i;return xt(Event)&&xt(CustomEvent)?i=new CustomEvent(n,{detail:e,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(n,!0,!0,e)),r.dispatchEvent(i)}function dh(r){var n=r.getBoundingClientRect();return{left:n.left+(window.pageXOffset-document.documentElement.clientLeft),top:n.top+(window.pageYOffset-document.documentElement.clientTop)}}var Ru=an.location,xL=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function fh(r){var n=r.match(xL);return n!==null&&(n[1]!==Ru.protocol||n[2]!==Ru.hostname||n[3]!==Ru.port)}function Mh(r){var n="timestamp=".concat(new Date().getTime());return r+(r.indexOf("?")===-1?"?":"&")+n}function li(r){var n=r.rotate,e=r.scaleX,i=r.scaleY,t=r.translateX,o=r.translateY,a=[];Te(t)&&t!==0&&a.push("translateX(".concat(t,"px)")),Te(o)&&o!==0&&a.push("translateY(".concat(o,"px)")),Te(n)&&n!==0&&a.push("rotate(".concat(n,"deg)")),Te(e)&&e!==1&&a.push("scaleX(".concat(e,")")),Te(i)&&i!==1&&a.push("scaleY(".concat(i,")"));var s=a.length?a.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function vL(r){var n=Bg({},r),e=0;return it(r,function(i,t){delete n[t],it(n,function(o){var a=Math.abs(i.startX-o.startX),s=Math.abs(i.startY-o.startY),l=Math.abs(i.endX-o.endX),u=Math.abs(i.endY-o.endY),d=Math.sqrt(a*a+s*s),f=Math.sqrt(l*l+u*u),M=(f-d)/d;Math.abs(M)>Math.abs(e)&&(e=M)})}),e}function Sa(r,n){var e=r.pageX,i=r.pageY,t={endX:e,endY:i};return n?t:Bg({startX:e,startY:i},t)}function bL(r){var n=0,e=0,i=0;return it(r,function(t){var o=t.startX,a=t.startY;n+=o,e+=a,i+=1}),n/=i,e/=i,{pageX:n,pageY:e}}function Un(r){var n=r.aspectRatio,e=r.height,i=r.width,t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",o=sh(i),a=sh(e);if(o&&a){var s=e*n;t==="contain"&&s>i||t==="cover"&&s<i?e=i/n:i=e*n}else o?e=i/n:a&&(i=e*n);return{width:i,height:e}}function TL(r){var n=r.width,e=r.height,i=r.degree;if(i=Math.abs(i)%180,i===90)return{width:e,height:n};var t=i%90*Math.PI/180,o=Math.sin(t),a=Math.cos(t),s=n*a+e*o,l=n*o+e*a;return i>90?{width:l,height:s}:{width:s,height:l}}function AL(r,n,e,i){var t=n.aspectRatio,o=n.naturalWidth,a=n.naturalHeight,s=n.rotate,l=s===void 0?0:s,u=n.scaleX,d=u===void 0?1:u,f=n.scaleY,M=f===void 0?1:f,h=e.aspectRatio,y=e.naturalWidth,j=e.naturalHeight,x=i.fillColor,p=x===void 0?"transparent":x,N=i.imageSmoothingEnabled,D=N===void 0?!0:N,I=i.imageSmoothingQuality,m=I===void 0?"low":I,b=i.maxWidth,L=b===void 0?1/0:b,k=i.maxHeight,z=k===void 0?1/0:k,O=i.minWidth,T=O===void 0?0:O,g=i.minHeight,v=g===void 0?0:g,A=document.createElement("canvas"),w=A.getContext("2d"),S=Un({aspectRatio:h,width:L,height:z}),E=Un({aspectRatio:h,width:T,height:v},"cover"),C=Math.min(S.width,Math.max(E.width,y)),_=Math.min(S.height,Math.max(E.height,j)),Y=Un({aspectRatio:t,width:L,height:z}),U=Un({aspectRatio:t,width:T,height:v},"cover"),Q=Math.min(Y.width,Math.max(U.width,o)),B=Math.min(Y.height,Math.max(U.height,a)),V=[-Q/2,-B/2,Q,B];return A.width=xr(C),A.height=xr(_),w.fillStyle=p,w.fillRect(0,0,C,_),w.save(),w.translate(C/2,_/2),w.rotate(l*Math.PI/180),w.scale(d,M),w.imageSmoothingEnabled=D,w.imageSmoothingQuality=m,w.drawImage.apply(w,[r].concat(Rg(V.map(function(P){return Math.floor(xr(P))})))),w.restore(),A}var gh=String.fromCharCode;function wL(r,n,e){var i="";e+=n;for(var t=n;t<e;t+=1)i+=gh(r.getUint8(t));return i}var kL=/^data:.*,/;function LL(r){var n=r.replace(kL,""),e=atob(n),i=new ArrayBuffer(e.length),t=new Uint8Array(i);return it(t,function(o,a){t[a]=e.charCodeAt(a)}),i}function zL(r,n){for(var e=[],i=8192,t=new Uint8Array(r);t.length>0;)e.push(gh.apply(null,lh(t.subarray(0,i)))),t=t.subarray(i);return"data:".concat(n,";base64,").concat(btoa(e.join("")))}function CL(r){var n=new DataView(r),e;try{var i,t,o;if(n.getUint8(0)===255&&n.getUint8(1)===216)for(var a=n.byteLength,s=2;s+1<a;){if(n.getUint8(s)===255&&n.getUint8(s+1)===225){t=s;break}s+=1}if(t){var l=t+4,u=t+10;if(wL(n,l,4)==="Exif"){var d=n.getUint16(u);if(i=d===18761,(i||d===19789)&&n.getUint16(u+2,i)===42){var f=n.getUint32(u+4,i);f>=8&&(o=u+f)}}}if(o){var M=n.getUint16(o,i),h,y;for(y=0;y<M;y+=1)if(h=o+y*12+2,n.getUint16(h,i)===274){h+=8,e=n.getUint16(h,i),n.setUint16(h,1,i);break}}}catch{e=1}return e}function OL(r){var n=0,e=1,i=1;switch(r){case 2:e=-1;break;case 3:n=-180;break;case 4:i=-1;break;case 5:n=90,i=-1;break;case 6:n=90;break;case 7:n=90,e=-1;break;case 8:n=-90;break}return{rotate:n,scaleX:e,scaleY:i}}var SL={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var n=this.element,e=this.options,i=this.container,t=this.cropper,o=Number(e.minContainerWidth),a=Number(e.minContainerHeight);st(t,Dt),sn(n,Dt);var s={width:Math.max(i.offsetWidth,o>=0?o:ih),height:Math.max(i.offsetHeight,a>=0?a:oh)};this.containerData=s,Qn(t,{width:s.width,height:s.height}),st(n,Dt),sn(t,Dt)},initCanvas:function(){var n=this.containerData,e=this.imageData,i=this.options.viewMode,t=Math.abs(e.rotate)%180===90,o=t?e.naturalHeight:e.naturalWidth,a=t?e.naturalWidth:e.naturalHeight,s=o/a,l=n.width,u=n.height;n.height*s>n.width?i===3?l=n.height*s:u=n.width/s:i===3?u=n.width/s:l=n.height*s;var d={aspectRatio:s,naturalWidth:o,naturalHeight:a,width:l,height:u};this.canvasData=d,this.limited=i===1||i===2,this.limitCanvas(!0,!0),d.width=Math.min(Math.max(d.width,d.minWidth),d.maxWidth),d.height=Math.min(Math.max(d.height,d.minHeight),d.maxHeight),d.left=(n.width-d.width)/2,d.top=(n.height-d.height)/2,d.oldLeft=d.left,d.oldTop=d.top,this.initialCanvasData=Ge({},d)},limitCanvas:function(n,e){var i=this.options,t=this.containerData,o=this.canvasData,a=this.cropBoxData,s=i.viewMode,l=o.aspectRatio,u=this.cropped&&a;if(n){var d=Number(i.minCanvasWidth)||0,f=Number(i.minCanvasHeight)||0;s>1?(d=Math.max(d,t.width),f=Math.max(f,t.height),s===3&&(f*l>d?d=f*l:f=d/l)):s>0&&(d?d=Math.max(d,u?a.width:0):f?f=Math.max(f,u?a.height:0):u&&(d=a.width,f=a.height,f*l>d?d=f*l:f=d/l));var M=Un({aspectRatio:l,width:d,height:f});d=M.width,f=M.height,o.minWidth=d,o.minHeight=f,o.maxWidth=1/0,o.maxHeight=1/0}if(e)if(s>(u?0:1)){var h=t.width-o.width,y=t.height-o.height;o.minLeft=Math.min(0,h),o.minTop=Math.min(0,y),o.maxLeft=Math.max(0,h),o.maxTop=Math.max(0,y),u&&this.limited&&(o.minLeft=Math.min(a.left,a.left+(a.width-o.width)),o.minTop=Math.min(a.top,a.top+(a.height-o.height)),o.maxLeft=a.left,o.maxTop=a.top,s===2&&(o.width>=t.width&&(o.minLeft=Math.min(0,h),o.maxLeft=Math.max(0,h)),o.height>=t.height&&(o.minTop=Math.min(0,y),o.maxTop=Math.max(0,y))))}else o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=t.width,o.maxTop=t.height},renderCanvas:function(n,e){var i=this.canvasData,t=this.imageData;if(e){var o=TL({width:t.naturalWidth*Math.abs(t.scaleX||1),height:t.naturalHeight*Math.abs(t.scaleY||1),degree:t.rotate||0}),a=o.width,s=o.height,l=i.width*(a/i.naturalWidth),u=i.height*(s/i.naturalHeight);i.left-=(l-i.width)/2,i.top-=(u-i.height)/2,i.width=l,i.height=u,i.aspectRatio=a/s,i.naturalWidth=a,i.naturalHeight=s,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,Qn(this.canvas,Ge({width:i.width,height:i.height},li({translateX:i.left,translateY:i.top}))),this.renderImage(n),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(n){var e=this.canvasData,i=this.imageData,t=i.naturalWidth*(e.width/e.naturalWidth),o=i.naturalHeight*(e.height/e.naturalHeight);Ge(i,{width:t,height:o,left:(e.width-t)/2,top:(e.height-o)/2}),Qn(this.image,Ge({width:i.width,height:i.height},li(Ge({translateX:i.left,translateY:i.top},i)))),n&&this.output()},initCropBox:function(){var n=this.options,e=this.canvasData,i=n.aspectRatio||n.initialAspectRatio,t=Number(n.autoCropArea)||.8,o={width:e.width,height:e.height};i&&(e.height*i>e.width?o.height=o.width/i:o.width=o.height*i),this.cropBoxData=o,this.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.width=Math.max(o.minWidth,o.width*t),o.height=Math.max(o.minHeight,o.height*t),o.left=e.left+(e.width-o.width)/2,o.top=e.top+(e.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,this.initialCropBoxData=Ge({},o)},limitCropBox:function(n,e){var i=this.options,t=this.containerData,o=this.canvasData,a=this.cropBoxData,s=this.limited,l=i.aspectRatio;if(n){var u=Number(i.minCropBoxWidth)||0,d=Number(i.minCropBoxHeight)||0,f=s?Math.min(t.width,o.width,o.width+o.left,t.width-o.left):t.width,M=s?Math.min(t.height,o.height,o.height+o.top,t.height-o.top):t.height;u=Math.min(u,t.width),d=Math.min(d,t.height),l&&(u&&d?d*l>u?d=u/l:u=d*l:u?d=u/l:d&&(u=d*l),M*l>f?M=f/l:f=M*l),a.minWidth=Math.min(u,f),a.minHeight=Math.min(d,M),a.maxWidth=f,a.maxHeight=M}e&&(s?(a.minLeft=Math.max(0,o.left),a.minTop=Math.max(0,o.top),a.maxLeft=Math.min(t.width,o.left+o.width)-a.width,a.maxTop=Math.min(t.height,o.top+o.height)-a.height):(a.minLeft=0,a.minTop=0,a.maxLeft=t.width-a.width,a.maxTop=t.height-a.height))},renderCropBox:function(){var n=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,n.movable&&n.cropBoxMovable&&si(this.face,ai,i.width>=e.width&&i.height>=e.height?Zg:Lu),Qn(this.cropBox,Ge({width:i.width,height:i.height},li({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),br(this.element,Su,this.getData())}},EL={initPreview:function(){var n=this.element,e=this.crossOrigin,i=this.options.preview,t=e?this.crossOriginUrl:this.url,o=n.alt||"The image to preview",a=document.createElement("img");if(e&&(a.crossOrigin=e),a.src=t,a.alt=o,this.viewBox.appendChild(a),this.viewBoxImage=a,!!i){var s=i;typeof i=="string"?s=n.ownerDocument.querySelectorAll(i):i.querySelector&&(s=[i]),this.previews=s,it(s,function(l){var u=document.createElement("img");si(l,Oa,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),e&&(u.crossOrigin=e),u.src=t,u.alt=o,u.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;"',l.innerHTML="",l.appendChild(u)})}},resetPreview:function(){it(this.previews,function(n){var e=Pu(n,Oa);Qn(n,{width:e.width,height:e.height}),n.innerHTML=e.html,DL(n,Oa)})},preview:function(){var n=this.imageData,e=this.canvasData,i=this.cropBoxData,t=i.width,o=i.height,a=n.width,s=n.height,l=i.left-e.left-n.left,u=i.top-e.top-n.top;!this.cropped||this.disabled||(Qn(this.viewBoxImage,Ge({width:a,height:s},li(Ge({translateX:-l,translateY:-u},n)))),it(this.previews,function(d){var f=Pu(d,Oa),M=f.width,h=f.height,y=M,j=h,x=1;t&&(x=M/t,j=o*x),o&&j>h&&(x=h/o,y=t*x,j=h),Qn(d,{width:y,height:j}),Qn(d.getElementsByTagName("img")[0],Ge({width:a*x,height:s*x},li(Ge({translateX:-l*x,translateY:-u*x},n))))}))}},_L={bind:function(){var n=this.element,e=this.options,i=this.cropper;xt(e.cropstart)&&Ot(n,Qu,e.cropstart),xt(e.cropmove)&&Ot(n,_u,e.cropmove),xt(e.cropend)&&Ot(n,Eu,e.cropend),xt(e.crop)&&Ot(n,Su,e.crop),xt(e.zoom)&&Ot(n,Uu,e.zoom),Ot(i,Xg,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&Ot(i,nh,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Ot(i,Jg,this.onDblclick=this.dblclick.bind(this)),Ot(n.ownerDocument,Kg,this.onCropMove=this.cropMove.bind(this)),Ot(n.ownerDocument,qg,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&Ot(window,th,this.onResize=this.resize.bind(this))},unbind:function(){var n=this.element,e=this.options,i=this.cropper;xt(e.cropstart)&&Ht(n,Qu,e.cropstart),xt(e.cropmove)&&Ht(n,_u,e.cropmove),xt(e.cropend)&&Ht(n,Eu,e.cropend),xt(e.crop)&&Ht(n,Su,e.crop),xt(e.zoom)&&Ht(n,Uu,e.zoom),Ht(i,Xg,this.onCropStart),e.zoomable&&e.zoomOnWheel&&Ht(i,nh,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Ht(i,Jg,this.onDblclick),Ht(n.ownerDocument,Kg,this.onCropMove),Ht(n.ownerDocument,qg,this.onCropEnd),e.responsive&&Ht(window,th,this.onResize)}},QL={resize:function(){if(!this.disabled){var n=this.options,e=this.container,i=this.containerData,t=e.offsetWidth/i.width,o=e.offsetHeight/i.height,a=Math.abs(t-1)>Math.abs(o-1)?t:o;if(a!==1){var s,l;n.restore&&(s=this.getCanvasData(),l=this.getCropBoxData()),this.render(),n.restore&&(this.setCanvasData(it(s,function(u,d){s[d]=u*a})),this.setCropBoxData(it(l,function(u,d){l[d]=u*a})))}}},dblclick:function(){this.disabled||this.options.dragMode===$g||this.setDragMode(jL(this.dragBox,zu)?Fg:Ou)},wheel:function(n){var e=this,i=Number(this.options.wheelZoomRatio)||.1,t=1;this.disabled||(n.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),n.deltaY?t=n.deltaY>0?1:-1:n.wheelDelta?t=-n.wheelDelta/120:n.detail&&(t=n.detail>0?1:-1),this.zoom(-t*i,n)))},cropStart:function(n){var e=n.buttons,i=n.button;if(!(this.disabled||(n.type==="mousedown"||n.type==="pointerdown"&&n.pointerType==="mouse")&&(Te(e)&&e!==1||Te(i)&&i!==0||n.ctrlKey))){var t=this.options,o=this.pointers,a;n.changedTouches?it(n.changedTouches,function(s){o[s.identifier]=Sa(s)}):o[n.pointerId||0]=Sa(n),Object.keys(o).length>1&&t.zoomable&&t.zoomOnTouch?a=Wg:a=Pu(n.target,ai),!!cL.test(a)&&br(this.element,Qu,{originalEvent:n,action:a})!==!1&&(n.preventDefault(),this.action=a,this.cropping=!1,a===Vg&&(this.cropping=!0,st(this.dragBox,Ca)))}},cropMove:function(n){var e=this.action;if(!(this.disabled||!e)){var i=this.pointers;n.preventDefault(),br(this.element,_u,{originalEvent:n,action:e})!==!1&&(n.changedTouches?it(n.changedTouches,function(t){Ge(i[t.identifier]||{},Sa(t,!0))}):Ge(i[n.pointerId||0]||{},Sa(n,!0)),this.change(n))}},cropEnd:function(n){if(!this.disabled){var e=this.action,i=this.pointers;n.changedTouches?it(n.changedTouches,function(t){delete i[t.identifier]}):delete i[n.pointerId||0],e&&(n.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,vr(this.dragBox,Ca,this.cropped&&this.options.modal)),br(this.element,Eu,{originalEvent:n,action:e}))}}},UL={change:function(n){var e=this.options,i=this.canvasData,t=this.containerData,o=this.cropBoxData,a=this.pointers,s=this.action,l=e.aspectRatio,u=o.left,d=o.top,f=o.width,M=o.height,h=u+f,y=d+M,j=0,x=0,p=t.width,N=t.height,D=!0,I;!l&&n.shiftKey&&(l=f&&M?f/M:1),this.limited&&(j=o.minLeft,x=o.minTop,p=j+Math.min(t.width,i.width,i.left+i.width),N=x+Math.min(t.height,i.height,i.top+i.height));var m=a[Object.keys(a)[0]],b={x:m.endX-m.startX,y:m.endY-m.startY},L=function(z){switch(z){case rr:h+b.x>p&&(b.x=p-h);break;case ir:u+b.x<j&&(b.x=j-u);break;case _n:d+b.y<x&&(b.y=x-d);break;case Ir:y+b.y>N&&(b.y=N-y);break}};switch(s){case Lu:u+=b.x,d+=b.y;break;case rr:if(b.x>=0&&(h>=p||l&&(d<=x||y>=N))){D=!1;break}L(rr),f+=b.x,f<0&&(s=ir,f=-f,u-=f),l&&(M=f/l,d+=(o.height-M)/2);break;case _n:if(b.y<=0&&(d<=x||l&&(u<=j||h>=p))){D=!1;break}L(_n),M-=b.y,d+=b.y,M<0&&(s=Ir,M=-M,d-=M),l&&(f=M*l,u+=(o.width-f)/2);break;case ir:if(b.x<=0&&(u<=j||l&&(d<=x||y>=N))){D=!1;break}L(ir),f-=b.x,u+=b.x,f<0&&(s=rr,f=-f,u-=f),l&&(M=f/l,d+=(o.height-M)/2);break;case Ir:if(b.y>=0&&(y>=N||l&&(u<=j||h>=p))){D=!1;break}L(Ir),M+=b.y,M<0&&(s=_n,M=-M,d-=M),l&&(f=M*l,u+=(o.width-f)/2);break;case ni:if(l){if(b.y<=0&&(d<=x||h>=p)){D=!1;break}L(_n),M-=b.y,d+=b.y,f=M*l}else L(_n),L(rr),b.x>=0?h<p?f+=b.x:b.y<=0&&d<=x&&(D=!1):f+=b.x,b.y<=0?d>x&&(M-=b.y,d+=b.y):(M-=b.y,d+=b.y);f<0&&M<0?(s=oi,M=-M,f=-f,d-=M,u-=f):f<0?(s=ri,f=-f,u-=f):M<0&&(s=ii,M=-M,d-=M);break;case ri:if(l){if(b.y<=0&&(d<=x||u<=j)){D=!1;break}L(_n),M-=b.y,d+=b.y,f=M*l,u+=o.width-f}else L(_n),L(ir),b.x<=0?u>j?(f-=b.x,u+=b.x):b.y<=0&&d<=x&&(D=!1):(f-=b.x,u+=b.x),b.y<=0?d>x&&(M-=b.y,d+=b.y):(M-=b.y,d+=b.y);f<0&&M<0?(s=ii,M=-M,f=-f,d-=M,u-=f):f<0?(s=ni,f=-f,u-=f):M<0&&(s=oi,M=-M,d-=M);break;case oi:if(l){if(b.x<=0&&(u<=j||y>=N)){D=!1;break}L(ir),f-=b.x,u+=b.x,M=f/l}else L(Ir),L(ir),b.x<=0?u>j?(f-=b.x,u+=b.x):b.y>=0&&y>=N&&(D=!1):(f-=b.x,u+=b.x),b.y>=0?y<N&&(M+=b.y):M+=b.y;f<0&&M<0?(s=ni,M=-M,f=-f,d-=M,u-=f):f<0?(s=ii,f=-f,u-=f):M<0&&(s=ri,M=-M,d-=M);break;case ii:if(l){if(b.x>=0&&(h>=p||y>=N)){D=!1;break}L(rr),f+=b.x,M=f/l}else L(Ir),L(rr),b.x>=0?h<p?f+=b.x:b.y>=0&&y>=N&&(D=!1):f+=b.x,b.y>=0?y<N&&(M+=b.y):M+=b.y;f<0&&M<0?(s=ri,M=-M,f=-f,d-=M,u-=f):f<0?(s=oi,f=-f,u-=f):M<0&&(s=ni,M=-M,d-=M);break;case Zg:this.move(b.x,b.y),D=!1;break;case Wg:this.zoom(vL(a),n),D=!1;break;case Vg:if(!b.x||!b.y){D=!1;break}I=dh(this.cropper),u=m.startX-I.left,d=m.startY-I.top,f=o.minWidth,M=o.minHeight,b.x>0?s=b.y>0?ii:ni:b.x<0&&(u-=f,s=b.y>0?oi:ri),b.y<0&&(d-=M),this.cropped||(sn(this.cropBox,Dt),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}D&&(o.width=f,o.height=M,o.left=u,o.top=d,this.action=s,this.renderCropBox()),it(a,function(k){k.startX=k.endX,k.startY=k.endY})}},YL={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&st(this.dragBox,Ca),sn(this.cropBox,Dt),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=Ge({},this.initialImageData),this.canvasData=Ge({},this.initialCanvasData),this.cropBoxData=Ge({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(Ge(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),sn(this.dragBox,Ca),st(this.cropBox,Dt)),this},replace:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&n&&(this.isImg&&(this.element.src=n),e?(this.url=n,this.image.src=n,this.ready&&(this.viewBoxImage.src=n,it(this.previews,function(i){i.getElementsByTagName("img")[0].src=n}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(n))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,sn(this.cropper,Hg)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,st(this.cropper,Hg)),this},destroy:function(){var n=this.element;return n[He]?(n[He]=void 0,this.isImg&&this.replaced&&(n.src=this.originalUrl),this.uncreate(),this):this},move:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.canvasData,t=i.left,o=i.top;return this.moveTo(Yu(n)?n:t+Number(n),Yu(e)?e:o+Number(e))},moveTo:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.canvasData,t=!1;return n=Number(n),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(Te(n)&&(i.left=n,t=!0),Te(e)&&(i.top=e,t=!0),t&&this.renderCanvas(!0)),this},zoom:function(n,e){var i=this.canvasData;return n=Number(n),n<0?n=1/(1-n):n=1+n,this.zoomTo(i.width*n/i.naturalWidth,null,e)},zoomTo:function(n,e,i){var t=this.options,o=this.canvasData,a=o.width,s=o.height,l=o.naturalWidth,u=o.naturalHeight;if(n=Number(n),n>=0&&this.ready&&!this.disabled&&t.zoomable){var d=l*n,f=u*n;if(br(this.element,Uu,{ratio:n,oldRatio:a/l,originalEvent:i})===!1)return this;if(i){var M=this.pointers,h=dh(this.cropper),y=M&&Object.keys(M).length?bL(M):{pageX:i.pageX,pageY:i.pageY};o.left-=(d-a)*((y.pageX-h.left-o.left)/a),o.top-=(f-s)*((y.pageY-h.top-o.top)/s)}else Dr(e)&&Te(e.x)&&Te(e.y)?(o.left-=(d-a)*((e.x-o.left)/a),o.top-=(f-s)*((e.y-o.top)/s)):(o.left-=(d-a)/2,o.top-=(f-s)/2);o.width=d,o.height=f,this.renderCanvas(!0)}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n))},rotateTo:function(n){return n=Number(n),Te(n)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=n%360,this.renderCanvas(!0,!0)),this},scaleX:function(n){var e=this.imageData.scaleY;return this.scale(n,Te(e)?e:1)},scaleY:function(n){var e=this.imageData.scaleX;return this.scale(Te(e)?e:1,n)},scale:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.imageData,t=!1;return n=Number(n),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(Te(n)&&(i.scaleX=n,t=!0),Te(e)&&(i.scaleY=e,t=!0),t&&this.renderCanvas(!0,!0)),this},getData:function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,e=this.options,i=this.imageData,t=this.canvasData,o=this.cropBoxData,a;if(this.ready&&this.cropped){a={x:o.left-t.left,y:o.top-t.top,width:o.width,height:o.height};var s=i.width/i.naturalWidth;if(it(a,function(d,f){a[f]=d/s}),n){var l=Math.round(a.y+a.height),u=Math.round(a.x+a.width);a.x=Math.round(a.x),a.y=Math.round(a.y),a.width=u-a.x,a.height=l-a.y}}else a={x:0,y:0,width:0,height:0};return e.rotatable&&(a.rotate=i.rotate||0),e.scalable&&(a.scaleX=i.scaleX||1,a.scaleY=i.scaleY||1),a},setData:function(n){var e=this.options,i=this.imageData,t=this.canvasData,o={};if(this.ready&&!this.disabled&&Dr(n)){var a=!1;e.rotatable&&Te(n.rotate)&&n.rotate!==i.rotate&&(i.rotate=n.rotate,a=!0),e.scalable&&(Te(n.scaleX)&&n.scaleX!==i.scaleX&&(i.scaleX=n.scaleX,a=!0),Te(n.scaleY)&&n.scaleY!==i.scaleY&&(i.scaleY=n.scaleY,a=!0)),a&&this.renderCanvas(!0,!0);var s=i.width/i.naturalWidth;Te(n.x)&&(o.left=n.x*s+t.left),Te(n.y)&&(o.top=n.y*s+t.top),Te(n.width)&&(o.width=n.width*s),Te(n.height)&&(o.height=n.height*s),this.setCropBoxData(o)}return this},getContainerData:function(){return this.ready?Ge({},this.containerData):{}},getImageData:function(){return this.sized?Ge({},this.imageData):{}},getCanvasData:function(){var n=this.canvasData,e={};return this.ready&&it(["left","top","width","height","naturalWidth","naturalHeight"],function(i){e[i]=n[i]}),e},setCanvasData:function(n){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&Dr(n)&&(Te(n.left)&&(e.left=n.left),Te(n.top)&&(e.top=n.top),Te(n.width)?(e.width=n.width,e.height=n.width/i):Te(n.height)&&(e.height=n.height,e.width=n.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var n=this.cropBoxData,e;return this.ready&&this.cropped&&(e={left:n.left,top:n.top,width:n.width,height:n.height}),e||{}},setCropBoxData:function(n){var e=this.cropBoxData,i=this.options.aspectRatio,t,o;return this.ready&&this.cropped&&!this.disabled&&Dr(n)&&(Te(n.left)&&(e.left=n.left),Te(n.top)&&(e.top=n.top),Te(n.width)&&n.width!==e.width&&(t=!0,e.width=n.width),Te(n.height)&&n.height!==e.height&&(o=!0,e.height=n.height),i&&(t?e.height=e.width/i:o&&(e.width=e.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=AL(this.image,this.imageData,e,n);if(!this.cropped)return i;var t=this.getData(),o=t.x,a=t.y,s=t.width,l=t.height,u=i.width/Math.floor(e.naturalWidth);u!==1&&(o*=u,a*=u,s*=u,l*=u);var d=s/l,f=Un({aspectRatio:d,width:n.maxWidth||1/0,height:n.maxHeight||1/0}),M=Un({aspectRatio:d,width:n.minWidth||0,height:n.minHeight||0},"cover"),h=Un({aspectRatio:d,width:n.width||(u!==1?i.width:s),height:n.height||(u!==1?i.height:l)}),y=h.width,j=h.height;y=Math.min(f.width,Math.max(M.width,y)),j=Math.min(f.height,Math.max(M.height,j));var x=document.createElement("canvas"),p=x.getContext("2d");x.width=xr(y),x.height=xr(j),p.fillStyle=n.fillColor||"transparent",p.fillRect(0,0,y,j);var N=n.imageSmoothingEnabled,D=N===void 0?!0:N,I=n.imageSmoothingQuality;p.imageSmoothingEnabled=D,I&&(p.imageSmoothingQuality=I);var m=i.width,b=i.height,L=o,k=a,z,O,T,g,v,A;L<=-s||L>m?(L=0,z=0,T=0,v=0):L<=0?(T=-L,L=0,z=Math.min(m,s+L),v=z):L<=m&&(T=0,z=Math.min(s,m-L),v=z),z<=0||k<=-l||k>b?(k=0,O=0,g=0,A=0):k<=0?(g=-k,k=0,O=Math.min(b,l+k),A=O):k<=b&&(g=0,O=Math.min(l,b-k),A=O);var w=[L,k,z,O];if(v>0&&A>0){var S=y/s;w.push(T*S,g*S,v*S,A*S)}return p.drawImage.apply(p,[i].concat(Rg(w.map(function(E){return Math.floor(xr(E))})))),x},setAspectRatio:function(n){var e=this.options;return!this.disabled&&!Yu(n)&&(e.aspectRatio=Math.max(0,n)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(n){var e=this.options,i=this.dragBox,t=this.face;if(this.ready&&!this.disabled){var o=n===Ou,a=e.movable&&n===Fg;n=o||a?n:$g,e.dragMode=n,si(i,ai,n),vr(i,zu,o),vr(i,Cu,a),e.cropBoxMovable||(si(t,ai,n),vr(t,zu,o),vr(t,Cu,a))}return this}},BL=an.Cropper,hh=function(){function r(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(q2(this,r),!n||!ML.test(n.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=n,this.options=Ge({},ah,Dr(e)&&e),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 eL(r,[{key:"init",value:function(){var e=this.element,i=e.tagName.toLowerCase(),t;if(!e[He]){if(e[He]=this,i==="img"){if(this.isImg=!0,t=e.getAttribute("src")||"",this.originalUrl=t,!t)return;t=e.src}else i==="canvas"&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(e){var i=this;if(!!e){this.url=e,this.imageData={};var t=this.element,o=this.options;if(!o.rotatable&&!o.scalable&&(o.checkOrientation=!1),!o.checkOrientation||!window.ArrayBuffer){this.clone();return}if(dL.test(e)){fL.test(e)?this.read(LL(e)):this.clone();return}var a=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=a,a.onabort=s,a.onerror=s,a.ontimeout=s,a.onprogress=function(){a.getResponseHeader("content-type")!==rh&&a.abort()},a.onload=function(){i.read(a.response)},a.onloadend=function(){i.reloading=!1,i.xhr=null},o.checkCrossOrigin&&fh(e)&&t.crossOrigin&&(e=Mh(e)),a.open("GET",e,!0),a.responseType="arraybuffer",a.withCredentials=t.crossOrigin==="use-credentials",a.send()}}},{key:"read",value:function(e){var i=this.options,t=this.imageData,o=CL(e),a=0,s=1,l=1;if(o>1){this.url=zL(e,rh);var u=OL(o);a=u.rotate,s=u.scaleX,l=u.scaleY}i.rotatable&&(t.rotate=a),i.scalable&&(t.scaleX=s,t.scaleY=l),this.clone()}},{key:"clone",value:function(){var e=this.element,i=this.url,t=e.crossOrigin,o=i;this.options.checkCrossOrigin&&fh(i)&&(t||(t="anonymous"),o=Mh(i)),this.crossOrigin=t,this.crossOriginUrl=o;var a=document.createElement("img");t&&(a.crossOrigin=t),a.src=o||i,a.alt=e.alt||"The image to crop",this.image=a,a.onload=this.start.bind(this),a.onerror=this.stop.bind(this),st(a,Gg),e.parentNode.insertBefore(a,e.nextSibling)}},{key:"start",value:function(){var e=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var t=an.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(an.navigator.userAgent),o=function(u,d){Ge(e.imageData,{naturalWidth:u,naturalHeight:d,aspectRatio:u/d}),e.initialImageData=Ge({},e.imageData),e.sizing=!1,e.sized=!0,e.build()};if(i.naturalWidth&&!t){o(i.naturalWidth,i.naturalHeight);return}var a=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=a,a.onload=function(){o(a.width,a.height),t||s.removeChild(a)},a.src=i.src,t||(a.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(a))}},{key:"stop",value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var e=this.element,i=this.options,t=this.image,o=e.parentNode,a=document.createElement("div");a.innerHTML=gL;var s=a.querySelector(".".concat(He,"-container")),l=s.querySelector(".".concat(He,"-canvas")),u=s.querySelector(".".concat(He,"-drag-box")),d=s.querySelector(".".concat(He,"-crop-box")),f=d.querySelector(".".concat(He,"-face"));this.container=o,this.cropper=s,this.canvas=l,this.dragBox=u,this.cropBox=d,this.viewBox=s.querySelector(".".concat(He,"-view-box")),this.face=f,l.appendChild(t),st(e,Dt),o.insertBefore(s,e.nextSibling),sn(t,Gg),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,st(d,Dt),i.guides||st(d.getElementsByClassName("".concat(He,"-dashed")),Dt),i.center||st(d.getElementsByClassName("".concat(He,"-center")),Dt),i.background&&st(s,"".concat(He,"-bg")),i.highlight||st(f,aL),i.cropBoxMovable&&(st(f,Cu),si(f,ai,Lu)),i.cropBoxResizable||(st(d.getElementsByClassName("".concat(He,"-line")),Dt),st(d.getElementsByClassName("".concat(He,"-point")),Dt)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),xt(i.ready)&&Ot(e,eh,i.ready,{once:!0}),br(e,eh)}}},{key:"unbuild",value:function(){if(!!this.ready){this.ready=!1,this.unbind(),this.resetPreview();var e=this.cropper.parentNode;e&&e.removeChild(this.cropper),sn(this.element,Dt)}}},{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=BL,r}},{key:"setDefaults",value:function(e){Ge(ah,Dr(e)&&e)}}]),r}();Ge(hh.prototype,SL,EL,_L,QL,UL,YL);var Lz="";const PL={key:0},RL=c.createTextVNode(" Crop "),VL=c.defineComponent({__name:"ImageCropper",props:{image:{type:File,required:!1,default:null},width:{type:[String,Number],required:!1,default:360},showPreview:{type:Boolean,required:!1,default:!1}},emits:["update"],setup(r,{emit:n}){const e=r;c.onMounted(()=>{e.image&&s(e.image)}),c.onUpdated(()=>{e.image&&s(e.image)});const i=c.ref(null),t=c.ref(null),o=c.ref(!1);let a=null;function s(f){const M=new FileReader;M.onload=()=>{i.value.src=M.result,l(i.value)},M.readAsDataURL(f)}function l(f){a&&a.destroy(),a=new hh(f,{aspectRatio:1,viewMode:1})}function u(){let f=a.getCroppedCanvas(),M=d(f);!M||(t.value&&(t.value.src=M.toDataURL(),o.value=!0),n("update",M))}function d(f){var M=document.createElement("canvas"),h=M.getContext("2d"),y=f.width,j=f.height;if(M.width=y,M.height=j,!!h)return h.imageSmoothingEnabled=!0,h.drawImage(f,0,0,y,j),h.globalCompositeOperation="destination-in",h.beginPath(),h.arc(y/2,j/2,Math.min(y,j)/2,0,2*Math.PI,!0),h.fill(),M}return(f,M)=>r.image?(c.openBlock(),c.createElementBlock("div",PL,[c.createElementVNode("div",{id:"cropper-container",style:c.normalizeStyle({"max-width":r.width+"px"})},[c.createElementVNode("img",{id:"cropper-image",ref_key:"croppingImage",ref:i},null,512)],4),c.createVNode(mg,{color:"primary",size:"small",onClick:M[0]||(M[0]=c.withModifiers(h=>u(),["prevent"])),style:{display:"block","margin-top":"30px"}},{default:c.withCtx(()=>[RL]),_:1}),r.showPreview?c.withDirectives((c.openBlock(),c.createElementBlock("img",{key:0,id:"cropper-preview",ref_key:"cropPreview",ref:t},null,512)),[[c.vShow,o.value]]):c.createCommentVNode("",!0)])):c.createCommentVNode("",!0)}});ke.DhAdvancedDatePicker=ew,ke.DhAdvancedFilter=cw,ke.DhButton=mg,ke.DhCopyText=Iw,ke.DhDatePicker=vw,ke.DhDropdownMenu=kw,ke.DhError=zw,ke.DhExpansionPanel=_w,ke.DhFileUpload=ek,ke.DhIcon=be,ke.DhImageCropper=VL,ke.DhInputDropdown=Dg,ke.DhInputDropdownMultiple=uk,ke.DhInputGroup=Mk,ke.DhInputList=e2,ke.DhModal=s2,ke.DhNotification=M2,ke.DhNumberRange=yg,ke.DhPasswordField=N2,ke.DhRadioBox=xg,ke.DhRadioBoxGroup=x2,ke.DhSearchInput=T2,ke.DhStepper=L2,ke.DhSwitch=gf,ke.DhTextEditor=Z2,ke.DhTooltip=jg,ke.DhVerificationCode=K2,Object.defineProperties(ke,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var za=typeof window!="undefined"&&typeof window.document!="undefined",an=za?window:{},wu=za&&an.document.documentElement?"ontouchstart"in an.document.documentElement:!1,ku=za?"PointerEvent"in an:!1,He="cropper",Lu="all",Vg="crop",Zg="move",Wg="zoom",rr="e",ir="w",Ir="s",_n="n",ni="ne",ri="nw",ii="se",oi="sw",zu="".concat(He,"-crop"),Hg="".concat(He,"-disabled"),Dt="".concat(He,"-hidden"),Gg="".concat(He,"-hide"),aL="".concat(He,"-invisible"),Ca="".concat(He,"-modal"),Cu="".concat(He,"-move"),ai="".concat(He,"Action"),Oa="".concat(He,"Preview"),Ou="crop",Fg="move",$g="none",Su="crop",Eu="cropend",_u="cropmove",Qu="cropstart",Jg="dblclick",sL=wu?"touchstart":"mousedown",lL=wu?"touchmove":"mousemove",uL=wu?"touchend touchcancel":"mouseup",Xg=ku?"pointerdown":sL,Kg=ku?"pointermove":lL,qg=ku?"pointerup pointercancel":uL,eh="ready",th="resize",nh="wheel",Uu="zoom",rh="image/jpeg",cL=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,dL=/^data:/,fL=/^data:image\/jpeg;base64,/,ML=/^img|canvas$/i,ih=200,oh=100,ah={viewMode:0,dragMode:Ou,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:ih,minContainerHeight:oh,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},gL='<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>',hL=Number.isNaN||an.isNaN;function Te(r){return typeof r=="number"&&!hL(r)}var sh=function(n){return n>0&&n<1/0};function Yu(r){return typeof r=="undefined"}function or(r){return Tu(r)==="object"&&r!==null}var pL=Object.prototype.hasOwnProperty;function Dr(r){if(!or(r))return!1;try{var n=r.constructor,e=n.prototype;return n&&e&&pL.call(e,"isPrototypeOf")}catch{return!1}}function xt(r){return typeof r=="function"}var yL=Array.prototype.slice;function lh(r){return Array.from?Array.from(r):yL.call(r)}function it(r,n){return r&&xt(n)&&(Array.isArray(r)||Te(r.length)?lh(r).forEach(function(e,i){n.call(r,e,i,r)}):or(r)&&Object.keys(r).forEach(function(e){n.call(r,r[e],e,r)})),r}var Ge=Object.assign||function(n){for(var e=arguments.length,i=new Array(e>1?e-1:0),t=1;t<e;t++)i[t-1]=arguments[t];return or(n)&&i.length>0&&i.forEach(function(o){or(o)&&Object.keys(o).forEach(function(a){n[a]=o[a]})}),n},NL=/\.\d*(?:0|9){12}\d*$/;function xr(r){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return NL.test(r)?Math.round(r*n)/n:r}var mL=/^width|height|left|top|marginLeft|marginTop$/;function Qn(r,n){var e=r.style;it(n,function(i,t){mL.test(t)&&Te(i)&&(i="".concat(i,"px")),e[t]=i})}function jL(r,n){return r.classList?r.classList.contains(n):r.className.indexOf(n)>-1}function st(r,n){if(!!n){if(Te(r.length)){it(r,function(i){st(i,n)});return}if(r.classList){r.classList.add(n);return}var e=r.className.trim();e?e.indexOf(n)<0&&(r.className="".concat(e," ").concat(n)):r.className=n}}function sn(r,n){if(!!n){if(Te(r.length)){it(r,function(e){sn(e,n)});return}if(r.classList){r.classList.remove(n);return}r.className.indexOf(n)>=0&&(r.className=r.className.replace(n,""))}}function vr(r,n,e){if(!!n){if(Te(r.length)){it(r,function(i){vr(i,n,e)});return}e?st(r,n):sn(r,n)}}var IL=/([a-z\d])([A-Z])/g;function Bu(r){return r.replace(IL,"$1-$2").toLowerCase()}function Pu(r,n){return or(r[n])?r[n]:r.dataset?r.dataset[n]:r.getAttribute("data-".concat(Bu(n)))}function si(r,n,e){or(e)?r[n]=e:r.dataset?r.dataset[n]=e:r.setAttribute("data-".concat(Bu(n)),e)}function DL(r,n){if(or(r[n]))try{delete r[n]}catch{r[n]=void 0}else if(r.dataset)try{delete r.dataset[n]}catch{r.dataset[n]=void 0}else r.removeAttribute("data-".concat(Bu(n)))}var uh=/\s\s*/,ch=function(){var r=!1;if(za){var n=!1,e=function(){},i=Object.defineProperty({},"once",{get:function(){return r=!0,n},set:function(o){n=o}});an.addEventListener("test",e,i),an.removeEventListener("test",e,i)}return r}();function Ht(r,n,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},t=e;n.trim().split(uh).forEach(function(o){if(!ch){var a=r.listeners;a&&a[o]&&a[o][e]&&(t=a[o][e],delete a[o][e],Object.keys(a[o]).length===0&&delete a[o],Object.keys(a).length===0&&delete r.listeners)}r.removeEventListener(o,t,i)})}function Ot(r,n,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},t=e;n.trim().split(uh).forEach(function(o){if(i.once&&!ch){var a=r.listeners,s=a===void 0?{}:a;t=function(){delete s[o][e],r.removeEventListener(o,t,i);for(var u=arguments.length,d=new Array(u),f=0;f<u;f++)d[f]=arguments[f];e.apply(r,d)},s[o]||(s[o]={}),s[o][e]&&r.removeEventListener(o,s[o][e],i),s[o][e]=t,r.listeners=s}r.addEventListener(o,t,i)})}function br(r,n,e){var i;return xt(Event)&&xt(CustomEvent)?i=new CustomEvent(n,{detail:e,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(n,!0,!0,e)),r.dispatchEvent(i)}function dh(r){var n=r.getBoundingClientRect();return{left:n.left+(window.pageXOffset-document.documentElement.clientLeft),top:n.top+(window.pageYOffset-document.documentElement.clientTop)}}var Ru=an.location,xL=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function fh(r){var n=r.match(xL);return n!==null&&(n[1]!==Ru.protocol||n[2]!==Ru.hostname||n[3]!==Ru.port)}function Mh(r){var n="timestamp=".concat(new Date().getTime());return r+(r.indexOf("?")===-1?"?":"&")+n}function li(r){var n=r.rotate,e=r.scaleX,i=r.scaleY,t=r.translateX,o=r.translateY,a=[];Te(t)&&t!==0&&a.push("translateX(".concat(t,"px)")),Te(o)&&o!==0&&a.push("translateY(".concat(o,"px)")),Te(n)&&n!==0&&a.push("rotate(".concat(n,"deg)")),Te(e)&&e!==1&&a.push("scaleX(".concat(e,")")),Te(i)&&i!==1&&a.push("scaleY(".concat(i,")"));var s=a.length?a.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function vL(r){var n=Bg({},r),e=0;return it(r,function(i,t){delete n[t],it(n,function(o){var a=Math.abs(i.startX-o.startX),s=Math.abs(i.startY-o.startY),l=Math.abs(i.endX-o.endX),u=Math.abs(i.endY-o.endY),d=Math.sqrt(a*a+s*s),f=Math.sqrt(l*l+u*u),M=(f-d)/d;Math.abs(M)>Math.abs(e)&&(e=M)})}),e}function Sa(r,n){var e=r.pageX,i=r.pageY,t={endX:e,endY:i};return n?t:Bg({startX:e,startY:i},t)}function bL(r){var n=0,e=0,i=0;return it(r,function(t){var o=t.startX,a=t.startY;n+=o,e+=a,i+=1}),n/=i,e/=i,{pageX:n,pageY:e}}function Un(r){var n=r.aspectRatio,e=r.height,i=r.width,t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",o=sh(i),a=sh(e);if(o&&a){var s=e*n;t==="contain"&&s>i||t==="cover"&&s<i?e=i/n:i=e*n}else o?e=i/n:a&&(i=e*n);return{width:i,height:e}}function TL(r){var n=r.width,e=r.height,i=r.degree;if(i=Math.abs(i)%180,i===90)return{width:e,height:n};var t=i%90*Math.PI/180,o=Math.sin(t),a=Math.cos(t),s=n*a+e*o,l=n*o+e*a;return i>90?{width:l,height:s}:{width:s,height:l}}function AL(r,n,e,i){var t=n.aspectRatio,o=n.naturalWidth,a=n.naturalHeight,s=n.rotate,l=s===void 0?0:s,u=n.scaleX,d=u===void 0?1:u,f=n.scaleY,M=f===void 0?1:f,h=e.aspectRatio,y=e.naturalWidth,j=e.naturalHeight,x=i.fillColor,p=x===void 0?"transparent":x,N=i.imageSmoothingEnabled,D=N===void 0?!0:N,I=i.imageSmoothingQuality,m=I===void 0?"low":I,b=i.maxWidth,L=b===void 0?1/0:b,k=i.maxHeight,z=k===void 0?1/0:k,O=i.minWidth,T=O===void 0?0:O,g=i.minHeight,v=g===void 0?0:g,A=document.createElement("canvas"),w=A.getContext("2d"),S=Un({aspectRatio:h,width:L,height:z}),E=Un({aspectRatio:h,width:T,height:v},"cover"),C=Math.min(S.width,Math.max(E.width,y)),_=Math.min(S.height,Math.max(E.height,j)),Y=Un({aspectRatio:t,width:L,height:z}),U=Un({aspectRatio:t,width:T,height:v},"cover"),Q=Math.min(Y.width,Math.max(U.width,o)),B=Math.min(Y.height,Math.max(U.height,a)),V=[-Q/2,-B/2,Q,B];return A.width=xr(C),A.height=xr(_),w.fillStyle=p,w.fillRect(0,0,C,_),w.save(),w.translate(C/2,_/2),w.rotate(l*Math.PI/180),w.scale(d,M),w.imageSmoothingEnabled=D,w.imageSmoothingQuality=m,w.drawImage.apply(w,[r].concat(Rg(V.map(function(P){return Math.floor(xr(P))})))),w.restore(),A}var gh=String.fromCharCode;function wL(r,n,e){var i="";e+=n;for(var t=n;t<e;t+=1)i+=gh(r.getUint8(t));return i}var kL=/^data:.*,/;function LL(r){var n=r.replace(kL,""),e=atob(n),i=new ArrayBuffer(e.length),t=new Uint8Array(i);return it(t,function(o,a){t[a]=e.charCodeAt(a)}),i}function zL(r,n){for(var e=[],i=8192,t=new Uint8Array(r);t.length>0;)e.push(gh.apply(null,lh(t.subarray(0,i)))),t=t.subarray(i);return"data:".concat(n,";base64,").concat(btoa(e.join("")))}function CL(r){var n=new DataView(r),e;try{var i,t,o;if(n.getUint8(0)===255&&n.getUint8(1)===216)for(var a=n.byteLength,s=2;s+1<a;){if(n.getUint8(s)===255&&n.getUint8(s+1)===225){t=s;break}s+=1}if(t){var l=t+4,u=t+10;if(wL(n,l,4)==="Exif"){var d=n.getUint16(u);if(i=d===18761,(i||d===19789)&&n.getUint16(u+2,i)===42){var f=n.getUint32(u+4,i);f>=8&&(o=u+f)}}}if(o){var M=n.getUint16(o,i),h,y;for(y=0;y<M;y+=1)if(h=o+y*12+2,n.getUint16(h,i)===274){h+=8,e=n.getUint16(h,i),n.setUint16(h,1,i);break}}}catch{e=1}return e}function OL(r){var n=0,e=1,i=1;switch(r){case 2:e=-1;break;case 3:n=-180;break;case 4:i=-1;break;case 5:n=90,i=-1;break;case 6:n=90;break;case 7:n=90,e=-1;break;case 8:n=-90;break}return{rotate:n,scaleX:e,scaleY:i}}var SL={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var n=this.element,e=this.options,i=this.container,t=this.cropper,o=Number(e.minContainerWidth),a=Number(e.minContainerHeight);st(t,Dt),sn(n,Dt);var s={width:Math.max(i.offsetWidth,o>=0?o:ih),height:Math.max(i.offsetHeight,a>=0?a:oh)};this.containerData=s,Qn(t,{width:s.width,height:s.height}),st(n,Dt),sn(t,Dt)},initCanvas:function(){var n=this.containerData,e=this.imageData,i=this.options.viewMode,t=Math.abs(e.rotate)%180===90,o=t?e.naturalHeight:e.naturalWidth,a=t?e.naturalWidth:e.naturalHeight,s=o/a,l=n.width,u=n.height;n.height*s>n.width?i===3?l=n.height*s:u=n.width/s:i===3?u=n.width/s:l=n.height*s;var d={aspectRatio:s,naturalWidth:o,naturalHeight:a,width:l,height:u};this.canvasData=d,this.limited=i===1||i===2,this.limitCanvas(!0,!0),d.width=Math.min(Math.max(d.width,d.minWidth),d.maxWidth),d.height=Math.min(Math.max(d.height,d.minHeight),d.maxHeight),d.left=(n.width-d.width)/2,d.top=(n.height-d.height)/2,d.oldLeft=d.left,d.oldTop=d.top,this.initialCanvasData=Ge({},d)},limitCanvas:function(n,e){var i=this.options,t=this.containerData,o=this.canvasData,a=this.cropBoxData,s=i.viewMode,l=o.aspectRatio,u=this.cropped&&a;if(n){var d=Number(i.minCanvasWidth)||0,f=Number(i.minCanvasHeight)||0;s>1?(d=Math.max(d,t.width),f=Math.max(f,t.height),s===3&&(f*l>d?d=f*l:f=d/l)):s>0&&(d?d=Math.max(d,u?a.width:0):f?f=Math.max(f,u?a.height:0):u&&(d=a.width,f=a.height,f*l>d?d=f*l:f=d/l));var M=Un({aspectRatio:l,width:d,height:f});d=M.width,f=M.height,o.minWidth=d,o.minHeight=f,o.maxWidth=1/0,o.maxHeight=1/0}if(e)if(s>(u?0:1)){var h=t.width-o.width,y=t.height-o.height;o.minLeft=Math.min(0,h),o.minTop=Math.min(0,y),o.maxLeft=Math.max(0,h),o.maxTop=Math.max(0,y),u&&this.limited&&(o.minLeft=Math.min(a.left,a.left+(a.width-o.width)),o.minTop=Math.min(a.top,a.top+(a.height-o.height)),o.maxLeft=a.left,o.maxTop=a.top,s===2&&(o.width>=t.width&&(o.minLeft=Math.min(0,h),o.maxLeft=Math.max(0,h)),o.height>=t.height&&(o.minTop=Math.min(0,y),o.maxTop=Math.max(0,y))))}else o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=t.width,o.maxTop=t.height},renderCanvas:function(n,e){var i=this.canvasData,t=this.imageData;if(e){var o=TL({width:t.naturalWidth*Math.abs(t.scaleX||1),height:t.naturalHeight*Math.abs(t.scaleY||1),degree:t.rotate||0}),a=o.width,s=o.height,l=i.width*(a/i.naturalWidth),u=i.height*(s/i.naturalHeight);i.left-=(l-i.width)/2,i.top-=(u-i.height)/2,i.width=l,i.height=u,i.aspectRatio=a/s,i.naturalWidth=a,i.naturalHeight=s,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,Qn(this.canvas,Ge({width:i.width,height:i.height},li({translateX:i.left,translateY:i.top}))),this.renderImage(n),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(n){var e=this.canvasData,i=this.imageData,t=i.naturalWidth*(e.width/e.naturalWidth),o=i.naturalHeight*(e.height/e.naturalHeight);Ge(i,{width:t,height:o,left:(e.width-t)/2,top:(e.height-o)/2}),Qn(this.image,Ge({width:i.width,height:i.height},li(Ge({translateX:i.left,translateY:i.top},i)))),n&&this.output()},initCropBox:function(){var n=this.options,e=this.canvasData,i=n.aspectRatio||n.initialAspectRatio,t=Number(n.autoCropArea)||.8,o={width:e.width,height:e.height};i&&(e.height*i>e.width?o.height=o.width/i:o.width=o.height*i),this.cropBoxData=o,this.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.width=Math.max(o.minWidth,o.width*t),o.height=Math.max(o.minHeight,o.height*t),o.left=e.left+(e.width-o.width)/2,o.top=e.top+(e.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,this.initialCropBoxData=Ge({},o)},limitCropBox:function(n,e){var i=this.options,t=this.containerData,o=this.canvasData,a=this.cropBoxData,s=this.limited,l=i.aspectRatio;if(n){var u=Number(i.minCropBoxWidth)||0,d=Number(i.minCropBoxHeight)||0,f=s?Math.min(t.width,o.width,o.width+o.left,t.width-o.left):t.width,M=s?Math.min(t.height,o.height,o.height+o.top,t.height-o.top):t.height;u=Math.min(u,t.width),d=Math.min(d,t.height),l&&(u&&d?d*l>u?d=u/l:u=d*l:u?d=u/l:d&&(u=d*l),M*l>f?M=f/l:f=M*l),a.minWidth=Math.min(u,f),a.minHeight=Math.min(d,M),a.maxWidth=f,a.maxHeight=M}e&&(s?(a.minLeft=Math.max(0,o.left),a.minTop=Math.max(0,o.top),a.maxLeft=Math.min(t.width,o.left+o.width)-a.width,a.maxTop=Math.min(t.height,o.top+o.height)-a.height):(a.minLeft=0,a.minTop=0,a.maxLeft=t.width-a.width,a.maxTop=t.height-a.height))},renderCropBox:function(){var n=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,n.movable&&n.cropBoxMovable&&si(this.face,ai,i.width>=e.width&&i.height>=e.height?Zg:Lu),Qn(this.cropBox,Ge({width:i.width,height:i.height},li({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),br(this.element,Su,this.getData())}},EL={initPreview:function(){var n=this.element,e=this.crossOrigin,i=this.options.preview,t=e?this.crossOriginUrl:this.url,o=n.alt||"The image to preview",a=document.createElement("img");if(e&&(a.crossOrigin=e),a.src=t,a.alt=o,this.viewBox.appendChild(a),this.viewBoxImage=a,!!i){var s=i;typeof i=="string"?s=n.ownerDocument.querySelectorAll(i):i.querySelector&&(s=[i]),this.previews=s,it(s,function(l){var u=document.createElement("img");si(l,Oa,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),e&&(u.crossOrigin=e),u.src=t,u.alt=o,u.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;"',l.innerHTML="",l.appendChild(u)})}},resetPreview:function(){it(this.previews,function(n){var e=Pu(n,Oa);Qn(n,{width:e.width,height:e.height}),n.innerHTML=e.html,DL(n,Oa)})},preview:function(){var n=this.imageData,e=this.canvasData,i=this.cropBoxData,t=i.width,o=i.height,a=n.width,s=n.height,l=i.left-e.left-n.left,u=i.top-e.top-n.top;!this.cropped||this.disabled||(Qn(this.viewBoxImage,Ge({width:a,height:s},li(Ge({translateX:-l,translateY:-u},n)))),it(this.previews,function(d){var f=Pu(d,Oa),M=f.width,h=f.height,y=M,j=h,x=1;t&&(x=M/t,j=o*x),o&&j>h&&(x=h/o,y=t*x,j=h),Qn(d,{width:y,height:j}),Qn(d.getElementsByTagName("img")[0],Ge({width:a*x,height:s*x},li(Ge({translateX:-l*x,translateY:-u*x},n))))}))}},_L={bind:function(){var n=this.element,e=this.options,i=this.cropper;xt(e.cropstart)&&Ot(n,Qu,e.cropstart),xt(e.cropmove)&&Ot(n,_u,e.cropmove),xt(e.cropend)&&Ot(n,Eu,e.cropend),xt(e.crop)&&Ot(n,Su,e.crop),xt(e.zoom)&&Ot(n,Uu,e.zoom),Ot(i,Xg,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&Ot(i,nh,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Ot(i,Jg,this.onDblclick=this.dblclick.bind(this)),Ot(n.ownerDocument,Kg,this.onCropMove=this.cropMove.bind(this)),Ot(n.ownerDocument,qg,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&Ot(window,th,this.onResize=this.resize.bind(this))},unbind:function(){var n=this.element,e=this.options,i=this.cropper;xt(e.cropstart)&&Ht(n,Qu,e.cropstart),xt(e.cropmove)&&Ht(n,_u,e.cropmove),xt(e.cropend)&&Ht(n,Eu,e.cropend),xt(e.crop)&&Ht(n,Su,e.crop),xt(e.zoom)&&Ht(n,Uu,e.zoom),Ht(i,Xg,this.onCropStart),e.zoomable&&e.zoomOnWheel&&Ht(i,nh,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Ht(i,Jg,this.onDblclick),Ht(n.ownerDocument,Kg,this.onCropMove),Ht(n.ownerDocument,qg,this.onCropEnd),e.responsive&&Ht(window,th,this.onResize)}},QL={resize:function(){if(!this.disabled){var n=this.options,e=this.container,i=this.containerData,t=e.offsetWidth/i.width,o=e.offsetHeight/i.height,a=Math.abs(t-1)>Math.abs(o-1)?t:o;if(a!==1){var s,l;n.restore&&(s=this.getCanvasData(),l=this.getCropBoxData()),this.render(),n.restore&&(this.setCanvasData(it(s,function(u,d){s[d]=u*a})),this.setCropBoxData(it(l,function(u,d){l[d]=u*a})))}}},dblclick:function(){this.disabled||this.options.dragMode===$g||this.setDragMode(jL(this.dragBox,zu)?Fg:Ou)},wheel:function(n){var e=this,i=Number(this.options.wheelZoomRatio)||.1,t=1;this.disabled||(n.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),n.deltaY?t=n.deltaY>0?1:-1:n.wheelDelta?t=-n.wheelDelta/120:n.detail&&(t=n.detail>0?1:-1),this.zoom(-t*i,n)))},cropStart:function(n){var e=n.buttons,i=n.button;if(!(this.disabled||(n.type==="mousedown"||n.type==="pointerdown"&&n.pointerType==="mouse")&&(Te(e)&&e!==1||Te(i)&&i!==0||n.ctrlKey))){var t=this.options,o=this.pointers,a;n.changedTouches?it(n.changedTouches,function(s){o[s.identifier]=Sa(s)}):o[n.pointerId||0]=Sa(n),Object.keys(o).length>1&&t.zoomable&&t.zoomOnTouch?a=Wg:a=Pu(n.target,ai),!!cL.test(a)&&br(this.element,Qu,{originalEvent:n,action:a})!==!1&&(n.preventDefault(),this.action=a,this.cropping=!1,a===Vg&&(this.cropping=!0,st(this.dragBox,Ca)))}},cropMove:function(n){var e=this.action;if(!(this.disabled||!e)){var i=this.pointers;n.preventDefault(),br(this.element,_u,{originalEvent:n,action:e})!==!1&&(n.changedTouches?it(n.changedTouches,function(t){Ge(i[t.identifier]||{},Sa(t,!0))}):Ge(i[n.pointerId||0]||{},Sa(n,!0)),this.change(n))}},cropEnd:function(n){if(!this.disabled){var e=this.action,i=this.pointers;n.changedTouches?it(n.changedTouches,function(t){delete i[t.identifier]}):delete i[n.pointerId||0],e&&(n.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,vr(this.dragBox,Ca,this.cropped&&this.options.modal)),br(this.element,Eu,{originalEvent:n,action:e}))}}},UL={change:function(n){var e=this.options,i=this.canvasData,t=this.containerData,o=this.cropBoxData,a=this.pointers,s=this.action,l=e.aspectRatio,u=o.left,d=o.top,f=o.width,M=o.height,h=u+f,y=d+M,j=0,x=0,p=t.width,N=t.height,D=!0,I;!l&&n.shiftKey&&(l=f&&M?f/M:1),this.limited&&(j=o.minLeft,x=o.minTop,p=j+Math.min(t.width,i.width,i.left+i.width),N=x+Math.min(t.height,i.height,i.top+i.height));var m=a[Object.keys(a)[0]],b={x:m.endX-m.startX,y:m.endY-m.startY},L=function(z){switch(z){case rr:h+b.x>p&&(b.x=p-h);break;case ir:u+b.x<j&&(b.x=j-u);break;case _n:d+b.y<x&&(b.y=x-d);break;case Ir:y+b.y>N&&(b.y=N-y);break}};switch(s){case Lu:u+=b.x,d+=b.y;break;case rr:if(b.x>=0&&(h>=p||l&&(d<=x||y>=N))){D=!1;break}L(rr),f+=b.x,f<0&&(s=ir,f=-f,u-=f),l&&(M=f/l,d+=(o.height-M)/2);break;case _n:if(b.y<=0&&(d<=x||l&&(u<=j||h>=p))){D=!1;break}L(_n),M-=b.y,d+=b.y,M<0&&(s=Ir,M=-M,d-=M),l&&(f=M*l,u+=(o.width-f)/2);break;case ir:if(b.x<=0&&(u<=j||l&&(d<=x||y>=N))){D=!1;break}L(ir),f-=b.x,u+=b.x,f<0&&(s=rr,f=-f,u-=f),l&&(M=f/l,d+=(o.height-M)/2);break;case Ir:if(b.y>=0&&(y>=N||l&&(u<=j||h>=p))){D=!1;break}L(Ir),M+=b.y,M<0&&(s=_n,M=-M,d-=M),l&&(f=M*l,u+=(o.width-f)/2);break;case ni:if(l){if(b.y<=0&&(d<=x||h>=p)){D=!1;break}L(_n),M-=b.y,d+=b.y,f=M*l}else L(_n),L(rr),b.x>=0?h<p?f+=b.x:b.y<=0&&d<=x&&(D=!1):f+=b.x,b.y<=0?d>x&&(M-=b.y,d+=b.y):(M-=b.y,d+=b.y);f<0&&M<0?(s=oi,M=-M,f=-f,d-=M,u-=f):f<0?(s=ri,f=-f,u-=f):M<0&&(s=ii,M=-M,d-=M);break;case ri:if(l){if(b.y<=0&&(d<=x||u<=j)){D=!1;break}L(_n),M-=b.y,d+=b.y,f=M*l,u+=o.width-f}else L(_n),L(ir),b.x<=0?u>j?(f-=b.x,u+=b.x):b.y<=0&&d<=x&&(D=!1):(f-=b.x,u+=b.x),b.y<=0?d>x&&(M-=b.y,d+=b.y):(M-=b.y,d+=b.y);f<0&&M<0?(s=ii,M=-M,f=-f,d-=M,u-=f):f<0?(s=ni,f=-f,u-=f):M<0&&(s=oi,M=-M,d-=M);break;case oi:if(l){if(b.x<=0&&(u<=j||y>=N)){D=!1;break}L(ir),f-=b.x,u+=b.x,M=f/l}else L(Ir),L(ir),b.x<=0?u>j?(f-=b.x,u+=b.x):b.y>=0&&y>=N&&(D=!1):(f-=b.x,u+=b.x),b.y>=0?y<N&&(M+=b.y):M+=b.y;f<0&&M<0?(s=ni,M=-M,f=-f,d-=M,u-=f):f<0?(s=ii,f=-f,u-=f):M<0&&(s=ri,M=-M,d-=M);break;case ii:if(l){if(b.x>=0&&(h>=p||y>=N)){D=!1;break}L(rr),f+=b.x,M=f/l}else L(Ir),L(rr),b.x>=0?h<p?f+=b.x:b.y>=0&&y>=N&&(D=!1):f+=b.x,b.y>=0?y<N&&(M+=b.y):M+=b.y;f<0&&M<0?(s=ri,M=-M,f=-f,d-=M,u-=f):f<0?(s=oi,f=-f,u-=f):M<0&&(s=ni,M=-M,d-=M);break;case Zg:this.move(b.x,b.y),D=!1;break;case Wg:this.zoom(vL(a),n),D=!1;break;case Vg:if(!b.x||!b.y){D=!1;break}I=dh(this.cropper),u=m.startX-I.left,d=m.startY-I.top,f=o.minWidth,M=o.minHeight,b.x>0?s=b.y>0?ii:ni:b.x<0&&(u-=f,s=b.y>0?oi:ri),b.y<0&&(d-=M),this.cropped||(sn(this.cropBox,Dt),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}D&&(o.width=f,o.height=M,o.left=u,o.top=d,this.action=s,this.renderCropBox()),it(a,function(k){k.startX=k.endX,k.startY=k.endY})}},YL={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&st(this.dragBox,Ca),sn(this.cropBox,Dt),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=Ge({},this.initialImageData),this.canvasData=Ge({},this.initialCanvasData),this.cropBoxData=Ge({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(Ge(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),sn(this.dragBox,Ca),st(this.cropBox,Dt)),this},replace:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&n&&(this.isImg&&(this.element.src=n),e?(this.url=n,this.image.src=n,this.ready&&(this.viewBoxImage.src=n,it(this.previews,function(i){i.getElementsByTagName("img")[0].src=n}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(n))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,sn(this.cropper,Hg)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,st(this.cropper,Hg)),this},destroy:function(){var n=this.element;return n[He]?(n[He]=void 0,this.isImg&&this.replaced&&(n.src=this.originalUrl),this.uncreate(),this):this},move:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.canvasData,t=i.left,o=i.top;return this.moveTo(Yu(n)?n:t+Number(n),Yu(e)?e:o+Number(e))},moveTo:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.canvasData,t=!1;return n=Number(n),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(Te(n)&&(i.left=n,t=!0),Te(e)&&(i.top=e,t=!0),t&&this.renderCanvas(!0)),this},zoom:function(n,e){var i=this.canvasData;return n=Number(n),n<0?n=1/(1-n):n=1+n,this.zoomTo(i.width*n/i.naturalWidth,null,e)},zoomTo:function(n,e,i){var t=this.options,o=this.canvasData,a=o.width,s=o.height,l=o.naturalWidth,u=o.naturalHeight;if(n=Number(n),n>=0&&this.ready&&!this.disabled&&t.zoomable){var d=l*n,f=u*n;if(br(this.element,Uu,{ratio:n,oldRatio:a/l,originalEvent:i})===!1)return this;if(i){var M=this.pointers,h=dh(this.cropper),y=M&&Object.keys(M).length?bL(M):{pageX:i.pageX,pageY:i.pageY};o.left-=(d-a)*((y.pageX-h.left-o.left)/a),o.top-=(f-s)*((y.pageY-h.top-o.top)/s)}else Dr(e)&&Te(e.x)&&Te(e.y)?(o.left-=(d-a)*((e.x-o.left)/a),o.top-=(f-s)*((e.y-o.top)/s)):(o.left-=(d-a)/2,o.top-=(f-s)/2);o.width=d,o.height=f,this.renderCanvas(!0)}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n))},rotateTo:function(n){return n=Number(n),Te(n)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=n%360,this.renderCanvas(!0,!0)),this},scaleX:function(n){var e=this.imageData.scaleY;return this.scale(n,Te(e)?e:1)},scaleY:function(n){var e=this.imageData.scaleX;return this.scale(Te(e)?e:1,n)},scale:function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,i=this.imageData,t=!1;return n=Number(n),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(Te(n)&&(i.scaleX=n,t=!0),Te(e)&&(i.scaleY=e,t=!0),t&&this.renderCanvas(!0,!0)),this},getData:function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,e=this.options,i=this.imageData,t=this.canvasData,o=this.cropBoxData,a;if(this.ready&&this.cropped){a={x:o.left-t.left,y:o.top-t.top,width:o.width,height:o.height};var s=i.width/i.naturalWidth;if(it(a,function(d,f){a[f]=d/s}),n){var l=Math.round(a.y+a.height),u=Math.round(a.x+a.width);a.x=Math.round(a.x),a.y=Math.round(a.y),a.width=u-a.x,a.height=l-a.y}}else a={x:0,y:0,width:0,height:0};return e.rotatable&&(a.rotate=i.rotate||0),e.scalable&&(a.scaleX=i.scaleX||1,a.scaleY=i.scaleY||1),a},setData:function(n){var e=this.options,i=this.imageData,t=this.canvasData,o={};if(this.ready&&!this.disabled&&Dr(n)){var a=!1;e.rotatable&&Te(n.rotate)&&n.rotate!==i.rotate&&(i.rotate=n.rotate,a=!0),e.scalable&&(Te(n.scaleX)&&n.scaleX!==i.scaleX&&(i.scaleX=n.scaleX,a=!0),Te(n.scaleY)&&n.scaleY!==i.scaleY&&(i.scaleY=n.scaleY,a=!0)),a&&this.renderCanvas(!0,!0);var s=i.width/i.naturalWidth;Te(n.x)&&(o.left=n.x*s+t.left),Te(n.y)&&(o.top=n.y*s+t.top),Te(n.width)&&(o.width=n.width*s),Te(n.height)&&(o.height=n.height*s),this.setCropBoxData(o)}return this},getContainerData:function(){return this.ready?Ge({},this.containerData):{}},getImageData:function(){return this.sized?Ge({},this.imageData):{}},getCanvasData:function(){var n=this.canvasData,e={};return this.ready&&it(["left","top","width","height","naturalWidth","naturalHeight"],function(i){e[i]=n[i]}),e},setCanvasData:function(n){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&Dr(n)&&(Te(n.left)&&(e.left=n.left),Te(n.top)&&(e.top=n.top),Te(n.width)?(e.width=n.width,e.height=n.width/i):Te(n.height)&&(e.height=n.height,e.width=n.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var n=this.cropBoxData,e;return this.ready&&this.cropped&&(e={left:n.left,top:n.top,width:n.width,height:n.height}),e||{}},setCropBoxData:function(n){var e=this.cropBoxData,i=this.options.aspectRatio,t,o;return this.ready&&this.cropped&&!this.disabled&&Dr(n)&&(Te(n.left)&&(e.left=n.left),Te(n.top)&&(e.top=n.top),Te(n.width)&&n.width!==e.width&&(t=!0,e.width=n.width),Te(n.height)&&n.height!==e.height&&(o=!0,e.height=n.height),i&&(t?e.height=e.width/i:o&&(e.width=e.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=AL(this.image,this.imageData,e,n);if(!this.cropped)return i;var t=this.getData(),o=t.x,a=t.y,s=t.width,l=t.height,u=i.width/Math.floor(e.naturalWidth);u!==1&&(o*=u,a*=u,s*=u,l*=u);var d=s/l,f=Un({aspectRatio:d,width:n.maxWidth||1/0,height:n.maxHeight||1/0}),M=Un({aspectRatio:d,width:n.minWidth||0,height:n.minHeight||0},"cover"),h=Un({aspectRatio:d,width:n.width||(u!==1?i.width:s),height:n.height||(u!==1?i.height:l)}),y=h.width,j=h.height;y=Math.min(f.width,Math.max(M.width,y)),j=Math.min(f.height,Math.max(M.height,j));var x=document.createElement("canvas"),p=x.getContext("2d");x.width=xr(y),x.height=xr(j),p.fillStyle=n.fillColor||"transparent",p.fillRect(0,0,y,j);var N=n.imageSmoothingEnabled,D=N===void 0?!0:N,I=n.imageSmoothingQuality;p.imageSmoothingEnabled=D,I&&(p.imageSmoothingQuality=I);var m=i.width,b=i.height,L=o,k=a,z,O,T,g,v,A;L<=-s||L>m?(L=0,z=0,T=0,v=0):L<=0?(T=-L,L=0,z=Math.min(m,s+L),v=z):L<=m&&(T=0,z=Math.min(s,m-L),v=z),z<=0||k<=-l||k>b?(k=0,O=0,g=0,A=0):k<=0?(g=-k,k=0,O=Math.min(b,l+k),A=O):k<=b&&(g=0,O=Math.min(l,b-k),A=O);var w=[L,k,z,O];if(v>0&&A>0){var S=y/s;w.push(T*S,g*S,v*S,A*S)}return p.drawImage.apply(p,[i].concat(Rg(w.map(function(E){return Math.floor(xr(E))})))),x},setAspectRatio:function(n){var e=this.options;return!this.disabled&&!Yu(n)&&(e.aspectRatio=Math.max(0,n)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(n){var e=this.options,i=this.dragBox,t=this.face;if(this.ready&&!this.disabled){var o=n===Ou,a=e.movable&&n===Fg;n=o||a?n:$g,e.dragMode=n,si(i,ai,n),vr(i,zu,o),vr(i,Cu,a),e.cropBoxMovable||(si(t,ai,n),vr(t,zu,o),vr(t,Cu,a))}return this}},BL=an.Cropper,hh=function(){function r(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(q2(this,r),!n||!ML.test(n.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=n,this.options=Ge({},ah,Dr(e)&&e),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 eL(r,[{key:"init",value:function(){var e=this.element,i=e.tagName.toLowerCase(),t;if(!e[He]){if(e[He]=this,i==="img"){if(this.isImg=!0,t=e.getAttribute("src")||"",this.originalUrl=t,!t)return;t=e.src}else i==="canvas"&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(e){var i=this;if(!!e){this.url=e,this.imageData={};var t=this.element,o=this.options;if(!o.rotatable&&!o.scalable&&(o.checkOrientation=!1),!o.checkOrientation||!window.ArrayBuffer){this.clone();return}if(dL.test(e)){fL.test(e)?this.read(LL(e)):this.clone();return}var a=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=a,a.onabort=s,a.onerror=s,a.ontimeout=s,a.onprogress=function(){a.getResponseHeader("content-type")!==rh&&a.abort()},a.onload=function(){i.read(a.response)},a.onloadend=function(){i.reloading=!1,i.xhr=null},o.checkCrossOrigin&&fh(e)&&t.crossOrigin&&(e=Mh(e)),a.open("GET",e,!0),a.responseType="arraybuffer",a.withCredentials=t.crossOrigin==="use-credentials",a.send()}}},{key:"read",value:function(e){var i=this.options,t=this.imageData,o=CL(e),a=0,s=1,l=1;if(o>1){this.url=zL(e,rh);var u=OL(o);a=u.rotate,s=u.scaleX,l=u.scaleY}i.rotatable&&(t.rotate=a),i.scalable&&(t.scaleX=s,t.scaleY=l),this.clone()}},{key:"clone",value:function(){var e=this.element,i=this.url,t=e.crossOrigin,o=i;this.options.checkCrossOrigin&&fh(i)&&(t||(t="anonymous"),o=Mh(i)),this.crossOrigin=t,this.crossOriginUrl=o;var a=document.createElement("img");t&&(a.crossOrigin=t),a.src=o||i,a.alt=e.alt||"The image to crop",this.image=a,a.onload=this.start.bind(this),a.onerror=this.stop.bind(this),st(a,Gg),e.parentNode.insertBefore(a,e.nextSibling)}},{key:"start",value:function(){var e=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var t=an.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(an.navigator.userAgent),o=function(u,d){Ge(e.imageData,{naturalWidth:u,naturalHeight:d,aspectRatio:u/d}),e.initialImageData=Ge({},e.imageData),e.sizing=!1,e.sized=!0,e.build()};if(i.naturalWidth&&!t){o(i.naturalWidth,i.naturalHeight);return}var a=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=a,a.onload=function(){o(a.width,a.height),t||s.removeChild(a)},a.src=i.src,t||(a.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(a))}},{key:"stop",value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var e=this.element,i=this.options,t=this.image,o=e.parentNode,a=document.createElement("div");a.innerHTML=gL;var s=a.querySelector(".".concat(He,"-container")),l=s.querySelector(".".concat(He,"-canvas")),u=s.querySelector(".".concat(He,"-drag-box")),d=s.querySelector(".".concat(He,"-crop-box")),f=d.querySelector(".".concat(He,"-face"));this.container=o,this.cropper=s,this.canvas=l,this.dragBox=u,this.cropBox=d,this.viewBox=s.querySelector(".".concat(He,"-view-box")),this.face=f,l.appendChild(t),st(e,Dt),o.insertBefore(s,e.nextSibling),sn(t,Gg),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,st(d,Dt),i.guides||st(d.getElementsByClassName("".concat(He,"-dashed")),Dt),i.center||st(d.getElementsByClassName("".concat(He,"-center")),Dt),i.background&&st(s,"".concat(He,"-bg")),i.highlight||st(f,aL),i.cropBoxMovable&&(st(f,Cu),si(f,ai,Lu)),i.cropBoxResizable||(st(d.getElementsByClassName("".concat(He,"-line")),Dt),st(d.getElementsByClassName("".concat(He,"-point")),Dt)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),xt(i.ready)&&Ot(e,eh,i.ready,{once:!0}),br(e,eh)}}},{key:"unbuild",value:function(){if(!!this.ready){this.ready=!1,this.unbind(),this.resetPreview();var e=this.cropper.parentNode;e&&e.removeChild(this.cropper),sn(this.element,Dt)}}},{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=BL,r}},{key:"setDefaults",value:function(e){Ge(ah,Dr(e)&&e)}}]),r}();Ge(hh.prototype,SL,EL,_L,QL,UL,YL);var Lz="";const PL={key:0},RL=c.createTextVNode(" Crop "),VL=c.defineComponent({__name:"ImageCropper",props:{image:{type:File,required:!1,default:null},width:{type:[String,Number],required:!1,default:360},showPreview:{type:Boolean,required:!1,default:!1},isRound:{type:Boolean,required:!1,default:!1}},emits:["update"],setup(r,{emit:n}){const e=r;c.onMounted(()=>{e.image&&s(e.image)}),c.onUpdated(()=>{e.image&&s(e.image)});const i=c.ref(null),t=c.ref(null),o=c.ref(!1);let a=null;function s(f){const M=new FileReader;M.onload=()=>{i.value.src=M.result,l(i.value)},M.readAsDataURL(f)}function l(f){a&&a.destroy(),a=new hh(f,{aspectRatio:1,viewMode:1})}function u(){let f=a.getCroppedCanvas(),M=e.isRound?d(f):f;!M||(t.value&&(t.value.src=M.toDataURL(),o.value=!0),n("update",M))}function d(f){var M=document.createElement("canvas"),h=M.getContext("2d"),y=f.width,j=f.height;if(M.width=y,M.height=j,!!h)return h.imageSmoothingEnabled=!0,h.drawImage(f,0,0,y,j),h.globalCompositeOperation="destination-in",h.beginPath(),h.arc(y/2,j/2,Math.min(y,j)/2,0,2*Math.PI,!0),h.fill(),M}return(f,M)=>r.image?(c.openBlock(),c.createElementBlock("div",PL,[c.createElementVNode("div",{id:"cropper-container",class:c.normalizeClass({"rounded-crop":r.isRound}),style:c.normalizeStyle({"max-width":r.width+"px"})},[c.createElementVNode("img",{id:"cropper-image",ref_key:"croppingImage",ref:i},null,512)],6),c.createVNode(mg,{color:"primary",size:"small",onClick:M[0]||(M[0]=c.withModifiers(h=>u(),["prevent"])),style:{display:"block","margin-top":"30px"}},{default:c.withCtx(()=>[RL]),_:1}),r.showPreview?c.withDirectives((c.openBlock(),c.createElementBlock("img",{key:0,id:"cropper-preview",ref_key:"cropPreview",ref:t},null,512)),[[c.vShow,o.value]]):c.createCommentVNode("",!0)])):c.createCommentVNode("",!0)}});ke.DhAdvancedDatePicker=ew,ke.DhAdvancedFilter=cw,ke.DhButton=mg,ke.DhCopyText=Iw,ke.DhDatePicker=vw,ke.DhDropdownMenu=kw,ke.DhError=zw,ke.DhExpansionPanel=_w,ke.DhFileUpload=ek,ke.DhIcon=be,ke.DhImageCropper=VL,ke.DhInputDropdown=Dg,ke.DhInputDropdownMultiple=uk,ke.DhInputGroup=Mk,ke.DhInputList=e2,ke.DhModal=s2,ke.DhNotification=M2,ke.DhNumberRange=yg,ke.DhPasswordField=N2,ke.DhRadioBox=xg,ke.DhRadioBoxGroup=x2,ke.DhSearchInput=T2,ke.DhStepper=L2,ke.DhSwitch=gf,ke.DhTextEditor=Z2,ke.DhTooltip=jg,ke.DhVerificationCode=K2,Object.defineProperties(ke,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/src/components/ImageCropper.vue.d.ts

@@ -18,6 +18,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    isRound: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     update: (value: HTMLCanvasElement) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -39,11 +44,17 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    isRound: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     onUpdate?: ((value: HTMLCanvasElement) => any) | undefined;
 }, {
     width: string | number;
     image: File;
     showPreview: boolean;
+    isRound: boolean;
 }>;
 export default _default;

package/dist/style.css

@@ -6,4 +6,4 @@
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
-*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}#cropper-container{position:relative}#cropper-container .cropper-view-box,#cropper-container .cropper-face{border-radius:50%}#cropper-image,#cropper-preview{max-width:100%}
+*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.rounded-crop{position:relative}.rounded-crop .cropper-view-box,.rounded-crop .cropper-face{border-radius:50%}#cropper-image,#cropper-preview{max-width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deskhero/dh_ui",
-  "version": "1.54.5",
+  "version": "1.55.0",
   "files": [
     "dist"
   ],