@idraw/util 0.4.0-beta.39 → 0.4.0-beta.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/esm/index.d.ts +5 -3
  2. package/dist/esm/index.js +5 -3
  3. package/dist/esm/lib/box.d.ts +2 -0
  4. package/dist/esm/lib/box.js +173 -0
  5. package/dist/esm/lib/canvas.d.ts +1 -7
  6. package/dist/esm/lib/canvas.js +25 -72
  7. package/dist/esm/lib/color.js +9 -6
  8. package/dist/esm/lib/context2d.d.ts +2 -0
  9. package/dist/esm/lib/context2d.js +6 -0
  10. package/dist/esm/lib/data.d.ts +1 -0
  11. package/dist/esm/lib/data.js +19 -2
  12. package/dist/esm/lib/is.d.ts +2 -0
  13. package/dist/esm/lib/is.js +21 -5
  14. package/dist/esm/lib/merge.d.ts +1 -0
  15. package/dist/esm/lib/merge.js +17 -0
  16. package/dist/esm/lib/omit.d.ts +1 -0
  17. package/dist/esm/lib/omit.js +7 -0
  18. package/dist/esm/lib/view-box.js +2 -1
  19. package/dist/esm/lib/view-calc.d.ts +1 -5
  20. package/dist/esm/lib/view-calc.js +0 -44
  21. package/dist/index.global.js +357 -244
  22. package/dist/index.global.min.js +1 -1
  23. package/package.json +2 -2
  24. package/dist/esm/lib/view-visible.d.ts +0 -21
  25. package/dist/esm/lib/view-visible.js +0 -93
