@idraw/core 0.4.0-beta.7 → 0.4.0-beta.9

package/dist/index.global.js

@@ -26,7 +26,7 @@ var __privateMethod = (obj, member, method) => {
   function throttle(fn, timeout) {
     let timer = -1;
     return function(...args) {
-      if (timer > 0) {
+      if (timer >= 0) {
         return;
       }
       timer = setTimeout(() => {
@@ -358,7 +358,7 @@ var __privateMethod = (obj, member, method) => {
     fontWeight: fontWeight$1,
     strokeWidth
   };
-  var __classPrivateFieldSet$8 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$9 = 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$8 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$9 = 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$8(this, _Context2D_ctx, ctx, "f");
-      __classPrivateFieldSet$8(this, _Context2D_opts, Object.assign({ devicePixelRatio: 1, offscreenCanvas: null }, opts), "f");
+      __classPrivateFieldSet$9(this, _Context2D_ctx, ctx, "f");
+      __classPrivateFieldSet$9(this, _Context2D_opts, Object.assign({ devicePixelRatio: 1, offscreenCanvas: null }, opts), "f");
     }
     $undoPixelRatio(num) {
-      return num / __classPrivateFieldGet$8(this, _Context2D_opts, "f").devicePixelRatio;
+      return num / __classPrivateFieldGet$9(this, _Context2D_opts, "f").devicePixelRatio;
     }
     $doPixelRatio(num) {
-      return __classPrivateFieldGet$8(this, _Context2D_opts, "f").devicePixelRatio * num;
+      return __classPrivateFieldGet$9(this, _Context2D_opts, "f").devicePixelRatio * num;
     }
     $getContext() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f");
+      return __classPrivateFieldGet$9(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$8(this, _Context2D_ctx, "f").font = `${strList.join(" ")}`;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").font = `${strList.join(" ")}`;
     }
     $getOffscreenCanvas() {
-      return __classPrivateFieldGet$8(this, _Context2D_opts, "f").offscreenCanvas;
+      return __classPrivateFieldGet$9(this, _Context2D_opts, "f").offscreenCanvas;
     }
     $resize(opts) {
       const { width, height, devicePixelRatio, resetStyle } = opts;
-      const { canvas } = __classPrivateFieldGet$8(this, _Context2D_ctx, "f");
+      const { canvas } = __classPrivateFieldGet$9(this, _Context2D_ctx, "f");
       canvas.width = width * devicePixelRatio;
       canvas.height = height * devicePixelRatio;
-      __classPrivateFieldSet$8(this, _Context2D_opts, Object.assign(Object.assign({}, __classPrivateFieldGet$8(this, _Context2D_opts, "f")), {
+      __classPrivateFieldSet$9(this, _Context2D_opts, Object.assign(Object.assign({}, __classPrivateFieldGet$9(this, _Context2D_opts, "f")), {
         devicePixelRatio
       }), "f");
       if (resetStyle === true) {
@@ -417,8 +417,8 @@ var __privateMethod = (obj, member, method) => {
       }
     }
     $getSize() {
-      const { devicePixelRatio } = __classPrivateFieldGet$8(this, _Context2D_opts, "f");
-      const { width, height } = __classPrivateFieldGet$8(this, _Context2D_ctx, "f").canvas;
+      const { devicePixelRatio } = __classPrivateFieldGet$9(this, _Context2D_opts, "f");
+      const { width, height } = __classPrivateFieldGet$9(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$8(this, _Context2D_ctx, "f").canvas;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").canvas;
     }
     get fillStyle() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fillStyle;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fillStyle;
     }
     set fillStyle(value) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fillStyle = value;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fillStyle = value;
     }
     get strokeStyle() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").strokeStyle;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").strokeStyle;
     }
     set strokeStyle(color2) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").strokeStyle = color2;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").strokeStyle = color2;
     }
     get lineWidth() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$8(this, _Context2D_ctx, "f").lineWidth);
+      return this.$undoPixelRatio(__classPrivateFieldGet$9(this, _Context2D_ctx, "f").lineWidth);
     }
     set lineWidth(w2) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").lineWidth = this.$doPixelRatio(w2);
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").lineWidth = this.$doPixelRatio(w2);
     }
     get textAlign() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").textAlign;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").textAlign;
     }
     set textAlign(align) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").textAlign = align;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").textAlign = align;
     }
     get textBaseline() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").textBaseline;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").textBaseline;
     }
     set textBaseline(baseline) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").textBaseline = baseline;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").textBaseline = baseline;
     }
     get globalAlpha() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").globalAlpha;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").globalAlpha;
     }
     set globalAlpha(alpha) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").globalAlpha = alpha;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").globalAlpha = alpha;
     }
     get shadowColor() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowColor;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowColor;
     }
     set shadowColor(color2) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowColor = color2;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowColor = color2;
     }
     get shadowOffsetX() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowOffsetX);
+      return this.$undoPixelRatio(__classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowOffsetX);
     }
     set shadowOffsetX(offsetX) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowOffsetX = this.$doPixelRatio(offsetX);
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowOffsetX = this.$doPixelRatio(offsetX);
     }
     get shadowOffsetY() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowOffsetY);
