gp-designer 1.0.21 → 1.0.22

package/dist/gp-designer.es.js

@@ -12584,7 +12584,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
       }, null, 8, ["icons"])
     ]));
   }
-}), k1 = /* @__PURE__ */ dt(P1, [["__scopeId", "data-v-1bf3e06b"]]), Y1 = {
+}), k1 = /* @__PURE__ */ dt(P1, [["__scopeId", "data-v-fe58fd73"]]), Y1 = {
   install(e) {
     e.component("Designer", k1);
   }

package/dist/gp-designer.umd.js

@@ -14,4 +14,4 @@
  *
  * Date: 2024-04-21T07:43:05.335Z
  */function Hs(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),a.push.apply(a,n)}return a}function Vs(e){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?Hs(Object(a),!0).forEach(function(n){Ih(e,n,a[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Hs(Object(a)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(a,n))})}return e}function Ah(e,t){if(typeof e!="object"||!e)return e;var a=e[Symbol.toPrimitive];if(a!==void 0){var n=a.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ys(e){var t=Ah(e,"string");return typeof t=="symbol"?t:t+""}function On(e){"@babel/helpers - typeof";return On=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},On(e)}function Nh(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function qs(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Ys(n.key),n)}}function Ch(e,t,a){return t&&qs(e.prototype,t),a&&qs(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e}function Ih(e,t,a){return t=Ys(t),t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function $s(e){return Sh(e)||xh(e)||Oh(e)||Dh()}function Sh(e){if(Array.isArray(e))return Dn(e)}function xh(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Oh(e,t){if(e){if(typeof e=="string")return Dn(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);if(a==="Object"&&e.constructor&&(a=e.constructor.name),a==="Map"||a==="Set")return Array.from(e);if(a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Dn(e,t)}}function Dn(e,t){(t==null||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function Dh(){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 La=typeof window<"u"&&typeof window.document<"u",Fe=La?window:{},Ln=La&&Fe.document.documentElement?"ontouchstart"in Fe.document.documentElement:!1,yn=La?"PointerEvent"in Fe:!1,J="cropper",Rn="all",Ws="crop",Gs="move",Xs="zoom",ct="e",lt="w",At="s",Ze="n",Xt="ne",Qt="nw",jt="se",zt="sw",kn="".concat(J,"-crop"),Qs="".concat(J,"-disabled"),Ce="".concat(J,"-hidden"),js="".concat(J,"-hide"),Lh="".concat(J,"-invisible"),ya="".concat(J,"-modal"),Mn="".concat(J,"-move"),Kt="".concat(J,"Action"),Ra="".concat(J,"Preview"),Pn="crop",zs="move",Ks="none",Bn="crop",vn="cropend",wn="cropmove",Un="cropstart",Zs="dblclick",yh=Ln?"touchstart":"mousedown",Rh=Ln?"touchmove":"mousemove",kh=Ln?"touchend touchcancel":"mouseup",Js=yn?"pointerdown":yh,er=yn?"pointermove":Rh,tr=yn?"pointerup pointercancel":kh,ar="ready",nr="resize",ir="wheel",Fn="zoom",sr="image/jpeg",Mh=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Ph=/^data:/,Bh=/^data:image\/jpeg;base64,/,vh=/^img|canvas$/i,rr=200,ur=100,or={viewMode:0,dragMode:Pn,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:rr,minContainerHeight:ur,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},wh='<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>',Uh=Number.isNaN||Fe.isNaN;function V(e){return typeof e=="number"&&!Uh(e)}var cr=function(t){return t>0&&t<1/0};function Hn(e){return typeof e>"u"}function dt(e){return On(e)==="object"&&e!==null}var Fh=Object.prototype.hasOwnProperty;function Nt(e){if(!dt(e))return!1;try{var t=e.constructor,a=t.prototype;return t&&a&&Fh.call(a,"isPrototypeOf")}catch{return!1}}function Ie(e){return typeof e=="function"}var Hh=Array.prototype.slice;function lr(e){return Array.from?Array.from(e):Hh.call(e)}function re(e,t){return e&&Ie(t)&&(Array.isArray(e)||V(e.length)?lr(e).forEach(function(a,n){t.call(e,a,n,e)}):dt(e)&&Object.keys(e).forEach(function(a){t.call(e,e[a],a,e)})),e}var ee=Object.assign||function(t){for(var a=arguments.length,n=new Array(a>1?a-1:0),i=1;i<a;i++)n[i-1]=arguments[i];return dt(t)&&n.length>0&&n.forEach(function(r){dt(r)&&Object.keys(r).forEach(function(u){t[u]=r[u]})}),t},Vh=/\.\d*(?:0|9){12}\d*$/;function Ct(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Vh.test(e)?Math.round(e*t)/t:e}var Yh=/^width|height|left|top|marginLeft|marginTop$/;function Je(e,t){var a=e.style;re(t,function(n,i){Yh.test(i)&&V(n)&&(n="".concat(n,"px")),a[i]=n})}function qh(e,t){return e.classList?e.classList.contains(t):e.className.indexOf(t)>-1}function he(e,t){if(t){if(V(e.length)){re(e,function(n){he(n,t)});return}if(e.classList){e.classList.add(t);return}var a=e.className.trim();a?a.indexOf(t)<0&&(e.className="".concat(a," ").concat(t)):e.className=t}}function He(e,t){if(t){if(V(e.length)){re(e,function(a){He(a,t)});return}if(e.classList){e.classList.remove(t);return}e.className.indexOf(t)>=0&&(e.className=e.className.replace(t,""))}}function It(e,t,a){if(t){if(V(e.length)){re(e,function(n){It(n,t,a)});return}a?he(e,t):He(e,t)}}var $h=/([a-z\d])([A-Z])/g;function Vn(e){return e.replace($h,"$1-$2").toLowerCase()}function Yn(e,t){return dt(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute("data-".concat(Vn(t)))}function Zt(e,t,a){dt(a)?e[t]=a:e.dataset?e.dataset[t]=a:e.setAttribute("data-".concat(Vn(t)),a)}function Wh(e,t){if(dt(e[t]))try{delete e[t]}catch{e[t]=void 0}else if(e.dataset)try{delete e.dataset[t]}catch{e.dataset[t]=void 0}else e.removeAttribute("data-".concat(Vn(t)))}var dr=/\s\s*/,hr=function(){var e=!1;if(La){var t=!1,a=function(){},n=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(r){t=r}});Fe.addEventListener("test",a,n),Fe.removeEventListener("test",a,n)}return e}();function Me(e,t,a){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},i=a;t.trim().split(dr).forEach(function(r){if(!hr){var u=e.listeners;u&&u[r]&&u[r][a]&&(i=u[r][a],delete u[r][a],Object.keys(u[r]).length===0&&delete u[r],Object.keys(u).length===0&&delete e.listeners)}e.removeEventListener(r,i,n)})}function Le(e,t,a){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},i=a;t.trim().split(dr).forEach(function(r){if(n.once&&!hr){var u=e.listeners,o=u===void 0?{}:u;i=function(){delete o[r][a],e.removeEventListener(r,i,n);for(var f=arguments.length,m=new Array(f),p=0;p<f;p++)m[p]=arguments[p];a.apply(e,m)},o[r]||(o[r]={}),o[r][a]&&e.removeEventListener(r,o[r][a],n),o[r][a]=i,e.listeners=o}e.addEventListener(r,i,n)})}function St(e,t,a){var n;return Ie(Event)&&Ie(CustomEvent)?n=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(t,!0,!0,a)),e.dispatchEvent(n)}function fr(e){var t=e.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var qn=Fe.location,Gh=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function mr(e){var t=e.match(Gh);return t!==null&&(t[1]!==qn.protocol||t[2]!==qn.hostname||t[3]!==qn.port)}function Er(e){var t="timestamp=".concat(new Date().getTime());return e+(e.indexOf("?")===-1?"?":"&")+t}function Jt(e){var t=e.rotate,a=e.scaleX,n=e.scaleY,i=e.translateX,r=e.translateY,u=[];V(i)&&i!==0&&u.push("translateX(".concat(i,"px)")),V(r)&&r!==0&&u.push("translateY(".concat(r,"px)")),V(t)&&t!==0&&u.push("rotate(".concat(t,"deg)")),V(a)&&a!==1&&u.push("scaleX(".concat(a,")")),V(n)&&n!==1&&u.push("scaleY(".concat(n,")"));var o=u.length?u.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function Xh(e){var t=Vs({},e),a=0;return re(e,function(n,i){delete t[i],re(t,function(r){var u=Math.abs(n.startX-r.startX),o=Math.abs(n.startY-r.startY),l=Math.abs(n.endX-r.endX),f=Math.abs(n.endY-r.endY),m=Math.sqrt(u*u+o*o),p=Math.sqrt(l*l+f*f),T=(p-m)/m;Math.abs(T)>Math.abs(a)&&(a=T)})}),a}function ka(e,t){var a=e.pageX,n=e.pageY,i={endX:a,endY:n};return t?i:Vs({startX:a,startY:n},i)}function Qh(e){var t=0,a=0,n=0;return re(e,function(i){var r=i.startX,u=i.startY;t+=r,a+=u,n+=1}),t/=n,a/=n,{pageX:t,pageY:a}}function et(e){var t=e.aspectRatio,a=e.height,n=e.width,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=cr(n),u=cr(a);if(r&&u){var o=a*t;i==="contain"&&o>n||i==="cover"&&o<n?a=n/t:n=a*t}else r?a=n/t:u&&(n=a*t);return{width:n,height:a}}function jh(e){var t=e.width,a=e.height,n=e.degree;if(n=Math.abs(n)%180,n===90)return{width:a,height:t};var i=n%90*Math.PI/180,r=Math.sin(i),u=Math.cos(i),o=t*u+a*r,l=t*r+a*u;return n>90?{width:l,height:o}:{width:o,height:l}}function zh(e,t,a,n){var i=t.aspectRatio,r=t.naturalWidth,u=t.naturalHeight,o=t.rotate,l=o===void 0?0:o,f=t.scaleX,m=f===void 0?1:f,p=t.scaleY,T=p===void 0?1:p,A=a.aspectRatio,I=a.naturalWidth,R=a.naturalHeight,M=n.fillColor,v=M===void 0?"transparent":M,W=n.imageSmoothingEnabled,q=W===void 0?!0:W,ae=n.imageSmoothingQuality,U=ae===void 0?"low":ae,_=n.maxWidth,w=_===void 0?1/0:_,Y=n.maxHeight,se=Y===void 0?1/0:Y,be=n.minWidth,Pe=be===void 0?0:be,ye=n.minHeight,Re=ye===void 0?0:ye,me=document.createElement("canvas"),z=me.getContext("2d"),xe=et({aspectRatio:A,width:w,height:se}),Be=et({aspectRatio:A,width:Pe,height:Re},"cover"),tt=Math.min(xe.width,Math.max(Be.width,I)),O=Math.min(xe.height,Math.max(Be.height,R)),L=et({aspectRatio:i,width:w,height:se}),ne=et({aspectRatio:i,width:Pe,height:Re},"cover"),Ee=Math.min(L.width,Math.max(ne.width,r)),C=Math.min(L.height,Math.max(ne.height,u)),D=[-Ee/2,-C/2,Ee,C];return me.width=Ct(tt),me.height=Ct(O),z.fillStyle=v,z.fillRect(0,0,tt,O),z.save(),z.translate(tt/2,O/2),z.rotate(l*Math.PI/180),z.scale(m,T),z.imageSmoothingEnabled=q,z.imageSmoothingQuality=U,z.drawImage.apply(z,[e].concat($s(D.map(function(P){return Math.floor(Ct(P))})))),z.restore(),me}var pr=String.fromCharCode;function Kh(e,t,a){var n="";a+=t;for(var i=t;i<a;i+=1)n+=pr(e.getUint8(i));return n}var Zh=/^data:.*,/;function Jh(e){var t=e.replace(Zh,""),a=atob(t),n=new ArrayBuffer(a.length),i=new Uint8Array(n);return re(i,function(r,u){i[u]=a.charCodeAt(u)}),n}function ef(e,t){for(var a=[],n=8192,i=new Uint8Array(e);i.length>0;)a.push(pr.apply(null,lr(i.subarray(0,n)))),i=i.subarray(n);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function tf(e){var t=new DataView(e),a;try{var n,i,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var u=t.byteLength,o=2;o+1<u;){if(t.getUint8(o)===255&&t.getUint8(o+1)===225){i=o;break}o+=1}if(i){var l=i+4,f=i+10;if(Kh(t,l,4)==="Exif"){var m=t.getUint16(f);if(n=m===18761,(n||m===19789)&&t.getUint16(f+2,n)===42){var p=t.getUint32(f+4,n);p>=8&&(r=f+p)}}}if(r){var T=t.getUint16(r,n),A,I;for(I=0;I<T;I+=1)if(A=r+I*12+2,t.getUint16(A,n)===274){A+=8,a=t.getUint16(A,n),t.setUint16(A,1,n);break}}}catch{a=1}return a}function af(e){var t=0,a=1,n=1;switch(e){case 2:a=-1;break;case 3:t=-180;break;case 4:n=-1;break;case 5:t=90,n=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:n}}var nf={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,n=this.container,i=this.cropper,r=Number(a.minContainerWidth),u=Number(a.minContainerHeight);he(i,Ce),He(t,Ce);var o={width:Math.max(n.offsetWidth,r>=0?r:rr),height:Math.max(n.offsetHeight,u>=0?u:ur)};this.containerData=o,Je(i,{width:o.width,height:o.height}),he(t,Ce),He(i,Ce)},initCanvas:function(){var t=this.containerData,a=this.imageData,n=this.options.viewMode,i=Math.abs(a.rotate)%180===90,r=i?a.naturalHeight:a.naturalWidth,u=i?a.naturalWidth:a.naturalHeight,o=r/u,l=t.width,f=t.height;t.height*o>t.width?n===3?l=t.height*o:f=t.width/o:n===3?f=t.width/o:l=t.height*o;var m={aspectRatio:o,naturalWidth:r,naturalHeight:u,width:l,height:f};this.canvasData=m,this.limited=n===1||n===2,this.limitCanvas(!0,!0),m.width=Math.min(Math.max(m.width,m.minWidth),m.maxWidth),m.height=Math.min(Math.max(m.height,m.minHeight),m.maxHeight),m.left=(t.width-m.width)/2,m.top=(t.height-m.height)/2,m.oldLeft=m.left,m.oldTop=m.top,this.initialCanvasData=ee({},m)},limitCanvas:function(t,a){var n=this.options,i=this.containerData,r=this.canvasData,u=this.cropBoxData,o=n.viewMode,l=r.aspectRatio,f=this.cropped&&u;if(t){var m=Number(n.minCanvasWidth)||0,p=Number(n.minCanvasHeight)||0;o>1?(m=Math.max(m,i.width),p=Math.max(p,i.height),o===3&&(p*l>m?m=p*l:p=m/l)):o>0&&(m?m=Math.max(m,f?u.width:0):p?p=Math.max(p,f?u.height:0):f&&(m=u.width,p=u.height,p*l>m?m=p*l:p=m/l));var T=et({aspectRatio:l,width:m,height:p});m=T.width,p=T.height,r.minWidth=m,r.minHeight=p,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(o>(f?0:1)){var A=i.width-r.width,I=i.height-r.height;r.minLeft=Math.min(0,A),r.minTop=Math.min(0,I),r.maxLeft=Math.max(0,A),r.maxTop=Math.max(0,I),f&&this.limited&&(r.minLeft=Math.min(u.left,u.left+(u.width-r.width)),r.minTop=Math.min(u.top,u.top+(u.height-r.height)),r.maxLeft=u.left,r.maxTop=u.top,o===2&&(r.width>=i.width&&(r.minLeft=Math.min(0,A),r.maxLeft=Math.max(0,A)),r.height>=i.height&&(r.minTop=Math.min(0,I),r.maxTop=Math.max(0,I))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=i.width,r.maxTop=i.height},renderCanvas:function(t,a){var n=this.canvasData,i=this.imageData;if(a){var r=jh({width:i.naturalWidth*Math.abs(i.scaleX||1),height:i.naturalHeight*Math.abs(i.scaleY||1),degree:i.rotate||0}),u=r.width,o=r.height,l=n.width*(u/n.naturalWidth),f=n.height*(o/n.naturalHeight);n.left-=(l-n.width)/2,n.top-=(f-n.height)/2,n.width=l,n.height=f,n.aspectRatio=u/o,n.naturalWidth=u,n.naturalHeight=o,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,Je(this.canvas,ee({width:n.width,height:n.height},Jt({translateX:n.left,translateY:n.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,n=this.imageData,i=n.naturalWidth*(a.width/a.naturalWidth),r=n.naturalHeight*(a.height/a.naturalHeight);ee(n,{width:i,height:r,left:(a.width-i)/2,top:(a.height-r)/2}),Je(this.image,ee({width:n.width,height:n.height},Jt(ee({translateX:n.left,translateY:n.top},n)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,n=t.aspectRatio||t.initialAspectRatio,i=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};n&&(a.height*n>a.width?r.height=r.width/n:r.width=r.height*n),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*i),r.height=Math.max(r.minHeight,r.height*i),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=ee({},r)},limitCropBox:function(t,a){var n=this.options,i=this.containerData,r=this.canvasData,u=this.cropBoxData,o=this.limited,l=n.aspectRatio;if(t){var f=Number(n.minCropBoxWidth)||0,m=Number(n.minCropBoxHeight)||0,p=o?Math.min(i.width,r.width,r.width+r.left,i.width-r.left):i.width,T=o?Math.min(i.height,r.height,r.height+r.top,i.height-r.top):i.height;f=Math.min(f,i.width),m=Math.min(m,i.height),l&&(f&&m?m*l>f?m=f/l:f=m*l:f?m=f/l:m&&(f=m*l),T*l>p?T=p/l:p=T*l),u.minWidth=Math.min(f,p),u.minHeight=Math.min(m,T),u.maxWidth=p,u.maxHeight=T}a&&(o?(u.minLeft=Math.max(0,r.left),u.minTop=Math.max(0,r.top),u.maxLeft=Math.min(i.width,r.left+r.width)-u.width,u.maxTop=Math.min(i.height,r.top+r.height)-u.height):(u.minLeft=0,u.minTop=0,u.maxLeft=i.width-u.width,u.maxTop=i.height-u.height))},renderCropBox:function(){var t=this.options,a=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,t.movable&&t.cropBoxMovable&&Zt(this.face,Kt,n.width>=a.width&&n.height>=a.height?Gs:Rn),Je(this.cropBox,ee({width:n.width,height:n.height},Jt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),St(this.element,Bn,this.getData())}},sf={initPreview:function(){var t=this.element,a=this.crossOrigin,n=this.options.preview,i=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",u=document.createElement("img");if(a&&(u.crossOrigin=a),u.src=i,u.alt=r,this.viewBox.appendChild(u),this.viewBoxImage=u,!!n){var o=n;typeof n=="string"?o=t.ownerDocument.querySelectorAll(n):n.querySelector&&(o=[n]),this.previews=o,re(o,function(l){var f=document.createElement("img");Zt(l,Ra,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),a&&(f.crossOrigin=a),f.src=i,f.alt=r,f.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(f)})}},resetPreview:function(){re(this.previews,function(t){var a=Yn(t,Ra);Je(t,{width:a.width,height:a.height}),t.innerHTML=a.html,Wh(t,Ra)})},preview:function(){var t=this.imageData,a=this.canvasData,n=this.cropBoxData,i=n.width,r=n.height,u=t.width,o=t.height,l=n.left-a.left-t.left,f=n.top-a.top-t.top;!this.cropped||this.disabled||(Je(this.viewBoxImage,ee({width:u,height:o},Jt(ee({translateX:-l,translateY:-f},t)))),re(this.previews,function(m){var p=Yn(m,Ra),T=p.width,A=p.height,I=T,R=A,M=1;i&&(M=T/i,R=r*M),r&&R>A&&(M=A/r,I=i*M,R=A),Je(m,{width:I,height:R}),Je(m.getElementsByTagName("img")[0],ee({width:u*M,height:o*M},Jt(ee({translateX:-l*M,translateY:-f*M},t))))}))}},rf={bind:function(){var t=this.element,a=this.options,n=this.cropper;Ie(a.cropstart)&&Le(t,Un,a.cropstart),Ie(a.cropmove)&&Le(t,wn,a.cropmove),Ie(a.cropend)&&Le(t,vn,a.cropend),Ie(a.crop)&&Le(t,Bn,a.crop),Ie(a.zoom)&&Le(t,Fn,a.zoom),Le(n,Js,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&Le(n,ir,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&Le(n,Zs,this.onDblclick=this.dblclick.bind(this)),Le(t.ownerDocument,er,this.onCropMove=this.cropMove.bind(this)),Le(t.ownerDocument,tr,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&Le(window,nr,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,n=this.cropper;Ie(a.cropstart)&&Me(t,Un,a.cropstart),Ie(a.cropmove)&&Me(t,wn,a.cropmove),Ie(a.cropend)&&Me(t,vn,a.cropend),Ie(a.crop)&&Me(t,Bn,a.crop),Ie(a.zoom)&&Me(t,Fn,a.zoom),Me(n,Js,this.onCropStart),a.zoomable&&a.zoomOnWheel&&Me(n,ir,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&Me(n,Zs,this.onDblclick),Me(t.ownerDocument,er,this.onCropMove),Me(t.ownerDocument,tr,this.onCropEnd),a.responsive&&Me(window,nr,this.onResize)}},uf={resize:function(){if(!this.disabled){var t=this.options,a=this.container,n=this.containerData,i=a.offsetWidth/n.width,r=a.offsetHeight/n.height,u=Math.abs(i-1)>Math.abs(r-1)?i:r;if(u!==1){var o,l;t.restore&&(o=this.getCanvasData(),l=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(re(o,function(f,m){o[m]=f*u})),this.setCropBoxData(re(l,function(f,m){l[m]=f*u})))}}},dblclick:function(){this.disabled||this.options.dragMode===Ks||this.setDragMode(qh(this.dragBox,kn)?zs:Pn)},wheel:function(t){var a=this,n=Number(this.options.wheelZoomRatio)||.1,i=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?i=t.deltaY>0?1:-1:t.wheelDelta?i=-t.wheelDelta/120:t.detail&&(i=t.detail>0?1:-1),this.zoom(-i*n,t)))},cropStart:function(t){var a=t.buttons,n=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(V(a)&&a!==1||V(n)&&n!==0||t.ctrlKey))){var i=this.options,r=this.pointers,u;t.changedTouches?re(t.changedTouches,function(o){r[o.identifier]=ka(o)}):r[t.pointerId||0]=ka(t),Object.keys(r).length>1&&i.zoomable&&i.zoomOnTouch?u=Xs:u=Yn(t.target,Kt),Mh.test(u)&&St(this.element,Un,{originalEvent:t,action:u})!==!1&&(t.preventDefault(),this.action=u,this.cropping=!1,u===Ws&&(this.cropping=!0,he(this.dragBox,ya)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var n=this.pointers;t.preventDefault(),St(this.element,wn,{originalEvent:t,action:a})!==!1&&(t.changedTouches?re(t.changedTouches,function(i){ee(n[i.identifier]||{},ka(i,!0))}):ee(n[t.pointerId||0]||{},ka(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,n=this.pointers;t.changedTouches?re(t.changedTouches,function(i){delete n[i.identifier]}):delete n[t.pointerId||0],a&&(t.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,It(this.dragBox,ya,this.cropped&&this.options.modal)),St(this.element,vn,{originalEvent:t,action:a}))}}},of={change:function(t){var a=this.options,n=this.canvasData,i=this.containerData,r=this.cropBoxData,u=this.pointers,o=this.action,l=a.aspectRatio,f=r.left,m=r.top,p=r.width,T=r.height,A=f+p,I=m+T,R=0,M=0,v=i.width,W=i.height,q=!0,ae;!l&&t.shiftKey&&(l=p&&T?p/T:1),this.limited&&(R=r.minLeft,M=r.minTop,v=R+Math.min(i.width,n.width,n.left+n.width),W=M+Math.min(i.height,n.height,n.top+n.height));var U=u[Object.keys(u)[0]],_={x:U.endX-U.startX,y:U.endY-U.startY},w=function(se){switch(se){case ct:A+_.x>v&&(_.x=v-A);break;case lt:f+_.x<R&&(_.x=R-f);break;case Ze:m+_.y<M&&(_.y=M-m);break;case At:I+_.y>W&&(_.y=W-I);break}};switch(o){case Rn:f+=_.x,m+=_.y;break;case ct:if(_.x>=0&&(A>=v||l&&(m<=M||I>=W))){q=!1;break}w(ct),p+=_.x,p<0&&(o=lt,p=-p,f-=p),l&&(T=p/l,m+=(r.height-T)/2);break;case Ze:if(_.y<=0&&(m<=M||l&&(f<=R||A>=v))){q=!1;break}w(Ze),T-=_.y,m+=_.y,T<0&&(o=At,T=-T,m-=T),l&&(p=T*l,f+=(r.width-p)/2);break;case lt:if(_.x<=0&&(f<=R||l&&(m<=M||I>=W))){q=!1;break}w(lt),p-=_.x,f+=_.x,p<0&&(o=ct,p=-p,f-=p),l&&(T=p/l,m+=(r.height-T)/2);break;case At:if(_.y>=0&&(I>=W||l&&(f<=R||A>=v))){q=!1;break}w(At),T+=_.y,T<0&&(o=Ze,T=-T,m-=T),l&&(p=T*l,f+=(r.width-p)/2);break;case Xt:if(l){if(_.y<=0&&(m<=M||A>=v)){q=!1;break}w(Ze),T-=_.y,m+=_.y,p=T*l}else w(Ze),w(ct),_.x>=0?A<v?p+=_.x:_.y<=0&&m<=M&&(q=!1):p+=_.x,_.y<=0?m>M&&(T-=_.y,m+=_.y):(T-=_.y,m+=_.y);p<0&&T<0?(o=zt,T=-T,p=-p,m-=T,f-=p):p<0?(o=Qt,p=-p,f-=p):T<0&&(o=jt,T=-T,m-=T);break;case Qt:if(l){if(_.y<=0&&(m<=M||f<=R)){q=!1;break}w(Ze),T-=_.y,m+=_.y,p=T*l,f+=r.width-p}else w(Ze),w(lt),_.x<=0?f>R?(p-=_.x,f+=_.x):_.y<=0&&m<=M&&(q=!1):(p-=_.x,f+=_.x),_.y<=0?m>M&&(T-=_.y,m+=_.y):(T-=_.y,m+=_.y);p<0&&T<0?(o=jt,T=-T,p=-p,m-=T,f-=p):p<0?(o=Xt,p=-p,f-=p):T<0&&(o=zt,T=-T,m-=T);break;case zt:if(l){if(_.x<=0&&(f<=R||I>=W)){q=!1;break}w(lt),p-=_.x,f+=_.x,T=p/l}else w(At),w(lt),_.x<=0?f>R?(p-=_.x,f+=_.x):_.y>=0&&I>=W&&(q=!1):(p-=_.x,f+=_.x),_.y>=0?I<W&&(T+=_.y):T+=_.y;p<0&&T<0?(o=Xt,T=-T,p=-p,m-=T,f-=p):p<0?(o=jt,p=-p,f-=p):T<0&&(o=Qt,T=-T,m-=T);break;case jt:if(l){if(_.x>=0&&(A>=v||I>=W)){q=!1;break}w(ct),p+=_.x,T=p/l}else w(At),w(ct),_.x>=0?A<v?p+=_.x:_.y>=0&&I>=W&&(q=!1):p+=_.x,_.y>=0?I<W&&(T+=_.y):T+=_.y;p<0&&T<0?(o=Qt,T=-T,p=-p,m-=T,f-=p):p<0?(o=zt,p=-p,f-=p):T<0&&(o=Xt,T=-T,m-=T);break;case Gs:this.move(_.x,_.y),q=!1;break;case Xs:this.zoom(Xh(u),t),q=!1;break;case Ws:if(!_.x||!_.y){q=!1;break}ae=fr(this.cropper),f=U.startX-ae.left,m=U.startY-ae.top,p=r.minWidth,T=r.minHeight,_.x>0?o=_.y>0?jt:Xt:_.x<0&&(f-=p,o=_.y>0?zt:Qt),_.y<0&&(m-=T),this.cropped||(He(this.cropBox,Ce),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}q&&(r.width=p,r.height=T,r.left=f,r.top=m,this.action=o,this.renderCropBox()),re(u,function(Y){Y.startX=Y.endX,Y.startY=Y.endY})}},cf={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&he(this.dragBox,ya),He(this.cropBox,Ce),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=ee({},this.initialImageData),this.canvasData=ee({},this.initialCanvasData),this.cropBoxData=ee({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(ee(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),He(this.dragBox,ya),he(this.cropBox,Ce)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,re(this.previews,function(n){n.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,He(this.cropper,Qs)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,he(this.cropper,Qs)),this},destroy:function(){var t=this.element;return t[J]?(t[J]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.canvasData,i=n.left,r=n.top;return this.moveTo(Hn(t)?t:i+Number(t),Hn(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.canvasData,i=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(V(t)&&(n.left=t,i=!0),V(a)&&(n.top=a,i=!0),i&&this.renderCanvas(!0)),this},zoom:function(t,a){var n=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(n.width*t/n.naturalWidth,null,a)},zoomTo:function(t,a,n){var i=this.options,r=this.canvasData,u=r.width,o=r.height,l=r.naturalWidth,f=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&i.zoomable){var m=l*t,p=f*t;if(St(this.element,Fn,{ratio:t,oldRatio:u/l,originalEvent:n})===!1)return this;if(n){var T=this.pointers,A=fr(this.cropper),I=T&&Object.keys(T).length?Qh(T):{pageX:n.pageX,pageY:n.pageY};r.left-=(m-u)*((I.pageX-A.left-r.left)/u),r.top-=(p-o)*((I.pageY-A.top-r.top)/o)}else Nt(a)&&V(a.x)&&V(a.y)?(r.left-=(m-u)*((a.x-r.left)/u),r.top-=(p-o)*((a.y-r.top)/o)):(r.left-=(m-u)/2,r.top-=(p-o)/2);r.width=m,r.height=p,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),V(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,V(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(V(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.imageData,i=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(V(t)&&(n.scaleX=t,i=!0),V(a)&&(n.scaleY=a,i=!0),i&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,n=this.imageData,i=this.canvasData,r=this.cropBoxData,u;if(this.ready&&this.cropped){u={x:r.left-i.left,y:r.top-i.top,width:r.width,height:r.height};var o=n.width/n.naturalWidth;if(re(u,function(m,p){u[p]=m/o}),t){var l=Math.round(u.y+u.height),f=Math.round(u.x+u.width);u.x=Math.round(u.x),u.y=Math.round(u.y),u.width=f-u.x,u.height=l-u.y}}else u={x:0,y:0,width:0,height:0};return a.rotatable&&(u.rotate=n.rotate||0),a.scalable&&(u.scaleX=n.scaleX||1,u.scaleY=n.scaleY||1),u},setData:function(t){var a=this.options,n=this.imageData,i=this.canvasData,r={};if(this.ready&&!this.disabled&&Nt(t)){var u=!1;a.rotatable&&V(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,u=!0),a.scalable&&(V(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,u=!0),V(t.scaleY)&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,u=!0)),u&&this.renderCanvas(!0,!0);var o=n.width/n.naturalWidth;V(t.x)&&(r.left=t.x*o+i.left),V(t.y)&&(r.top=t.y*o+i.top),V(t.width)&&(r.width=t.width*o),V(t.height)&&(r.height=t.height*o),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?ee({},this.containerData):{}},getImageData:function(){return this.sized?ee({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&re(["left","top","width","height","naturalWidth","naturalHeight"],function(n){a[n]=t[n]}),a},setCanvasData:function(t){var a=this.canvasData,n=a.aspectRatio;return this.ready&&!this.disabled&&Nt(t)&&(V(t.left)&&(a.left=t.left),V(t.top)&&(a.top=t.top),V(t.width)?(a.width=t.width,a.height=t.width/n):V(t.height)&&(a.height=t.height,a.width=t.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,n=this.options.aspectRatio,i,r;return this.ready&&this.cropped&&!this.disabled&&Nt(t)&&(V(t.left)&&(a.left=t.left),V(t.top)&&(a.top=t.top),V(t.width)&&t.width!==a.width&&(i=!0,a.width=t.width),V(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),n&&(i?a.height=a.width/n:r&&(a.width=a.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,n=zh(this.image,this.imageData,a,t);if(!this.cropped)return n;var i=this.getData(t.rounded),r=i.x,u=i.y,o=i.width,l=i.height,f=n.width/Math.floor(a.naturalWidth);f!==1&&(r*=f,u*=f,o*=f,l*=f);var m=o/l,p=et({aspectRatio:m,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),T=et({aspectRatio:m,width:t.minWidth||0,height:t.minHeight||0},"cover"),A=et({aspectRatio:m,width:t.width||(f!==1?n.width:o),height:t.height||(f!==1?n.height:l)}),I=A.width,R=A.height;I=Math.min(p.width,Math.max(T.width,I)),R=Math.min(p.height,Math.max(T.height,R));var M=document.createElement("canvas"),v=M.getContext("2d");M.width=Ct(I),M.height=Ct(R),v.fillStyle=t.fillColor||"transparent",v.fillRect(0,0,I,R);var W=t.imageSmoothingEnabled,q=W===void 0?!0:W,ae=t.imageSmoothingQuality;v.imageSmoothingEnabled=q,ae&&(v.imageSmoothingQuality=ae);var U=n.width,_=n.height,w=r,Y=u,se,be,Pe,ye,Re,me;w<=-o||w>U?(w=0,se=0,Pe=0,Re=0):w<=0?(Pe=-w,w=0,se=Math.min(U,o+w),Re=se):w<=U&&(Pe=0,se=Math.min(o,U-w),Re=se),se<=0||Y<=-l||Y>_?(Y=0,be=0,ye=0,me=0):Y<=0?(ye=-Y,Y=0,be=Math.min(_,l+Y),me=be):Y<=_&&(ye=0,be=Math.min(l,_-Y),me=be);var z=[w,Y,se,be];if(Re>0&&me>0){var xe=I/o;z.push(Pe*xe,ye*xe,Re*xe,me*xe)}return v.drawImage.apply(v,[n].concat($s(z.map(function(Be){return Math.floor(Ct(Be))})))),M},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!Hn(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,n=this.dragBox,i=this.face;if(this.ready&&!this.disabled){var r=t===Pn,u=a.movable&&t===zs;t=r||u?t:Ks,a.dragMode=t,Zt(n,Kt,t),It(n,kn,r),It(n,Mn,u),a.cropBoxMovable||(Zt(i,Kt,t),It(i,kn,r),It(i,Mn,u))}return this}},lf=Fe.Cropper,Tr=function(){function e(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(Nh(this,e),!t||!vh.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=ee({},or,Nt(a)&&a),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 Ch(e,[{key:"init",value:function(){var a=this.element,n=a.tagName.toLowerCase(),i;if(!a[J]){if(a[J]=this,n==="img"){if(this.isImg=!0,i=a.getAttribute("src")||"",this.originalUrl=i,!i)return;i=a.src}else n==="canvas"&&window.HTMLCanvasElement&&(i=a.toDataURL());this.load(i)}}},{key:"load",value:function(a){var n=this;if(a){this.url=a,this.imageData={};var i=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Ph.test(a)){Bh.test(a)?this.read(Jh(a)):this.clone();return}var u=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=u,u.onabort=o,u.onerror=o,u.ontimeout=o,u.onprogress=function(){u.getResponseHeader("content-type")!==sr&&u.abort()},u.onload=function(){n.read(u.response)},u.onloadend=function(){n.reloading=!1,n.xhr=null},r.checkCrossOrigin&&mr(a)&&i.crossOrigin&&(a=Er(a)),u.open("GET",a,!0),u.responseType="arraybuffer",u.withCredentials=i.crossOrigin==="use-credentials",u.send()}}},{key:"read",value:function(a){var n=this.options,i=this.imageData,r=tf(a),u=0,o=1,l=1;if(r>1){this.url=ef(a,sr);var f=af(r);u=f.rotate,o=f.scaleX,l=f.scaleY}n.rotatable&&(i.rotate=u),n.scalable&&(i.scaleX=o,i.scaleY=l),this.clone()}},{key:"clone",value:function(){var a=this.element,n=this.url,i=a.crossOrigin,r=n;this.options.checkCrossOrigin&&mr(n)&&(i||(i="anonymous"),r=Er(n)),this.crossOrigin=i,this.crossOriginUrl=r;var u=document.createElement("img");i&&(u.crossOrigin=i),u.src=r||n,u.alt=a.alt||"The image to crop",this.image=u,u.onload=this.start.bind(this),u.onerror=this.stop.bind(this),he(u,js),a.parentNode.insertBefore(u,a.nextSibling)}},{key:"start",value:function(){var a=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var i=Fe.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(Fe.navigator.userAgent),r=function(f,m){ee(a.imageData,{naturalWidth:f,naturalHeight:m,aspectRatio:f/m}),a.initialImageData=ee({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(n.naturalWidth&&!i){r(n.naturalWidth,n.naturalHeight);return}var u=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=u,u.onload=function(){r(u.width,u.height),i||o.removeChild(u)},u.src=n.src,i||(u.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;",o.appendChild(u))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,n=this.options,i=this.image,r=a.parentNode,u=document.createElement("div");u.innerHTML=wh;var o=u.querySelector(".".concat(J,"-container")),l=o.querySelector(".".concat(J,"-canvas")),f=o.querySelector(".".concat(J,"-drag-box")),m=o.querySelector(".".concat(J,"-crop-box")),p=m.querySelector(".".concat(J,"-face"));this.container=r,this.cropper=o,this.canvas=l,this.dragBox=f,this.cropBox=m,this.viewBox=o.querySelector(".".concat(J,"-view-box")),this.face=p,l.appendChild(i),he(a,Ce),r.insertBefore(o,a.nextSibling),He(i,js),this.initPreview(),this.bind(),n.initialAspectRatio=Math.max(0,n.initialAspectRatio)||NaN,n.aspectRatio=Math.max(0,n.aspectRatio)||NaN,n.viewMode=Math.max(0,Math.min(3,Math.round(n.viewMode)))||0,he(m,Ce),n.guides||he(m.getElementsByClassName("".concat(J,"-dashed")),Ce),n.center||he(m.getElementsByClassName("".concat(J,"-center")),Ce),n.background&&he(o,"".concat(J,"-bg")),n.highlight||he(p,Lh),n.cropBoxMovable&&(he(p,Mn),Zt(p,Kt,Rn)),n.cropBoxResizable||(he(m.getElementsByClassName("".concat(J,"-line")),Ce),he(m.getElementsByClassName("".concat(J,"-point")),Ce)),this.render(),this.ready=!0,this.setDragMode(n.dragMode),n.autoCrop&&this.crop(),this.setData(n.data),Ie(n.ready)&&Le(a,ar,n.ready,{once:!0}),St(a,ar)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),He(this.element,Ce)}}},{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=lf,e}},{key:"setDefaults",value:function(a){ee(or,Nt(a)&&a)}}])}();ee(Tr.prototype,nf,sf,rf,uf,of,cf);function df(e,t){const a=e.split(",")||[],n=a[0].match(/:(.*?);/)[1],i=a[1]&&atob(a[1]);let r=i&&i.length;const u=new Uint8Array(r);for(;r--;)u[r]=i==null?void 0:i.charCodeAt(r);return new File([u],t,{type:n})}const hf={key:0,contenteditable:"false",class:"z-10 w-[100vw] h-[100vh] bg-[rgba(0,0,0,0.7)] flex flex-col justify-center items-center fixed top-0 left-0 cursor-auto"},ff={class:"w-[700px] flex flex-col bg-white rounded pb-8"},mf={class:"flex flex-row items-center justify-between px-6 py-4 bg-[#f4f8ff]"},Ef={class:"flex flex-col h-full"},pf={class:"flex flex-row justify-center items-start flex-1"},Tf={class:"flex flex-col items-start flex-1"},bf={class:"flex flex-col w-full px-6 py-4"},gf={class:"flex flex-col w-full"},_f={class:"flex flex-row items-center"},Af={class:"relative bg-[#474AFF] text-white rounded p-3"},Nf={class:"flex flex-row items-start justify-between mt-3"},Cf={class:"flex flex-col"},If={class:"flex flex-col justify-center items-center border w-[300px] h-[300px]"},Sf={key:0,class:"w-full text-center"},xf=["src"],Of={class:"flex flex-col items-center",style:{width:"300px",height:"300px"}},Df={class:"text-[#999] mt-05 flex justify-center mt-4"},Lf={class:"w-full flex justify-end space-x-5 mt-5 px-6"},yf=["loading"],Rf=c.defineComponent({__name:"index",emits:["cancel","ok"],setup(e,{expose:t,emit:a}){const n=a,i=c.ref({coverUrl:"",inputValue:"",uploadType:2,videoHost:"",videoUrl:""}),r=c.ref(),u=c.ref({autoCrop:!0,autoCropArea:1,background:!0,center:!0,cropBoxResizable:!0,dragMode:"move",preview:".before",toggleDragModeOnDblclick:!0,viewMode:1,zoomOnWheel:!0}),o=c.ref(!1),l=c.ref({afterImg:"",image:null,myCropper:null}),f=c.ref("image/jpeg"),m=U=>{console.log(U);const _=U.target.files[0];if(_){_.name&&(i.value.inputValue=_.name);const w=new FileReader;w.onload=Y=>{var se,be;console.log("e?.target?.result",(se=Y==null?void 0:Y.target)==null?void 0:se.result),p((be=Y==null?void 0:Y.target)==null?void 0:be.result)},w.readAsDataURL(_)}};async function p(U){if(!U)return;await ae();const _=U;l.value.image=_,l.value.image&&T()}function T(){const U=document.querySelector("#imgId");U&&U.addEventListener("load",()=>{q(),l.value.myCropper=new Tr(U,u.value)})}const A=c.ref(!1),I=c.ref();function R(U,_,w,Y){I.value=Y,r.value=U,U&&U.aspectRatio&&(u.value.aspectRatio=U.aspectRatio),w&&(i.value.inputValue=w),A.value=!0,_&&p(_)}function M(){A.value=!1}const v=()=>{var _,w;if(!l.value.myCropper)return;o.value=!0,l.value.afterImg=l.value.myCropper.getCroppedCanvas({height:(_=r.value)==null?void 0:_.height,imageSmoothingQuality:"high",width:(w=r.value)==null?void 0:w.width}).toDataURL(f.value);const U=df(l.value.afterImg,i.value.inputValue);n("ok",{options:U,element:I.value}),o.value=!1,ae(),q(),M()};function W(){ae(),q(),M(),n("cancel")}function q(){l.value.myCropper&&l.value.myCropper.destroy()}function ae(){l.value.image=""}return t({handleCloseCropper:M,handleOpenCropper:R}),(U,_)=>{var w,Y,se;return A.value?(c.openBlock(),c.createElementBlock("div",hf,[c.createElementVNode("div",ff,[c.createElementVNode("div",mf,[_[1]||(_[1]=c.createElementVNode("span",{class:"text-base font-semibold text-[#333]"},"图片裁剪",-1)),c.createElementVNode("span",{class:"text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",onClick:c.withModifiers(W,["stop"])})]),c.createElementVNode("div",Ef,[c.createElementVNode("div",pf,[c.createElementVNode("div",Tf,[c.createElementVNode("div",bf,[c.createElementVNode("div",gf,[c.createElementVNode("div",_f,[c.createElementVNode("div",Af,[c.createElementVNode("input",{type:"file",accept:"image/*",onClick:_[0]||(_[0]=c.withModifiers(()=>{},["stop"])),contenteditable:"false",ref:"fileInput",onChange:m,class:"absolute top-0 left-0 w-[110px] h-[40px] opacity-0 cursor-pointer"},null,544),_[2]||(_[2]=c.createElementVNode("span",{id:"uploadHandler",class:"cursor-pointer"}," 选择/更换图片 ",-1))]),_[3]||(_[3]=c.createElementVNode("span",{class:"text-sm text-[#999] ml-3"},"滚动鼠标放大或缩小图片",-1))]),c.createElementVNode("div",Nf,[c.createElementVNode("div",Cf,[c.createElementVNode("div",If,[l.value.image?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("div",Sf," 请上传图片 ")),c.createElementVNode("img",{id:"imgId",src:l.value.image,style:{width:"300px"}},null,8,xf)])]),c.createElementVNode("div",Of,[_[4]||(_[4]=c.createElementVNode("div",{class:"before w-[270px] h-[200px] pr-[70px] border"},null,-1)),c.createElementVNode("div",Df," 预览画像 "+c.toDisplayString(((w=r.value)==null?void 0:w.width)||"")+" "+c.toDisplayString((Y=r.value)!=null&&Y.width?"x":"")+" "+c.toDisplayString(((se=r.value)==null?void 0:se.height)||""),1)])])])])])]),c.createElementVNode("div",Lf,[c.createElementVNode("span",{loading:o.value,class:"!w-22 bg-[#474AFF] text-white rounded py-2 px-6 cursor-pointer",type:"primary",onClick:v}," 确认 ",8,yf),c.createElementVNode("span",{class:"!w-22 border border-[#DEDEDE] text-[#666] rounded py-2 px-6 cursor-pointer",onClick:W},"取消")])])])])):c.createCommentVNode("",!0)}}}),kf=c.defineComponent({name:"CustomIcon",props:{iconName:{type:String,required:!0}},setup(e){return{iconClass:c.computed(()=>`${e.iconName}`)}}});function Mf(e,t,a,n,i,r){return c.openBlock(),c.createElementBlock("span",{style:{position:"unset",color:"unset",top:"unset",left:"unset",right:"unset",transform:"unset","font-size":"unset"},class:c.normalizeClass(`iconfont icon-${e.iconClass} text-4xl overflow-hidden flex justify-center items-center`)},null,2)}const Pf=Ke(kf,[["render",Mf]]),Bf=c.defineComponent({name:"GpModal",props:{visible:{type:Boolean,required:!0},title:{type:String,default:""},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},showOkButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0}},emits:["update:visible","ok","cancel"],setup(e,{emit:t}){const{visible:a,okText:n,cancelText:i,showCloseButton:r}=c.toRefs(e);return{visible:a,okText:n,cancelText:i,showCloseButton:r,onClose:()=>{t("cancel"),t("update:visible",!1)},onOk:()=>{t("ok"),t("update:visible",!1)},onCancel:()=>{t("cancel"),t("update:visible",!1)}}}}),vf={class:"bg-white rounded-lg shadow-xl w-ful"},wf={class:"p-4 border-b border-gray-200 relative flex items-center justify-between"},Uf={key:0,class:"text-lg font-semibold"},Ff={class:"p-4"},Hf={key:0,class:"p-4 border-t border-gray-200 flex justify-end space-x-2"};function Vf(e,t,a,n,i,r){return e.visible?(c.openBlock(),c.createElementBlock("div",{key:0,class:"fixed inset-0 z-[99999] flex items-center justify-center bg-gray-900 bg-opacity-50",onClick:t[3]||(t[3]=c.withModifiers((...u)=>e.onClose&&e.onClose(...u),["self"]))},[c.createElementVNode("div",vf,[c.createElementVNode("div",wf,[e.title?(c.openBlock(),c.createElementBlock("h3",Uf,c.toDisplayString(e.title),1)):c.createCommentVNode("",!0),c.renderSlot(e.$slots,"header"),e.showCloseButton?(c.openBlock(),c.createElementBlock("button",{key:1,class:"text-gray-400 hover:text-gray-600",onClick:t[0]||(t[0]=(...u)=>e.onClose&&e.onClose(...u)),"aria-label":"Close"},t[4]||(t[4]=[c.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor"},[c.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)]))):c.createCommentVNode("",!0)]),c.createElementVNode("div",Ff,[c.renderSlot(e.$slots,"default")]),e.showCancelButton||e.showOkButton?(c.openBlock(),c.createElementBlock("div",Hf,[c.renderSlot(e.$slots,"footer",{},()=>[e.showCancelButton?(c.openBlock(),c.createElementBlock("button",{key:0,class:"px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 rounded hover:bg-gray-200",onClick:t[1]||(t[1]=(...u)=>e.onCancel&&e.onCancel(...u))},c.toDisplayString(e.cancelText),1)):c.createCommentVNode("",!0),e.showOkButton?(c.openBlock(),c.createElementBlock("button",{key:1,class:"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700",onClick:t[2]||(t[2]=(...u)=>e.onOk&&e.onOk(...u))},c.toDisplayString(e.okText),1)):c.createCommentVNode("",!0)])])):c.createCommentVNode("",!0)])])):c.createCommentVNode("",!0)}const Yf=Ke(Bf,[["render",Vf]]),qf={class:"p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]"},$f=c.defineComponent({__name:"IconModal",props:{icons:{type:Array,default:()=>[]}},emits:["ok"],setup(e,{expose:t,emit:a}){const n=e,i=c.ref(n.icons||[]);c.watch(()=>n.icons,p=>{i.value=p||[]},{immediate:!0});const r=a,u=c.ref(!1),o=c.ref();function l(p){u.value=!0,o.value=p}function f(p){m(),r("ok",{icon:p,element:o.value})}function m(){u.value=!1}return t({openModal:l,closeModal:m}),(p,T)=>(c.openBlock(),c.createBlock(Yf,{visible:u.value,"onUpdate:visible":T[0]||(T[0]=A=>u.value=A),title:"选择图标",onOk:m,onCancel:m,showCancelButton:!1,showOkButton:!1},{default:c.withCtx(()=>[c.createElementVNode("div",qf,[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(i.value,A=>(c.openBlock(),c.createBlock(Pf,{key:A,class:"w-12 h-12 mx-1 mb-2 border cursor-pointer hover:border-gray-400 hover:bg-gray-200",iconName:A,onClick:c.withModifiers(I=>f(A),["stop"]),title:A},null,8,["iconName","onClick","title"]))),128))])]),_:1},8,["visible"]))}}),Wf={class:"flex"},Gf={key:0,class:"text-lg font-bold border-b p-2"},Xf={class:"text-sm font-thin text-gray-500"},Qf=["innerHTML"],jf=["innerHTML"],zf={class:"flex-1"},Kf={key:0,class:"text-lg font-bold border-b p-2"},Zf={class:"p-2"},Jf={key:0,class:"text-lg font-bold border-b p-2"},em={class:"text-sm font-thin text-gray-500"},tm={class:"p-2"},br=Ke(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(e,{emit:t}){const a=e,n=t,i=c.ref(a.template),r=c.ref();let u=Us("",{},!1);const o=c.ref("");c.watch(()=>a.template,C=>{i.value=C},{immediate:!0}),c.watch(()=>i.value,C=>{C&&(r.value=U(C))},{immediate:!0}),c.watch(()=>a.css,C=>{C.forEach(D=>{if(document.querySelector(`link[href="${D}"]`))return;const P=document.createElement("link");P.rel="stylesheet",P.href=D,document.head.appendChild(P)})},{immediate:!0});const l=c.ref(a.mode);c.watch(()=>r.value,C=>{C&&n("update:element",C)},{immediate:!0});const f=c.ref("");c.watch(()=>o.value,C=>{n("update:modelValue",C)},{immediate:!0});const m=c.ref(),p=c.ref(),T=c.ref(),A=c.ref(),I=c.ref("");function R(C){console.log("选择",C),T.value=C}function M(C,D=""){if(D){const P=v(r.value,D);P?A.value=P:A.value=C}else A.value=C}function v(C,D){if(C.xpath===D)return C;if(C.children&&C.children.length)for(const P of C.children){const H=v(P,D);if(H)return H}}function W(C,D){var P,H;return C.tag===D.tag&&((P=C.children)==null?void 0:P.length)===((H=D.children)==null?void 0:H.length)}function q(C){var P,H,ie,ge;if(T.value.xpath==C.xpath){if(T.value){if(C.type===X.Block){var D=!0;const oe=v(r.value,T.value.parentxpath||"");if(oe&&oe.children&&oe.children.forEach(K=>{if(K.tag!=T.value.tag||!W(K,T.value)){D=!1;return}}),!D){j.error("同级结构不一致，错误配置！");return}}if(T.value.rule=C.rule,T.value.type=C.type,(P=C.rule)!=null&&P.isThemeColor?(C.attrs.class+="theme_color",C.attrs.style&&(C.attrs.style=void 0)):(console.log("e111",(H=C.attrs.class)==null?void 0:H.includes("theme_color")),(ie=C.attrs.class)!=null&&ie.includes("theme_color")&&(C.attrs.class=C.attrs.class.replace("theme_color"," "))),T.value.type===X.Block){const oe=v(r.value,T.value.parentxpath||"");oe&&oe.children&&(oe.children.forEach(K=>{if(K.tag!=T.value.tag||!W(K,T.value)){j.error("同级结构不一致，无法配置为块类型");return}}),oe.children.forEach(K=>{var pe;K.tag===T.value.tag&&(K.rule=C.rule,K.type=C.type,(pe=K.attrs.class)!=null&&pe.includes(" mb40 relative")||(K.attrs.class+=" mb40 relative"))}))}else(ge=T.value.attrs.class)!=null&&ge.includes(" mb40 relative")&&(T.value.attrs.class=T.value.attrs.class.replace(" mb40 relative"," "))}j.success("保存成功")}}function ae(C){o.value=C}function U(C){u=Us(C);const D=u("body").children().toArray().map(P=>_(u(P)));return o.value=u("body").html()||"",D[0]}function _(C,D=""){var oe;function P(K){if(!K||!K[0])return"";const pe=[];let ht=K;for(;ht.length&&ht[0].tagName!=="html";){const gr=ht[0].tagName,nm=ht.parent().children(gr).index(ht)+1;pe.unshift(`${gr}[${nm}]`),ht=ht.parent()}return"/html/"+pe.join("/")}const H=P(C).replace("/html/body[1]",""),ie=C.children().toArray().map(K=>_(u(K),H)),ge=(oe=a.rules)==null?void 0:oe.find(K=>K.xpath===H);return{tag:C[0].tagName,text:C.contents().not(C.children()).text().trim(),attrs:C[0].attribs,children:ie,xpath:H,parentxpath:D,type:(ge==null?void 0:ge.type)||X.None,rule:(ge==null?void 0:ge.rule)||{}}}function w(C){console.log("更新子节点的文本",C);const D=v(r.value,C.element.xpath);if(D){const P=c.toRaw(D);P.editText=C.newText}}function Y(C,D=""){function P(H,ie){var K;const oe=(ie?((K=v(r.value,ie))==null?void 0:K.children)||[]:[r.value]).filter(pe=>pe.tag===H.tag).indexOf(H)+1;return`${ie}/${H.tag}[${oe}]`}C.xpath=P(C,D),C.parentxpath=D,(C.children||[]).forEach(H=>Y(H,C.xpath))}function se({action:C,element:D,newBlock:P}){console.log("块操作",C,D,P);const H=v(r.value,D.parentxpath||"");if(!H||!H.children)return;const ie=H.children.findIndex(pe=>pe===D);if(ie===-1)return;const ge=H.children.length,{minBlock:oe,maxBlock:K}=D.rule;if((C==="add"||C==="copy")&&ge>=(K||1/0)){I.value=`无法添加更多块。最大块数量为 ${K}`,j.error(I.value);return}switch(C){case"add":if(P){const pe={...P,xpath:"",children:JSON.parse(JSON.stringify(P.children))};H.children.splice(ie+1,0,pe)}break;case"copy":if(P){const pe={...P,xpath:"",children:JSON.parse(JSON.stringify(P.children))};H.children.splice(ie+1,0,pe)}break;case"moveUp":if(ie>0){const[pe]=H.children.splice(ie,1);H.children.splice(ie-1,0,pe)}break;case"moveDown":if(ie<H.children.length-1){const[pe]=H.children.splice(ie,1);H.children.splice(ie+1,0,pe)}break;case"delete":if(ge<=(oe||0)){I.value=`无法删除更多块。最小块数量为 ${oe}`,j.error(I.value);return}H.children.splice(ie,1);break}I.value="",Y(r.value)}function be(C,D){let P=D.attrs.class.replace(/icon-\S+/g,`icon-${C}`);D.attrs.class=P}function Pe(C,D){console.log("comfireImg",C),D.attrs.src=C}function ye(C){const D=v(r.value,C.element.xpath),P=C.options;if(typeof P=="object"){console.log("e1",C),D.attrs.alt=P.name;const H=new FileReader;H.onload=ie=>{var oe;let ge=(oe=ie==null?void 0:ie.target)==null?void 0:oe.result;D.attrs.src=ge,console.log(" element.attrs",D.attrs),f.value=new Date().getTime().toString()},H.readAsDataURL(P)}else console.log("e2",C),D.attrs.src=P}function Re(C){const{icon:D}=C,P=v(r.value,C.element.xpath);let H=P.attrs.class.replace(/icon-\S+/g,`icon-${D}`);P.attrs.class=H,f.value=new Date().getTime().toString()}const me=c.ref(a.previewWidth),z=c.ref(375);let xe=c.ref(!1),Be=c.ref(""),tt=0,O=0;function L(C){Be.value=C,xe.value=!0,tt=event.clientX,C==="preview"?O=me.value:C==="structure"&&(O=z.value),window.addEventListener("mousemove",ne),window.addEventListener("mouseup",Ee)}function ne(C){if(!xe.value)return;const D=C.clientX-tt;Be.value==="preview"?me.value=Math.max(200,O+D):Be.value==="structure"&&(z.value=Math.max(200,O-D))}function Ee(){xe.value=!1,Be.value="",window.removeEventListener("mousemove",ne),window.removeEventListener("mouseup",Ee)}return(C,D)=>(c.openBlock(),c.createElementBlock("div",Wf,[C.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:me.value+"px"})},[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Gf,[D[2]||(D[2]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",Xf,c.toDisplayString(me.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createElementBlock("div",{key:0,innerHTML:o.value},null,8,Qf)):(c.openBlock(),c.createElementBlock("div",{key:1,innerHTML:c.unref(u)("body").html()},null,8,jf))])],4)):c.createCommentVNode("",!0),C.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:D[0]||(D[0]=P=>L("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",zf,[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Kf,"结构渲染")):c.createCommentVNode("",!0),c.createElementVNode("div",Zf,[r.value?(c.openBlock(),c.createBlock(Vd,{key:0,cropper:m.value,icon:p.value,mode:C.mode,icons:C.icons,r:f.value,element:r.value,selectedElement:T.value,hoveredElement:A.value,onSelectElement:R,onHoverElement:M,onContentUpdated:ae,onUpdateText:w,onBlockAction:se,onAddIcon:be,onUpload:Pe},null,8,["cropper","icon","mode","icons","r","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:D[1]||(D[1]=P=>L("structure"))},null,32)):c.createCommentVNode("",!0),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area overflow-auto",style:c.normalizeStyle({width:z.value+"px"})},[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Jf,[D[3]||(D[3]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",em,c.toDisplayString(z.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",tm,[T.value?(c.openBlock(),c.createBlock(_h,{key:0,element:T.value,onUpdateElement:q},null,8,["element"])):c.createCommentVNode("",!0)])],4)):c.createCommentVNode("",!0),c.createVNode(Rf,{ref_key:"cropperRef",ref:m,onOk:ye},null,512),c.createVNode($f,{icons:C.icons,ref_key:"iconRef",ref:p,onOk:Re},null,8,["icons"])]))}}),[["__scopeId","data-v-1bf3e06b"]]),am={install(e){e.component("Designer",br)}};$e.Designer=br,$e.default=am,Object.defineProperties($e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var La=typeof window<"u"&&typeof window.document<"u",Fe=La?window:{},Ln=La&&Fe.document.documentElement?"ontouchstart"in Fe.document.documentElement:!1,yn=La?"PointerEvent"in Fe:!1,J="cropper",Rn="all",Ws="crop",Gs="move",Xs="zoom",ct="e",lt="w",At="s",Ze="n",Xt="ne",Qt="nw",jt="se",zt="sw",kn="".concat(J,"-crop"),Qs="".concat(J,"-disabled"),Ce="".concat(J,"-hidden"),js="".concat(J,"-hide"),Lh="".concat(J,"-invisible"),ya="".concat(J,"-modal"),Mn="".concat(J,"-move"),Kt="".concat(J,"Action"),Ra="".concat(J,"Preview"),Pn="crop",zs="move",Ks="none",Bn="crop",vn="cropend",wn="cropmove",Un="cropstart",Zs="dblclick",yh=Ln?"touchstart":"mousedown",Rh=Ln?"touchmove":"mousemove",kh=Ln?"touchend touchcancel":"mouseup",Js=yn?"pointerdown":yh,er=yn?"pointermove":Rh,tr=yn?"pointerup pointercancel":kh,ar="ready",nr="resize",ir="wheel",Fn="zoom",sr="image/jpeg",Mh=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Ph=/^data:/,Bh=/^data:image\/jpeg;base64,/,vh=/^img|canvas$/i,rr=200,ur=100,or={viewMode:0,dragMode:Pn,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:rr,minContainerHeight:ur,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},wh='<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>',Uh=Number.isNaN||Fe.isNaN;function V(e){return typeof e=="number"&&!Uh(e)}var cr=function(t){return t>0&&t<1/0};function Hn(e){return typeof e>"u"}function dt(e){return On(e)==="object"&&e!==null}var Fh=Object.prototype.hasOwnProperty;function Nt(e){if(!dt(e))return!1;try{var t=e.constructor,a=t.prototype;return t&&a&&Fh.call(a,"isPrototypeOf")}catch{return!1}}function Ie(e){return typeof e=="function"}var Hh=Array.prototype.slice;function lr(e){return Array.from?Array.from(e):Hh.call(e)}function re(e,t){return e&&Ie(t)&&(Array.isArray(e)||V(e.length)?lr(e).forEach(function(a,n){t.call(e,a,n,e)}):dt(e)&&Object.keys(e).forEach(function(a){t.call(e,e[a],a,e)})),e}var ee=Object.assign||function(t){for(var a=arguments.length,n=new Array(a>1?a-1:0),i=1;i<a;i++)n[i-1]=arguments[i];return dt(t)&&n.length>0&&n.forEach(function(r){dt(r)&&Object.keys(r).forEach(function(u){t[u]=r[u]})}),t},Vh=/\.\d*(?:0|9){12}\d*$/;function Ct(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Vh.test(e)?Math.round(e*t)/t:e}var Yh=/^width|height|left|top|marginLeft|marginTop$/;function Je(e,t){var a=e.style;re(t,function(n,i){Yh.test(i)&&V(n)&&(n="".concat(n,"px")),a[i]=n})}function qh(e,t){return e.classList?e.classList.contains(t):e.className.indexOf(t)>-1}function he(e,t){if(t){if(V(e.length)){re(e,function(n){he(n,t)});return}if(e.classList){e.classList.add(t);return}var a=e.className.trim();a?a.indexOf(t)<0&&(e.className="".concat(a," ").concat(t)):e.className=t}}function He(e,t){if(t){if(V(e.length)){re(e,function(a){He(a,t)});return}if(e.classList){e.classList.remove(t);return}e.className.indexOf(t)>=0&&(e.className=e.className.replace(t,""))}}function It(e,t,a){if(t){if(V(e.length)){re(e,function(n){It(n,t,a)});return}a?he(e,t):He(e,t)}}var $h=/([a-z\d])([A-Z])/g;function Vn(e){return e.replace($h,"$1-$2").toLowerCase()}function Yn(e,t){return dt(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute("data-".concat(Vn(t)))}function Zt(e,t,a){dt(a)?e[t]=a:e.dataset?e.dataset[t]=a:e.setAttribute("data-".concat(Vn(t)),a)}function Wh(e,t){if(dt(e[t]))try{delete e[t]}catch{e[t]=void 0}else if(e.dataset)try{delete e.dataset[t]}catch{e.dataset[t]=void 0}else e.removeAttribute("data-".concat(Vn(t)))}var dr=/\s\s*/,hr=function(){var e=!1;if(La){var t=!1,a=function(){},n=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(r){t=r}});Fe.addEventListener("test",a,n),Fe.removeEventListener("test",a,n)}return e}();function Me(e,t,a){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},i=a;t.trim().split(dr).forEach(function(r){if(!hr){var u=e.listeners;u&&u[r]&&u[r][a]&&(i=u[r][a],delete u[r][a],Object.keys(u[r]).length===0&&delete u[r],Object.keys(u).length===0&&delete e.listeners)}e.removeEventListener(r,i,n)})}function Le(e,t,a){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},i=a;t.trim().split(dr).forEach(function(r){if(n.once&&!hr){var u=e.listeners,o=u===void 0?{}:u;i=function(){delete o[r][a],e.removeEventListener(r,i,n);for(var f=arguments.length,m=new Array(f),p=0;p<f;p++)m[p]=arguments[p];a.apply(e,m)},o[r]||(o[r]={}),o[r][a]&&e.removeEventListener(r,o[r][a],n),o[r][a]=i,e.listeners=o}e.addEventListener(r,i,n)})}function St(e,t,a){var n;return Ie(Event)&&Ie(CustomEvent)?n=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(t,!0,!0,a)),e.dispatchEvent(n)}function fr(e){var t=e.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var qn=Fe.location,Gh=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function mr(e){var t=e.match(Gh);return t!==null&&(t[1]!==qn.protocol||t[2]!==qn.hostname||t[3]!==qn.port)}function Er(e){var t="timestamp=".concat(new Date().getTime());return e+(e.indexOf("?")===-1?"?":"&")+t}function Jt(e){var t=e.rotate,a=e.scaleX,n=e.scaleY,i=e.translateX,r=e.translateY,u=[];V(i)&&i!==0&&u.push("translateX(".concat(i,"px)")),V(r)&&r!==0&&u.push("translateY(".concat(r,"px)")),V(t)&&t!==0&&u.push("rotate(".concat(t,"deg)")),V(a)&&a!==1&&u.push("scaleX(".concat(a,")")),V(n)&&n!==1&&u.push("scaleY(".concat(n,")"));var o=u.length?u.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function Xh(e){var t=Vs({},e),a=0;return re(e,function(n,i){delete t[i],re(t,function(r){var u=Math.abs(n.startX-r.startX),o=Math.abs(n.startY-r.startY),l=Math.abs(n.endX-r.endX),f=Math.abs(n.endY-r.endY),m=Math.sqrt(u*u+o*o),p=Math.sqrt(l*l+f*f),T=(p-m)/m;Math.abs(T)>Math.abs(a)&&(a=T)})}),a}function ka(e,t){var a=e.pageX,n=e.pageY,i={endX:a,endY:n};return t?i:Vs({startX:a,startY:n},i)}function Qh(e){var t=0,a=0,n=0;return re(e,function(i){var r=i.startX,u=i.startY;t+=r,a+=u,n+=1}),t/=n,a/=n,{pageX:t,pageY:a}}function et(e){var t=e.aspectRatio,a=e.height,n=e.width,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=cr(n),u=cr(a);if(r&&u){var o=a*t;i==="contain"&&o>n||i==="cover"&&o<n?a=n/t:n=a*t}else r?a=n/t:u&&(n=a*t);return{width:n,height:a}}function jh(e){var t=e.width,a=e.height,n=e.degree;if(n=Math.abs(n)%180,n===90)return{width:a,height:t};var i=n%90*Math.PI/180,r=Math.sin(i),u=Math.cos(i),o=t*u+a*r,l=t*r+a*u;return n>90?{width:l,height:o}:{width:o,height:l}}function zh(e,t,a,n){var i=t.aspectRatio,r=t.naturalWidth,u=t.naturalHeight,o=t.rotate,l=o===void 0?0:o,f=t.scaleX,m=f===void 0?1:f,p=t.scaleY,T=p===void 0?1:p,A=a.aspectRatio,I=a.naturalWidth,R=a.naturalHeight,M=n.fillColor,v=M===void 0?"transparent":M,W=n.imageSmoothingEnabled,q=W===void 0?!0:W,ae=n.imageSmoothingQuality,U=ae===void 0?"low":ae,_=n.maxWidth,w=_===void 0?1/0:_,Y=n.maxHeight,se=Y===void 0?1/0:Y,be=n.minWidth,Pe=be===void 0?0:be,ye=n.minHeight,Re=ye===void 0?0:ye,me=document.createElement("canvas"),z=me.getContext("2d"),xe=et({aspectRatio:A,width:w,height:se}),Be=et({aspectRatio:A,width:Pe,height:Re},"cover"),tt=Math.min(xe.width,Math.max(Be.width,I)),O=Math.min(xe.height,Math.max(Be.height,R)),L=et({aspectRatio:i,width:w,height:se}),ne=et({aspectRatio:i,width:Pe,height:Re},"cover"),Ee=Math.min(L.width,Math.max(ne.width,r)),C=Math.min(L.height,Math.max(ne.height,u)),D=[-Ee/2,-C/2,Ee,C];return me.width=Ct(tt),me.height=Ct(O),z.fillStyle=v,z.fillRect(0,0,tt,O),z.save(),z.translate(tt/2,O/2),z.rotate(l*Math.PI/180),z.scale(m,T),z.imageSmoothingEnabled=q,z.imageSmoothingQuality=U,z.drawImage.apply(z,[e].concat($s(D.map(function(P){return Math.floor(Ct(P))})))),z.restore(),me}var pr=String.fromCharCode;function Kh(e,t,a){var n="";a+=t;for(var i=t;i<a;i+=1)n+=pr(e.getUint8(i));return n}var Zh=/^data:.*,/;function Jh(e){var t=e.replace(Zh,""),a=atob(t),n=new ArrayBuffer(a.length),i=new Uint8Array(n);return re(i,function(r,u){i[u]=a.charCodeAt(u)}),n}function ef(e,t){for(var a=[],n=8192,i=new Uint8Array(e);i.length>0;)a.push(pr.apply(null,lr(i.subarray(0,n)))),i=i.subarray(n);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function tf(e){var t=new DataView(e),a;try{var n,i,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var u=t.byteLength,o=2;o+1<u;){if(t.getUint8(o)===255&&t.getUint8(o+1)===225){i=o;break}o+=1}if(i){var l=i+4,f=i+10;if(Kh(t,l,4)==="Exif"){var m=t.getUint16(f);if(n=m===18761,(n||m===19789)&&t.getUint16(f+2,n)===42){var p=t.getUint32(f+4,n);p>=8&&(r=f+p)}}}if(r){var T=t.getUint16(r,n),A,I;for(I=0;I<T;I+=1)if(A=r+I*12+2,t.getUint16(A,n)===274){A+=8,a=t.getUint16(A,n),t.setUint16(A,1,n);break}}}catch{a=1}return a}function af(e){var t=0,a=1,n=1;switch(e){case 2:a=-1;break;case 3:t=-180;break;case 4:n=-1;break;case 5:t=90,n=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:n}}var nf={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,n=this.container,i=this.cropper,r=Number(a.minContainerWidth),u=Number(a.minContainerHeight);he(i,Ce),He(t,Ce);var o={width:Math.max(n.offsetWidth,r>=0?r:rr),height:Math.max(n.offsetHeight,u>=0?u:ur)};this.containerData=o,Je(i,{width:o.width,height:o.height}),he(t,Ce),He(i,Ce)},initCanvas:function(){var t=this.containerData,a=this.imageData,n=this.options.viewMode,i=Math.abs(a.rotate)%180===90,r=i?a.naturalHeight:a.naturalWidth,u=i?a.naturalWidth:a.naturalHeight,o=r/u,l=t.width,f=t.height;t.height*o>t.width?n===3?l=t.height*o:f=t.width/o:n===3?f=t.width/o:l=t.height*o;var m={aspectRatio:o,naturalWidth:r,naturalHeight:u,width:l,height:f};this.canvasData=m,this.limited=n===1||n===2,this.limitCanvas(!0,!0),m.width=Math.min(Math.max(m.width,m.minWidth),m.maxWidth),m.height=Math.min(Math.max(m.height,m.minHeight),m.maxHeight),m.left=(t.width-m.width)/2,m.top=(t.height-m.height)/2,m.oldLeft=m.left,m.oldTop=m.top,this.initialCanvasData=ee({},m)},limitCanvas:function(t,a){var n=this.options,i=this.containerData,r=this.canvasData,u=this.cropBoxData,o=n.viewMode,l=r.aspectRatio,f=this.cropped&&u;if(t){var m=Number(n.minCanvasWidth)||0,p=Number(n.minCanvasHeight)||0;o>1?(m=Math.max(m,i.width),p=Math.max(p,i.height),o===3&&(p*l>m?m=p*l:p=m/l)):o>0&&(m?m=Math.max(m,f?u.width:0):p?p=Math.max(p,f?u.height:0):f&&(m=u.width,p=u.height,p*l>m?m=p*l:p=m/l));var T=et({aspectRatio:l,width:m,height:p});m=T.width,p=T.height,r.minWidth=m,r.minHeight=p,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(o>(f?0:1)){var A=i.width-r.width,I=i.height-r.height;r.minLeft=Math.min(0,A),r.minTop=Math.min(0,I),r.maxLeft=Math.max(0,A),r.maxTop=Math.max(0,I),f&&this.limited&&(r.minLeft=Math.min(u.left,u.left+(u.width-r.width)),r.minTop=Math.min(u.top,u.top+(u.height-r.height)),r.maxLeft=u.left,r.maxTop=u.top,o===2&&(r.width>=i.width&&(r.minLeft=Math.min(0,A),r.maxLeft=Math.max(0,A)),r.height>=i.height&&(r.minTop=Math.min(0,I),r.maxTop=Math.max(0,I))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=i.width,r.maxTop=i.height},renderCanvas:function(t,a){var n=this.canvasData,i=this.imageData;if(a){var r=jh({width:i.naturalWidth*Math.abs(i.scaleX||1),height:i.naturalHeight*Math.abs(i.scaleY||1),degree:i.rotate||0}),u=r.width,o=r.height,l=n.width*(u/n.naturalWidth),f=n.height*(o/n.naturalHeight);n.left-=(l-n.width)/2,n.top-=(f-n.height)/2,n.width=l,n.height=f,n.aspectRatio=u/o,n.naturalWidth=u,n.naturalHeight=o,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,Je(this.canvas,ee({width:n.width,height:n.height},Jt({translateX:n.left,translateY:n.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,n=this.imageData,i=n.naturalWidth*(a.width/a.naturalWidth),r=n.naturalHeight*(a.height/a.naturalHeight);ee(n,{width:i,height:r,left:(a.width-i)/2,top:(a.height-r)/2}),Je(this.image,ee({width:n.width,height:n.height},Jt(ee({translateX:n.left,translateY:n.top},n)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,n=t.aspectRatio||t.initialAspectRatio,i=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};n&&(a.height*n>a.width?r.height=r.width/n:r.width=r.height*n),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*i),r.height=Math.max(r.minHeight,r.height*i),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=ee({},r)},limitCropBox:function(t,a){var n=this.options,i=this.containerData,r=this.canvasData,u=this.cropBoxData,o=this.limited,l=n.aspectRatio;if(t){var f=Number(n.minCropBoxWidth)||0,m=Number(n.minCropBoxHeight)||0,p=o?Math.min(i.width,r.width,r.width+r.left,i.width-r.left):i.width,T=o?Math.min(i.height,r.height,r.height+r.top,i.height-r.top):i.height;f=Math.min(f,i.width),m=Math.min(m,i.height),l&&(f&&m?m*l>f?m=f/l:f=m*l:f?m=f/l:m&&(f=m*l),T*l>p?T=p/l:p=T*l),u.minWidth=Math.min(f,p),u.minHeight=Math.min(m,T),u.maxWidth=p,u.maxHeight=T}a&&(o?(u.minLeft=Math.max(0,r.left),u.minTop=Math.max(0,r.top),u.maxLeft=Math.min(i.width,r.left+r.width)-u.width,u.maxTop=Math.min(i.height,r.top+r.height)-u.height):(u.minLeft=0,u.minTop=0,u.maxLeft=i.width-u.width,u.maxTop=i.height-u.height))},renderCropBox:function(){var t=this.options,a=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,t.movable&&t.cropBoxMovable&&Zt(this.face,Kt,n.width>=a.width&&n.height>=a.height?Gs:Rn),Je(this.cropBox,ee({width:n.width,height:n.height},Jt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),St(this.element,Bn,this.getData())}},sf={initPreview:function(){var t=this.element,a=this.crossOrigin,n=this.options.preview,i=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",u=document.createElement("img");if(a&&(u.crossOrigin=a),u.src=i,u.alt=r,this.viewBox.appendChild(u),this.viewBoxImage=u,!!n){var o=n;typeof n=="string"?o=t.ownerDocument.querySelectorAll(n):n.querySelector&&(o=[n]),this.previews=o,re(o,function(l){var f=document.createElement("img");Zt(l,Ra,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),a&&(f.crossOrigin=a),f.src=i,f.alt=r,f.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(f)})}},resetPreview:function(){re(this.previews,function(t){var a=Yn(t,Ra);Je(t,{width:a.width,height:a.height}),t.innerHTML=a.html,Wh(t,Ra)})},preview:function(){var t=this.imageData,a=this.canvasData,n=this.cropBoxData,i=n.width,r=n.height,u=t.width,o=t.height,l=n.left-a.left-t.left,f=n.top-a.top-t.top;!this.cropped||this.disabled||(Je(this.viewBoxImage,ee({width:u,height:o},Jt(ee({translateX:-l,translateY:-f},t)))),re(this.previews,function(m){var p=Yn(m,Ra),T=p.width,A=p.height,I=T,R=A,M=1;i&&(M=T/i,R=r*M),r&&R>A&&(M=A/r,I=i*M,R=A),Je(m,{width:I,height:R}),Je(m.getElementsByTagName("img")[0],ee({width:u*M,height:o*M},Jt(ee({translateX:-l*M,translateY:-f*M},t))))}))}},rf={bind:function(){var t=this.element,a=this.options,n=this.cropper;Ie(a.cropstart)&&Le(t,Un,a.cropstart),Ie(a.cropmove)&&Le(t,wn,a.cropmove),Ie(a.cropend)&&Le(t,vn,a.cropend),Ie(a.crop)&&Le(t,Bn,a.crop),Ie(a.zoom)&&Le(t,Fn,a.zoom),Le(n,Js,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&Le(n,ir,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&Le(n,Zs,this.onDblclick=this.dblclick.bind(this)),Le(t.ownerDocument,er,this.onCropMove=this.cropMove.bind(this)),Le(t.ownerDocument,tr,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&Le(window,nr,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,n=this.cropper;Ie(a.cropstart)&&Me(t,Un,a.cropstart),Ie(a.cropmove)&&Me(t,wn,a.cropmove),Ie(a.cropend)&&Me(t,vn,a.cropend),Ie(a.crop)&&Me(t,Bn,a.crop),Ie(a.zoom)&&Me(t,Fn,a.zoom),Me(n,Js,this.onCropStart),a.zoomable&&a.zoomOnWheel&&Me(n,ir,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&Me(n,Zs,this.onDblclick),Me(t.ownerDocument,er,this.onCropMove),Me(t.ownerDocument,tr,this.onCropEnd),a.responsive&&Me(window,nr,this.onResize)}},uf={resize:function(){if(!this.disabled){var t=this.options,a=this.container,n=this.containerData,i=a.offsetWidth/n.width,r=a.offsetHeight/n.height,u=Math.abs(i-1)>Math.abs(r-1)?i:r;if(u!==1){var o,l;t.restore&&(o=this.getCanvasData(),l=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(re(o,function(f,m){o[m]=f*u})),this.setCropBoxData(re(l,function(f,m){l[m]=f*u})))}}},dblclick:function(){this.disabled||this.options.dragMode===Ks||this.setDragMode(qh(this.dragBox,kn)?zs:Pn)},wheel:function(t){var a=this,n=Number(this.options.wheelZoomRatio)||.1,i=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?i=t.deltaY>0?1:-1:t.wheelDelta?i=-t.wheelDelta/120:t.detail&&(i=t.detail>0?1:-1),this.zoom(-i*n,t)))},cropStart:function(t){var a=t.buttons,n=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(V(a)&&a!==1||V(n)&&n!==0||t.ctrlKey))){var i=this.options,r=this.pointers,u;t.changedTouches?re(t.changedTouches,function(o){r[o.identifier]=ka(o)}):r[t.pointerId||0]=ka(t),Object.keys(r).length>1&&i.zoomable&&i.zoomOnTouch?u=Xs:u=Yn(t.target,Kt),Mh.test(u)&&St(this.element,Un,{originalEvent:t,action:u})!==!1&&(t.preventDefault(),this.action=u,this.cropping=!1,u===Ws&&(this.cropping=!0,he(this.dragBox,ya)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var n=this.pointers;t.preventDefault(),St(this.element,wn,{originalEvent:t,action:a})!==!1&&(t.changedTouches?re(t.changedTouches,function(i){ee(n[i.identifier]||{},ka(i,!0))}):ee(n[t.pointerId||0]||{},ka(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,n=this.pointers;t.changedTouches?re(t.changedTouches,function(i){delete n[i.identifier]}):delete n[t.pointerId||0],a&&(t.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,It(this.dragBox,ya,this.cropped&&this.options.modal)),St(this.element,vn,{originalEvent:t,action:a}))}}},of={change:function(t){var a=this.options,n=this.canvasData,i=this.containerData,r=this.cropBoxData,u=this.pointers,o=this.action,l=a.aspectRatio,f=r.left,m=r.top,p=r.width,T=r.height,A=f+p,I=m+T,R=0,M=0,v=i.width,W=i.height,q=!0,ae;!l&&t.shiftKey&&(l=p&&T?p/T:1),this.limited&&(R=r.minLeft,M=r.minTop,v=R+Math.min(i.width,n.width,n.left+n.width),W=M+Math.min(i.height,n.height,n.top+n.height));var U=u[Object.keys(u)[0]],_={x:U.endX-U.startX,y:U.endY-U.startY},w=function(se){switch(se){case ct:A+_.x>v&&(_.x=v-A);break;case lt:f+_.x<R&&(_.x=R-f);break;case Ze:m+_.y<M&&(_.y=M-m);break;case At:I+_.y>W&&(_.y=W-I);break}};switch(o){case Rn:f+=_.x,m+=_.y;break;case ct:if(_.x>=0&&(A>=v||l&&(m<=M||I>=W))){q=!1;break}w(ct),p+=_.x,p<0&&(o=lt,p=-p,f-=p),l&&(T=p/l,m+=(r.height-T)/2);break;case Ze:if(_.y<=0&&(m<=M||l&&(f<=R||A>=v))){q=!1;break}w(Ze),T-=_.y,m+=_.y,T<0&&(o=At,T=-T,m-=T),l&&(p=T*l,f+=(r.width-p)/2);break;case lt:if(_.x<=0&&(f<=R||l&&(m<=M||I>=W))){q=!1;break}w(lt),p-=_.x,f+=_.x,p<0&&(o=ct,p=-p,f-=p),l&&(T=p/l,m+=(r.height-T)/2);break;case At:if(_.y>=0&&(I>=W||l&&(f<=R||A>=v))){q=!1;break}w(At),T+=_.y,T<0&&(o=Ze,T=-T,m-=T),l&&(p=T*l,f+=(r.width-p)/2);break;case Xt:if(l){if(_.y<=0&&(m<=M||A>=v)){q=!1;break}w(Ze),T-=_.y,m+=_.y,p=T*l}else w(Ze),w(ct),_.x>=0?A<v?p+=_.x:_.y<=0&&m<=M&&(q=!1):p+=_.x,_.y<=0?m>M&&(T-=_.y,m+=_.y):(T-=_.y,m+=_.y);p<0&&T<0?(o=zt,T=-T,p=-p,m-=T,f-=p):p<0?(o=Qt,p=-p,f-=p):T<0&&(o=jt,T=-T,m-=T);break;case Qt:if(l){if(_.y<=0&&(m<=M||f<=R)){q=!1;break}w(Ze),T-=_.y,m+=_.y,p=T*l,f+=r.width-p}else w(Ze),w(lt),_.x<=0?f>R?(p-=_.x,f+=_.x):_.y<=0&&m<=M&&(q=!1):(p-=_.x,f+=_.x),_.y<=0?m>M&&(T-=_.y,m+=_.y):(T-=_.y,m+=_.y);p<0&&T<0?(o=jt,T=-T,p=-p,m-=T,f-=p):p<0?(o=Xt,p=-p,f-=p):T<0&&(o=zt,T=-T,m-=T);break;case zt:if(l){if(_.x<=0&&(f<=R||I>=W)){q=!1;break}w(lt),p-=_.x,f+=_.x,T=p/l}else w(At),w(lt),_.x<=0?f>R?(p-=_.x,f+=_.x):_.y>=0&&I>=W&&(q=!1):(p-=_.x,f+=_.x),_.y>=0?I<W&&(T+=_.y):T+=_.y;p<0&&T<0?(o=Xt,T=-T,p=-p,m-=T,f-=p):p<0?(o=jt,p=-p,f-=p):T<0&&(o=Qt,T=-T,m-=T);break;case jt:if(l){if(_.x>=0&&(A>=v||I>=W)){q=!1;break}w(ct),p+=_.x,T=p/l}else w(At),w(ct),_.x>=0?A<v?p+=_.x:_.y>=0&&I>=W&&(q=!1):p+=_.x,_.y>=0?I<W&&(T+=_.y):T+=_.y;p<0&&T<0?(o=Qt,T=-T,p=-p,m-=T,f-=p):p<0?(o=zt,p=-p,f-=p):T<0&&(o=Xt,T=-T,m-=T);break;case Gs:this.move(_.x,_.y),q=!1;break;case Xs:this.zoom(Xh(u),t),q=!1;break;case Ws:if(!_.x||!_.y){q=!1;break}ae=fr(this.cropper),f=U.startX-ae.left,m=U.startY-ae.top,p=r.minWidth,T=r.minHeight,_.x>0?o=_.y>0?jt:Xt:_.x<0&&(f-=p,o=_.y>0?zt:Qt),_.y<0&&(m-=T),this.cropped||(He(this.cropBox,Ce),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}q&&(r.width=p,r.height=T,r.left=f,r.top=m,this.action=o,this.renderCropBox()),re(u,function(Y){Y.startX=Y.endX,Y.startY=Y.endY})}},cf={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&he(this.dragBox,ya),He(this.cropBox,Ce),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=ee({},this.initialImageData),this.canvasData=ee({},this.initialCanvasData),this.cropBoxData=ee({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(ee(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),He(this.dragBox,ya),he(this.cropBox,Ce)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,re(this.previews,function(n){n.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,He(this.cropper,Qs)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,he(this.cropper,Qs)),this},destroy:function(){var t=this.element;return t[J]?(t[J]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.canvasData,i=n.left,r=n.top;return this.moveTo(Hn(t)?t:i+Number(t),Hn(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.canvasData,i=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(V(t)&&(n.left=t,i=!0),V(a)&&(n.top=a,i=!0),i&&this.renderCanvas(!0)),this},zoom:function(t,a){var n=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(n.width*t/n.naturalWidth,null,a)},zoomTo:function(t,a,n){var i=this.options,r=this.canvasData,u=r.width,o=r.height,l=r.naturalWidth,f=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&i.zoomable){var m=l*t,p=f*t;if(St(this.element,Fn,{ratio:t,oldRatio:u/l,originalEvent:n})===!1)return this;if(n){var T=this.pointers,A=fr(this.cropper),I=T&&Object.keys(T).length?Qh(T):{pageX:n.pageX,pageY:n.pageY};r.left-=(m-u)*((I.pageX-A.left-r.left)/u),r.top-=(p-o)*((I.pageY-A.top-r.top)/o)}else Nt(a)&&V(a.x)&&V(a.y)?(r.left-=(m-u)*((a.x-r.left)/u),r.top-=(p-o)*((a.y-r.top)/o)):(r.left-=(m-u)/2,r.top-=(p-o)/2);r.width=m,r.height=p,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),V(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,V(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(V(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,n=this.imageData,i=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(V(t)&&(n.scaleX=t,i=!0),V(a)&&(n.scaleY=a,i=!0),i&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,n=this.imageData,i=this.canvasData,r=this.cropBoxData,u;if(this.ready&&this.cropped){u={x:r.left-i.left,y:r.top-i.top,width:r.width,height:r.height};var o=n.width/n.naturalWidth;if(re(u,function(m,p){u[p]=m/o}),t){var l=Math.round(u.y+u.height),f=Math.round(u.x+u.width);u.x=Math.round(u.x),u.y=Math.round(u.y),u.width=f-u.x,u.height=l-u.y}}else u={x:0,y:0,width:0,height:0};return a.rotatable&&(u.rotate=n.rotate||0),a.scalable&&(u.scaleX=n.scaleX||1,u.scaleY=n.scaleY||1),u},setData:function(t){var a=this.options,n=this.imageData,i=this.canvasData,r={};if(this.ready&&!this.disabled&&Nt(t)){var u=!1;a.rotatable&&V(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,u=!0),a.scalable&&(V(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,u=!0),V(t.scaleY)&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,u=!0)),u&&this.renderCanvas(!0,!0);var o=n.width/n.naturalWidth;V(t.x)&&(r.left=t.x*o+i.left),V(t.y)&&(r.top=t.y*o+i.top),V(t.width)&&(r.width=t.width*o),V(t.height)&&(r.height=t.height*o),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?ee({},this.containerData):{}},getImageData:function(){return this.sized?ee({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&re(["left","top","width","height","naturalWidth","naturalHeight"],function(n){a[n]=t[n]}),a},setCanvasData:function(t){var a=this.canvasData,n=a.aspectRatio;return this.ready&&!this.disabled&&Nt(t)&&(V(t.left)&&(a.left=t.left),V(t.top)&&(a.top=t.top),V(t.width)?(a.width=t.width,a.height=t.width/n):V(t.height)&&(a.height=t.height,a.width=t.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,n=this.options.aspectRatio,i,r;return this.ready&&this.cropped&&!this.disabled&&Nt(t)&&(V(t.left)&&(a.left=t.left),V(t.top)&&(a.top=t.top),V(t.width)&&t.width!==a.width&&(i=!0,a.width=t.width),V(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),n&&(i?a.height=a.width/n:r&&(a.width=a.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,n=zh(this.image,this.imageData,a,t);if(!this.cropped)return n;var i=this.getData(t.rounded),r=i.x,u=i.y,o=i.width,l=i.height,f=n.width/Math.floor(a.naturalWidth);f!==1&&(r*=f,u*=f,o*=f,l*=f);var m=o/l,p=et({aspectRatio:m,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),T=et({aspectRatio:m,width:t.minWidth||0,height:t.minHeight||0},"cover"),A=et({aspectRatio:m,width:t.width||(f!==1?n.width:o),height:t.height||(f!==1?n.height:l)}),I=A.width,R=A.height;I=Math.min(p.width,Math.max(T.width,I)),R=Math.min(p.height,Math.max(T.height,R));var M=document.createElement("canvas"),v=M.getContext("2d");M.width=Ct(I),M.height=Ct(R),v.fillStyle=t.fillColor||"transparent",v.fillRect(0,0,I,R);var W=t.imageSmoothingEnabled,q=W===void 0?!0:W,ae=t.imageSmoothingQuality;v.imageSmoothingEnabled=q,ae&&(v.imageSmoothingQuality=ae);var U=n.width,_=n.height,w=r,Y=u,se,be,Pe,ye,Re,me;w<=-o||w>U?(w=0,se=0,Pe=0,Re=0):w<=0?(Pe=-w,w=0,se=Math.min(U,o+w),Re=se):w<=U&&(Pe=0,se=Math.min(o,U-w),Re=se),se<=0||Y<=-l||Y>_?(Y=0,be=0,ye=0,me=0):Y<=0?(ye=-Y,Y=0,be=Math.min(_,l+Y),me=be):Y<=_&&(ye=0,be=Math.min(l,_-Y),me=be);var z=[w,Y,se,be];if(Re>0&&me>0){var xe=I/o;z.push(Pe*xe,ye*xe,Re*xe,me*xe)}return v.drawImage.apply(v,[n].concat($s(z.map(function(Be){return Math.floor(Ct(Be))})))),M},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!Hn(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,n=this.dragBox,i=this.face;if(this.ready&&!this.disabled){var r=t===Pn,u=a.movable&&t===zs;t=r||u?t:Ks,a.dragMode=t,Zt(n,Kt,t),It(n,kn,r),It(n,Mn,u),a.cropBoxMovable||(Zt(i,Kt,t),It(i,kn,r),It(i,Mn,u))}return this}},lf=Fe.Cropper,Tr=function(){function e(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(Nh(this,e),!t||!vh.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=ee({},or,Nt(a)&&a),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 Ch(e,[{key:"init",value:function(){var a=this.element,n=a.tagName.toLowerCase(),i;if(!a[J]){if(a[J]=this,n==="img"){if(this.isImg=!0,i=a.getAttribute("src")||"",this.originalUrl=i,!i)return;i=a.src}else n==="canvas"&&window.HTMLCanvasElement&&(i=a.toDataURL());this.load(i)}}},{key:"load",value:function(a){var n=this;if(a){this.url=a,this.imageData={};var i=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Ph.test(a)){Bh.test(a)?this.read(Jh(a)):this.clone();return}var u=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=u,u.onabort=o,u.onerror=o,u.ontimeout=o,u.onprogress=function(){u.getResponseHeader("content-type")!==sr&&u.abort()},u.onload=function(){n.read(u.response)},u.onloadend=function(){n.reloading=!1,n.xhr=null},r.checkCrossOrigin&&mr(a)&&i.crossOrigin&&(a=Er(a)),u.open("GET",a,!0),u.responseType="arraybuffer",u.withCredentials=i.crossOrigin==="use-credentials",u.send()}}},{key:"read",value:function(a){var n=this.options,i=this.imageData,r=tf(a),u=0,o=1,l=1;if(r>1){this.url=ef(a,sr);var f=af(r);u=f.rotate,o=f.scaleX,l=f.scaleY}n.rotatable&&(i.rotate=u),n.scalable&&(i.scaleX=o,i.scaleY=l),this.clone()}},{key:"clone",value:function(){var a=this.element,n=this.url,i=a.crossOrigin,r=n;this.options.checkCrossOrigin&&mr(n)&&(i||(i="anonymous"),r=Er(n)),this.crossOrigin=i,this.crossOriginUrl=r;var u=document.createElement("img");i&&(u.crossOrigin=i),u.src=r||n,u.alt=a.alt||"The image to crop",this.image=u,u.onload=this.start.bind(this),u.onerror=this.stop.bind(this),he(u,js),a.parentNode.insertBefore(u,a.nextSibling)}},{key:"start",value:function(){var a=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var i=Fe.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(Fe.navigator.userAgent),r=function(f,m){ee(a.imageData,{naturalWidth:f,naturalHeight:m,aspectRatio:f/m}),a.initialImageData=ee({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(n.naturalWidth&&!i){r(n.naturalWidth,n.naturalHeight);return}var u=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=u,u.onload=function(){r(u.width,u.height),i||o.removeChild(u)},u.src=n.src,i||(u.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;",o.appendChild(u))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,n=this.options,i=this.image,r=a.parentNode,u=document.createElement("div");u.innerHTML=wh;var o=u.querySelector(".".concat(J,"-container")),l=o.querySelector(".".concat(J,"-canvas")),f=o.querySelector(".".concat(J,"-drag-box")),m=o.querySelector(".".concat(J,"-crop-box")),p=m.querySelector(".".concat(J,"-face"));this.container=r,this.cropper=o,this.canvas=l,this.dragBox=f,this.cropBox=m,this.viewBox=o.querySelector(".".concat(J,"-view-box")),this.face=p,l.appendChild(i),he(a,Ce),r.insertBefore(o,a.nextSibling),He(i,js),this.initPreview(),this.bind(),n.initialAspectRatio=Math.max(0,n.initialAspectRatio)||NaN,n.aspectRatio=Math.max(0,n.aspectRatio)||NaN,n.viewMode=Math.max(0,Math.min(3,Math.round(n.viewMode)))||0,he(m,Ce),n.guides||he(m.getElementsByClassName("".concat(J,"-dashed")),Ce),n.center||he(m.getElementsByClassName("".concat(J,"-center")),Ce),n.background&&he(o,"".concat(J,"-bg")),n.highlight||he(p,Lh),n.cropBoxMovable&&(he(p,Mn),Zt(p,Kt,Rn)),n.cropBoxResizable||(he(m.getElementsByClassName("".concat(J,"-line")),Ce),he(m.getElementsByClassName("".concat(J,"-point")),Ce)),this.render(),this.ready=!0,this.setDragMode(n.dragMode),n.autoCrop&&this.crop(),this.setData(n.data),Ie(n.ready)&&Le(a,ar,n.ready,{once:!0}),St(a,ar)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),He(this.element,Ce)}}},{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=lf,e}},{key:"setDefaults",value:function(a){ee(or,Nt(a)&&a)}}])}();ee(Tr.prototype,nf,sf,rf,uf,of,cf);function df(e,t){const a=e.split(",")||[],n=a[0].match(/:(.*?);/)[1],i=a[1]&&atob(a[1]);let r=i&&i.length;const u=new Uint8Array(r);for(;r--;)u[r]=i==null?void 0:i.charCodeAt(r);return new File([u],t,{type:n})}const hf={key:0,contenteditable:"false",class:"z-10 w-[100vw] h-[100vh] bg-[rgba(0,0,0,0.7)] flex flex-col justify-center items-center fixed top-0 left-0 cursor-auto"},ff={class:"w-[700px] flex flex-col bg-white rounded pb-8"},mf={class:"flex flex-row items-center justify-between px-6 py-4 bg-[#f4f8ff]"},Ef={class:"flex flex-col h-full"},pf={class:"flex flex-row justify-center items-start flex-1"},Tf={class:"flex flex-col items-start flex-1"},bf={class:"flex flex-col w-full px-6 py-4"},gf={class:"flex flex-col w-full"},_f={class:"flex flex-row items-center"},Af={class:"relative bg-[#474AFF] text-white rounded p-3"},Nf={class:"flex flex-row items-start justify-between mt-3"},Cf={class:"flex flex-col"},If={class:"flex flex-col justify-center items-center border w-[300px] h-[300px]"},Sf={key:0,class:"w-full text-center"},xf=["src"],Of={class:"flex flex-col items-center",style:{width:"300px",height:"300px"}},Df={class:"text-[#999] mt-05 flex justify-center mt-4"},Lf={class:"w-full flex justify-end space-x-5 mt-5 px-6"},yf=["loading"],Rf=c.defineComponent({__name:"index",emits:["cancel","ok"],setup(e,{expose:t,emit:a}){const n=a,i=c.ref({coverUrl:"",inputValue:"",uploadType:2,videoHost:"",videoUrl:""}),r=c.ref(),u=c.ref({autoCrop:!0,autoCropArea:1,background:!0,center:!0,cropBoxResizable:!0,dragMode:"move",preview:".before",toggleDragModeOnDblclick:!0,viewMode:1,zoomOnWheel:!0}),o=c.ref(!1),l=c.ref({afterImg:"",image:null,myCropper:null}),f=c.ref("image/jpeg"),m=U=>{console.log(U);const _=U.target.files[0];if(_){_.name&&(i.value.inputValue=_.name);const w=new FileReader;w.onload=Y=>{var se,be;console.log("e?.target?.result",(se=Y==null?void 0:Y.target)==null?void 0:se.result),p((be=Y==null?void 0:Y.target)==null?void 0:be.result)},w.readAsDataURL(_)}};async function p(U){if(!U)return;await ae();const _=U;l.value.image=_,l.value.image&&T()}function T(){const U=document.querySelector("#imgId");U&&U.addEventListener("load",()=>{q(),l.value.myCropper=new Tr(U,u.value)})}const A=c.ref(!1),I=c.ref();function R(U,_,w,Y){I.value=Y,r.value=U,U&&U.aspectRatio&&(u.value.aspectRatio=U.aspectRatio),w&&(i.value.inputValue=w),A.value=!0,_&&p(_)}function M(){A.value=!1}const v=()=>{var _,w;if(!l.value.myCropper)return;o.value=!0,l.value.afterImg=l.value.myCropper.getCroppedCanvas({height:(_=r.value)==null?void 0:_.height,imageSmoothingQuality:"high",width:(w=r.value)==null?void 0:w.width}).toDataURL(f.value);const U=df(l.value.afterImg,i.value.inputValue);n("ok",{options:U,element:I.value}),o.value=!1,ae(),q(),M()};function W(){ae(),q(),M(),n("cancel")}function q(){l.value.myCropper&&l.value.myCropper.destroy()}function ae(){l.value.image=""}return t({handleCloseCropper:M,handleOpenCropper:R}),(U,_)=>{var w,Y,se;return A.value?(c.openBlock(),c.createElementBlock("div",hf,[c.createElementVNode("div",ff,[c.createElementVNode("div",mf,[_[1]||(_[1]=c.createElementVNode("span",{class:"text-base font-semibold text-[#333]"},"图片裁剪",-1)),c.createElementVNode("span",{class:"text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",onClick:c.withModifiers(W,["stop"])})]),c.createElementVNode("div",Ef,[c.createElementVNode("div",pf,[c.createElementVNode("div",Tf,[c.createElementVNode("div",bf,[c.createElementVNode("div",gf,[c.createElementVNode("div",_f,[c.createElementVNode("div",Af,[c.createElementVNode("input",{type:"file",accept:"image/*",onClick:_[0]||(_[0]=c.withModifiers(()=>{},["stop"])),contenteditable:"false",ref:"fileInput",onChange:m,class:"absolute top-0 left-0 w-[110px] h-[40px] opacity-0 cursor-pointer"},null,544),_[2]||(_[2]=c.createElementVNode("span",{id:"uploadHandler",class:"cursor-pointer"}," 选择/更换图片 ",-1))]),_[3]||(_[3]=c.createElementVNode("span",{class:"text-sm text-[#999] ml-3"},"滚动鼠标放大或缩小图片",-1))]),c.createElementVNode("div",Nf,[c.createElementVNode("div",Cf,[c.createElementVNode("div",If,[l.value.image?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("div",Sf," 请上传图片 ")),c.createElementVNode("img",{id:"imgId",src:l.value.image,style:{width:"300px"}},null,8,xf)])]),c.createElementVNode("div",Of,[_[4]||(_[4]=c.createElementVNode("div",{class:"before w-[270px] h-[200px] pr-[70px] border"},null,-1)),c.createElementVNode("div",Df," 预览画像 "+c.toDisplayString(((w=r.value)==null?void 0:w.width)||"")+" "+c.toDisplayString((Y=r.value)!=null&&Y.width?"x":"")+" "+c.toDisplayString(((se=r.value)==null?void 0:se.height)||""),1)])])])])])]),c.createElementVNode("div",Lf,[c.createElementVNode("span",{loading:o.value,class:"!w-22 bg-[#474AFF] text-white rounded py-2 px-6 cursor-pointer",type:"primary",onClick:v}," 确认 ",8,yf),c.createElementVNode("span",{class:"!w-22 border border-[#DEDEDE] text-[#666] rounded py-2 px-6 cursor-pointer",onClick:W},"取消")])])])])):c.createCommentVNode("",!0)}}}),kf=c.defineComponent({name:"CustomIcon",props:{iconName:{type:String,required:!0}},setup(e){return{iconClass:c.computed(()=>`${e.iconName}`)}}});function Mf(e,t,a,n,i,r){return c.openBlock(),c.createElementBlock("span",{style:{position:"unset",color:"unset",top:"unset",left:"unset",right:"unset",transform:"unset","font-size":"unset"},class:c.normalizeClass(`iconfont icon-${e.iconClass} text-4xl overflow-hidden flex justify-center items-center`)},null,2)}const Pf=Ke(kf,[["render",Mf]]),Bf=c.defineComponent({name:"GpModal",props:{visible:{type:Boolean,required:!0},title:{type:String,default:""},okText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},showOkButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0}},emits:["update:visible","ok","cancel"],setup(e,{emit:t}){const{visible:a,okText:n,cancelText:i,showCloseButton:r}=c.toRefs(e);return{visible:a,okText:n,cancelText:i,showCloseButton:r,onClose:()=>{t("cancel"),t("update:visible",!1)},onOk:()=>{t("ok"),t("update:visible",!1)},onCancel:()=>{t("cancel"),t("update:visible",!1)}}}}),vf={class:"bg-white rounded-lg shadow-xl w-ful"},wf={class:"p-4 border-b border-gray-200 relative flex items-center justify-between"},Uf={key:0,class:"text-lg font-semibold"},Ff={class:"p-4"},Hf={key:0,class:"p-4 border-t border-gray-200 flex justify-end space-x-2"};function Vf(e,t,a,n,i,r){return e.visible?(c.openBlock(),c.createElementBlock("div",{key:0,class:"fixed inset-0 z-[99999] flex items-center justify-center bg-gray-900 bg-opacity-50",onClick:t[3]||(t[3]=c.withModifiers((...u)=>e.onClose&&e.onClose(...u),["self"]))},[c.createElementVNode("div",vf,[c.createElementVNode("div",wf,[e.title?(c.openBlock(),c.createElementBlock("h3",Uf,c.toDisplayString(e.title),1)):c.createCommentVNode("",!0),c.renderSlot(e.$slots,"header"),e.showCloseButton?(c.openBlock(),c.createElementBlock("button",{key:1,class:"text-gray-400 hover:text-gray-600",onClick:t[0]||(t[0]=(...u)=>e.onClose&&e.onClose(...u)),"aria-label":"Close"},t[4]||(t[4]=[c.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor"},[c.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)]))):c.createCommentVNode("",!0)]),c.createElementVNode("div",Ff,[c.renderSlot(e.$slots,"default")]),e.showCancelButton||e.showOkButton?(c.openBlock(),c.createElementBlock("div",Hf,[c.renderSlot(e.$slots,"footer",{},()=>[e.showCancelButton?(c.openBlock(),c.createElementBlock("button",{key:0,class:"px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 rounded hover:bg-gray-200",onClick:t[1]||(t[1]=(...u)=>e.onCancel&&e.onCancel(...u))},c.toDisplayString(e.cancelText),1)):c.createCommentVNode("",!0),e.showOkButton?(c.openBlock(),c.createElementBlock("button",{key:1,class:"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700",onClick:t[2]||(t[2]=(...u)=>e.onOk&&e.onOk(...u))},c.toDisplayString(e.okText),1)):c.createCommentVNode("",!0)])])):c.createCommentVNode("",!0)])])):c.createCommentVNode("",!0)}const Yf=Ke(Bf,[["render",Vf]]),qf={class:"p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]"},$f=c.defineComponent({__name:"IconModal",props:{icons:{type:Array,default:()=>[]}},emits:["ok"],setup(e,{expose:t,emit:a}){const n=e,i=c.ref(n.icons||[]);c.watch(()=>n.icons,p=>{i.value=p||[]},{immediate:!0});const r=a,u=c.ref(!1),o=c.ref();function l(p){u.value=!0,o.value=p}function f(p){m(),r("ok",{icon:p,element:o.value})}function m(){u.value=!1}return t({openModal:l,closeModal:m}),(p,T)=>(c.openBlock(),c.createBlock(Yf,{visible:u.value,"onUpdate:visible":T[0]||(T[0]=A=>u.value=A),title:"选择图标",onOk:m,onCancel:m,showCancelButton:!1,showOkButton:!1},{default:c.withCtx(()=>[c.createElementVNode("div",qf,[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(i.value,A=>(c.openBlock(),c.createBlock(Pf,{key:A,class:"w-12 h-12 mx-1 mb-2 border cursor-pointer hover:border-gray-400 hover:bg-gray-200",iconName:A,onClick:c.withModifiers(I=>f(A),["stop"]),title:A},null,8,["iconName","onClick","title"]))),128))])]),_:1},8,["visible"]))}}),Wf={class:"flex"},Gf={key:0,class:"text-lg font-bold border-b p-2"},Xf={class:"text-sm font-thin text-gray-500"},Qf=["innerHTML"],jf=["innerHTML"],zf={class:"flex-1"},Kf={key:0,class:"text-lg font-bold border-b p-2"},Zf={class:"p-2"},Jf={key:0,class:"text-lg font-bold border-b p-2"},em={class:"text-sm font-thin text-gray-500"},tm={class:"p-2"},br=Ke(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(e,{emit:t}){const a=e,n=t,i=c.ref(a.template),r=c.ref();let u=Us("",{},!1);const o=c.ref("");c.watch(()=>a.template,C=>{i.value=C},{immediate:!0}),c.watch(()=>i.value,C=>{C&&(r.value=U(C))},{immediate:!0}),c.watch(()=>a.css,C=>{C.forEach(D=>{if(document.querySelector(`link[href="${D}"]`))return;const P=document.createElement("link");P.rel="stylesheet",P.href=D,document.head.appendChild(P)})},{immediate:!0});const l=c.ref(a.mode);c.watch(()=>r.value,C=>{C&&n("update:element",C)},{immediate:!0});const f=c.ref("");c.watch(()=>o.value,C=>{n("update:modelValue",C)},{immediate:!0});const m=c.ref(),p=c.ref(),T=c.ref(),A=c.ref(),I=c.ref("");function R(C){console.log("选择",C),T.value=C}function M(C,D=""){if(D){const P=v(r.value,D);P?A.value=P:A.value=C}else A.value=C}function v(C,D){if(C.xpath===D)return C;if(C.children&&C.children.length)for(const P of C.children){const H=v(P,D);if(H)return H}}function W(C,D){var P,H;return C.tag===D.tag&&((P=C.children)==null?void 0:P.length)===((H=D.children)==null?void 0:H.length)}function q(C){var P,H,ie,ge;if(T.value.xpath==C.xpath){if(T.value){if(C.type===X.Block){var D=!0;const oe=v(r.value,T.value.parentxpath||"");if(oe&&oe.children&&oe.children.forEach(K=>{if(K.tag!=T.value.tag||!W(K,T.value)){D=!1;return}}),!D){j.error("同级结构不一致，错误配置！");return}}if(T.value.rule=C.rule,T.value.type=C.type,(P=C.rule)!=null&&P.isThemeColor?(C.attrs.class+="theme_color",C.attrs.style&&(C.attrs.style=void 0)):(console.log("e111",(H=C.attrs.class)==null?void 0:H.includes("theme_color")),(ie=C.attrs.class)!=null&&ie.includes("theme_color")&&(C.attrs.class=C.attrs.class.replace("theme_color"," "))),T.value.type===X.Block){const oe=v(r.value,T.value.parentxpath||"");oe&&oe.children&&(oe.children.forEach(K=>{if(K.tag!=T.value.tag||!W(K,T.value)){j.error("同级结构不一致，无法配置为块类型");return}}),oe.children.forEach(K=>{var pe;K.tag===T.value.tag&&(K.rule=C.rule,K.type=C.type,(pe=K.attrs.class)!=null&&pe.includes(" mb40 relative")||(K.attrs.class+=" mb40 relative"))}))}else(ge=T.value.attrs.class)!=null&&ge.includes(" mb40 relative")&&(T.value.attrs.class=T.value.attrs.class.replace(" mb40 relative"," "))}j.success("保存成功")}}function ae(C){o.value=C}function U(C){u=Us(C);const D=u("body").children().toArray().map(P=>_(u(P)));return o.value=u("body").html()||"",D[0]}function _(C,D=""){var oe;function P(K){if(!K||!K[0])return"";const pe=[];let ht=K;for(;ht.length&&ht[0].tagName!=="html";){const gr=ht[0].tagName,nm=ht.parent().children(gr).index(ht)+1;pe.unshift(`${gr}[${nm}]`),ht=ht.parent()}return"/html/"+pe.join("/")}const H=P(C).replace("/html/body[1]",""),ie=C.children().toArray().map(K=>_(u(K),H)),ge=(oe=a.rules)==null?void 0:oe.find(K=>K.xpath===H);return{tag:C[0].tagName,text:C.contents().not(C.children()).text().trim(),attrs:C[0].attribs,children:ie,xpath:H,parentxpath:D,type:(ge==null?void 0:ge.type)||X.None,rule:(ge==null?void 0:ge.rule)||{}}}function w(C){console.log("更新子节点的文本",C);const D=v(r.value,C.element.xpath);if(D){const P=c.toRaw(D);P.editText=C.newText}}function Y(C,D=""){function P(H,ie){var K;const oe=(ie?((K=v(r.value,ie))==null?void 0:K.children)||[]:[r.value]).filter(pe=>pe.tag===H.tag).indexOf(H)+1;return`${ie}/${H.tag}[${oe}]`}C.xpath=P(C,D),C.parentxpath=D,(C.children||[]).forEach(H=>Y(H,C.xpath))}function se({action:C,element:D,newBlock:P}){console.log("块操作",C,D,P);const H=v(r.value,D.parentxpath||"");if(!H||!H.children)return;const ie=H.children.findIndex(pe=>pe===D);if(ie===-1)return;const ge=H.children.length,{minBlock:oe,maxBlock:K}=D.rule;if((C==="add"||C==="copy")&&ge>=(K||1/0)){I.value=`无法添加更多块。最大块数量为 ${K}`,j.error(I.value);return}switch(C){case"add":if(P){const pe={...P,xpath:"",children:JSON.parse(JSON.stringify(P.children))};H.children.splice(ie+1,0,pe)}break;case"copy":if(P){const pe={...P,xpath:"",children:JSON.parse(JSON.stringify(P.children))};H.children.splice(ie+1,0,pe)}break;case"moveUp":if(ie>0){const[pe]=H.children.splice(ie,1);H.children.splice(ie-1,0,pe)}break;case"moveDown":if(ie<H.children.length-1){const[pe]=H.children.splice(ie,1);H.children.splice(ie+1,0,pe)}break;case"delete":if(ge<=(oe||0)){I.value=`无法删除更多块。最小块数量为 ${oe}`,j.error(I.value);return}H.children.splice(ie,1);break}I.value="",Y(r.value)}function be(C,D){let P=D.attrs.class.replace(/icon-\S+/g,`icon-${C}`);D.attrs.class=P}function Pe(C,D){console.log("comfireImg",C),D.attrs.src=C}function ye(C){const D=v(r.value,C.element.xpath),P=C.options;if(typeof P=="object"){console.log("e1",C),D.attrs.alt=P.name;const H=new FileReader;H.onload=ie=>{var oe;let ge=(oe=ie==null?void 0:ie.target)==null?void 0:oe.result;D.attrs.src=ge,console.log(" element.attrs",D.attrs),f.value=new Date().getTime().toString()},H.readAsDataURL(P)}else console.log("e2",C),D.attrs.src=P}function Re(C){const{icon:D}=C,P=v(r.value,C.element.xpath);let H=P.attrs.class.replace(/icon-\S+/g,`icon-${D}`);P.attrs.class=H,f.value=new Date().getTime().toString()}const me=c.ref(a.previewWidth),z=c.ref(375);let xe=c.ref(!1),Be=c.ref(""),tt=0,O=0;function L(C){Be.value=C,xe.value=!0,tt=event.clientX,C==="preview"?O=me.value:C==="structure"&&(O=z.value),window.addEventListener("mousemove",ne),window.addEventListener("mouseup",Ee)}function ne(C){if(!xe.value)return;const D=C.clientX-tt;Be.value==="preview"?me.value=Math.max(200,O+D):Be.value==="structure"&&(z.value=Math.max(200,O-D))}function Ee(){xe.value=!1,Be.value="",window.removeEventListener("mousemove",ne),window.removeEventListener("mouseup",Ee)}return(C,D)=>(c.openBlock(),c.createElementBlock("div",Wf,[C.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:me.value+"px"})},[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Gf,[D[2]||(D[2]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",Xf,c.toDisplayString(me.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createElementBlock("div",{key:0,innerHTML:o.value},null,8,Qf)):(c.openBlock(),c.createElementBlock("div",{key:1,innerHTML:c.unref(u)("body").html()},null,8,jf))])],4)):c.createCommentVNode("",!0),C.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:D[0]||(D[0]=P=>L("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",zf,[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Kf,"结构渲染")):c.createCommentVNode("",!0),c.createElementVNode("div",Zf,[r.value?(c.openBlock(),c.createBlock(Vd,{key:0,cropper:m.value,icon:p.value,mode:C.mode,icons:C.icons,r:f.value,element:r.value,selectedElement:T.value,hoveredElement:A.value,onSelectElement:R,onHoverElement:M,onContentUpdated:ae,onUpdateText:w,onBlockAction:se,onAddIcon:be,onUpload:Pe},null,8,["cropper","icon","mode","icons","r","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:D[1]||(D[1]=P=>L("structure"))},null,32)):c.createCommentVNode("",!0),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area overflow-auto",style:c.normalizeStyle({width:z.value+"px"})},[C.showTitle?(c.openBlock(),c.createElementBlock("h2",Jf,[D[3]||(D[3]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",em,c.toDisplayString(z.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",tm,[T.value?(c.openBlock(),c.createBlock(_h,{key:0,element:T.value,onUpdateElement:q},null,8,["element"])):c.createCommentVNode("",!0)])],4)):c.createCommentVNode("",!0),c.createVNode(Rf,{ref_key:"cropperRef",ref:m,onOk:ye},null,512),c.createVNode($f,{icons:C.icons,ref_key:"iconRef",ref:p,onOk:Re},null,8,["icons"])]))}}),[["__scopeId","data-v-fe58fd73"]]),am={install(e){e.component("Designer",br)}};$e.Designer=br,$e.default=am,Object.defineProperties($e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-04-21T07:43:02.731Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{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}.before{position:relative;overflow:hidden}.before img{position:absolute}.resize-area[data-v-1bf3e06b]{transition:width .1s ease}.resizer[data-v-1bf3e06b]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{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}.before{position:relative;overflow:hidden}.before img{position:absolute}.resize-area[data-v-fe58fd73]{transition:width .1s ease}.resizer[data-v-fe58fd73]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gp-designer",
   "private": false,
-  "version": "1.0.21",
+  "version": "1.0.22",
   "type": "module",
   "license": "MIT",
   "author": "gp",