package/dist/index.global.min.js CHANGED
@@ -1 +1 @@
1
- var iDrawUtil=function(t){"use strict";var e,n,i,o,r,l,a,s,c=t=>{throw TypeError(t)},h=(t,e,n)=>e.has(t)||c("Cannot "+n),u=(t,e,n)=>(h(t,e,"read from private field"),n?n.call(t):e.get(t)),f=(t,e,n)=>e.has(t)?c("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),d=(t,e,n,i)=>(h(t,e,"write to private field"),i?i.call(t,n):e.set(t,n),n),g=(t,e,n)=>(h(t,e,"access private method"),n);function y(t){return"string"==typeof t&&(/^\#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)||/^[a-z]{1,}$/i.test(t))}const m={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function p(){function t(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${t()}${t()}-${t()}-${t()}-${t()}-${t()}${t()}${t()}`}function x(t){let e=0;for(let n=0;n<t.length;n++)e+=t.charCodeAt(n)*t.charCodeAt(n)*n*n;return e.toString(16).substring(0,4)}function v(t){const e=t.length,n=Math.floor(e/2),i=t.substring(0,4).padEnd(4,"0"),o=t.substring(0,4).padEnd(4,"0");return`@assets/${x(e.toString(16).padEnd(4,i))}${x(t.substring(n-4,n).padEnd(4,i)).padEnd(4,"f")}-${x(t.substring(n-8,n-4).padEnd(4,i)).padEnd(4,"f")}-${x(t.substring(n-12,n-8).padEnd(4,i)).padEnd(4,"f")}-${x(t.substring(n-16,n-12).padEnd(4,o)).padEnd(4,"f")}-${x(t.substring(n,n+4).padEnd(4,o)).padEnd(4,"f")}${x(t.substring(n+4,n+8).padEnd(4,o)).padEnd(4,"f")}${x(o.padEnd(4,i).padEnd(4,o))}`}function b(t){return/^@assets\/[0-9a-z]{8,8}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{12,12}$/.test(`${t}`)}function w(t){return function t(e){const n=function(t){return Object.prototype.toString.call(t).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(e);if(["Null","Number","String","Boolean","Undefined"].indexOf(n)>=0)return e;if("Array"===n){const n=[];return e.forEach((e=>{n.push(t(e))})),n}if("Object"===n){const n={};Object.keys(e).forEach((i=>{n[i]=t(e[i])}));return Object.getOwnPropertySymbols(e).forEach((i=>{n[i]=t(e[i])})),n}}(t)}function M(t){return(Object.prototype.toString.call(t)||"").replace(/(\[object|\])/gi,"").trim()}const R={type(t,e){const n=M(t);return!0===e?n.toLocaleLowerCase():n},array:t=>"Array"===M(t),json:t=>"Object"===M(t),function:t=>"Function"===M(t),asyncFunction:t=>"AsyncFunction"===M(t),boolean:t=>"Boolean"===M(t),string:t=>"String"===M(t),number:t=>"Number"===M(t),undefined:t=>"Undefined"===M(t),null:t=>"Null"===M(t),promise:t=>"Promise"===M(t)};const{Image:P}=window;function I(t){return new Promise(((e,n)=>{const i=new P;i.crossOrigin="anonymous",i.onload=function(){e(i)},i.onabort=n,i.onerror=n,i.src=t}))}function S(t){return"number"==typeof t&&(t>0||t<=0)}function E(t){return"number"==typeof t&&t>=0}function L(t){return"string"==typeof t&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${t}`)}function $(t){return"string"==typeof t&&/^(data:image\/)/.test(`${t}`)}const z={x:function(t){return S(t)},y:function(t){return S(t)},w:E,h:function(t){return"number"==typeof t&&t>=0},angle:function(t){return"number"==typeof t&&t>=-360&&t<=360},number:S,numberStr:function(t){return/^(-?\d+(?:\.\d+)?)$/.test(`${t}`)},borderWidth:function(t){return E(t)},borderRadius:function(t){return S(t)&&t>=0},color:function(t){return y(t)},imageSrc:function(t){return $(t)||L(t)},imageURL:L,imageBase64:$,svg:function(t){return"string"==typeof t&&/^(<svg[\s]{1,}|<svg>)/i.test(`${t}`.trim())&&/<\/[\s]{0,}svg>$/i.test(`${t}`.trim())},html:function(t){let e=!1;if("string"==typeof t){let n=document.createElement("div");n.innerHTML=t,n.children.length>0&&(e=!0),n=null}return e},text:function(t){return"string"==typeof t},fontSize:function(t){return S(t)&&t>0},lineHeight:function(t){return S(t)&&t>0},textAlign:function(t){return["center","left","right"].includes(t)},fontFamily:function(t){return"string"==typeof t&&t.length>0},fontWeight:function(t){return["bold"].includes(t)},strokeWidth:function(t){return S(t)&&t>0}};function A(t={}){const{borderColor:e,borderRadius:n,borderWidth:i}=t;return!(t.hasOwnProperty("borderColor")&&!z.color(e))&&(!(t.hasOwnProperty("borderRadius")&&!z.number(n))&&!(t.hasOwnProperty("borderWidth")&&!z.number(i)))}const C={attrs:function(t){const{x:e,y:n,w:i,h:o,angle:r}=t;return!!(z.x(e)&&z.y(n)&&z.w(i)&&z.h(o)&&z.angle(r))&&(r>=-360&&r<=360)},textDesc:function(t){const{text:e,color:n,fontSize:i,lineHeight:o,fontFamily:r,textAlign:l,fontWeight:a,background:s,strokeWidth:c,strokeColor:h}=t;return!!z.text(e)&&(!!z.color(n)&&(!!z.fontSize(i)&&(!(t.hasOwnProperty("background")&&!z.color(s))&&(!(t.hasOwnProperty("fontWeight")&&!z.fontWeight(a))&&(!(t.hasOwnProperty("lineHeight")&&!z.lineHeight(o))&&(!(t.hasOwnProperty("fontFamily")&&!z.fontFamily(r))&&(!(t.hasOwnProperty("textAlign")&&!z.textAlign(l))&&(!(t.hasOwnProperty("strokeWidth")&&!z.strokeWidth(c))&&(!(t.hasOwnProperty("strokeColor")&&!z.color(h))&&!!A(t))))))))))},rectDesc:function(t){const{background:e}=t;return!(t.hasOwnProperty("background")&&!z.color(e))&&!!A(t)},circleDesc:function(t){const{background:e,borderColor:n,borderWidth:i}=t;return!(t.hasOwnProperty("background")&&!z.color(e))&&(!(t.hasOwnProperty("borderColor")&&!z.color(n))&&!(t.hasOwnProperty("borderWidth")&&!z.number(i)))},imageDesc:function(t){const{src:e}=t;return!!z.imageSrc(e)},svgDesc:function(t){const{svg:e}=t;return!!z.svg(e)},htmlDesc:function(t){const{html:e}=t;return!!z.html(e)}};class k{constructor(t,i){f(this,e),f(this,n),d(this,e,t),d(this,n,{devicePixelRatio:1,offscreenCanvas:null,...i}),this.$resetFont()}$undoPixelRatio(t){return t/u(this,n).devicePixelRatio}$doPixelRatio(t){return u(this,n).devicePixelRatio*t}$getContext(){return u(this,e)}$setContext(t){d(this,e,t)}$setFont(t){const n=[];t.fontWeight&&n.push(`${t.fontWeight}`),n.push(`${this.$doPixelRatio(t.fontSize||12)}px`),n.push(`${t.fontFamily||"sans-serif"}`),u(this,e).font=`${n.join(" ")}`}$resetFont(){this.$setFont({fontSize:12,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",fontWeight:"400"})}$getOffscreenCanvas(){return u(this,n).offscreenCanvas}$resize(t){const{width:i,height:o,devicePixelRatio:r,resetStyle:l}=t,{canvas:a}=u(this,e);a.width=i*r,a.height=o*r,d(this,n,{...u(this,n),devicePixelRatio:r}),!0===l&&(a.style.width=`${i}px`,a.style.height=`${o}px`)}$getSize(){const{devicePixelRatio:t}=u(this,n),{width:i,height:o}=u(this,e).canvas;return{width:i/t,height:o/t,devicePixelRatio:t}}get canvas(){return u(this,e).canvas}get fillStyle(){return u(this,e).fillStyle}set fillStyle(t){u(this,e).fillStyle=t}get strokeStyle(){return u(this,e).strokeStyle}set strokeStyle(t){u(this,e).strokeStyle=t}get lineWidth(){return this.$undoPixelRatio(u(this,e).lineWidth)}set lineWidth(t){u(this,e).lineWidth=this.$doPixelRatio(t)}get textAlign(){return u(this,e).textAlign}set textAlign(t){u(this,e).textAlign=t}get textBaseline(){return u(this,e).textBaseline}set textBaseline(t){u(this,e).textBaseline=t}get globalAlpha(){return u(this,e).globalAlpha}set globalAlpha(t){u(this,e).globalAlpha=t}get shadowColor(){return u(this,e).shadowColor}set shadowColor(t){u(this,e).shadowColor=t}get shadowOffsetX(){return this.$undoPixelRatio(u(this,e).shadowOffsetX)}set shadowOffsetX(t){u(this,e).shadowOffsetX=this.$doPixelRatio(t)}get shadowOffsetY(){return this.$undoPixelRatio(u(this,e).shadowOffsetY)}set shadowOffsetY(t){u(this,e).shadowOffsetY=this.$doPixelRatio(t)}get shadowBlur(){return this.$undoPixelRatio(u(this,e).shadowBlur)}set shadowBlur(t){u(this,e).shadowBlur=this.$doPixelRatio(t)}get lineCap(){return u(this,e).lineCap}set lineCap(t){u(this,e).lineCap=t}get globalCompositeOperation(){return u(this,e).globalCompositeOperation}set globalCompositeOperation(t){u(this,e).globalCompositeOperation=t}fill(...t){return u(this,e).fill(...t)}arc(t,n,i,o,r,l){return u(this,e).arc(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),o,r,l)}rect(t,n,i,o){return u(this,e).rect(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(t,n,i,o){return u(this,e).fillRect(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(t,n,i,o){return u(this,e).clearRect(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return u(this,e).beginPath()}closePath(){return u(this,e).closePath()}lineTo(t,n){return u(this,e).lineTo(this.$doPixelRatio(t),this.$doPixelRatio(n))}moveTo(t,n){return u(this,e).moveTo(this.$doPixelRatio(t),this.$doPixelRatio(n))}arcTo(t,n,i,o,r){return u(this,e).arcTo(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r))}getLineDash(){return u(this,e).getLineDash()}setLineDash(t){const n=t.map((t=>this.$doPixelRatio(t)));return u(this,e).setLineDash(n)}stroke(t){return t?u(this,e).stroke(t):u(this,e).stroke()}translate(t,n){return u(this,e).translate(this.$doPixelRatio(t),this.$doPixelRatio(n))}rotate(t){return u(this,e).rotate(t)}drawImage(...t){const n=t[0],i=t[1],o=t[2],r=t[3],l=t[4],a=t[t.length-4],s=t[t.length-3],c=t[t.length-2],h=t[t.length-1];return 9===t.length?u(this,e).drawImage(n,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(c),this.$doPixelRatio(h)):u(this,e).drawImage(n,this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(c),this.$doPixelRatio(h))}createPattern(t,n){return u(this,e).createPattern(t,n)}measureText(t){return u(this,e).measureText(t)}fillText(t,n,i,o){return void 0!==o?u(this,e).fillText(t,this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o)):u(this,e).fillText(t,this.$doPixelRatio(n),this.$doPixelRatio(i))}strokeText(t,n,i,o){return void 0!==o?u(this,e).strokeText(t,this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o)):u(this,e).strokeText(t,this.$doPixelRatio(n),this.$doPixelRatio(i))}save(){u(this,e).save()}restore(){u(this,e).restore()}scale(t,n){u(this,e).scale(t,n)}circle(t,n,i,o,r,l,a,s){u(this,e).ellipse(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),r,l,a,s)}isPointInPath(t,n){return u(this,e).isPointInPath(this.$doPixelRatio(t),this.$doPixelRatio(n))}clip(...t){return u(this,e).clip(...t)}setTransform(t,n,i,o,r,l){return u(this,e).setTransform(t,n,i,o,r,l)}getTransform(){return u(this,e).getTransform()}createLinearGradient(t,n,i,o){return u(this,e).createLinearGradient(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(t,n,i,o,r,l){return u(this,e).createRadialGradient(this.$doPixelRatio(t),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r),this.$doPixelRatio(l))}createConicGradient(t,n,i){return u(this,e).createConicGradient(t,this.$doPixelRatio(n),this.$doPixelRatio(i))}}function O(t){const{width:e,height:n,ctx:i,devicePixelRatio:o}=t;let r=i;if(!r){const t=document.createElement("canvas");t.width=e*o,t.height=n*o,r=t.getContext("2d")}return new k(r,t)}function T(t){const{width:e,height:n,devicePixelRatio:i}=t,o=new OffscreenCanvas(e*i,n*i),r=o.getContext("2d").canvas.getContext("2d");return new k(r,{devicePixelRatio:i,offscreenCanvas:o})}e=new WeakMap,n=new WeakMap;function D(t,e){const n=(t.x-e.x)*(t.x-e.x)+(t.y-e.y)*(t.y-e.y);return 0===n?n:Math.sqrt(n)}function j(t,e){return t.x===e.x&&t.y===e.y&&t.t===e.t}function W(t){return t>=0||t<0}function V(t){return W(t.x)&&W(t.y)&&t.t>0}function F(t,e){return{x:t.x+(e.x-t.x)/2,y:t.y+(e.y-t.y)/2}}i=new WeakMap;function B(t){return t/180*Math.PI}function N(t,e,n,i){const o=B(e||0);n&&(o>0||o<0)&&(t.translate(n.x,n.y),t.rotate(o),t.translate(-n.x,-n.y)),i(t),n&&(o>0||o<0)&&(t.translate(n.x,n.y),t.rotate(-o),t.translate(-n.x,-n.y))}function H(t){return{x:t.x+t.w/2,y:t.y+t.h/2}}function Q(t){const e=Math.min(t[0].x,t[1].x,t[2].x,t[3].x),n=Math.min(t[0].y,t[1].y,t[2].y,t[3].y);return H({x:e,y:n,w:Math.max(t[0].x,t[1].x,t[2].x,t[3].x)-e,h:Math.max(t[0].y,t[1].y,t[2].y,t[3].y)-n})}function G(t,e){const n=e.x-t.x,i=e.y-t.y;if(0===n){if(i<0)return 0;if(i>0)return Math.PI}else if(0===i){if(n<0)return 3*Math.PI/2;if(n>0)return Math.PI/2}return n>0&&i<0?Math.atan(Math.abs(n)/Math.abs(i)):n>0&&i>0?Math.PI-Math.atan(Math.abs(n)/Math.abs(i)):n<0&&i>0?Math.PI+Math.atan(Math.abs(n)/Math.abs(i)):n<0&&i<0?2*Math.PI-Math.atan(Math.abs(n)/Math.abs(i)):0}function U(t,e,n){let i=G(t,e)+n;i>2*Math.PI?i-=2*Math.PI:i<0-2*Math.PI&&(i+=2*Math.PI),i<0&&(i+=2*Math.PI);const o=D(t,e);let r=0,l=0;return 0===i?(r=0,l=0-o):i>0&&i<Math.PI/2?(r=Math.sin(i)*o,l=0-Math.cos(i)*o):i===Math.PI/2?(r=o,l=0):i>Math.PI/2&&i<Math.PI?(r=Math.sin(Math.PI-i)*o,l=Math.cos(Math.PI-i)*o):i===Math.PI?(r=0,l=o):i>Math.PI&&i<1.5*Math.PI?(r=0-Math.sin(i-Math.PI)*o,l=Math.cos(i-Math.PI)*o):i===1.5*Math.PI?(r=0-o,l=0):i>1.5*Math.PI&&i<2*Math.PI?(r=0-Math.sin(2*Math.PI-i)*o,l=0-Math.cos(2*Math.PI-i)*o):i===2*Math.PI&&(r=0,l=0-o),r+=t.x,l+=t.y,{x:r,y:l}}function Y(t,e){if((null==e?void 0:e.length)>0){let n=t.x,i=t.y;return e.forEach((t=>{const{x:e,y:o,w:r,h:l,angle:a=0}=t,s=U(H({x:e,y:o,w:r,h:l,angle:a}),{x:n,y:i},B(a));n=s.x,i=s.y})),{x:n,y:i}}return t}function X(t,e,n){const{x:i,y:o,w:r,h:l}=t;let a={x:i,y:o},s={x:i+r,y:o},c={x:i+r,y:o+l},h={x:i,y:o+l};if(n&&(n>0||n<0)){const t=B(J(n));a=U(e,a,t),s=U(e,s,t),c=U(e,c,t),h=U(e,h,t)}return[a,s,c,h]}function q(t){const{angle:e=0}=t;return X(t,H(t),e)}function Z(t,e,n){return[U(t,{x:e[0].x,y:e[0].y},n),U(t,{x:e[1].x,y:e[1].y},n),U(t,{x:e[2].x,y:e[2].y},n),U(t,{x:e[3].x,y:e[3].y},n)]}function J(t){if(!(t>0||t<0)||0===t||360===t)return 0;let e=t%360;return e<0?e+=360:360===t&&(e=0),e}function K(t){var e;const n={x:0,y:0,w:0,h:0};let i=null;for(let o=0;o<t.length;o++){const r=t[o];if(null==(e=null==r?void 0:r.operations)?void 0:e.invisible)continue;const l={x:r.x,y:r.y,w:r.w,h:r.h,angle:r.angle||0};if(l.angle&&(l.angle>0||l.angle<0)){const t=q(l);if(4===t.length){const e=[t[0].x,t[1].x,t[2].x,t[3].x],n=[t[0].y,t[1].y,t[2].y,t[3].y];l.x=Math.min(...e),l.y=Math.min(...n),l.w=Math.abs(Math.max(...e)-Math.min(...e)),l.h=Math.abs(Math.max(...n)-Math.min(...n))}}if(i){const t=Math.min(l.x,n.x),e=Math.min(l.y,n.y),i=Math.max(l.x+l.w,n.x+n.w),o=Math.max(l.y+l.h,n.y+n.h);n.x=t,n.y=e,n.w=Math.abs(i-t),n.h=Math.abs(o-e)}else n.x=l.x,n.y=l.y,n.w=l.w,n.h=l.h;i=l}return{x:Math.floor(n.x),y:Math.floor(n.y),w:Math.ceil(n.w),h:Math.ceil(n.h)}}function _(t,e){const n={x:0,y:0,w:0,h:0};t.forEach((t=>{const e={x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle};if(e.angle&&(e.angle>0||e.angle<0)){const t=q(e);if(4===t.length){const n=[t[0].x,t[1].x,t[2].x,t[3].x],i=[t[0].y,t[1].y,t[2].y,t[3].y];e.x=Math.min(...n),e.y=Math.min(...i),e.w=Math.abs(Math.max(...n)-Math.min(...n)),e.h=Math.abs(Math.max(...i)-Math.min(...i))}}const i=Math.min(e.x,n.x),o=Math.min(e.y,n.y),r=Math.max(e.x+e.w,n.x+n.w),l=Math.max(e.y+e.h,n.y+n.h);n.x=i,n.y=o,n.w=Math.abs(r-i),n.h=Math.abs(l-o)})),(null==e?void 0:e.extend)&&(n.x=Math.min(n.x,0),n.y=Math.min(n.y,0));const i={contextWidth:n.w,contextHeight:n.h};return(null==e?void 0:e.viewWidth)&&(null==e?void 0:e.viewHeight)&&(null==e?void 0:e.viewWidth)>0&&(null==e?void 0:e.viewHeight)>0&&(e.viewWidth>n.x+n.w&&(i.contextWidth=e.viewWidth-n.x),e.viewHeight>n.y+n.h&&(i.contextHeight=e.viewHeight-n.y)),i}function tt(t,e){var n;const i=[];let o=t;if(e.length>1)for(let t=0;t<e.length-1;t++){const r=o[e[t]];if("group"!==(null==r?void 0:r.type)||!Array.isArray(null==(n=null==r?void 0:r.detail)?void 0:n.children))return null;i.push(r),o=r.detail.children}return i}function et(t,e){let n=null,i=e;for(let e=0;e<t.length;e++){const o=i[t[e]];if(e<t.length-1&&"group"===o.type)i=o.detail.children;else{if(e!==t.length-1)break;n=o}}return n}function nt(t,e){const n=[];let i=!1;const o=e=>{var r;for(let l=0;l<e.length&&!0!==i;l++){n.push(l);const a=e[l];if(a.uuid===t){i=!0;break}if("group"===a.type&&o((null==(r=null==a?void 0:a.detail)?void 0:r.children)||[]),i)break;n.pop()}};return o(e),n}function it(t,e){const n=t.x,i=t.y,o=t.x+t.w,r=t.y+t.h,l=e.x,a=e.y,s=e.x+e.w,c=e.y+e.h;return n<=s&&o>=l&&i<=c&&r>=a}function ot(t){const{x:e,y:n,h:i,w:o}=t;return[{x:e,y:n},{x:e+o,y:n},{x:e+o,y:n+i},{x:e,y:n+i}]}function rt(t){const{x:e,y:n,w:i,h:o,angle:r=0}=t;return 0===r?ot(t):X(t,H({x:e,y:n,w:i,h:o,angle:r}),r)}function lt(t){const e=[];let n=0,i=0;const o=[],r=[...t];for(let t=0;t<r.length;t++){const{x:l,y:a,w:s,h:c,angle:h=0}=r[t];let u;if(n+=l,i+=a,0===t){const t={x:n,y:i,w:s,h:c,angle:h};u=rt({x:l,y:a,w:s,h:c,angle:h}),o.push({center:H(t),angle:h,radian:B(h)})}else{u=ot({x:n,y:i,w:s,h:c,angle:h});for(let t=0;t<o.length;t++){const{center:e,radian:n}=o[t];u=Z(e,u,n)}const t=Q(u);if(h>0||h<0){u=Z(t,u,B(h))}o.push({center:t,angle:h,radian:B(h)})}e.push(u)}return e}function at(t,e){const{groupQueue:n}=e;if(!(n.length>0))return[rt(t)];return lt([...n,t])}function st(t,e){return at(t,e).pop()||null}function ct(t,e){const{viewScaleInfo:n}=e,{x:i,y:o,w:r,h:l,angle:a}=t,{scale:s,offsetTop:c,offsetLeft:h}=n;return{x:i*s+h,y:o*s+c,w:r*s,h:l*s,angle:a}}function ht(t,e){const{viewScaleInfo:n}=e,{x:i,y:o}=t,{scale:r,offsetTop:l,offsetLeft:a}=n;return{x:i*r+a,y:o*r+l}}function ut(t,e){const{context2d:n,element:i,viewScaleInfo:o}=e,{angle:r=0}=i,{x:l,y:a,w:s,h:c}=ct(i,{viewScaleInfo:o}),h=q({x:l,y:a,w:s,h:c,angle:r});if(h.length>=2){n.beginPath(),n.moveTo(h[0].x,h[0].y);for(let t=1;t<h.length;t++)n.lineTo(h[t].x,h[t].y);n.closePath()}return!!n.isPointInPath(t.x,t.y)}function ft(t,e,n){const i=[e[0].x,e[1].x,e[2].x,e[3].x],o=[e[0].y,e[1].y,e[2].y,e[3].y],r=Math.min(...i),l=Math.max(...i),a=Math.min(...o),s=Math.max(...o);return t.x>r&&t.x<l&&t.y>a&&t.y<s||!0===(null==n?void 0:n.includeBorder)&&(t.x===r||t.x===l||t.y===a||t.y===s)}function dt(t,e){const{groupQueue:n}=e,i=st(t,{groupQueue:n}),o=F(i[0],i[1]),r=F(i[1],i[2]),l=F(i[2],i[3]),a=F(i[3],i[0]),s=i[0],c=i[1],h=i[2],u=i[3],f=Math.max(s.x,c.x,h.x,u.x),d=Math.max(s.y,c.y,h.y,u.y);return{center:{x:(f+Math.min(s.x,c.x,h.x,u.x))/2,y:(d+Math.min(s.y,c.y,h.y,u.y))/2},topLeft:s,topRight:c,bottomLeft:u,bottomRight:h,top:o,right:r,left:a,bottom:l}}function gt(t){const e=Math.max(t.topLeft.x,t.topRight.x,t.bottomRight.x,t.bottomLeft.x),n=Math.max(t.topLeft.y,t.topRight.y,t.bottomRight.y,t.bottomLeft.y),i=Math.min(t.topLeft.x,t.topRight.x,t.bottomRight.x,t.bottomLeft.x),o=Math.min(t.topLeft.y,t.topRight.y,t.bottomRight.y,t.bottomLeft.y),r={x:t.center.x,y:t.center.y},l={x:i,y:o},a={x:e,y:o},s={x:e,y:n},c={x:i,y:n},h=F(l,a),u=F(c,s),f=F(l,c);return{center:r,topLeft:l,topRight:a,bottomLeft:c,bottomRight:s,top:h,right:F(a,s),left:f,bottom:u}}function yt(t,e){const n=mt(e);let i=0,o=0;return Object.keys(t).forEach((e=>{const r=t[e];r.isVisibleInView=function(t,e){const n=Math.min(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),i=Math.max(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),o=Math.min(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y),r=Math.max(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y),l=Math.min(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),a=Math.max(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),s=Math.min(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y),c=Math.max(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y);return n<=a&&i>=l&&o<=c&&r>=s||a<=r&&a>=r&&a<=r&&a>=r}(r.rangeRectInfo,n),r.isVisibleInView?i++:o++})),{viewVisibleInfoMap:t,visibleCount:i,invisibleCount:o}}function mt(t){const{viewScaleInfo:e,viewSizeInfo:n}=t,{scale:i,offsetTop:o,offsetLeft:r}=e,{width:l,height:a}=n,s=0-r/i,c=0-o/i,h=l/i,u=a/i,f=H({x:s,y:c,w:h,h:u});return{center:f,topLeft:{x:s,y:c},topRight:{x:s+h,y:c},bottomLeft:{x:s,y:c+u},bottomRight:{x:s+h,y:c+u},left:{x:s,y:f.y},top:{x:f.x,y:c},right:{x:s+h,y:f.y},bottom:{x:f.x,y:c+u}}}function pt(t,e){const{x:n,y:i}=t,{size:o,angle:r}=e;return{x:n-o/2,y:i-o/2,w:o,h:o,angle:r}}o=new WeakMap,r=new WeakMap,l=new WeakMap,a=new WeakSet,s=function(){return w(u(this,r))};const xt=/([astvzqmhlc])([^astvzqmhlc]*)/gi,vt=/(-?\d+(?:\.\d+)?)/gi;const bt=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g,wt=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,Mt=/^\s*$/,Rt={};function Pt(t){const e={type:"element",name:"",isVoid:!1,attributes:{},children:[]},n=t.match(/<\/?([^\s]+?)[/\s>]/);if(n&&(e.name=n[1],(Rt[n[1]]||"/"===t.charAt(t.length-2))&&(e.isVoid=!0),e.name.startsWith("!--"))){const e=t.indexOf("--\x3e");return{type:"comment",name:null,attributes:{},children:[],isVoid:!1,comment:-1!==e?t.slice(4,e):""}}const i=new RegExp(bt);let o=null;for(;o=i.exec(t),null!==o;)if(o[0].trim())if(o[1]){const t=o[1].trim();let n=[t,""];t.indexOf("=")>-1&&(n=t.split("=")),e.attributes[n[0]]=n[1],i.lastIndex--}else o[2]&&(e.attributes[o[2]]=o[3].trim().substring(1,o[3].length-1));return e}function It(t,e){switch(e.type){case"text":return t+e.textContent;case"element":return t+="<"+e.name+(e.attributes?function(t){const e=[];for(let n in t)e.push(n+'="'+t[n]+'"');return e.length?" "+e.join(" "):""}(e.attributes):"")+(e.isVoid?"/>":">"),e.isVoid?t:t+e.children.reduce(It,"")+"</"+e.name+">";case"comment":return t+="\x3c!--"+e.comment+"--\x3e"}}function St(t,e){let n=2;return void 0!==(null==e?void 0:e.decimalPlaces)&&(null==e?void 0:e.decimalPlaces)>=0&&(n=e.decimalPlaces),parseFloat(t.toFixed(n))}function Et(t){return t[1]!=-1*t[3]||t[4]!=t[0]||t[0]*t[4]-t[3]*t[1]!=1?null:Math.acos(t[0])}const Lt="Text Element";function $t(){return{boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"}}function zt(){return{background:"#D9D9D9"}}const At={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};const Ct=t=>St(t,{decimalPlaces:4});function kt(t,e){const{detail:n}=t,{xRatio:i,yRatio:o,maxRatio:r}=e,l=(i+o)/2,{borderWidth:a,borderRadius:s,borderDash:c,shadowOffsetX:h,shadowOffsetY:u,shadowBlur:f}=n;if("number"==typeof a)n.borderWidth=Ct(a*l);else if(Array.isArray(n.borderWidth)){const t=a;n.borderWidth=[Ct(t[0]*o),Ct(t[1]*i),Ct(t[2]*o),Ct(t[3]*i)]}if("number"==typeof s)n.borderRadius=Ct(s*l);else if(Array.isArray(n.borderRadius)){const t=s;n.borderRadius=[t[0]*i,t[1]*i,t[2]*o,t[3]*o]}Array.isArray(c)&&c.forEach(((t,e)=>{n.borderDash[e]=Ct(t*r)})),"number"==typeof h&&(n.shadowOffsetX=Ct(h*r)),"number"==typeof u&&(n.shadowOffsetX=Ct(u*r)),"number"==typeof f&&(n.shadowOffsetX=Ct(f*r))}function Ot(t,e){const{type:n}=t;!function(t,e){const{xRatio:n,yRatio:i}=e,{x:o,y:r,w:l,h:a}=t;t.x=Ct(o*n),t.y=Ct(r*i),t.w=Ct(l*n),t.h=Ct(a*i),kt(t,e)}(t,e),"circle"===n||("text"===n?function(t,e){const{minRatio:n,maxRatio:i}=e,{fontSize:o,lineHeight:r}=t.detail,l=(n+i)/2;o&&o>0&&(t.detail.fontSize=Ct(o*l)),r&&r>0&&(t.detail.lineHeight=Ct(r*l))}(t,e):"image"===n||"svg"===n||"html"===n||"path"===n||"group"===n&&Array.isArray(t.detail.children)&&t.detail.children.forEach((t=>{Ot(t,e)})))}function Tt(t,e){const n=e.w&&e.w>0?e.w:t.w,i=e.h&&e.h>0?e.h:t.h,o=n/t.w,r=i/t.h;if(o===r&&1===o)return t;const l=Math.min(o,r),a=Math.max(o,r);t.w=n,t.h=i;const s={xRatio:o,yRatio:r,minRatio:l,maxRatio:a};return"group"===t.type&&Array.isArray(t.detail.children)&&t.detail.children.forEach((t=>{Ot(t,s)})),kt(t,s),t}const Dt=200,jt=200;function Wt(t,e,n){let i=!1;if(1===e.length){const o=e[0];n.splice(o,0,t),i=!0}else if(e.length>1){let o=n;for(let n=0;n<e.length;n++){const r=o[e[n]];if(n===e.length-1){const r=e[n];o.splice(r,0,t),i=!0}else{if(!(n<e.length-1&&"group"===r.type))break;o=r.detail.children}}}return i}function Vt(t,e){let n=!1;if(1===t.length){const i=t[0];e.splice(i,1),n=!0}else if(t.length>1){let i=e;for(let e=0;e<t.length;e++){const o=i[t[e]];if(e===t.length-1){const o=t[e];i.splice(o,1),n=!0}else{if(!(e<t.length-1&&"group"===o.type))break;i=o.detail.children}}}return n}function Ft(t,e){const n=[...e.from],i=[...e.to];if(0===n.length||0===i.length)return{elements:t,from:n,to:i};if(n.length<=i.length)for(let e=0;e<n.length;e++)if(i[e]!==n[e]);else if(e===n.length-1)return{elements:t,from:n,to:i};const o=et(n,t);if(o){if(!Wt(o,i,t))return{elements:t,from:n,to:i};let e=-1,r=!1;if(n.length>=1&&i.length>=1){if(n.length<=i.length)if(1===n.length)n[0]<i[0]&&(r=!0);else for(let t=0;t<n.length&&n[t]===i[t];t++)if(n.length===n.length-1){r=!0;break}if(n.length>=i.length)if(1===i.length)i[0]<n[0]&&(r=!0);else for(let t=0;t<i.length&&(t===i.length-1&&i[t]<n[t]&&(r=!0),n[t]===i[t]);t++);}if(!0===r)for(let t=0;t<n.length&&i[t]>=0;t++)i[t]!==n[t]&&i[t]<n[t]&&t==i.length-1&&(e=t);e>=0&&(n[e]=n[e]+1),Vt(n,t)}return{elements:t,from:n,to:i}}function Bt(t,e){var n;const i=Object.keys(e);for(let o=0;o<i.length;o++){const r=i[o];["x","y","w","h","angle","name"].includes(r)?t[r]=e[r]:["detail","operations"].includes(r)&&(R.json(e[r])?((null==t?void 0:t.hasOwnProperty(r))||(t[r]={}),R.json(t[r])&&(t[r]={...t[r],...e[r]})):R.array(e[r])&&((null==t?void 0:t.hasOwnProperty(r))||(t[r]=[]),R.array(t[r])&&(null==(n=null==e?void 0:e[r])||n.forEach(((e,n)=>{t[r][n]=e})),t[r]=[...t[r],...e[r]])))}return t}function Nt(t,e,n){var i;const o=et(t,n);return o&&("group"===o.type&&!0===(null==(i=o.operations)?void 0:i.deepResize)&&(e.w&&e.w>0||e.h&&e.h>0)&&Tt(o,{w:e.w,h:e.h}),Bt(o,e)),o}function Ht(t,e,n=void 0){const i=e.split(".").reduce(((t,e)=>Object(t)[e]),t);return void 0===i?n:i}function Qt(t,e,n){const i=e.split(".");return"object"!=typeof t||i.reduce(((t,e,i,o)=>i===o.length-1?(t[e]=n,null):(e in t||(t[e]=/^[0-9]{1,}$/.test(o[i+1])?[]:{}),t[e])),t),t}const Gt=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];return t.Context2D=k,t.EventEmitter=class{constructor(){f(this,i),d(this,i,new Map)}on(t,e){if(u(this,i).has(t)){const n=u(this,i).get(t)||[];null==n||n.push(e),u(this,i).set(t,n)}else u(this,i).set(t,[e])}off(t,e){if(u(this,i).has(t)){const n=u(this,i).get(t);if(Array.isArray(n))for(let t=0;t<(null==n?void 0:n.length);t++)if(n[t]===e){n.splice(t,1);break}u(this,i).set(t,n||[])}}trigger(t,e){const n=u(this,i).get(t);return!!Array.isArray(n)&&(n.forEach((t=>{t(e)})),!0)}has(t){if(u(this,i).has(t)){const e=u(this,i).get(t);if(Array.isArray(e)&&e.length>0)return!0}return!1}destroy(){this.clear()}clear(){u(this,i).clear()}},t.Store=class{constructor(t){f(this,a),f(this,o),f(this,r),f(this,l),d(this,r,w(t.defaultStorage)),d(this,o,g(this,a,s).call(this)),d(this,l,t.defaultStatic||{})}set(t,e){u(this,o)[t]=e}get(t){return u(this,o)[t]}setStatic(t,e){u(this,l)[t]=e}getStatic(t){return u(this,l)[t]}getSnapshot(t){return!0===(null==t?void 0:t.deepClone)?w(u(this,o)):{...u(this,o)}}clear(){d(this,o,g(this,a,s).call(this))}destroy(){d(this,o,null),d(this,l,null)}},t.calcDistance=D,t.calcElementCenter=H,t.calcElementCenterFromVertexes=Q,t.calcElementListSize=K,t.calcElementOriginRectInfo=dt,t.calcElementQueueVertexesQueueInGroup=lt,t.calcElementSizeController=function(t,e){const{groupQueue:n,controllerSize:i,viewScaleInfo:o,rotateControllerSize:r,rotateControllerPosition:l}=e,a=(i&&i>0?i:8)/o.scale,{x:s,y:c,w:h,h:u,angle:f=0}=t,d=r,g=l,y=[{uuid:p(),x:s,y:c,w:h,h:u,angle:f,type:"group",detail:{children:[]}},...n];let m=0;y.forEach((({angle:t=0})=>{m+=t}));const x=st(t,{groupQueue:n}),v=st({x:s,y:c-(g+d/2)/o.scale,h:u+(2*g+d)/o.scale,w:h,angle:f},{groupQueue:[...n]}),b=F(x[0],x[1]),w=F(x[1],x[2]),M=F(x[2],x[3]),R=F(x[3],x[0]),P=x[0],I=x[1],S=x[2],E=x[3],L=pt(b,{size:a,angle:m}),$=pt(w,{size:a,angle:m}),z=pt(M,{size:a,angle:m}),A=pt(R,{size:a,angle:m}),C=pt(P,{size:a,angle:m}),k=pt(I,{size:a,angle:m}),O=pt(E,{size:a,angle:m}),T=pt(S,{size:a,angle:m}),D=rt(C),j=rt(k),W=rt(O),V=rt(T),B=[D[1],j[0],j[3],D[2]],N=[j[3],j[2],V[1],V[0]],Q=[W[1],V[0],V[3],W[2]],G=[D[3],D[2],W[1],W[0]],U=rt(L),Y=rt($),X=rt(z),q=rt(A),Z=F(v[0],v[1]),J=rt(pt(Z,{size:1.1*r/o.scale,angle:m}));return{originalElementCenter:H(t),originalElementSize:{...t},elementWrapper:x,left:{type:"left",vertexes:G,center:R,size:a},right:{type:"right",vertexes:N,center:w,size:a},top:{type:"top",vertexes:B,center:b,size:a},bottom:{type:"bottom",vertexes:Q,center:M,size:a},topLeft:{type:"top-left",vertexes:D,center:P,size:a},topRight:{type:"top-right",vertexes:j,center:I,size:a},bottomLeft:{type:"bottom-left",vertexes:W,center:E,size:a},bottomRight:{type:"bottom-right",vertexes:V,center:S,size:a},leftMiddle:{type:"left-middle",vertexes:q,center:R,size:a},rightMiddle:{type:"right-middle",vertexes:Y,center:w,size:a},topMiddle:{type:"top-middle",vertexes:U,center:b,size:a},bottomMiddle:{type:"bottom-middle",vertexes:X,center:M,size:a},rotate:{type:"rotate",vertexes:J,center:Z,size:r}}},t.calcElementVertexesInGroup=st,t.calcElementVertexesQueueInGroup=at,t.calcElementViewRectInfo=function(t,e){const{groupQueue:n,viewScaleInfo:i,range:o}=e,r=dt(t,{groupQueue:n}),{center:l,top:a,bottom:s,left:c,right:h,topLeft:u,topRight:f,bottomLeft:d,bottomRight:g}=r,y={center:ht(l,{viewScaleInfo:i}),topLeft:ht(u,{viewScaleInfo:i}),topRight:ht(f,{viewScaleInfo:i}),bottomLeft:ht(d,{viewScaleInfo:i}),bottomRight:ht(g,{viewScaleInfo:i}),top:ht(a,{viewScaleInfo:i}),right:ht(h,{viewScaleInfo:i}),left:ht(c,{viewScaleInfo:i}),bottom:ht(s,{viewScaleInfo:i})};if(!0===o){const t=Math.max(y.topLeft.x,y.topRight.x,y.bottomRight.x,y.bottomLeft.x),e=Math.max(y.topLeft.y,y.topRight.y,y.bottomRight.y,y.bottomLeft.y),n=Math.min(y.topLeft.x,y.topRight.x,y.bottomRight.x,y.bottomLeft.x),i=Math.min(y.topLeft.y,y.topRight.y,y.bottomRight.y,y.bottomLeft.y),o={x:y.center.x,y:y.center.y},r={x:n,y:i},l={x:t,y:i},a={x:t,y:e},s={x:n,y:e},c=F(r,l),h=F(s,a),u=F(r,s);return{center:o,topLeft:r,topRight:l,bottomLeft:s,bottomRight:a,top:c,right:F(l,a),left:u,bottom:h}}return y},t.calcElementViewRectInfoMap=function(t,e){const{groupQueue:n,viewScaleInfo:i}=e,o=dt(t,{groupQueue:n}),{center:r,top:l,bottom:a,left:s,right:c,topLeft:h,topRight:u,bottomLeft:f,bottomRight:d}=o,g={center:ht(r,{viewScaleInfo:i}),topLeft:ht(h,{viewScaleInfo:i}),topRight:ht(u,{viewScaleInfo:i}),bottomLeft:ht(f,{viewScaleInfo:i}),bottomRight:ht(d,{viewScaleInfo:i}),top:ht(l,{viewScaleInfo:i}),right:ht(c,{viewScaleInfo:i}),left:ht(s,{viewScaleInfo:i}),bottom:ht(a,{viewScaleInfo:i})},y=Math.max(g.topLeft.x,g.topRight.x,g.bottomRight.x,g.bottomLeft.x),m=Math.max(g.topLeft.y,g.topRight.y,g.bottomRight.y,g.bottomLeft.y),p=Math.min(g.topLeft.x,g.topRight.x,g.bottomRight.x,g.bottomLeft.x),x=Math.min(g.topLeft.y,g.topRight.y,g.bottomRight.y,g.bottomLeft.y),v={x:g.center.x,y:g.center.y},b={x:p,y:x},w={x:y,y:x},M={x:y,y:m},R={x:p,y:m},P=F(b,w),I=F(R,M),S=F(b,R);return{originRectInfo:o,rangeRectInfo:{center:v,topLeft:b,topRight:w,bottomLeft:R,bottomRight:M,top:P,right:F(w,M),left:S,bottom:I}}},t.calcElementsContextSize=_,t.calcElementsViewInfo=function(t,e,n){const i=_(t,{viewWidth:e.width,viewHeight:e.height,extend:null==n?void 0:n.extend});return!0===(null==n?void 0:n.extend)&&(i.contextWidth=Math.max(i.contextWidth,e.contextWidth),i.contextHeight=Math.max(i.contextHeight,e.contextHeight)),{contextSize:i}},t.calcLayoutSizeController=function(t,e){const{controllerSize:n,viewScaleInfo:i}=e,o=n&&n>0?n:8,{x:r,y:l,w:a,h:s}=ct(t,{viewScaleInfo:i}),c=H({x:r,y:l,w:a,h:s}),h={x:c.x,y:l},u={x:r+a,y:c.y},f={x:c.x,y:l+s},d={x:r,y:c.y},g={x:r,y:l},y={x:r+a,y:l},m={x:r+a,y:l+s},p={x:r,y:l+s},x=pt(h,{size:o,angle:0}),v=pt(u,{size:o,angle:0}),b=pt(f,{size:o,angle:0}),w=pt(d,{size:o,angle:0}),M=pt(g,{size:o,angle:0}),R=pt(y,{size:o,angle:0}),P=pt(p,{size:o,angle:0}),I=pt(m,{size:o,angle:0}),S=rt(M),E=rt(R),L=rt(P),$=rt(I),z=[S[1],E[0],E[3],S[2]],A=[E[3],E[2],$[1],$[0]],C=[L[1],$[0],$[3],L[2]],k=[S[3],S[2],L[1],L[0]],O=rt(x),T=rt(v),D=rt(b);return{left:{type:"left",vertexes:k,center:d,size:o},right:{type:"right",vertexes:A,center:u,size:o},top:{type:"top",vertexes:z,center:h,size:o},bottom:{type:"bottom",vertexes:C,center:f,size:o},topLeft:{type:"top-left",vertexes:S,center:g,size:o},topRight:{type:"top-right",vertexes:E,center:y,size:o},bottomLeft:{type:"bottom-left",vertexes:L,center:p,size:o},bottomRight:{type:"bottom-right",vertexes:$,center:m,size:o},leftMiddle:{type:"left-middle",vertexes:rt(w),center:d,size:o},rightMiddle:{type:"right-middle",vertexes:T,center:u,size:o},topMiddle:{type:"top-middle",vertexes:O,center:h,size:o},bottomMiddle:{type:"bottom-middle",vertexes:D,center:f,size:o}}},t.calcPointMoveElementInGroup=function(t,e,n){let i=e.x-t.x,o=e.y-t.y;const r=[];if(n.forEach((t=>{const{x:e,y:n,w:i,h:o,angle:l=0}=t;r.push({x:e,y:n,w:i,h:o,angle:0-l})})),(null==n?void 0:n.length)>0){const n=Y(t,r),l=Y(e,r);i=l.x-n.x,o=l.y-n.y}return{moveX:i,moveY:o}},t.calcRadian=function(t,e,n){const i=G(t,e),o=G(t,n);return null!==o&&null!==i?o-i:0},t.calcSpeed=function(t,e){return D(t,e)/Math.abs(e.t-t.t)},t.calcViewBoxSize=function(t,e){const{viewScaleInfo:n}=e,{scale:i}=n;let{borderRadius:o,borderDash:r}=t.detail;const l=Array.isArray(r)&&r.length>0,{boxSizing:a=At.boxSizing,borderWidth:s}=t.detail;Array.isArray(s)&&(o=0);let{x:c,y:h,w:u,h:f}=t,d=[0,0,0,0];if("number"==typeof o){const t=o*i;d=[t,t,t,t]}else Array.isArray(o)&&4===(null==o?void 0:o.length)&&(d=[o[0]*i,o[1]*i,o[2]*i,o[3]*i]);let g=0;return"number"==typeof s&&(g=(s||0)*i),"border-box"!==a||l?"content-box"===a?(c=t.x-g/2,h=t.y-g/2,u=t.w+g,f=t.h+g):(c=t.x,h=t.y,u=t.w,f=t.h):(c=t.x+g/2,h=t.y+g/2,u=t.w-g,f=t.h-g),u=Math.max(u,1),f=Math.max(f,1),d=d.map((t=>Math.min(t,u/2,f/2))),{x:c,y:h,w:u,h:f,radiusList:d}},t.calcViewCenter=function(t){let e=0,n=0;if(t){const{viewScaleInfo:i,viewSizeInfo:o}=t,{offsetLeft:r,offsetTop:l,scale:a}=i,{width:s,height:c}=o;e=0-r+s/a/2,n=0-l+c/a/2}return{x:e,y:n}},t.calcViewCenterContent=function(t,e){var n,i,o,r,l,a,s,c,h,u;let f=0,d=0,g=1,y=(null==(i=null==(n=null==t?void 0:t.elements)?void 0:n[0])?void 0:i.x)||0,m=(null==(r=null==(o=null==t?void 0:t.elements)?void 0:o[0])?void 0:r.y)||0,p=(null==(a=null==(l=null==t?void 0:t.elements)?void 0:l[0])?void 0:a.w)||0,x=(null==(c=null==(s=null==t?void 0:t.elements)?void 0:s[0])?void 0:c.h)||0;const{width:v,height:b}=e.viewSizeInfo;if(t.layout&&"hidden"===(null==(u=null==(h=t.layout)?void 0:h.detail)?void 0:u.overflow)?(y=0,m=0,p=t.layout.w||0,x=t.layout.h||0):t.elements.forEach((t=>{const e={x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle};if(e.angle&&(e.angle>0||e.angle<0)){const t=q(e);if(4===t.length){const n=[t[0].x,t[1].x,t[2].x,t[3].x],i=[t[0].y,t[1].y,t[2].y,t[3].y];e.x=Math.min(...n),e.y=Math.min(...i),e.w=Math.abs(Math.max(...n)-Math.min(...n)),e.h=Math.abs(Math.max(...i)-Math.min(...i))}}const n=Math.min(e.x,y),i=Math.min(e.y,m),o=Math.max(e.x+e.w,y+p),r=Math.max(e.y+e.h,m+x);y=n,m=i,p=Math.abs(o-n),x=Math.abs(r-i)})),t.layout){const{x:e,y:n,w:i,h:o}=t.layout;z.x(e)&&z.y(n)&&z.w(i)&&z.h(o)&&(y=Math.min(y,e),m=Math.min(m,n),p=Math.max(p,i),x=Math.max(x,o))}if(p>0&&x>0){const t=St(v/p,{decimalPlaces:4}),e=St(b/x,{decimalPlaces:4});g=Math.min(t,e,1),f=(p*g-v)/2/g+y,d=(x*g-b)/2/g+m}return{offsetX:St(f,{decimalPlaces:0}),offsetY:St(d,{decimalPlaces:0}),scale:g}},t.calcViewElementSize=ct,t.calcViewPointSize=ht,t.calcViewScaleInfo=function(t,e){const{scale:n,offsetX:i,offsetY:o}=t,{viewSizeInfo:r}=e,{width:l,height:a,contextWidth:s,contextHeight:c}=r,h=0-i*n,u=0-o*n;return{scale:n,offsetLeft:h,offsetTop:u,offsetRight:l-(s*n+h/n),offsetBottom:a-(c*n+u/n)}},t.calcViewVertexes=function(t,e){return[ht(t[0],e),ht(t[1],e),ht(t[2],e),ht(t[3],e)]},t.calcVisibleOriginCanvasRectInfo=mt,t.check=C,t.checkRectIntersect=it,t.colorNameToHex=function(t){const e=t.toLowerCase(),n=m[e];return"string"==typeof n?n:null},t.colorToCSS=function(t){let e="transparent";if("string"==typeof t)e=t;else if("linear-gradient"===(null==t?void 0:t.type)){const n=[];"number"==typeof t.angle?n.push(`${t.angle}deg`):n.push("180deg"),Array.isArray(t.stops)&&t.stops.forEach((t=>{n.push(`${t.color} ${100*t.offset}%`)})),e=`linear-gradient(${n.join(", ")})`}else if("radial-gradient"===(null==t?void 0:t.type)){const n=[];Array.isArray(t.stops)&&t.stops.forEach((t=>{n.push(`${t.color} ${100*t.offset}%`)})),e=`radial-gradient(circle, ${n.join(", ")})`}return e},t.colorToLinearGradientCSS=function(t){let e="transparent";if("string"==typeof t)e=t;else if("radial-gradient"===(null==t?void 0:t.type)||"linear-gradient"===(null==t?void 0:t.type)){const n=[];Array.isArray(t.stops)&&t.stops.length>0&&(t.stops.forEach(((e,i)=>{n.push(`${e.color} ${100*e.offset}%`),i===t.stops.length-1&&e.offset<1&&n.push(`${e.color} ${100*e.offset}%`)})),e=`linear-gradient(90deg, ${n.join(", ")})`)}return e},t.compose=function(t){return function(e,n){return function i(o){let r=t[o];o===t.length&&n&&(r=n);if(!r)return Promise.resolve();try{return Promise.resolve(r(e,i.bind(null,o+1)))}catch(t){return Promise.reject(t)}}(0)}},t.compressImage=function(t,e){let n=.5;const i=(null==e?void 0:e.type)||"image/png";return(null==e?void 0:e.radio)&&(null==e?void 0:e.radio)>0&&(null==e?void 0:e.radio)<=1&&(n=null==e?void 0:e.radio),new Promise(((e,o)=>{const r=new Image;r.addEventListener("load",(()=>{const{width:t,height:o}=r,l=t*n,a=o*n;let s=document.createElement("canvas");s.width=l,s.height=a;s.getContext("2d").drawImage(r,0,0,l,a);const c=s.toDataURL(i);s=null,e(c)})),r.addEventListener("error",(t=>{o(t)})),r.src=t}))},t.createAssetId=v,t.createBoardContent=function(t,e){const{width:n,height:i,devicePixelRatio:o,offscreen:r,createCustomContext2D:l}=e,a={width:n,height:i,devicePixelRatio:o},s=t.getContext("2d");if(l){const t=l(a),e=l(a),n=l(a),i=O({ctx:s,...a}),o=()=>{const{width:o,height:r}=t.$getSize();i.clearRect(0,0,o,r),i.drawImage(n.canvas,0,0,o,r),i.drawImage(t.canvas,0,0,o,r),i.drawImage(e.canvas,0,0,o,r),n.clearRect(0,0,o,r),t.clearRect(0,0,o,r),e.clearRect(0,0,o,r)};return{underlayContext:n,viewContext:t,overlayContext:e,boardContext:i,drawView:o}}if(!0===r){const t=T(a),e=T(a),n=T(a),i=O({ctx:s,...a}),o=()=>{const{width:o,height:r}=t.$getSize();i.clearRect(0,0,o,r),i.drawImage(n.canvas,0,0,o,r),i.drawImage(t.canvas,0,0,o,r),i.drawImage(e.canvas,0,0,o,r),n.clearRect(0,0,o,r),t.clearRect(0,0,o,r),e.clearRect(0,0,o,r)};return{underlayContext:n,viewContext:t,overlayContext:e,boardContext:i,drawView:o}}{const t=O(a),e=O(a),o=O(a),r=O({ctx:s,...a}),l=()=>{r.clearRect(0,0,n,i),r.drawImage(o.canvas,0,0,n,i),r.drawImage(t.canvas,0,0,n,i),r.drawImage(e.canvas,0,0,n,i),o.clearRect(0,0,n,i),t.clearRect(0,0,n,i),e.clearRect(0,0,n,i)};return{underlayContext:o,viewContext:t,overlayContext:e,boardContext:r,drawView:l}}},t.createContext2D=O,t.createElement=function(t,e,n){const i=function(t,e){let n=0,i=0,o=Dt,r=jt;if(e){const{viewScaleInfo:l,viewSizeInfo:a}=e,{scale:s,offsetLeft:c,offsetTop:h}=l,{width:u,height:f}=a,d=u/4,g=f/4;o=Dt>=d?d/s:Dt/s,r=jt>=g?g/s:jt/s,["circle","svg","image"].includes(t)?o=r=Math.max(o,r):"text"===t&&(r=o/Lt.length*2),n=(0-c+u/2-o*s/2)/s,i=(0-h+f/2-r*s/2)/s}return{x:n,y:i,w:o,h:r}}(t,n);let o={};return"rect"===t?o={background:"#D9D9D9"}:"circle"===t?o={background:"#D9D9D9",radius:0}:"text"===t?o=function(t){const e={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};return{text:Lt,color:e.color,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:t.w/Lt.length,fontSize:t.w/Lt.length,textAlign:"center",verticalAlign:"middle"}}(i):"svg"===t?o={svg:'<svg t="1701004189871" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" fill="#2c2c2c"></path></svg>'}:"image"===t?o={src:"data:image/svg+xml;base64,PHN2ZyAgIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik05MjggMTYwSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NDBjMCAxNy43IDE0LjMgMzIgMzIgMzJoODMyYzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE5MmMwLTE3LjctMTQuMy0zMi0zMi0zMnogbS00MCA2MzJIMTM2di0zOS45bDEzOC41LTE2NC4zIDE1MC4xIDE3OEw2NTguMSA0ODkgODg4IDc2MS42Vjc5MnogbTAtMTI5LjhMNjY0LjIgMzk2LjhjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDQyNC42IDY2Ni40bC0xNDQtMTcwLjdjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDEzNiA2NTIuN1YyMzJoNzUydjQzMC4yeiIgIGZpbGw9IiM1MTUxNTEiPjwvcGF0aD48cGF0aCBkPSJNMzA0IDQ1NmM0OC42IDAgODgtMzkuNCA4OC04OHMtMzkuNC04OC04OC04OC04OCAzOS40LTg4IDg4IDM5LjQgODggODggODh6IG0wLTExNmMxNS41IDAgMjggMTIuNSAyOCAyOHMtMTIuNSAyOC0yOCAyOC0yOC0xMi41LTI4LTI4IDEyLjUtMjggMjgtMjh6IiAgZmlsbD0iIzUxNTE1MSI+PC9wYXRoPjwvc3ZnPg=="}:"group"===t&&(o={children:[],background:"#D9D9D9",overflow:"hidden"}),{...i,...e,uuid:p(),type:t,detail:{...o,...e.detail||{}}}},t.createOffscreenContext2D=T,t.createUUID=p,t.debounce=function(t,e){let n=-1;return function(...i){n>=0&&window.clearTimeout(n),n=setTimeout((()=>{t(...i),n=-1}),e)}},t.deepClone=w,t.deepCloneElement=function(t){const e=w(t),n=t=>{t.uuid=p(),"group"===t.type&&t.detail.children&&t.detail.children.forEach((t=>{n(t)}))};return n(e),e},t.deepResizeGroupElement=Tt,t.delay=function(t){return new Promise((e=>{setTimeout((()=>{e()}),t)}))},t.deleteElementInList=function(t,e){return Vt(nt(t,e),e)},t.deleteElementInListByPosition=Vt,t.downloadFileFromText=function(t,e){const{fileName:n}=e,i=function(t){const e=(new TextEncoder).encode(t),n=new Blob([e],{type:"text/plain;charset=utf-8"});return window.URL.createObjectURL(n)}(t);let o=document.createElement("a");o.href=i,o.download=n,o.click(),o=null},t.downloadImageFromCanvas=function(t,e){const{fileName:n,type:i="image/jpeg"}=e,o=t.toDataURL(i);let r=document.createElement("a");r.href=o,r.download=n,r.click(),r=null},t.enhanceFontFamliy=function(t){return[t,...Gt].join(", ")},t.equalPoint=j,t.equalTouchPoint=function(t,e){return!0===j(t,e)&&t.f===e.f},t.filterCompactData=function(t,e){const n=t.assets||{},i=w(t),o=(null==e?void 0:e.loadItemMap)||{},r=t=>{t.forEach((t=>{var e,i,l;if("image"===t.type&&t.detail.src){const i=t.detail.src;if(b(i)&&!n[i]&&o[i]&&"string"==typeof(null==(e=o[i])?void 0:e.source))n[i]={type:"image",value:o[i].source};else if(!n[i]){const e=v(i);n[e]||(n[e]={type:"image",value:i}),t.detail.src=e}}else if("svg"===t.type){const e=t.detail.svg;if(b(e)&&!n[e]&&o[e]&&"string"==typeof(null==(i=o[e])?void 0:i.source))n[e]={type:"svg",value:o[e].source};else if(!n[e]){const i=v(e);n[i]||(n[i]={type:"svg",value:e}),t.detail.svg=i}}else if("html"===t.type){const e=t.detail.html;if(b(e)&&!n[e]&&o[e]&&"string"==typeof(null==(l=o[e])?void 0:l.source))n[e]={type:"html",value:o[e].source};else if(!n[e]){const i=v(e);n[i]||(n[i]={type:"html",value:e}),t.detail.html=i}}else if("group"===t.type&&Array.isArray(t.detail.children)){const e=t.detail.assets||{};Object.keys(e).forEach((t=>{n[t]||(n[t]=e[t])})),delete t.detail.assets,r(t.detail.children)}}))};return r(i.elements),i.assets=n,i},t.filterElementAsset=function(t){let e=null,n=null,i=null;return"image"===t.type?i=t.detail.src:"svg"===t.type?i=t.detail.svg:"html"===t.type&&(i=t.detail.html),"string"!=typeof i||b(i)||(e=v(i),n={type:t.type,value:i},"image"===t.type?t.detail.src=e:"svg"===t.type?t.detail.svg=e:"html"===t.type&&(t.detail.html=e)),{element:t,assetId:e,assetItem:n}},t.findElementFromList=function t(e,n){var i;let o=null;for(let r=0;r<n.length;r++){const l=n[r];if(l.uuid===e){o=l;break}if(!o&&"group"===l.type){const n=t(e,(null==(i=null==l?void 0:l.detail)?void 0:i.children)||[]);if((null==n?void 0:n.uuid)===e){o=n;break}}}return o},t.findElementFromListByPosition=et,t.findElementQueueFromListByPosition=function(t,e){const n=[];let i=e;for(let e=0;e<t.length;e++){const o=i[t[e]];if(!o)break;if(n.push(o),!(e<t.length-1&&"group"===o.type))break;i=o.detail.children}return n},t.findElementsFromList=function(t,e){const n=[];return function e(i){var o;for(let r=0;r<i.length;r++){const l=i[r];t.includes(l.uuid)?n.push(l):"group"===l.type&&e((null==(o=null==l?void 0:l.detail)?void 0:o.children)||[])}}(e),n},t.findElementsFromListByPositions=function(t,e){const n=[];return t.forEach((t=>{const i=et(t,e);i&&n.push(i)})),n},t.flatElementList=function(t){const e=[],n=[],i=t=>{if(!function(t){var e;if(["rect","circle"].includes(t.type)){const e=t.detail;if(!e.background&&!e.borderWidth)return!1;if("transparent"===e.background&&!e.borderWidth)return!1}if(["group"].includes(t.type)){const e=t.detail||{},{children:n}=e;if(!(n.length>0||e.background||e.borderWidth))return!1;if(!(n.length>0||"transparent"!==e.background||e.borderWidth))return!1}if("text"===t.type&&!t.detail.text)return!1;if("image"===t.type&&!t.detail.src)return!1;if("html"===t.type&&!t.detail.html)return!1;if("svg"===t.type&&!t.detail.svg)return!1;if("path"===t.type){const n=t.detail;if(!((null==(e=null==n?void 0:n.commands)?void 0:e.length)>0))return!1}return!0}(t))return;const i=function(t,e){const{groupQueue:n}=e;let{x:i,y:o,w:r,h:l,angle:a=0}=t,s=0;if(n.forEach((t=>{i+=t.x,o+=t.y,s+=t.angle||0})),s=J(s),0===s)return{x:i,y:o,w:r,h:l,angle:a};s+=t.angle||0,s=J(s);const c=st(t,{groupQueue:n}),h=U(Q(c),c[0],B(0-s));return i=h.x,o=h.y,{x:i,y:o,w:r,h:l,angle:s}}(t,{groupQueue:n}),o={...t,...i};e.push(o)},o=t=>{var e;if(!0!==(null==(e=null==t?void 0:t.operations)?void 0:e.invisible))if("group"===t.type){const{detail:e}=t,{children:r,...l}=e;i({...t,detail:{...l,children:[]}}),n.push(t),r.forEach((t=>{o(t)})),n.pop()}else i(t)};for(let e=0;e<t.length;e++){const n=t[e];o(n)}return e},t.formatNumber=St,t.generateHTML=function(t){return t.reduce((function(t,e){return t+It("",e)}),"")},t.generateSVGPath=function(t){let e="";return t.forEach((t=>{e+=t.type+t.params.join(" ")})),e},t.getCenterFromTwoPoints=F,t.getDefaultElementDetailConfig=$t,t.getDefaultElementRectDetail=zt,t.getElemenetsAssetIds=function(t){const e=[],n=t=>{t.forEach((t=>{"image"===t.type&&b(t.detail.src)?e.push(t.detail.src):"svg"===t.type&&b(t.detail.svg)?e.push(t.detail.svg):"html"===t.type&&t.detail.html?e.push(t.detail.html):"group"===t.type&&Array.isArray(t.detail.children)&&n(t.detail.children)}))};return n(t),e},t.getElementPositionFromList=nt,t.getElementPositionMapFromList=function(t,e){const n=[],i={};let o=!1;const r=e=>{var l;for(let a=0;a<e.length&&!0!==o;a++){n.push(a);const s=e[a];if(t.includes(s.uuid)){if(i[s.uuid]=[...n],Object.keys(i).length===t.length){o=!0;break}}else"group"===s.type&&r((null==(l=null==s?void 0:s.detail)?void 0:l.children)||[]);if(o)break;n.pop()}};return r(e),i},t.getElementRotateVertexes=X,t.getElementSize=function(t){const{x:e,y:n,w:i,h:o,angle:r}=t;return{x:e,y:n,w:i,h:o,angle:r}},t.getElementVertexes=ot,t.getGroupQueueByElementPosition=tt,t.getGroupQueueFromList=function(t,e){const n=[];return function t(e,i){var o;let r=null;for(let l=0;l<i.length;l++){const a=i[l];if(a.uuid===e){r=a;break}if(!r&&"group"===a.type){n.push(a);const i=t(e,(null==(o=null==a?void 0:a.detail)?void 0:o.children)||[]);if((null==i?void 0:i.uuid)===e){r=i;break}n.pop()}}return r}(t,e),n},t.getModifiedElement=function(t,e){const n={},i=[],o=t=>{if(R.json(t)){Object.keys(t).forEach((r=>{if(i.push(r),R.json(t[r])||R.array(t[r]))o(t[r]);else{const t=i.join(".");if("uuid"!==t){const o=Ht(e,t);Qt(n,i.join("."),o)}}i.pop()}))}else R.array(t)&&t.forEach((r=>{if(i.push(r),R.json(t[r])||R.array(t[r]))o(t[r]);else{const t=Ht(e,i.join("."));Qt(n,i.join("."),t)}i.pop()}))};return o(t),n},t.getSelectedElementUUIDs=function(t,e){var n;let i=[];return Array.isArray(null==t?void 0:t.elements)&&(null==(n=null==t?void 0:t.elements)?void 0:n.length)>0&&Array.isArray(e)&&e.length>0&&e.forEach((e=>{var n;"number"==typeof e?(null==(n=null==t?void 0:t.elements)?void 0:n[e])&&i.push(t.elements[e].uuid):"string"==typeof e&&(i=i.concat(function(t,e){var n;const i=[];if("string"==typeof e&&/^\d+(\.\d+)*$/.test(e)){const o=e.split(".");let r=t;for(;o.length>0;){const t=o.shift();if("string"==typeof t){const e=r[parseInt(t)];e&&0===o.length?i.push(e.uuid):"group"===e.type&&o.length>0&&(r=(null==(n=null==e?void 0:e.detail)?void 0:n.children)||[])}break}}return i}(t.elements,e)))})),i},t.getViewPointAtElement=function(t,e){var n,i,o;const{context2d:r,data:l,viewScaleInfo:a,viewSizeInfo:s,groupQueue:c}=e,h={index:-1,element:null,groupQueueIndex:-1};if(c&&Array.isArray(c)&&(null==c?void 0:c.length)>0)for(let e=c.length-1;e>=0;e--){let o=0,l=0,u=0;for(let t=0;t<=e;t++)o+=c[t].x,l+=c[t].y,u+=c[t].angle||0;const f=c[e];if(f&&"group"===f.type&&Array.isArray(null==(n=f.detail)?void 0:n.children))for(let n=0;n<f.detail.children.length;n++){const d=f.detail.children[n];if(!0!==(null==(i=null==d?void 0:d.operations)?void 0:i.invisible)){if(!d)break;if(ut(t,{context2d:r,element:{x:o+d.x,y:l+d.y,w:d.w,h:d.h,angle:u+(d.angle||0)},viewScaleInfo:a,viewSizeInfo:s})){h.element=d,(e<c.length-1||"group"!==d.type)&&(h.groupQueueIndex=e);break}}}if(h.element)break}if(h.element)return h;for(let e=l.elements.length-1;e>=0;e--){const n=l.elements[e];if(!0!==(null==(o=null==n?void 0:n.operations)?void 0:o.invisible)&&ut(t,{context2d:r,element:n,viewScaleInfo:a,viewSizeInfo:s})){h.index=e,h.element=n;break}}return h},t.getViewScaleInfoFromSnapshot=function(t){const{activeStore:e}=t;return{scale:null==e?void 0:e.scale,offsetTop:null==e?void 0:e.offsetTop,offsetBottom:null==e?void 0:e.offsetBottom,offsetLeft:null==e?void 0:e.offsetLeft,offsetRight:null==e?void 0:e.offsetRight}},t.getViewSizeInfoFromSnapshot=function(t){const{activeStore:e}=t;return{devicePixelRatio:e.devicePixelRatio,width:null==e?void 0:e.width,height:null==e?void 0:e.height,contextWidth:null==e?void 0:e.contextWidth,contextHeight:null==e?void 0:e.contextHeight}},t.groupElementsByPosition=function(t,e){if(e.length>1){let n=!0,i=[];for(let t=1;t<e.length;t++){const o=e[t-1],r=e[t];if(!(o.length>0&&r.length>0)){n=!1;break}if(o.length!==r.length){n=!1;break}const l=[...o],a=[...r],s=l.pop(),c=a.pop();1===t&&"number"==typeof s&&s>=0&&i.push(s),"number"==typeof c&&c>=0&&i.push(c)}if(!0!==n)return console.error("[idraw]: The grouped elements are not siblings!"),t;i.sort(((t,e)=>t-e));const o=[...e[0]].splice(0,e[0].length-1),r=[],l=[...o,i[0]];for(let e=0;e<i.length;e++){const n=et([...o,i[e]],t);n&&r.push(n)}const a=K(r);for(let t=0;t<r.length;t++){const e=r[t];e&&(e.x-=a.x,e.y-=a.y)}for(let e=i.length-1;e>=0;e--){Vt([...o,i[e]],t)}Wt({name:"Group",uuid:p(),type:"group",...a,detail:{children:r}},l,t)}return t},t.insertElementToListByPosition=Wt,t.is=z,t.isAssetId=b,t.isColorStr=y,t.isElementInView=function(t,e){const{viewSizeInfo:n,viewScaleInfo:i}=e,{width:o,height:r}=n,{angle:l}=t,{x:a,y:s,w:c,h:h}=ct(t,{viewScaleInfo:i}),u=q({x:a,y:s,w:c,h:h,angle:l}),f={x:0,y:0,w:o,h:r},d=Math.min(u[0].x,u[1].x,u[2].x,u[3].x),g=Math.min(u[0].y,u[1].y,u[2].y,u[3].y);return it(f,{x:d,y:g,w:Math.max(u[0].x,u[1].x,u[2].x,u[3].x)-d,h:Math.max(u[0].y,u[1].y,u[2].y,u[3].y)-g})},t.isResourceElement=function(t){return["image","svg","html"].includes(null==t?void 0:t.type)},t.isSameElementSize=function(t,e){return t.x===e.x&&t.y===e.y&&t.h===e.h&&t.w===e.w&&J(t.angle||0)===J(e.angle||0)},t.isViewPointInElement=ut,t.isViewPointInElementSize=function(t,e,n){return ft(t,rt(e),n)},t.isViewPointInVertexes=ft,t.istype=R,t.limitAngle=J,t.loadHTML=async function(t,e){t=t.replace(/\&/gi,"&amp;");const n=await function(t,e){const{width:n,height:i}=e;return new Promise(((e,o)=>{const r=new Blob([`\n <svg \n xmlns="http://www.w3.org/2000/svg" \n width="${n||""}" \n height = "${i||""}">\n <foreignObject width="100%" height="100%">\n <div xmlns = "http://www.w3.org/1999/xhtml">\n ${t}\n </div>\n </foreignObject>\n </svg>\n `],{type:"image/svg+xml;charset=utf-8"}),l=new FileReader;l.readAsDataURL(r),l.onload=function(t){var n;const i=null==(n=null==t?void 0:t.target)?void 0:n.result;e(i)},l.onerror=function(t){o(t)}}))}(t,e);return await I(n)},t.loadImage=I,t.loadSVG=async function(t){const e=await function(t){return new Promise(((e,n)=>{const i=new Blob([t],{type:"image/svg+xml;charset=utf-8"}),o=new FileReader;o.readAsDataURL(i),o.onload=function(t){var n;const i=null==(n=null==t?void 0:t.target)?void 0:n.result;e(i)},o.onerror=function(t){n(t)}}))}(t);return await I(e)},t.matrixToAngle=function(t){const e=Et(t);if("number"==typeof e){return 180*e/Math.PI}return e},t.matrixToRadian=Et,t.mergeElementAsset=function(t,e){const n=t;let i=null,o=null;return"image"===n.type?i=n.detail.src:"svg"===n.type?i=n.detail.svg:"html"===n.type&&(i=n.detail.html),i&&(null==i?void 0:i.startsWith("@assets/"))&&(o=e[i]),(null==o?void 0:o.type)===n.type&&"string"==typeof(null==o?void 0:o.value)&&(null==o?void 0:o.value)&&("image"===n.type?n.detail.src=o.value:"svg"===n.type?n.detail.svg=o.value:"html"===n.type&&(n.detail.html=o.value)),n},t.mergeHexColorAlpha=function(t,e){if(1===e)return t;let n=1;const i=/^\#[0-9a-f]{6,6}$/i;let o=t;if(i.test(t)?n=parseInt(t.substring(5,7).replace(/^\#/,"0x")):/^\#[0-9a-f]{8,8}$/i.test(t)&&(n=parseInt(t.substring(7,9).replace(/^\#/,"0x")),o=t.substring(0,7)),n*=e,i.test(o)&&n>0&&n<1){const t=Math.max(0,Math.min(255,Math.ceil(256*n)));o=`${o.toUpperCase()}${t.toString(16).toUpperCase()}`}return o},t.modifyElement=function(t,e){const{type:n}=e,i={...e.content};if("addElement"===n){const n=e,{element:i,position:o}=n.content;(null==o?void 0:o.length)>0?Wt(i,[...o],t.elements):t.elements.push(i)}else if("deleteElement"===n){const n=e,{position:i}=n.content;Vt(i,t.elements)}else if("moveElement"===n){const n=e,{from:o,to:r}=n.content,l=Ft(t.elements,{from:o,to:r});i.from=l.from,i.to=l.to,t.elements=l.elements}else if("updateElement"===n){const n=e,{position:i,afterModifiedElement:o}=n.content;Nt(i,o,t.elements)}return{data:t,content:i}},t.moveElementPosition=Ft,t.originRectInfoToRangeRectInfo=gt,t.parseAngleToRadian=B,t.parseFileToBase64=function(t){return new Promise((function(e,n){let i=new FileReader;i.addEventListener("load",(function(){e(i.result),i=null})),i.addEventListener("error",(function(t){n(t),i=null})),i.addEventListener("abort",(function(){n(new Error("abort")),i=null})),i.readAsDataURL(t)}))},t.parseFileToText=function(t){return new Promise((function(e,n){let i=new FileReader;i.addEventListener("load",(function(){e(i.result),i=null})),i.addEventListener("error",(function(t){n(t),i=null})),i.addEventListener("abort",(function(){n(new Error("abort")),i=null})),i.readAsText(t)}))},t.parseHTML=function(t){const e=[],n=[];let i,o=-1;return t.replace(wt,((r,l)=>{const a="/"!==r.charAt(1),s=r.startsWith("\x3c!--"),c=l+r.length,h=t.charAt(c);let u;if(s){const t=Pt(r);return o<0?(e.push(t),r):(u=n[o],u.children.push(t),r)}if(a){if(o++,i=Pt(r),!i.isVoid&&h&&"<"!==h){const e=t.slice(c,t.indexOf("<",c));e.trim()&&i.children.push({type:"text",name:null,attributes:{},children:[],isVoid:!1,textContent:e.trim()})}0===o&&e.push(i),u=n[o-1],u&&u.children.push(i),n[o]=i}if((!a||!Array.isArray(i)&&i.isVoid)&&(o>-1&&!Array.isArray(i)&&(i.isVoid||i.name===r.slice(2,-1))&&(o--,i=-1===o?e:n[o]),"<"!==h&&h)){u=-1===o?e:n[o].children;const i=t.indexOf("<",c);let r=t.slice(c,-1===i?void 0:i);Mt.test(r)&&(r=" "),(i>-1&&o+u.length>=0||" "!==r)&&r.trim()&&u.push({type:"text",name:null,attributes:{},children:[],isVoid:!1,textContent:r.trim()})}return r})),e},t.parseRadianToAngle=function(t){return t/Math.PI*180},t.parseSVGPath=function(t){const e=[];return t.replace(xt,((t,n,i)=>{const o=i.match(vt),r={type:n,params:o?o.map(Number):[]};return e.push(r),t})),e},t.pickFile=function(t){const{accept:e,success:n,error:i}=t;let o=document.createElement("input");o.type="file",e&&(o.accept=e),o.addEventListener("change",(function(){var t;const e=null==(t=o.files)?void 0:t[0];n({file:e}),o=null})),o.addEventListener("error",(function(t){"function"==typeof i&&i(t),o=null})),o.click()},t.rotateByCenter=N,t.rotateElement=function(t,e,n){const i=H(e);N(t,e.angle||0,i,(()=>{n(t)}))},t.rotateElementVertexes=q,t.rotatePoint=U,t.rotatePointInGroup=Y,t.rotateVertexes=Z,t.sortDataAsserts=function(t,e){const n=t.assets||{};let i=t;!0===(null==e?void 0:e.clone)&&(i=w(t));const o=t=>{t.forEach((t=>{if("image"===t.type&&t.detail.src){const e=t.detail.src,i=v(e);n[i]||(n[i]={type:"image",value:e}),t.detail.src=i}else if("svg"===t.type){const e=t.detail.svg,i=v(e);n[i]||(n[i]={type:"svg",value:e}),t.detail.svg=i}else if("html"===t.type){const e=t.detail.html,i=v(e);n[i]||(n[i]={type:"html",value:e}),t.detail.html=i}else if("group"===t.type&&Array.isArray(t.detail.children)){const e=t.detail.assets||{};Object.keys(e).forEach((t=>{n[t]||(n[t]=e[t])})),delete t.detail.assets,o(t.detail.children)}}))};return o(i.elements),i.assets=n,i},t.sortElementsViewVisiableInfoMap=function(t,e){const n={},i=[],o=e=>{const r={isVisibleInView:!0,isGroup:"group"===e.type,position:[...i]};let l=null;l=dt(e,{groupQueue:tt(t,i)||[]}),n[e.uuid]={...r,originRectInfo:l,rangeRectInfo:z.angle(e.angle)?gt(l):l},"group"===e.type&&e.detail.children.forEach(((t,e)=>{i.push(e),o(t),i.pop()}))};return t.forEach(((t,e)=>{i.push(e),o(t),i.pop()})),yt(n,e)},t.throttle=function(t,e){let n=-1;return function(...i){n>=0||(n=setTimeout((()=>{t(...i),n=-1}),e))}},t.toColorHexNum=function(t){return parseInt(t.replace(/^\#/,"0x"))},t.toColorHexStr=function(t){return"#"+t.toString(16)},t.ungroupElementsByPosition=function(t,e){var n;const i=et(e,t);i&&"group"===(null==i?void 0:i.type)&&Array.isArray(null==(n=null==i?void 0:i.detail)?void 0:n.children)||console.error("[idraw]: The ungrouped element is not a group element!");const o=[...e].splice(0,e.length-1),r=e[e.length-1],{x:l,y:a}=i;return Vt(e,t),i.detail.children.forEach(((e,n)=>{e.x+=l,e.y+=a;Wt(e,[...o,r+n],t)})),t},t.updateElementInList=function t(e,n,i){var o,r;let l=null;for(let a=0;a<i.length;a++){const s=i[a];if(s.uuid===e){"group"===s.type&&!0===(null==(o=s.operations)?void 0:o.deepResize)&&(n.w&&n.w>0||n.h&&n.h>0)&&Tt(s,{w:n.w,h:n.h}),Bt(s,n),l=s;break}"group"===s.type&&(l=t(e,n,(null==(r=null==s?void 0:s.detail)?void 0:r.children)||[]))}return l},t.updateElementInListByPosition=Nt,t.updateViewVisibleInfoMapStatus=yt,t.vaildPoint=V,t.vaildTouchPoint=function(t){return!0===V(t)&&t.f>=0},t.validateElements=function t(e){let n=!0;if(Array.isArray(e)){const i=[];e.forEach((e=>{var o;"string"==typeof e.uuid&&e.uuid?i.includes(e.uuid)?(n=!1,console.warn(`Duplicate uuids: ${e.uuid}`)):i.push(e.uuid):(n=!1,console.warn("Element missing uuid",e)),"group"===e.type&&(n=t(null==(o=null==e?void 0:e.detail)?void 0:o.children))}))}return n},t.viewScale=function(t){const{scale:e,point:n,viewScaleInfo:i}=t,{offsetLeft:o,offsetTop:r}=i,l=e/i.scale,a=n.x,s=n.y;return{moveX:a-a*l+(o*l-o),moveY:s-s*l+(r*l-r)}},t.viewScroll=function(t){const{moveX:e=0,moveY:n=0,viewScaleInfo:i,viewSizeInfo:o}=t,{scale:r}=i,{width:l,height:a,contextWidth:s,contextHeight:c}=o;let h=i.offsetLeft,u=i.offsetRight,f=i.offsetTop,d=i.offsetBottom;return h+=e,f+=n,u=l-(s*r+h),d=a-(c*r+f),{scale:r,offsetTop:f,offsetLeft:h,offsetRight:u,offsetBottom:d}},Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),t}({});
1
+ var iDrawUtil=function(e){"use strict";var t,n,i,o,r,l,a,s,c=e=>{throw TypeError(e)},u=(e,t,n)=>t.has(e)||c("Cannot "+n),h=(e,t,n)=>(u(e,t,"read from private field"),n?n.call(e):t.get(e)),f=(e,t,n)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),d=(e,t,n,i)=>(u(e,t,"write to private field"),i?i.call(e,n):t.set(e,n),n),g=(e,t,n)=>(u(e,t,"access private method"),n);function y(e){return"string"==typeof e&&(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e)||/^[a-z]{1,}$/i.test(e))}const x={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function p(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function m(e){let t=0;for(let n=0;n<e.length;n++)t+=e.charCodeAt(n)*e.charCodeAt(n)*n*n;return t.toString(16).substring(0,4)}function v(e){const t=e.length,n=Math.floor(t/2),i=e.substring(0,4).padEnd(4,"0"),o=e.substring(0,4).padEnd(4,"0");return`@assets/${m(t.toString(16).padEnd(4,i))}${m(e.substring(n-4,n).padEnd(4,i)).padEnd(4,"f")}-${m(e.substring(n-8,n-4).padEnd(4,i)).padEnd(4,"f")}-${m(e.substring(n-12,n-8).padEnd(4,i)).padEnd(4,"f")}-${m(e.substring(n-16,n-12).padEnd(4,o)).padEnd(4,"f")}-${m(e.substring(n,n+4).padEnd(4,o)).padEnd(4,"f")}${m(e.substring(n+4,n+8).padEnd(4,o)).padEnd(4,"f")}${m(o.padEnd(4,i).padEnd(4,o))}`}function b(e){return/^@assets\/[0-9a-z]{8,8}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{12,12}$/.test(`${e}`)}function w(e){return function e(t){const n=function(e){return Object.prototype.toString.call(e).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(t);if(["Null","Number","String","Boolean","Undefined"].indexOf(n)>=0)return t;if("Array"===n){const n=[];return t.forEach((t=>{n.push(e(t))})),n}if("Object"===n){const n={};Object.keys(t).forEach((i=>{n[i]=e(t[i])}));return Object.getOwnPropertySymbols(t).forEach((i=>{n[i]=e(t[i])})),n}}(e)}function M(e){const t=w(e),n=e=>{e.uuid=p(),"group"===e.type&&e.detail.children&&e.detail.children.forEach((e=>{n(e)}))};return n(t),t}function P(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const R={type(e,t){const n=P(e);return!0===t?n.toLocaleLowerCase():n},array:e=>"Array"===P(e),json:e=>"Object"===P(e),function:e=>"Function"===P(e),asyncFunction:e=>"AsyncFunction"===P(e),boolean:e=>"Boolean"===P(e),string:e=>"String"===P(e),number:e=>"Number"===P(e),undefined:e=>"Undefined"===P(e),null:e=>"Null"===P(e),promise:e=>"Promise"===P(e)};const{Image:I}=window;function $(e){return new Promise(((t,n)=>{const i=new I;i.crossOrigin="anonymous",i.onload=function(){t(i)},i.onabort=n,i.onerror=n,i.src=e}))}function E(e){return"number"==typeof e&&e>=0}function S(e){return"number"==typeof e&&(e>0||e<=0)}function z(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function A(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const k={positiveNum:E,x:function(e){return S(e)},y:function(e){return S(e)},w:function(e){return E(e)},h:function(e){return E(e)},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:S,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return E(e)||Array.isArray(e)&&E(e[0])&&E(e[1])&&E(e[2])&&E(e[3])},borderRadius:function(e){return E(e)||Array.isArray(e)&&E(e[0])&&E(e[1])&&E(e[2])&&E(e[3])},color:function(e){return y(e)},imageSrc:function(e){return A(e)||z(e)},imageURL:z,imageBase64:A,svg:function(e){return"string"==typeof e&&/^(<svg[\s]{1,}|<svg>)/i.test(`${e}`.trim())&&/<\/[\s]{0,}svg>$/i.test(`${e}`.trim())},html:function(e){let t=!1;if("string"==typeof e){let n=document.createElement("div");n.innerHTML=e,n.children.length>0&&(t=!0),n=null}return t},text:function(e){return"string"==typeof e},fontSize:function(e){return S(e)&&e>0},lineHeight:function(e){return S(e)&&e>0},textAlign:function(e){return["center","left","right"].includes(e)},fontFamily:function(e){return"string"==typeof e&&e.length>0},fontWeight:function(e){return["bold"].includes(e)},strokeWidth:function(e){return S(e)&&e>0}};function C(e={}){const{borderColor:t,borderRadius:n,borderWidth:i}=e;return!(e.hasOwnProperty("borderColor")&&!k.color(t))&&(!(e.hasOwnProperty("borderRadius")&&!k.number(n))&&!(e.hasOwnProperty("borderWidth")&&!k.number(i)))}const L={attrs:function(e){const{x:t,y:n,w:i,h:o,angle:r}=e;return!!(k.x(t)&&k.y(n)&&k.w(i)&&k.h(o)&&k.angle(r))&&(r>=-360&&r<=360)},textDesc:function(e){const{text:t,color:n,fontSize:i,lineHeight:o,fontFamily:r,textAlign:l,fontWeight:a,background:s,strokeWidth:c,strokeColor:u}=e;return!!k.text(t)&&(!!k.color(n)&&(!!k.fontSize(i)&&(!(e.hasOwnProperty("background")&&!k.color(s))&&(!(e.hasOwnProperty("fontWeight")&&!k.fontWeight(a))&&(!(e.hasOwnProperty("lineHeight")&&!k.lineHeight(o))&&(!(e.hasOwnProperty("fontFamily")&&!k.fontFamily(r))&&(!(e.hasOwnProperty("textAlign")&&!k.textAlign(l))&&(!(e.hasOwnProperty("strokeWidth")&&!k.strokeWidth(c))&&(!(e.hasOwnProperty("strokeColor")&&!k.color(u))&&!!C(e))))))))))},rectDesc:function(e){const{background:t}=e;return!(e.hasOwnProperty("background")&&!k.color(t))&&!!C(e)},circleDesc:function(e){const{background:t,borderColor:n,borderWidth:i}=e;return!(e.hasOwnProperty("background")&&!k.color(t))&&(!(e.hasOwnProperty("borderColor")&&!k.color(n))&&!(e.hasOwnProperty("borderWidth")&&!k.number(i)))},imageDesc:function(e){const{src:t}=e;return!!k.imageSrc(t)},svgDesc:function(e){const{svg:t}=e;return!!k.svg(t)},htmlDesc:function(e){const{html:t}=e;return!!k.html(t)}};class O{constructor(e,i){f(this,t),f(this,n),d(this,t,e),d(this,n,{devicePixelRatio:1,offscreenCanvas:null,...i}),this.$resetFont()}$undoPixelRatio(e){return e/h(this,n).devicePixelRatio}$doPixelRatio(e){return h(this,n).devicePixelRatio*e}$getContext(){return h(this,t)}$setContext(e){d(this,t,e)}$setFont(e){const n=[];e.fontWeight&&n.push(`${e.fontWeight}`),n.push(`${this.$doPixelRatio(e.fontSize||12)}px`),n.push(`${e.fontFamily||"sans-serif"}`),h(this,t).font=`${n.join(" ")}`}$resetFont(){this.$setFont({fontSize:12,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",fontWeight:"400"})}$getOffscreenCanvas(){return h(this,n).offscreenCanvas}$resize(e){const{width:i,height:o,devicePixelRatio:r,resetStyle:l}=e,{canvas:a}=h(this,t);a.width=i*r,a.height=o*r,d(this,n,{...h(this,n),devicePixelRatio:r}),!0===l&&(a.style.width=`${i}px`,a.style.height=`${o}px`)}$getSize(){const{devicePixelRatio:e}=h(this,n),{width:i,height:o}=h(this,t).canvas;return{width:i/e,height:o/e,devicePixelRatio:e}}get canvas(){return h(this,t).canvas}get fillStyle(){return h(this,t).fillStyle}set fillStyle(e){h(this,t).fillStyle=e}get strokeStyle(){return h(this,t).strokeStyle}set strokeStyle(e){h(this,t).strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(h(this,t).lineWidth)}set lineWidth(e){h(this,t).lineWidth=this.$doPixelRatio(e)}get textAlign(){return h(this,t).textAlign}set textAlign(e){h(this,t).textAlign=e}get textBaseline(){return h(this,t).textBaseline}set textBaseline(e){h(this,t).textBaseline=e}get globalAlpha(){return h(this,t).globalAlpha}set globalAlpha(e){h(this,t).globalAlpha=e}get shadowColor(){return h(this,t).shadowColor}set shadowColor(e){h(this,t).shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(h(this,t).shadowOffsetX)}set shadowOffsetX(e){h(this,t).shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(h(this,t).shadowOffsetY)}set shadowOffsetY(e){h(this,t).shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(h(this,t).shadowBlur)}set shadowBlur(e){h(this,t).shadowBlur=this.$doPixelRatio(e)}get lineCap(){return h(this,t).lineCap}set lineCap(e){h(this,t).lineCap=e}get globalCompositeOperation(){return h(this,t).globalCompositeOperation}set globalCompositeOperation(e){h(this,t).globalCompositeOperation=e}fill(...e){return h(this,t).fill(...e)}arc(e,n,i,o,r,l){return h(this,t).arc(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),o,r,l)}rect(e,n,i,o){return h(this,t).rect(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,n,i,o){return h(this,t).fillRect(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,n,i,o){return h(this,t).clearRect(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return h(this,t).beginPath()}closePath(){return h(this,t).closePath()}lineTo(e,n){return h(this,t).lineTo(this.$doPixelRatio(e),this.$doPixelRatio(n))}moveTo(e,n){return h(this,t).moveTo(this.$doPixelRatio(e),this.$doPixelRatio(n))}arcTo(e,n,i,o,r){return h(this,t).arcTo(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r))}bezierCurveTo(e,n,i,o,r,l){return h(this,t).bezierCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r),this.$doPixelRatio(l))}quadraticCurveTo(e,n,i,o){return h(this,t).quadraticCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}getLineDash(){return h(this,t).getLineDash()}setLineDash(e){const n=e.map((e=>this.$doPixelRatio(e)));return h(this,t).setLineDash(n)}stroke(e){return e?h(this,t).stroke(e):h(this,t).stroke()}translate(e,n){return h(this,t).translate(this.$doPixelRatio(e),this.$doPixelRatio(n))}rotate(e){return h(this,t).rotate(e)}drawImage(...e){const n=e[0],i=e[1],o=e[2],r=e[3],l=e[4],a=e[e.length-4],s=e[e.length-3],c=e[e.length-2],u=e[e.length-1];return 9===e.length?h(this,t).drawImage(n,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(c),this.$doPixelRatio(u)):h(this,t).drawImage(n,this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(c),this.$doPixelRatio(u))}createPattern(e,n){return h(this,t).createPattern(e,n)}measureText(e){return h(this,t).measureText(e)}fillText(e,n,i,o){return void 0!==o?h(this,t).fillText(e,this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o)):h(this,t).fillText(e,this.$doPixelRatio(n),this.$doPixelRatio(i))}strokeText(e,n,i,o){return void 0!==o?h(this,t).strokeText(e,this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o)):h(this,t).strokeText(e,this.$doPixelRatio(n),this.$doPixelRatio(i))}save(){h(this,t).save()}restore(){h(this,t).restore()}scale(e,n){h(this,t).scale(e,n)}circle(e,n,i,o,r,l,a,s){h(this,t).ellipse(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),r,l,a,s)}isPointInPath(e,n){return h(this,t).isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(n))}clip(...e){return h(this,t).clip(...e)}setTransform(e,n,i,o,r,l){return h(this,t).setTransform(e,n,i,o,r,l)}getTransform(){return h(this,t).getTransform()}createLinearGradient(e,n,i,o){return h(this,t).createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,n,i,o,r,l){return h(this,t).createRadialGradient(this.$doPixelRatio(e),this.$doPixelRatio(n),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(r),this.$doPixelRatio(l))}createConicGradient(e,n,i){return h(this,t).createConicGradient(e,this.$doPixelRatio(n),this.$doPixelRatio(i))}}function T(e){const{width:t,height:n,ctx:i,devicePixelRatio:o}=e;let r=i;if(!r){const e=document.createElement("canvas");e.width=t*o,e.height=n*o,r=e.getContext("2d")}return new O(r,e)}function D(e){const{width:t,height:n,devicePixelRatio:i}=e,o=new OffscreenCanvas(t*i,n*i),r=o.getContext("2d").canvas.getContext("2d");return new O(r,{devicePixelRatio:i,offscreenCanvas:o})}t=new WeakMap,n=new WeakMap;function j(e,t){const n=(e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y);return 0===n?n:Math.sqrt(n)}function W(e,t){return e.x===t.x&&e.y===t.y&&e.t===t.t}function N(e){return e>=0||e<0}function F(e){return N(e.x)&&N(e.y)&&e.t>0}function B(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}i=new WeakMap;function V(e){return e/180*Math.PI}function H(e,t,n,i){const o=V(t||0);n&&(o>0||o<0)&&(e.translate(n.x,n.y),e.rotate(o),e.translate(-n.x,-n.y)),i(e),n&&(o>0||o<0)&&(e.translate(n.x,n.y),e.rotate(-o),e.translate(-n.x,-n.y))}function Q(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function G(e){const t=Math.min(e[0].x,e[1].x,e[2].x,e[3].x),n=Math.min(e[0].y,e[1].y,e[2].y,e[3].y);return Q({x:t,y:n,w:Math.max(e[0].x,e[1].x,e[2].x,e[3].x)-t,h:Math.max(e[0].y,e[1].y,e[2].y,e[3].y)-n})}function U(e,t){const n=t.x-e.x,i=t.y-e.y;if(0===n){if(i<0)return 0;if(i>0)return Math.PI}else if(0===i){if(n<0)return 3*Math.PI/2;if(n>0)return Math.PI/2}return n>0&&i<0?Math.atan(Math.abs(n)/Math.abs(i)):n>0&&i>0?Math.PI-Math.atan(Math.abs(n)/Math.abs(i)):n<0&&i>0?Math.PI+Math.atan(Math.abs(n)/Math.abs(i)):n<0&&i<0?2*Math.PI-Math.atan(Math.abs(n)/Math.abs(i)):0}function Y(e,t,n){let i=U(e,t)+n;i>2*Math.PI?i-=2*Math.PI:i<0-2*Math.PI&&(i+=2*Math.PI),i<0&&(i+=2*Math.PI);const o=j(e,t);let r=0,l=0;return 0===i?(r=0,l=0-o):i>0&&i<Math.PI/2?(r=Math.sin(i)*o,l=0-Math.cos(i)*o):i===Math.PI/2?(r=o,l=0):i>Math.PI/2&&i<Math.PI?(r=Math.sin(Math.PI-i)*o,l=Math.cos(Math.PI-i)*o):i===Math.PI?(r=0,l=o):i>Math.PI&&i<1.5*Math.PI?(r=0-Math.sin(i-Math.PI)*o,l=Math.cos(i-Math.PI)*o):i===1.5*Math.PI?(r=0-o,l=0):i>1.5*Math.PI&&i<2*Math.PI?(r=0-Math.sin(2*Math.PI-i)*o,l=0-Math.cos(2*Math.PI-i)*o):i===2*Math.PI&&(r=0,l=0-o),r+=e.x,l+=e.y,{x:r,y:l}}function X(e,t){if((null==t?void 0:t.length)>0){let n=e.x,i=e.y;return t.forEach((e=>{const{x:t,y:o,w:r,h:l,angle:a=0}=e,s=Y(Q({x:t,y:o,w:r,h:l}),{x:n,y:i},V(a));n=s.x,i=s.y})),{x:n,y:i}}return e}function q(e,t,n){const{x:i,y:o,w:r,h:l}=e;let a={x:i,y:o},s={x:i+r,y:o},c={x:i+r,y:o+l},u={x:i,y:o+l};if(n&&(n>0||n<0)){const e=V(K(n));a=Y(t,a,e),s=Y(t,s,e),c=Y(t,c,e),u=Y(t,u,e)}return[a,s,c,u]}function Z(e){const{angle:t=0}=e;return q(e,Q(e),t)}function J(e,t,n){return[Y(e,{x:t[0].x,y:t[0].y},n),Y(e,{x:t[1].x,y:t[1].y},n),Y(e,{x:t[2].x,y:t[2].y},n),Y(e,{x:t[3].x,y:t[3].y},n)]}function K(e){if(!(e>0||e<0)||0===e||360===e)return 0;let t=e%360;return t<0?t+=360:360===e&&(t=0),t}function _(e){var t;const n={x:0,y:0,w:0,h:0};let i=null;for(let o=0;o<e.length;o++){const r=e[o];if(null==(t=null==r?void 0:r.operations)?void 0:t.invisible)continue;const l={x:r.x,y:r.y,w:r.w,h:r.h,angle:r.angle||0};if(l.angle&&(l.angle>0||l.angle<0)){const e=Z(l);if(4===e.length){const t=[e[0].x,e[1].x,e[2].x,e[3].x],n=[e[0].y,e[1].y,e[2].y,e[3].y];l.x=Math.min(...t),l.y=Math.min(...n),l.w=Math.abs(Math.max(...t)-Math.min(...t)),l.h=Math.abs(Math.max(...n)-Math.min(...n))}}if(i){const e=Math.min(l.x,n.x),t=Math.min(l.y,n.y),i=Math.max(l.x+l.w,n.x+n.w),o=Math.max(l.y+l.h,n.y+n.h);n.x=e,n.y=t,n.w=Math.abs(i-e),n.h=Math.abs(o-t)}else n.x=l.x,n.y=l.y,n.w=l.w,n.h=l.h;i=l}return{x:Math.floor(n.x),y:Math.floor(n.y),w:Math.ceil(n.w),h:Math.ceil(n.h)}}function ee(e,t){const n={x:0,y:0,w:0,h:0};e.forEach((e=>{const t={x:e.x,y:e.y,w:e.w,h:e.h,angle:e.angle};if(t.angle&&(t.angle>0||t.angle<0)){const e=Z(t);if(4===e.length){const n=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];t.x=Math.min(...n),t.y=Math.min(...i),t.w=Math.abs(Math.max(...n)-Math.min(...n)),t.h=Math.abs(Math.max(...i)-Math.min(...i))}}const i=Math.min(t.x,n.x),o=Math.min(t.y,n.y),r=Math.max(t.x+t.w,n.x+n.w),l=Math.max(t.y+t.h,n.y+n.h);n.x=i,n.y=o,n.w=Math.abs(r-i),n.h=Math.abs(l-o)})),(null==t?void 0:t.extend)&&(n.x=Math.min(n.x,0),n.y=Math.min(n.y,0));const i={contextWidth:n.w,contextHeight:n.h};return(null==t?void 0:t.viewWidth)&&(null==t?void 0:t.viewHeight)&&(null==t?void 0:t.viewWidth)>0&&(null==t?void 0:t.viewHeight)>0&&(t.viewWidth>n.x+n.w&&(i.contextWidth=t.viewWidth-n.x),t.viewHeight>n.y+n.h&&(i.contextHeight=t.viewHeight-n.y)),i}function te(e,t){let n=null,i=t;for(let t=0;t<e.length;t++){const o=i[e[t]];if(t<e.length-1&&"group"===o.type)i=o.detail.children;else{if(t!==e.length-1)break;n=o}}return n}function ne(e,t){const n=[];let i=!1;const o=t=>{var r;for(let l=0;l<t.length&&!0!==i;l++){n.push(l);const a=t[l];if(a.uuid===e){i=!0;break}if("group"===a.type&&o((null==(r=null==a?void 0:a.detail)?void 0:r.children)||[]),i)break;n.pop()}};return o(t),n}function ie(e,t){const n=e.x,i=e.y,o=e.x+e.w,r=e.y+e.h,l=t.x,a=t.y,s=t.x+t.w,c=t.y+t.h;return n<=s&&o>=l&&i<=c&&r>=a}function oe(e){const{x:t,y:n,h:i,w:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t+o,y:n+i},{x:t,y:n+i}]}function re(e){const{x:t,y:n,w:i,h:o,angle:r=0}=e;return 0===r?oe(e):q(e,Q({x:t,y:n,w:i,h:o}),r)}function le(e){const t=[];let n=0,i=0;const o=[],r=[...e];for(let e=0;e<r.length;e++){const{x:l,y:a,w:s,h:c,angle:u=0}=r[e];let h;if(n+=l,i+=a,0===e){const e={x:n,y:i,w:s,h:c};h=re({x:l,y:a,w:s,h:c,angle:u}),o.push({center:Q(e),angle:u,radian:V(u)})}else{h=oe({x:n,y:i,w:s,h:c});for(let e=0;e<o.length;e++){const{center:t,radian:n}=o[e];h=J(t,h,n)}const e=G(h);if(u>0||u<0){h=J(e,h,V(u))}o.push({center:e,angle:u,radian:V(u)})}t.push(h)}return t}function ae(e,t){const{groupQueue:n}=t;if(!(n.length>0))return[re(e)];return le([...n,e])}function se(e,t){return ae(e,t).pop()||null}function ce(e,t){const{viewScaleInfo:n}=t,{x:i,y:o,w:r,h:l,angle:a}=e,{scale:s,offsetTop:c,offsetLeft:u}=n;return{x:i*s+u,y:o*s+c,w:r*s,h:l*s,angle:a}}function ue(e,t){const{viewScaleInfo:n}=t,{x:i,y:o}=e,{scale:r,offsetTop:l,offsetLeft:a}=n;return{x:i*r+a,y:o*r+l}}function he(e,t){const{context2d:n,element:i,viewScaleInfo:o}=t,{angle:r=0}=i,{x:l,y:a,w:s,h:c}=ce(i,{viewScaleInfo:o}),u=Z({x:l,y:a,w:s,h:c,angle:r});if(u.length>=2){n.beginPath(),n.moveTo(u[0].x,u[0].y);for(let e=1;e<u.length;e++)n.lineTo(u[e].x,u[e].y);n.closePath()}return!!n.isPointInPath(e.x,e.y)}function fe(e,t,n){const i=[t[0].x,t[1].x,t[2].x,t[3].x],o=[t[0].y,t[1].y,t[2].y,t[3].y],r=Math.min(...i),l=Math.max(...i),a=Math.min(...o),s=Math.max(...o);return e.x>r&&e.x<l&&e.y>a&&e.y<s||!0===(null==n?void 0:n.includeBorder)&&(e.x===r||e.x===l||e.y===a||e.y===s)}function de(e,t){const{groupQueue:n}=t,i=se(e,{groupQueue:n}),o=B(i[0],i[1]),r=B(i[1],i[2]),l=B(i[2],i[3]),a=B(i[3],i[0]),s=i[0],c=i[1],u=i[2],h=i[3],f=Math.max(s.x,c.x,u.x,h.x),d=Math.max(s.y,c.y,u.y,h.y);return{center:{x:(f+Math.min(s.x,c.x,u.x,h.x))/2,y:(d+Math.min(s.y,c.y,u.y,h.y))/2},topLeft:s,topRight:c,bottomLeft:h,bottomRight:u,top:o,right:r,left:a,bottom:l}}function ge(e,t){const{x:n,y:i}=e,{size:o,angle:r}=t;return{x:n-o/2,y:i-o/2,w:o,h:o,angle:r}}o=new WeakMap,r=new WeakMap,l=new WeakMap,a=new WeakSet,s=function(){return w(h(this,r))};const ye=/([astvzqmhlc])([^astvzqmhlc]*)/gi,xe=/(-?\d+(?:\.\d+)?)/gi;const pe=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g,me=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,ve=/^\s*$/,be={};function we(e){const t={type:"element",name:"",isVoid:!1,attributes:{},children:[]},n=e.match(/<\/?([^\s]+?)[/\s>]/);if(n&&(t.name=n[1],(be[n[1]]||"/"===e.charAt(e.length-2))&&(t.isVoid=!0),t.name.startsWith("!--"))){const t=e.indexOf("--\x3e");return{type:"comment",name:null,attributes:{},children:[],isVoid:!1,comment:-1!==t?e.slice(4,t):""}}const i=new RegExp(pe);let o=null;for(;o=i.exec(e),null!==o;)if(o[0].trim())if(o[1]){const e=o[1].trim();let n=[e,""];e.indexOf("=")>-1&&(n=e.split("=")),t.attributes[n[0]]=n[1],i.lastIndex--}else o[2]&&(t.attributes[o[2]]=o[3].trim().substring(1,o[3].length-1));return t}function Me(e,t){switch(t.type){case"text":return e+t.textContent;case"element":return e+="<"+t.name+(t.attributes?function(e){const t=[];for(let n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attributes):"")+(t.isVoid?"/>":">"),t.isVoid?e:e+t.children.reduce(Me,"")+"</"+t.name+">";case"comment":return e+="\x3c!--"+t.comment+"--\x3e"}}function Pe(e,t){let n=2;return void 0!==(null==t?void 0:t.decimalPlaces)&&(null==t?void 0:t.decimalPlaces)>=0&&(n=t.decimalPlaces),parseFloat(e.toFixed(n))}function Re(e){return e[1]!=-1*e[3]||e[4]!=e[0]||e[0]*e[4]-e[3]*e[1]!=1?null:Math.acos(e[0])}const Ie="Text Element";function $e(){return{boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"}}function Ee(){return{background:"#D9D9D9"}}const Se={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};const ze=e=>Pe(e,{decimalPlaces:4});function Ae(e,t){const{detail:n}=e,{xRatio:i,yRatio:o,maxRatio:r}=t,l=(i+o)/2,{borderWidth:a,borderRadius:s,borderDash:c,shadowOffsetX:u,shadowOffsetY:h,shadowBlur:f}=n;if("number"==typeof a)n.borderWidth=ze(a*l);else if(Array.isArray(n.borderWidth)){const e=a;n.borderWidth=[ze(e[0]*o),ze(e[1]*i),ze(e[2]*o),ze(e[3]*i)]}if("number"==typeof s)n.borderRadius=ze(s*l);else if(Array.isArray(n.borderRadius)){const e=s;n.borderRadius=[e[0]*i,e[1]*i,e[2]*o,e[3]*o]}Array.isArray(c)&&c.forEach(((e,t)=>{n.borderDash[t]=ze(e*r)})),"number"==typeof u&&(n.shadowOffsetX=ze(u*r)),"number"==typeof h&&(n.shadowOffsetX=ze(h*r)),"number"==typeof f&&(n.shadowOffsetX=ze(f*r))}function ke(e,t){const{type:n}=e;!function(e,t){const{xRatio:n,yRatio:i}=t,{x:o,y:r,w:l,h:a}=e;e.x=ze(o*n),e.y=ze(r*i),e.w=ze(l*n),e.h=ze(a*i),Ae(e,t)}(e,t),"circle"===n||("text"===n?function(e,t){const{minRatio:n,maxRatio:i}=t,{fontSize:o,lineHeight:r}=e.detail,l=(n+i)/2;o&&o>0&&(e.detail.fontSize=ze(o*l)),r&&r>0&&(e.detail.lineHeight=ze(r*l))}(e,t):"image"===n||"svg"===n||"html"===n||"path"===n||"group"===n&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ke(e,t)})))}function Ce(e,t){const n=t.w&&t.w>0?t.w:e.w,i=t.h&&t.h>0?t.h:e.h,o=n/e.w,r=i/e.h;if(o===r&&1===o)return e;const l=Math.min(o,r),a=Math.max(o,r);e.w=n,e.h=i;const s={xRatio:o,yRatio:r,minRatio:l,maxRatio:a};return"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ke(e,s)})),Ae(e,s),e}function Le(e,t,n){let i=!1;if(1===t.length){const o=t[0];n.splice(o,0,e),i=!0}else if(t.length>1){let o=n;for(let n=0;n<t.length;n++){const r=o[t[n]];if(n===t.length-1){const r=t[n];o.splice(r,0,e),i=!0}else{if(!(n<t.length-1&&"group"===r.type))break;o=r.detail.children}}}return i}function Oe(e,t){let n=!1;if(1===e.length){const i=e[0];t.splice(i,1),n=!0}else if(e.length>1){let i=t;for(let t=0;t<e.length;t++){const o=i[e[t]];if(t===e.length-1){const o=e[t];i.splice(o,1),n=!0}else{if(!(t<e.length-1&&"group"===o.type))break;i=o.detail.children}}}return n}function Te(e,t){const n=[...t.from],i=[...t.to];if(0===n.length||0===i.length)return{elements:e,from:n,to:i};if(n.length<=i.length)for(let t=0;t<n.length;t++)if(i[t]!==n[t]);else if(t===n.length-1)return{elements:e,from:n,to:i};const o=te(n,e);if(o){if(!Le(o,i,e))return{elements:e,from:n,to:i};let t=-1,r=!1;if(n.length>=1&&i.length>=1){if(n.length<=i.length)if(1===n.length)n[0]<i[0]&&(r=!0);else for(let e=0;e<n.length&&n[e]===i[e];e++)if(n.length===n.length-1){r=!0;break}if(n.length>=i.length)if(1===i.length)i[0]<n[0]&&(r=!0);else for(let e=0;e<i.length&&(e===i.length-1&&i[e]<n[e]&&(r=!0),n[e]===i[e]);e++);}if(!0===r)for(let e=0;e<n.length&&i[e]>=0;e++)i[e]!==n[e]&&i[e]<n[e]&&e==i.length-1&&(t=e);t>=0&&(n[t]=n[t]+1),Oe(n,e)}return{elements:e,from:n,to:i}}function De(e,t){var n;const i=Object.keys(t);for(let o=0;o<i.length;o++){const r=i[o];["x","y","w","h","angle","name"].includes(r)?e[r]=t[r]:["detail","operations"].includes(r)&&(R.json(t[r])?((null==e?void 0:e.hasOwnProperty(r))||(e[r]={}),R.json(e[r])&&(e[r]={...e[r],...t[r]})):R.array(t[r])&&((null==e?void 0:e.hasOwnProperty(r))||(e[r]=[]),R.array(e[r])&&(null==(n=null==t?void 0:t[r])||n.forEach(((t,n)=>{e[r][n]=t})),e[r]=[...e[r],...t[r]])))}return e}function je(e,t,n){var i;const o=te(e,n);return o&&("group"===o.type&&!0===(null==(i=o.operations)?void 0:i.deepResize)&&(t.w&&t.w>0||t.h&&t.h>0)&&Ce(o,{w:t.w,h:t.h}),De(o,t)),o}function We(e,t,n=void 0){const i=t.split(".").reduce(((e,t)=>Object(e)[t]),e);return void 0===i?n:i}function Ne(e,t,n){const i=t.split(".");return"object"!=typeof e||i.reduce(((e,t,i,o)=>i===o.length-1?(e[t]=n,null):(t in e||(e[t]=/^[0-9]{1,}$/.test(o[i+1])?[]:{}),e[t])),e),e}const Fe=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];return e.Context2D=O,e.EventEmitter=class{constructor(){f(this,i),d(this,i,new Map)}on(e,t){if(h(this,i).has(e)){const n=h(this,i).get(e)||[];null==n||n.push(t),h(this,i).set(e,n)}else h(this,i).set(e,[t])}off(e,t){if(h(this,i).has(e)){const n=h(this,i).get(e);if(Array.isArray(n))for(let e=0;e<(null==n?void 0:n.length);e++)if(n[e]===t){n.splice(e,1);break}h(this,i).set(e,n||[])}}trigger(e,t){const n=h(this,i).get(e);return!!Array.isArray(n)&&(n.forEach((e=>{e(t)})),!0)}has(e){if(h(this,i).has(e)){const t=h(this,i).get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}destroy(){this.clear()}clear(){h(this,i).clear()}},e.Store=class{constructor(e){f(this,a),f(this,o),f(this,r),f(this,l),d(this,r,w(e.defaultStorage)),d(this,o,g(this,a,s).call(this)),d(this,l,e.defaultStatic||{})}set(e,t){h(this,o)[e]=t}get(e){return h(this,o)[e]}setStatic(e,t){h(this,l)[e]=t}getStatic(e){return h(this,l)[e]}getSnapshot(e){return!0===(null==e?void 0:e.deepClone)?w(h(this,o)):{...h(this,o)}}clear(){d(this,o,g(this,a,s).call(this))}destroy(){d(this,o,null),d(this,l,null)}},e.calcDistance=j,e.calcElementCenter=Q,e.calcElementCenterFromVertexes=G,e.calcElementListSize=_,e.calcElementOriginRectInfo=de,e.calcElementQueueVertexesQueueInGroup=le,e.calcElementSizeController=function(e,t){const{groupQueue:n,controllerSize:i,viewScaleInfo:o,rotateControllerSize:r,rotateControllerPosition:l}=t,a=(i&&i>0?i:8)/o.scale,{x:s,y:c,w:u,h:h,angle:f=0}=e,d=r,g=l,y=[{uuid:p(),x:s,y:c,w:u,h:h,angle:f,type:"group",detail:{children:[]}},...n];let x=0;y.forEach((({angle:e=0})=>{x+=e}));const m=se(e,{groupQueue:n}),v=se({x:s,y:c-(g+d/2)/o.scale,h:h+(2*g+d)/o.scale,w:u,angle:f},{groupQueue:[...n]}),b=B(m[0],m[1]),w=B(m[1],m[2]),M=B(m[2],m[3]),P=B(m[3],m[0]),R=m[0],I=m[1],$=m[2],E=m[3],S=ge(b,{size:a,angle:x}),z=ge(w,{size:a,angle:x}),A=ge(M,{size:a,angle:x}),k=ge(P,{size:a,angle:x}),C=ge(R,{size:a,angle:x}),L=ge(I,{size:a,angle:x}),O=ge(E,{size:a,angle:x}),T=ge($,{size:a,angle:x}),D=re(C),j=re(L),W=re(O),N=re(T),F=[D[1],j[0],j[3],D[2]],V=[j[3],j[2],N[1],N[0]],H=[W[1],N[0],N[3],W[2]],G=[D[3],D[2],W[1],W[0]],U=re(S),Y=re(z),X=re(A),q=re(k),Z=B(v[0],v[1]),J=re(ge(Z,{size:1.1*r/o.scale,angle:x}));return{originalElementCenter:Q(e),originalElementSize:{...e},elementWrapper:m,left:{type:"left",vertexes:G,center:P,size:a},right:{type:"right",vertexes:V,center:w,size:a},top:{type:"top",vertexes:F,center:b,size:a},bottom:{type:"bottom",vertexes:H,center:M,size:a},topLeft:{type:"top-left",vertexes:D,center:R,size:a},topRight:{type:"top-right",vertexes:j,center:I,size:a},bottomLeft:{type:"bottom-left",vertexes:W,center:E,size:a},bottomRight:{type:"bottom-right",vertexes:N,center:$,size:a},leftMiddle:{type:"left-middle",vertexes:q,center:P,size:a},rightMiddle:{type:"right-middle",vertexes:Y,center:w,size:a},topMiddle:{type:"top-middle",vertexes:U,center:b,size:a},bottomMiddle:{type:"bottom-middle",vertexes:X,center:M,size:a},rotate:{type:"rotate",vertexes:J,center:Z,size:r}}},e.calcElementVertexesInGroup=se,e.calcElementVertexesQueueInGroup=ae,e.calcElementViewRectInfo=function(e,t){const{groupQueue:n,viewScaleInfo:i,range:o}=t,r=de(e,{groupQueue:n}),{center:l,top:a,bottom:s,left:c,right:u,topLeft:h,topRight:f,bottomLeft:d,bottomRight:g}=r,y={center:ue(l,{viewScaleInfo:i}),topLeft:ue(h,{viewScaleInfo:i}),topRight:ue(f,{viewScaleInfo:i}),bottomLeft:ue(d,{viewScaleInfo:i}),bottomRight:ue(g,{viewScaleInfo:i}),top:ue(a,{viewScaleInfo:i}),right:ue(u,{viewScaleInfo:i}),left:ue(c,{viewScaleInfo:i}),bottom:ue(s,{viewScaleInfo:i})};if(!0===o){const e=Math.max(y.topLeft.x,y.topRight.x,y.bottomRight.x,y.bottomLeft.x),t=Math.max(y.topLeft.y,y.topRight.y,y.bottomRight.y,y.bottomLeft.y),n=Math.min(y.topLeft.x,y.topRight.x,y.bottomRight.x,y.bottomLeft.x),i=Math.min(y.topLeft.y,y.topRight.y,y.bottomRight.y,y.bottomLeft.y),o={x:y.center.x,y:y.center.y},r={x:n,y:i},l={x:e,y:i},a={x:e,y:t},s={x:n,y:t},c=B(r,l),u=B(s,a),h=B(r,s);return{center:o,topLeft:r,topRight:l,bottomLeft:s,bottomRight:a,top:c,right:B(l,a),left:h,bottom:u}}return y},e.calcElementsContextSize=ee,e.calcElementsViewInfo=function(e,t,n){const i=ee(e,{viewWidth:t.width,viewHeight:t.height,extend:null==n?void 0:n.extend});return!0===(null==n?void 0:n.extend)&&(i.contextWidth=Math.max(i.contextWidth,t.contextWidth),i.contextHeight=Math.max(i.contextHeight,t.contextHeight)),{contextSize:i}},e.calcLayoutSizeController=function(e,t){const{controllerSize:n,viewScaleInfo:i}=t,o=n&&n>0?n:8,{x:r,y:l,w:a,h:s}=ce(e,{viewScaleInfo:i}),c=Q({x:r,y:l,w:a,h:s}),u={x:c.x,y:l},h={x:r+a,y:c.y},f={x:c.x,y:l+s},d={x:r,y:c.y},g={x:r,y:l},y={x:r+a,y:l},x={x:r+a,y:l+s},p={x:r,y:l+s},m=ge(u,{size:o,angle:0}),v=ge(h,{size:o,angle:0}),b=ge(f,{size:o,angle:0}),w=ge(d,{size:o,angle:0}),M=ge(g,{size:o,angle:0}),P=ge(y,{size:o,angle:0}),R=ge(p,{size:o,angle:0}),I=ge(x,{size:o,angle:0}),$=re(M),E=re(P),S=re(R),z=re(I),A=[$[1],E[0],E[3],$[2]],k=[E[3],E[2],z[1],z[0]],C=[S[1],z[0],z[3],S[2]],L=[$[3],$[2],S[1],S[0]],O=re(m),T=re(v),D=re(b);return{left:{type:"left",vertexes:L,center:d,size:o},right:{type:"right",vertexes:k,center:h,size:o},top:{type:"top",vertexes:A,center:u,size:o},bottom:{type:"bottom",vertexes:C,center:f,size:o},topLeft:{type:"top-left",vertexes:$,center:g,size:o},topRight:{type:"top-right",vertexes:E,center:y,size:o},bottomLeft:{type:"bottom-left",vertexes:S,center:p,size:o},bottomRight:{type:"bottom-right",vertexes:z,center:x,size:o},leftMiddle:{type:"left-middle",vertexes:re(w),center:d,size:o},rightMiddle:{type:"right-middle",vertexes:T,center:h,size:o},topMiddle:{type:"top-middle",vertexes:O,center:u,size:o},bottomMiddle:{type:"bottom-middle",vertexes:D,center:f,size:o}}},e.calcPointMoveElementInGroup=function(e,t,n){let i=t.x-e.x,o=t.y-e.y;const r=[];if(n.forEach((e=>{const{x:t,y:n,w:i,h:o,angle:l=0}=e;r.push({x:t,y:n,w:i,h:o,angle:0-l})})),(null==n?void 0:n.length)>0){const n=X(e,r),l=X(t,r);i=l.x-n.x,o=l.y-n.y}return{moveX:i,moveY:o}},e.calcRadian=function(e,t,n){const i=U(e,t),o=U(e,n);return null!==o&&null!==i?o-i:0},e.calcSpeed=function(e,t){return j(e,t)/Math.abs(t.t-e.t)},e.calcViewBoxSize=function(e,t){const{viewScaleInfo:n}=t,{scale:i}=n;let{borderRadius:o}=e.detail;const{borderDash:r}=e.detail,l=Array.isArray(r)&&r.length>0,{boxSizing:a=Se.boxSizing,borderWidth:s}=e.detail;Array.isArray(s)&&(o=0);let{x:c,y:u,w:h,h:f}=e,d=[0,0,0,0];if("number"==typeof o){const e=o*i;d=[e,e,e,e]}else Array.isArray(o)&&4===(null==o?void 0:o.length)&&(d=[o[0]*i,o[1]*i,o[2]*i,o[3]*i]);let g=0;return"number"==typeof s&&(g=(s||0)*i),"border-box"!==a||l?"content-box"===a?(c=e.x-g/2,u=e.y-g/2,h=e.w+g,f=e.h+g):(c=e.x,u=e.y,h=e.w,f=e.h):(c=e.x+g/2,u=e.y+g/2,h=e.w-g,f=e.h-g),h=Math.max(h,1),f=Math.max(f,1),d=d.map((e=>Math.min(e,h/2,f/2))),{x:c,y:u,w:h,h:f,radiusList:d}},e.calcViewCenter=function(e){let t=0,n=0;if(e){const{viewScaleInfo:i,viewSizeInfo:o}=e,{offsetLeft:r,offsetTop:l,scale:a}=i,{width:s,height:c}=o;t=0-r+s/a/2,n=0-l+c/a/2}return{x:t,y:n}},e.calcViewCenterContent=function(e,t){var n,i,o,r,l,a,s,c,u,h;let f=0,d=0,g=1,y=(null==(i=null==(n=null==e?void 0:e.elements)?void 0:n[0])?void 0:i.x)||0,x=(null==(r=null==(o=null==e?void 0:e.elements)?void 0:o[0])?void 0:r.y)||0,p=(null==(a=null==(l=null==e?void 0:e.elements)?void 0:l[0])?void 0:a.w)||0,m=(null==(c=null==(s=null==e?void 0:e.elements)?void 0:s[0])?void 0:c.h)||0;const{width:v,height:b}=t.viewSizeInfo;if(e.layout&&"hidden"===(null==(h=null==(u=e.layout)?void 0:u.detail)?void 0:h.overflow)?(y=0,x=0,p=e.layout.w||0,m=e.layout.h||0):e.elements.forEach((e=>{const t={x:e.x,y:e.y,w:e.w,h:e.h,angle:e.angle};if(t.angle&&(t.angle>0||t.angle<0)){const e=Z(t);if(4===e.length){const n=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];t.x=Math.min(...n),t.y=Math.min(...i),t.w=Math.abs(Math.max(...n)-Math.min(...n)),t.h=Math.abs(Math.max(...i)-Math.min(...i))}}const n=Math.min(t.x,y),i=Math.min(t.y,x),o=Math.max(t.x+t.w,y+p),r=Math.max(t.y+t.h,x+m);y=n,x=i,p=Math.abs(o-n),m=Math.abs(r-i)})),e.layout){const{x:t,y:n,w:i,h:o}=e.layout;k.x(t)&&k.y(n)&&k.w(i)&&k.h(o)&&(y=Math.min(y,t),x=Math.min(x,n),p=Math.max(p,i),m=Math.max(m,o))}if(p>0&&m>0){const e=Pe(v/p,{decimalPlaces:4}),t=Pe(b/m,{decimalPlaces:4});g=Math.min(e,t,1),f=(p*g-v)/2/g+y,d=(m*g-b)/2/g+x}return{offsetX:Pe(f,{decimalPlaces:0}),offsetY:Pe(d,{decimalPlaces:0}),scale:g}},e.calcViewElementSize=ce,e.calcViewPointSize=ue,e.calcViewScaleInfo=function(e,t){const{scale:n,offsetX:i,offsetY:o}=e,{viewSizeInfo:r}=t,{width:l,height:a,contextWidth:s,contextHeight:c}=r,u=0-i*n,h=0-o*n;return{scale:n,offsetLeft:u,offsetTop:h,offsetRight:l-(s*n+u/n),offsetBottom:a-(c*n+h/n)}},e.calcViewVertexes=function(e,t){return[ue(e[0],t),ue(e[1],t),ue(e[2],t),ue(e[3],t)]},e.check=L,e.checkRectIntersect=ie,e.colorNameToHex=function(e){const t=e.toLowerCase(),n=x[t];return"string"==typeof n?n:null},e.colorToCSS=function(e){let t="transparent";if("string"==typeof e)t=e;else if(1===(null==e?void 0:e.stops.length))t=e.stops[0].color;else if("linear-gradient"===(null==e?void 0:e.type)){const n=[];"number"==typeof e.angle?n.push(`${e.angle}deg`):n.push("180deg"),Array.isArray(e.stops)&&e.stops.forEach((e=>{n.push(`${e.color} ${100*e.offset}%`)})),t=`linear-gradient(${n.join(", ")})`}else if("radial-gradient"===(null==e?void 0:e.type)){const n=[];Array.isArray(e.stops)&&e.stops.forEach((e=>{n.push(`${e.color} ${100*e.offset}%`)})),t=`radial-gradient(circle, ${n.join(", ")})`}return t},e.colorToLinearGradientCSS=function(e){let t="transparent";if("string"==typeof e)t=e;else if("radial-gradient"===(null==e?void 0:e.type)||"linear-gradient"===(null==e?void 0:e.type)){const n=[];Array.isArray(e.stops)&&e.stops.length>0&&(e.stops.forEach(((t,i)=>{n.push(`${t.color} ${100*t.offset}%`),i===e.stops.length-1&&t.offset<1&&n.push(`${t.color} ${100*t.offset}%`)})),t=`linear-gradient(90deg, ${n.join(", ")})`)}return t},e.compose=function(e){return function(t,n){return function i(o){let r=e[o];o===e.length&&n&&(r=n);if(!r)return Promise.resolve();try{return Promise.resolve(r(t,i.bind(null,o+1)))}catch(e){return Promise.reject(e)}}(0)}},e.compressImage=function(e,t){let n=.5;const i=(null==t?void 0:t.type)||"image/png";return(null==t?void 0:t.radio)&&(null==t?void 0:t.radio)>0&&(null==t?void 0:t.radio)<=1&&(n=null==t?void 0:t.radio),new Promise(((t,o)=>{const r=new Image;r.addEventListener("load",(()=>{const{width:e,height:o}=r,l=e*n,a=o*n;let s=document.createElement("canvas");s.width=l,s.height=a;s.getContext("2d").drawImage(r,0,0,l,a);const c=s.toDataURL(i);s=null,t(c)})),r.addEventListener("error",(e=>{o(e)})),r.src=e}))},e.createAssetId=v,e.createBoardContent=function(e,t){const{width:n,height:i,devicePixelRatio:o}=t,r={width:n,height:i,devicePixelRatio:o},l=e.getContext("2d"),a=D(r),s=D(r),c=D(r),u=T({ctx:l,...r}),h=D(r);return{underlayContext:c,viewContext:a,overlayContext:s,boardContext:u,tempContext:h,drawView:()=>{const{width:e,height:t}=a.$getSize();u.clearRect(0,0,e,t),u.drawImage(c.canvas,0,0,e,t),u.drawImage(a.canvas,0,0,e,t),u.drawImage(s.canvas,0,0,e,t),c.clearRect(0,0,e,t),a.clearRect(0,0,e,t),s.clearRect(0,0,e,t)}}},e.createContext2D=T,e.createElement=function(e,t,n){const i=function(e,t){let n=0,i=0,o=200,r=200;if(t){const{viewScaleInfo:l,viewSizeInfo:a}=t,{scale:s,offsetLeft:c,offsetTop:u}=l,{width:h,height:f}=a,d=h/4,g=f/4;o=200>=d?d/s:200/s,r=200>=g?g/s:200/s,["circle","svg","image"].includes(e)?o=r=Math.max(o,r):"text"===e&&(r=o/12*2),n=(0-c+h/2-o*s/2)/s,i=(0-u+f/2-r*s/2)/s}return{x:n,y:i,w:o,h:r}}(e,n);let o={};return"rect"===e?o={background:"#D9D9D9"}:"circle"===e?o={background:"#D9D9D9",radius:0}:"text"===e?o=function(e){const t={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};return{text:Ie,color:t.color,fontFamily:t.fontFamily,fontWeight:t.fontWeight,lineHeight:e.w/12,fontSize:e.w/12,textAlign:"center",verticalAlign:"middle"}}(i):"svg"===e?o={svg:'<svg t="1701004189871" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" fill="#2c2c2c"></path></svg>'}:"image"===e?o={src:"data:image/svg+xml;base64,PHN2ZyAgIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik05MjggMTYwSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NDBjMCAxNy43IDE0LjMgMzIgMzIgMzJoODMyYzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE5MmMwLTE3LjctMTQuMy0zMi0zMi0zMnogbS00MCA2MzJIMTM2di0zOS45bDEzOC41LTE2NC4zIDE1MC4xIDE3OEw2NTguMSA0ODkgODg4IDc2MS42Vjc5MnogbTAtMTI5LjhMNjY0LjIgMzk2LjhjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDQyNC42IDY2Ni40bC0xNDQtMTcwLjdjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDEzNiA2NTIuN1YyMzJoNzUydjQzMC4yeiIgIGZpbGw9IiM1MTUxNTEiPjwvcGF0aD48cGF0aCBkPSJNMzA0IDQ1NmM0OC42IDAgODgtMzkuNCA4OC04OHMtMzkuNC04OC04OC04OC04OCAzOS40LTg4IDg4IDM5LjQgODggODggODh6IG0wLTExNmMxNS41IDAgMjggMTIuNSAyOCAyOHMtMTIuNSAyOC0yOCAyOC0yOC0xMi41LTI4LTI4IDEyLjUtMjggMjgtMjh6IiAgZmlsbD0iIzUxNTE1MSI+PC9wYXRoPjwvc3ZnPg=="}:"group"===e&&(o={children:[],background:"#D9D9D9",overflow:"hidden"}),{...i,...t,uuid:p(),type:e,detail:{...o,...t.detail||{}}}},e.createOffscreenContext2D=D,e.createUUID=p,e.debounce=function(e,t){let n=-1;return function(...i){n>=0&&window.clearTimeout(n),n=setTimeout((()=>{e(...i),n=-1}),t)}},e.deepClone=w,e.deepCloneData=function(e){const{elements:t,...n}=e;return{...w(n),elements:t.map((e=>M(e)))}},e.deepCloneElement=M,e.deepResizeGroupElement=Ce,e.delay=function(e){return new Promise((t=>{setTimeout((()=>{t()}),e)}))},e.deleteElementInList=function(e,t){return Oe(ne(e,t),t)},e.deleteElementInListByPosition=Oe,e.downloadFileFromText=function(e,t){const{fileName:n}=t,i=function(e){const t=(new TextEncoder).encode(e),n=new Blob([t],{type:"text/plain;charset=utf-8"});return window.URL.createObjectURL(n)}(e);let o=document.createElement("a");o.href=i,o.download=n,o.click(),o=null},e.downloadImageFromCanvas=function(e,t){const{fileName:n,type:i="image/jpeg"}=t,o=e.toDataURL(i);let r=document.createElement("a");r.href=o,r.download=n,r.click(),r=null},e.elementToBoxInfo=function(e){const{x:t,y:n,w:i,h:o,detail:r}=e,{borderWidth:l,borderRadius:a,boxSizing:s}=r;let c=0,u=0,h=0,f=0,d=0,g=0,y=0,x=0;"number"==typeof l&&l>0?(c=l,u=l,h=l,f=l):Array.isArray(l)&&(c=k.positiveNum(l[0])?l[0]:0,u=k.positiveNum(l[1])?l[0]:0,h=k.positiveNum(l[2])?l[0]:0,f=k.positiveNum(l[3])?l[0]:0),"number"==typeof a&&a>0?(d=a,g=a,y=a,x=a):Array.isArray(a)&&(d=k.positiveNum(a[0])?a[0]:0,g=k.positiveNum(a[0])?a[0]:0,y=k.positiveNum(a[0])?a[0]:0,x=k.positiveNum(a[0])?a[0]:0);const p={x:t,y:n},m={x:t+i,y:n},v={x:t+i,y:n+o},b={x:t,y:n+o},w={x:t,y:n+d},M={x:t+d,y:n},P={x:t+i-g,y:n},R={x:t+i,y:n+g},I={x:t+i,y:n+o-x},$={x:t+i-x,y:n+o},E={x:t+y,y:n+o},S={x:t,y:n+o-y};let z={...p},A={...m},C={...v},L={...b},O={...w},T={...M},D={...P},j={...R},W={...I},N={...$},F={...E},B={...S},V={...p},H={...m},Q={...v},G={...b},U={...w},Y={...M},X={...P},q={...R},Z={...I},J={...$},K={...E},_={...S};return"border-box"===s?(V={x:V.x+f,y:V.y+c},H={x:H.x-u,y:H.y+c},Q={x:Q.x-u,y:Q.y-h},G={x:G.x+f,y:G.y-h},U={x:U.x+f,y:U.y+c},Y={x:Y.x+f,y:Y.y+c},X={x:X.x-u,y:X.y+c},q={x:q.x-u,y:q.y+c},Z={x:Z.x-u,y:Z.y-h},J={x:J.x-u,y:J.y-h},K={x:K.x+f,y:K.y-h},_={x:_.x+f,y:_.y-h}):"content-box"===s?(z={x:z.x-f,y:z.y-c},A={x:A.x+u,y:A.y-c},C={x:C.x+u,y:C.y+h},L={x:L.x-f,y:L.y+h},O={x:O.x-f,y:O.y-c},T={x:T.x-f,y:T.y-c},D={x:D.x+u,y:D.y-c},j={x:j.x+u,y:j.y-c},W={x:W.x+u,y:W.y+h},N={x:N.x+u,y:N.y+h},F={x:F.x-f,y:F.y+h},B={x:B.x-f,y:B.y+h}):(V={x:V.x+f/2,y:V.y+c/2},H={x:H.x-u/2,y:H.y+c/2},Q={x:Q.x-u/2,y:Q.y-h/2},G={x:G.x+f/2,y:G.y-h/2},U={x:U.x+f/2,y:U.y+c/2},Y={x:Y.x+f/2,y:Y.y+c/2},X={x:X.x-u/2,y:X.y+c/2},q={x:q.x-u/2,y:q.y+c/2},Z={x:Z.x-u/2,y:Z.y-h/2},J={x:J.x-u/2,y:J.y-h/2},K={x:K.x+f/2,y:K.y-h/2},_={x:_.x+f/2,y:_.y-h/2},z={x:z.x-f/2,y:z.y-c/2},A={x:A.x+u/2,y:A.y-c/2},C={x:C.x+u/2,y:C.y+h/2},L={x:L.x-f/2,y:L.y+h/2},O={x:O.x-f/2,y:O.y-c/2},T={x:T.x-f/2,y:T.y-c/2},D={x:D.x+u/2,y:D.y-c/2},j={x:j.x+u/2,y:j.y-c/2},W={x:W.x+u/2,y:W.y+h/2},N={x:N.x+u/2,y:N.y+h/2},F={x:F.x-f/2,y:F.y+h/2},B={x:B.x-f/2,y:B.y+h/2}),{btw:c,brw:u,bbw:h,blw:f,btlr:d,btrr:g,bblr:y,bbrr:x,p0:p,p1:m,p2:v,p3:b,p0s:w,p0e:M,p1s:P,p1e:R,p2s:I,p2e:$,p3s:E,p3e:S,op0:z,op1:A,op2:C,op3:L,op0s:O,op0e:T,op1s:D,op1e:j,op2s:W,op2e:N,op3s:F,op3e:B,ip0:V,ip1:H,ip2:Q,ip3:G,ip0s:U,ip0e:Y,ip1s:X,ip1e:q,ip2s:Z,ip2e:J,ip3s:K,ip3e:_}},e.enhanceFontFamliy=function(e){return[e,...Fe].join(", ")},e.equalPoint=W,e.equalTouchPoint=function(e,t){return!0===W(e,t)&&e.f===t.f},e.filterCompactData=function(e,t){const n=e.assets||{},i=w(e),o=(null==t?void 0:t.loadItemMap)||{},r=e=>{e.forEach((e=>{var t,i,l;if("image"===e.type&&e.detail.src){const i=e.detail.src;if(b(i)&&!n[i]&&o[i]&&"string"==typeof(null==(t=o[i])?void 0:t.source))n[i]={type:"image",value:o[i].source};else if(!n[i]){const t=v(i);n[t]||(n[t]={type:"image",value:i}),e.detail.src=t}}else if("svg"===e.type){const t=e.detail.svg;if(b(t)&&!n[t]&&o[t]&&"string"==typeof(null==(i=o[t])?void 0:i.source))n[t]={type:"svg",value:o[t].source};else if(!n[t]){const i=v(t);n[i]||(n[i]={type:"svg",value:t}),e.detail.svg=i}}else if("html"===e.type){const t=e.detail.html;if(b(t)&&!n[t]&&o[t]&&"string"==typeof(null==(l=o[t])?void 0:l.source))n[t]={type:"html",value:o[t].source};else if(!n[t]){const i=v(t);n[i]||(n[i]={type:"html",value:t}),e.detail.html=i}}else if("group"===e.type&&Array.isArray(e.detail.children)){const t=e.detail.assets||{};Object.keys(t).forEach((e=>{n[e]||(n[e]=t[e])})),delete e.detail.assets,r(e.detail.children)}}))};return r(i.elements),i.assets=n,i},e.filterElementAsset=function(e){let t=null,n=null,i=null;return"image"===e.type?i=e.detail.src:"svg"===e.type?i=e.detail.svg:"html"===e.type&&(i=e.detail.html),"string"!=typeof i||b(i)||(t=v(i),n={type:e.type,value:i},"image"===e.type?e.detail.src=t:"svg"===e.type?e.detail.svg=t:"html"===e.type&&(e.detail.html=t)),{element:e,assetId:t,assetItem:n}},e.findElementFromList=function e(t,n){var i;let o=null;for(let r=0;r<n.length;r++){const l=n[r];if(l.uuid===t){o=l;break}if(!o&&"group"===l.type){const n=e(t,(null==(i=null==l?void 0:l.detail)?void 0:i.children)||[]);if((null==n?void 0:n.uuid)===t){o=n;break}}}return o},e.findElementFromListByPosition=te,e.findElementQueueFromListByPosition=function(e,t){const n=[];let i=t;for(let t=0;t<e.length;t++){const o=i[e[t]];if(!o)break;if(n.push(o),!(t<e.length-1&&"group"===o.type))break;i=o.detail.children}return n},e.findElementsFromList=function(e,t){const n=[];return function t(i){var o;for(let r=0;r<i.length;r++){const l=i[r];e.includes(l.uuid)?n.push(l):"group"===l.type&&t((null==(o=null==l?void 0:l.detail)?void 0:o.children)||[])}}(t),n},e.findElementsFromListByPositions=function(e,t){const n=[];return e.forEach((e=>{const i=te(e,t);i&&n.push(i)})),n},e.flatElementList=function(e){const t=[],n=[],i=e=>{if(!function(e){var t;if(["rect","circle"].includes(e.type)){const t=e.detail;if(!t.background&&!t.borderWidth)return!1;if("transparent"===t.background&&!t.borderWidth)return!1}if(["group"].includes(e.type)){const t=e.detail||{},{children:n}=t;if(!(n.length>0||t.background||t.borderWidth))return!1;if(!(n.length>0||"transparent"!==t.background||t.borderWidth))return!1}if("text"===e.type&&!e.detail.text)return!1;if("image"===e.type&&!e.detail.src)return!1;if("html"===e.type&&!e.detail.html)return!1;if("svg"===e.type&&!e.detail.svg)return!1;if("path"===e.type){const n=e.detail;if(!((null==(t=null==n?void 0:n.commands)?void 0:t.length)>0))return!1}return!0}(e))return;const i=function(e,t){const{groupQueue:n}=t;let{x:i,y:o,w:r,h:l,angle:a=0}=e,s=0;if(n.forEach((e=>{i+=e.x,o+=e.y,s+=e.angle||0})),s=K(s),0===s)return{x:i,y:o,w:r,h:l,angle:a};s+=e.angle||0,s=K(s);const c=se(e,{groupQueue:n}),u=Y(G(c),c[0],V(0-s));return i=u.x,o=u.y,{x:i,y:o,w:r,h:l,angle:s}}(e,{groupQueue:n}),o={...e,...i};t.push(o)},o=e=>{var t;if(!0!==(null==(t=null==e?void 0:e.operations)?void 0:t.invisible))if("group"===e.type){const{detail:t}=e,{children:r,...l}=t;i({...e,detail:{...l,children:[]}}),n.push(e),r.forEach((e=>{o(e)})),n.pop()}else i(e)};for(let t=0;t<e.length;t++){const n=e[t];o(n)}return t},e.formatNumber=Pe,e.generateHTML=function(e){return e.reduce((function(e,t){return e+Me("",t)}),"")},e.generateSVGPath=function(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t},e.getCenterFromTwoPoints=B,e.getDefaultElementDetailConfig=$e,e.getDefaultElementRectDetail=Ee,e.getElemenetsAssetIds=function(e){const t=[],n=e=>{e.forEach((e=>{"image"===e.type&&b(e.detail.src)?t.push(e.detail.src):"svg"===e.type&&b(e.detail.svg)?t.push(e.detail.svg):"html"===e.type&&e.detail.html?t.push(e.detail.html):"group"===e.type&&Array.isArray(e.detail.children)&&n(e.detail.children)}))};return n(e),t},e.getElementPositionFromList=ne,e.getElementPositionMapFromList=function(e,t){const n=[],i={};let o=!1;const r=t=>{var l;for(let a=0;a<t.length&&!0!==o;a++){n.push(a);const s=t[a];if(e.includes(s.uuid)){if(i[s.uuid]=[...n],Object.keys(i).length===e.length){o=!0;break}}else"group"===s.type&&r((null==(l=null==s?void 0:s.detail)?void 0:l.children)||[]);if(o)break;n.pop()}};return r(t),i},e.getElementRotateVertexes=q,e.getElementSize=function(e){const{x:t,y:n,w:i,h:o,angle:r}=e;return{x:t,y:n,w:i,h:o,angle:r}},e.getElementVertexes=oe,e.getGroupQueueByElementPosition=function(e,t){var n;const i=[];let o=e;if(t.length>1)for(let e=0;e<t.length-1;e++){const r=o[t[e]];if("group"!==(null==r?void 0:r.type)||!Array.isArray(null==(n=null==r?void 0:r.detail)?void 0:n.children))return null;i.push(r),o=r.detail.children}return i},e.getGroupQueueFromList=function(e,t){const n=[];return function e(t,i){var o;let r=null;for(let l=0;l<i.length;l++){const a=i[l];if(a.uuid===t){r=a;break}if(!r&&"group"===a.type){n.push(a);const i=e(t,(null==(o=null==a?void 0:a.detail)?void 0:o.children)||[]);if((null==i?void 0:i.uuid)===t){r=i;break}n.pop()}}return r}(e,t),n},e.getModifiedElement=function(e,t){const n={},i=[],o=e=>{if(R.json(e)){Object.keys(e).forEach((r=>{if(i.push(r),R.json(e[r])||R.array(e[r]))o(e[r]);else{const e=i.join(".");if("uuid"!==e){const o=We(t,e);Ne(n,i.join("."),o)}}i.pop()}))}else R.array(e)&&e.forEach((r=>{if(i.push(r),R.json(e[r])||R.array(e[r]))o(e[r]);else{const e=We(t,i.join("."));Ne(n,i.join("."),e)}i.pop()}))};return o(e),n},e.getSelectedElementUUIDs=function(e,t){var n;let i=[];return Array.isArray(null==e?void 0:e.elements)&&(null==(n=null==e?void 0:e.elements)?void 0:n.length)>0&&Array.isArray(t)&&t.length>0&&t.forEach((t=>{var n;"number"==typeof t?(null==(n=null==e?void 0:e.elements)?void 0:n[t])&&i.push(e.elements[t].uuid):"string"==typeof t&&(i=i.concat(function(e,t){var n;const i=[];if("string"==typeof t&&/^\d+(\.\d+)*$/.test(t)){const o=t.split(".");let r=e;for(;o.length>0;){const e=o.shift();if("string"==typeof e){const t=r[parseInt(e)];t&&0===o.length?i.push(t.uuid):"group"===t.type&&o.length>0&&(r=(null==(n=null==t?void 0:t.detail)?void 0:n.children)||[])}break}}return i}(e.elements,t)))})),i},e.getViewPointAtElement=function(e,t){var n,i,o;const{context2d:r,data:l,viewScaleInfo:a,viewSizeInfo:s,groupQueue:c}=t,u={index:-1,element:null,groupQueueIndex:-1};if(c&&Array.isArray(c)&&(null==c?void 0:c.length)>0)for(let t=c.length-1;t>=0;t--){let o=0,l=0,s=0;for(let e=0;e<=t;e++)o+=c[e].x,l+=c[e].y,s+=c[e].angle||0;const h=c[t];if(h&&"group"===h.type&&Array.isArray(null==(n=h.detail)?void 0:n.children))for(let n=0;n<h.detail.children.length;n++){const f=h.detail.children[n];if(!0!==(null==(i=null==f?void 0:f.operations)?void 0:i.invisible)){if(!f)break;if(he(e,{context2d:r,element:{x:o+f.x,y:l+f.y,w:f.w,h:f.h,angle:s+(f.angle||0)},viewScaleInfo:a})){u.element=f,(t<c.length-1||"group"!==f.type)&&(u.groupQueueIndex=t);break}}}if(u.element)break}if(u.element)return u;for(let t=l.elements.length-1;t>=0;t--){const n=l.elements[t];if(!0!==(null==(o=null==n?void 0:n.operations)?void 0:o.invisible)&&he(e,{context2d:r,element:n,viewScaleInfo:a})){u.index=t,u.element=n;break}}return u},e.getViewScaleInfoFromSnapshot=function(e){const{activeStore:t}=e;return{scale:null==t?void 0:t.scale,offsetTop:null==t?void 0:t.offsetTop,offsetBottom:null==t?void 0:t.offsetBottom,offsetLeft:null==t?void 0:t.offsetLeft,offsetRight:null==t?void 0:t.offsetRight}},e.getViewSizeInfoFromSnapshot=function(e){const{activeStore:t}=e;return{devicePixelRatio:t.devicePixelRatio,width:null==t?void 0:t.width,height:null==t?void 0:t.height,contextWidth:null==t?void 0:t.contextWidth,contextHeight:null==t?void 0:t.contextHeight}},e.groupElementsByPosition=function(e,t){if(t.length>1){let n=!0,i=[];for(let e=1;e<t.length;e++){const o=t[e-1],r=t[e];if(!(o.length>0&&r.length>0)){n=!1;break}if(o.length!==r.length){n=!1;break}const l=[...o],a=[...r],s=l.pop(),c=a.pop();1===e&&"number"==typeof s&&s>=0&&i.push(s),"number"==typeof c&&c>=0&&i.push(c)}if(!0!==n)return console.error("[idraw]: The grouped elements are not siblings!"),e;i.sort(((e,t)=>e-t));const o=[...t[0]].splice(0,t[0].length-1),r=[],l=[...o,i[0]];for(let t=0;t<i.length;t++){const n=te([...o,i[t]],e);n&&r.push(n)}const a=_(r);for(let e=0;e<r.length;e++){const t=r[e];t&&(t.x-=a.x,t.y-=a.y)}for(let t=i.length-1;t>=0;t--){Oe([...o,i[t]],e)}Le({name:"Group",uuid:p(),type:"group",...a,detail:{children:r}},l,e)}return e},e.insertElementToListByPosition=Le,e.is=k,e.isAssetId=b,e.isColorStr=y,e.isElementInView=function(e,t){const{viewSizeInfo:n,viewScaleInfo:i}=t,{width:o,height:r}=n,{angle:l}=e,{x:a,y:s,w:c,h:u}=ce(e,{viewScaleInfo:i}),h=Z({x:a,y:s,w:c,h:u,angle:l}),f={x:0,y:0,w:o,h:r},d=Math.min(h[0].x,h[1].x,h[2].x,h[3].x),g=Math.min(h[0].y,h[1].y,h[2].y,h[3].y);return ie(f,{x:d,y:g,w:Math.max(h[0].x,h[1].x,h[2].x,h[3].x)-d,h:Math.max(h[0].y,h[1].y,h[2].y,h[3].y)-g})},e.isResourceElement=function(e){return["image","svg","html"].includes(null==e?void 0:e.type)},e.isSameElementSize=function(e,t){return e.x===t.x&&e.y===t.y&&e.h===t.h&&e.w===t.w&&K(e.angle||0)===K(t.angle||0)},e.isViewPointInElement=he,e.isViewPointInElementSize=function(e,t,n){return fe(e,re(t),n)},e.isViewPointInVertexes=fe,e.istype=R,e.limitAngle=K,e.loadHTML=async function(e,t){e=e.replace(/\&/gi,"&amp;");const n=await function(e,t){const{width:n,height:i}=t;return new Promise(((t,o)=>{const r=new Blob([`\n <svg \n xmlns="http://www.w3.org/2000/svg" \n width="${n||""}" \n height = "${i||""}">\n <foreignObject width="100%" height="100%">\n <div xmlns = "http://www.w3.org/1999/xhtml">\n ${e}\n </div>\n </foreignObject>\n </svg>\n `],{type:"image/svg+xml;charset=utf-8"}),l=new FileReader;l.readAsDataURL(r),l.onload=function(e){var n;const i=null==(n=null==e?void 0:e.target)?void 0:n.result;t(i)},l.onerror=function(e){o(e)}}))}(e,t);return await $(n)},e.loadImage=$,e.loadSVG=async function(e){const t=await function(e){return new Promise(((t,n)=>{const i=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),o=new FileReader;o.readAsDataURL(i),o.onload=function(e){var n;const i=null==(n=null==e?void 0:e.target)?void 0:n.result;t(i)},o.onerror=function(e){n(e)}}))}(e);return await $(t)},e.matrixToAngle=function(e){const t=Re(e);if("number"==typeof t){return 180*t/Math.PI}return t},e.matrixToRadian=Re,e.merge=function e(t,n){const i=t;for(const t in n)Object.prototype.hasOwnProperty.call(n,t)&&("object"==typeof n[t]&&null!==n[t]&&"object"==typeof i[t]&&null!==i[t]?i[t]=e(i[t],n[t]):i[t]=n[t]);return t},e.mergeElementAsset=function(e,t){const n=e;let i=null,o=null;return"image"===n.type?i=n.detail.src:"svg"===n.type?i=n.detail.svg:"html"===n.type&&(i=n.detail.html),i&&(null==i?void 0:i.startsWith("@assets/"))&&(o=t[i]),(null==o?void 0:o.type)===n.type&&"string"==typeof(null==o?void 0:o.value)&&(null==o?void 0:o.value)&&("image"===n.type?n.detail.src=o.value:"svg"===n.type?n.detail.svg=o.value:"html"===n.type&&(n.detail.html=o.value)),n},e.mergeHexColorAlpha=function(e,t){if(1===t)return e;let n=1;const i=/^#[0-9a-f]{6,6}$/i;let o=e;if(i.test(e)?n=parseInt(e.substring(5,7).replace(/^#/,"0x")):/^#[0-9a-f]{8,8}$/i.test(e)&&(n=parseInt(e.substring(7,9).replace(/^#/,"0x")),o=e.substring(0,7)),n*=t,i.test(o)&&n>0&&n<1){const e=Math.max(0,Math.min(255,Math.ceil(256*n)));o=`${o.toUpperCase()}${e.toString(16).toUpperCase()}`}return o},e.modifyElement=function(e,t){const{type:n}=t,i={...t.content};if("addElement"===n){const n=t,{element:i,position:o}=n.content;(null==o?void 0:o.length)>0?Le(i,[...o],e.elements):e.elements.push(i)}else if("deleteElement"===n){const n=t,{position:i}=n.content;Oe(i,e.elements)}else if("moveElement"===n){const n=t,{from:o,to:r}=n.content,l=Te(e.elements,{from:o,to:r});i.from=l.from,i.to=l.to,e.elements=l.elements}else if("updateElement"===n){const n=t,{position:i,afterModifiedElement:o}=n.content;je(i,o,e.elements)}return{data:e,content:i}},e.moveElementPosition=Te,e.omit=function(e,t){const n={...e};for(const e of t)delete n[e];return n},e.originRectInfoToRangeRectInfo=function(e){const t=Math.max(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),n=Math.max(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),i=Math.min(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),o=Math.min(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),r={x:e.center.x,y:e.center.y},l={x:i,y:o},a={x:t,y:o},s={x:t,y:n},c={x:i,y:n},u=B(l,a),h=B(c,s),f=B(l,c);return{center:r,topLeft:l,topRight:a,bottomLeft:c,bottomRight:s,top:u,right:B(a,s),left:f,bottom:h}},e.parseAngleToRadian=V,e.parseFileToBase64=function(e){return new Promise((function(t,n){let i=new FileReader;i.addEventListener("load",(function(){t(i.result),i=null})),i.addEventListener("error",(function(e){n(e),i=null})),i.addEventListener("abort",(function(){n(new Error("abort")),i=null})),i.readAsDataURL(e)}))},e.parseFileToText=function(e){return new Promise((function(t,n){let i=new FileReader;i.addEventListener("load",(function(){t(i.result),i=null})),i.addEventListener("error",(function(e){n(e),i=null})),i.addEventListener("abort",(function(){n(new Error("abort")),i=null})),i.readAsText(e)}))},e.parseHTML=function(e){const t=[],n=[];let i,o=-1;return e.replace(me,((r,l)=>{const a="/"!==r.charAt(1),s=r.startsWith("\x3c!--"),c=l+r.length,u=e.charAt(c);let h;if(s){const e=we(r);return o<0?(t.push(e),r):(h=n[o],h.children.push(e),r)}if(a){if(o++,i=we(r),!i.isVoid&&u&&"<"!==u){const t=e.slice(c,e.indexOf("<",c));t.trim()&&i.children.push({type:"text",name:null,attributes:{},children:[],isVoid:!1,textContent:t.trim()})}0===o&&t.push(i),h=n[o-1],h&&h.children.push(i),n[o]=i}if((!a||!Array.isArray(i)&&i.isVoid)&&(o>-1&&!Array.isArray(i)&&(i.isVoid||i.name===r.slice(2,-1))&&(o--,i=-1===o?t:n[o]),"<"!==u&&u)){h=-1===o?t:n[o].children;const i=e.indexOf("<",c);let r=e.slice(c,-1===i?void 0:i);ve.test(r)&&(r=" "),(i>-1&&o+h.length>=0||" "!==r)&&r.trim()&&h.push({type:"text",name:null,attributes:{},children:[],isVoid:!1,textContent:r.trim()})}return r})),t},e.parseRadianToAngle=function(e){return e/Math.PI*180},e.parseSVGPath=function(e){const t=[];return e.replace(ye,((e,n,i)=>{const o=i.match(xe),r={type:n,params:o?o.map(Number):[]};return t.push(r),e})),t},e.pickFile=function(e){const{accept:t,success:n,error:i}=e;let o=document.createElement("input");o.type="file",t&&(o.accept=t),o.addEventListener("change",(function(){var e;const t=null==(e=o.files)?void 0:e[0];n({file:t}),o=null})),o.addEventListener("error",(function(e){"function"==typeof i&&i(e),o=null})),o.click()},e.rotateByCenter=H,e.rotateElement=function(e,t,n){const i=Q(t);H(e,t.angle||0,i,(()=>{n(e)}))},e.rotateElementVertexes=Z,e.rotatePoint=Y,e.rotatePointInGroup=X,e.rotateVertexes=J,e.sortDataAsserts=function(e,t){const n=e.assets||{};let i=e;!0===(null==t?void 0:t.clone)&&(i=w(e));const o=e=>{e.forEach((e=>{if("image"===e.type&&e.detail.src){const t=e.detail.src,i=v(t);n[i]||(n[i]={type:"image",value:t}),e.detail.src=i}else if("svg"===e.type){const t=e.detail.svg,i=v(t);n[i]||(n[i]={type:"svg",value:t}),e.detail.svg=i}else if("html"===e.type){const t=e.detail.html,i=v(t);n[i]||(n[i]={type:"html",value:t}),e.detail.html=i}else if("group"===e.type&&Array.isArray(e.detail.children)){const t=e.detail.assets||{};Object.keys(t).forEach((e=>{n[e]||(n[e]=t[e])})),delete e.detail.assets,o(e.detail.children)}}))};return o(i.elements),i.assets=n,i},e.throttle=function(e,t){let n=-1;return function(...i){n>=0||(n=setTimeout((()=>{e(...i),n=-1}),t))}},e.toColorHexNum=function(e){return parseInt(e.replace(/^#/,"0x"))},e.toColorHexStr=function(e){return"#"+e.toString(16)},e.ungroupElementsByPosition=function(e,t){var n;const i=te(t,e);i&&"group"===(null==i?void 0:i.type)&&Array.isArray(null==(n=null==i?void 0:i.detail)?void 0:n.children)||console.error("[idraw]: The ungrouped element is not a group element!");const o=[...t].splice(0,t.length-1),r=t[t.length-1],{x:l,y:a}=i;return Oe(t,e),i.detail.children.forEach(((t,n)=>{t.x+=l,t.y+=a;Le(t,[...o,r+n],e)})),e},e.updateElementInList=function e(t,n,i){var o,r;let l=null;for(let a=0;a<i.length;a++){const s=i[a];if(s.uuid===t){"group"===s.type&&!0===(null==(o=s.operations)?void 0:o.deepResize)&&(n.w&&n.w>0||n.h&&n.h>0)&&Ce(s,{w:n.w,h:n.h}),De(s,n),l=s;break}"group"===s.type&&(l=e(t,n,(null==(r=null==s?void 0:s.detail)?void 0:r.children)||[]))}return l},e.updateElementInListByPosition=je,e.vaildPoint=F,e.vaildTouchPoint=function(e){return!0===F(e)&&e.f>=0},e.validateElements=function e(t){let n=!0;if(Array.isArray(t)){const i=[];t.forEach((t=>{var o;"string"==typeof t.uuid&&t.uuid?i.includes(t.uuid)?(n=!1,console.warn(`Duplicate uuids: ${t.uuid}`)):i.push(t.uuid):(n=!1,console.warn("Element missing uuid",t)),"group"===t.type&&(n=e(null==(o=null==t?void 0:t.detail)?void 0:o.children))}))}return n},e.viewScale=function(e){const{scale:t,point:n,viewScaleInfo:i}=e,{offsetLeft:o,offsetTop:r}=i,l=t/i.scale,a=n.x,s=n.y;return{moveX:a-a*l+(o*l-o),moveY:s-s*l+(r*l-r)}},e.viewScroll=function(e){const{moveX:t=0,moveY:n=0,viewScaleInfo:i,viewSizeInfo:o}=e,{scale:r}=i,{width:l,height:a,contextWidth:s,contextHeight:c}=o;let u=i.offsetLeft,h=i.offsetRight,f=i.offsetTop,d=i.offsetBottom;return u+=t,f+=n,h=l-(s*r+u),d=a-(c*r+f),{scale:r,offsetTop:f,offsetLeft:u,offsetRight:h,offsetBottom:d}},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idraw/util",
3
- "version": "0.4.0-beta.39",
3
+ "version": "0.4.0-beta.40",
4
4
  "description": "",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -18,7 +18,7 @@
18
18
  "url": "https://github.com/idrawjs/idraw/issues"
19
19
  },
20
20
  "homepage": "https://github.com/idrawjs/idraw#readme",
21
- "author": "chenshenhai",
21
+ "author": "idrawjs",
22
22
  "license": "MIT",
23
23
  "devDependencies": {
24
24
  "@idraw/types": "^0.4.0-alpha.0"
package/dist/esm/lib/view-visible.d.ts DELETED
@@ -1,21 +0,0 @@
1
- import { Elements, ViewScaleInfo, ViewSizeInfo, ViewRectInfo, ViewVisibleInfoMap } from '@idraw/types';
2
- export declare function sortElementsViewVisiableInfoMap(elements: Elements, opts: {
3
- viewScaleInfo: ViewScaleInfo;
4
- viewSizeInfo: ViewSizeInfo;
5
- }): {
6
- viewVisibleInfoMap: ViewVisibleInfoMap;
7
- visibleCount: number;
8
- invisibleCount: number;
9
- };
10
- export declare function updateViewVisibleInfoMapStatus(viewVisibleInfoMap: ViewVisibleInfoMap, opts: {
11
- viewScaleInfo: ViewScaleInfo;
12
- viewSizeInfo: ViewSizeInfo;
13
- }): {
14
- viewVisibleInfoMap: ViewVisibleInfoMap;
15
- visibleCount: number;
16
- invisibleCount: number;
17
- };
18
- export declare function calcVisibleOriginCanvasRectInfo(opts: {
19
- viewScaleInfo: ViewScaleInfo;
20
- viewSizeInfo: ViewSizeInfo;
21
- }): ViewRectInfo;
package/dist/esm/lib/view-visible.js DELETED
@@ -1,93 +0,0 @@
1
- import { calcElementOriginRectInfo, originRectInfoToRangeRectInfo } from './view-calc';
2
- import { getGroupQueueByElementPosition } from './element';
3
- import { calcElementCenter } from './rotate';
4
- import { is } from './is';
5
- export function sortElementsViewVisiableInfoMap(elements, opts) {
6
- const visibleInfoMap = {};
7
- const currentPosition = [];
8
- const _walk = (elem) => {
9
- const baseInfo = {
10
- isVisibleInView: true,
11
- isGroup: elem.type === 'group',
12
- position: [...currentPosition]
13
- };
14
- let originRectInfo = null;
15
- const groupQueue = getGroupQueueByElementPosition(elements, currentPosition);
16
- originRectInfo = calcElementOriginRectInfo(elem, {
17
- groupQueue: groupQueue || []
18
- });
19
- visibleInfoMap[elem.uuid] = Object.assign(Object.assign({}, baseInfo), {
20
- originRectInfo: originRectInfo,
21
- rangeRectInfo: is.angle(elem.angle) ? originRectInfoToRangeRectInfo(originRectInfo) : originRectInfo
22
- });
23
- if (elem.type === 'group') {
24
- elem.detail.children.forEach((ele, i) => {
25
- currentPosition.push(i);
26
- _walk(ele);
27
- currentPosition.pop();
28
- });
29
- }
30
- };
31
- elements.forEach((elem, index) => {
32
- currentPosition.push(index);
33
- _walk(elem);
34
- currentPosition.pop();
35
- });
36
- return updateViewVisibleInfoMapStatus(visibleInfoMap, opts);
37
- }
38
- function isRangeRectInfoCollide(info1, info2) {
39
- const rect1MinX = Math.min(info1.topLeft.x, info1.topRight.x, info1.bottomLeft.x, info1.bottomRight.x);
40
- const rect1MaxX = Math.max(info1.topLeft.x, info1.topRight.x, info1.bottomLeft.x, info1.bottomRight.x);
41
- const rect1MinY = Math.min(info1.topLeft.y, info1.topRight.y, info1.bottomLeft.y, info1.bottomRight.y);
42
- const rect1MaxY = Math.max(info1.topLeft.y, info1.topRight.y, info1.bottomLeft.y, info1.bottomRight.y);
43
- const rect2MinX = Math.min(info2.topLeft.x, info2.topRight.x, info2.bottomLeft.x, info2.bottomRight.x);
44
- const rect2MaxX = Math.max(info2.topLeft.x, info2.topRight.x, info2.bottomLeft.x, info2.bottomRight.x);
45
- const rect2MinY = Math.min(info2.topLeft.y, info2.topRight.y, info2.bottomLeft.y, info2.bottomRight.y);
46
- const rect2MaxY = Math.max(info2.topLeft.y, info2.topRight.y, info2.bottomLeft.y, info2.bottomRight.y);
47
- if ((rect1MinX <= rect2MaxX && rect1MaxX >= rect2MinX && rect1MinY <= rect2MaxY && rect1MaxY >= rect2MinY) ||
48
- (rect2MaxX <= rect1MaxY && rect2MaxX >= rect1MaxY && rect2MaxX <= rect1MaxY && rect2MaxX >= rect1MaxY)) {
49
- return true;
50
- }
51
- return false;
52
- }
53
- export function updateViewVisibleInfoMapStatus(viewVisibleInfoMap, opts) {
54
- const canvasRectInfo = calcVisibleOriginCanvasRectInfo(opts);
55
- let visibleCount = 0;
56
- let invisibleCount = 0;
57
- Object.keys(viewVisibleInfoMap).forEach((uuid) => {
58
- const info = viewVisibleInfoMap[uuid];
59
- info.isVisibleInView = isRangeRectInfoCollide(info.rangeRectInfo, canvasRectInfo);
60
- info.isVisibleInView ? visibleCount++ : invisibleCount++;
61
- });
62
- return { viewVisibleInfoMap, visibleCount, invisibleCount };
63
- }
64
- export function calcVisibleOriginCanvasRectInfo(opts) {
65
- const { viewScaleInfo, viewSizeInfo } = opts;
66
- const { scale, offsetTop, offsetLeft } = viewScaleInfo;
67
- const { width, height } = viewSizeInfo;
68
- const x = 0 - offsetLeft / scale;
69
- const y = 0 - offsetTop / scale;
70
- const w = width / scale;
71
- const h = height / scale;
72
- const center = calcElementCenter({ x, y, w, h });
73
- const topLeft = { x, y };
74
- const topRight = { x: x + w, y };
75
- const bottomLeft = { x, y: y + h };
76
- const bottomRight = { x: x + w, y: y + h };
77
- const left = { x, y: center.y };
78
- const top = { x: center.x, y };
79
- const right = { x: x + w, y: center.y };
80
- const bottom = { x: center.x, y: y + h };
81
- const rectInfo = {
82
- center,
83
- topLeft,
84
- topRight,
85
- bottomLeft,
86
- bottomRight,
87
- left,
88
- top,
89
- right,
90
- bottom
91
- };
92
- return rectInfo;
93
- }