+      return this.$undoPixelRatio(__classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowOffsetY);
     }
     set shadowOffsetY(offsetY) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowOffsetY = this.$doPixelRatio(offsetY);
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowOffsetY = this.$doPixelRatio(offsetY);
     }
     get shadowBlur() {
-      return this.$undoPixelRatio(__classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowBlur);
+      return this.$undoPixelRatio(__classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowBlur);
     }
     set shadowBlur(blur) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").shadowBlur = this.$doPixelRatio(blur);
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").shadowBlur = this.$doPixelRatio(blur);
     }
     get lineCap() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").lineCap;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").lineCap;
     }
     set lineCap(lineCap) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").lineCap = lineCap;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").lineCap = lineCap;
     }
     get globalCompositeOperation() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").globalCompositeOperation;
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").globalCompositeOperation;
     }
     set globalCompositeOperation(operations) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").globalCompositeOperation = operations;
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").globalCompositeOperation = operations;
     }
     fill(...args) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fill(...args);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fill(...args);
     }
     arc(x2, y2, radius, startAngle, endAngle, anticlockwise) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").arc(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius), startAngle, endAngle, anticlockwise);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").arc(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius), startAngle, endAngle, anticlockwise);
     }
     rect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").rect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").rect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     fillRect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fillRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fillRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     clearRect(x2, y2, w2, h2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").clearRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").clearRect(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(w2), this.$doPixelRatio(h2));
     }
     beginPath() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").beginPath();
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").beginPath();
     }
     closePath() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").closePath();
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").closePath();
     }
     lineTo(x2, y2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").lineTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").lineTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     moveTo(x2, y2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").moveTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").moveTo(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     arcTo(x1, y1, x2, y2, radius) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").arcTo(this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").arcTo(this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius));
     }
     getLineDash() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").getLineDash();
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").getLineDash();
     }
     setLineDash(nums) {
       const dash = nums.map((n) => this.$doPixelRatio(n));
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").setLineDash(dash);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").setLineDash(dash);
     }
     stroke(path) {
-      return path ? __classPrivateFieldGet$8(this, _Context2D_ctx, "f").stroke(path) : __classPrivateFieldGet$8(this, _Context2D_ctx, "f").stroke();
+      return path ? __classPrivateFieldGet$9(this, _Context2D_ctx, "f").stroke(path) : __classPrivateFieldGet$9(this, _Context2D_ctx, "f").stroke();
     }
     translate(x2, y2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").translate(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").translate(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     rotate(angle2) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").rotate(angle2);
+      return __classPrivateFieldGet$9(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$8(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$9(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$8(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
+        return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").drawImage(image, this.$doPixelRatio(dx), this.$doPixelRatio(dy), this.$doPixelRatio(dw), this.$doPixelRatio(dh));
       }
     }
     createPattern(image, repetition) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").createPattern(image, repetition);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").createPattern(image, repetition);
     }
     measureText(text2) {
-      const textMetrics = __classPrivateFieldGet$8(this, _Context2D_ctx, "f").measureText(text2);
+      const textMetrics = __classPrivateFieldGet$9(this, _Context2D_ctx, "f").measureText(text2);
       return textMetrics;
     }
     fillText(text2, x2, y2, maxWidth) {
       if (maxWidth !== void 0) {
-        return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
+        return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
       } else {
-        return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+        return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").fillText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
       }
     }
     strokeText(text2, x2, y2, maxWidth) {
       if (maxWidth !== void 0) {
-        return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
+        return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(maxWidth));
       } else {
-        return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+        return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").strokeText(text2, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
       }
     }
     save() {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").save();
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").save();
     }
     restore() {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").restore();
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").restore();
     }
     scale(ratioX, ratioY) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").scale(ratioX, ratioY);
