@idraw/core 0.4.0-beta.3 → 0.4.0-beta.4

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEvent, ViewScaleInfo } from '@idraw/types';
+import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEvent, ViewScaleInfo, LoadItemMap } from '@idraw/types';
 export { MiddlewareSelector, middlewareEventSelect } from './middleware/selector';
 export { MiddlewareScroller } from './middleware/scroller';
 export { MiddlewareScaler, middlewareEventScale } from './middleware/scaler';
@@ -31,4 +31,5 @@ export declare class Core<E extends CoreEvent = CoreEvent> {
         offsetX: number;
         offsetY: number;
     }): void;
+    getLoadItemMap(): LoadItemMap;
 }

package/dist/esm/index.js

@@ -101,6 +101,9 @@ export class Core {
     setViewScale(opts) {
         __classPrivateFieldGet(this, _Core_board, "f").updateViewScaleInfo(opts);
     }
+    getLoadItemMap() {
+        return __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoadItemMap();
+    }
 }
 _Core_board = new WeakMap(), _Core_container = new WeakMap(), _Core_instances = new WeakSet(), _Core_initContainer = function _Core_initContainer() {
     const container = __classPrivateFieldGet(this, _Core_container, "f");

package/dist/index.global.js

@@ -358,7 +358,7 @@ var __privateMethod = (obj, member, method) => {
     fontWeight: fontWeight$1,
     strokeWidth
   };
-  var __classPrivateFieldSet$2 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$3 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -367,7 +367,7 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
   };
-  var __classPrivateFieldGet$2 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$3 = function(receiver, state, kind, f) {
     if (kind === "a" && !f)
       throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -379,17 +379,17 @@ var __privateMethod = (obj, member, method) => {
     constructor(ctx, opts) {
       _Context2D_ctx.set(this, void 0);
       _Context2D_opts.set(this, void 0);
-      __classPrivateFieldSet$2(this, _Context2D_ctx, ctx, "f");
-      __classPrivateFieldSet$2(this, _Context2D_opts, Object.assign({ devicePixelRatio: 1, offscreenCanvas: null }, opts), "f");
+      __classPrivateFieldSet$3(this, _Context2D_ctx, ctx, "f");
+      __classPrivateFieldSet$3(this, _Context2D_opts, Object.assign({ devicePixelRatio: 1, offscreenCanvas: null }, opts), "f");
     }
     $undoPixelRatio(num) {
-      return num / __classPrivateFieldGet$2(this, _Context2D_opts, "f").devicePixelRatio;
+      return num / __classPrivateFieldGet$3(this, _Context2D_opts, "f").devicePixelRatio;
     }
     $doPixelRatio(num) {
-      return __classPrivateFieldGet$2(this, _Context2D_opts, "f").devicePixelRatio * num;
+      return __classPrivateFieldGet$3(this, _Context2D_opts, "f").devicePixelRatio * num;
     }
     $getContext() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f");
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f");
     }
     $setFont(opts) {
       const strList = [];
@@ -398,17 +398,17 @@ var __privateMethod = (obj, member, method) => {
       }
       strList.push(`${this.$doPixelRatio(opts.fontSize || 12)}px`);
       strList.push(`${opts.fontFamily || "sans-serif"}`);
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").font = `${strList.join(" ")}`;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").font = `${strList.join(" ")}`;
     }
     $getOffscreenCanvas() {
-      return __classPrivateFieldGet$2(this, _Context2D_opts, "f").offscreenCanvas;
+      return __classPrivateFieldGet$3(this, _Context2D_opts, "f").offscreenCanvas;
     }
     $resize(opts) {
       const { width, height, devicePixelRatio, resetStyle } = opts;
-      const { canvas } = __classPrivateFieldGet$2(this, _Context2D_ctx, "f");
+      const { canvas } = __classPrivateFieldGet$3(this, _Context2D_ctx, "f");
       canvas.width = width * devicePixelRatio;
       canvas.height = height * devicePixelRatio;
-      __classPrivateFieldSet$2(this, _Context2D_opts, Object.assign(Object.assign({}, __classPrivateFieldGet$2(this, _Context2D_opts, "f")), {
+      __classPrivateFieldSet$3(this, _Context2D_opts, Object.assign(Object.assign({}, __classPrivateFieldGet$3(this, _Context2D_opts, "f")), {
         devicePixelRatio
       }), "f");
       if (resetStyle === true) {
@@ -417,8 +417,8 @@ var __privateMethod = (obj, member, method) => {
       }
     }
     $getSize() {
-      const { devicePixelRatio } = __classPrivateFieldGet$2(this, _Context2D_opts, "f");
-      const { width, height } = __classPrivateFieldGet$2(this, _Context2D_ctx, "f").canvas;
+      const { devicePixelRatio } = __classPrivateFieldGet$3(this, _Context2D_opts, "f");
+      const { width, height } = __classPrivateFieldGet$3(this, _Context2D_ctx, "f").canvas;
       return {
         width: width / devicePixelRatio,
         height: height / devicePixelRatio,
@@ -426,125 +426,125 @@ var __privateMethod = (obj, member, method) => {
       };
     }
     get canvas() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").canvas;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").canvas;
     }
     get fillStyle() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fillStyle;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fillStyle;
     }
     set fillStyle(value) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fillStyle = value;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fillStyle = value;
     }
     get strokeStyle() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").strokeStyle;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").strokeStyle;
     }
     set strokeStyle(color2) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").strokeStyle = color2;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").strokeStyle = color2;
     }
     get lineWidth() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$2(this, _Context2D_ctx, "f").lineWidth);
+      return this.$undoPixelRatio(__classPrivateFieldGet$3(this, _Context2D_ctx, "f").lineWidth);
     }
     set lineWidth(w2) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").lineWidth = this.$doPixelRatio(w2);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").lineWidth = this.$doPixelRatio(w2);
     }
     get textAlign() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").textAlign;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").textAlign;
     }
     set textAlign(align) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").textAlign = align;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").textAlign = align;
     }
     get textBaseline() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").textBaseline;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").textBaseline;
     }
     set textBaseline(baseline) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").textBaseline = baseline;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").textBaseline = baseline;
     }
     get globalAlpha() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").globalAlpha;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").globalAlpha;
     }
     set globalAlpha(alpha) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").globalAlpha = alpha;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").globalAlpha = alpha;
     }
     get shadowColor() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowColor;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowColor;
     }
     set shadowColor(color2) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowColor = color2;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowColor = color2;
     }
     get shadowOffsetX() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowOffsetX);
+      return this.$undoPixelRatio(__classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowOffsetX);
     }
     set shadowOffsetX(offsetX) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowOffsetX = this.$doPixelRatio(offsetX);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowOffsetX = this.$doPixelRatio(offsetX);
     }
     get shadowOffsetY() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowOffsetY);
+      return this.$undoPixelRatio(__classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowOffsetY);
     }
     set shadowOffsetY(offsetY) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowOffsetY = this.$doPixelRatio(offsetY);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowOffsetY = this.$doPixelRatio(offsetY);
     }
     get shadowBlur() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowBlur);
+      return this.$undoPixelRatio(__classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowBlur);
     }
     set shadowBlur(blur) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").shadowBlur = this.$doPixelRatio(blur);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").shadowBlur = this.$doPixelRatio(blur);
     }
     get lineCap() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").lineCap;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").lineCap;
     }
     set lineCap(lineCap) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").lineCap = lineCap;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").lineCap = lineCap;
     }
     get globalCompositeOperation() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").globalCompositeOperation;
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").globalCompositeOperation;
     }
     set globalCompositeOperation(operations) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").globalCompositeOperation = operations;
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").globalCompositeOperation = operations;
     }
     fill(...args) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fill(...args);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fill(...args);
     }
     arc(x2, y2, radius, startAngle, endAngle, anticlockwise) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").arc(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius), startAngle, endAngle, anticlockwise);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").arc(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius), startAngle, endAngle, anticlockwise);
     }
     rect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").rect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").rect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     fillRect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fillRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fillRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     clearRect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").clearRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").clearRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     beginPath() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").beginPath();
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").beginPath();
     }
     closePath() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").closePath();
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").closePath();
     }
     lineTo(x2, y2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").lineTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").lineTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     moveTo(x2, y2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").moveTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").moveTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     arcTo(x1, y1, x2, y2, radius) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").arcTo(this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").arcTo(this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius));
     }
     getLineDash() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").getLineDash();
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").getLineDash();
     }
     setLineDash(nums) {
       const dash = nums.map((n) => this.$doPixelRatio(n));
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").setLineDash(dash);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").setLineDash(dash);
     }
     stroke(path) {
-      return path ? __classPrivateFieldGet$2(this, _Context2D_ctx, "f").stroke(path) : __classPrivateFieldGet$2(this, _Context2D_ctx, "f").stroke();
+      return path ? __classPrivateFieldGet$3(this, _Context2D_ctx, "f").stroke(path) : __classPrivateFieldGet$3(this, _Context2D_ctx, "f").stroke();
     }
     translate(x2, y2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").translate(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").translate(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     rotate(angle2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").rotate(angle2);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").rotate(angle2);
     }
     drawImage(...args) {
       const image = args[0];
@@ -557,64 +557,64 @@ var __privateMethod = (obj, member, method) => {
       const dw = args[args.length - 2];
       const dh = args[args.length - 1];
       if (args.length === 9) {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(sx), this.$doPixelRatio(sy), this.$doPixelRatio(sw), this.$doPixelRatio(sh), this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(sx), this.$doPixelRatio(sy), this.$doPixelRatio(sw), this.$doPixelRatio(sh), this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
       } else {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
       }
     }
     createPattern(image, repetition) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").createPattern(image, repetition);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").createPattern(image, repetition);
     }
     measureText(text2) {
-      const textMetrics = __classPrivateFieldGet$2(this, _Context2D_ctx, "f").measureText(text2);
+      const textMetrics = __classPrivateFieldGet$3(this, _Context2D_ctx, "f").measureText(text2);
       return textMetrics;
     }
     fillText(text2, x2, y2, maxWidth) {
       if (maxWidth !== void 0) {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
       } else {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
       }
     }
     strokeText(text2, x2, y2, maxWidth) {
       if (maxWidth !== void 0) {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
       } else {
-        return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+        return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
       }
     }
     save() {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").save();
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").save();
     }
     restore() {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").restore();
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").restore();
     }
     scale(ratioX, ratioY) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").scale(ratioX, ratioY);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").scale(ratioX, ratioY);
     }
     circle(x2, y2, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) {
-      __classPrivateFieldGet$2(this, _Context2D_ctx, "f").ellipse(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radiusX), this.$doPixelRatio(radiusY), rotation, startAngle, endAngle, counterclockwise);
+      __classPrivateFieldGet$3(this, _Context2D_ctx, "f").ellipse(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radiusX), this.$doPixelRatio(radiusY), rotation, startAngle, endAngle, counterclockwise);
     }
     isPointInPath(x2, y2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").isPointInPath(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").isPointInPath(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     clip(...args) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").clip(...args);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").clip(...args);
     }
     setTransform(a, b, c, d, e, f) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").setTransform(a, b, c, d, e, f);
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").setTransform(a, b, c, d, e, f);
     }
     getTransform() {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").getTransform();
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").getTransform();
     }
     createLinearGradient(x0, y0, x1, y1) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").createLinearGradient(this.$doPixelRatio(x0), this.$doPixelRatio(y0), this.$doPixelRatio(x1), this.$doPixelRatio(y1));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").createLinearGradient(this.$doPixelRatio(x0), this.$doPixelRatio(y0), this.$doPixelRatio(x1), this.$doPixelRatio(y1));
     }
     createRadialGradient(x0, y0, r0, x1, y1, r1) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").createRadialGradient(this.$doPixelRatio(x0), this.$doPixelRatio(y0), this.$doPixelRatio(r0), this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(r1));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").createRadialGradient(this.$doPixelRatio(x0), this.$doPixelRatio(y0), this.$doPixelRatio(r0), this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(r1));
     }
     createConicGradient(startAngle, x2, y2) {
-      return __classPrivateFieldGet$2(this, _Context2D_ctx, "f").createConicGradient(startAngle, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$3(this, _Context2D_ctx, "f").createConicGradient(startAngle, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
   }
   _Context2D_ctx = /* @__PURE__ */ new WeakMap(), _Context2D_opts = /* @__PURE__ */ new WeakMap();
@@ -2340,6 +2340,23 @@ var __privateMethod = (obj, member, method) => {
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   };
+  var __classPrivateFieldGet$2 = function(receiver, state, kind, f) {
+    if (kind === "a" && !f)
+      throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+      throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+  };
+  var __classPrivateFieldSet$2 = function(receiver, state, value, kind, f) {
+    if (kind === "m")
+      throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+      throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+      throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+  };
+  var _Loader_instances, _Loader_loadFuncMap, _Loader_currentLoadItemMap, _Loader_storageLoadItemMap, _Loader_registerLoadFunc, _Loader_getLoadElementSource, _Loader_createLoadItem, _Loader_emitLoad, _Loader_emitError, _Loader_loadResource, _Loader_isExistingErrorStorage;
   const supportElementTypes = ["image", "svg", "html"];
   const getAssetIdFromElement = (element) => {
     var _a, _b, _c;
@@ -2362,10 +2379,11 @@ var __privateMethod = (obj, member, method) => {
   class Loader extends EventEmitter {
     constructor() {
       super();
-      this._loadFuncMap = {};
-      this._currentLoadItemMap = {};
-      this._storageLoadItemMap = {};
-      this._registerLoadFunc("image", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      _Loader_instances.add(this);
+      _Loader_loadFuncMap.set(this, {});
+      _Loader_currentLoadItemMap.set(this, {});
+      _Loader_storageLoadItemMap.set(this, {});
+      __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "image", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
         var _a;
         const src = ((_a = assets[elem.detail.src]) === null || _a === void 0 ? void 0 : _a.value) || elem.detail.src;
         const content = yield loadImage(src);
@@ -2375,7 +2393,7 @@ var __privateMethod = (obj, member, method) => {
           content
         };
       }));
-      this._registerLoadFunc("html", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "html", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
         var _b;
         const html2 = ((_b = assets[elem.detail.html]) === null || _b === void 0 ? void 0 : _b.value) || elem.detail.html;
         const content = yield loadHTML(html2, {
@@ -2388,7 +2406,7 @@ var __privateMethod = (obj, member, method) => {
           content
         };
       }));
-      this._registerLoadFunc("svg", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "svg", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
         var _c;
         const svg2 = ((_c = assets[elem.detail.svg]) === null || _c === void 0 ? void 0 : _c.value) || elem.detail.svg;
         const content = yield loadSVG(svg2);
@@ -2399,102 +2417,102 @@ var __privateMethod = (obj, member, method) => {
         };
       }));
     }
-    _registerLoadFunc(type, func) {
-      this._loadFuncMap[type] = func;
-    }
-    _getLoadElementSource(element) {
-      var _a, _b, _c;
-      let source = null;
-      if (element.type === "image") {
-        source = ((_a = element === null || element === void 0 ? void 0 : element.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
-      } else if (element.type === "svg") {
-        source = ((_b = element === null || element === void 0 ? void 0 : element.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
-      } else if (element.type === "html") {
-        source = ((_c = element === null || element === void 0 ? void 0 : element.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
-      }
-      return source;
-    }
-    _createLoadItem(element) {
-      return {
-        element,
-        status: "null",
-        content: null,
-        error: null,
-        startTime: -1,
-        endTime: -1,
-        source: this._getLoadElementSource(element)
-      };
-    }
-    _emitLoad(item) {
-      const assetId = getAssetIdFromElement(item.element);
-      const storageItem = this._storageLoadItemMap[assetId];
-      if (storageItem) {
-        if (storageItem.startTime < item.startTime) {
-          this._storageLoadItemMap[assetId] = item;
-          this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
-        }
-      } else {
-        this._storageLoadItemMap[assetId] = item;
-        this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
-      }
-    }
-    _emitError(item) {
-      const assetId = getAssetIdFromElement(item.element);
-      const storageItem = this._storageLoadItemMap[assetId];
-      if (storageItem) {
-        if (storageItem.startTime < item.startTime) {
-          this._storageLoadItemMap[assetId] = item;
-          this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
-        }
-      } else {
-        this._storageLoadItemMap[assetId] = item;
-        this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
-      }
-    }
-    _loadResource(element, assets) {
-      const item = this._createLoadItem(element);
-      const assetId = getAssetIdFromElement(element);
-      this._currentLoadItemMap[assetId] = item;
-      const loadFunc = this._loadFuncMap[element.type];
-      if (typeof loadFunc === "function") {
-        item.startTime = Date.now();
-        loadFunc(element, assets).then((result) => {
-          item.content = result.content;
-          item.endTime = Date.now();
-          item.status = "load";
-          this._emitLoad(item);
-        }).catch((err) => {
-          console.warn(`Load element source "${item.source}" fail`, err, element);
-          item.endTime = Date.now();
-          item.status = "error";
-          item.error = err;
-          this._emitError(item);
-        });
-      }
-    }
-    _isExistingErrorStorage(element) {
-      var _a;
-      const assetId = getAssetIdFromElement(element);
-      const existItem = (_a = this._currentLoadItemMap) === null || _a === void 0 ? void 0 : _a[assetId];
-      if (existItem && existItem.status === "error" && existItem.source && existItem.source === this._getLoadElementSource(element)) {
-        return true;
-      }
-      return false;
-    }
     load(element, assets) {
-      if (this._isExistingErrorStorage(element)) {
+      if (__classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element)) {
         return;
       }
       if (supportElementTypes.includes(element.type)) {
-        this._loadResource(element, assets);
+        __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_loadResource).call(this, element, assets);
       }
     }
     getContent(element) {
       var _a, _b;
       const assetId = getAssetIdFromElement(element);
-      return ((_b = (_a = this._storageLoadItemMap) === null || _a === void 0 ? void 0 : _a[assetId]) === null || _b === void 0 ? void 0 : _b.content) || null;
+      return ((_b = (_a = __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId]) === null || _b === void 0 ? void 0 : _b.content) || null;
+    }
+    getLoadItemMap() {
+      return __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f");
+    }
+    setLoadItemMap(itemMap) {
+      __classPrivateFieldSet$2(this, _Loader_storageLoadItemMap, itemMap, "f");
     }
   }
+  _Loader_loadFuncMap = /* @__PURE__ */ new WeakMap(), _Loader_currentLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_storageLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_instances = /* @__PURE__ */ new WeakSet(), _Loader_registerLoadFunc = function _Loader_registerLoadFunc2(type, func) {
+    __classPrivateFieldGet$2(this, _Loader_loadFuncMap, "f")[type] = func;
+  }, _Loader_getLoadElementSource = function _Loader_getLoadElementSource2(element) {
+    var _a, _b, _c;
+    let source = null;
+    if (element.type === "image") {
+      source = ((_a = element === null || element === void 0 ? void 0 : element.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
+    } else if (element.type === "svg") {
+      source = ((_b = element === null || element === void 0 ? void 0 : element.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
+    } else if (element.type === "html") {
+      source = ((_c = element === null || element === void 0 ? void 0 : element.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
+    }
+    return source;
+  }, _Loader_createLoadItem = function _Loader_createLoadItem2(element) {
+    return {
+      element,
+      status: "null",
+      content: null,
+      error: null,
+      startTime: -1,
+      endTime: -1,
+      source: __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)
+    };
+  }, _Loader_emitLoad = function _Loader_emitLoad2(item) {
+    const assetId = getAssetIdFromElement(item.element);
+    const storageItem = __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId];
+    if (storageItem) {
+      if (storageItem.startTime < item.startTime) {
+        __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+        this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+      }
+    } else {
+      __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+      this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+    }
+  }, _Loader_emitError = function _Loader_emitError2(item) {
+    const assetId = getAssetIdFromElement(item.element);
+    const storageItem = __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId];
+    if (storageItem) {
+      if (storageItem.startTime < item.startTime) {
+        __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+        this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+      }
+    } else {
+      __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+      this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+    }
+  }, _Loader_loadResource = function _Loader_loadResource2(element, assets) {
+    const item = __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element);
+    const assetId = getAssetIdFromElement(element);
+    __classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")[assetId] = item;
+    const loadFunc = __classPrivateFieldGet$2(this, _Loader_loadFuncMap, "f")[element.type];
+    if (typeof loadFunc === "function") {
+      item.startTime = Date.now();
+      loadFunc(element, assets).then((result) => {
+        item.content = result.content;
+        item.endTime = Date.now();
+        item.status = "load";
+        __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_emitLoad).call(this, item);
+      }).catch((err) => {
+        console.warn(`Load element source "${item.source}" fail`, err, element);
+        item.endTime = Date.now();
+        item.status = "error";
+        item.error = err;
+        __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_emitError).call(this, item);
+      });
+    }
+  }, _Loader_isExistingErrorStorage = function _Loader_isExistingErrorStorage2(element) {
+    var _a;
+    const assetId = getAssetIdFromElement(element);
+    const existItem = (_a = __classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId];
+    if (existItem && existItem.status === "error" && existItem.source && existItem.source === __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)) {
+      return true;
+    }
+    return false;
+  };
   var __classPrivateFieldSet$1 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
@@ -2567,6 +2585,12 @@ var __privateMethod = (obj, member, method) => {
         });
       }
     }
+    setLoadItemMap(itemMap) {
+      __classPrivateFieldGet$1(this, _Renderer_loader, "f").setLoadItemMap(itemMap);
+    }
+    getLoadItemMap() {
+      return __classPrivateFieldGet$1(this, _Renderer_loader, "f").getLoadItemMap();
+    }
   }
   _Renderer_opts = /* @__PURE__ */ new WeakMap(), _Renderer_loader = /* @__PURE__ */ new WeakMap(), _Renderer_instances = /* @__PURE__ */ new WeakSet(), _Renderer_init = function _Renderer_init2() {
     const loader = __classPrivateFieldGet$1(this, _Renderer_loader, "f");
@@ -2956,7 +2980,7 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
   };
-  var _Board_instances, _Board_opts, _Board_middlewareMap, _Board_middlewares, _Board_activeMiddlewareObjs, _Board_watcher, _Board_sharer, _Board_viewer, _Board_calculator, _Board_eventHub, _Board_init, _Board_handlePointStart, _Board_handlePointEnd, _Board_handlePointMove, _Board_handleHover, _Board_handleDoubleClick, _Board_handleWheel, _Board_handleWheelScale, _Board_handleScrollX, _Board_handleScrollY, _Board_handleResize, _Board_handleClear, _Board_handleBeforeDrawFrame, _Board_handleAfterDrawFrame, _Board_resetActiveMiddlewareObjs;
+  var _Board_instances, _Board_opts, _Board_middlewareMap, _Board_middlewares, _Board_activeMiddlewareObjs, _Board_watcher, _Board_renderer, _Board_sharer, _Board_viewer, _Board_calculator, _Board_eventHub, _Board_init, _Board_handlePointStart, _Board_handlePointEnd, _Board_handlePointMove, _Board_handleHover, _Board_handleDoubleClick, _Board_handleWheel, _Board_handleWheelScale, _Board_handleScrollX, _Board_handleScrollY, _Board_handleResize, _Board_handleClear, _Board_handleBeforeDrawFrame, _Board_handleAfterDrawFrame, _Board_resetActiveMiddlewareObjs;
   const throttleTime = 10;
   class Board {
     constructor(opts) {
@@ -2966,6 +2990,7 @@ var __privateMethod = (obj, member, method) => {
       _Board_middlewares.set(this, []);
       _Board_activeMiddlewareObjs.set(this, []);
       _Board_watcher.set(this, void 0);
+      _Board_renderer.set(this, void 0);
       _Board_sharer.set(this, void 0);
       _Board_viewer.set(this, void 0);
       _Board_calculator.set(this, void 0);
@@ -2985,6 +3010,7 @@ var __privateMethod = (obj, member, method) => {
       __classPrivateFieldSet(this, _Board_opts, opts, "f");
       __classPrivateFieldSet(this, _Board_sharer, sharer, "f");
       __classPrivateFieldSet(this, _Board_watcher, watcher, "f");
+      __classPrivateFieldSet(this, _Board_renderer, renderer, "f");
       __classPrivateFieldSet(this, _Board_calculator, calculator, "f");
       __classPrivateFieldSet(this, _Board_viewer, new Viewer({
         boardContent: opts.boardContent,
@@ -3007,6 +3033,9 @@ var __privateMethod = (obj, member, method) => {
     getViewer() {
       return __classPrivateFieldGet(this, _Board_viewer, "f");
     }
+    getRenderer() {
+      return __classPrivateFieldGet(this, _Board_renderer, "f");
+    }
     setData(data) {
       const sharer = __classPrivateFieldGet(this, _Board_sharer, "f");
       __classPrivateFieldGet(this, _Board_sharer, "f").setActiveStorage("data", data);
@@ -3080,6 +3109,7 @@ var __privateMethod = (obj, member, method) => {
       boardContent.viewContext.$resize({ width, height, devicePixelRatio });
       boardContent.helperContext.$resize({ width, height, devicePixelRatio });
       boardContent.boardContext.$resize({ width, height, devicePixelRatio });
+      boardContent.underContext.$resize({ width, height, devicePixelRatio });
       __classPrivateFieldGet(this, _Board_viewer, "f").drawFrame();
       __classPrivateFieldGet(this, _Board_watcher, "f").trigger("resize", viewSize);
       __classPrivateFieldGet(this, _Board_sharer, "f").setActiveViewSizeInfo(newViewSize);
@@ -3097,7 +3127,7 @@ var __privateMethod = (obj, member, method) => {
       return __classPrivateFieldGet(this, _Board_eventHub, "f");
     }
   }
-  _Board_opts = /* @__PURE__ */ new WeakMap(), _Board_middlewareMap = /* @__PURE__ */ new WeakMap(), _Board_middlewares = /* @__PURE__ */ new WeakMap(), _Board_activeMiddlewareObjs = /* @__PURE__ */ new WeakMap(), _Board_watcher = /* @__PURE__ */ new WeakMap(), _Board_sharer = /* @__PURE__ */ new WeakMap(), _Board_viewer = /* @__PURE__ */ new WeakMap(), _Board_calculator = /* @__PURE__ */ new WeakMap(), _Board_eventHub = /* @__PURE__ */ new WeakMap(), _Board_instances = /* @__PURE__ */ new WeakSet(), _Board_init = function _Board_init2() {
+  _Board_opts = /* @__PURE__ */ new WeakMap(), _Board_middlewareMap = /* @__PURE__ */ new WeakMap(), _Board_middlewares = /* @__PURE__ */ new WeakMap(), _Board_activeMiddlewareObjs = /* @__PURE__ */ new WeakMap(), _Board_watcher = /* @__PURE__ */ new WeakMap(), _Board_renderer = /* @__PURE__ */ new WeakMap(), _Board_sharer = /* @__PURE__ */ new WeakMap(), _Board_viewer = /* @__PURE__ */ new WeakMap(), _Board_calculator = /* @__PURE__ */ new WeakMap(), _Board_eventHub = /* @__PURE__ */ new WeakMap(), _Board_instances = /* @__PURE__ */ new WeakSet(), _Board_init = function _Board_init2() {
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointStart", __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointStart).bind(this));
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointEnd", __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointEnd).bind(this));
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointMove", throttle((e) => {
@@ -5468,6 +5498,9 @@ var __privateMethod = (obj, member, method) => {
     setViewScale(opts) {
       __privateGet(this, _board).updateViewScaleInfo(opts);
     }
+    getLoadItemMap() {
+      return __privateGet(this, _board).getRenderer().getLoadItemMap();
+    }
   }
   _board = new WeakMap();
   _container = new WeakMap();

package/dist/index.global.min.js

@@ -1 +1 @@
-var iDrawCore=function(e){"use strict";var t,i,o,n,a=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},s=(e,t,i)=>(a(e,t,"read from private field"),i?i.call(e):t.get(e)),r=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},l=(e,t,i,o)=>(a(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i);function h(e,t){let i=-1;return function(...o){i>0||(i=setTimeout((()=>{e(...o),i=-1}),t))}}function c(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))}function d(e,t){if(1===t)return e;let i=1;const o=/^\#[0-9a-f]{6,6}$/i;let n=e;if(o.test(e)?i=parseInt(e.substring(5,7).replace(/^\#/,"0x")):/^\#[0-9a-f]{8,8}$/i.test(e)&&(i=parseInt(e.substring(7,9).replace(/^\#/,"0x")),n=e.substring(0,7)),i*=t,o.test(n)&&i>0&&i<1){const e=Math.max(0,Math.min(255,Math.ceil(256*i)));n=`${n.toUpperCase()}${e.toString(16).toUpperCase()}`}return n}function f(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function u(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i)*e.charCodeAt(i)*i*i;return t.toString(16).substring(0,4)}function g(e){const t=e.length,i=Math.floor(t/2),o=e.substring(0,4).padEnd(4,"0"),n=e.substring(0,4).padEnd(4,"0");return`@assets/${u(t.toString(16).padEnd(4,o))}${u(e.substring(i-4,i).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-8,i-4).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-12,i-8).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-16,i-12).padEnd(4,n)).padEnd(4,"f")}-${u(e.substring(i,i+4).padEnd(4,n)).padEnd(4,"f")}${u(e.substring(i+4,i+8).padEnd(4,n)).padEnd(4,"f")}${u(n.padEnd(4,o).padEnd(4,n))}`}function v(e){return function e(t){const i=function(e){return Object.prototype.toString.call(e).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(t);if(["Null","Number","String","Boolean","Undefined"].indexOf(i)>=0)return t;if("Array"===i){const i=[];return t.forEach((t=>{i.push(e(t))})),i}if("Object"===i){const i={};Object.keys(t).forEach((o=>{i[o]=e(t[o])}));return Object.getOwnPropertySymbols(t).forEach((o=>{i[o]=e(t[o])})),i}}(e)}function w(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const m={type(e,t){const i=w(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===w(e),json:e=>"Object"===w(e),function:e=>"Function"===w(e),asyncFunction:e=>"AsyncFunction"===w(e),string:e=>"String"===w(e),number:e=>"Number"===w(e),undefined:e=>"Undefined"===w(e),null:e=>"Null"===w(e),promise:e=>"Promise"===w(e)};var x=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function r(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}l((o=o.apply(e,t||[])).next())}))};const{Image:S}=window;function y(e){return new Promise(((t,i)=>{const o=new S;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function p(e){return x(this,void 0,void 0,(function*(){const t=yield function(e){return new Promise(((t,i)=>{const o=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),n=new FileReader;n.readAsDataURL(o),n.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},n.onerror=function(e){i(e)}}))}(e);return yield y(t)}))}function b(e,t){return x(this,void 0,void 0,(function*(){e=e.replace(/\&/gi,"&amp;");const i=yield function(e,t){const{width:i,height:o}=t;return new Promise(((t,n)=>{const a=new Blob([`\n    <svg \n      xmlns="http://www.w3.org/2000/svg" \n      width="${i||""}" \n      height = "${o||""}">\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"}),s=new FileReader;s.readAsDataURL(a),s.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},s.onerror=function(e){n(e)}}))}(e,t);return yield y(i)}))}function A(e){return"number"==typeof e&&(e>0||e<=0)}function I(e){return"number"==typeof e&&e>=0}function M(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function z(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const P={x:function(e){return A(e)},y:function(e){return A(e)},w:I,h:function(e){return"number"==typeof e&&e>=0},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:A,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return I(e)},borderRadius:function(e){return A(e)&&e>=0},color:function(e){return c(e)},imageSrc:function(e){return z(e)||M(e)},imageURL:M,imageBase64:z,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 i=document.createElement("div");i.innerHTML=e,i.children.length>0&&(t=!0),i=null}return t},text:function(e){return"string"==typeof e},fontSize:function(e){return A(e)&&e>0},lineHeight:function(e){return A(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 A(e)&&e>0}};var R,T,E=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},C=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class W{constructor(e,t){R.set(this,void 0),T.set(this,void 0),E(this,R,e,"f"),E(this,T,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f")}$undoPixelRatio(e){return e/C(this,T,"f").devicePixelRatio}$doPixelRatio(e){return C(this,T,"f").devicePixelRatio*e}$getContext(){return C(this,R,"f")}$setFont(e){const t=[];e.fontWeight&&t.push(`${e.fontWeight}`),t.push(`${this.$doPixelRatio(e.fontSize||12)}px`),t.push(`${e.fontFamily||"sans-serif"}`),C(this,R,"f").font=`${t.join(" ")}`}$getOffscreenCanvas(){return C(this,T,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:a}=C(this,R,"f");a.width=t*o,a.height=i*o,E(this,T,Object.assign(Object.assign({},C(this,T,"f")),{devicePixelRatio:o}),"f"),!0===n&&(a.style.width=`${t}px`,a.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=C(this,T,"f"),{width:t,height:i}=C(this,R,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return C(this,R,"f").canvas}get fillStyle(){return C(this,R,"f").fillStyle}set fillStyle(e){C(this,R,"f").fillStyle=e}get strokeStyle(){return C(this,R,"f").strokeStyle}set strokeStyle(e){C(this,R,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(C(this,R,"f").lineWidth)}set lineWidth(e){C(this,R,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return C(this,R,"f").textAlign}set textAlign(e){C(this,R,"f").textAlign=e}get textBaseline(){return C(this,R,"f").textBaseline}set textBaseline(e){C(this,R,"f").textBaseline=e}get globalAlpha(){return C(this,R,"f").globalAlpha}set globalAlpha(e){C(this,R,"f").globalAlpha=e}get shadowColor(){return C(this,R,"f").shadowColor}set shadowColor(e){C(this,R,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(C(this,R,"f").shadowOffsetX)}set shadowOffsetX(e){C(this,R,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(C(this,R,"f").shadowOffsetY)}set shadowOffsetY(e){C(this,R,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(C(this,R,"f").shadowBlur)}set shadowBlur(e){C(this,R,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return C(this,R,"f").lineCap}set lineCap(e){C(this,R,"f").lineCap=e}get globalCompositeOperation(){return C(this,R,"f").globalCompositeOperation}set globalCompositeOperation(e){C(this,R,"f").globalCompositeOperation=e}fill(...e){return C(this,R,"f").fill(...e)}arc(e,t,i,o,n,a){return C(this,R,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,a)}rect(e,t,i,o){return C(this,R,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return C(this,R,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return C(this,R,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return C(this,R,"f").beginPath()}closePath(){return C(this,R,"f").closePath()}lineTo(e,t){return C(this,R,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return C(this,R,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return C(this,R,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}getLineDash(){return C(this,R,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return C(this,R,"f").setLineDash(t)}stroke(e){return e?C(this,R,"f").stroke(e):C(this,R,"f").stroke()}translate(e,t){return C(this,R,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return C(this,R,"f").rotate(e)}drawImage(...e){const t=e[0],i=e[1],o=e[2],n=e[3],a=e[4],s=e[e.length-4],r=e[e.length-3],l=e[e.length-2],h=e[e.length-1];return 9===e.length?C(this,R,"f").drawImage(t,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(h)):C(this,R,"f").drawImage(t,this.$doPixelRatio(s),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(h))}createPattern(e,t){return C(this,R,"f").createPattern(e,t)}measureText(e){return C(this,R,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?C(this,R,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):C(this,R,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?C(this,R,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):C(this,R,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){C(this,R,"f").save()}restore(){C(this,R,"f").restore()}scale(e,t){C(this,R,"f").scale(e,t)}circle(e,t,i,o,n,a,s,r){C(this,R,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,a,s,r)}isPointInPath(e,t){return C(this,R,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return C(this,R,"f").clip(...e)}setTransform(e,t,i,o,n,a){return C(this,R,"f").setTransform(e,t,i,o,n,a)}getTransform(){return C(this,R,"f").getTransform()}createLinearGradient(e,t,i,o){return C(this,R,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,a){return C(this,R,"f").createRadialGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a))}createConicGradient(e,t,i){return C(this,R,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function O(e){const{width:t,height:i,ctx:o,devicePixelRatio:n}=e;let a=o;if(!a){const e=document.createElement("canvas");e.width=t*n,e.height=i*n,a=e.getContext("2d")}return new W(a,e)}function j(e){const{width:t,height:i,devicePixelRatio:o}=e,n=new OffscreenCanvas(t*o,i*o),a=n.getContext("2d").canvas.getContext("2d");return new W(a,{devicePixelRatio:o,offscreenCanvas:n})}R=new WeakMap,T=new WeakMap;class D{constructor(){this._listeners=new Map}on(e,t){if(this._listeners.has(e)){const i=this._listeners.get(e)||[];null==i||i.push(t),this._listeners.set(e,i)}else this._listeners.set(e,[t])}off(e,t){if(this._listeners.has(e)){const i=this._listeners.get(e);if(Array.isArray(i))for(let e=0;e<(null==i?void 0:i.length);e++)if(i[e]===t){i.splice(e,1);break}this._listeners.set(e,i||[])}}trigger(e,t){const i=this._listeners.get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if(this._listeners.has(e)){const t=this._listeners.get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}}function L(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}class k{constructor(e){this._backUpDefaultStorage=v(e.defaultStorage),this._temp=this._createTempStorage()}set(e,t){this._temp[e]=t}get(e){return this._temp[e]}getSnapshot(){return v(this._temp)}clear(){this._temp=this._createTempStorage()}_createTempStorage(){return v(this._backUpDefaultStorage)}}function F(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}}function Y(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}}function B(e){return e/180*Math.PI}function G(e,t,i,o){const n=B(t||0);i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(n),e.translate(-i.x,-i.y)),o(e),i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(-n),e.translate(-i.x,-i.y))}function N(e,t,i){const o=V(t);G(e,t.angle||0,o,(()=>{i(e)}))}function V(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function X(e){const t=Math.min(e[0].x,e[1].x,e[2].x,e[3].x),i=Math.min(e[0].y,e[1].y,e[2].y,e[3].y);return V({x:t,y:i,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)-i})}function Z(e,t,i){const o=function(e,t){const i=t.x-e.x,o=t.y-e.y;if(0===i){if(o<0)return 0;if(o>0)return Math.PI}else if(0===o){if(i<0)return 3*Math.PI/2;if(i>0)return Math.PI/2}return i>0&&o<0?Math.atan(Math.abs(i)/Math.abs(o)):i>0&&o>0?Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o>0?Math.PI+Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o<0?2*Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):0}(e,t);let n=o+i;n>2*Math.PI?n-=2*Math.PI:n<0-2*Math.PI&&(n+=2*Math.PI),n<0&&(n+=2*Math.PI);const a=function(e,t){const i=(e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y);return 0===i?i:Math.sqrt(i)}(e,t);let s=0,r=0;return 0===n?(s=0,r=0-a):n>0&&n<Math.PI/2?(s=Math.sin(n)*a,r=0-Math.cos(n)*a):n===Math.PI/2?(s=a,r=0):n>Math.PI/2&&n<Math.PI?(s=Math.sin(Math.PI-n)*a,r=Math.cos(Math.PI-n)*a):n===Math.PI?(s=0,r=a):n>Math.PI&&n<1.5*Math.PI?(s=0-Math.sin(n-Math.PI)*a,r=Math.cos(n-Math.PI)*a):n===1.5*Math.PI?(s=0-a,r=0):n>1.5*Math.PI&&n<2*Math.PI?(s=0-Math.sin(2*Math.PI-n)*a,r=0-Math.cos(2*Math.PI-n)*a):n===2*Math.PI&&(s=0,r=0-a),s+=e.x,r+=e.y,{x:s,y:r}}function H(e,t){if((null==t?void 0:t.length)>0){let i=e.x,o=e.y;return t.forEach((e=>{const{x:t,y:n,w:a,h:s,angle:r=0}=e,l=Z(V({x:t,y:n,w:a,h:s,angle:r}),{x:i,y:o},B(r));i=l.x,o=l.y})),{x:i,y:o}}return e}function _(e,t,i){const{x:o,y:n,w:a,h:s}=e;let r={x:o,y:n},l={x:o+a,y:n},h={x:o+a,y:n+s},c={x:o,y:n+s};if(i&&(i>0||i<0)){const e=B(U(i));r=Z(t,r,e),l=Z(t,l,e),h=Z(t,h,e),c=Z(t,c,e)}return[r,l,h,c]}function Q(e){const{angle:t=0}=e;return _(e,V(e),t)}function $(e,t,i){return[Z(e,{x:t[0].x,y:t[0].y},i),Z(e,{x:t[1].x,y:t[1].y},i),Z(e,{x:t[2].x,y:t[2].y},i),Z(e,{x:t[3].x,y:t[3].y},i)]}function U(e){if(!(e>0||e<0)||0===e)return 0;let t=e%360;return t<0&&(t+=360),t}function J(e){let t=!0;if(Array.isArray(e)){const i=[];e.forEach((e=>{var o;"string"==typeof e.uuid&&e.uuid?i.includes(e.uuid)?(t=!1,console.warn(`Duplicate uuids: ${e.uuid}`)):i.push(e.uuid):(t=!1,console.warn("Element missing uuid",e)),"group"===e.type&&(t=J(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function K(e,t){const i={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=Q(t);if(4===e.length){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];t.x=Math.min(...i),t.y=Math.min(...o),t.w=Math.abs(Math.max(...i)-Math.min(...i)),t.h=Math.abs(Math.max(...o)-Math.min(...o))}}const o=Math.min(t.x,i.x),n=Math.min(t.y,i.y),a=Math.max(t.x+t.w,i.x+i.w),s=Math.max(t.y+t.h,i.y+i.h);i.x=o,i.y=n,i.w=Math.abs(a-o),i.h=Math.abs(s-n)})),(null==t?void 0:t.extend)&&(i.x=Math.min(i.x,0),i.y=Math.min(i.y,0));const o={contextWidth:i.w,contextHeight:i.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>i.x+i.w&&(o.contextWidth=t.viewWidth-i.x),t.viewHeight>i.y+i.h&&(o.contextHeight=t.viewHeight-i.y)),o}function q(e,t){const{viewScaleInfo:i}=t,{x:o,y:n,w:a,h:s,angle:r}=e,{scale:l,offsetTop:h,offsetLeft:c}=i;return{x:o*l+c,y:n*l+h,w:a*l,h:s*l,angle:r}}function ee(e,t){const{viewScaleInfo:i}=t,{x:o,y:n}=e,{scale:a,offsetTop:s,offsetLeft:r}=i;return{x:o*a+r,y:n*a+s}}function te(e,t){return[ee(e[0],t),ee(e[1],t),ee(e[2],t),ee(e[3],t)]}function ie(e,t){const{context2d:i,element:o,viewScaleInfo:n,viewSizeInfo:a}=t,{angle:s=0}=o,{x:r,y:l,w:h,h:c}=q(o,{viewScaleInfo:n,viewSizeInfo:a}),d=Q({x:r,y:l,w:h,h:c,angle:s});if(d.length>=2){i.beginPath(),i.moveTo(d[0].x,d[0].y);for(let e=1;e<d.length;e++)i.lineTo(d[e].x,d[e].y);i.closePath()}return!!i.isPointInPath(e.x,e.y)}function oe(e){const{x:t,y:i,h:o,w:n}=e;return[{x:t,y:i},{x:t+n,y:i},{x:t+n,y:i+o},{x:t,y:i+o}]}function ne(e){const{x:t,y:i,w:o,h:n,angle:a=0}=e;return 0===a?oe(e):_(e,V({x:t,y:i,w:o,h:n,angle:a}),a)}function ae(e){const t=[];let i=0,o=0;const n=[],a=[...e];for(let e=0;e<a.length;e++){const{x:s,y:r,w:l,h:h,angle:c=0}=a[e];let d;if(i+=s,o+=r,0===e){const e={x:i,y:o,w:l,h:h,angle:c};d=ne({x:s,y:r,w:l,h:h,angle:c}),n.push({center:V(e),angle:c,radian:B(c)})}else{d=oe({x:i,y:o,w:l,h:h,angle:c});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=$(t,d,i)}const e=X(d);if(c>0||c<0){d=$(e,d,B(c))}n.push({center:e,angle:c,radian:B(c)})}t.push(d)}return t}function se(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?ae([...i,e]):[ne(e)]}(e,t);return i.pop()||null}function re(e,t){const{x:i,y:o}=e,{size:n,angle:a}=t;return{x:i-n/2,y:o-n/2,w:n,h:n,angle:a}}function le(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n}=t,a=(o&&o>0?o:8)/n.scale,{x:s,y:r,w:l,h:h,angle:c=0}=e,d=[{uuid:f(),x:s,y:r,w:l,h:h,angle:c,type:"group",detail:{children:[]}},...i];let u=0;d.forEach((({angle:e=0})=>{u+=e}));const g=se(e,{groupQueue:i}),v=L(g[0],g[1]),w=L(g[1],g[2]),m=L(g[2],g[3]),x=L(g[3],g[0]),S=g[0],y=g[1],p=g[2],b=g[3],A=re(S,{size:a,angle:u}),I=re(y,{size:a,angle:u}),M=re(b,{size:a,angle:u}),z=re(p,{size:a,angle:u}),P=ne(A),R=ne(I),T=ne(M),E=ne(z),C=[P[1],R[0],R[3],P[2]],W=[R[3],R[2],E[1],E[0]],O=[T[1],E[0],E[3],T[2]];return{elementWrapper:g,left:{type:"left",vertexes:[P[3],P[2],T[1],T[0]],center:x},right:{type:"right",vertexes:W,center:w},top:{type:"top",vertexes:C,center:v},bottom:{type:"bottom",vertexes:O,center:m},topLeft:{type:"top-left",vertexes:P,center:S},topRight:{type:"top-right",vertexes:R,center:y},bottomLeft:{type:"bottom-left",vertexes:T,center:b},bottomRight:{type:"bottom-right",vertexes:E,center:p}}}function he(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function ce(e,t){let i=2;return void 0!==(null==t?void 0:t.decimalPlaces)&&(null==t?void 0:t.decimalPlaces)>=0&&(i=t.decimalPlaces),parseFloat(e.toFixed(i))}const de={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function fe(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n}=e.detail;const{boxSizing:a=de.boxSizing,borderWidth:s}=e.detail;"number"!=typeof s&&(n=0);let{x:r,y:l,w:h,h:c}=e,d=[0,0,0,0];if("number"==typeof n){const e=n*o;d=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(d=[n[0]*o,n[1]*o,n[2]*o,n[3]*o]);let f=0;return"number"==typeof s&&(f=(s||0)*o),"border-box"===a?(r=e.x+f/2,l=e.y+f/2,h=e.w-f,c=e.h-f):"content-box"===a?(r=e.x-f/2,l=e.y-f/2,h=e.w+f,c=e.h+f):(r=e.x,l=e.y,h=e.w,c=e.h),h=Math.max(h,1),c=Math.max(c,1),d=d.map((e=>Math.min(e,h/2,c/2))),{x:r,y:l,w:h,h:c,radiusList:d}}function ue(e,t,i){if("string"==typeof t)return t;const{viewElementSize:o,viewScaleInfo:n,opacity:a=1}=i,{x:s,y:r}=o,{scale:l}=n;if("linear-gradient"===(null==t?void 0:t.type)){const{start:i,end:o,stops:n}=t,h={x:s+i.x*l,y:r+i.y*l},c={x:s+o.x*l,y:r+o.y*l},f=e.createLinearGradient(h.x,h.y,c.x,c.y);return n.forEach((e=>{f.addColorStop(e.offset,d(e.color,a))})),f}if("radial-gradient"===(null==t?void 0:t.type)){const{inner:i,outer:o,stops:n}=t,h={x:s+i.x*l,y:r+i.y*l,radius:i.radius*l},c={x:s+o.x*l,y:r+o.y*l,radius:o.radius*l},f=e.createRadialGradient(h.x,h.y,h.radius,c.x,c.y,c.radius);return n.forEach((e=>{f.addColorStop(e.offset,d(e.color,a))})),f}return"#000000"}const ge={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function ve(e,t,i){const{pattern:o,renderContent:n,originElem:a,calcElemSize:s,viewScaleInfo:r,viewSizeInfo:l}=i||{};!function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:a,viewScaleInfo:s,viewSizeInfo:r}=i,l=s.scale*r.devicePixelRatio,{clipPath:h}=(null==n?void 0:n.detail)||{};if(h&&a&&h.commands){const{x:i,y:n,w:s,h:r}=a,{originW:c,originH:d,originX:f,originY:u}=h,g=s/c,v=r/d,w=i-f*g,m=n-u*v;e.save(),e.translate(w,m),e.scale(l*g,l*v);const x=he(h.commands||[]),S=new Path2D(x);e.clip(S),e.translate(0-w,0-m),e.setTransform(1,0,0,1,0,0),N(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:s,viewScaleInfo:r,viewSizeInfo:l,renderContent:()=>{var i,a;void 0!==(null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.opacity)&&(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1,function(e,t,i){var o,n;const{pattern:a,viewScaleInfo:s,viewSizeInfo:r}=i,l=[];if(t.detail,t.detail,t.detail.background||a){const{x:i,y:h,w:c,h:d,radiusList:f}=fe(t,{viewScaleInfo:s,viewSizeInfo:r});if(e.beginPath(),e.moveTo(i+f[0],h),e.arcTo(i+c,h,i+c,h+d,f[1]),e.arcTo(i+c,h+d,i,h+d,f[2]),e.arcTo(i,h+d,i,h,f[3]),e.arcTo(i,h,i+c,h,f[0]),e.closePath(),"string"==typeof a)e.fillStyle=a;else if(["CanvasPattern"].includes(m.type(a)))e.fillStyle=a;else if("string"==typeof t.detail.background)e.fillStyle=t.detail.background;else if("linear-gradient"===(null===(o=t.detail.background)||void 0===o?void 0:o.type)){const o=ue(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},viewScaleInfo:s,opacity:e.globalAlpha});e.fillStyle=o}else if("radial-gradient"===(null===(n=t.detail.background)||void 0===n?void 0:n.type)){const o=ue(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},viewScaleInfo:s,opacity:e.globalAlpha});if(e.fillStyle=o,l&&l.length>0)for(let t=0;t<(null==l?void 0:l.length);t++){const o=l[t];"translate"===o.method?e.translate(o.args[0]+i,o.args[1]+h):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill(),l&&l.length>0&&e.setTransform(1,0,0,1,0,0)}}(e,t,{pattern:o,viewScaleInfo:r,viewSizeInfo:l}),null==n||n(),function(e,t,i){var o,n;if(0===t.detail.borderWidth)return;if(!c(t.detail.borderColor))return;void 0!==(null===(o=null==t?void 0:t.detail)||void 0===o?void 0:o.opacity)&&(null===(n=null==t?void 0:t.detail)||void 0===n?void 0:n.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1;const{viewScaleInfo:a}=i,{scale:s}=a;let r=ge.borderColor;!0===c(t.detail.borderColor)&&(r=t.detail.borderColor);const{borderWidth:l,borderRadius:h,borderDash:d,boxSizing:f=ge.boxSizing}=t.detail;let u=0;"number"==typeof l&&(u=l||1);u*=s;let g=[0,0,0,0];if("number"==typeof h){const e=h*s;g=[e,e,e,e]}else Array.isArray(h)&&4===(null==h?void 0:h.length)&&(g=[h[0]*s,h[1]*s,h[2]*s,h[3]*s]);e.strokeStyle=r;let v=[];Array.isArray(d)&&d.length>0&&(v=d.map((e=>Math.ceil(e*s))));let w=0,m=0,x=0,S=0;Array.isArray(l)&&(w=(l[0]||0)*s,m=(l[1]||0)*s,x=(l[2]||0)*s,S=(l[3]||0)*s);if(S||m||w||x){e.lineCap="butt";let{x:i,y:o,w:n,h:a}=t;"border-box"===f?(i+=S/2,o+=w/2,n=n-S/2-m/2,a=a-w/2-x/2):"content-box"===f?(i-=S/2,o-=w/2,n=n+S/2+m/2,a=a+w/2+x/2):(i=t.x,o=t.y,n=t.w,a=t.h),w&&(e.beginPath(),e.lineWidth=w,e.moveTo(i-S/2,o),e.lineTo(i+n+m/2,o),e.closePath(),e.stroke()),m&&(e.beginPath(),e.lineWidth=m,e.moveTo(i+n,o-w/2),e.lineTo(i+n,o+a+x/2),e.closePath(),e.stroke()),x&&(e.beginPath(),e.lineWidth=x,e.moveTo(i-S/2,o+a),e.lineTo(i+n+m/2,o+a),e.closePath(),e.stroke()),S&&(e.beginPath(),e.lineWidth=S,e.moveTo(i,o-w/2),e.lineTo(i,o+a+x/2),e.closePath(),e.stroke())}else{let{x:i,y:o,w:n,h:a}=t;"border-box"===f?(i=t.x+u/2,o=t.y+u/2,n=t.w-u,a=t.h-u):"content-box"===f?(i=t.x-u/2,o=t.y-u/2,n=t.w+u,a=t.h+u):(i=t.x,o=t.y,n=t.w,a=t.h),v.length>0?e.lineCap="butt":e.lineCap="square",n=Math.max(n,1),a=Math.max(a,1),g=g.map((e=>Math.min(e,n/2,a/2))),e.setLineDash(v),e.lineWidth=u,e.beginPath(),e.moveTo(i+g[0],o),e.arcTo(i+n,o,i+n,o+a,g[1]),e.arcTo(i+n,o+a,i,o+a,g[2]),e.arcTo(i,o+a,i,o,g[3]),e.arcTo(i,o,i+n,o,g[0]),e.closePath(),e.stroke(),e.globalAlpha=1}e.setLineDash([])}(e,t,{viewScaleInfo:r,viewSizeInfo:l}),e.globalAlpha=1}})}function we(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:a}=i,{shadowColor:s,shadowOffsetX:r,shadowOffsetY:l,shadowBlur:h}=o;P.number(h)?(e.save(),e.shadowColor=s||ge.shadowColor,e.shadowOffsetX=(r||0)*n.scale,e.shadowOffsetY=(l||0)*n.scale,e.shadowBlur=(h||0)*n.scale,a(),e.restore()):a()}const me={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function xe(e,t,i){var o;if(!0!==(null===(o=null==t?void 0:t.operations)||void 0===o?void 0:o.invisible))try{switch(t.type){case"rect":!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:c}=(null==o?void 0:o.elementSize(t,n,a))||t,d=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:c});N(e,{x:s,y:r,w:l,h:h,angle:c},(()=>{we(e,d,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{ve(e,d,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:c},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{}})}})}))}(e,t,i);break;case"circle":!function(e,t,i){const{detail:o,angle:n}=t,{background:a="#000000",borderColor:s="#000000",borderWidth:r=0}=o,{calculator:l,viewScaleInfo:h,viewSizeInfo:c}=i,{x:d,y:f,w:u,h:g}=(null==l?void 0:l.elementSize({x:t.x,y:t.y,w:t.w,h:t.h},h,c))||t,v=Object.assign(Object.assign({},t),{x:d,y:f,w:u,h:g,angle:n});N(e,{x:d,y:f,w:u,h:g,angle:n},(()=>{we(e,v,{viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{var i,o;const n=u/2,l=g/2,c=d+n,v=f+l;if(void 0!==(null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.opacity)&&(null===(o=null==t?void 0:t.detail)||void 0===o?void 0:o.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1,"number"==typeof r&&r>0){const t=r/2+n,i=r/2+l;e.beginPath(),e.strokeStyle=s,e.lineWidth=r,e.circle(c,v,t,i,0,0,2*Math.PI),e.closePath(),e.stroke()}e.beginPath();const w=ue(e,a,{viewElementSize:{x:d,y:f,w:u,h:g},viewScaleInfo:h,opacity:e.globalAlpha});e.fillStyle=w,e.circle(c,v,n,l,0,0,2*Math.PI),e.closePath(),e.fill(),e.globalAlpha=1}})}))}(e,t,i);break;case"text":!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:d}=(null==o?void 0:o.elementSize(t,n,a))||t,f=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:d});N(e,{x:s,y:r,w:l,h:h,angle:d},(()=>{ve(e,f,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:d},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{const i=Object.assign(Object.assign({},me),t.detail),o=(i.fontSize||me.fontSize)*n.scale,a=i.lineHeight?i.lineHeight*n.scale:o;e.fillStyle=t.detail.color||me.color,e.textBaseline="top",e.$setFont({fontWeight:i.fontWeight,fontSize:o,fontFamily:i.fontFamily});const d=i.text.replace(/\r\n/gi,"\n"),f=a,u=d.split("\n"),g=[];let v=0;u.forEach(((t,i)=>{let o="";if(t.length>0){for(let n=0;n<t.length&&(e.measureText(o+(t[n]||"")).width<e.$doPixelRatio(l)?o+=t[n]||"":(g.push({text:o,width:e.$undoPixelRatio(e.measureText(o).width)}),o=t[n]||"",v++),!((v+1)*f>h));n++)if(t.length-1===n&&(v+1)*f<h){g.push({text:o,width:e.$undoPixelRatio(e.measureText(o).width)}),i<u.length-1&&v++;break}}else g.push({text:"",width:0})}));let w=0;g.length*f<h&&("top"===t.detail.verticalAlign?w=0:"bottom"===t.detail.verticalAlign?w+=h-g.length*f:w+=(h-g.length*f)/2);{const t=r+w;void 0!==i.textShadowColor&&c(i.textShadowColor)&&(e.shadowColor=i.textShadowColor),void 0!==i.textShadowOffsetX&&P.number(i.textShadowOffsetX)&&(e.shadowOffsetX=i.textShadowOffsetX),void 0!==i.textShadowOffsetY&&P.number(i.textShadowOffsetY)&&(e.shadowOffsetY=i.textShadowOffsetY),void 0!==i.textShadowBlur&&P.number(i.textShadowBlur)&&(e.shadowBlur=i.textShadowBlur),g.forEach(((o,n)=>{let a=s;"center"===i.textAlign?a=s+(l-o.width)/2:"right"===i.textAlign&&(a=s+(l-o.width)),e.fillText(o.text,a,t+f*n)}))}}})}))}(e,t,i);break;case"image":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t,f=Object.assign(Object.assign({},t),{x:r,y:l,w:h,h:c,angle:d});N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{we(e,f,{viewScaleInfo:a,viewSizeInfo:s,renderContent:()=>{ve(e,f,{originElem:t,calcElemSize:{x:r,y:l,w:h,h:c,angle:d},viewScaleInfo:a,viewSizeInfo:s,renderContent:()=>{if(o||i.loader.load(t,i.elementAssets||{}),"image"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1;const{x:n,y:r,w:l,h:h,radiusList:c}=fe(f,{viewScaleInfo:a,viewSizeInfo:s});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(n+c[0],r),e.arcTo(n+l,r,n+l,r+h,c[1]),e.arcTo(n+l,r+h,n,r+h,c[2]),e.arcTo(n,r+h,n,r,c[3]),e.arcTo(n,r,n+l,r,c[0]),e.closePath(),e.fill(),e.clip(),e.drawImage(o,n,r,l,h),e.globalAlpha=1,e.restore()}}})}})}))}(e,t,i);break;case"svg":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t;N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{if(o||i.loader.load(t,i.elementAssets||{}),"svg"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1,e.drawImage(o,r,l,h,c),e.globalAlpha=1}}))}(e,t,i);break;case"html":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t;N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{if(o||i.loader.load(t,i.elementAssets||{}),"html"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1,e.drawImage(o,r,l,h,c),e.globalAlpha=1}}))}(e,t,i);break;case"path":!function(e,t,i){const{detail:o}=t,{originX:n,originY:a,originW:s,originH:r}=o,{calculator:l,viewScaleInfo:h,viewSizeInfo:c}=i,{x:d,y:f,w:u,h:g,angle:v}=(null==l?void 0:l.elementSize(t,h,c))||t,w=u/s,m=g/r,x=d-n*w,S=f-a*m,y=h.scale*c.devicePixelRatio,p=Object.assign(Object.assign({},t),{x:d,y:f,w:u,h:g,angle:v});N(e,{x:d,y:f,w:u,h:g,angle:v},(()=>{ve(e,p,{originElem:t,calcElemSize:{x:d,y:f,w:u,h:g,angle:v},viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{we(e,p,{viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{e.save(),e.translate(x,S),e.scale(y*w/h.scale,y*m/h.scale);const t=he(o.commands||[]),i=new Path2D(t);o.fill&&(e.fillStyle=o.fill,e.fill(i)),o.stroke&&0!==o.strokeWidth&&(e.strokeStyle=o.stroke,e.lineWidth=(o.strokeWidth||1)/c.devicePixelRatio,e.lineCap=o.strokeLineCap||"square",e.stroke(i)),e.translate(-x,-S),e.restore()}})}})}))}(e,t,i);break;case"group":{const o=Object.assign(Object.assign({},i.elementAssets||{}),t.detail.assets||{});!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:c}=(null==o?void 0:o.elementSize({x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle},n,a))||t,d=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:c});N(e,{x:s,y:r,w:l,h:h,angle:c},(()=>{we(e,d,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{ve(e,d,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:c},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{const{x:o,y:s,w:r,h:l,radiusList:h}=fe(d,{viewScaleInfo:n,viewSizeInfo:a});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(o+h[0],s),e.arcTo(o+r,s,o+r,s+l,h[1]),e.arcTo(o+r,s+l,o,s+l,h[2]),e.arcTo(o,s+l,o,s,h[3]),e.arcTo(o,s,o+r,s,h[0]),e.closePath(),e.fill(),e.clip()),Array.isArray(t.detail.children)){const{parentElementSize:o}=i,n={x:o.x+t.x,y:o.y+t.y,w:t.w||o.w,h:t.h||o.h,angle:t.angle},{calculator:a}=i;for(let o=0;o<t.detail.children.length;o++){let s=t.detail.children[o];if(s=Object.assign(Object.assign({},s),{x:n.x+s.x,y:n.y+s.y}),!0===i.forceDrawAll||(null==a?void 0:a.isElementInView(s,i.viewScaleInfo,i.viewSizeInfo)))try{xe(e,s,Object.assign({},i))}catch(e){console.error(e)}}}"hidden"===t.detail.overflow&&(e.globalAlpha=1,e.restore())}})}})}))}(e,t,Object.assign(Object.assign({},i),{elementAssets:o}));break}}}catch(e){console.error(e)}}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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};var ye=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function r(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}l((o=o.apply(e,t||[])).next())}))};const pe=["image","svg","html"],be=e=>{var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),"string"==typeof n&&n?/^@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(`${n}`)?n:g(n):g(`${f()}-${e.uuid}-${f()}-${f()}`)};class Ae extends D{constructor(){super(),this._loadFuncMap={},this._currentLoadItemMap={},this._storageLoadItemMap={},this._registerLoadFunc("image",((e,t)=>ye(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.src])||void 0===i?void 0:i.value)||e.detail.src,n=yield y(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),this._registerLoadFunc("html",((e,t)=>ye(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.html])||void 0===i?void 0:i.value)||e.detail.html,n=yield b(o,{width:e.detail.width||e.w,height:e.detail.height||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),this._registerLoadFunc("svg",((e,t)=>ye(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.svg])||void 0===i?void 0:i.value)||e.detail.svg,n=yield p(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}_registerLoadFunc(e,t){this._loadFuncMap[e]=t}_getLoadElementSource(e){var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),n}_createLoadItem(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:this._getLoadElementSource(e)}}_emitLoad(e){const t=be(e.element),i=this._storageLoadItemMap[t];i?i.startTime<e.startTime&&(this._storageLoadItemMap[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(this._storageLoadItemMap[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime})))}_emitError(e){const t=be(e.element),i=this._storageLoadItemMap[t];i?i.startTime<e.startTime&&(this._storageLoadItemMap[t]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(this._storageLoadItemMap[t]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime})))}_loadResource(e,t){const i=this._createLoadItem(e),o=be(e);this._currentLoadItemMap[o]=i;const n=this._loadFuncMap[e.type];"function"==typeof n&&(i.startTime=Date.now(),n(e,t).then((e=>{i.content=e.content,i.endTime=Date.now(),i.status="load",this._emitLoad(i)})).catch((t=>{console.warn(`Load element source "${i.source}" fail`,t,e),i.endTime=Date.now(),i.status="error",i.error=t,this._emitError(i)})))}_isExistingErrorStorage(e){var t;const i=be(e),o=null===(t=this._currentLoadItemMap)||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==this._getLoadElementSource(e))}load(e,t){this._isExistingErrorStorage(e)||pe.includes(e.type)&&this._loadResource(e,t)}getContent(e){var t,i;const o=be(e);return(null===(i=null===(t=this._storageLoadItemMap)||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}}var Ie,Me,ze,Pe,Re=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Te=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Ee extends D{constructor(e){super(),Ie.add(this),Me.set(this,void 0),ze.set(this,new Ae),Re(this,Me,e,"f"),Te(this,Ie,"m",Pe).call(this)}updateOptions(e){Re(this,Me,e,"f")}drawData(e,t){const i=Te(this,ze,"f"),{calculator:o}=Te(this,Me,"f"),n=Te(this,Me,"f").viewContext;n.clearRect(0,0,n.canvas.width,n.canvas.height);const a={x:0,y:0,w:t.viewSizeInfo.width,h:t.viewSizeInfo.height};!function(e,t,i){var o;const{elements:n=[]}=t;for(let t=0;t<n.length;t++){const a=n[t],s=Object.assign(Object.assign({},a),{detail:Object.assign(Object.assign({},Se),null==a?void 0:a.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.isElementInView(s,i.viewScaleInfo,i.viewSizeInfo)))try{xe(e,s,i)}catch(e){console.error(e)}}}(n,e,Object.assign({loader:i,calculator:o,parentElementSize:a,elementAssets:e.assets},t))}scale(e){const{sharer:t}=Te(this,Me,"f");if(!t)return;const{data:i,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:s,width:r,height:l,contextHeight:h,contextWidth:c,devicePixelRatio:d}=t.getActiveStoreSnapshot();i&&this.drawData(i,{viewScaleInfo:{scale:e,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:s},viewSizeInfo:{width:r,height:l,contextHeight:h,contextWidth:c,devicePixelRatio:d}})}}Me=new WeakMap,ze=new WeakMap,Ie=new WeakSet,Pe=function(){const e=Te(this,ze,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(()=>{}))};class Ce{constructor(e){this._opts=e}elementSize(e,t,i){return q(e,{viewScaleInfo:t,viewSizeInfo:i})}isElementInView(e,t,i){return function(e,t){const{viewSizeInfo:i,viewScaleInfo:o}=t,{width:n,height:a}=i,{angle:s}=e,{x:r,y:l,w:h,h:c}=q(e,{viewScaleInfo:o,viewSizeInfo:i}),d=Q({x:r,y:l,w:h,h:c,angle:s}),f={x:0,y:0,w:n,h:a},u=Math.min(d[0].x,d[1].x,d[2].x,d[3].x),g=Math.min(d[0].y,d[1].y,d[2].y,d[3].y);return function(e,t){const i=e.x,o=e.y,n=e.x+e.w,a=e.y+e.h,s=t.x,r=t.y,l=t.x+t.w,h=t.y+t.h;return i<=l&&n>=s&&o<=h&&a>=r}(f,{x:u,y:g,w:Math.max(d[0].x,d[1].x,d[2].x,d[3].x)-u,h:Math.max(d[0].y,d[1].y,d[2].y,d[3].y)-g})}(e,{viewScaleInfo:t,viewSizeInfo:i})}isPointInElement(e,t,i,o){return ie(e,{context2d:this._opts.viewContext,element:t,viewScaleInfo:i,viewSizeInfo:o})}getPointElement(e,t){const i=this._opts.viewContext;return function(e,t){var i,o,n;const{context2d:a,data:s,viewScaleInfo:r,viewSizeInfo:l,groupQueue:h}=t,c={index:-1,element:null,groupQueueIndex:-1};if(h&&Array.isArray(h)&&(null==h?void 0:h.length)>0)for(let t=h.length-1;t>=0;t--){let n=0,s=0,d=0;for(let e=0;e<=t;e++)n+=h[e].x,s+=h[e].y,d+=h[e].angle||0;const f=h[t];if(f&&"group"===f.type&&Array.isArray(null===(i=f.detail)||void 0===i?void 0:i.children))for(let i=0;i<f.detail.children.length;i++){const u=f.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(ie(e,{context2d:a,element:{x:n+u.x,y:s+u.y,w:u.w,h:u.h,angle:d+(u.angle||0)},viewScaleInfo:r,viewSizeInfo:l})){c.element=u,(t<h.length-1||"group"!==u.type)&&(c.groupQueueIndex=t);break}}}if(c.element)break}if(c.element)return c;for(let t=s.elements.length-1;t>=0;t--){const i=s.elements[t];if(!0!==(null===(n=null==i?void 0:i.operations)||void 0===n?void 0:n.invisible)&&ie(e,{context2d:a,element:i,viewScaleInfo:r,viewSizeInfo:l})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}}function We(e){return e>0||e<0||0===e}class Oe extends D{constructor(e){super();const t=new k({defaultStorage:{hasPointDown:!1,prevClickPoint:null}});this._store=t,this._opts=e,this._init()}_init(){const e=window;e.addEventListener("mousemove",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)&&this.trigger("hover",{point:t})})),e.addEventListener("mousedown",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)&&(this._store.set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),e.addEventListener("mousemove",(e=>{if(!this._isInTarget(e))return;e.preventDefault(),e.stopPropagation();const t=this._getPoint(e);this._isVaildPoint(t)?!0===this._store.get("hasPointDown")&&this.trigger("pointMove",{point:t}):this._store.get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),this._store.set("hasPointDown",!1))})),e.addEventListener("mouseup",(e=>{if(this._store.set("hasPointDown",!1),!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this.trigger("pointEnd",{point:t})})),e.addEventListener("mouseleave",(e=>{if(this._store.set("hasPointDown",!1),!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this.trigger("pointLeave",{point:t})})),e.addEventListener("wheel",(e=>{if(!this._isInTarget(e))return;const t=this._getPoint(e);if(!this._isVaildPoint(t))return;e.preventDefault();const i=e.deltaX>0||e.deltaX<0?e.deltaX:0,o=e.deltaY>0||e.deltaY<0?e.deltaY:0;!0===e.ctrlKey&&this.has("wheelScale")?this.trigger("wheelScale",{deltaX:i,deltaY:o,point:t}):this.has("wheel")&&this.trigger("wheel",{deltaX:i,deltaY:o,point:t})}),{passive:!1}),e.addEventListener("click",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);if(!this._isVaildPoint(t))return;const i=Date.now(),o=this._store.get("prevClickPoint");o&&i-o.t<=500&&Math.abs(o.x-t.x)<=5&&Math.abs(o.y-t.y)<=5?this.trigger("doubleClick",{point:t}):this._store.set("prevClickPoint",t)})),e.addEventListener("contextmenu",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)}))}_isInTarget(e){return e.target===this._opts.boardContent.boardContext.canvas}_getPoint(e){const t=this._opts.boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top,t:Date.now()}}_isVaildPoint(e){const t=this._opts.sharer.getActiveViewSizeInfo(),{width:i,height:o}=t;return!!(We(e.x)&&We(e.y)&&e.x<=i&&e.y<=o)}}const je={width:0,height:0,devicePixelRatio:1,contextWidth:0,contextHeight:0,data:null,scale:1,offsetLeft:0,offsetRight:0,offsetTop:0,offsetBottom:0};class De{constructor(){const e=new k({defaultStorage:je}),t=new k({defaultStorage:{}});this._activeStore=e,this._sharedStore=t}getActiveStorage(e){return this._activeStore.get(e)}setActiveStorage(e,t){return this._activeStore.set(e,t)}getActiveStoreSnapshot(){return this._activeStore.getSnapshot()}getSharedStorage(e){return this._sharedStore.get(e)}setSharedStorage(e,t){return this._sharedStore.set(e,t)}getSharedStoreSnapshot(){return this._sharedStore.getSnapshot()}getActiveViewScaleInfo(){return{scale:this._activeStore.get("scale"),offsetTop:this._activeStore.get("offsetTop"),offsetBottom:this._activeStore.get("offsetBottom"),offsetLeft:this._activeStore.get("offsetLeft"),offsetRight:this._activeStore.get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:a}=e;this._activeStore.set("scale",t),this._activeStore.set("offsetTop",i),this._activeStore.set("offsetBottom",o),this._activeStore.set("offsetLeft",n),this._activeStore.set("offsetRight",a)}setActiveViewSizeInfo(e){this._activeStore.set("width",e.width),this._activeStore.set("height",e.height),this._activeStore.set("devicePixelRatio",e.devicePixelRatio),this._activeStore.set("contextWidth",e.contextWidth),this._activeStore.set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:this._activeStore.get("width"),height:this._activeStore.get("height"),devicePixelRatio:this._activeStore.get("devicePixelRatio"),contextWidth:this._activeStore.get("contextWidth"),contextHeight:this._activeStore.get("contextHeight")}}}const{requestAnimationFrame:Le}=window;class ke extends D{constructor(e){super(),this._drawFrameSnapshotQueue=[],this._drawFrameStatus="FREE",this._opts=e,this._init()}_init(){const{renderer:e}=this._opts;e.on("load",(()=>{this.drawFrame()}))}_drawAnimationFrame(){if("DRAWING"===this._drawFrameStatus||0===this._drawFrameSnapshotQueue.length)return;this._drawFrameStatus="DRAWING";const e=this._drawFrameSnapshotQueue.shift(),{renderer:t,boardContent:i,beforeDrawFrame:o,afterDrawFrame:n}=this._opts;if(e){const{scale:a,offsetTop:s,offsetBottom:r,offsetLeft:l,offsetRight:h,width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}=e.activeStore;(null==e?void 0:e.activeStore.data)&&t.drawData(e.activeStore.data,{viewScaleInfo:{scale:a,offsetTop:s,offsetBottom:r,offsetLeft:l,offsetRight:h},viewSizeInfo:{width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}}),o({snapshot:e}),i.drawView(),n({snapshot:e})}0!==this._drawFrameSnapshotQueue.length?(this._drawFrameStatus="DRAWING")&&Le((()=>{this._drawAnimationFrame()})):this._drawFrameStatus="COMPLETE"}drawFrame(){const{sharer:e}=this._opts,t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();this._drawFrameSnapshotQueue.push({activeStore:t,sharedStore:i}),this._drawAnimationFrame()}scale(e){const{scale:t,point:i}=e,{sharer:o}=this._opts,{moveX:n,moveY:a}=function(e){const{scale:t,point:i,viewScaleInfo:o}=e,{offsetLeft:n,offsetTop:a}=o,s=t/o.scale,r=i.x,l=i.y;return{moveX:r-r*s+(n*s-n),moveY:l-l*s+(a*s-a)}}({scale:t,point:i,viewScaleInfo:o.getActiveViewScaleInfo(),viewSizeInfo:o.getActiveViewSizeInfo()});return o.setActiveStorage("scale",t),{moveX:n,moveY:a}}scroll(e){const{sharer:t}=this._opts,i=t.getActiveViewScaleInfo(),{moveX:o,moveY:n}=e,a=function(e){const{moveX:t=0,moveY:i=0,viewScaleInfo:o,viewSizeInfo:n}=e,{scale:a}=o,{width:s,height:r,contextWidth:l,contextHeight:h}=n;let c=o.offsetLeft,d=o.offsetRight,f=o.offsetTop,u=o.offsetBottom;return c+=t,f+=i,d=s-(l*a+c),u=r-(h*a+f),{scale:a,offsetTop:f,offsetLeft:c,offsetRight:d,offsetBottom:u}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(a),a}updateViewScaleInfo(e){const{sharer:t}=this._opts,i=function(e,t){const{scale:i,offsetX:o,offsetY:n}=e,{viewSizeInfo:a}=t,{width:s,height:r,contextWidth:l,contextHeight:h}=a,c=0-o*i,d=0-n*i;return{scale:i,offsetLeft:c,offsetTop:d,offsetRight:s-(l*i+c/i),offsetBottom:r-(h*i+d/i)}}(e,{viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(i),i}resize(e={}){const{sharer:t}=this._opts,i=t.getActiveViewSizeInfo(),o=Object.assign(Object.assign({},i),e),{width:n,height:a,devicePixelRatio:s}=o,{underContext:r,boardContext:l,helperContext:h,viewContext:c}=this._opts.boardContent;return l.canvas.width=n*s,l.canvas.height=a*s,l.canvas.style.width=`${n}px`,l.canvas.style.height=`${a}px`,r.canvas.width=n*s,r.canvas.height=a*s,h.canvas.width=n*s,h.canvas.height=a*s,c.canvas.width=n*s,c.canvas.height=a*s,t.setActiveViewSizeInfo(o),o}}var Fe,Ye,Be,Ge,Ne,Ve,Xe,Ze,He,_e,Qe,$e,Ue,Je,Ke,qe,et,tt,it,ot,nt,at,st,rt,lt,ht=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},ct=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class dt{constructor(e){Fe.add(this),Ye.set(this,void 0),Be.set(this,new WeakMap),Ge.set(this,[]),Ne.set(this,[]),Ve.set(this,void 0),Xe.set(this,void 0),Ze.set(this,void 0),He.set(this,void 0),_e.set(this,new D);const{boardContent:t}=e,i=new De,o=new Ce({viewContext:t.viewContext}),n=new Oe({boardContent:t,sharer:i}),a=new Ee({viewContext:t.viewContext,sharer:i,calculator:o});ht(this,Ye,e,"f"),ht(this,Xe,i,"f"),ht(this,Ve,n,"f"),ht(this,He,o,"f"),ht(this,Ze,new ke({boardContent:e.boardContent,sharer:i,renderer:a,calculator:ct(this,He,"f"),beforeDrawFrame:e=>{ct(this,Fe,"m",st).call(this,e)},afterDrawFrame:e=>{ct(this,Fe,"m",rt).call(this,e)}}),"f"),ct(this,Fe,"m",Qe).call(this),ct(this,Fe,"m",lt).call(this)}getSharer(){return ct(this,Xe,"f")}getViewer(){return ct(this,Ze,"f")}setData(e){const t=ct(this,Xe,"f");ct(this,Xe,"f").setActiveStorage("data",e);const i=t.getActiveViewSizeInfo(),o=K(e.elements,{viewWidth:i.width,viewHeight:i.height,extend:!0});ct(this,Ze,"f").drawFrame();const n=Object.assign(Object.assign({},i),o);return ct(this,Xe,"f").setActiveViewSizeInfo(n),{viewSizeInfo:n}}getData(){const{data:e}=ct(this,Xe,"f").getActiveStoreSnapshot();return e}use(e){var t,i,o;if(ct(this,Be,"f").has(e)){const o=ct(this,Be,"f").get(e);if(o)return null===(i=(t=o.middlewareObject).use)||void 0===i||i.call(t),o.status="enable",ct(this,Be,"f").set(e,o),void ct(this,Fe,"m",lt).call(this)}const{boardContent:n,container:a}=ct(this,Ye,"f"),s=e({boardContent:n,sharer:ct(this,Xe,"f"),viewer:ct(this,Ze,"f"),calculator:ct(this,He,"f"),eventHub:ct(this,_e,"f"),container:a});null===(o=s.use)||void 0===o||o.call(s),ct(this,Ge,"f").push(e),ct(this,Ne,"f").push(s),ct(this,Be,"f").set(e,{status:"enable",middlewareObject:s}),ct(this,Fe,"m",lt).call(this)}disuse(e){var t,i;const o=ct(this,Be,"f").get(e);o&&(null===(i=(t=o.middlewareObject).disuse)||void 0===i||i.call(t),o.status="disable",ct(this,Be,"f").set(e,o),ct(this,Fe,"m",lt).call(this))}scale(e){const t=ct(this,Ze,"f"),{moveX:i,moveY:o}=t.scale(e);t.scroll({moveX:i,moveY:o})}scroll(e){return ct(this,Ze,"f").scroll(e)}updateViewScaleInfo(e){return ct(this,Ze,"f").updateViewScaleInfo(e)}resize(e){const t=ct(this,Ze,"f").resize(e),{width:i,height:o,devicePixelRatio:n}=e,{boardContent:a}=ct(this,Ye,"f");a.viewContext.$resize({width:i,height:o,devicePixelRatio:n}),a.helperContext.$resize({width:i,height:o,devicePixelRatio:n}),a.boardContext.$resize({width:i,height:o,devicePixelRatio:n}),ct(this,Ze,"f").drawFrame(),ct(this,Ve,"f").trigger("resize",t),ct(this,Xe,"f").setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=ct(this,Ye,"f"),{underContext:t,helperContext:i,viewContext:o,boardContext:n}=e;t.clearRect(0,0,t.canvas.width,t.canvas.height),i.clearRect(0,0,i.canvas.width,i.canvas.height),o.clearRect(0,0,o.canvas.width,o.canvas.height),n.clearRect(0,0,n.canvas.width,n.canvas.height),ct(this,Fe,"m",at).call(this)}getEventHub(){return ct(this,_e,"f")}}Ye=new WeakMap,Be=new WeakMap,Ge=new WeakMap,Ne=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,Ze=new WeakMap,He=new WeakMap,_e=new WeakMap,Fe=new WeakSet,Qe=function(){ct(this,Ve,"f").on("pointStart",ct(this,Fe,"m",$e).bind(this)),ct(this,Ve,"f").on("pointEnd",ct(this,Fe,"m",Ue).bind(this)),ct(this,Ve,"f").on("pointMove",h((e=>{ct(this,Fe,"m",Je).call(this,e)}),10)),ct(this,Ve,"f").on("hover",h((e=>{ct(this,Fe,"m",Ke).call(this,e)}),10)),ct(this,Ve,"f").on("wheel",h((e=>{ct(this,Fe,"m",et).call(this,e)}),10)),ct(this,Ve,"f").on("wheelScale",h((e=>{ct(this,Fe,"m",tt).call(this,e)}),10)),ct(this,Ve,"f").on("scrollX",ct(this,Fe,"m",it).bind(this)),ct(this,Ve,"f").on("scrollY",ct(this,Fe,"m",ot).bind(this)),ct(this,Ve,"f").on("resize",ct(this,Fe,"m",nt).bind(this)),ct(this,Ve,"f").on("doubleClick",ct(this,Fe,"m",qe).bind(this))},$e=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointStart)||void 0===t?void 0:t.call(o,e)))return}},Ue=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointEnd)||void 0===t?void 0:t.call(o,e)))return}},Je=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointMove)||void 0===t?void 0:t.call(o,e)))return}},Ke=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.hover)||void 0===t?void 0:t.call(o,e)))return}},qe=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.doubleClick)||void 0===t?void 0:t.call(o,e)))return}},et=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheel)||void 0===t?void 0:t.call(o,e)))return}},tt=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheelScale)||void 0===t?void 0:t.call(o,e)))return}},it=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollX)||void 0===t?void 0:t.call(o,e)))return}},ot=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollY)||void 0===t?void 0:t.call(o,e)))return}},nt=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.resize)||void 0===t?void 0:t.call(o,e)))return}},at=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.clear)||void 0===t?void 0:t.call(o,e)))return}},st=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.beforeDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},rt=function(e){var t;for(let i=0;i<ct(this,Ne,"f").length;i++){const o=ct(this,Ne,"f")[i];if(!1===(null===(t=null==o?void 0:o.afterDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},lt=function(){const e=[],t=ct(this,Be,"f");ct(this,Ge,"f").forEach((i=>{const o=t.get(i);"enable"===(null==o?void 0:o.status)&&(null==o?void 0:o.middlewareObject)&&e.push(o.middlewareObject)})),ht(this,Ne,e,"f")};const ft="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==";class ut{constructor(e,t){this._cursorType=null,this._resizeCursorBaseImage=null,this._cursorImageMap={auto:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQtNDlkNy04MmUzLTgxODkwYTE2ZmU1YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMzOGFhZDBmLWZkZjMtODE0MS1iMTZmLWNiZWIzNTQyYTJhMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUwODAxNzc1LWZlNGEtNDQyMy05NDQ3LThkYWRhNzZhYTllOSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MDE3NzUtZmU0YS00NDIzLTk0NDctOGRhZGE3NmFhOWU5IiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjA3OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWIwYzQzMjYtZThlNC00OWQ3LTgyZTMtODE4OTBhMTZmZTVhIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7W6XrzAAAGLklEQVRYhb2Xf2iUdRzHX/txtfXLplZ6Wblm6fzRmG6r7Uou1AxKRjQKYUqgaLBACFogppcK1h8aLRkMSYaJIA5hYMomZpskEfPOufCaDpZ6t7rbre263U3vzn3643meu+eu3XNzvz7w4bbdc/e89nl/Pu/v50HUCAQCx1tbW0uAx4CHgSwggxkKERkziUQif2mQ0WjU53a7vwSeBB4BTEDmTICmBBwYGDivVlDjlFAo9KvT6dwIPAHkANkq6MwDXr169bCISENDg9TX14s+BgcHf2hubi5mBmRPCXj06NFPREQ6OjoEkPLycrl06VIMMhKJeFwu1xdMs+wpAYuLi9eIiIyOjkpeXp4AAsj27dvF7/fHQIPB4C9dXV0fME2ypwQEXvX7/bdFRNauXRsDBMRkMsnhw4cTZB8YGGhsamp6hSmW3Qhw1Y0bN86LiNTW1iYAallWViZtbW162ftcLtdO/i/7tAAWtba2ficicvLkyTEBtdy6dasMDg7GQIeHh9s7OzvfBx5nkrIbAS7du3fvxyIiPT09hoBa1tXVJcv+fWNj4zLgUeAhJiC7EeDLwOsiMioisnDhwnFBrlixQi5evKiX/c6tW7c+R5E9lweU3QjwReDV/v7+bhGRqqqqcQFquWnTJvH5fHrZLzocjkoSZU9bTSPA54GV165daxYROXDgwAMBannw4MFk2RsaGhqWME7ZjQDNwIrTp09/JSLS0tIyIUBACgoK5MKFCzHIcDj85+3btz8FZpFGdiPAZ4DCmpqaTSIiPp9vwoBaVlVVidfr1ct+/sqVK+9iILsR4FzgJcASDoeHRUSKioomDQnI/v37E2T3+Xz1hw4dWjSW7EaAeUA+UNbX12cXEdmyZcuUAAJiNpvlzJkzetl73G53rVrN2EmUCjATuA9EgYjL5eoGKCkpGatNHijmz5/Pxo0b2blzJ2azOfZ3k8lUYDabv45Go/Y7d+6sIY0VZQOjGqDT6bxeWlrKqlWrJgRlsVhYv349FRUVWCwWcnJyEt4PBoOuoaEhu9frvdzR0fHTtm3buolvRpLqe3OBp4EllZWV74mIRKNRyc3NTSvf7Nmzpbq6Wk6cOCFut1uSY2RkJOB0Ou3Nzc3Ha2trPwPWAGXAEuBZFFPPAbKMevBhYA6wCKgIBoP9IiKrV682hLPZbP8DEpH7vb29N1paWn602WwHFyxYsAX4EKgE3gIsQBFQgOIeT6j3z0wFqEkc60OPx9Odn58/t6SkhPb29jFLbrVa2bNnDwBer7fv5s2bPQ6Ho7upqcnZ1tbmASJq3gPC6utdYESXYfWeo6mkBaUHRQ/odrv/yM/Pt5SWlqb8kAbncDh+W7lyZYN683u6DOvAwipsOOnniA4wZf9lqhdoVYzY7fbrQMpBsdlsWK1WRkZGAtXV1d8D/wA+wKNLr5o+YEC9ZggIAEHiFbyfDhCUCcoFngIWFxYWrtMaat68eQl9V15eHmu2+vr6OuAd4A2gGFgMLERp/mdQ+noWyuadi9Jr2aQ4k42GBPXDs1Ga97WhoaFbIiIbNmxIANTWq87Ozp9VuApgGfACihPkoRjwI+p3mlSgtA9ZRkYNYwwKJBr2rl27sFqthEKhwZqamqOAX5f/AsPE5btLvM/GJWO6yFb/82eBonPnztWJiJw9e1YAWb58eUzaI0eOfAO8CbwCPIfiZZN+eEoncSaKLPOApbt3794uIuL1ehOktdvtF4C3gRKURXcOSn9lTRRsvIAZKI4+l/gjQFREZMeOHSIiEggE+tetW/cRitkuRhmERxnnxjxZQFDWnzzURwCv1+vUHxHHjh37lri0C1Am9KGpgDMC1G8SQnxxCHs8Hqf2RldX10+bN28+i+JjwyT62KSaP13oAfWTHO7t7f0dIBQK/b1v375GlEnVjPYuyoQaHlNTDahVMALca29vdwBcvnz5+KlTp26OATft1UuODBS7yEOxj0K/329HOSWWopjxlE1tchhtM7FriPfgXSDDbrfXo0gbJr4QzIi0WiRPYBbKZJrUV23b0dYn7XSYcsBkS9EiO/k6lApq1cwiPjzaAM1Y9cYC1G6uAWrPCtrvMwoHqU02Q5caIEzj1KaS+D+vIjxtLug31gAAAABJRU5ErkJggg==","drag-default":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAEvUlEQVRYhc2Y20/cVRDHP8v+uKzAWkpDCtZq8BYhJkq8PBoJxgj7I2m0ryaSyFN9IT74pI8+8WJiggRj/APApFkSTGRJ+qKGUiyxbGPEWsUSuVhYC12Wy8+HmeMeYPe3d3WSye/k/M7le+bMzJkZ+J9ToEJreGVYN+vihcytstjQocUlAw0WCSoIVCv3Ae8CXwIt+u8XHVeOG8qLqgAHqAFCQCNwGugCthBJGd7S/tM6LqTzHI5KuqzgaoAHgEvAtwrkG2AG8FzXvep5nue67lX9N6P/PR1/SefXlBtkFXKNDUA/RyX1D9uUbYzOb9D1ygbSQU7eDMxhSSsSiVz3AxiJRK57nuf19/fPad8coqONFCBJPyUOIKc1OvcbgiY9ICDT8+0DHge2gR0gBeyTtviM5HeKAGlrrfMZVwhdAVaAr4F3KNF4gkA9cBbowOc68+3LwDn1Mhdy4/OcYk54nPr6+m54nofruvPa9SFQ6wfQTweNgTwInAGuQWk6mEUvHwb+Au4Dexx7ffK9+0q+CHWIBIOZ9skHYKWfK9tQ8gZoLDjIyWCg3ORY+2T8aYOyg4EaRIFrkCs4QU1NTSvabC20zyIDzuyfkYzEahHX8jHwE/LwXwHeJ4P7KIVIu5ouxFDC+HgLAy4MfEF2v1UpgOezATSiNVf6EvAWsD01NXVtdnb2bk9Pz81sp/q3KIi8t83Ae4DX0tJy0z7t8PDwD4FAYIX/WILVwKMAzc3Nu/agoaGhzmg0ugcsV0hIvlSNoH8IuIiebHJycrls4sotwaxGYvueAPAjEg3jum79yMjIr5WUjFLOxMpBIopWoBN4GfhOJ+4NDg4ulVt6i4uLm7r+BvAscA4fCXrAAfJQJ5Fg8gPgMuCMjo62d3V1LW1sbKRKlpXSxMTEmjZ/5qQrOwHwUAGmkIjiHhJdfKrM/Pz8Y+3t7RvT09Ob5QAYi8X2tbmke2cEZwAaCdoAt5QvIzEbiUSitbe3tyoej++UCnBhYSGkzdu6d1aQxkgOkfwgieQMCeCu8iwSnpNKpcIdHR3BZDJ5UCy4SCSyvL6+/giiSou67wE+eYmhAKKkIaAJUdynkdflNcQF3dFTpooxjmg0aozDAz4DXkB8bxPy1OYM7QzIOuAU0AY8pQu9CrwJ3AK8UCj0RyHgZmZmli1w3wOvAM/oHo1kiZiygbSDh7PAE8DzQA/wBqKnnuM4a2NjY7dygbtw4cICRy31deBFJA09o7eWsU7kJ1KTLJmyRyOSn5zS70fAkwBtbW2/DwwMHHR3d9d3dnY2rK6u7o2Pj2/GYrH9eDzurK2tndM1vwI+QXT7T2BTD5skQz6SCyAcLRoZkGEFGQbeRqpbubK+BPA5MI14h00L3I6Cy2h4+eQbJsKuRa6iQcGFFfB5oBt4DpFsI+Ky7iDBxW3gBhBH/GtC+R7i1lKk3UxRAG2QpvxWr0AbtB3SA5jkx36djH/dVlDbyibN3M8GDvJPyI2PSulixm/u6kZ1OQCaJ/S+tndJX6tvsFBIxcCUdA3vW5ubxMrObc0hDMhd/Rqp5QQHxeW8dubnHGM7tzVv/IECMlxQ/bpcRfRMqaNRheNcUGG9XFWDACfzWs/6Fl3t/xtO//8gpbCORQAAAABJRU5ErkJggg==","drag-active":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC","rotate-0":ft},this._container=e,this._eventHub=t.eventHub,this._init(),this._loadResizeCursorBaseImage()}_init(){const{_eventHub:e}=this;this._resetCursor("auto"),e.on("cursor",(e=>{var t;"over-element"!==e.type&&e.type?"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?this._setCursorResize(e):"drag-default"===e.type?this._resetCursor("drag-default"):"drag-active"===e.type?this._resetCursor("drag-active"):this._resetCursor("auto"):this._resetCursor("auto")}))}_loadResizeCursorBaseImage(){y(ft).then((e=>{this._resizeCursorBaseImage=e})).catch((e=>{console.error(e)}))}_resetCursor(e){if(this._cursorType===e)return;this._cursorType=e;const t=this._cursorImageMap[this._cursorType]||this._cursorImageMap.auto;let i=0,o=0;e.startsWith("rotate-")&&this._cursorImageMap[this._cursorType]&&(i=10,o=10),this._container.style.cursor=`image-set(url(${t})2x) ${i} ${o}, auto`}_setCursorResize(e){var t;let i=0;"resize-top"===e.type?i+=0:"resize-top-right"===e.type?i+=45:"resize-right"===e.type?i+=90:"resize-bottom-right"===e.type?i+=135:"resize-bottom"===e.type?i+=180:"resize-bottom-left"===e.type?i+=225:"resize-left"===e.type?i+=270:"resize-top-left"===e.type&&(i+=315),i+=U((null==(t=null==e?void 0:e.element)?void 0:t.angle)||0),Array.isArray(e.groupQueue)&&e.groupQueue.length>0&&e.groupQueue.forEach((e=>{i+=U(e.angle||0)})),i=U(i);const o=this._appendRotateResizeImage(i);this._resetCursor(o)}_appendRotateResizeImage(e){const t=`rotate-${e}`;if(!this._cursorImageMap[t]){const i=this._resizeCursorBaseImage;if(i){const o=document.createElement("canvas"),n=i.width,a=i.height,s={x:n/2,y:a/2};o.width=n,o.height=a;const r=o.getContext("2d"),l=B(e);r.translate(s.x,s.y),r.rotate(l),r.translate(-s.x,-s.y),r.drawImage(i,0,0,n,a),r.translate(s.x,s.y),r.rotate(-l),r.translate(-s.x,-s.y);const h=o.toDataURL("image/png");this._cursorImageMap[t]=h}}return t}}const gt="SELECT",vt=Symbol(`${gt}_actionType`),wt=Symbol(`${gt}_resizeType`),mt=Symbol(`${gt}_areaStart`),xt=Symbol(`${gt}_areaEnd`),St=Symbol(`${gt}_hoverElement`),yt=Symbol(`${gt}_hoverElementVertexes`),pt=Symbol(`${gt}_selectedElementList`),bt=Symbol(`${gt}_selectedElementListVertexes`),At=Symbol(`${gt}_selectedElementController`),It=Symbol(`${gt}_groupQueue`),Mt=Symbol(`${gt}_groupQueueVertexesList`),zt="#1973ba";function Pt(e,t,i){const{borderColor:o,borderWidth:n,background:a,lineDash:s}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.fillStyle=a,e.setLineDash(s),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.lineTo(t[0].x,t[0].y),e.closePath(),e.stroke(),e.fill()}function Rt(e,t,i){if(!t)return;const o={borderColor:zt,borderWidth:1,background:"transparent",lineDash:[]};Pt(e,te(t,i),o)}function Tt(e,t,i){if(!t)return;const{elementWrapper:o,topLeft:n,topRight:a,bottomLeft:s,bottomRight:r}=t,l={borderColor:zt,borderWidth:2,background:"transparent",lineDash:[]},h={...l,borderWidth:4,background:"#FFFFFF"};Pt(e,te(o,i),l),Pt(e,te(n.vertexes,i),h),Pt(e,te(a.vertexes,i),h),Pt(e,te(s.vertexes,i),h),Pt(e,te(r.vertexes,i),h)}function Et(e){return e*Math.PI/180}function Ct(e,t){return Math.sqrt(e*e+t*t)}function Wt(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function Ot(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,vertexes:a}=t,s=ee(a[0],{viewScaleInfo:o,viewSizeInfo:n}),r=ee(a[1],{viewScaleInfo:o,viewSizeInfo:n}),l=ee(a[2],{viewScaleInfo:o,viewSizeInfo:n}),h=ee(a[3],{viewScaleInfo:o,viewSizeInfo:n});return i.beginPath(),i.moveTo(s.x,s.y),i.lineTo(r.x,r.y),i.lineTo(l.x,l.y),i.lineTo(h.x,h.y),i.lineTo(s.x,s.y),i.closePath(),!!i.isPointInPath(e.x,e.y)}function jt(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,groupQueue:a}=t;if(!(a&&(null==a?void 0:a.length)>0))return!1;const s=ae(a),r=s[s.length-1];return!!r&&Ot(e,{ctx:i,vertexes:r,viewScaleInfo:o,viewSizeInfo:n})}function Dt(e,t){var i,o,n;const a={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:s,data:r,calculator:l,selectedElements:h,viewScaleInfo:c,viewSizeInfo:d,areaSize:f,groupQueue:u,selectedElementController:g}=t;if(g){const{left:t,right:i,top:o,bottom:n,topLeft:r,topRight:l,bottomLeft:f,bottomRight:v}=g,w=[t,i,o,n,r,l,f,v];for(let t=0;t<w.length;t++){const i=w[t];if(Ot(e,{ctx:s,vertexes:i.vertexes,viewSizeInfo:d,viewScaleInfo:c})){a.type=`resize-${i.type}`,h&&(null==h?void 0:h.length)>0&&(a.groupQueue=u||[],a.elements=[h[0]]);break}}}if(u&&Array.isArray(u)&&u.length>0){const t=u[u.length-1];if((null==(i=null==t?void 0:t.detail)?void 0:i.children)&&Array.isArray(null==(o=null==t?void 0:t.detail)?void 0:o.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=se(o,{groupQueue:u});if(n&&Ot(e,{ctx:s,vertexes:n,viewScaleInfo:c,viewSizeInfo:d}))return a.type||(a.type="over-element"),a.groupQueue=u,a.elements=[o],a}return a}if(null!==a.type)return a;if(f&&Array.isArray(h)&&(null==h?void 0:h.length)>1){const{x:t,y:i,w:o,h:n}=f;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return a.type="list-area",a.elements=h,a}if(r){const{index:t,element:i}=l.getPointElement(e,{data:r,viewScaleInfo:c,viewSizeInfo:d});if(t>=0&&i&&!0!==(null==(n=null==i?void 0:i.operations)?void 0:n.invisible))return a.elements=[i],a.type="over-element",a}return a}function Lt(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=t;let r=null;for(let t=0;t<e.length;t++){const l=e[t];if(null==(i=null==l?void 0:l.operations)?void 0:i.invisible)continue;const h=n.elementSize(l,a,s);if(h.angle&&(h.angle>0||h.angle<0)){const e=Q(h);if(4===e.length){const t=[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];h.x=Math.min(...t),h.y=Math.min(...i),h.w=Math.abs(Math.max(...t)-Math.min(...t)),h.h=Math.abs(Math.max(...i)-Math.min(...i))}}if(r){const e=Math.min(h.x,o.x),t=Math.min(h.y,o.y),i=Math.max(h.x+h.w,o.x+o.w),n=Math.max(h.y+h.h,o.y+o.h);o.x=e,o.y=t,o.w=Math.abs(i-e),o.h=Math.abs(n-t)}else o.x=h.x,o.y=h.y,o.w=h.w,o.h=h.h;r=h}return o}const kt="@middleware/text-edit",Ft={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"},Yt="@middleware/select",Bt="SCROLL",Gt=Symbol(`${Bt}_xThumbRect`),Nt=Symbol(`${Bt}_yThumbRect`),Vt=Symbol(`${Bt}_prevPoint`),Xt=Symbol(`${Bt}_activePoint`),Zt=Symbol(`${Bt}_activeThumbType`),Ht=16,_t=.36,Qt={width:12,thumbColor:"#000000AA",scrollBarColor:"#FFFFFF60",showScrollBar:!1};function $t(e,t,i){const o=e,{x:n,y:a,w:s,h:r}=i;return o.beginPath(),o.rect(n,a,s,r),o.closePath(),!!o.isPointInPath(t.x,t.y)}function Ut(e,t){let{x:i,y:o,h:n,w:a}=t;e.save(),e.shadowColor="#FFFFFF",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=1;{const{color:s,axis:r}=t;"X"===r?(o=o+n/4+0,n/=2):"Y"===r&&(i=i+a/4+0,a/=2);let l=t.r;l=Math.min(l,a/2,n/2),(a<2*l||n<2*l)&&(l=0),e.globalAlpha=_t,e.beginPath(),e.moveTo(i+l,o),e.arcTo(i+a,o,i+a,o+n,l),e.arcTo(i+a,o+n,i,o+n,l),e.arcTo(i,o+n,i,o,l),e.arcTo(i,o,i+a,o,l),e.closePath(),e.fillStyle=s,e.fill(),e.globalAlpha=1,e.beginPath(),e.lineWidth=1,e.strokeStyle=s,e.setLineDash([]),e.moveTo(i+l,o),e.arcTo(i+a,o,i+a,o+n,l),e.arcTo(i+a,o+n,i,o+n,l),e.arcTo(i,o+n,i,o,l),e.arcTo(i,o,i+a,o,l),e.closePath(),e.stroke()}e.restore()}function Jt(e,t){const i=e,{viewScaleInfo:o,viewSizeInfo:n,scrollInfo:a}=t,{activeThumbType:s,prevPoint:r,activePoint:l}=a,h=function(e,t){const{width:i,height:o}=t,{offsetTop:n,offsetBottom:a,offsetLeft:s,offsetRight:r}=e,l=2.5*Ht,h=Ht;let c=0,d=0;c=Math.max(l,i-2*h-(Math.abs(s)+Math.abs(r))),c>=i&&(c=i),d=Math.max(l,o-2*h-(Math.abs(n)+Math.abs(a))),d>=o&&(d=o);const f=h;let u=f;s>0?u=f:r>0?u=i-c-h:s<=0&&c>0&&(0!==s||0!==r)&&(u=f+(i-c)*Math.abs(s)/(Math.abs(s)+Math.abs(r)),u=Math.min(Math.max(0,u-f),i-c));const g=h;let v=g;n>0?v=g:a>0?v=o-d-h:n<=0&&d>0&&(0!==n||0!==a)&&(v=g+(o-d)*Math.abs(n)/(Math.abs(n)+Math.abs(a)),v=Math.min(Math.max(0,v-g),o-d));const w={x:u,y:o-h,w:c,h:h},m={x:i-h,y:v,w:h,h:d};return{lineSize:h,xSize:c,ySize:d,translateY:v,translateX:u,thumbColor:Qt.thumbColor,scrollBarColor:Qt.scrollBarColor,xThumbRect:w,yThumbRect:m}}(o,n);let c={...h.xThumbRect},d={...h.yThumbRect};return s&&r&&l&&("X"===s&&a.xThumbRect?(c={...a.xThumbRect},c.x=c.x+(l.x-r.x)):"Y"===s&&a.yThumbRect&&(d={...a.yThumbRect},d.y=d.y+(l.y-r.y))),Ut(i,{axis:"X",...c,r:h.lineSize/2,color:h.thumbColor}),Ut(i,{axis:"Y",...d,r:h.lineSize/2,color:h.thumbColor}),i.globalAlpha=1,{xThumbRect:c,yThumbRect:d}}function Kt(e,t){const{snapshot:i}=t,o=Y(i),n=F(i),a=function(e){const{sharedStore:t}=e;return{activePoint:t[Xt]||null,prevPoint:t[Vt]||null,activeThumbType:t[Zt]||null,xThumbRect:t[Gt]||null,yThumbRect:t[Nt]||null}}(i),{xThumbRect:s,yThumbRect:r}=Jt(e,{viewSizeInfo:o,viewScaleInfo:n,scrollInfo:a});return{xThumbRect:s,yThumbRect:r}}const qt="@middleware/scale",ei=16,ti="#000000",ii="#00000080",oi="monospace",ni="#AAAAAA20",ai="#AAAAAA40";function si(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let a=10;a=ce(a/t,{decimalPlaces:0}),a=Math.max(10,Math.min(a,1e3));const s=10*a,r=5*a;let l=0;const h=a*t,c=0-o,d=c%h,f=(c-d+h)/t,u=h-d+0;for(;u+l*h<i;){const e=ce(f+l*a,{decimalPlaces:0}),t={num:e,position:ce(u+l*h,{decimalPlaces:0}),showNum:e%s==0,isKeyNum:e%s==0,isSubKeyNum:e%r==0};n.push(t),l++}return n}const ri="@middleware/show-ruler",li=Symbol("DRAG_prevPoint");return t=new WeakMap,i=new WeakMap,o=new WeakSet,n=function(){s(this,i).style.position="relative"},e.Core=class{constructor(e,s){r(this,o),r(this,t,void 0),r(this,i,void 0);const{devicePixelRatio:h=1,width:c,height:d}=s;l(this,i,e);const f=document.createElement("canvas");var u,g,v;(u=this,g=o,v=n,a(u,g,"access private method"),v).call(this),e.appendChild(f);const w=function(e,t){const{width:i,height:o,devicePixelRatio:n,offscreen:a}=t,s={width:i,height:o,devicePixelRatio:n};if(!0===a){const t=e.getContext("2d"),i=j(s),o=j(s),n=j(s),a=O(Object.assign({ctx:t},s)),r=()=>{const{width:e,height:t}=i.$getSize();a.clearRect(0,0,e,t),a.drawImage(n.canvas,0,0,e,t),a.drawImage(i.canvas,0,0,e,t),a.drawImage(o.canvas,0,0,e,t),n.clearRect(0,0,e,t),i.clearRect(0,0,e,t),o.clearRect(0,0,e,t)};return{underContext:n,viewContext:i,helperContext:o,boardContext:a,drawView:r}}{const t=e.getContext("2d"),n=O(s),a=O(s),r=O(s),l=O(Object.assign({ctx:t},s)),h=()=>{l.clearRect(0,0,i,o),l.drawImage(r.canvas,0,0,i,o),l.drawImage(n.canvas,0,0,i,o),l.drawImage(a.canvas,0,0,i,o),r.clearRect(0,0,i,o),n.clearRect(0,0,i,o),a.clearRect(0,0,i,o)};return{underContext:r,viewContext:n,helperContext:a,boardContext:l,drawView:h}}}(f,{width:c,height:d,devicePixelRatio:h,offscreen:!0}),m=new dt({boardContent:w,container:e}),x=m.getSharer();x.setActiveViewSizeInfo({width:c,height:d,devicePixelRatio:h,contextWidth:c,contextHeight:d}),l(this,t,m),this.resize(x.getActiveViewSizeInfo());const S=m.getEventHub();new ut(e,{eventHub:S})}use(e){s(this,t).use(e)}disuse(e){s(this,t).disuse(e)}setData(e){J((null==e?void 0:e.elements)||[]),s(this,t).setData(e)}getData(){return s(this,t).getData()}scale(e){s(this,t).scale(e);s(this,t).getViewer().drawFrame()}resize(e){const i=s(this,t),o=i.getSharer().getActiveViewSizeInfo();i.resize({...o,...e})}clear(){s(this,t).clear()}on(e,i){s(this,t).getEventHub().on(e,i)}off(e,i){s(this,t).getEventHub().off(e,i)}trigger(e,i){s(this,t).getEventHub().trigger(e,i)}getViewInfo(){const e=s(this,t).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){s(this,t).getViewer().drawFrame()}setViewScale(e){s(this,t).updateViewScaleInfo(e)}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{hover(){!0!==n&&t.trigger("cursor",{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(li,o),n=!0,t.trigger("cursor",{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(li);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(li,t)},pointEnd(){n=!1,i.setSharedStorage(li,null),t.trigger("cursor",{type:"drag-default"})}}},e.MiddlewareRuler=e=>{const{boardContent:t,viewer:i,eventHub:o}=e,{helperContext:n,underContext:a}=t;let s=!0,r=!0;const l=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(s=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(r=e.showGrid),"boolean"!=typeof(null==e?void 0:e.show)&&"boolean"!=typeof(null==e?void 0:e.showGrid)||i.drawFrame()};return{use(){o.on(ri,l)},disuse(){o.off(ri,l)},beforeDrawFrame:({snapshot:e})=>{if(!0===s){const t=F(e),i=Y(e);!function(e,t){const{viewSizeInfo:i}=t,{width:o,height:n}=i;e.beginPath(),e.moveTo(0,0),e.lineTo(o+1,0),e.lineTo(o+1,ei),e.lineTo(ei,ei),e.lineTo(ei,n+1),e.lineTo(0,n+1),e.lineTo(0,0),e.closePath(),e.fillStyle="#FFFFFFA8",e.fill(),e.lineWidth=1,e.setLineDash([]),e.strokeStyle="#00000080",e.stroke()}(n,{viewScaleInfo:t,viewSizeInfo:i});const o=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:a}=i;return si({axis:"X",scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i}=t;for(let t=0;t<i.length;t++){const o=i[t];o.position<ei||(e.beginPath(),e.moveTo(o.position,16),e.lineTo(o.position,o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8),e.closePath(),e.lineWidth=1,e.setLineDash([]),e.fillStyle=ti,e.stroke(),o.isKeyNum&&(e.fillStyle=ii,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:oi}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(n,{scaleList:o});const s=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:a}=i;return si({axis:"Y",scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i}=t,o=3.2;for(let t=0;t<i.length;t++){const n=i[t];if(!(n.position<ei)&&(e.beginPath(),e.moveTo(16,n.position),e.lineTo(n.isKeyNum?3.2:n.isSubKeyNum?6.4:12.8,n.position),e.closePath(),e.fillStyle=ti,e.lineWidth=1,e.setLineDash([]),e.stroke(),!0===n.showNum)){const t=o,i=n.position+o,a=`${n.num}`;G(e,-90,{x:t,y:i},(()=>{e.fillStyle=ii,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:oi}),e.fillText(a,13.2,n.position+o)}))}}}(n,{scaleList:s}),!0===r&&function(e,t){const{xList:i,yList:o,viewSizeInfo:n}=t,{width:a,height:s}=n;for(let t=0;t<i.length;t++){const o=i[t];e.beginPath(),e.moveTo(o.position,0),e.lineTo(o.position,s),!0===o.isKeyNum||!0===o.isSubKeyNum?e.strokeStyle=ai:e.strokeStyle=ni,e.closePath(),e.lineWidth=1,e.setLineDash([]),e.stroke()}for(let t=0;t<o.length;t++){const i=o[t];e.beginPath(),e.moveTo(0,i.position),e.lineTo(a,i.position),!0===i.isKeyNum||!0===i.isSubKeyNum?e.strokeStyle=ai:e.strokeStyle=ni,e.lineWidth=1,e.closePath(),e.stroke()}}(a,{xList:o,yList:s,viewScaleInfo:t,viewSizeInfo:i})}}}},e.MiddlewareScaler=e=>{const{viewer:t,sharer:i,eventHub:o}=e;return{wheelScale(e){const{deltaY:n,point:a}=e,{scale:s}=i.getActiveViewScaleInfo();let r=s;if(n<0?r=1.1*s:n>0&&(r=.9*s),r<.05||r>50)return;const{moveX:l,moveY:h}=t.scale({scale:r,point:a});t.scroll({moveX:l,moveY:h}),t.drawFrame();const c=ce(s);o.trigger(qt,{scale:c})}}},e.MiddlewareScroller=e=>{const{viewer:t,boardContent:i,sharer:o}=e,{helperContext:n}=i;o.setSharedStorage(Gt,null),o.setSharedStorage(Nt,null);const a=()=>{o.setSharedStorage(Vt,null),o.setSharedStorage(Xt,null),o.setSharedStorage(Zt,null)};a();const s=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:a}=i;return n&&$t(e,t,n)?o="X":a&&$t(e,t,a)&&(o="Y"),o}(n,e,{xThumbRect:o.getSharedStorage(Gt),yThumbRect:o.getSharedStorage(Nt)});return{wheel:e=>{t.scroll({moveX:0-e.deltaX,moveY:0-e.deltaY}),t.drawFrame()},pointStart:e=>{const{point:t}=e,i=s(t);if("X"===i||"Y"===i)return o.setSharedStorage(Zt,i),o.setSharedStorage(Vt,t),!1},pointMove:e=>{const{point:i}=e,n=o.getSharedStorage(Zt);if("X"===n||"Y"===n)return o.setSharedStorage(Xt,i),"X"===n?(e=>{const i=o.getSharedStorage(Vt);if(i){const{offsetLeft:n,offsetRight:a}=o.getActiveViewScaleInfo(),{width:s}=o.getActiveViewSizeInfo(),r=-(e.x-i.x)*(s+Math.abs(n)+Math.abs(a))/s;t.scroll({moveX:r}),t.drawFrame()}})(i):"Y"===n&&(e=>{const i=o.getSharedStorage(Vt);if(i){const{offsetTop:n,offsetBottom:a}=o.getActiveViewScaleInfo(),{height:s}=o.getActiveViewSizeInfo(),r=-(e.y-i.y)*(s+Math.abs(n)+Math.abs(a))/s;t.scroll({moveY:r}),t.drawFrame()}})(i),o.setSharedStorage(Vt,i),!1},pointEnd:()=>{const e=o.getSharedStorage(Zt);if(a(),"X"===e||"Y"===e)return t.scroll({moveX:0,moveY:0}),t.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{xThumbRect:t,yThumbRect:i}=Kt(n,{snapshot:e});o.setSharedStorage(Gt,t),o.setSharedStorage(Nt,i)}}},e.MiddlewareSelector=e=>{const{viewer:t,sharer:i,boardContent:o,calculator:n,eventHub:a}=e,{helperContext:s}=o;let r=null,l=null;i.setSharedStorage(vt,null);const h=()=>i.getSharedStorage(pt),c=e=>{let t=i.getSharedStorage(It);Array.isArray(t)||(t=[]),t.length>0?!function(e,t){var i;if("group"===(null==t?void 0:t.type)&&Array.isArray(null==(i=null==t?void 0:t.detail)?void 0:i.children))for(let i=0;i<t.detail.children.length;i++){const o=t.detail.children[i];if(e.uuid===o.uuid)return!0}return!1}(e,t[t.length-1])?t=[]:t.push(e):0===t.length&&t.push(e);const o=ae(t);return i.setSharedStorage(It,t),i.setSharedStorage(Mt,o),t.length>0},d=e=>{i.setSharedStorage(St,e);let t=null;e&&(t=se(e,{groupQueue:i.getSharedStorage(It)})),i.setSharedStorage(yt,t)},f=(e,t)=>{if(i.setSharedStorage(pt,e),1===e.length){const t=le(e[0],{groupQueue:i.getSharedStorage(It),controllerSize:10,viewScaleInfo:i.getActiveViewScaleInfo()});i.setSharedStorage(At,t)}else i.setSharedStorage(At,null);!0===(null==t?void 0:t.triggerEvent)&&a.trigger(Yt,{uuids:e.map((e=>e.uuid))})},u=()=>({ctx:s,calculator:n,data:i.getActiveStorage("data"),selectedElements:h(),viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:i.getSharedStorage(It),areaSize:null,selectedElementController:i.getSharedStorage(At)}),g=()=>{i.setSharedStorage(vt,null),i.setSharedStorage(wt,null),i.setSharedStorage(mt,null),i.setSharedStorage(xt,null),i.setSharedStorage(It,[]),i.setSharedStorage(Mt,[]),i.setSharedStorage(St,null),i.setSharedStorage(yt,null),i.setSharedStorage(pt,[]),i.setSharedStorage(bt,null),i.setSharedStorage(At,null)};g();const v=({uuids:e,positions:o})=>{let n=[];const a=i.getSharedStorage(vt),s=i.getActiveStorage("data");n=o&&Array.isArray(o)?function(e,t){const i=[];return e.forEach((e=>{const o=function(e,t){let i=null,o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t<e.length-1&&"group"===n.type)o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}(e,t);o&&i.push(o)})),i}(o,(null==s?void 0:s.elements)||[]):function(e,t){const i=[];return function t(o){var n;for(let a=0;a<o.length;a++){const s=o[a];e.includes(s.uuid)?i.push(s):"group"===s.type&&t((null===(n=null==s?void 0:s.detail)||void 0===n?void 0:n.children)||[])}}(t),i}(e,(null==s?void 0:s.elements)||[]);let r=!1;if(a||1!==n.length?"select"===a&&1===n.length&&(r=!0):(i.setSharedStorage(vt,"select"),r=!0),r){const e=function(e,t){const i=[];return function e(t,o){var n;let a=null;for(let s=0;s<o.length;s++){const r=o[s];if(r.uuid===t){a=r;break}if(!a&&"group"===r.type){i.push(r);const o=e(t,(null===(n=null==r?void 0:r.detail)||void 0===n?void 0:n.children)||[]);if((null==o?void 0:o.uuid)===t){a=o;break}i.pop()}}return a}(e,t),i}(n[0].uuid,(null==s?void 0:s.elements)||[]);i.setSharedStorage(It,e),f(n),t.drawFrame()}};return{use(){a.on(Yt,v)},disuse(){a.off(Yt,v)},hover:e=>{var o,r;const c=i.getSharedStorage(wt),f=i.getSharedStorage(vt),g=i.getSharedStorage(It),v=e=>{const t=e.type;null===l&&a.trigger("cursor",{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!jt(e.point,{ctx:s,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:i.getSharedStorage(It)}))return d(null),void t.drawFrame();const n=Dt(e.point,u());return v(n),c||["area","drag","drag-list"].includes(f)?(d(null),void t.drawFrame()):1===(null==(o=null==n?void 0:n.elements)?void 0:o.length)?(d(n.elements[0]),void t.drawFrame()):(d(null),void t.drawFrame())}if(c||["area","drag","drag-list"].includes(f))return void d(null);if("drag"===f)return void d(null);const w=h(),m=i.getActiveViewScaleInfo(),x=i.getActiveViewSizeInfo(),S=Dt(e.point,{...u(),areaSize:Lt(w,{viewScaleInfo:m,viewSizeInfo:x,calculator:n})});return v(S),"over-element"===S.type&&1===(null==(r=null==S?void 0:S.elements)?void 0:r.length)?(i.setSharedStorage(St,S.elements[0]),d(S.elements[0]),void t.drawFrame()):i.getSharedStorage(St)?(d(null),void t.drawFrame()):void 0},pointStart:e=>{var o,a,l,c;r=e.point,d(null);const v=i.getSharedStorage(It);if((null==v?void 0:v.length)>0){if(jt(e.point,{ctx:s,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:v})){const t=Dt(e.point,u());d(null),"over-element"===t.type&&1===(null==(o=null==t?void 0:t.elements)?void 0:o.length)?(f([t.elements[0]],{triggerEvent:!0}),i.setSharedStorage(vt,"drag")):(null==(a=t.type)?void 0:a.startsWith("resize-"))?(i.setSharedStorage(wt,t.type),i.setSharedStorage(vt,"resize")):f([],{triggerEvent:!0})}else g();return void t.drawFrame()}const w=Lt(h(),{viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),calculator:n}),m=Dt(e.point,{...u(),areaSize:w,groupQueue:[]});"list-area"===m.type?i.setSharedStorage(vt,"drag-list"):"over-element"===m.type&&1===(null==(l=null==m?void 0:m.elements)?void 0:l.length)?(f([m.elements[0]],{triggerEvent:!0}),i.setSharedStorage(vt,"drag")):(null==(c=m.type)?void 0:c.startsWith("resize-"))?(i.setSharedStorage(wt,m.type),i.setSharedStorage(vt,"resize")):(g(),i.setSharedStorage(vt,"area"),i.setSharedStorage(mt,e.point),f([],{triggerEvent:!0})),t.drawFrame()},pointMove:e=>{const o=i.getActiveStorage("data"),n=h(),a=i.getActiveStorage("scale")||1,s=r,c=e.point,d=i.getSharedStorage(wt),u=i.getSharedStorage(vt),g=i.getSharedStorage(It);if("drag"===u){if(l="drag",o&&1===(null==n?void 0:n.length)&&s&&c){const{moveX:e,moveY:t}=function(e,t,i){let o=t.x-e.x,n=t.y-e.y;const a=[];if(i.forEach((e=>{const{x:t,y:i,w:o,h:n,angle:s=0}=e;a.push({x:t,y:i,w:o,h:n,angle:0-s})})),(null==i?void 0:i.length)>0){const i=H(e,a),s=H(t,a);o=s.x-i.x,n=s.y-i.y}return{moveX:o,moveY:n}}(s,c,g);n[0].x+=e/a,n[0].y+=t/a,f([n[0]])}t.drawFrame()}else if("drag-list"===u){if(l="drag-list",o&&s&&c&&(null==n?void 0:n.length)>1){const e=(c.x-s.x)/a,t=(c.y-s.y)/a;n.forEach((i=>{i&&(i.x+=e,i.y+=t)})),i.setActiveStorage("data",o)}t.drawFrame()}else if("resize"===u){if(o&&1===(null==n?void 0:n.length)&&s&&(null==d?void 0:d.startsWith("resize-"))){l="resize";const e=[];g.forEach((t=>{const{x:i,y:o,w:n,h:a,angle:s=0}=t;e.push({x:i,y:o,w:n,h:a,angle:0-s})}));let o=s,r=c;g.length>0&&(o=H(s,e),r=H(c,e));const h=function(e,t){var i,o,n,a,s,r,l,h,c;let{x:d,y:f,w:u,h:g,angle:v=0}=e;const w=V({x:d,y:f,w:u,h:g,angle:v});v=U(v);const m=B(v),x=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:S,end:y,resizeType:p,scale:b}=t;let A={...S},I={...y},M={x:A.x,y:w.y},z={x:I.x,y:w.y},P={...M},R={...z},T={x:w.x,y:A.y},E={x:w.x,y:I.y},C={...T},W={...E},O=(R.x-P.x)/b,j=(R.y-P.y)/b,D=Ct(O,j),L=(W.x-C.x)/b,k=(W.y-C.y)/b,F=Ct(L,k);(v>0||v<0)&&(A=Z(w,S,0-m),I=Z(w,y,0-m),M={x:A.x,y:w.y},z={x:I.x,y:w.y},P=Z(w,M,m),R=Z(w,z,m),T={x:w.x,y:A.y},E={x:w.x,y:I.y},C=Z(w,T,m),W=Z(w,E,m),O=(R.x-P.x)/b,j=(R.y-P.y)/b,D=Ct(O,j),D=Wt(D,j),L=(W.x-C.x)/b,k=(W.y-C.y)/b,F=Ct(L,k),F=Wt(F,k));let Y=(y.x-S.x)/b,G=(y.y-S.y)/b;if(!0===x)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(p)){const t=Math.max(Math.abs(Y),Math.abs(G));Y=(Y>=0?1:-1)*t,G=(G>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(L),Math.abs(k));L=(L>=0?1:-1)*i,k=(k>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(O),Math.abs(j));O=(O>=0?1:-1)*o,j=(j>=0?1:-1)*o/e.w*e.h}else if(["resize-top-left","resize-top-right","resize-bottom-left","resize-bottom-right"].includes(p)){{const t=Math.abs(Y);Y=(Y>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===p||"resize-bottom-right"===p?G=Y>0?i:-i:"resize-top-right"!==p&&"resize-bottom-left"!==p||(G=Y>0?-i:i)}D=Math.abs(D),F=D/e.w*e.h}switch(p){case"resize-top":if(0===v)g-G>0&&(f+=G,g-=G,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=G/e.h*e.w/2,u-=G/e.h*e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){F=0-Wt(F,k);const e=Et(v),o=F/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){F=Wt(F,L);const e=Et(v-90),o=F/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){F=Wt(F,k);const e=Et(v-180),o=F/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){F=0-Wt(F,L);const e=Et(v-270),o=F/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+F>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(u+=F/e.h*e.w),g+=F,d=t-u/2,f=i-g/2)}break;case"resize-bottom":if(0===v)e.h+G>0&&(g+=G,!0===(null==(a=e.operations)?void 0:a.limitRatio)&&(d-=G/e.h*e.w/2,u+=G/e.h*e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){F=Wt(F,k);const e=Et(v),o=F/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){F=0-Wt(F,L);const e=Et(v-90),o=F/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){F=Wt(F,L);const e=Et(v-180),o=F/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){F=Wt(F,L);const e=Et(v-270),o=F/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+F>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(u+=F/e.h*e.w),g+=F,d=t-u/2,f=i-g/2)}break;case"resize-left":if(0===v)e.w-Y>0&&(d+=Y,u-=Y,!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(g-=Y/e.w*e.h,f+=Y/e.w*e.h/2));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){D=0-Wt(D,O);const e=Et(v),o=D/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){D=Wt(D,O);const e=Et(v-90),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){D=Wt(D,j);const e=Et(v-180),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){D=Wt(D,j);const e=Et(v-270),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}u+D>0&&(!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(g+=D/e.w*e.h),u+=D,d=t-u/2,f=i-g/2)}break;case"resize-right":if(0===v)e.w+Y>0&&(u+=Y,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(f-=Y*e.h/e.w/2,g+=Y*e.h/e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){D=Wt(D,j);const e=Et(v),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){D=Wt(D,G);const e=Et(v-90),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){D=Wt(D,G);const e=Et(v-180),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e),D=0-D}else if(v<360){D=Wt(D,Y);const e=Et(v-270),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}u+D>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=D/e.w*e.h),u+=D,d=t-u/2,f=i-g/2)}break;case"resize-top-left":if(0===v)u-Y>0&&(d+=Y,u-=Y),g-G>0&&(f+=G,g-=G);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=0-Wt(F,k),D=0-Wt(D,x?0-F:O);const i=F/2;e+=i*Math.sin(m),t-=i*Math.cos(m);const o=D/2;e-=o*Math.cos(m),t-=o*Math.sin(m)}else if(v<180){F=Wt(F,L),D=Wt(D,x?F:O);const i=Et(v-90),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=D/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){F=Wt(F,k),D=Wt(D,x?F:j);const i=Et(v-180),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=D/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){F=0-Wt(F,L),D=Wt(D,x?F:j);const i=Et(v-270),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=D/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+F>0&&(g+=F),u+D>0&&(u+=D),d=e-u/2,f=t-g/2}break;case"resize-top-right":if(0===v)u+Y>0&&(u+=Y),g-G>0&&(f+=G,g-=G);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=0-Wt(F,k),D=Wt(D,x?F:j);const i=Et(v),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=D/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){F=Wt(F,L),D=Wt(D,x?F:j);const i=Et(v-90),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=D/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Et(v-180);F=Wt(F,k),D=Wt(D,x?F:0-O);const o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=D/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){F=0-Wt(F,L),D=Wt(D,x?F:O);const i=Et(v-270),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=D/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+F>0&&(g+=F),u+D>0&&(u+=D),d=e-u/2,f=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+G>0&&(g+=G),e.w-Y>0&&(d+=Y,u-=Y);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=Wt(F,k),D=0-Wt(D,x?0-F:O);const i=Et(v),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=D/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){F=0-Wt(F,L),D=Wt(D,x?F:O);const i=Et(v-90),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=D/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){F=Wt(F,L),D=Wt(D,x?F:j);const i=Et(v-180),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=D/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){F=Wt(F,L),D=Wt(D,x?F:j);const i=Et(v-270),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=D/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+F>0&&(g+=F),u+D>0&&(u+=D),d=e-u/2,f=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+G>0&&(g+=G),e.w+Y>0&&(u+=Y);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=Wt(F,k),D=Wt(D,x?F:j);const i=Et(v),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=D/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){F=0-Wt(F,L),D=Wt(D,x?F:G);const i=Et(v-90),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=D/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){F=Wt(F,L),D=Wt(D,x?F:0-j);const i=Et(v-180),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=D/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){F=Wt(F,L),D=Wt(D,x?F:O);const i=Et(v-270),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=D/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+F>0&&(g+=F),u+D>0&&(u+=D),d=e-u/2,f=t-g/2}}return{x:d,y:f,w:u,h:g,angle:e.angle}}(n[0],{scale:a,start:o,end:r,resizeType:d,sharer:i});n[0].x=h.x,n[0].y=h.y,n[0].w=h.w,n[0].h=h.h,f([n[0]]),t.drawFrame()}}else"area"===u&&(l="area",i.setSharedStorage(xt,e.point),t.drawFrame());r=e.point},pointEnd(e){l=null;const o=i.getActiveStorage("data"),s=i.getSharedStorage(wt),h=i.getSharedStorage(vt),c=i.getActiveViewSizeInfo();let d=!1;if(r=null,"resize"===h&&s)i.setSharedStorage(wt,null),d=!0;else if("area"===h){if(i.setSharedStorage(vt,null),o){const e=i.getSharedStorage(mt),t=i.getSharedStorage(xt);if(e&&t){const{elements:a}=function(e,t){const i=[],o=[],n=[],{calculator:a,viewScaleInfo:s,viewSizeInfo:r,start:l,end:h}=t;if(!(Array.isArray(e.elements)&&l&&h))return{indexes:i,uuids:o,elements:n};const c=Math.min(l.x,h.x),d=Math.max(l.x,h.x),f=Math.min(l.y,h.y),u=Math.max(l.y,h.y);return e.elements.forEach(((e,t)=>{const l=a.elementSize(e,s,r),h=V(l);if(h.x>=c&&h.x<=d&&h.y>=f&&h.y<=u&&(i.push(t),o.push(e.uuid),n.push(e),l.angle&&(l.angle>0||l.angle<0))){const e=Q(l);if(4===e.length){const t=[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];l.x=Math.min(...t),l.y=Math.min(...i),l.w=Math.abs(Math.max(...t)-Math.min(...t)),l.h=Math.abs(Math.max(...i)-Math.min(...i))}}})),{indexes:i,uuids:o,elements:n}}(o,{start:e,end:t,calculator:n,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()});a.length>0&&(i.setSharedStorage(vt,"drag-list"),f(a,{triggerEvent:!0}),d=!0)}}}else if("drag-list"===h)i.setSharedStorage(vt,"drag-list-end"),d=!0;else if(o){n.getPointElement(e.point,{data:o,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}).element?(i.setSharedStorage(vt,"select"),d=!0):i.setSharedStorage(vt,null)}null===i.getSharedStorage(vt)&&(g(),d=!0);(()=>{if(d){if(o&&Array.isArray(null==o?void 0:o.elements)&&["drag","drag-list"].includes(h)){const e=function(e,t,i){const o=K(e,{viewWidth:t.width,viewHeight:t.height,extend:null==i?void 0:i.extend});return!0===(null==i?void 0:i.extend)&&(o.contextWidth=Math.max(o.contextWidth,t.contextWidth),o.contextHeight=Math.max(o.contextHeight,t.contextHeight)),{contextSize:o}}(o.elements,c,{extend:!0});i.setActiveStorage("contextHeight",e.contextSize.contextHeight),i.setActiveStorage("contextWidth",e.contextSize.contextWidth)}o&&["drag","drag-list","drag-list-end","resize"].includes(h)&&a.trigger("change",{data:o}),t.drawFrame()}})()},pointLeave(){r=null,g(),t.drawFrame()},doubleClick(e){var o,n;const s=Dt(e.point,u());if(1===s.elements.length&&"group"===(null==(o=s.elements[0])?void 0:o.type)){if(!0===c(s.elements[0]))return i.setSharedStorage(vt,null),void t.drawFrame()}else 1===s.elements.length&&"text"===(null==(n=s.elements[0])?void 0:n.type)&&a.trigger(kt,{element:s.elements[0],groupQueue:i.getSharedStorage(It)||[],viewScaleInfo:i.getActiveViewScaleInfo()});i.setSharedStorage(vt,null)},beforeDrawFrame({snapshot:t}){const{activeStore:i,sharedStore:o}=t,{scale:a,offsetLeft:r,offsetTop:l,offsetRight:c,offsetBottom:d,width:f,height:u,contextHeight:g,contextWidth:v,devicePixelRatio:w}=i,m=e.sharer,x={scale:a,offsetLeft:r,offsetTop:l,offsetRight:c,offsetBottom:d},S={width:f,height:u,contextHeight:g,contextWidth:v,devicePixelRatio:w},y=o[pt][0],p=o[St],b=o[yt],A=o[vt],I=o[mt],M=o[xt],z=o[It],P=o[Mt],R={calculator:n,viewScaleInfo:x,viewSizeInfo:S},T=y?le(y,{groupQueue:z,controllerSize:10,viewScaleInfo:x}):null;if((null==z?void 0:z.length)>0)!function(e,t,i){for(let o=0;o<t.length;o++){const n=t[o],a={borderColor:zt,borderWidth:2,background:"transparent",lineDash:[4,4]};Pt(e,te(n,i),a)}}(s,P,R),p&&"drag"!==A&&Rt(s,b,R),y&&["select","drag","resize"].includes(A)&&Tt(s,T,{...R});else if(p&&"drag"!==A&&Rt(s,b,R),y&&["select","drag","resize"].includes(A))Tt(s,T,{...R});else if("area"===A&&I&&M)!function(e,t){const{start:i,end:o}=t;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=zt,e.fillStyle="#1976d24f",e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,i.y),e.lineTo(o.x,o.y),e.lineTo(i.x,o.y),e.closePath(),e.stroke(),e.fill()}(s,{start:I,end:M});else if(["drag-list","drag-list-end"].includes(A)){const e=Lt(h(),{viewScaleInfo:m.getActiveViewScaleInfo(),viewSizeInfo:m.getActiveViewSizeInfo(),calculator:n});e&&function(e,t){const{areaSize:i}=t,{x:o,y:n,w:a,h:s}=i;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=zt,e.fillStyle="#1976d21c",e.beginPath(),e.moveTo(o,n),e.lineTo(o+a,n),e.lineTo(o+a,n+s),e.lineTo(o,n+s),e.closePath(),e.stroke(),e.fill()}(s,{areaSize:e})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o}=e,n=i.boardContext.canvas,a=document.createElement("textarea"),s=document.createElement("div"),r=e.container||document.body,l=document.createElement("div");let h=null;s.appendChild(a),s.style.position="absolute",l.appendChild(s),l.style.position="fixed",l.style.top="0",l.style.bottom="0",l.style.left="0",l.style.right="0",l.style.display="none",r.appendChild(l);const c=()=>{l.style.display="none",h=null},d=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:a,w:s,h:r}=t,l=U(t.angle||0);return o.style.position="absolute",o.style.left=`${n}px`,o.style.top=`${a}px`,o.style.width=`${s}px`,o.style.height=`${r}px`,o.style.transform=`rotate(${l}deg)`,i.appendChild(o),o},f=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:r,offsetLeft:l}=t;s.children&&Array.from(s.children).forEach((e=>{e.remove()}));let h=s;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:a,w:s,h:c}=t,f={x:i*n,y:a*n,w:s*n,h:c*n,angle:U(t.angle||0)};0===e&&(f.x+=l,f.y+=r),h=d({size:f,parent:h})}const c={...Ft,...i.detail};let f=i.x*n+l,u=i.y*n+r,g=i.w*n,v=i.h*n;o.length>0&&(f=i.x*n,u=i.y*n,g=i.w*n,v=i.h*n),a.style.position="absolute",a.style.left=`${f}px`,a.style.top=`${u}px`,a.style.width=`${g}px`,a.style.height=`${v}px`,a.style.transform=`rotate(${U(i.angle||0)}deg)`,a.style.boxSizing="border-box",a.style.border="1px solid #1973ba",a.style.resize="none",a.style.overflow="hidden",a.style.wordBreak="break-all",a.style.background="#FFFFFF",a.style.color="#333333",a.style.fontSize=c.fontSize*n+"px",a.style.lineHeight=c.lineHeight*n+"px",a.style.fontFamily=c.fontFamily,a.style.fontWeight=`${c.fontWeight}`,a.value=c.text||"",h.appendChild(a)},u=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=n.getBoundingClientRect(),{left:t,top:i,width:o,height:a}=e;return{left:t,top:i,width:o,height:a}})();s.style.position="absolute",s.style.overflow="hidden",s.style.top=`${t}px`,s.style.left=`${e}px`,s.style.width=`${i}px`,s.style.height=`${o}px`};l.addEventListener("click",(()=>{c()})),a.addEventListener("click",(e=>{e.stopPropagation()})),a.addEventListener("input",(e=>{h&&(h.detail.text=e.target.value||"",o.drawFrame())})),a.addEventListener("blur",(()=>{c()}));const g=e=>{var t;(null==e?void 0:e.element)&&"text"===(null==(t=null==e?void 0:e.element)?void 0:t.type)&&(h=e.element),(e=>{u(),f(e),l.style.display="block"})(e)};return{use(){t.on(kt,g)},disuse(){t.off(kt,g)}}},e.middlewareEventRuler=ri,e.middlewareEventScale=qt,e.middlewareEventSelect=Yt,e.middlewareEventTextEdit=kt,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
+var iDrawCore=function(e){"use strict";var t,i,o,n,a=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},s=(e,t,i)=>(a(e,t,"read from private field"),i?i.call(e):t.get(e)),r=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},l=(e,t,i,o)=>(a(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i);function h(e,t){let i=-1;return function(...o){i>0||(i=setTimeout((()=>{e(...o),i=-1}),t))}}function c(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))}function d(e,t){if(1===t)return e;let i=1;const o=/^\#[0-9a-f]{6,6}$/i;let n=e;if(o.test(e)?i=parseInt(e.substring(5,7).replace(/^\#/,"0x")):/^\#[0-9a-f]{8,8}$/i.test(e)&&(i=parseInt(e.substring(7,9).replace(/^\#/,"0x")),n=e.substring(0,7)),i*=t,o.test(n)&&i>0&&i<1){const e=Math.max(0,Math.min(255,Math.ceil(256*i)));n=`${n.toUpperCase()}${e.toString(16).toUpperCase()}`}return n}function f(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function u(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i)*e.charCodeAt(i)*i*i;return t.toString(16).substring(0,4)}function g(e){const t=e.length,i=Math.floor(t/2),o=e.substring(0,4).padEnd(4,"0"),n=e.substring(0,4).padEnd(4,"0");return`@assets/${u(t.toString(16).padEnd(4,o))}${u(e.substring(i-4,i).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-8,i-4).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-12,i-8).padEnd(4,o)).padEnd(4,"f")}-${u(e.substring(i-16,i-12).padEnd(4,n)).padEnd(4,"f")}-${u(e.substring(i,i+4).padEnd(4,n)).padEnd(4,"f")}${u(e.substring(i+4,i+8).padEnd(4,n)).padEnd(4,"f")}${u(n.padEnd(4,o).padEnd(4,n))}`}function v(e){return function e(t){const i=function(e){return Object.prototype.toString.call(e).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(t);if(["Null","Number","String","Boolean","Undefined"].indexOf(i)>=0)return t;if("Array"===i){const i=[];return t.forEach((t=>{i.push(e(t))})),i}if("Object"===i){const i={};Object.keys(t).forEach((o=>{i[o]=e(t[o])}));return Object.getOwnPropertySymbols(t).forEach((o=>{i[o]=e(t[o])})),i}}(e)}function w(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const m={type(e,t){const i=w(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===w(e),json:e=>"Object"===w(e),function:e=>"Function"===w(e),asyncFunction:e=>"AsyncFunction"===w(e),string:e=>"String"===w(e),number:e=>"Number"===w(e),undefined:e=>"Undefined"===w(e),null:e=>"Null"===w(e),promise:e=>"Promise"===w(e)};var y=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function r(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}l((o=o.apply(e,t||[])).next())}))};const{Image:x}=window;function S(e){return new Promise(((t,i)=>{const o=new x;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function p(e){return y(this,void 0,void 0,(function*(){const t=yield function(e){return new Promise(((t,i)=>{const o=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),n=new FileReader;n.readAsDataURL(o),n.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},n.onerror=function(e){i(e)}}))}(e);return yield S(t)}))}function b(e,t){return y(this,void 0,void 0,(function*(){e=e.replace(/\&/gi,"&amp;");const i=yield function(e,t){const{width:i,height:o}=t;return new Promise(((t,n)=>{const a=new Blob([`\n    <svg \n      xmlns="http://www.w3.org/2000/svg" \n      width="${i||""}" \n      height = "${o||""}">\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"}),s=new FileReader;s.readAsDataURL(a),s.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},s.onerror=function(e){n(e)}}))}(e,t);return yield S(i)}))}function A(e){return"number"==typeof e&&(e>0||e<=0)}function I(e){return"number"==typeof e&&e>=0}function M(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function z(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const P={x:function(e){return A(e)},y:function(e){return A(e)},w:I,h:function(e){return"number"==typeof e&&e>=0},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:A,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return I(e)},borderRadius:function(e){return A(e)&&e>=0},color:function(e){return c(e)},imageSrc:function(e){return z(e)||M(e)},imageURL:M,imageBase64:z,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 i=document.createElement("div");i.innerHTML=e,i.children.length>0&&(t=!0),i=null}return t},text:function(e){return"string"==typeof e},fontSize:function(e){return A(e)&&e>0},lineHeight:function(e){return A(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 A(e)&&e>0}};var R,T,C=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},E=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class W{constructor(e,t){R.set(this,void 0),T.set(this,void 0),C(this,R,e,"f"),C(this,T,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f")}$undoPixelRatio(e){return e/E(this,T,"f").devicePixelRatio}$doPixelRatio(e){return E(this,T,"f").devicePixelRatio*e}$getContext(){return E(this,R,"f")}$setFont(e){const t=[];e.fontWeight&&t.push(`${e.fontWeight}`),t.push(`${this.$doPixelRatio(e.fontSize||12)}px`),t.push(`${e.fontFamily||"sans-serif"}`),E(this,R,"f").font=`${t.join(" ")}`}$getOffscreenCanvas(){return E(this,T,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:a}=E(this,R,"f");a.width=t*o,a.height=i*o,C(this,T,Object.assign(Object.assign({},E(this,T,"f")),{devicePixelRatio:o}),"f"),!0===n&&(a.style.width=`${t}px`,a.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=E(this,T,"f"),{width:t,height:i}=E(this,R,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return E(this,R,"f").canvas}get fillStyle(){return E(this,R,"f").fillStyle}set fillStyle(e){E(this,R,"f").fillStyle=e}get strokeStyle(){return E(this,R,"f").strokeStyle}set strokeStyle(e){E(this,R,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(E(this,R,"f").lineWidth)}set lineWidth(e){E(this,R,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return E(this,R,"f").textAlign}set textAlign(e){E(this,R,"f").textAlign=e}get textBaseline(){return E(this,R,"f").textBaseline}set textBaseline(e){E(this,R,"f").textBaseline=e}get globalAlpha(){return E(this,R,"f").globalAlpha}set globalAlpha(e){E(this,R,"f").globalAlpha=e}get shadowColor(){return E(this,R,"f").shadowColor}set shadowColor(e){E(this,R,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(E(this,R,"f").shadowOffsetX)}set shadowOffsetX(e){E(this,R,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(E(this,R,"f").shadowOffsetY)}set shadowOffsetY(e){E(this,R,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(E(this,R,"f").shadowBlur)}set shadowBlur(e){E(this,R,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return E(this,R,"f").lineCap}set lineCap(e){E(this,R,"f").lineCap=e}get globalCompositeOperation(){return E(this,R,"f").globalCompositeOperation}set globalCompositeOperation(e){E(this,R,"f").globalCompositeOperation=e}fill(...e){return E(this,R,"f").fill(...e)}arc(e,t,i,o,n,a){return E(this,R,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,a)}rect(e,t,i,o){return E(this,R,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return E(this,R,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return E(this,R,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return E(this,R,"f").beginPath()}closePath(){return E(this,R,"f").closePath()}lineTo(e,t){return E(this,R,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return E(this,R,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return E(this,R,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}getLineDash(){return E(this,R,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return E(this,R,"f").setLineDash(t)}stroke(e){return e?E(this,R,"f").stroke(e):E(this,R,"f").stroke()}translate(e,t){return E(this,R,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return E(this,R,"f").rotate(e)}drawImage(...e){const t=e[0],i=e[1],o=e[2],n=e[3],a=e[4],s=e[e.length-4],r=e[e.length-3],l=e[e.length-2],h=e[e.length-1];return 9===e.length?E(this,R,"f").drawImage(t,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(h)):E(this,R,"f").drawImage(t,this.$doPixelRatio(s),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(h))}createPattern(e,t){return E(this,R,"f").createPattern(e,t)}measureText(e){return E(this,R,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?E(this,R,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):E(this,R,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?E(this,R,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):E(this,R,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){E(this,R,"f").save()}restore(){E(this,R,"f").restore()}scale(e,t){E(this,R,"f").scale(e,t)}circle(e,t,i,o,n,a,s,r){E(this,R,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,a,s,r)}isPointInPath(e,t){return E(this,R,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return E(this,R,"f").clip(...e)}setTransform(e,t,i,o,n,a){return E(this,R,"f").setTransform(e,t,i,o,n,a)}getTransform(){return E(this,R,"f").getTransform()}createLinearGradient(e,t,i,o){return E(this,R,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,a){return E(this,R,"f").createRadialGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a))}createConicGradient(e,t,i){return E(this,R,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function O(e){const{width:t,height:i,ctx:o,devicePixelRatio:n}=e;let a=o;if(!a){const e=document.createElement("canvas");e.width=t*n,e.height=i*n,a=e.getContext("2d")}return new W(a,e)}function j(e){const{width:t,height:i,devicePixelRatio:o}=e,n=new OffscreenCanvas(t*o,i*o),a=n.getContext("2d").canvas.getContext("2d");return new W(a,{devicePixelRatio:o,offscreenCanvas:n})}R=new WeakMap,T=new WeakMap;class k{constructor(){this._listeners=new Map}on(e,t){if(this._listeners.has(e)){const i=this._listeners.get(e)||[];null==i||i.push(t),this._listeners.set(e,i)}else this._listeners.set(e,[t])}off(e,t){if(this._listeners.has(e)){const i=this._listeners.get(e);if(Array.isArray(i))for(let e=0;e<(null==i?void 0:i.length);e++)if(i[e]===t){i.splice(e,1);break}this._listeners.set(e,i||[])}}trigger(e,t){const i=this._listeners.get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if(this._listeners.has(e)){const t=this._listeners.get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}}function D(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}class L{constructor(e){this._backUpDefaultStorage=v(e.defaultStorage),this._temp=this._createTempStorage()}set(e,t){this._temp[e]=t}get(e){return this._temp[e]}getSnapshot(){return v(this._temp)}clear(){this._temp=this._createTempStorage()}_createTempStorage(){return v(this._backUpDefaultStorage)}}function F(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}}function Y(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}}function B(e){return e/180*Math.PI}function G(e,t,i,o){const n=B(t||0);i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(n),e.translate(-i.x,-i.y)),o(e),i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(-n),e.translate(-i.x,-i.y))}function N(e,t,i){const o=V(t);G(e,t.angle||0,o,(()=>{i(e)}))}function V(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function X(e){const t=Math.min(e[0].x,e[1].x,e[2].x,e[3].x),i=Math.min(e[0].y,e[1].y,e[2].y,e[3].y);return V({x:t,y:i,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)-i})}function Z(e,t,i){const o=function(e,t){const i=t.x-e.x,o=t.y-e.y;if(0===i){if(o<0)return 0;if(o>0)return Math.PI}else if(0===o){if(i<0)return 3*Math.PI/2;if(i>0)return Math.PI/2}return i>0&&o<0?Math.atan(Math.abs(i)/Math.abs(o)):i>0&&o>0?Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o>0?Math.PI+Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o<0?2*Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):0}(e,t);let n=o+i;n>2*Math.PI?n-=2*Math.PI:n<0-2*Math.PI&&(n+=2*Math.PI),n<0&&(n+=2*Math.PI);const a=function(e,t){const i=(e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y);return 0===i?i:Math.sqrt(i)}(e,t);let s=0,r=0;return 0===n?(s=0,r=0-a):n>0&&n<Math.PI/2?(s=Math.sin(n)*a,r=0-Math.cos(n)*a):n===Math.PI/2?(s=a,r=0):n>Math.PI/2&&n<Math.PI?(s=Math.sin(Math.PI-n)*a,r=Math.cos(Math.PI-n)*a):n===Math.PI?(s=0,r=a):n>Math.PI&&n<1.5*Math.PI?(s=0-Math.sin(n-Math.PI)*a,r=Math.cos(n-Math.PI)*a):n===1.5*Math.PI?(s=0-a,r=0):n>1.5*Math.PI&&n<2*Math.PI?(s=0-Math.sin(2*Math.PI-n)*a,r=0-Math.cos(2*Math.PI-n)*a):n===2*Math.PI&&(s=0,r=0-a),s+=e.x,r+=e.y,{x:s,y:r}}function H(e,t){if((null==t?void 0:t.length)>0){let i=e.x,o=e.y;return t.forEach((e=>{const{x:t,y:n,w:a,h:s,angle:r=0}=e,l=Z(V({x:t,y:n,w:a,h:s,angle:r}),{x:i,y:o},B(r));i=l.x,o=l.y})),{x:i,y:o}}return e}function Q(e,t,i){const{x:o,y:n,w:a,h:s}=e;let r={x:o,y:n},l={x:o+a,y:n},h={x:o+a,y:n+s},c={x:o,y:n+s};if(i&&(i>0||i<0)){const e=B(U(i));r=Z(t,r,e),l=Z(t,l,e),h=Z(t,h,e),c=Z(t,c,e)}return[r,l,h,c]}function $(e){const{angle:t=0}=e;return Q(e,V(e),t)}function _(e,t,i){return[Z(e,{x:t[0].x,y:t[0].y},i),Z(e,{x:t[1].x,y:t[1].y},i),Z(e,{x:t[2].x,y:t[2].y},i),Z(e,{x:t[3].x,y:t[3].y},i)]}function U(e){if(!(e>0||e<0)||0===e)return 0;let t=e%360;return t<0&&(t+=360),t}function J(e){let t=!0;if(Array.isArray(e)){const i=[];e.forEach((e=>{var o;"string"==typeof e.uuid&&e.uuid?i.includes(e.uuid)?(t=!1,console.warn(`Duplicate uuids: ${e.uuid}`)):i.push(e.uuid):(t=!1,console.warn("Element missing uuid",e)),"group"===e.type&&(t=J(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function K(e,t){const i={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=$(t);if(4===e.length){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];t.x=Math.min(...i),t.y=Math.min(...o),t.w=Math.abs(Math.max(...i)-Math.min(...i)),t.h=Math.abs(Math.max(...o)-Math.min(...o))}}const o=Math.min(t.x,i.x),n=Math.min(t.y,i.y),a=Math.max(t.x+t.w,i.x+i.w),s=Math.max(t.y+t.h,i.y+i.h);i.x=o,i.y=n,i.w=Math.abs(a-o),i.h=Math.abs(s-n)})),(null==t?void 0:t.extend)&&(i.x=Math.min(i.x,0),i.y=Math.min(i.y,0));const o={contextWidth:i.w,contextHeight:i.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>i.x+i.w&&(o.contextWidth=t.viewWidth-i.x),t.viewHeight>i.y+i.h&&(o.contextHeight=t.viewHeight-i.y)),o}function q(e,t){const{viewScaleInfo:i}=t,{x:o,y:n,w:a,h:s,angle:r}=e,{scale:l,offsetTop:h,offsetLeft:c}=i;return{x:o*l+c,y:n*l+h,w:a*l,h:s*l,angle:r}}function ee(e,t){const{viewScaleInfo:i}=t,{x:o,y:n}=e,{scale:a,offsetTop:s,offsetLeft:r}=i;return{x:o*a+r,y:n*a+s}}function te(e,t){return[ee(e[0],t),ee(e[1],t),ee(e[2],t),ee(e[3],t)]}function ie(e,t){const{context2d:i,element:o,viewScaleInfo:n,viewSizeInfo:a}=t,{angle:s=0}=o,{x:r,y:l,w:h,h:c}=q(o,{viewScaleInfo:n,viewSizeInfo:a}),d=$({x:r,y:l,w:h,h:c,angle:s});if(d.length>=2){i.beginPath(),i.moveTo(d[0].x,d[0].y);for(let e=1;e<d.length;e++)i.lineTo(d[e].x,d[e].y);i.closePath()}return!!i.isPointInPath(e.x,e.y)}function oe(e){const{x:t,y:i,h:o,w:n}=e;return[{x:t,y:i},{x:t+n,y:i},{x:t+n,y:i+o},{x:t,y:i+o}]}function ne(e){const{x:t,y:i,w:o,h:n,angle:a=0}=e;return 0===a?oe(e):Q(e,V({x:t,y:i,w:o,h:n,angle:a}),a)}function ae(e){const t=[];let i=0,o=0;const n=[],a=[...e];for(let e=0;e<a.length;e++){const{x:s,y:r,w:l,h:h,angle:c=0}=a[e];let d;if(i+=s,o+=r,0===e){const e={x:i,y:o,w:l,h:h,angle:c};d=ne({x:s,y:r,w:l,h:h,angle:c}),n.push({center:V(e),angle:c,radian:B(c)})}else{d=oe({x:i,y:o,w:l,h:h,angle:c});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=_(t,d,i)}const e=X(d);if(c>0||c<0){d=_(e,d,B(c))}n.push({center:e,angle:c,radian:B(c)})}t.push(d)}return t}function se(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?ae([...i,e]):[ne(e)]}(e,t);return i.pop()||null}function re(e,t){const{x:i,y:o}=e,{size:n,angle:a}=t;return{x:i-n/2,y:o-n/2,w:n,h:n,angle:a}}function le(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n}=t,a=(o&&o>0?o:8)/n.scale,{x:s,y:r,w:l,h:h,angle:c=0}=e,d=[{uuid:f(),x:s,y:r,w:l,h:h,angle:c,type:"group",detail:{children:[]}},...i];let u=0;d.forEach((({angle:e=0})=>{u+=e}));const g=se(e,{groupQueue:i}),v=D(g[0],g[1]),w=D(g[1],g[2]),m=D(g[2],g[3]),y=D(g[3],g[0]),x=g[0],S=g[1],p=g[2],b=g[3],A=re(x,{size:a,angle:u}),I=re(S,{size:a,angle:u}),M=re(b,{size:a,angle:u}),z=re(p,{size:a,angle:u}),P=ne(A),R=ne(I),T=ne(M),C=ne(z),E=[P[1],R[0],R[3],P[2]],W=[R[3],R[2],C[1],C[0]],O=[T[1],C[0],C[3],T[2]];return{elementWrapper:g,left:{type:"left",vertexes:[P[3],P[2],T[1],T[0]],center:y},right:{type:"right",vertexes:W,center:w},top:{type:"top",vertexes:E,center:v},bottom:{type:"bottom",vertexes:O,center:m},topLeft:{type:"top-left",vertexes:P,center:x},topRight:{type:"top-right",vertexes:R,center:S},bottomLeft:{type:"bottom-left",vertexes:T,center:b},bottomRight:{type:"bottom-right",vertexes:C,center:p}}}function he(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function ce(e,t){let i=2;return void 0!==(null==t?void 0:t.decimalPlaces)&&(null==t?void 0:t.decimalPlaces)>=0&&(i=t.decimalPlaces),parseFloat(e.toFixed(i))}const de={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function fe(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n}=e.detail;const{boxSizing:a=de.boxSizing,borderWidth:s}=e.detail;"number"!=typeof s&&(n=0);let{x:r,y:l,w:h,h:c}=e,d=[0,0,0,0];if("number"==typeof n){const e=n*o;d=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(d=[n[0]*o,n[1]*o,n[2]*o,n[3]*o]);let f=0;return"number"==typeof s&&(f=(s||0)*o),"border-box"===a?(r=e.x+f/2,l=e.y+f/2,h=e.w-f,c=e.h-f):"content-box"===a?(r=e.x-f/2,l=e.y-f/2,h=e.w+f,c=e.h+f):(r=e.x,l=e.y,h=e.w,c=e.h),h=Math.max(h,1),c=Math.max(c,1),d=d.map((e=>Math.min(e,h/2,c/2))),{x:r,y:l,w:h,h:c,radiusList:d}}function ue(e,t,i){if("string"==typeof t)return t;const{viewElementSize:o,viewScaleInfo:n,opacity:a=1}=i,{x:s,y:r}=o,{scale:l}=n;if("linear-gradient"===(null==t?void 0:t.type)){const{start:i,end:o,stops:n}=t,h={x:s+i.x*l,y:r+i.y*l},c={x:s+o.x*l,y:r+o.y*l},f=e.createLinearGradient(h.x,h.y,c.x,c.y);return n.forEach((e=>{f.addColorStop(e.offset,d(e.color,a))})),f}if("radial-gradient"===(null==t?void 0:t.type)){const{inner:i,outer:o,stops:n}=t,h={x:s+i.x*l,y:r+i.y*l,radius:i.radius*l},c={x:s+o.x*l,y:r+o.y*l,radius:o.radius*l},f=e.createRadialGradient(h.x,h.y,h.radius,c.x,c.y,c.radius);return n.forEach((e=>{f.addColorStop(e.offset,d(e.color,a))})),f}return"#000000"}const ge={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function ve(e,t,i){const{pattern:o,renderContent:n,originElem:a,calcElemSize:s,viewScaleInfo:r,viewSizeInfo:l}=i||{};!function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:a,viewScaleInfo:s,viewSizeInfo:r}=i,l=s.scale*r.devicePixelRatio,{clipPath:h}=(null==n?void 0:n.detail)||{};if(h&&a&&h.commands){const{x:i,y:n,w:s,h:r}=a,{originW:c,originH:d,originX:f,originY:u}=h,g=s/c,v=r/d,w=i-f*g,m=n-u*v;e.save(),e.translate(w,m),e.scale(l*g,l*v);const y=he(h.commands||[]),x=new Path2D(y);e.clip(x),e.translate(0-w,0-m),e.setTransform(1,0,0,1,0,0),N(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:s,viewScaleInfo:r,viewSizeInfo:l,renderContent:()=>{var i,a;void 0!==(null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.opacity)&&(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1,function(e,t,i){var o,n;const{pattern:a,viewScaleInfo:s,viewSizeInfo:r}=i,l=[];if(t.detail,t.detail,t.detail.background||a){const{x:i,y:h,w:c,h:d,radiusList:f}=fe(t,{viewScaleInfo:s,viewSizeInfo:r});if(e.beginPath(),e.moveTo(i+f[0],h),e.arcTo(i+c,h,i+c,h+d,f[1]),e.arcTo(i+c,h+d,i,h+d,f[2]),e.arcTo(i,h+d,i,h,f[3]),e.arcTo(i,h,i+c,h,f[0]),e.closePath(),"string"==typeof a)e.fillStyle=a;else if(["CanvasPattern"].includes(m.type(a)))e.fillStyle=a;else if("string"==typeof t.detail.background)e.fillStyle=t.detail.background;else if("linear-gradient"===(null===(o=t.detail.background)||void 0===o?void 0:o.type)){const o=ue(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},viewScaleInfo:s,opacity:e.globalAlpha});e.fillStyle=o}else if("radial-gradient"===(null===(n=t.detail.background)||void 0===n?void 0:n.type)){const o=ue(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},viewScaleInfo:s,opacity:e.globalAlpha});if(e.fillStyle=o,l&&l.length>0)for(let t=0;t<(null==l?void 0:l.length);t++){const o=l[t];"translate"===o.method?e.translate(o.args[0]+i,o.args[1]+h):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill(),l&&l.length>0&&e.setTransform(1,0,0,1,0,0)}}(e,t,{pattern:o,viewScaleInfo:r,viewSizeInfo:l}),null==n||n(),function(e,t,i){var o,n;if(0===t.detail.borderWidth)return;if(!c(t.detail.borderColor))return;void 0!==(null===(o=null==t?void 0:t.detail)||void 0===o?void 0:o.opacity)&&(null===(n=null==t?void 0:t.detail)||void 0===n?void 0:n.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1;const{viewScaleInfo:a}=i,{scale:s}=a;let r=ge.borderColor;!0===c(t.detail.borderColor)&&(r=t.detail.borderColor);const{borderWidth:l,borderRadius:h,borderDash:d,boxSizing:f=ge.boxSizing}=t.detail;let u=0;"number"==typeof l&&(u=l||1);u*=s;let g=[0,0,0,0];if("number"==typeof h){const e=h*s;g=[e,e,e,e]}else Array.isArray(h)&&4===(null==h?void 0:h.length)&&(g=[h[0]*s,h[1]*s,h[2]*s,h[3]*s]);e.strokeStyle=r;let v=[];Array.isArray(d)&&d.length>0&&(v=d.map((e=>Math.ceil(e*s))));let w=0,m=0,y=0,x=0;Array.isArray(l)&&(w=(l[0]||0)*s,m=(l[1]||0)*s,y=(l[2]||0)*s,x=(l[3]||0)*s);if(x||m||w||y){e.lineCap="butt";let{x:i,y:o,w:n,h:a}=t;"border-box"===f?(i+=x/2,o+=w/2,n=n-x/2-m/2,a=a-w/2-y/2):"content-box"===f?(i-=x/2,o-=w/2,n=n+x/2+m/2,a=a+w/2+y/2):(i=t.x,o=t.y,n=t.w,a=t.h),w&&(e.beginPath(),e.lineWidth=w,e.moveTo(i-x/2,o),e.lineTo(i+n+m/2,o),e.closePath(),e.stroke()),m&&(e.beginPath(),e.lineWidth=m,e.moveTo(i+n,o-w/2),e.lineTo(i+n,o+a+y/2),e.closePath(),e.stroke()),y&&(e.beginPath(),e.lineWidth=y,e.moveTo(i-x/2,o+a),e.lineTo(i+n+m/2,o+a),e.closePath(),e.stroke()),x&&(e.beginPath(),e.lineWidth=x,e.moveTo(i,o-w/2),e.lineTo(i,o+a+y/2),e.closePath(),e.stroke())}else{let{x:i,y:o,w:n,h:a}=t;"border-box"===f?(i=t.x+u/2,o=t.y+u/2,n=t.w-u,a=t.h-u):"content-box"===f?(i=t.x-u/2,o=t.y-u/2,n=t.w+u,a=t.h+u):(i=t.x,o=t.y,n=t.w,a=t.h),v.length>0?e.lineCap="butt":e.lineCap="square",n=Math.max(n,1),a=Math.max(a,1),g=g.map((e=>Math.min(e,n/2,a/2))),e.setLineDash(v),e.lineWidth=u,e.beginPath(),e.moveTo(i+g[0],o),e.arcTo(i+n,o,i+n,o+a,g[1]),e.arcTo(i+n,o+a,i,o+a,g[2]),e.arcTo(i,o+a,i,o,g[3]),e.arcTo(i,o,i+n,o,g[0]),e.closePath(),e.stroke(),e.globalAlpha=1}e.setLineDash([])}(e,t,{viewScaleInfo:r,viewSizeInfo:l}),e.globalAlpha=1}})}function we(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:a}=i,{shadowColor:s,shadowOffsetX:r,shadowOffsetY:l,shadowBlur:h}=o;P.number(h)?(e.save(),e.shadowColor=s||ge.shadowColor,e.shadowOffsetX=(r||0)*n.scale,e.shadowOffsetY=(l||0)*n.scale,e.shadowBlur=(h||0)*n.scale,a(),e.restore()):a()}const me={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};function ye(e,t,i){var o;if(!0!==(null===(o=null==t?void 0:t.operations)||void 0===o?void 0:o.invisible))try{switch(t.type){case"rect":!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:c}=(null==o?void 0:o.elementSize(t,n,a))||t,d=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:c});N(e,{x:s,y:r,w:l,h:h,angle:c},(()=>{we(e,d,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{ve(e,d,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:c},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{}})}})}))}(e,t,i);break;case"circle":!function(e,t,i){const{detail:o,angle:n}=t,{background:a="#000000",borderColor:s="#000000",borderWidth:r=0}=o,{calculator:l,viewScaleInfo:h,viewSizeInfo:c}=i,{x:d,y:f,w:u,h:g}=(null==l?void 0:l.elementSize({x:t.x,y:t.y,w:t.w,h:t.h},h,c))||t,v=Object.assign(Object.assign({},t),{x:d,y:f,w:u,h:g,angle:n});N(e,{x:d,y:f,w:u,h:g,angle:n},(()=>{we(e,v,{viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{var i,o;const n=u/2,l=g/2,c=d+n,v=f+l;if(void 0!==(null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.opacity)&&(null===(o=null==t?void 0:t.detail)||void 0===o?void 0:o.opacity)>=0?e.globalAlpha=t.detail.opacity:e.globalAlpha=1,"number"==typeof r&&r>0){const t=r/2+n,i=r/2+l;e.beginPath(),e.strokeStyle=s,e.lineWidth=r,e.circle(c,v,t,i,0,0,2*Math.PI),e.closePath(),e.stroke()}e.beginPath();const w=ue(e,a,{viewElementSize:{x:d,y:f,w:u,h:g},viewScaleInfo:h,opacity:e.globalAlpha});e.fillStyle=w,e.circle(c,v,n,l,0,0,2*Math.PI),e.closePath(),e.fill(),e.globalAlpha=1}})}))}(e,t,i);break;case"text":!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:d}=(null==o?void 0:o.elementSize(t,n,a))||t,f=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:d});N(e,{x:s,y:r,w:l,h:h,angle:d},(()=>{ve(e,f,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:d},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{const i=Object.assign(Object.assign({},me),t.detail),o=(i.fontSize||me.fontSize)*n.scale,a=i.lineHeight?i.lineHeight*n.scale:o;e.fillStyle=t.detail.color||me.color,e.textBaseline="top",e.$setFont({fontWeight:i.fontWeight,fontSize:o,fontFamily:i.fontFamily});const d=i.text.replace(/\r\n/gi,"\n"),f=a,u=d.split("\n"),g=[];let v=0;u.forEach(((t,i)=>{let o="";if(t.length>0){for(let n=0;n<t.length&&(e.measureText(o+(t[n]||"")).width<e.$doPixelRatio(l)?o+=t[n]||"":(g.push({text:o,width:e.$undoPixelRatio(e.measureText(o).width)}),o=t[n]||"",v++),!((v+1)*f>h));n++)if(t.length-1===n&&(v+1)*f<h){g.push({text:o,width:e.$undoPixelRatio(e.measureText(o).width)}),i<u.length-1&&v++;break}}else g.push({text:"",width:0})}));let w=0;g.length*f<h&&("top"===t.detail.verticalAlign?w=0:"bottom"===t.detail.verticalAlign?w+=h-g.length*f:w+=(h-g.length*f)/2);{const t=r+w;void 0!==i.textShadowColor&&c(i.textShadowColor)&&(e.shadowColor=i.textShadowColor),void 0!==i.textShadowOffsetX&&P.number(i.textShadowOffsetX)&&(e.shadowOffsetX=i.textShadowOffsetX),void 0!==i.textShadowOffsetY&&P.number(i.textShadowOffsetY)&&(e.shadowOffsetY=i.textShadowOffsetY),void 0!==i.textShadowBlur&&P.number(i.textShadowBlur)&&(e.shadowBlur=i.textShadowBlur),g.forEach(((o,n)=>{let a=s;"center"===i.textAlign?a=s+(l-o.width)/2:"right"===i.textAlign&&(a=s+(l-o.width)),e.fillText(o.text,a,t+f*n)}))}}})}))}(e,t,i);break;case"image":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t,f=Object.assign(Object.assign({},t),{x:r,y:l,w:h,h:c,angle:d});N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{we(e,f,{viewScaleInfo:a,viewSizeInfo:s,renderContent:()=>{ve(e,f,{originElem:t,calcElemSize:{x:r,y:l,w:h,h:c,angle:d},viewScaleInfo:a,viewSizeInfo:s,renderContent:()=>{if(o||i.loader.load(t,i.elementAssets||{}),"image"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1;const{x:n,y:r,w:l,h:h,radiusList:c}=fe(f,{viewScaleInfo:a,viewSizeInfo:s});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(n+c[0],r),e.arcTo(n+l,r,n+l,r+h,c[1]),e.arcTo(n+l,r+h,n,r+h,c[2]),e.arcTo(n,r+h,n,r,c[3]),e.arcTo(n,r,n+l,r,c[0]),e.closePath(),e.fill(),e.clip(),e.drawImage(o,n,r,l,h),e.globalAlpha=1,e.restore()}}})}})}))}(e,t,i);break;case"svg":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t;N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{if(o||i.loader.load(t,i.elementAssets||{}),"svg"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1,e.drawImage(o,r,l,h,c),e.globalAlpha=1}}))}(e,t,i);break;case"html":!function(e,t,i){const o=i.loader.getContent(t),{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=i,{x:r,y:l,w:h,h:c,angle:d}=(null==n?void 0:n.elementSize(t,a,s))||t;N(e,{x:r,y:l,w:h,h:c,angle:d},(()=>{if(o||i.loader.load(t,i.elementAssets||{}),"html"===t.type&&o){const{opacity:i}=t.detail;e.globalAlpha=i||1,e.drawImage(o,r,l,h,c),e.globalAlpha=1}}))}(e,t,i);break;case"path":!function(e,t,i){const{detail:o}=t,{originX:n,originY:a,originW:s,originH:r}=o,{calculator:l,viewScaleInfo:h,viewSizeInfo:c}=i,{x:d,y:f,w:u,h:g,angle:v}=(null==l?void 0:l.elementSize(t,h,c))||t,w=u/s,m=g/r,y=d-n*w,x=f-a*m,S=h.scale*c.devicePixelRatio,p=Object.assign(Object.assign({},t),{x:d,y:f,w:u,h:g,angle:v});N(e,{x:d,y:f,w:u,h:g,angle:v},(()=>{ve(e,p,{originElem:t,calcElemSize:{x:d,y:f,w:u,h:g,angle:v},viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{we(e,p,{viewScaleInfo:h,viewSizeInfo:c,renderContent:()=>{e.save(),e.translate(y,x),e.scale(S*w/h.scale,S*m/h.scale);const t=he(o.commands||[]),i=new Path2D(t);o.fill&&(e.fillStyle=o.fill,e.fill(i)),o.stroke&&0!==o.strokeWidth&&(e.strokeStyle=o.stroke,e.lineWidth=(o.strokeWidth||1)/c.devicePixelRatio,e.lineCap=o.strokeLineCap||"square",e.stroke(i)),e.translate(-y,-x),e.restore()}})}})}))}(e,t,i);break;case"group":{const o=Object.assign(Object.assign({},i.elementAssets||{}),t.detail.assets||{});!function(e,t,i){const{calculator:o,viewScaleInfo:n,viewSizeInfo:a}=i,{x:s,y:r,w:l,h:h,angle:c}=(null==o?void 0:o.elementSize({x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle},n,a))||t,d=Object.assign(Object.assign({},t),{x:s,y:r,w:l,h:h,angle:c});N(e,{x:s,y:r,w:l,h:h,angle:c},(()=>{we(e,d,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{ve(e,d,{originElem:t,calcElemSize:{x:s,y:r,w:l,h:h,angle:c},viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{const{x:o,y:s,w:r,h:l,radiusList:h}=fe(d,{viewScaleInfo:n,viewSizeInfo:a});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(o+h[0],s),e.arcTo(o+r,s,o+r,s+l,h[1]),e.arcTo(o+r,s+l,o,s+l,h[2]),e.arcTo(o,s+l,o,s,h[3]),e.arcTo(o,s,o+r,s,h[0]),e.closePath(),e.fill(),e.clip()),Array.isArray(t.detail.children)){const{parentElementSize:o}=i,n={x:o.x+t.x,y:o.y+t.y,w:t.w||o.w,h:t.h||o.h,angle:t.angle},{calculator:a}=i;for(let o=0;o<t.detail.children.length;o++){let s=t.detail.children[o];if(s=Object.assign(Object.assign({},s),{x:n.x+s.x,y:n.y+s.y}),!0===i.forceDrawAll||(null==a?void 0:a.isElementInView(s,i.viewScaleInfo,i.viewSizeInfo)))try{ye(e,s,Object.assign({},i))}catch(e){console.error(e)}}}"hidden"===t.detail.overflow&&(e.globalAlpha=1,e.restore())}})}})}))}(e,t,Object.assign(Object.assign({},i),{elementAssets:o}));break}}}catch(e){console.error(e)}}const xe={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"};var Se,pe,be,Ae,Ie,Me,ze,Pe,Re,Te,Ce,Ee=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function r(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}l((o=o.apply(e,t||[])).next())}))},We=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};const Oe=["image","svg","html"],je=e=>{var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),"string"==typeof n&&n?/^@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(`${n}`)?n:g(n):g(`${f()}-${e.uuid}-${f()}-${f()}`)};class ke extends k{constructor(){super(),Se.add(this),pe.set(this,{}),be.set(this,{}),Ae.set(this,{}),We(this,Se,"m",Ie).call(this,"image",((e,t)=>Ee(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.src])||void 0===i?void 0:i.value)||e.detail.src,n=yield S(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),We(this,Se,"m",Ie).call(this,"html",((e,t)=>Ee(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.html])||void 0===i?void 0:i.value)||e.detail.html,n=yield b(o,{width:e.detail.width||e.w,height:e.detail.height||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),We(this,Se,"m",Ie).call(this,"svg",((e,t)=>Ee(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.svg])||void 0===i?void 0:i.value)||e.detail.svg,n=yield p(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}load(e,t){We(this,Se,"m",Ce).call(this,e)||Oe.includes(e.type)&&We(this,Se,"m",Te).call(this,e,t)}getContent(e){var t,i;const o=je(e);return(null===(i=null===(t=We(this,Ae,"f"))||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}getLoadItemMap(){return We(this,Ae,"f")}setLoadItemMap(e){!function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,i):n?n.value=i:t.set(e,i)}(this,Ae,e,"f")}}pe=new WeakMap,be=new WeakMap,Ae=new WeakMap,Se=new WeakSet,Ie=function(e,t){We(this,pe,"f")[e]=t},Me=function(e){var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),n},ze=function(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:We(this,Se,"m",Me).call(this,e)}},Pe=function(e){const t=je(e.element),i=We(this,Ae,"f")[t];i?i.startTime<e.startTime&&(We(this,Ae,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(We(this,Ae,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime})))},Re=function(e){const t=je(e.element),i=We(this,Ae,"f")[t];i?i.startTime<e.startTime&&(We(this,Ae,"f")[t]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(We(this,Ae,"f")[t]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime})))},Te=function(e,t){const i=We(this,Se,"m",ze).call(this,e),o=je(e);We(this,be,"f")[o]=i;const n=We(this,pe,"f")[e.type];"function"==typeof n&&(i.startTime=Date.now(),n(e,t).then((e=>{i.content=e.content,i.endTime=Date.now(),i.status="load",We(this,Se,"m",Pe).call(this,i)})).catch((t=>{console.warn(`Load element source "${i.source}" fail`,t,e),i.endTime=Date.now(),i.status="error",i.error=t,We(this,Se,"m",Re).call(this,i)})))},Ce=function(e){var t;const i=je(e),o=null===(t=We(this,be,"f"))||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==We(this,Se,"m",Me).call(this,e))};var De,Le,Fe,Ye,Be=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Ge=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Ne extends k{constructor(e){super(),De.add(this),Le.set(this,void 0),Fe.set(this,new ke),Be(this,Le,e,"f"),Ge(this,De,"m",Ye).call(this)}updateOptions(e){Be(this,Le,e,"f")}drawData(e,t){const i=Ge(this,Fe,"f"),{calculator:o}=Ge(this,Le,"f"),n=Ge(this,Le,"f").viewContext;n.clearRect(0,0,n.canvas.width,n.canvas.height);const a={x:0,y:0,w:t.viewSizeInfo.width,h:t.viewSizeInfo.height};!function(e,t,i){var o;const{elements:n=[]}=t;for(let t=0;t<n.length;t++){const a=n[t],s=Object.assign(Object.assign({},a),{detail:Object.assign(Object.assign({},xe),null==a?void 0:a.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.isElementInView(s,i.viewScaleInfo,i.viewSizeInfo)))try{ye(e,s,i)}catch(e){console.error(e)}}}(n,e,Object.assign({loader:i,calculator:o,parentElementSize:a,elementAssets:e.assets},t))}scale(e){const{sharer:t}=Ge(this,Le,"f");if(!t)return;const{data:i,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:s,width:r,height:l,contextHeight:h,contextWidth:c,devicePixelRatio:d}=t.getActiveStoreSnapshot();i&&this.drawData(i,{viewScaleInfo:{scale:e,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:s},viewSizeInfo:{width:r,height:l,contextHeight:h,contextWidth:c,devicePixelRatio:d}})}setLoadItemMap(e){Ge(this,Fe,"f").setLoadItemMap(e)}getLoadItemMap(){return Ge(this,Fe,"f").getLoadItemMap()}}Le=new WeakMap,Fe=new WeakMap,De=new WeakSet,Ye=function(){const e=Ge(this,Fe,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(()=>{}))};class Ve{constructor(e){this._opts=e}elementSize(e,t,i){return q(e,{viewScaleInfo:t,viewSizeInfo:i})}isElementInView(e,t,i){return function(e,t){const{viewSizeInfo:i,viewScaleInfo:o}=t,{width:n,height:a}=i,{angle:s}=e,{x:r,y:l,w:h,h:c}=q(e,{viewScaleInfo:o,viewSizeInfo:i}),d=$({x:r,y:l,w:h,h:c,angle:s}),f={x:0,y:0,w:n,h:a},u=Math.min(d[0].x,d[1].x,d[2].x,d[3].x),g=Math.min(d[0].y,d[1].y,d[2].y,d[3].y);return function(e,t){const i=e.x,o=e.y,n=e.x+e.w,a=e.y+e.h,s=t.x,r=t.y,l=t.x+t.w,h=t.y+t.h;return i<=l&&n>=s&&o<=h&&a>=r}(f,{x:u,y:g,w:Math.max(d[0].x,d[1].x,d[2].x,d[3].x)-u,h:Math.max(d[0].y,d[1].y,d[2].y,d[3].y)-g})}(e,{viewScaleInfo:t,viewSizeInfo:i})}isPointInElement(e,t,i,o){return ie(e,{context2d:this._opts.viewContext,element:t,viewScaleInfo:i,viewSizeInfo:o})}getPointElement(e,t){const i=this._opts.viewContext;return function(e,t){var i,o,n;const{context2d:a,data:s,viewScaleInfo:r,viewSizeInfo:l,groupQueue:h}=t,c={index:-1,element:null,groupQueueIndex:-1};if(h&&Array.isArray(h)&&(null==h?void 0:h.length)>0)for(let t=h.length-1;t>=0;t--){let n=0,s=0,d=0;for(let e=0;e<=t;e++)n+=h[e].x,s+=h[e].y,d+=h[e].angle||0;const f=h[t];if(f&&"group"===f.type&&Array.isArray(null===(i=f.detail)||void 0===i?void 0:i.children))for(let i=0;i<f.detail.children.length;i++){const u=f.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(ie(e,{context2d:a,element:{x:n+u.x,y:s+u.y,w:u.w,h:u.h,angle:d+(u.angle||0)},viewScaleInfo:r,viewSizeInfo:l})){c.element=u,(t<h.length-1||"group"!==u.type)&&(c.groupQueueIndex=t);break}}}if(c.element)break}if(c.element)return c;for(let t=s.elements.length-1;t>=0;t--){const i=s.elements[t];if(!0!==(null===(n=null==i?void 0:i.operations)||void 0===n?void 0:n.invisible)&&ie(e,{context2d:a,element:i,viewScaleInfo:r,viewSizeInfo:l})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}}function Xe(e){return e>0||e<0||0===e}class Ze extends k{constructor(e){super();const t=new L({defaultStorage:{hasPointDown:!1,prevClickPoint:null}});this._store=t,this._opts=e,this._init()}_init(){const e=window;e.addEventListener("mousemove",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)&&this.trigger("hover",{point:t})})),e.addEventListener("mousedown",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)&&(this._store.set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),e.addEventListener("mousemove",(e=>{if(!this._isInTarget(e))return;e.preventDefault(),e.stopPropagation();const t=this._getPoint(e);this._isVaildPoint(t)?!0===this._store.get("hasPointDown")&&this.trigger("pointMove",{point:t}):this._store.get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),this._store.set("hasPointDown",!1))})),e.addEventListener("mouseup",(e=>{if(this._store.set("hasPointDown",!1),!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this.trigger("pointEnd",{point:t})})),e.addEventListener("mouseleave",(e=>{if(this._store.set("hasPointDown",!1),!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this.trigger("pointLeave",{point:t})})),e.addEventListener("wheel",(e=>{if(!this._isInTarget(e))return;const t=this._getPoint(e);if(!this._isVaildPoint(t))return;e.preventDefault();const i=e.deltaX>0||e.deltaX<0?e.deltaX:0,o=e.deltaY>0||e.deltaY<0?e.deltaY:0;!0===e.ctrlKey&&this.has("wheelScale")?this.trigger("wheelScale",{deltaX:i,deltaY:o,point:t}):this.has("wheel")&&this.trigger("wheel",{deltaX:i,deltaY:o,point:t})}),{passive:!1}),e.addEventListener("click",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);if(!this._isVaildPoint(t))return;const i=Date.now(),o=this._store.get("prevClickPoint");o&&i-o.t<=500&&Math.abs(o.x-t.x)<=5&&Math.abs(o.y-t.y)<=5?this.trigger("doubleClick",{point:t}):this._store.set("prevClickPoint",t)})),e.addEventListener("contextmenu",(e=>{if(!this._isInTarget(e))return;e.preventDefault();const t=this._getPoint(e);this._isVaildPoint(t)}))}_isInTarget(e){return e.target===this._opts.boardContent.boardContext.canvas}_getPoint(e){const t=this._opts.boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top,t:Date.now()}}_isVaildPoint(e){const t=this._opts.sharer.getActiveViewSizeInfo(),{width:i,height:o}=t;return!!(Xe(e.x)&&Xe(e.y)&&e.x<=i&&e.y<=o)}}const He={width:0,height:0,devicePixelRatio:1,contextWidth:0,contextHeight:0,data:null,scale:1,offsetLeft:0,offsetRight:0,offsetTop:0,offsetBottom:0};class Qe{constructor(){const e=new L({defaultStorage:He}),t=new L({defaultStorage:{}});this._activeStore=e,this._sharedStore=t}getActiveStorage(e){return this._activeStore.get(e)}setActiveStorage(e,t){return this._activeStore.set(e,t)}getActiveStoreSnapshot(){return this._activeStore.getSnapshot()}getSharedStorage(e){return this._sharedStore.get(e)}setSharedStorage(e,t){return this._sharedStore.set(e,t)}getSharedStoreSnapshot(){return this._sharedStore.getSnapshot()}getActiveViewScaleInfo(){return{scale:this._activeStore.get("scale"),offsetTop:this._activeStore.get("offsetTop"),offsetBottom:this._activeStore.get("offsetBottom"),offsetLeft:this._activeStore.get("offsetLeft"),offsetRight:this._activeStore.get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:a}=e;this._activeStore.set("scale",t),this._activeStore.set("offsetTop",i),this._activeStore.set("offsetBottom",o),this._activeStore.set("offsetLeft",n),this._activeStore.set("offsetRight",a)}setActiveViewSizeInfo(e){this._activeStore.set("width",e.width),this._activeStore.set("height",e.height),this._activeStore.set("devicePixelRatio",e.devicePixelRatio),this._activeStore.set("contextWidth",e.contextWidth),this._activeStore.set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:this._activeStore.get("width"),height:this._activeStore.get("height"),devicePixelRatio:this._activeStore.get("devicePixelRatio"),contextWidth:this._activeStore.get("contextWidth"),contextHeight:this._activeStore.get("contextHeight")}}}const{requestAnimationFrame:$e}=window;class _e extends k{constructor(e){super(),this._drawFrameSnapshotQueue=[],this._drawFrameStatus="FREE",this._opts=e,this._init()}_init(){const{renderer:e}=this._opts;e.on("load",(()=>{this.drawFrame()}))}_drawAnimationFrame(){if("DRAWING"===this._drawFrameStatus||0===this._drawFrameSnapshotQueue.length)return;this._drawFrameStatus="DRAWING";const e=this._drawFrameSnapshotQueue.shift(),{renderer:t,boardContent:i,beforeDrawFrame:o,afterDrawFrame:n}=this._opts;if(e){const{scale:a,offsetTop:s,offsetBottom:r,offsetLeft:l,offsetRight:h,width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}=e.activeStore;(null==e?void 0:e.activeStore.data)&&t.drawData(e.activeStore.data,{viewScaleInfo:{scale:a,offsetTop:s,offsetBottom:r,offsetLeft:l,offsetRight:h},viewSizeInfo:{width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}}),o({snapshot:e}),i.drawView(),n({snapshot:e})}0!==this._drawFrameSnapshotQueue.length?(this._drawFrameStatus="DRAWING")&&$e((()=>{this._drawAnimationFrame()})):this._drawFrameStatus="COMPLETE"}drawFrame(){const{sharer:e}=this._opts,t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();this._drawFrameSnapshotQueue.push({activeStore:t,sharedStore:i}),this._drawAnimationFrame()}scale(e){const{scale:t,point:i}=e,{sharer:o}=this._opts,{moveX:n,moveY:a}=function(e){const{scale:t,point:i,viewScaleInfo:o}=e,{offsetLeft:n,offsetTop:a}=o,s=t/o.scale,r=i.x,l=i.y;return{moveX:r-r*s+(n*s-n),moveY:l-l*s+(a*s-a)}}({scale:t,point:i,viewScaleInfo:o.getActiveViewScaleInfo(),viewSizeInfo:o.getActiveViewSizeInfo()});return o.setActiveStorage("scale",t),{moveX:n,moveY:a}}scroll(e){const{sharer:t}=this._opts,i=t.getActiveViewScaleInfo(),{moveX:o,moveY:n}=e,a=function(e){const{moveX:t=0,moveY:i=0,viewScaleInfo:o,viewSizeInfo:n}=e,{scale:a}=o,{width:s,height:r,contextWidth:l,contextHeight:h}=n;let c=o.offsetLeft,d=o.offsetRight,f=o.offsetTop,u=o.offsetBottom;return c+=t,f+=i,d=s-(l*a+c),u=r-(h*a+f),{scale:a,offsetTop:f,offsetLeft:c,offsetRight:d,offsetBottom:u}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(a),a}updateViewScaleInfo(e){const{sharer:t}=this._opts,i=function(e,t){const{scale:i,offsetX:o,offsetY:n}=e,{viewSizeInfo:a}=t,{width:s,height:r,contextWidth:l,contextHeight:h}=a,c=0-o*i,d=0-n*i;return{scale:i,offsetLeft:c,offsetTop:d,offsetRight:s-(l*i+c/i),offsetBottom:r-(h*i+d/i)}}(e,{viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(i),i}resize(e={}){const{sharer:t}=this._opts,i=t.getActiveViewSizeInfo(),o=Object.assign(Object.assign({},i),e),{width:n,height:a,devicePixelRatio:s}=o,{underContext:r,boardContext:l,helperContext:h,viewContext:c}=this._opts.boardContent;return l.canvas.width=n*s,l.canvas.height=a*s,l.canvas.style.width=`${n}px`,l.canvas.style.height=`${a}px`,r.canvas.width=n*s,r.canvas.height=a*s,h.canvas.width=n*s,h.canvas.height=a*s,c.canvas.width=n*s,c.canvas.height=a*s,t.setActiveViewSizeInfo(o),o}}var Ue,Je,Ke,qe,et,tt,it,ot,nt,at,st,rt,lt,ht,ct,dt,ft,ut,gt,vt,wt,mt,yt,xt,St,pt,bt=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},At=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class It{constructor(e){Ue.add(this),Je.set(this,void 0),Ke.set(this,new WeakMap),qe.set(this,[]),et.set(this,[]),tt.set(this,void 0),it.set(this,void 0),ot.set(this,void 0),nt.set(this,void 0),at.set(this,void 0),st.set(this,new k);const{boardContent:t}=e,i=new Qe,o=new Ve({viewContext:t.viewContext}),n=new Ze({boardContent:t,sharer:i}),a=new Ne({viewContext:t.viewContext,sharer:i,calculator:o});bt(this,Je,e,"f"),bt(this,ot,i,"f"),bt(this,tt,n,"f"),bt(this,it,a,"f"),bt(this,at,o,"f"),bt(this,nt,new _e({boardContent:e.boardContent,sharer:i,renderer:a,calculator:At(this,at,"f"),beforeDrawFrame:e=>{At(this,Ue,"m",xt).call(this,e)},afterDrawFrame:e=>{At(this,Ue,"m",St).call(this,e)}}),"f"),At(this,Ue,"m",rt).call(this),At(this,Ue,"m",pt).call(this)}getSharer(){return At(this,ot,"f")}getViewer(){return At(this,nt,"f")}getRenderer(){return At(this,it,"f")}setData(e){const t=At(this,ot,"f");At(this,ot,"f").setActiveStorage("data",e);const i=t.getActiveViewSizeInfo(),o=K(e.elements,{viewWidth:i.width,viewHeight:i.height,extend:!0});At(this,nt,"f").drawFrame();const n=Object.assign(Object.assign({},i),o);return At(this,ot,"f").setActiveViewSizeInfo(n),{viewSizeInfo:n}}getData(){const{data:e}=At(this,ot,"f").getActiveStoreSnapshot();return e}use(e){var t,i,o;if(At(this,Ke,"f").has(e)){const o=At(this,Ke,"f").get(e);if(o)return null===(i=(t=o.middlewareObject).use)||void 0===i||i.call(t),o.status="enable",At(this,Ke,"f").set(e,o),void At(this,Ue,"m",pt).call(this)}const{boardContent:n,container:a}=At(this,Je,"f"),s=e({boardContent:n,sharer:At(this,ot,"f"),viewer:At(this,nt,"f"),calculator:At(this,at,"f"),eventHub:At(this,st,"f"),container:a});null===(o=s.use)||void 0===o||o.call(s),At(this,qe,"f").push(e),At(this,et,"f").push(s),At(this,Ke,"f").set(e,{status:"enable",middlewareObject:s}),At(this,Ue,"m",pt).call(this)}disuse(e){var t,i;const o=At(this,Ke,"f").get(e);o&&(null===(i=(t=o.middlewareObject).disuse)||void 0===i||i.call(t),o.status="disable",At(this,Ke,"f").set(e,o),At(this,Ue,"m",pt).call(this))}scale(e){const t=At(this,nt,"f"),{moveX:i,moveY:o}=t.scale(e);t.scroll({moveX:i,moveY:o})}scroll(e){return At(this,nt,"f").scroll(e)}updateViewScaleInfo(e){return At(this,nt,"f").updateViewScaleInfo(e)}resize(e){const t=At(this,nt,"f").resize(e),{width:i,height:o,devicePixelRatio:n}=e,{boardContent:a}=At(this,Je,"f");a.viewContext.$resize({width:i,height:o,devicePixelRatio:n}),a.helperContext.$resize({width:i,height:o,devicePixelRatio:n}),a.boardContext.$resize({width:i,height:o,devicePixelRatio:n}),a.underContext.$resize({width:i,height:o,devicePixelRatio:n}),At(this,nt,"f").drawFrame(),At(this,tt,"f").trigger("resize",t),At(this,ot,"f").setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=At(this,Je,"f"),{underContext:t,helperContext:i,viewContext:o,boardContext:n}=e;t.clearRect(0,0,t.canvas.width,t.canvas.height),i.clearRect(0,0,i.canvas.width,i.canvas.height),o.clearRect(0,0,o.canvas.width,o.canvas.height),n.clearRect(0,0,n.canvas.width,n.canvas.height),At(this,Ue,"m",yt).call(this)}getEventHub(){return At(this,st,"f")}}Je=new WeakMap,Ke=new WeakMap,qe=new WeakMap,et=new WeakMap,tt=new WeakMap,it=new WeakMap,ot=new WeakMap,nt=new WeakMap,at=new WeakMap,st=new WeakMap,Ue=new WeakSet,rt=function(){At(this,tt,"f").on("pointStart",At(this,Ue,"m",lt).bind(this)),At(this,tt,"f").on("pointEnd",At(this,Ue,"m",ht).bind(this)),At(this,tt,"f").on("pointMove",h((e=>{At(this,Ue,"m",ct).call(this,e)}),10)),At(this,tt,"f").on("hover",h((e=>{At(this,Ue,"m",dt).call(this,e)}),10)),At(this,tt,"f").on("wheel",h((e=>{At(this,Ue,"m",ut).call(this,e)}),10)),At(this,tt,"f").on("wheelScale",h((e=>{At(this,Ue,"m",gt).call(this,e)}),10)),At(this,tt,"f").on("scrollX",At(this,Ue,"m",vt).bind(this)),At(this,tt,"f").on("scrollY",At(this,Ue,"m",wt).bind(this)),At(this,tt,"f").on("resize",At(this,Ue,"m",mt).bind(this)),At(this,tt,"f").on("doubleClick",At(this,Ue,"m",ft).bind(this))},lt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointStart)||void 0===t?void 0:t.call(o,e)))return}},ht=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointEnd)||void 0===t?void 0:t.call(o,e)))return}},ct=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointMove)||void 0===t?void 0:t.call(o,e)))return}},dt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.hover)||void 0===t?void 0:t.call(o,e)))return}},ft=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.doubleClick)||void 0===t?void 0:t.call(o,e)))return}},ut=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheel)||void 0===t?void 0:t.call(o,e)))return}},gt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheelScale)||void 0===t?void 0:t.call(o,e)))return}},vt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollX)||void 0===t?void 0:t.call(o,e)))return}},wt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollY)||void 0===t?void 0:t.call(o,e)))return}},mt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.resize)||void 0===t?void 0:t.call(o,e)))return}},yt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.clear)||void 0===t?void 0:t.call(o,e)))return}},xt=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.beforeDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},St=function(e){var t;for(let i=0;i<At(this,et,"f").length;i++){const o=At(this,et,"f")[i];if(!1===(null===(t=null==o?void 0:o.afterDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},pt=function(){const e=[],t=At(this,Ke,"f");At(this,qe,"f").forEach((i=>{const o=t.get(i);"enable"===(null==o?void 0:o.status)&&(null==o?void 0:o.middlewareObject)&&e.push(o.middlewareObject)})),bt(this,et,e,"f")};const Mt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==";class zt{constructor(e,t){this._cursorType=null,this._resizeCursorBaseImage=null,this._cursorImageMap={auto:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQtNDlkNy04MmUzLTgxODkwYTE2ZmU1YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMzOGFhZDBmLWZkZjMtODE0MS1iMTZmLWNiZWIzNTQyYTJhMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUwODAxNzc1LWZlNGEtNDQyMy05NDQ3LThkYWRhNzZhYTllOSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MDE3NzUtZmU0YS00NDIzLTk0NDctOGRhZGE3NmFhOWU5IiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjA3OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWIwYzQzMjYtZThlNC00OWQ3LTgyZTMtODE4OTBhMTZmZTVhIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7W6XrzAAAGLklEQVRYhb2Xf2iUdRzHX/txtfXLplZ6Wblm6fzRmG6r7Uou1AxKRjQKYUqgaLBACFogppcK1h8aLRkMSYaJIA5hYMomZpskEfPOufCaDpZ6t7rbre263U3vzn3643meu+eu3XNzvz7w4bbdc/e89nl/Pu/v50HUCAQCx1tbW0uAx4CHgSwggxkKERkziUQif2mQ0WjU53a7vwSeBB4BTEDmTICmBBwYGDivVlDjlFAo9KvT6dwIPAHkANkq6MwDXr169bCISENDg9TX14s+BgcHf2hubi5mBmRPCXj06NFPREQ6OjoEkPLycrl06VIMMhKJeFwu1xdMs+wpAYuLi9eIiIyOjkpeXp4AAsj27dvF7/fHQIPB4C9dXV0fME2ypwQEXvX7/bdFRNauXRsDBMRkMsnhw4cTZB8YGGhsamp6hSmW3Qhw1Y0bN86LiNTW1iYAallWViZtbW162ftcLtdO/i/7tAAWtba2ficicvLkyTEBtdy6dasMDg7GQIeHh9s7OzvfBx5nkrIbAS7du3fvxyIiPT09hoBa1tXVJcv+fWNj4zLgUeAhJiC7EeDLwOsiMioisnDhwnFBrlixQi5evKiX/c6tW7c+R5E9lweU3QjwReDV/v7+bhGRqqqqcQFquWnTJvH5fHrZLzocjkoSZU9bTSPA54GV165daxYROXDgwAMBannw4MFk2RsaGhqWME7ZjQDNwIrTp09/JSLS0tIyIUBACgoK5MKFCzHIcDj85+3btz8FZpFGdiPAZ4DCmpqaTSIiPp9vwoBaVlVVidfr1ct+/sqVK+9iILsR4FzgJcASDoeHRUSKioomDQnI/v37E2T3+Xz1hw4dWjSW7EaAeUA+UNbX12cXEdmyZcuUAAJiNpvlzJkzetl73G53rVrN2EmUCjATuA9EgYjL5eoGKCkpGatNHijmz5/Pxo0b2blzJ2azOfZ3k8lUYDabv45Go/Y7d+6sIY0VZQOjGqDT6bxeWlrKqlWrJgRlsVhYv349FRUVWCwWcnJyEt4PBoOuoaEhu9frvdzR0fHTtm3buolvRpLqe3OBp4EllZWV74mIRKNRyc3NTSvf7Nmzpbq6Wk6cOCFut1uSY2RkJOB0Ou3Nzc3Ha2trPwPWAGXAEuBZFFPPAbKMevBhYA6wCKgIBoP9IiKrV682hLPZbP8DEpH7vb29N1paWn602WwHFyxYsAX4EKgE3gIsQBFQgOIeT6j3z0wFqEkc60OPx9Odn58/t6SkhPb29jFLbrVa2bNnDwBer7fv5s2bPQ6Ho7upqcnZ1tbmASJq3gPC6utdYESXYfWeo6mkBaUHRQ/odrv/yM/Pt5SWlqb8kAbncDh+W7lyZYN683u6DOvAwipsOOnniA4wZf9lqhdoVYzY7fbrQMpBsdlsWK1WRkZGAtXV1d8D/wA+wKNLr5o+YEC9ZggIAEHiFbyfDhCUCcoFngIWFxYWrtMaat68eQl9V15eHmu2+vr6OuAd4A2gGFgMLERp/mdQ+noWyuadi9Jr2aQ4k42GBPXDs1Ga97WhoaFbIiIbNmxIANTWq87Ozp9VuApgGfACihPkoRjwI+p3mlSgtA9ZRkYNYwwKJBr2rl27sFqthEKhwZqamqOAX5f/AsPE5btLvM/GJWO6yFb/82eBonPnztWJiJw9e1YAWb58eUzaI0eOfAO8CbwCPIfiZZN+eEoncSaKLPOApbt3794uIuL1ehOktdvtF4C3gRKURXcOSn9lTRRsvIAZKI4+l/gjQFREZMeOHSIiEggE+tetW/cRitkuRhmERxnnxjxZQFDWnzzURwCv1+vUHxHHjh37lri0C1Am9KGpgDMC1G8SQnxxCHs8Hqf2RldX10+bN28+i+JjwyT62KSaP13oAfWTHO7t7f0dIBQK/b1v375GlEnVjPYuyoQaHlNTDahVMALca29vdwBcvnz5+KlTp26OATft1UuODBS7yEOxj0K/329HOSWWopjxlE1tchhtM7FriPfgXSDDbrfXo0gbJr4QzIi0WiRPYBbKZJrUV23b0dYn7XSYcsBkS9EiO/k6lApq1cwiPjzaAM1Y9cYC1G6uAWrPCtrvMwoHqU02Q5caIEzj1KaS+D+vIjxtLug31gAAAABJRU5ErkJggg==","drag-default":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAEvUlEQVRYhc2Y20/cVRDHP8v+uKzAWkpDCtZq8BYhJkq8PBoJxgj7I2m0ryaSyFN9IT74pI8+8WJiggRj/APApFkSTGRJ+qKGUiyxbGPEWsUSuVhYC12Wy8+HmeMeYPe3d3WSye/k/M7le+bMzJkZ+J9ToEJreGVYN+vihcytstjQocUlAw0WCSoIVCv3Ae8CXwIt+u8XHVeOG8qLqgAHqAFCQCNwGugCthBJGd7S/tM6LqTzHI5KuqzgaoAHgEvAtwrkG2AG8FzXvep5nue67lX9N6P/PR1/SefXlBtkFXKNDUA/RyX1D9uUbYzOb9D1ygbSQU7eDMxhSSsSiVz3AxiJRK57nuf19/fPad8coqONFCBJPyUOIKc1OvcbgiY9ICDT8+0DHge2gR0gBeyTtviM5HeKAGlrrfMZVwhdAVaAr4F3KNF4gkA9cBbowOc68+3LwDn1Mhdy4/OcYk54nPr6+m54nofruvPa9SFQ6wfQTweNgTwInAGuQWk6mEUvHwb+Au4Dexx7ffK9+0q+CHWIBIOZ9skHYKWfK9tQ8gZoLDjIyWCg3ORY+2T8aYOyg4EaRIFrkCs4QU1NTSvabC20zyIDzuyfkYzEahHX8jHwE/LwXwHeJ4P7KIVIu5ouxFDC+HgLAy4MfEF2v1UpgOezATSiNVf6EvAWsD01NXVtdnb2bk9Pz81sp/q3KIi8t83Ae4DX0tJy0z7t8PDwD4FAYIX/WILVwKMAzc3Nu/agoaGhzmg0ugcsV0hIvlSNoH8IuIiebHJycrls4sotwaxGYvueAPAjEg3jum79yMjIr5WUjFLOxMpBIopWoBN4GfhOJ+4NDg4ulVt6i4uLm7r+BvAscA4fCXrAAfJQJ5Fg8gPgMuCMjo62d3V1LW1sbKRKlpXSxMTEmjZ/5qQrOwHwUAGmkIjiHhJdfKrM/Pz8Y+3t7RvT09Ob5QAYi8X2tbmke2cEZwAaCdoAt5QvIzEbiUSitbe3tyoej++UCnBhYSGkzdu6d1aQxkgOkfwgieQMCeCu8iwSnpNKpcIdHR3BZDJ5UCy4SCSyvL6+/giiSou67wE+eYmhAKKkIaAJUdynkdflNcQF3dFTpooxjmg0aozDAz4DXkB8bxPy1OYM7QzIOuAU0AY8pQu9CrwJ3AK8UCj0RyHgZmZmli1w3wOvAM/oHo1kiZiygbSDh7PAE8DzQA/wBqKnnuM4a2NjY7dygbtw4cICRy31deBFJA09o7eWsU7kJ1KTLJmyRyOSn5zS70fAkwBtbW2/DwwMHHR3d9d3dnY2rK6u7o2Pj2/GYrH9eDzurK2tndM1vwI+QXT7T2BTD5skQz6SCyAcLRoZkGEFGQbeRqpbubK+BPA5MI14h00L3I6Cy2h4+eQbJsKuRa6iQcGFFfB5oBt4DpFsI+Ky7iDBxW3gBhBH/GtC+R7i1lKk3UxRAG2QpvxWr0AbtB3SA5jkx36djH/dVlDbyibN3M8GDvJPyI2PSulixm/u6kZ1OQCaJ/S+tndJX6tvsFBIxcCUdA3vW5ubxMrObc0hDMhd/Rqp5QQHxeW8dubnHGM7tzVv/IECMlxQ/bpcRfRMqaNRheNcUGG9XFWDACfzWs/6Fl3t/xtO//8gpbCORQAAAABJRU5ErkJggg==","drag-active":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC","rotate-0":Mt},this._container=e,this._eventHub=t.eventHub,this._init(),this._loadResizeCursorBaseImage()}_init(){const{_eventHub:e}=this;this._resetCursor("auto"),e.on("cursor",(e=>{var t;"over-element"!==e.type&&e.type?"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?this._setCursorResize(e):"drag-default"===e.type?this._resetCursor("drag-default"):"drag-active"===e.type?this._resetCursor("drag-active"):this._resetCursor("auto"):this._resetCursor("auto")}))}_loadResizeCursorBaseImage(){S(Mt).then((e=>{this._resizeCursorBaseImage=e})).catch((e=>{console.error(e)}))}_resetCursor(e){if(this._cursorType===e)return;this._cursorType=e;const t=this._cursorImageMap[this._cursorType]||this._cursorImageMap.auto;let i=0,o=0;e.startsWith("rotate-")&&this._cursorImageMap[this._cursorType]&&(i=10,o=10),this._container.style.cursor=`image-set(url(${t})2x) ${i} ${o}, auto`}_setCursorResize(e){var t;let i=0;"resize-top"===e.type?i+=0:"resize-top-right"===e.type?i+=45:"resize-right"===e.type?i+=90:"resize-bottom-right"===e.type?i+=135:"resize-bottom"===e.type?i+=180:"resize-bottom-left"===e.type?i+=225:"resize-left"===e.type?i+=270:"resize-top-left"===e.type&&(i+=315),i+=U((null==(t=null==e?void 0:e.element)?void 0:t.angle)||0),Array.isArray(e.groupQueue)&&e.groupQueue.length>0&&e.groupQueue.forEach((e=>{i+=U(e.angle||0)})),i=U(i);const o=this._appendRotateResizeImage(i);this._resetCursor(o)}_appendRotateResizeImage(e){const t=`rotate-${e}`;if(!this._cursorImageMap[t]){const i=this._resizeCursorBaseImage;if(i){const o=document.createElement("canvas"),n=i.width,a=i.height,s={x:n/2,y:a/2};o.width=n,o.height=a;const r=o.getContext("2d"),l=B(e);r.translate(s.x,s.y),r.rotate(l),r.translate(-s.x,-s.y),r.drawImage(i,0,0,n,a),r.translate(s.x,s.y),r.rotate(-l),r.translate(-s.x,-s.y);const h=o.toDataURL("image/png");this._cursorImageMap[t]=h}}return t}}const Pt="SELECT",Rt=Symbol(`${Pt}_actionType`),Tt=Symbol(`${Pt}_resizeType`),Ct=Symbol(`${Pt}_areaStart`),Et=Symbol(`${Pt}_areaEnd`),Wt=Symbol(`${Pt}_hoverElement`),Ot=Symbol(`${Pt}_hoverElementVertexes`),jt=Symbol(`${Pt}_selectedElementList`),kt=Symbol(`${Pt}_selectedElementListVertexes`),Dt=Symbol(`${Pt}_selectedElementController`),Lt=Symbol(`${Pt}_groupQueue`),Ft=Symbol(`${Pt}_groupQueueVertexesList`),Yt="#1973ba";function Bt(e,t,i){const{borderColor:o,borderWidth:n,background:a,lineDash:s}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.fillStyle=a,e.setLineDash(s),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.lineTo(t[0].x,t[0].y),e.closePath(),e.stroke(),e.fill()}function Gt(e,t,i){if(!t)return;const o={borderColor:Yt,borderWidth:1,background:"transparent",lineDash:[]};Bt(e,te(t,i),o)}function Nt(e,t,i){if(!t)return;const{elementWrapper:o,topLeft:n,topRight:a,bottomLeft:s,bottomRight:r}=t,l={borderColor:Yt,borderWidth:2,background:"transparent",lineDash:[]},h={...l,borderWidth:4,background:"#FFFFFF"};Bt(e,te(o,i),l),Bt(e,te(n.vertexes,i),h),Bt(e,te(a.vertexes,i),h),Bt(e,te(s.vertexes,i),h),Bt(e,te(r.vertexes,i),h)}function Vt(e){return e*Math.PI/180}function Xt(e,t){return Math.sqrt(e*e+t*t)}function Zt(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function Ht(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,vertexes:a}=t,s=ee(a[0],{viewScaleInfo:o,viewSizeInfo:n}),r=ee(a[1],{viewScaleInfo:o,viewSizeInfo:n}),l=ee(a[2],{viewScaleInfo:o,viewSizeInfo:n}),h=ee(a[3],{viewScaleInfo:o,viewSizeInfo:n});return i.beginPath(),i.moveTo(s.x,s.y),i.lineTo(r.x,r.y),i.lineTo(l.x,l.y),i.lineTo(h.x,h.y),i.lineTo(s.x,s.y),i.closePath(),!!i.isPointInPath(e.x,e.y)}function Qt(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,groupQueue:a}=t;if(!(a&&(null==a?void 0:a.length)>0))return!1;const s=ae(a),r=s[s.length-1];return!!r&&Ht(e,{ctx:i,vertexes:r,viewScaleInfo:o,viewSizeInfo:n})}function $t(e,t){var i,o,n;const a={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:s,data:r,calculator:l,selectedElements:h,viewScaleInfo:c,viewSizeInfo:d,areaSize:f,groupQueue:u,selectedElementController:g}=t;if(g){const{left:t,right:i,top:o,bottom:n,topLeft:r,topRight:l,bottomLeft:f,bottomRight:v}=g,w=[t,i,o,n,r,l,f,v];for(let t=0;t<w.length;t++){const i=w[t];if(Ht(e,{ctx:s,vertexes:i.vertexes,viewSizeInfo:d,viewScaleInfo:c})){a.type=`resize-${i.type}`,h&&(null==h?void 0:h.length)>0&&(a.groupQueue=u||[],a.elements=[h[0]]);break}}}if(u&&Array.isArray(u)&&u.length>0){const t=u[u.length-1];if((null==(i=null==t?void 0:t.detail)?void 0:i.children)&&Array.isArray(null==(o=null==t?void 0:t.detail)?void 0:o.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=se(o,{groupQueue:u});if(n&&Ht(e,{ctx:s,vertexes:n,viewScaleInfo:c,viewSizeInfo:d}))return a.type||(a.type="over-element"),a.groupQueue=u,a.elements=[o],a}return a}if(null!==a.type)return a;if(f&&Array.isArray(h)&&(null==h?void 0:h.length)>1){const{x:t,y:i,w:o,h:n}=f;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return a.type="list-area",a.elements=h,a}if(r){const{index:t,element:i}=l.getPointElement(e,{data:r,viewScaleInfo:c,viewSizeInfo:d});if(t>=0&&i&&!0!==(null==(n=null==i?void 0:i.operations)?void 0:n.invisible))return a.elements=[i],a.type="over-element",a}return a}function _t(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{calculator:n,viewScaleInfo:a,viewSizeInfo:s}=t;let r=null;for(let t=0;t<e.length;t++){const l=e[t];if(null==(i=null==l?void 0:l.operations)?void 0:i.invisible)continue;const h=n.elementSize(l,a,s);if(h.angle&&(h.angle>0||h.angle<0)){const e=$(h);if(4===e.length){const t=[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];h.x=Math.min(...t),h.y=Math.min(...i),h.w=Math.abs(Math.max(...t)-Math.min(...t)),h.h=Math.abs(Math.max(...i)-Math.min(...i))}}if(r){const e=Math.min(h.x,o.x),t=Math.min(h.y,o.y),i=Math.max(h.x+h.w,o.x+o.w),n=Math.max(h.y+h.h,o.y+o.h);o.x=e,o.y=t,o.w=Math.abs(i-e),o.h=Math.abs(n-t)}else o.x=h.x,o.y=h.y,o.w=h.w,o.h=h.h;r=h}return o}const Ut="@middleware/text-edit",Jt={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,lineHeight:20,fontFamily:"sans-serif",fontWeight:400,overflow:"hidden"},Kt="@middleware/select",qt="SCROLL",ei=Symbol(`${qt}_xThumbRect`),ti=Symbol(`${qt}_yThumbRect`),ii=Symbol(`${qt}_prevPoint`),oi=Symbol(`${qt}_activePoint`),ni=Symbol(`${qt}_activeThumbType`),ai=16,si=.36,ri={width:12,thumbColor:"#000000AA",scrollBarColor:"#FFFFFF60",showScrollBar:!1};function li(e,t,i){const o=e,{x:n,y:a,w:s,h:r}=i;return o.beginPath(),o.rect(n,a,s,r),o.closePath(),!!o.isPointInPath(t.x,t.y)}function hi(e,t){let{x:i,y:o,h:n,w:a}=t;e.save(),e.shadowColor="#FFFFFF",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=1;{const{color:s,axis:r}=t;"X"===r?(o=o+n/4+0,n/=2):"Y"===r&&(i=i+a/4+0,a/=2);let l=t.r;l=Math.min(l,a/2,n/2),(a<2*l||n<2*l)&&(l=0),e.globalAlpha=si,e.beginPath(),e.moveTo(i+l,o),e.arcTo(i+a,o,i+a,o+n,l),e.arcTo(i+a,o+n,i,o+n,l),e.arcTo(i,o+n,i,o,l),e.arcTo(i,o,i+a,o,l),e.closePath(),e.fillStyle=s,e.fill(),e.globalAlpha=1,e.beginPath(),e.lineWidth=1,e.strokeStyle=s,e.setLineDash([]),e.moveTo(i+l,o),e.arcTo(i+a,o,i+a,o+n,l),e.arcTo(i+a,o+n,i,o+n,l),e.arcTo(i,o+n,i,o,l),e.arcTo(i,o,i+a,o,l),e.closePath(),e.stroke()}e.restore()}function ci(e,t){const i=e,{viewScaleInfo:o,viewSizeInfo:n,scrollInfo:a}=t,{activeThumbType:s,prevPoint:r,activePoint:l}=a,h=function(e,t){const{width:i,height:o}=t,{offsetTop:n,offsetBottom:a,offsetLeft:s,offsetRight:r}=e,l=2.5*ai,h=ai;let c=0,d=0;c=Math.max(l,i-2*h-(Math.abs(s)+Math.abs(r))),c>=i&&(c=i),d=Math.max(l,o-2*h-(Math.abs(n)+Math.abs(a))),d>=o&&(d=o);const f=h;let u=f;s>0?u=f:r>0?u=i-c-h:s<=0&&c>0&&(0!==s||0!==r)&&(u=f+(i-c)*Math.abs(s)/(Math.abs(s)+Math.abs(r)),u=Math.min(Math.max(0,u-f),i-c));const g=h;let v=g;n>0?v=g:a>0?v=o-d-h:n<=0&&d>0&&(0!==n||0!==a)&&(v=g+(o-d)*Math.abs(n)/(Math.abs(n)+Math.abs(a)),v=Math.min(Math.max(0,v-g),o-d));const w={x:u,y:o-h,w:c,h:h},m={x:i-h,y:v,w:h,h:d};return{lineSize:h,xSize:c,ySize:d,translateY:v,translateX:u,thumbColor:ri.thumbColor,scrollBarColor:ri.scrollBarColor,xThumbRect:w,yThumbRect:m}}(o,n);let c={...h.xThumbRect},d={...h.yThumbRect};return s&&r&&l&&("X"===s&&a.xThumbRect?(c={...a.xThumbRect},c.x=c.x+(l.x-r.x)):"Y"===s&&a.yThumbRect&&(d={...a.yThumbRect},d.y=d.y+(l.y-r.y))),hi(i,{axis:"X",...c,r:h.lineSize/2,color:h.thumbColor}),hi(i,{axis:"Y",...d,r:h.lineSize/2,color:h.thumbColor}),i.globalAlpha=1,{xThumbRect:c,yThumbRect:d}}function di(e,t){const{snapshot:i}=t,o=Y(i),n=F(i),a=function(e){const{sharedStore:t}=e;return{activePoint:t[oi]||null,prevPoint:t[ii]||null,activeThumbType:t[ni]||null,xThumbRect:t[ei]||null,yThumbRect:t[ti]||null}}(i),{xThumbRect:s,yThumbRect:r}=ci(e,{viewSizeInfo:o,viewScaleInfo:n,scrollInfo:a});return{xThumbRect:s,yThumbRect:r}}const fi="@middleware/scale",ui=16,gi="#000000",vi="#00000080",wi="monospace",mi="#AAAAAA20",yi="#AAAAAA40";function xi(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let a=10;a=ce(a/t,{decimalPlaces:0}),a=Math.max(10,Math.min(a,1e3));const s=10*a,r=5*a;let l=0;const h=a*t,c=0-o,d=c%h,f=(c-d+h)/t,u=h-d+0;for(;u+l*h<i;){const e=ce(f+l*a,{decimalPlaces:0}),t={num:e,position:ce(u+l*h,{decimalPlaces:0}),showNum:e%s==0,isKeyNum:e%s==0,isSubKeyNum:e%r==0};n.push(t),l++}return n}const Si="@middleware/show-ruler",pi=Symbol("DRAG_prevPoint");return t=new WeakMap,i=new WeakMap,o=new WeakSet,n=function(){s(this,i).style.position="relative"},e.Core=class{constructor(e,s){r(this,o),r(this,t,void 0),r(this,i,void 0);const{devicePixelRatio:h=1,width:c,height:d}=s;l(this,i,e);const f=document.createElement("canvas");var u,g,v;(u=this,g=o,v=n,a(u,g,"access private method"),v).call(this),e.appendChild(f);const w=function(e,t){const{width:i,height:o,devicePixelRatio:n,offscreen:a}=t,s={width:i,height:o,devicePixelRatio:n};if(!0===a){const t=e.getContext("2d"),i=j(s),o=j(s),n=j(s),a=O(Object.assign({ctx:t},s)),r=()=>{const{width:e,height:t}=i.$getSize();a.clearRect(0,0,e,t),a.drawImage(n.canvas,0,0,e,t),a.drawImage(i.canvas,0,0,e,t),a.drawImage(o.canvas,0,0,e,t),n.clearRect(0,0,e,t),i.clearRect(0,0,e,t),o.clearRect(0,0,e,t)};return{underContext:n,viewContext:i,helperContext:o,boardContext:a,drawView:r}}{const t=e.getContext("2d"),n=O(s),a=O(s),r=O(s),l=O(Object.assign({ctx:t},s)),h=()=>{l.clearRect(0,0,i,o),l.drawImage(r.canvas,0,0,i,o),l.drawImage(n.canvas,0,0,i,o),l.drawImage(a.canvas,0,0,i,o),r.clearRect(0,0,i,o),n.clearRect(0,0,i,o),a.clearRect(0,0,i,o)};return{underContext:r,viewContext:n,helperContext:a,boardContext:l,drawView:h}}}(f,{width:c,height:d,devicePixelRatio:h,offscreen:!0}),m=new It({boardContent:w,container:e}),y=m.getSharer();y.setActiveViewSizeInfo({width:c,height:d,devicePixelRatio:h,contextWidth:c,contextHeight:d}),l(this,t,m),this.resize(y.getActiveViewSizeInfo());const x=m.getEventHub();new zt(e,{eventHub:x})}use(e){s(this,t).use(e)}disuse(e){s(this,t).disuse(e)}setData(e){J((null==e?void 0:e.elements)||[]),s(this,t).setData(e)}getData(){return s(this,t).getData()}scale(e){s(this,t).scale(e);s(this,t).getViewer().drawFrame()}resize(e){const i=s(this,t),o=i.getSharer().getActiveViewSizeInfo();i.resize({...o,...e})}clear(){s(this,t).clear()}on(e,i){s(this,t).getEventHub().on(e,i)}off(e,i){s(this,t).getEventHub().off(e,i)}trigger(e,i){s(this,t).getEventHub().trigger(e,i)}getViewInfo(){const e=s(this,t).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){s(this,t).getViewer().drawFrame()}setViewScale(e){s(this,t).updateViewScaleInfo(e)}getLoadItemMap(){return s(this,t).getRenderer().getLoadItemMap()}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{hover(){!0!==n&&t.trigger("cursor",{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(pi,o),n=!0,t.trigger("cursor",{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(pi);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(pi,t)},pointEnd(){n=!1,i.setSharedStorage(pi,null),t.trigger("cursor",{type:"drag-default"})}}},e.MiddlewareRuler=e=>{const{boardContent:t,viewer:i,eventHub:o}=e,{helperContext:n,underContext:a}=t;let s=!0,r=!0;const l=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(s=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(r=e.showGrid),"boolean"!=typeof(null==e?void 0:e.show)&&"boolean"!=typeof(null==e?void 0:e.showGrid)||i.drawFrame()};return{use(){o.on(Si,l)},disuse(){o.off(Si,l)},beforeDrawFrame:({snapshot:e})=>{if(!0===s){const t=F(e),i=Y(e);!function(e,t){const{viewSizeInfo:i}=t,{width:o,height:n}=i;e.beginPath(),e.moveTo(0,0),e.lineTo(o+1,0),e.lineTo(o+1,ui),e.lineTo(ui,ui),e.lineTo(ui,n+1),e.lineTo(0,n+1),e.lineTo(0,0),e.closePath(),e.fillStyle="#FFFFFFA8",e.fill(),e.lineWidth=1,e.setLineDash([]),e.strokeStyle="#00000080",e.stroke()}(n,{viewScaleInfo:t,viewSizeInfo:i});const o=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:a}=i;return xi({axis:"X",scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i}=t;for(let t=0;t<i.length;t++){const o=i[t];o.position<ui||(e.beginPath(),e.moveTo(o.position,16),e.lineTo(o.position,o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8),e.closePath(),e.lineWidth=1,e.setLineDash([]),e.fillStyle=gi,e.stroke(),o.isKeyNum&&(e.fillStyle=vi,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:wi}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(n,{scaleList:o});const s=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:a}=i;return xi({axis:"Y",scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i}=t,o=3.2;for(let t=0;t<i.length;t++){const n=i[t];if(!(n.position<ui)&&(e.beginPath(),e.moveTo(16,n.position),e.lineTo(n.isKeyNum?3.2:n.isSubKeyNum?6.4:12.8,n.position),e.closePath(),e.fillStyle=gi,e.lineWidth=1,e.setLineDash([]),e.stroke(),!0===n.showNum)){const t=o,i=n.position+o,a=`${n.num}`;G(e,-90,{x:t,y:i},(()=>{e.fillStyle=vi,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:wi}),e.fillText(a,13.2,n.position+o)}))}}}(n,{scaleList:s}),!0===r&&function(e,t){const{xList:i,yList:o,viewSizeInfo:n}=t,{width:a,height:s}=n;for(let t=0;t<i.length;t++){const o=i[t];e.beginPath(),e.moveTo(o.position,0),e.lineTo(o.position,s),!0===o.isKeyNum||!0===o.isSubKeyNum?e.strokeStyle=yi:e.strokeStyle=mi,e.closePath(),e.lineWidth=1,e.setLineDash([]),e.stroke()}for(let t=0;t<o.length;t++){const i=o[t];e.beginPath(),e.moveTo(0,i.position),e.lineTo(a,i.position),!0===i.isKeyNum||!0===i.isSubKeyNum?e.strokeStyle=yi:e.strokeStyle=mi,e.lineWidth=1,e.closePath(),e.stroke()}}(a,{xList:o,yList:s,viewScaleInfo:t,viewSizeInfo:i})}}}},e.MiddlewareScaler=e=>{const{viewer:t,sharer:i,eventHub:o}=e;return{wheelScale(e){const{deltaY:n,point:a}=e,{scale:s}=i.getActiveViewScaleInfo();let r=s;if(n<0?r=1.1*s:n>0&&(r=.9*s),r<.05||r>50)return;const{moveX:l,moveY:h}=t.scale({scale:r,point:a});t.scroll({moveX:l,moveY:h}),t.drawFrame();const c=ce(s);o.trigger(fi,{scale:c})}}},e.MiddlewareScroller=e=>{const{viewer:t,boardContent:i,sharer:o}=e,{helperContext:n}=i;o.setSharedStorage(ei,null),o.setSharedStorage(ti,null);const a=()=>{o.setSharedStorage(ii,null),o.setSharedStorage(oi,null),o.setSharedStorage(ni,null)};a();const s=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:a}=i;return n&&li(e,t,n)?o="X":a&&li(e,t,a)&&(o="Y"),o}(n,e,{xThumbRect:o.getSharedStorage(ei),yThumbRect:o.getSharedStorage(ti)});return{wheel:e=>{t.scroll({moveX:0-e.deltaX,moveY:0-e.deltaY}),t.drawFrame()},pointStart:e=>{const{point:t}=e,i=s(t);if("X"===i||"Y"===i)return o.setSharedStorage(ni,i),o.setSharedStorage(ii,t),!1},pointMove:e=>{const{point:i}=e,n=o.getSharedStorage(ni);if("X"===n||"Y"===n)return o.setSharedStorage(oi,i),"X"===n?(e=>{const i=o.getSharedStorage(ii);if(i){const{offsetLeft:n,offsetRight:a}=o.getActiveViewScaleInfo(),{width:s}=o.getActiveViewSizeInfo(),r=-(e.x-i.x)*(s+Math.abs(n)+Math.abs(a))/s;t.scroll({moveX:r}),t.drawFrame()}})(i):"Y"===n&&(e=>{const i=o.getSharedStorage(ii);if(i){const{offsetTop:n,offsetBottom:a}=o.getActiveViewScaleInfo(),{height:s}=o.getActiveViewSizeInfo(),r=-(e.y-i.y)*(s+Math.abs(n)+Math.abs(a))/s;t.scroll({moveY:r}),t.drawFrame()}})(i),o.setSharedStorage(ii,i),!1},pointEnd:()=>{const e=o.getSharedStorage(ni);if(a(),"X"===e||"Y"===e)return t.scroll({moveX:0,moveY:0}),t.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{xThumbRect:t,yThumbRect:i}=di(n,{snapshot:e});o.setSharedStorage(ei,t),o.setSharedStorage(ti,i)}}},e.MiddlewareSelector=e=>{const{viewer:t,sharer:i,boardContent:o,calculator:n,eventHub:a}=e,{helperContext:s}=o;let r=null,l=null;i.setSharedStorage(Rt,null);const h=()=>i.getSharedStorage(jt),c=e=>{let t=i.getSharedStorage(Lt);Array.isArray(t)||(t=[]),t.length>0?!function(e,t){var i;if("group"===(null==t?void 0:t.type)&&Array.isArray(null==(i=null==t?void 0:t.detail)?void 0:i.children))for(let i=0;i<t.detail.children.length;i++){const o=t.detail.children[i];if(e.uuid===o.uuid)return!0}return!1}(e,t[t.length-1])?t=[]:t.push(e):0===t.length&&t.push(e);const o=ae(t);return i.setSharedStorage(Lt,t),i.setSharedStorage(Ft,o),t.length>0},d=e=>{i.setSharedStorage(Wt,e);let t=null;e&&(t=se(e,{groupQueue:i.getSharedStorage(Lt)})),i.setSharedStorage(Ot,t)},f=(e,t)=>{if(i.setSharedStorage(jt,e),1===e.length){const t=le(e[0],{groupQueue:i.getSharedStorage(Lt),controllerSize:10,viewScaleInfo:i.getActiveViewScaleInfo()});i.setSharedStorage(Dt,t)}else i.setSharedStorage(Dt,null);!0===(null==t?void 0:t.triggerEvent)&&a.trigger(Kt,{uuids:e.map((e=>e.uuid))})},u=()=>({ctx:s,calculator:n,data:i.getActiveStorage("data"),selectedElements:h(),viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:i.getSharedStorage(Lt),areaSize:null,selectedElementController:i.getSharedStorage(Dt)}),g=()=>{i.setSharedStorage(Rt,null),i.setSharedStorage(Tt,null),i.setSharedStorage(Ct,null),i.setSharedStorage(Et,null),i.setSharedStorage(Lt,[]),i.setSharedStorage(Ft,[]),i.setSharedStorage(Wt,null),i.setSharedStorage(Ot,null),i.setSharedStorage(jt,[]),i.setSharedStorage(kt,null),i.setSharedStorage(Dt,null)};g();const v=({uuids:e,positions:o})=>{let n=[];const a=i.getSharedStorage(Rt),s=i.getActiveStorage("data");n=o&&Array.isArray(o)?function(e,t){const i=[];return e.forEach((e=>{const o=function(e,t){let i=null,o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t<e.length-1&&"group"===n.type)o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}(e,t);o&&i.push(o)})),i}(o,(null==s?void 0:s.elements)||[]):function(e,t){const i=[];return function t(o){var n;for(let a=0;a<o.length;a++){const s=o[a];e.includes(s.uuid)?i.push(s):"group"===s.type&&t((null===(n=null==s?void 0:s.detail)||void 0===n?void 0:n.children)||[])}}(t),i}(e,(null==s?void 0:s.elements)||[]);let r=!1;if(a||1!==n.length?"select"===a&&1===n.length&&(r=!0):(i.setSharedStorage(Rt,"select"),r=!0),r){const e=function(e,t){const i=[];return function e(t,o){var n;let a=null;for(let s=0;s<o.length;s++){const r=o[s];if(r.uuid===t){a=r;break}if(!a&&"group"===r.type){i.push(r);const o=e(t,(null===(n=null==r?void 0:r.detail)||void 0===n?void 0:n.children)||[]);if((null==o?void 0:o.uuid)===t){a=o;break}i.pop()}}return a}(e,t),i}(n[0].uuid,(null==s?void 0:s.elements)||[]);i.setSharedStorage(Lt,e),f(n),t.drawFrame()}};return{use(){a.on(Kt,v)},disuse(){a.off(Kt,v)},hover:e=>{var o,r;const c=i.getSharedStorage(Tt),f=i.getSharedStorage(Rt),g=i.getSharedStorage(Lt),v=e=>{const t=e.type;null===l&&a.trigger("cursor",{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!Qt(e.point,{ctx:s,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:i.getSharedStorage(Lt)}))return d(null),void t.drawFrame();const n=$t(e.point,u());return v(n),c||["area","drag","drag-list"].includes(f)?(d(null),void t.drawFrame()):1===(null==(o=null==n?void 0:n.elements)?void 0:o.length)?(d(n.elements[0]),void t.drawFrame()):(d(null),void t.drawFrame())}if(c||["area","drag","drag-list"].includes(f))return void d(null);if("drag"===f)return void d(null);const w=h(),m=i.getActiveViewScaleInfo(),y=i.getActiveViewSizeInfo(),x=$t(e.point,{...u(),areaSize:_t(w,{viewScaleInfo:m,viewSizeInfo:y,calculator:n})});return v(x),"over-element"===x.type&&1===(null==(r=null==x?void 0:x.elements)?void 0:r.length)?(i.setSharedStorage(Wt,x.elements[0]),d(x.elements[0]),void t.drawFrame()):i.getSharedStorage(Wt)?(d(null),void t.drawFrame()):void 0},pointStart:e=>{var o,a,l,c;r=e.point,d(null);const v=i.getSharedStorage(Lt);if((null==v?void 0:v.length)>0){if(Qt(e.point,{ctx:s,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),groupQueue:v})){const t=$t(e.point,u());d(null),"over-element"===t.type&&1===(null==(o=null==t?void 0:t.elements)?void 0:o.length)?(f([t.elements[0]],{triggerEvent:!0}),i.setSharedStorage(Rt,"drag")):(null==(a=t.type)?void 0:a.startsWith("resize-"))?(i.setSharedStorage(Tt,t.type),i.setSharedStorage(Rt,"resize")):f([],{triggerEvent:!0})}else g();return void t.drawFrame()}const w=_t(h(),{viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo(),calculator:n}),m=$t(e.point,{...u(),areaSize:w,groupQueue:[]});"list-area"===m.type?i.setSharedStorage(Rt,"drag-list"):"over-element"===m.type&&1===(null==(l=null==m?void 0:m.elements)?void 0:l.length)?(f([m.elements[0]],{triggerEvent:!0}),i.setSharedStorage(Rt,"drag")):(null==(c=m.type)?void 0:c.startsWith("resize-"))?(i.setSharedStorage(Tt,m.type),i.setSharedStorage(Rt,"resize")):(g(),i.setSharedStorage(Rt,"area"),i.setSharedStorage(Ct,e.point),f([],{triggerEvent:!0})),t.drawFrame()},pointMove:e=>{const o=i.getActiveStorage("data"),n=h(),a=i.getActiveStorage("scale")||1,s=r,c=e.point,d=i.getSharedStorage(Tt),u=i.getSharedStorage(Rt),g=i.getSharedStorage(Lt);if("drag"===u){if(l="drag",o&&1===(null==n?void 0:n.length)&&s&&c){const{moveX:e,moveY:t}=function(e,t,i){let o=t.x-e.x,n=t.y-e.y;const a=[];if(i.forEach((e=>{const{x:t,y:i,w:o,h:n,angle:s=0}=e;a.push({x:t,y:i,w:o,h:n,angle:0-s})})),(null==i?void 0:i.length)>0){const i=H(e,a),s=H(t,a);o=s.x-i.x,n=s.y-i.y}return{moveX:o,moveY:n}}(s,c,g);n[0].x+=e/a,n[0].y+=t/a,f([n[0]])}t.drawFrame()}else if("drag-list"===u){if(l="drag-list",o&&s&&c&&(null==n?void 0:n.length)>1){const e=(c.x-s.x)/a,t=(c.y-s.y)/a;n.forEach((i=>{i&&(i.x+=e,i.y+=t)})),i.setActiveStorage("data",o)}t.drawFrame()}else if("resize"===u){if(o&&1===(null==n?void 0:n.length)&&s&&(null==d?void 0:d.startsWith("resize-"))){l="resize";const e=[];g.forEach((t=>{const{x:i,y:o,w:n,h:a,angle:s=0}=t;e.push({x:i,y:o,w:n,h:a,angle:0-s})}));let o=s,r=c;g.length>0&&(o=H(s,e),r=H(c,e));const h=function(e,t){var i,o,n,a,s,r,l,h,c;let{x:d,y:f,w:u,h:g,angle:v=0}=e;const w=V({x:d,y:f,w:u,h:g,angle:v});v=U(v);const m=B(v),y=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:x,end:S,resizeType:p,scale:b}=t;let A={...x},I={...S},M={x:A.x,y:w.y},z={x:I.x,y:w.y},P={...M},R={...z},T={x:w.x,y:A.y},C={x:w.x,y:I.y},E={...T},W={...C},O=(R.x-P.x)/b,j=(R.y-P.y)/b,k=Xt(O,j),D=(W.x-E.x)/b,L=(W.y-E.y)/b,F=Xt(D,L);(v>0||v<0)&&(A=Z(w,x,0-m),I=Z(w,S,0-m),M={x:A.x,y:w.y},z={x:I.x,y:w.y},P=Z(w,M,m),R=Z(w,z,m),T={x:w.x,y:A.y},C={x:w.x,y:I.y},E=Z(w,T,m),W=Z(w,C,m),O=(R.x-P.x)/b,j=(R.y-P.y)/b,k=Xt(O,j),k=Zt(k,j),D=(W.x-E.x)/b,L=(W.y-E.y)/b,F=Xt(D,L),F=Zt(F,L));let Y=(S.x-x.x)/b,G=(S.y-x.y)/b;if(!0===y)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(p)){const t=Math.max(Math.abs(Y),Math.abs(G));Y=(Y>=0?1:-1)*t,G=(G>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(D),Math.abs(L));D=(D>=0?1:-1)*i,L=(L>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(O),Math.abs(j));O=(O>=0?1:-1)*o,j=(j>=0?1:-1)*o/e.w*e.h}else if(["resize-top-left","resize-top-right","resize-bottom-left","resize-bottom-right"].includes(p)){{const t=Math.abs(Y);Y=(Y>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===p||"resize-bottom-right"===p?G=Y>0?i:-i:"resize-top-right"!==p&&"resize-bottom-left"!==p||(G=Y>0?-i:i)}k=Math.abs(k),F=k/e.w*e.h}switch(p){case"resize-top":if(0===v)g-G>0&&(f+=G,g-=G,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=G/e.h*e.w/2,u-=G/e.h*e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){F=0-Zt(F,L);const e=Vt(v),o=F/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){F=Zt(F,D);const e=Vt(v-90),o=F/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){F=Zt(F,L);const e=Vt(v-180),o=F/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){F=0-Zt(F,D);const e=Vt(v-270),o=F/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+F>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(u+=F/e.h*e.w),g+=F,d=t-u/2,f=i-g/2)}break;case"resize-bottom":if(0===v)e.h+G>0&&(g+=G,!0===(null==(a=e.operations)?void 0:a.limitRatio)&&(d-=G/e.h*e.w/2,u+=G/e.h*e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){F=Zt(F,L);const e=Vt(v),o=F/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){F=0-Zt(F,D);const e=Vt(v-90),o=F/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){F=Zt(F,D);const e=Vt(v-180),o=F/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){F=Zt(F,D);const e=Vt(v-270),o=F/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+F>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(u+=F/e.h*e.w),g+=F,d=t-u/2,f=i-g/2)}break;case"resize-left":if(0===v)e.w-Y>0&&(d+=Y,u-=Y,!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(g-=Y/e.w*e.h,f+=Y/e.w*e.h/2));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){k=0-Zt(k,O);const e=Vt(v),o=k/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){k=Zt(k,O);const e=Vt(v-90),o=k/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){k=Zt(k,j);const e=Vt(v-180),o=k/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){k=Zt(k,j);const e=Vt(v-270),o=k/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}u+k>0&&(!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(g+=k/e.w*e.h),u+=k,d=t-u/2,f=i-g/2)}break;case"resize-right":if(0===v)e.w+Y>0&&(u+=Y,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(f-=Y*e.h/e.w/2,g+=Y*e.h/e.w));else if(v>0||v<0){let t=w.x,i=w.y;if(v<90){k=Zt(k,j);const e=Vt(v),o=k/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){k=Zt(k,G);const e=Vt(v-90),o=k/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){k=Zt(k,G);const e=Vt(v-180),o=k/2;t+=o*Math.cos(e),i+=o*Math.sin(e),k=0-k}else if(v<360){k=Zt(k,Y);const e=Vt(v-270),o=k/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}u+k>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=k/e.w*e.h),u+=k,d=t-u/2,f=i-g/2)}break;case"resize-top-left":if(0===v)u-Y>0&&(d+=Y,u-=Y),g-G>0&&(f+=G,g-=G);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=0-Zt(F,L),k=0-Zt(k,y?0-F:O);const i=F/2;e+=i*Math.sin(m),t-=i*Math.cos(m);const o=k/2;e-=o*Math.cos(m),t-=o*Math.sin(m)}else if(v<180){F=Zt(F,D),k=Zt(k,y?F:O);const i=Vt(v-90),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=k/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){F=Zt(F,L),k=Zt(k,y?F:j);const i=Vt(v-180),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=k/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){F=0-Zt(F,D),k=Zt(k,y?F:j);const i=Vt(v-270),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=k/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+F>0&&(g+=F),u+k>0&&(u+=k),d=e-u/2,f=t-g/2}break;case"resize-top-right":if(0===v)u+Y>0&&(u+=Y),g-G>0&&(f+=G,g-=G);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=0-Zt(F,L),k=Zt(k,y?F:j);const i=Vt(v),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=k/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){F=Zt(F,D),k=Zt(k,y?F:j);const i=Vt(v-90),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=k/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Vt(v-180);F=Zt(F,L),k=Zt(k,y?F:0-O);const o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=k/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){F=0-Zt(F,D),k=Zt(k,y?F:O);const i=Vt(v-270),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=k/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+F>0&&(g+=F),u+k>0&&(u+=k),d=e-u/2,f=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+G>0&&(g+=G),e.w-Y>0&&(d+=Y,u-=Y);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=Zt(F,L),k=0-Zt(k,y?0-F:O);const i=Vt(v),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=k/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){F=0-Zt(F,D),k=Zt(k,y?F:O);const i=Vt(v-90),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=k/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){F=Zt(F,D),k=Zt(k,y?F:j);const i=Vt(v-180),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=k/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){F=Zt(F,D),k=Zt(k,y?F:j);const i=Vt(v-270),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=k/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+F>0&&(g+=F),u+k>0&&(u+=k),d=e-u/2,f=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+G>0&&(g+=G),e.w+Y>0&&(u+=Y);else if(v>0||v<0){let e=w.x,t=w.y;if(v<90){F=Zt(F,L),k=Zt(k,y?F:j);const i=Vt(v),o=F/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=k/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){F=0-Zt(F,D),k=Zt(k,y?F:G);const i=Vt(v-90),o=F/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=k/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){F=Zt(F,D),k=Zt(k,y?F:0-j);const i=Vt(v-180),o=F/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=k/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){F=Zt(F,D),k=Zt(k,y?F:O);const i=Vt(v-270),o=F/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=k/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+F>0&&(g+=F),u+k>0&&(u+=k),d=e-u/2,f=t-g/2}}return{x:d,y:f,w:u,h:g,angle:e.angle}}(n[0],{scale:a,start:o,end:r,resizeType:d,sharer:i});n[0].x=h.x,n[0].y=h.y,n[0].w=h.w,n[0].h=h.h,f([n[0]]),t.drawFrame()}}else"area"===u&&(l="area",i.setSharedStorage(Et,e.point),t.drawFrame());r=e.point},pointEnd(e){l=null;const o=i.getActiveStorage("data"),s=i.getSharedStorage(Tt),h=i.getSharedStorage(Rt),c=i.getActiveViewSizeInfo();let d=!1;if(r=null,"resize"===h&&s)i.setSharedStorage(Tt,null),d=!0;else if("area"===h){if(i.setSharedStorage(Rt,null),o){const e=i.getSharedStorage(Ct),t=i.getSharedStorage(Et);if(e&&t){const{elements:a}=function(e,t){const i=[],o=[],n=[],{calculator:a,viewScaleInfo:s,viewSizeInfo:r,start:l,end:h}=t;if(!(Array.isArray(e.elements)&&l&&h))return{indexes:i,uuids:o,elements:n};const c=Math.min(l.x,h.x),d=Math.max(l.x,h.x),f=Math.min(l.y,h.y),u=Math.max(l.y,h.y);return e.elements.forEach(((e,t)=>{const l=a.elementSize(e,s,r),h=V(l);if(h.x>=c&&h.x<=d&&h.y>=f&&h.y<=u&&(i.push(t),o.push(e.uuid),n.push(e),l.angle&&(l.angle>0||l.angle<0))){const e=$(l);if(4===e.length){const t=[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];l.x=Math.min(...t),l.y=Math.min(...i),l.w=Math.abs(Math.max(...t)-Math.min(...t)),l.h=Math.abs(Math.max(...i)-Math.min(...i))}}})),{indexes:i,uuids:o,elements:n}}(o,{start:e,end:t,calculator:n,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()});a.length>0&&(i.setSharedStorage(Rt,"drag-list"),f(a,{triggerEvent:!0}),d=!0)}}}else if("drag-list"===h)i.setSharedStorage(Rt,"drag-list-end"),d=!0;else if(o){n.getPointElement(e.point,{data:o,viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}).element?(i.setSharedStorage(Rt,"select"),d=!0):i.setSharedStorage(Rt,null)}null===i.getSharedStorage(Rt)&&(g(),d=!0);(()=>{if(d){if(o&&Array.isArray(null==o?void 0:o.elements)&&["drag","drag-list"].includes(h)){const e=function(e,t,i){const o=K(e,{viewWidth:t.width,viewHeight:t.height,extend:null==i?void 0:i.extend});return!0===(null==i?void 0:i.extend)&&(o.contextWidth=Math.max(o.contextWidth,t.contextWidth),o.contextHeight=Math.max(o.contextHeight,t.contextHeight)),{contextSize:o}}(o.elements,c,{extend:!0});i.setActiveStorage("contextHeight",e.contextSize.contextHeight),i.setActiveStorage("contextWidth",e.contextSize.contextWidth)}o&&["drag","drag-list","drag-list-end","resize"].includes(h)&&a.trigger("change",{data:o}),t.drawFrame()}})()},pointLeave(){r=null,g(),t.drawFrame()},doubleClick(e){var o,n;const s=$t(e.point,u());if(1===s.elements.length&&"group"===(null==(o=s.elements[0])?void 0:o.type)){if(!0===c(s.elements[0]))return i.setSharedStorage(Rt,null),void t.drawFrame()}else 1===s.elements.length&&"text"===(null==(n=s.elements[0])?void 0:n.type)&&a.trigger(Ut,{element:s.elements[0],groupQueue:i.getSharedStorage(Lt)||[],viewScaleInfo:i.getActiveViewScaleInfo()});i.setSharedStorage(Rt,null)},beforeDrawFrame({snapshot:t}){const{activeStore:i,sharedStore:o}=t,{scale:a,offsetLeft:r,offsetTop:l,offsetRight:c,offsetBottom:d,width:f,height:u,contextHeight:g,contextWidth:v,devicePixelRatio:w}=i,m=e.sharer,y={scale:a,offsetLeft:r,offsetTop:l,offsetRight:c,offsetBottom:d},x={width:f,height:u,contextHeight:g,contextWidth:v,devicePixelRatio:w},S=o[jt][0],p=o[Wt],b=o[Ot],A=o[Rt],I=o[Ct],M=o[Et],z=o[Lt],P=o[Ft],R={calculator:n,viewScaleInfo:y,viewSizeInfo:x},T=S?le(S,{groupQueue:z,controllerSize:10,viewScaleInfo:y}):null;if((null==z?void 0:z.length)>0)!function(e,t,i){for(let o=0;o<t.length;o++){const n=t[o],a={borderColor:Yt,borderWidth:2,background:"transparent",lineDash:[4,4]};Bt(e,te(n,i),a)}}(s,P,R),p&&"drag"!==A&&Gt(s,b,R),S&&["select","drag","resize"].includes(A)&&Nt(s,T,{...R});else if(p&&"drag"!==A&&Gt(s,b,R),S&&["select","drag","resize"].includes(A))Nt(s,T,{...R});else if("area"===A&&I&&M)!function(e,t){const{start:i,end:o}=t;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=Yt,e.fillStyle="#1976d24f",e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,i.y),e.lineTo(o.x,o.y),e.lineTo(i.x,o.y),e.closePath(),e.stroke(),e.fill()}(s,{start:I,end:M});else if(["drag-list","drag-list-end"].includes(A)){const e=_t(h(),{viewScaleInfo:m.getActiveViewScaleInfo(),viewSizeInfo:m.getActiveViewSizeInfo(),calculator:n});e&&function(e,t){const{areaSize:i}=t,{x:o,y:n,w:a,h:s}=i;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=Yt,e.fillStyle="#1976d21c",e.beginPath(),e.moveTo(o,n),e.lineTo(o+a,n),e.lineTo(o+a,n+s),e.lineTo(o,n+s),e.closePath(),e.stroke(),e.fill()}(s,{areaSize:e})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o}=e,n=i.boardContext.canvas,a=document.createElement("textarea"),s=document.createElement("div"),r=e.container||document.body,l=document.createElement("div");let h=null;s.appendChild(a),s.style.position="absolute",l.appendChild(s),l.style.position="fixed",l.style.top="0",l.style.bottom="0",l.style.left="0",l.style.right="0",l.style.display="none",r.appendChild(l);const c=()=>{l.style.display="none",h=null},d=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:a,w:s,h:r}=t,l=U(t.angle||0);return o.style.position="absolute",o.style.left=`${n}px`,o.style.top=`${a}px`,o.style.width=`${s}px`,o.style.height=`${r}px`,o.style.transform=`rotate(${l}deg)`,i.appendChild(o),o},f=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:r,offsetLeft:l}=t;s.children&&Array.from(s.children).forEach((e=>{e.remove()}));let h=s;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:a,w:s,h:c}=t,f={x:i*n,y:a*n,w:s*n,h:c*n,angle:U(t.angle||0)};0===e&&(f.x+=l,f.y+=r),h=d({size:f,parent:h})}const c={...Jt,...i.detail};let f=i.x*n+l,u=i.y*n+r,g=i.w*n,v=i.h*n;o.length>0&&(f=i.x*n,u=i.y*n,g=i.w*n,v=i.h*n),a.style.position="absolute",a.style.left=`${f}px`,a.style.top=`${u}px`,a.style.width=`${g}px`,a.style.height=`${v}px`,a.style.transform=`rotate(${U(i.angle||0)}deg)`,a.style.boxSizing="border-box",a.style.border="1px solid #1973ba",a.style.resize="none",a.style.overflow="hidden",a.style.wordBreak="break-all",a.style.background="#FFFFFF",a.style.color="#333333",a.style.fontSize=c.fontSize*n+"px",a.style.lineHeight=c.lineHeight*n+"px",a.style.fontFamily=c.fontFamily,a.style.fontWeight=`${c.fontWeight}`,a.value=c.text||"",h.appendChild(a)},u=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=n.getBoundingClientRect(),{left:t,top:i,width:o,height:a}=e;return{left:t,top:i,width:o,height:a}})();s.style.position="absolute",s.style.overflow="hidden",s.style.top=`${t}px`,s.style.left=`${e}px`,s.style.width=`${i}px`,s.style.height=`${o}px`};l.addEventListener("click",(()=>{c()})),a.addEventListener("click",(e=>{e.stopPropagation()})),a.addEventListener("input",(e=>{h&&(h.detail.text=e.target.value||"",o.drawFrame())})),a.addEventListener("blur",(()=>{c()}));const g=e=>{var t;(null==e?void 0:e.element)&&"text"===(null==(t=null==e?void 0:e.element)?void 0:t.type)&&(h=e.element),(e=>{u(),f(e),l.style.display="block"})(e)};return{use(){t.on(Ut,g)},disuse(){t.off(Ut,g)}}},e.middlewareEventRuler=Si,e.middlewareEventScale=fi,e.middlewareEventSelect=Kt,e.middlewareEventTextEdit=Ut,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idraw/core",
-  "version": "0.4.0-beta.3",
+  "version": "0.4.0-beta.4",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -21,13 +21,13 @@
   "author": "chenshenhai",
   "license": "MIT",
   "devDependencies": {
-    "@idraw/types": "^0.4.0-beta.3"
+    "@idraw/types": "^0.4.0-beta.4"
   },
   "dependencies": {},
   "peerDependencies": {
-    "@idraw/board": "^0.4.0-beta.3",
-    "@idraw/renderer": "^0.4.0-beta.3",
-    "@idraw/util": "^0.4.0-beta.3"
+    "@idraw/board": "^0.4.0-beta.4",
+    "@idraw/renderer": "^0.4.0-beta.4",
+    "@idraw/util": "^0.4.0-beta.4"
   },
   "publishConfig": {
     "access": "public",