+      __classPrivateFieldGet$9(this, _Context2D_ctx, "f").scale(ratioX, ratioY);
     }
     circle(x2, y2, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) {
-      __classPrivateFieldGet$8(this, _Context2D_ctx, "f").ellipse(this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radiusX), this.$doPixelRatio(radiusY), rotation, startAngle, endAngle, counterclockwise);
+      __classPrivateFieldGet$9(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$8(this, _Context2D_ctx, "f").isPointInPath(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").isPointInPath(this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
     clip(...args) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").clip(...args);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").clip(...args);
     }
     setTransform(a, b, c, d, e, f) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").setTransform(a, b, c, d, e, f);
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").setTransform(a, b, c, d, e, f);
     }
     getTransform() {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").getTransform();
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").getTransform();
     }
     createLinearGradient(x0, y0, x1, y1) {
-      return __classPrivateFieldGet$8(this, _Context2D_ctx, "f").createLinearGradient(this.$doPixelRatio(x0), this.$doPixelRatio(y0), this.$doPixelRatio(x1), this.$doPixelRatio(y1));
+      return __classPrivateFieldGet$9(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$8(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$9(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$8(this, _Context2D_ctx, "f").createConicGradient(startAngle, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
+      return __classPrivateFieldGet$9(this, _Context2D_ctx, "f").createConicGradient(startAngle, this.$doPixelRatio(x2), this.$doPixelRatio(y2));
     }
   }
   _Context2D_ctx = /* @__PURE__ */ new WeakMap(), _Context2D_opts = /* @__PURE__ */ new WeakMap();
@@ -697,7 +697,7 @@ var __privateMethod = (obj, member, method) => {
       return content;
     }
   }
-  var __classPrivateFieldSet$7 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$8 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -706,7 +706,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$7 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$8 = 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))
@@ -717,20 +717,20 @@ var __privateMethod = (obj, member, method) => {
   class EventEmitter {
     constructor() {
       _EventEmitter_listeners.set(this, void 0);
-      __classPrivateFieldSet$7(this, _EventEmitter_listeners, /* @__PURE__ */ new Map(), "f");
+      __classPrivateFieldSet$8(this, _EventEmitter_listeners, /* @__PURE__ */ new Map(), "f");
     }
     on(eventKey, callback) {
-      if (__classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").has(eventKey)) {
-        const callbacks = __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").get(eventKey) || [];
+      if (__classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").has(eventKey)) {
+        const callbacks = __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").get(eventKey) || [];
         callbacks === null || callbacks === void 0 ? void 0 : callbacks.push(callback);
-        __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").set(eventKey, callbacks);
+        __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").set(eventKey, callbacks);
       } else {
-        __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").set(eventKey, [callback]);
+        __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").set(eventKey, [callback]);
       }
     }
     off(eventKey, callback) {
-      if (__classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").has(eventKey)) {
-        const callbacks = __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").get(eventKey);
+      if (__classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").has(eventKey)) {
+        const callbacks = __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").get(eventKey);
         if (Array.isArray(callbacks)) {
           for (let i = 0; i < (callbacks === null || callbacks === void 0 ? void 0 : callbacks.length); i++) {
             if (callbacks[i] === callback) {
@@ -739,11 +739,11 @@ var __privateMethod = (obj, member, method) => {
             }
           }
         }
-        __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").set(eventKey, callbacks || []);
+        __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").set(eventKey, callbacks || []);
       }
     }
     trigger(eventKey, e) {
-      const callbacks = __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").get(eventKey);
+      const callbacks = __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").get(eventKey);
       if (Array.isArray(callbacks)) {
         callbacks.forEach((cb) => {
           cb(e);
@@ -754,8 +754,8 @@ var __privateMethod = (obj, member, method) => {
       }
     }
     has(name) {
-      if (__classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").has(name)) {
-        const list = __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").get(name);
+      if (__classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").has(name)) {
+        const list = __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").get(name);
         if (Array.isArray(list) && list.length > 0) {
           return true;
         }
@@ -763,7 +763,7 @@ var __privateMethod = (obj, member, method) => {
       return false;
     }
     destroy() {
-      __classPrivateFieldGet$7(this, _EventEmitter_listeners, "f").clear();
+      __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").clear();
     }
   }
   _EventEmitter_listeners = /* @__PURE__ */ new WeakMap();
@@ -777,7 +777,7 @@ var __privateMethod = (obj, member, method) => {
       y: p1.y + (p2.y - p1.y) / 2
     };
   }
-  var __classPrivateFieldSet$6 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$7 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -786,7 +786,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$6 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$7 = 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))
@@ -799,27 +799,27 @@ var __privateMethod = (obj, member, method) => {
       _Store_instances.add(this);
       _Store_temp.set(this, void 0);
       _Store_backUpDefaultStorage.set(this, void 0);
-      __classPrivateFieldSet$6(this, _Store_backUpDefaultStorage, deepClone(opts.defaultStorage), "f");
-      __classPrivateFieldSet$6(this, _Store_temp, __classPrivateFieldGet$6(this, _Store_instances, "m", _Store_createTempStorage).call(this), "f");
+      __classPrivateFieldSet$7(this, _Store_backUpDefaultStorage, deepClone(opts.defaultStorage), "f");
+      __classPrivateFieldSet$7(this, _Store_temp, __classPrivateFieldGet$7(this, _Store_instances, "m", _Store_createTempStorage).call(this), "f");
     }
     set(name, value) {
-      __classPrivateFieldGet$6(this, _Store_temp, "f")[name] = value;
+      __classPrivateFieldGet$7(this, _Store_temp, "f")[name] = value;
     }
     get(name) {
-      return __classPrivateFieldGet$6(this, _Store_temp, "f")[name];
+      return __classPrivateFieldGet$7(this, _Store_temp, "f")[name];
     }
     getSnapshot() {
-      return deepClone(__classPrivateFieldGet$6(this, _Store_temp, "f"));
+      return deepClone(__classPrivateFieldGet$7(this, _Store_temp, "f"));
     }
     clear() {
-      __classPrivateFieldSet$6(this, _Store_temp, __classPrivateFieldGet$6(this, _Store_instances, "m", _Store_createTempStorage).call(this), "f");
+      __classPrivateFieldSet$7(this, _Store_temp, __classPrivateFieldGet$7(this, _Store_instances, "m", _Store_createTempStorage).call(this), "f");
     }
     destroy() {
-      __classPrivateFieldSet$6(this, _Store_temp, null, "f");
+      __classPrivateFieldSet$7(this, _Store_temp, null, "f");
     }
   }
   _Store_temp = /* @__PURE__ */ new WeakMap(), _Store_backUpDefaultStorage = /* @__PURE__ */ new WeakMap(), _Store_instances = /* @__PURE__ */ new WeakSet(), _Store_createTempStorage = function _Store_createTempStorage2() {
-    return deepClone(__classPrivateFieldGet$6(this, _Store_backUpDefaultStorage, "f"));
+    return deepClone(__classPrivateFieldGet$7(this, _Store_backUpDefaultStorage, "f"));
   };
   function getViewScaleInfoFromSnapshot(snapshot) {
     const { activeStore } = snapshot;
@@ -1785,8 +1785,8 @@ var __privateMethod = (obj, member, method) => {
     });
   }
   function drawClipPath(ctx, viewElem, opts) {
-    const { renderContent, originElem, calcElemSize, viewScaleInfo, viewSizeInfo } = opts;
-    const totalScale = viewScaleInfo.scale * viewSizeInfo.devicePixelRatio;
+    const { renderContent, originElem, calcElemSize, viewSizeInfo } = opts;
+    const totalScale = viewSizeInfo.devicePixelRatio;
     const { clipPath } = (originElem === null || originElem === void 0 ? void 0 : originElem.detail) || {};
     if (clipPath && calcElemSize && clipPath.commands) {
       const { x: x2, y: y2, w: w2, h: h2 } = calcElemSize;
@@ -2050,29 +2050,31 @@ var __privateMethod = (obj, member, method) => {
               b = b - bw;
             }
           }
-          const opacity = getOpacity(viewElem) * parentOpacity;
-          ctx.globalAlpha = opacity;
-          if (typeof borderWidth2 === "number" && borderWidth2 > 0) {
-            const ba = borderWidth2 / 2 + a;
-            const bb = borderWidth2 / 2 + b;
+          if (a >= 0 && b >= 0) {
+            const opacity = getOpacity(viewElem) * parentOpacity;
+            ctx.globalAlpha = opacity;
+            if (typeof borderWidth2 === "number" && borderWidth2 > 0) {
+              const ba = borderWidth2 / 2 + a;
+              const bb = borderWidth2 / 2 + b;
+              ctx.beginPath();
+              ctx.strokeStyle = borderColor2;
+              ctx.lineWidth = borderWidth2;
+              ctx.circle(centerX, centerY, ba, bb, 0, 0, 2 * Math.PI);
+              ctx.closePath();
+              ctx.stroke();
+            }
             ctx.beginPath();
-            ctx.strokeStyle = borderColor2;
-            ctx.lineWidth = borderWidth2;
-            ctx.circle(centerX, centerY, ba, bb, 0, 0, 2 * Math.PI);
+            const fillStyle = createColorStyle(ctx, background2, {
+              viewElementSize: { x: x2, y: y2, w: w2, h: h2 },
+              viewScaleInfo,
+              opacity: ctx.globalAlpha
+            });
+            ctx.fillStyle = fillStyle;
+            ctx.circle(centerX, centerY, a, b, 0, 0, 2 * Math.PI);
             ctx.closePath();
-            ctx.stroke();
+            ctx.fill();
+            ctx.globalAlpha = parentOpacity;
           }
-          ctx.beginPath();
-          const fillStyle = createColorStyle(ctx, background2, {
-            viewElementSize: { x: x2, y: y2, w: w2, h: h2 },
-            viewScaleInfo,
-            opacity: ctx.globalAlpha
-          });
-          ctx.fillStyle = fillStyle;
-          ctx.circle(centerX, centerY, a, b, 0, 0, 2 * Math.PI);
-          ctx.closePath();
-          ctx.fill();
-          ctx.globalAlpha = parentOpacity;
         }
       });
     });
@@ -2332,6 +2334,11 @@ var __privateMethod = (obj, member, method) => {
     if (((_a = elem === null || elem === void 0 ? void 0 : elem.operations) === null || _a === void 0 ? void 0 : _a.invisible) === true) {
       return;
     }
+    const { w: w2, h: h2 } = elem;
+    const { scale } = opts.viewScaleInfo;
+    if (scale < 1 && (w2 * scale < 1 || h2 * scale < 1) || opts.parentOpacity === 0) {
+      return;
+    }
     try {
       switch (elem.type) {
         case "rect": {
@@ -2471,6 +2478,28 @@ var __privateMethod = (obj, member, method) => {
       }
     }
   }
+  function drawUnderlay(ctx, underlay, opts) {
+    const { calculator, viewScaleInfo, viewSizeInfo, parentOpacity } = opts;
+    const elem = Object.assign({ uuid: "underlay" }, underlay);
+    const { x: x2, y: y2, w: w2, h: h2 } = (calculator === null || calculator === void 0 ? void 0 : calculator.elementSize(elem, viewScaleInfo, viewSizeInfo)) || elem;
+    const angle2 = 0;
+    const viewElem = Object.assign(Object.assign({}, elem), { x: x2, y: y2, w: w2, h: h2, angle: angle2 });
+    drawBoxShadow(ctx, viewElem, {
+      viewScaleInfo,
+      viewSizeInfo,
+      renderContent: () => {
+        drawBox(ctx, viewElem, {
+          originElem: elem,
+          calcElemSize: { x: x2, y: y2, w: w2, h: h2, angle: angle2 },
+          viewScaleInfo,
+          viewSizeInfo,
+          parentOpacity,
+          renderContent: () => {
+          }
+        });
+      }
+    });
+  }
   var __awaiter = function(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
@@ -2498,14 +2527,14 @@ var __privateMethod = (obj, member, method) => {
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   };
-  var __classPrivateFieldGet$5 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$6 = 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$5 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$6 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -2541,7 +2570,7 @@ var __privateMethod = (obj, member, method) => {
       _Loader_loadFuncMap.set(this, {});
       _Loader_currentLoadItemMap.set(this, {});
       _Loader_storageLoadItemMap.set(this, {});
-      __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "image", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      __classPrivateFieldGet$6(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);
@@ -2551,7 +2580,7 @@ var __privateMethod = (obj, member, method) => {
           content
         };
       }));
-      __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "html", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      __classPrivateFieldGet$6(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, {
@@ -2564,7 +2593,7 @@ var __privateMethod = (obj, member, method) => {
           content
         };
       }));
-      __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "svg", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
+      __classPrivateFieldGet$6(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);
@@ -2576,32 +2605,32 @@ var __privateMethod = (obj, member, method) => {
       }));
     }
     destroy() {
-      __classPrivateFieldSet$5(this, _Loader_loadFuncMap, null, "f");
-      __classPrivateFieldSet$5(this, _Loader_currentLoadItemMap, null, "f");
-      __classPrivateFieldSet$5(this, _Loader_storageLoadItemMap, null, "f");
+      __classPrivateFieldSet$6(this, _Loader_loadFuncMap, null, "f");
+      __classPrivateFieldSet$6(this, _Loader_currentLoadItemMap, null, "f");
+      __classPrivateFieldSet$6(this, _Loader_storageLoadItemMap, null, "f");
     }
     load(element, assets) {
-      if (__classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element)) {
+      if (__classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element)) {
         return;
       }
       if (supportElementTypes.includes(element.type)) {
-        __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_loadResource).call(this, element, assets);
+        __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_loadResource).call(this, element, assets);
       }
     }
     getContent(element) {
       var _a, _b;
       const assetId = getAssetIdFromElement(element);
-      return ((_b = (_a = __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId]) === null || _b === void 0 ? void 0 : _b.content) || null;
+      return ((_b = (_a = __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId]) === null || _b === void 0 ? void 0 : _b.content) || null;
     }
     getLoadItemMap() {
-      return __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f");
+      return __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f");
     }
     setLoadItemMap(itemMap) {
-      __classPrivateFieldSet$5(this, _Loader_storageLoadItemMap, itemMap, "f");
+      __classPrivateFieldSet$6(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$5(this, _Loader_loadFuncMap, "f")[type] = func;
+    __classPrivateFieldGet$6(this, _Loader_loadFuncMap, "f")[type] = func;
   }, _Loader_getLoadElementSource = function _Loader_getLoadElementSource2(element) {
     var _a, _b, _c;
     let source = null;
@@ -2621,62 +2650,62 @@ var __privateMethod = (obj, member, method) => {
       error: null,
       startTime: -1,
       endTime: -1,
-      source: __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)
+      source: __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)
     };
   }, _Loader_emitLoad = function _Loader_emitLoad2(item) {
     const assetId = getAssetIdFromElement(item.element);
-    const storageItem = __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")[assetId];
+    const storageItem = __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId];
     if (storageItem) {
       if (storageItem.startTime < item.startTime) {
-        __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+        __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
         this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
       }
     } else {
-      __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+      __classPrivateFieldGet$6(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$5(this, _Loader_storageLoadItemMap, "f")[assetId];
+    const storageItem = __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId];
     if (storageItem) {
       if (storageItem.startTime < item.startTime) {
-        __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+        __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
         this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
       }
     } else {
-      __classPrivateFieldGet$5(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+      __classPrivateFieldGet$6(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$5(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element);
+    const item = __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element);
     const assetId = getAssetIdFromElement(element);
-    __classPrivateFieldGet$5(this, _Loader_currentLoadItemMap, "f")[assetId] = item;
-    const loadFunc = __classPrivateFieldGet$5(this, _Loader_loadFuncMap, "f")[element.type];
+    __classPrivateFieldGet$6(this, _Loader_currentLoadItemMap, "f")[assetId] = item;
+    const loadFunc = __classPrivateFieldGet$6(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$5(this, _Loader_instances, "m", _Loader_emitLoad).call(this, item);
+        __classPrivateFieldGet$6(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$5(this, _Loader_instances, "m", _Loader_emitError).call(this, item);
+        __classPrivateFieldGet$6(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$5(this, _Loader_currentLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId];
-    if (existItem && existItem.status === "error" && existItem.source && existItem.source === __classPrivateFieldGet$5(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)) {
+    const existItem = (_a = __classPrivateFieldGet$6(this, _Loader_currentLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId];
+    if (existItem && existItem.status === "error" && existItem.source && existItem.source === __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)) {
       return true;
     }
     return false;
   };
-  var __classPrivateFieldSet$4 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$5 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -2685,7 +2714,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$4 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$5 = 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))
@@ -2699,21 +2728,21 @@ var __privateMethod = (obj, member, method) => {
       _Renderer_instances.add(this);
       _Renderer_opts.set(this, void 0);
       _Renderer_loader.set(this, new Loader());
-      __classPrivateFieldSet$4(this, _Renderer_opts, opts, "f");
-      __classPrivateFieldGet$4(this, _Renderer_instances, "m", _Renderer_init).call(this);
+      __classPrivateFieldSet$5(this, _Renderer_opts, opts, "f");
+      __classPrivateFieldGet$5(this, _Renderer_instances, "m", _Renderer_init).call(this);
     }
     destroy() {
-      __classPrivateFieldSet$4(this, _Renderer_opts, null, "f");
-      __classPrivateFieldGet$4(this, _Renderer_loader, "f").destroy();
-      __classPrivateFieldSet$4(this, _Renderer_loader, null, "f");
+      __classPrivateFieldSet$5(this, _Renderer_opts, null, "f");
+      __classPrivateFieldGet$5(this, _Renderer_loader, "f").destroy();
+      __classPrivateFieldSet$5(this, _Renderer_loader, null, "f");
     }
     updateOptions(opts) {
-      __classPrivateFieldSet$4(this, _Renderer_opts, opts, "f");
+      __classPrivateFieldSet$5(this, _Renderer_opts, opts, "f");
     }
     drawData(data, opts) {
-      const loader = __classPrivateFieldGet$4(this, _Renderer_loader, "f");
-      const { calculator } = __classPrivateFieldGet$4(this, _Renderer_opts, "f");
-      const viewContext = __classPrivateFieldGet$4(this, _Renderer_opts, "f").viewContext;
+      const loader = __classPrivateFieldGet$5(this, _Renderer_loader, "f");
+      const { calculator } = __classPrivateFieldGet$5(this, _Renderer_opts, "f");
+      const viewContext = __classPrivateFieldGet$5(this, _Renderer_opts, "f").viewContext;
       viewContext.clearRect(0, 0, viewContext.canvas.width, viewContext.canvas.height);
       const parentElementSize = {
         x: 0,
@@ -2721,6 +2750,14 @@ var __privateMethod = (obj, member, method) => {
         w: opts.viewSizeInfo.width,
         h: opts.viewSizeInfo.height
       };
+      if (data.underlay) {
+        drawUnderlay(viewContext, data.underlay, Object.assign({
+          loader,
+          calculator,
+          parentElementSize,
+          parentOpacity: 1
+        }, opts));
+      }
       drawElementList(viewContext, data, Object.assign({
         loader,
         calculator,
@@ -2730,7 +2767,7 @@ var __privateMethod = (obj, member, method) => {
       }, opts));
     }
     scale(num) {
-      const { sharer } = __classPrivateFieldGet$4(this, _Renderer_opts, "f");
+      const { sharer } = __classPrivateFieldGet$5(this, _Renderer_opts, "f");
       if (!sharer) {
         return;
       }
@@ -2755,21 +2792,24 @@ var __privateMethod = (obj, member, method) => {
       }
     }
     setLoadItemMap(itemMap) {
-      __classPrivateFieldGet$4(this, _Renderer_loader, "f").setLoadItemMap(itemMap);
+      __classPrivateFieldGet$5(this, _Renderer_loader, "f").setLoadItemMap(itemMap);
     }
     getLoadItemMap() {
-      return __classPrivateFieldGet$4(this, _Renderer_loader, "f").getLoadItemMap();
+      return __classPrivateFieldGet$5(this, _Renderer_loader, "f").getLoadItemMap();
+    }
+    getLoader() {
+      return __classPrivateFieldGet$5(this, _Renderer_loader, "f");
     }
   }
   _Renderer_opts = /* @__PURE__ */ new WeakMap(), _Renderer_loader = /* @__PURE__ */ new WeakMap(), _Renderer_instances = /* @__PURE__ */ new WeakSet(), _Renderer_init = function _Renderer_init2() {
-    const loader = __classPrivateFieldGet$4(this, _Renderer_loader, "f");
+    const loader = __classPrivateFieldGet$5(this, _Renderer_loader, "f");
     loader.on("load", (e) => {
       this.trigger("load", e);
     });
     loader.on("error", () => {
     });
   };
-  var __classPrivateFieldSet$3 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$4 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -2778,7 +2818,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$3 = function(receiver, state, kind, f) {
+  var __classPrivateFieldGet$4 = 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))
@@ -2789,10 +2829,10 @@ var __privateMethod = (obj, member, method) => {
   class Calculator {
     constructor(opts) {
       _Calculator_opts.set(this, void 0);
-      __classPrivateFieldSet$3(this, _Calculator_opts, opts, "f");
+      __classPrivateFieldSet$4(this, _Calculator_opts, opts, "f");
     }
     destroy() {
-      __classPrivateFieldSet$3(this, _Calculator_opts, null, "f");
+      __classPrivateFieldSet$4(this, _Calculator_opts, null, "f");
     }
     elementSize(size, viewScaleInfo, viewSizeInfo) {
       return calcViewElementSize(size, { viewScaleInfo, viewSizeInfo });
@@ -2801,7 +2841,7 @@ var __privateMethod = (obj, member, method) => {
       return isElementInView(elem, { viewScaleInfo, viewSizeInfo });
     }
     isPointInElement(p, elem, viewScaleInfo, viewSizeInfo) {
-      const context2d = __classPrivateFieldGet$3(this, _Calculator_opts, "f").viewContext;
+      const context2d = __classPrivateFieldGet$4(this, _Calculator_opts, "f").viewContext;
       return isViewPointInElement(p, {
         context2d,
         element: elem,
@@ -2810,12 +2850,12 @@ var __privateMethod = (obj, member, method) => {
       });
     }
     getPointElement(p, opts) {
-      const context2d = __classPrivateFieldGet$3(this, _Calculator_opts, "f").viewContext;
+      const context2d = __classPrivateFieldGet$4(this, _Calculator_opts, "f").viewContext;
       return getViewPointAtElement(p, Object.assign(Object.assign({}, opts), { context2d }));
     }
   }
   _Calculator_opts = /* @__PURE__ */ new WeakMap();
-  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)
@@ -2824,7 +2864,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))
@@ -2842,11 +2882,11 @@ var __privateMethod = (obj, member, method) => {
       _BoardWatcher_opts.set(this, void 0);
       _BoardWatcher_store.set(this, void 0);
       _BoardWatcher_onWheel.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
           return;
         }
         e.preventDefault();
@@ -2860,125 +2900,125 @@ var __privateMethod = (obj, member, method) => {
         }
       });
       _BoardWatcher_onContextMenu.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
           return;
         }
       });
       _BoardWatcher_onClick.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
           return;
         }
         const maxLimitTime = 500;
         const t = Date.now();
-        const preClickPoint = __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").get("prevClickPoint");
+        const preClickPoint = __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").get("prevClickPoint");
         if (preClickPoint && t - preClickPoint.t <= maxLimitTime && Math.abs(preClickPoint.x - point.x) <= 5 && Math.abs(preClickPoint.y - point.y) <= 5) {
           this.trigger("doubleClick", { point });
         } else {
-          __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").set("prevClickPoint", point);
+          __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").set("prevClickPoint", point);
         }
       });
       _BoardWatcher_onPointLeave.set(this, (e) => {
-        __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").set("hasPointDown", false);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").set("hasPointDown", false);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
         this.trigger("pointLeave", { point });
       });
       _BoardWatcher_onPointEnd.set(this, (e) => {
-        __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").set("hasPointDown", false);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").set("hasPointDown", false);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
         this.trigger("pointEnd", { point });
       });
       _BoardWatcher_onPointMove.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
         e.stopPropagation();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
-          if (__classPrivateFieldGet$2(this, _BoardWatcher_store, "f").get("hasPointDown")) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+          if (__classPrivateFieldGet$3(this, _BoardWatcher_store, "f").get("hasPointDown")) {
             this.trigger("pointLeave", { point });
-            __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").set("hasPointDown", false);
+            __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").set("hasPointDown", false);
           }
           return;
         }
-        if (__classPrivateFieldGet$2(this, _BoardWatcher_store, "f").get("hasPointDown") !== true) {
+        if (__classPrivateFieldGet$3(this, _BoardWatcher_store, "f").get("hasPointDown") !== true) {
           return;
         }
         this.trigger("pointMove", { point });
       });
       _BoardWatcher_onPointStart.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
           return;
         }
-        __classPrivateFieldGet$2(this, _BoardWatcher_store, "f").set("hasPointDown", true);
+        __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").set("hasPointDown", true);
         this.trigger("pointStart", { point });
       });
       _BoardWatcher_onHover.set(this, (e) => {
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
         }
         e.preventDefault();
-        const point = __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
-        if (!__classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+        const point = __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+        if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
           return;
         }
         this.trigger("hover", { point });
       });
       const store = new Store({ defaultStorage: { hasPointDown: false, prevClickPoint: null } });
-      __classPrivateFieldSet$2(this, _BoardWatcher_store, store, "f");
-      __classPrivateFieldSet$2(this, _BoardWatcher_opts, opts, "f");
-      __classPrivateFieldGet$2(this, _BoardWatcher_instances, "m", _BoardWatcher_init).call(this);
+      __classPrivateFieldSet$3(this, _BoardWatcher_store, store, "f");
+      __classPrivateFieldSet$3(this, _BoardWatcher_opts, opts, "f");
+      __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_init).call(this);
     }
     destroy() {
       const container = window;
-      container.removeEventListener("mousemove", __classPrivateFieldGet$2(this, _BoardWatcher_onHover, "f"));
-      container.removeEventListener("mousedown", __classPrivateFieldGet$2(this, _BoardWatcher_onPointStart, "f"));
-      container.removeEventListener("mousemove", __classPrivateFieldGet$2(this, _BoardWatcher_onPointMove, "f"));
-      container.removeEventListener("mouseup", __classPrivateFieldGet$2(this, _BoardWatcher_onPointEnd, "f"));
-      container.removeEventListener("mouseleave", __classPrivateFieldGet$2(this, _BoardWatcher_onPointLeave, "f"));
-      container.removeEventListener("wheel", __classPrivateFieldGet$2(this, _BoardWatcher_onWheel, "f"));
-      container.removeEventListener("click", __classPrivateFieldGet$2(this, _BoardWatcher_onClick, "f"));
-      container.removeEventListener("contextmenu", __classPrivateFieldGet$2(this, _BoardWatcher_onContextMenu, "f"));
+      container.removeEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onHover, "f"));
+      container.removeEventListener("mousedown", __classPrivateFieldGet$3(this, _BoardWatcher_onPointStart, "f"));
+      container.removeEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onPointMove, "f"));
+      container.removeEventListener("mouseup", __classPrivateFieldGet$3(this, _BoardWatcher_onPointEnd, "f"));
+      container.removeEventListener("mouseleave", __classPrivateFieldGet$3(this, _BoardWatcher_onPointLeave, "f"));
+      container.removeEventListener("wheel", __classPrivateFieldGet$3(this, _BoardWatcher_onWheel, "f"));
+      container.removeEventListener("click", __classPrivateFieldGet$3(this, _BoardWatcher_onClick, "f"));
+      container.removeEventListener("contextmenu", __classPrivateFieldGet$3(this, _BoardWatcher_onContextMenu, "f"));
       this.destroy();
     }
   }
   _BoardWatcher_opts = /* @__PURE__ */ new WeakMap(), _BoardWatcher_store = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onWheel = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onContextMenu = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onClick = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointLeave = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointEnd = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointMove = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointStart = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onHover = /* @__PURE__ */ new WeakMap(), _BoardWatcher_instances = /* @__PURE__ */ new WeakSet(), _BoardWatcher_init = function _BoardWatcher_init2() {
     const container = window;
-    container.addEventListener("mousemove", __classPrivateFieldGet$2(this, _BoardWatcher_onHover, "f"));
-    container.addEventListener("mousedown", __classPrivateFieldGet$2(this, _BoardWatcher_onPointStart, "f"));
-    container.addEventListener("mousemove", __classPrivateFieldGet$2(this, _BoardWatcher_onPointMove, "f"));
-    container.addEventListener("mouseup", __classPrivateFieldGet$2(this, _BoardWatcher_onPointEnd, "f"));
-    container.addEventListener("mouseleave", __classPrivateFieldGet$2(this, _BoardWatcher_onPointLeave, "f"));
-    container.addEventListener("wheel", __classPrivateFieldGet$2(this, _BoardWatcher_onWheel, "f"), { passive: false });
-    container.addEventListener("click", __classPrivateFieldGet$2(this, _BoardWatcher_onClick, "f"));
-    container.addEventListener("contextmenu", __classPrivateFieldGet$2(this, _BoardWatcher_onContextMenu, "f"));
+    container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onHover, "f"));
+    container.addEventListener("mousedown", __classPrivateFieldGet$3(this, _BoardWatcher_onPointStart, "f"));
+    container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onPointMove, "f"));
+    container.addEventListener("mouseup", __classPrivateFieldGet$3(this, _BoardWatcher_onPointEnd, "f"));
+    container.addEventListener("mouseleave", __classPrivateFieldGet$3(this, _BoardWatcher_onPointLeave, "f"));
+    container.addEventListener("wheel", __classPrivateFieldGet$3(this, _BoardWatcher_onWheel, "f"), { passive: false });
+    container.addEventListener("click", __classPrivateFieldGet$3(this, _BoardWatcher_onClick, "f"));
+    container.addEventListener("contextmenu", __classPrivateFieldGet$3(this, _BoardWatcher_onContextMenu, "f"));
   }, _BoardWatcher_isInTarget = function _BoardWatcher_isInTarget2(e) {
-    return e.target === __classPrivateFieldGet$2(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+    return e.target === __classPrivateFieldGet$3(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
   }, _BoardWatcher_getPoint = function _BoardWatcher_getPoint2(e) {
-    const boardCanvas = __classPrivateFieldGet$2(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+    const boardCanvas = __classPrivateFieldGet$3(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
     const rect = boardCanvas.getBoundingClientRect();
     const p = {
       x: e.clientX - rect.left,
@@ -2987,14 +3027,14 @@ var __privateMethod = (obj, member, method) => {
     };
     return p;
   }, _BoardWatcher_isVaildPoint = function _BoardWatcher_isVaildPoint2(p) {
-    const viewSize = __classPrivateFieldGet$2(this, _BoardWatcher_opts, "f").sharer.getActiveViewSizeInfo();
+    const viewSize = __classPrivateFieldGet$3(this, _BoardWatcher_opts, "f").sharer.getActiveViewSizeInfo();
     const { width, height } = viewSize;
     if (isBoardAvailableNum(p.x) && isBoardAvailableNum(p.y) && p.x <= width && p.y <= height) {
       return true;
     }
     return false;
   };
-  var __classPrivateFieldSet$1 = function(receiver, state, value, kind, f) {
+  var __classPrivateFieldSet$2 = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
     if (kind === "a" && !f)
@@ -3003,7 +3043,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$1 = function(receiver, state, kind, f) {
+  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))
@@ -3034,134 +3074,105 @@ var __privateMethod = (obj, member, method) => {
       const sharedStore = new Store({
         defaultStorage: {}
       });
-      __classPrivateFieldSet$1(this, _Sharer_activeStore, activeStore, "f");
-      __classPrivateFieldSet$1(this, _Sharer_sharedStore, sharedStore, "f");
+      __classPrivateFieldSet$2(this, _Sharer_activeStore, activeStore, "f");
+      __classPrivateFieldSet$2(this, _Sharer_sharedStore, sharedStore, "f");
     }
     getActiveStorage(key2) {
-      return __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get(key2);
+      return __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get(key2);
     }
     setActiveStorage(key2, storage) {
-      return __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set(key2, storage);
+      return __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set(key2, storage);
     }
     getActiveStoreSnapshot() {
-      return __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").getSnapshot();
+      return __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").getSnapshot();
     }
     getSharedStorage(key2) {
-      return __classPrivateFieldGet$1(this, _Sharer_sharedStore, "f").get(key2);
+      return __classPrivateFieldGet$2(this, _Sharer_sharedStore, "f").get(key2);
     }
     setSharedStorage(key2, storage) {
-      return __classPrivateFieldGet$1(this, _Sharer_sharedStore, "f").set(key2, storage);
+      return __classPrivateFieldGet$2(this, _Sharer_sharedStore, "f").set(key2, storage);
     }
     getSharedStoreSnapshot() {
-      return __classPrivateFieldGet$1(this, _Sharer_sharedStore, "f").getSnapshot();
+      return __classPrivateFieldGet$2(this, _Sharer_sharedStore, "f").getSnapshot();
     }
     getActiveViewScaleInfo() {
       const viewScaleInfo = {
-        scale: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("scale"),
-        offsetTop: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("offsetTop"),
-        offsetBottom: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("offsetBottom"),
-        offsetLeft: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("offsetLeft"),
-        offsetRight: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("offsetRight")
+        scale: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("scale"),
+        offsetTop: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("offsetTop"),
+        offsetBottom: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("offsetBottom"),
+        offsetLeft: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("offsetLeft"),
+        offsetRight: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("offsetRight")
       };
       return viewScaleInfo;
     }
     setActiveViewScaleInfo(viewScaleInfo) {
       const { scale, offsetTop, offsetBottom, offsetLeft, offsetRight } = viewScaleInfo;
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("scale", scale);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("offsetTop", offsetTop);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("offsetBottom", offsetBottom);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("offsetLeft", offsetLeft);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("offsetRight", offsetRight);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("scale", scale);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("offsetTop", offsetTop);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("offsetBottom", offsetBottom);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("offsetLeft", offsetLeft);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("offsetRight", offsetRight);
     }
     setActiveViewSizeInfo(size) {
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("width", size.width);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("height", size.height);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("devicePixelRatio", size.devicePixelRatio);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("contextWidth", size.contextWidth);
-      __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").set("contextHeight", size.contextHeight);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("width", size.width);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("height", size.height);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("devicePixelRatio", size.devicePixelRatio);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("contextWidth", size.contextWidth);
+      __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").set("contextHeight", size.contextHeight);
     }
     getActiveViewSizeInfo() {
       const sizeInfo = {
-        width: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("width"),
-        height: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("height"),
-        devicePixelRatio: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("devicePixelRatio"),
-        contextWidth: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("contextWidth"),
-        contextHeight: __classPrivateFieldGet$1(this, _Sharer_activeStore, "f").get("contextHeight")
+        width: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("width"),
+        height: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("height"),
+        devicePixelRatio: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("devicePixelRatio"),
+        contextWidth: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("contextWidth"),
+        contextHeight: __classPrivateFieldGet$2(this, _Sharer_activeStore, "f").get("contextHeight")
       };
       return sizeInfo;
     }
   }
   _Sharer_activeStore = /* @__PURE__ */ new WeakMap(), _Sharer_sharedStore = /* @__PURE__ */ new WeakMap();
+  var __classPrivateFieldSet$1 = 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 __classPrivateFieldGet$1 = 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 _Viewer_instances, _Viewer_opts, _Viewer_drawFrameSnapshotQueue, _Viewer_drawFrameStatus, _Viewer_init, _Viewer_drawAnimationFrame;
   const { requestAnimationFrame } = window;
   class Viewer extends EventEmitter {
     constructor(opts) {
       super();
-      this._drawFrameSnapshotQueue = [];
-      this._drawFrameStatus = "FREE";
-      this._opts = opts;
-      this._init();
-    }
-    _init() {
-      const { renderer } = this._opts;
-      renderer.on("load", () => {
-        this.drawFrame();
-      });
-    }
-    _drawAnimationFrame() {
-      if (this._drawFrameStatus === "DRAWING" || this._drawFrameSnapshotQueue.length === 0) {
-        return;
-      } else {
-        this._drawFrameStatus = "DRAWING";
-      }
-      const snapshot = this._drawFrameSnapshotQueue.shift();
-      const { renderer, boardContent, beforeDrawFrame, afterDrawFrame } = this._opts;
-      if (snapshot) {
-        const { scale, offsetTop, offsetBottom, offsetLeft, offsetRight, width, height, contextHeight, contextWidth, devicePixelRatio } = snapshot.activeStore;
-        if (snapshot === null || snapshot === void 0 ? void 0 : snapshot.activeStore.data) {
-          renderer.drawData(snapshot.activeStore.data, {
-            viewScaleInfo: {
-              scale,
-              offsetTop,
-              offsetBottom,
-              offsetLeft,
-              offsetRight
-            },
-            viewSizeInfo: {
-              width,
-              height,
-              contextHeight,
-              contextWidth,
-              devicePixelRatio
-            }
-          });
-        }
-        beforeDrawFrame({ snapshot });
-        boardContent.drawView();
-        afterDrawFrame({ snapshot });
-      }
-      if (this._drawFrameSnapshotQueue.length === 0) {
-        this._drawFrameStatus = "COMPLETE";
-        return;
-      }
-      if (this._drawFrameStatus = "DRAWING") {
-        requestAnimationFrame(() => {
-          this._drawAnimationFrame();
-        });
-      }
+      _Viewer_instances.add(this);
+      _Viewer_opts.set(this, void 0);
+      _Viewer_drawFrameSnapshotQueue.set(this, []);
+      _Viewer_drawFrameStatus.set(this, "FREE");
+      __classPrivateFieldSet$1(this, _Viewer_opts, opts, "f");
+      __classPrivateFieldGet$1(this, _Viewer_instances, "m", _Viewer_init).call(this);
     }
     drawFrame() {
-      const { sharer } = this._opts;
+      const { sharer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
       const activeStore = sharer.getActiveStoreSnapshot();
       const sharedStore = sharer.getSharedStoreSnapshot();
-      this._drawFrameSnapshotQueue.push({
+      __classPrivateFieldGet$1(this, _Viewer_drawFrameSnapshotQueue, "f").push({
         activeStore,
         sharedStore
       });
-      this._drawAnimationFrame();
+      __classPrivateFieldGet$1(this, _Viewer_instances, "m", _Viewer_drawAnimationFrame).call(this);
     }
     scale(opts) {
       const { scale, point } = opts;
-      const { sharer } = this._opts;
+      const { sharer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
       const { moveX, moveY } = viewScale({
         scale,
         point,
@@ -3172,7 +3183,7 @@ var __privateMethod = (obj, member, method) => {
       return { moveX, moveY };
     }
     scroll(opts) {
-      const { sharer } = this._opts;
+      const { sharer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
       const prevViewScaleInfo = sharer.getActiveViewScaleInfo();
       const { moveX, moveY } = opts;
       const viewSizeInfo = sharer.getActiveViewSizeInfo();
@@ -3186,7 +3197,7 @@ var __privateMethod = (obj, member, method) => {
       return viewScaleInfo;
     }
     updateViewScaleInfo(opts) {
-      const { sharer } = this._opts;
+      const { sharer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
       const viewScaleInfo = calcViewScaleInfo(opts, {
         viewSizeInfo: sharer.getActiveViewSizeInfo()
       });
@@ -3194,11 +3205,11 @@ var __privateMethod = (obj, member, method) => {
       return viewScaleInfo;
     }
     resize(viewSize = {}) {
-      const { sharer } = this._opts;
+      const { sharer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
       const originViewSize = sharer.getActiveViewSizeInfo();
       const newViewSize = Object.assign(Object.assign({}, originViewSize), viewSize);
       const { width, height, devicePixelRatio } = newViewSize;
-      const { underContext, boardContext, helperContext, viewContext } = this._opts.boardContent;
+      const { underContext, boardContext, helperContext, viewContext } = __classPrivateFieldGet$1(this, _Viewer_opts, "f").boardContent;
       boardContext.canvas.width = width * devicePixelRatio;
       boardContext.canvas.height = height * devicePixelRatio;
       boardContext.canvas.style.width = `${width}px`;
@@ -3213,6 +3224,55 @@ var __privateMethod = (obj, member, method) => {
       return newViewSize;
     }
   }
+  _Viewer_opts = /* @__PURE__ */ new WeakMap(), _Viewer_drawFrameSnapshotQueue = /* @__PURE__ */ new WeakMap(), _Viewer_drawFrameStatus = /* @__PURE__ */ new WeakMap(), _Viewer_instances = /* @__PURE__ */ new WeakSet(), _Viewer_init = function _Viewer_init2() {
+    const { renderer } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
+    renderer.on("load", () => {
+      this.drawFrame();
+    });
+  }, _Viewer_drawAnimationFrame = function _Viewer_drawAnimationFrame2() {
+    if (__classPrivateFieldGet$1(this, _Viewer_drawFrameStatus, "f") === "DRAWING" || __classPrivateFieldGet$1(this, _Viewer_drawFrameSnapshotQueue, "f").length === 0) {
+      return;
+    } else {
+      __classPrivateFieldSet$1(this, _Viewer_drawFrameStatus, "DRAWING", "f");
+    }
+    const snapshot = __classPrivateFieldGet$1(this, _Viewer_drawFrameSnapshotQueue, "f").shift();
+    const { renderer, boardContent, beforeDrawFrame, afterDrawFrame } = __classPrivateFieldGet$1(this, _Viewer_opts, "f");
+    if (snapshot) {
+      const { scale, offsetTop, offsetBottom, offsetLeft, offsetRight, width, height, contextHeight, contextWidth, devicePixelRatio } = snapshot.activeStore;
+      const viewScaleInfo = {
+        scale,
+        offsetTop,
+        offsetBottom,
+        offsetLeft,
+        offsetRight
+      };
+      const viewSizeInfo = {
+        width,
+        height,
+        contextHeight,
+        contextWidth,
+        devicePixelRatio
+      };
+      if (snapshot === null || snapshot === void 0 ? void 0 : snapshot.activeStore.data) {
+        renderer.drawData(snapshot.activeStore.data, {
+          viewScaleInfo,
+          viewSizeInfo
+        });
+      }
+      beforeDrawFrame({ snapshot });
+      boardContent.drawView();
+      afterDrawFrame({ snapshot });
+    }
+    if (__classPrivateFieldGet$1(this, _Viewer_drawFrameSnapshotQueue, "f").length === 0) {
+      __classPrivateFieldSet$1(this, _Viewer_drawFrameStatus, "COMPLETE", "f");
+      return;
+    }
+    if (__classPrivateFieldSet$1(this, _Viewer_drawFrameStatus, "DRAWING", "f")) {
+      requestAnimationFrame(() => {
+        __classPrivateFieldGet$1(this, _Viewer_instances, "m", _Viewer_drawAnimationFrame2).call(this);
+      });
+    }
+  };
   var __classPrivateFieldSet = function(receiver, state, value, kind, f) {
     if (kind === "m")
       throw new TypeError("Private method is not writable");
@@ -4755,7 +4815,7 @@ var __privateMethod = (obj, member, method) => {
         eventHub.off(middlewareEventSelectClear, selectClearCallback);
       },
       hover: (e) => {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         const resizeType = sharer.getSharedStorage(keyResizeType);
         const actionType = sharer.getSharedStorage(keyActionType);
         const groupQueue = sharer.getSharedStorage(keyGroupQueue);
@@ -4817,7 +4877,16 @@ var __privateMethod = (obj, member, method) => {
           })
         });
         triggerCursor(target);
-        if (target.type === "over-element" && ((_b = target == null ? void 0 : target.elements) == null ? void 0 : _b.length) === 1) {
+        if (target.type === null) {
+          return;
+        }
+        if (target.type === "over-element" && sharer.getSharedStorage(keyActionType) === "select" && target.elements.length === 1 && target.elements[0].uuid === ((_c = (_b = getActiveElements()) == null ? void 0 : _b[0]) == null ? void 0 : _c.uuid)) {
+          return;
+        }
+        if (target.type === "over-element" && sharer.getSharedStorage(keyActionType) === null && target.elements.length === 1 && target.elements[0].uuid === ((_d = sharer.getSharedStorage(keyHoverElement)) == null ? void 0 : _d.uuid)) {
+          return;
+        }
+        if (target.type === "over-element" && ((_e = target == null ? void 0 : target.elements) == null ? void 0 : _e.length) === 1) {
           sharer.setSharedStorage(keyHoverElement, target.elements[0]);
           updateHoverElement(target.elements[0]);
           viewer.drawFrame();