@netless/appliance-plugin 1.1.14-beta.0 → 1.1.14-beta.1

package/dist/{index-B3RMMnuz.mjs → index-DFl78uPi.mjs}

@@ -1133,7 +1133,7 @@ function sg(a) {
   return tg(a, eg | ig);
 }
 var og = sg;
-const Pt = /* @__PURE__ */ je(og), Qo = "1.1.14-beta.0", ng = "@netless/appliance-plugin", ns = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const Pt = /* @__PURE__ */ je(og), Qo = "1.1.14-beta.1", ng = "@netless/appliance-plugin", ns = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
   a += ` ${ng}@${Qo}`, window.__netlessUA = a;
@@ -1267,7 +1267,7 @@ const jt = class jt {
       y: Math.floor(p.y - jt.SafeBorderPadding),
       width: Math.floor(p.width + jt.SafeBorderPadding * 2),
       height: Math.floor(p.height + jt.SafeBorderPadding * 2)
-    }, I = f.options.displayRatio, m = Math.floor(M.x * I), N = Math.floor(M.y * I), T = Math.floor(M.width * I), S = Math.floor(M.height * I), w = this.isTransparentRectByCanvas(f.context, { x: m, y: N, w: T, h: S });
+    }, I = f.options.displayRatio, m = Math.floor(M.x * I), S = Math.floor(M.y * I), T = Math.floor(M.width * I), N = Math.floor(M.height * I), w = this.isTransparentRectByCanvas(f.context, { x: m, y: S, w: T, h: N });
     if (c.removeChild(g), w) {
       this.isDelete = !0, console.log("isTransparent===>", this.workId, (C = this.vNodes) == null ? void 0 : C.curNodeMap.size);
       return;
@@ -1390,10 +1390,10 @@ const jt = class jt {
     const I = t.parent;
     if (I) {
       if (h && d && n) {
-        const N = [M.op[0], M.op[1]];
+        const S = [M.op[0], M.op[1]];
         ps(M.op, u, d, c);
-        const T = [M.op[0], M.op[1]], S = [T[0] - N[0], T[1] - N[1]];
-        if (M.centerPos = [M.centerPos[0] + S[0], M.centerPos[1] + S[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
+        const T = [M.op[0], M.op[1]], N = [T[0] - S[0], T[1] - S[1]];
+        if (M.centerPos = [M.centerPos[0] + N[0], M.centerPos[1] + N[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
           for (const w of Object.values(M.opt.eraserlines)) {
             const { op: C, thickness: L } = w;
             w.thickness = L * Math.max(d[0], d[1]);
@@ -1402,46 +1402,46 @@ const jt = class jt {
           }
       } else if (c)
         if (t.setAttribute("translate", c), M.opt.translate = c, n) {
-          const N = [c[0] * I.worldScaling[0], c[1] * I.worldScaling[1]];
-          p = Fi(M.rect, N), M.rect = p;
+          const S = [c[0] * I.worldScaling[0], c[1] * I.worldScaling[1]];
+          p = Fi(M.rect, S), M.rect = p;
         } else {
-          const N = jt.getRectFromLayer(I, t.name);
-          M.rect = N || M.rect;
+          const S = jt.getRectFromLayer(I, t.name);
+          M.rect = S || M.rect;
         }
       else if (Wt(l))
         if (t.setAttribute("rotate", l), M.opt.rotate = l, n)
           p = un(M.rect, l), M.rect = p;
         else {
-          const N = jt.getRectFromLayer(I, t.name);
-          M.rect = N || M.rect;
+          const S = jt.getRectFromLayer(I, t.name);
+          M.rect = S || M.rect;
         }
       if (g) {
-        const N = g.get(t.name);
-        if (N)
-          for (let T = 0, S = 0; T < M.op.length; T += 3, S++)
-            M.op[T] = N[S][0], M.op[T + 1] = N[S][1];
+        const S = g.get(t.name);
+        if (S)
+          for (let T = 0, N = 0; T < M.op.length; T += 3, N++)
+            M.op[T] = S[N][0], M.op[T + 1] = S[N][1];
       }
       if (f && ((m = M == null ? void 0 : M.opt) != null && m.thickness) && (M.opt.thickness = f), o && !(h && d && n)) {
         if (c) {
-          const N = M.op.map((T, S) => {
-            const w = S % 3;
+          const S = M.op.map((T, N) => {
+            const w = N % 3;
             return w === 0 ? T + c[0] : w === 1 ? T + c[1] : T;
           });
-          if (M.op = N, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0), M.opt.eraserlines)
+          if (M.op = S, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0), M.opt.eraserlines)
             for (const T of Object.values(M.opt.eraserlines)) {
-              const { op: S } = T;
-              for (let w = 0; w < S.length; w++) {
-                const C = S[w].map((L, A) => A % 2 ? L + c[1] : L + c[0]);
+              const { op: N } = T;
+              for (let w = 0; w < N.length; w++) {
+                const C = N[w].map((L, A) => A % 2 ? L + c[1] : L + c[0]);
                 T.op[w] = C;
               }
             }
         } else if (Wt(l)) {
-          const N = M.op;
-          if (EM(N, M.centerPos, l), M.op = N, M != null && M.opt && (M.opt.rotate = void 0), M.opt.eraserlines)
+          const S = M.op;
+          if (EM(S, M.centerPos, l), M.op = S, M != null && M.opt && (M.opt.rotate = void 0), M.opt.eraserlines)
             for (const T of Object.values(M.opt.eraserlines)) {
-              const { op: S } = T;
-              for (let w = 0; w < S.length; w++)
-                OM(S[w], M.centerPos, l);
+              const { op: N } = T;
+              for (let w = 0; w < N.length; w++)
+                OM(N[w], M.centerPos, l);
             }
         }
       }
@@ -1638,7 +1638,7 @@ class Go extends W {
       (C = r.getElementById(w + "")) == null || C.remove();
     }), n.clear()), c && this.removeDrawCountNodes(r, c);
     let I;
-    const m = [], N = r.worldPosition, T = r.worldScaling;
+    const m = [], S = r.worldPosition, T = r.worldScaling;
     for (let w = 0; w < s.length; w++) {
       const { pos: C, points: L } = s[w], { ps: A, rect: j } = this.computDrawPoints(L);
       let D;
@@ -1654,18 +1654,18 @@ class Go extends W {
         lineWidth: h === et.Stroke || R ? 0 : u
       };
       I = ht(I, {
-        x: Math.floor((j.x + C[0]) * T[0] + N[0] - W.SafeBorderPadding),
-        y: Math.floor((j.y + C[1]) * T[1] + N[1] - W.SafeBorderPadding),
+        x: Math.floor((j.x + C[0]) * T[0] + S[0] - W.SafeBorderPadding),
+        y: Math.floor((j.y + C[1]) * T[1] + S[1] - W.SafeBorderPadding),
         w: Math.floor(j.w * T[0] + 2 * W.SafeBorderPadding),
         h: Math.floor(j.h * T[1] + 2 * W.SafeBorderPadding)
       }), m.push(z);
     }
     g && (e.scale = g), f && (e.rotate = f), p && (e.translate = p);
-    const S = new Yt();
+    const N = new Yt();
     if (I) {
       this.centerPos = W.getCenterPos(I, r);
       const w = h === et.Stroke && !M;
-      S.attr({
+      N.attr({
         ...e,
         normalize: !0,
         anchor: [0.5, 0.5],
@@ -1675,15 +1675,15 @@ class Go extends W {
         zIndex: d
       });
       const C = m.map((L) => (L.pos = [L.pos[0] - this.centerPos[0], L.pos[1] - this.centerPos[1]], new ce(L)));
-      S.append(...C), w && S.seal(), M && (this.scaleType = ct.proportional, this.drawEraserlines({
-        group: S,
+      N.append(...C), w && N.seal(), M && (this.scaleType = ct.proportional, this.drawEraserlines({
+        group: N,
         eraserlines: M,
         pos: this.centerPos,
         layer: r
-      })), this.replace(r, o, S);
+      })), this.replace(r, o, N);
     }
     if (g || f || p) {
-      const w = S == null ? void 0 : S.getBoundingClientRect();
+      const w = N == null ? void 0 : N.getBoundingClientRect();
       if (w)
         return {
           x: Math.floor(w.x - W.SafeBorderPadding),
@@ -1752,7 +1752,7 @@ class Go extends W {
         radius: M
       }), o > 0 && o < t.length - 1) {
         const I = t[o].getAngleByPoints(t[o - 1], t[o + 1]);
-        if (I < 90 || I > 270) {
+        if (I < 60 || I > 300) {
           const m = (u = l.pop()) == null ? void 0 : u.point.clone();
           m && s.push({
             taskId: h,
@@ -1762,9 +1762,9 @@ class Go extends W {
               radius: M
             }]
           }), n = t[o].x, r = t[o].y, c = [n, r];
-          const N = d.x - n, T = d.y - r;
+          const S = d.x - n, T = d.y - r;
           l = [{
-            point: new F(N, T, p),
+            point: new F(S, T, p),
             radius: M
           }], h = Date.now();
         }
@@ -1793,10 +1793,10 @@ class Go extends W {
           if (g.setz(Math.min(g.z + 1, this.MAX_REPEAR)), r = Math.min(r, d), h > 1) {
             let I = h - 1;
             for (; I > 0; ) {
-              const m = this.tmpPoints[I].distance(this.tmpPoints[I - 1]), N = Math.max(this.tmpPoints[I].z - this.uniThickness * m, 0);
-              if (this.tmpPoints[I - 1].z >= N)
+              const m = this.tmpPoints[I].distance(this.tmpPoints[I - 1]), S = Math.max(this.tmpPoints[I].z - this.uniThickness * m, 0);
+              if (this.tmpPoints[I - 1].z >= S)
                 break;
-              this.tmpPoints[I - 1].setz(N), r = Math.min(r, I - 1), I--;
+              this.tmpPoints[I - 1].setz(S), r = Math.min(r, I - 1), I--;
             }
           }
         } else
@@ -2100,7 +2100,7 @@ class Zo extends W {
       const h = t[s], u = h.x - o, d = h.y - n;
       if (c.push(new F(u, d)), s > 0 && s < t.length - 1) {
         const g = t[s].getAngleByPoints(t[s - 1], t[s + 1]);
-        if (g < 90 || g > 270) {
+        if (g < 60 || g > 300) {
           const f = (l = c.pop()) == null ? void 0 : l.clone();
           f && e.push({
             pos: r,
@@ -2404,16 +2404,16 @@ function Zg(a, i, t, e, s, o) {
     d = r[u];
     var I = a[d], m = i[d];
     if (e)
-      var N = n ? e(m, I, d, i, a, o) : e(I, m, d, a, i, o);
-    if (!(N === void 0 ? I === m || s(I, m, t, e, o) : N)) {
+      var S = n ? e(m, I, d, i, a, o) : e(I, m, d, a, i, o);
+    if (!(S === void 0 ? I === m || s(I, m, t, e, o) : S)) {
       p = !1;
       break;
     }
     M || (M = d == "constructor");
   }
   if (p && !M) {
-    var T = a.constructor, S = i.constructor;
-    T != S && "constructor" in a && "constructor" in i && !(typeof T == "function" && T instanceof T && typeof S == "function" && S instanceof S) && (p = !1);
+    var T = a.constructor, N = i.constructor;
+    T != N && "constructor" in a && "constructor" in i && !(typeof T == "function" && T instanceof T && typeof N == "function" && N instanceof N) && (p = !1);
   }
   return o.delete(a), o.delete(i), p;
 }
@@ -2706,7 +2706,7 @@ const we = /* @__PURE__ */ je(lf), fi = class fi extends W {
     return t === v.Ellipse || t === v.Triangle || t === v.Rectangle || t === v.Polygon || t === v.Star || t === v.SpeechBalloon;
   }
   async updateSelector(t) {
-    var S;
+    var N;
     const { updateSelectorOpt: e, selectIds: s, vNodes: o, willSerializeData: n, worker: r, offset: c } = t, l = this.fullLayer;
     if (!l)
       return;
@@ -2735,7 +2735,7 @@ const we = /* @__PURE__ */ je(lf), fi = class fi extends W {
             const z = { ...e };
             let E;
             if (L) {
-              z.thickness && C.opt.thickness && (D = C.opt.thickness !== z.thickness), z.strokeType && ((S = C.opt) != null && S.strokeType) && (R = C.opt.strokeType !== z.strokeType), E = m == null ? void 0 : m.get(w);
+              z.thickness && C.opt.thickness && (D = C.opt.thickness !== z.thickness), z.strokeType && ((N = C.opt) != null && N.strokeType) && (R = C.opt.strokeType !== z.strokeType), E = m == null ? void 0 : m.get(w);
               const st = nn(L);
               if (st == null || st.updateNodeOpt({
                 node: j,
@@ -2780,13 +2780,13 @@ const we = /* @__PURE__ */ je(lf), fi = class fi extends W {
         }
       }
     m && g === P.Done && (o.deleteLastTarget(), m = void 0);
-    const N = h;
-    if (d && p && I && M && N && !c) {
+    const S = h;
+    if (d && p && I && M && S && !c) {
       const w = [
-        [N.x, N.y],
-        [N.x + N.w, N.y],
-        [N.x + N.w, N.y + N.h],
-        [N.x, N.y + N.h]
+        [S.x, S.y],
+        [S.x + S.w, S.y],
+        [S.x + S.w, S.y + S.h],
+        [S.x, S.y + S.h]
       ];
       let C;
       switch (M) {
@@ -2814,15 +2814,15 @@ const we = /* @__PURE__ */ je(lf), fi = class fi extends W {
     this.getSelecteorInfo(u), this.draw(H, l, {
       selectIds: s || [],
       subNodeMap: u,
-      intersectRect: N
+      intersectRect: S
     });
-    const T = ht(this.oldSelectRect, N);
-    return this.oldSelectRect = N, {
+    const T = ht(this.oldSelectRect, S);
+    return this.oldSelectRect = S, {
       type: x.Select,
       dataType: U.Local,
-      selectRect: N,
+      selectRect: S,
       renderRect: h,
-      rect: ht(T, N),
+      rect: ht(T, S),
       selectIds: s
     };
   }
@@ -2986,11 +2986,11 @@ class qo extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, g = s.worldPosition, f = s.worldScaling, { points: p, pos: M, rect: I, isTriangle: m, trianglePoints: N, trianglePos: T } = this.computDrawPoints(n), S = [
+    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, g = s.worldPosition, f = s.worldScaling, { points: p, pos: M, rect: I, isTriangle: m, trianglePoints: S, trianglePos: T } = this.computDrawPoints(n), N = [
       I.x + I.w / 2,
       I.y + I.h / 2
     ], w = {
-      pos: S,
+      pos: N,
       name: e,
       id: e,
       zIndex: r,
@@ -2999,8 +2999,8 @@ class qo extends W {
     };
     c && (w.scale = c), l && (w.rotate = l), h && (w.translate = h);
     const C = new Yt(w), L = {
-      points: N,
-      pos: [T[0] - S[0], T[1] - S[1]],
+      points: S,
+      pos: [T[0] - N[0], T[1] - N[1]],
       fillColor: o,
       strokeColor: o,
       lineWidth: 0,
@@ -3009,7 +3009,7 @@ class qo extends W {
     if (C.append(A), !m && p && M) {
       const j = {
         points: p,
-        pos: [M[0] - S[0], M[1] - S[1]],
+        pos: [M[0] - N[0], M[1] - N[1]],
         fillColor: o,
         strokeColor: o,
         lineDash: u === et.Dotted && !m ? [1, n * 2] : u === et.LongDotted && !m ? [n, n * 2] : void 0,
@@ -3022,7 +3022,7 @@ class qo extends W {
     if (d && (this.scaleType = ct.proportional, this.drawEraserlines({
       group: C,
       eraserlines: d,
-      pos: S,
+      pos: N,
       layer: s
     })), this.replace(s, e, C), c || l || h) {
       const j = C.getBoundingClientRect();
@@ -3177,7 +3177,7 @@ class Ko extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: g, eraserlines: f } = this.workOptions, p = s.worldScaling, { radius: M, rect: I, pos: m } = this.computDrawPoints(c), N = {
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: g, eraserlines: f } = this.workOptions, p = s.worldScaling, { radius: M, rect: I, pos: m } = this.computDrawPoints(c), S = {
       pos: m,
       name: e,
       id: e,
@@ -3198,7 +3198,7 @@ class Ko extends W {
       size: [I.w, I.h]
     };
     h && (T.scale = h), u && (T.rotate = u), d && (T.translate = d);
-    const S = new Yt(T);
+    const N = new Yt(T);
     if (o) {
       const L = new ce({
         d: "M-4,0H4M0,-4V4",
@@ -3208,19 +3208,19 @@ class Ko extends W {
         lineWidth: 1,
         scale: [1 / p[0], 1 / p[1]]
       });
-      S.append(L);
+      N.append(L);
     }
     const w = new vn({
-      ...N,
+      ...S,
       pos: [0, 0]
     });
-    S.append(w), f && (this.scaleType = ct.proportional, this.drawEraserlines({
-      group: S,
+    N.append(w), f && (this.scaleType = ct.proportional, this.drawEraserlines({
+      group: N,
       eraserlines: f,
       pos: m,
       layer: s
-    })), this.replace(s, e, S);
-    const C = S.getBoundingClientRect();
+    })), this.replace(s, e, N);
+    const C = N.getBoundingClientRect();
     return {
       x: Math.floor(C.x - W.SafeBorderPadding),
       y: Math.floor(C.y - W.SafeBorderPadding),
@@ -3370,10 +3370,10 @@ class _o extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: g, translate: f, strokeType: p, eraserlines: M } = this.workOptions, I = s.worldPosition, m = s.worldScaling, { points: N, rect: T, pos: S } = this.computDrawPoints(n), w = {
+    const { workId: e, layer: s, isDrawing: o, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: g, translate: f, strokeType: p, eraserlines: M } = this.workOptions, I = s.worldPosition, m = s.worldScaling, { points: S, rect: T, pos: N } = this.computDrawPoints(n), w = {
       close: !0,
       normalize: !0,
-      points: N,
+      points: S,
       lineWidth: h,
       fillColor: l !== "transparent" && l || void 0,
       strokeColor: c,
@@ -3389,7 +3389,7 @@ class _o extends W {
       name: e,
       id: e,
       zIndex: u,
-      pos: S,
+      pos: N,
       anchor: [0.5, 0.5],
       size: [
         T.w,
@@ -3416,7 +3416,7 @@ class _o extends W {
     if (M && (this.scaleType = ct.proportional, this.drawEraserlines({
       group: L,
       eraserlines: M,
-      pos: S,
+      pos: N,
       layer: s
     })), this.replace(s, r || e, L), d || g || f) {
       const j = L.getBoundingClientRect();
@@ -3542,9 +3542,9 @@ class tn extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: g, rotate: f, translate: p, strokeType: M, eraserlines: I } = this.workOptions, m = s.worldScaling, { rect: N, pos: T, points: S } = this.computDrawPoints(c, h, u, d), w = {
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: g, rotate: f, translate: p, strokeType: M, eraserlines: I } = this.workOptions, m = s.worldScaling, { rect: S, pos: T, points: N } = this.computDrawPoints(c, h, u, d), w = {
       close: !0,
-      points: S,
+      points: N,
       lineWidth: c,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: n,
@@ -3558,7 +3558,7 @@ class tn extends W {
       zIndex: l,
       pos: T,
       anchor: [0.5, 0.5],
-      size: [N.w, N.h]
+      size: [S.w, S.h]
     };
     g && (C.scale = g), f && (C.rotate = f), p && (C.translate = p);
     const L = new Yt(C);
@@ -3717,9 +3717,9 @@ class en extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: g, strokeType: f, eraserlines: p } = this.workOptions, M = s.worldScaling, { rect: I, pos: m, points: N } = this.computDrawPoints(c, h), T = {
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: g, strokeType: f, eraserlines: p } = this.workOptions, M = s.worldScaling, { rect: I, pos: m, points: S } = this.computDrawPoints(c, h), T = {
       close: !0,
-      points: N,
+      points: S,
       lineWidth: c,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: n,
@@ -3727,7 +3727,7 @@ class en extends W {
       lineJoin: "round",
       lineCap: "round",
       lineDash: f === et.Dotted ? [1, c * 2] : f === et.LongDotted ? [c, c * 2] : void 0
-    }, S = {
+    }, N = {
       name: e,
       id: e,
       zIndex: l,
@@ -3735,8 +3735,8 @@ class en extends W {
       anchor: [0.5, 0.5],
       size: [I.w, I.h]
     };
-    u && (S.scale = u), d && (S.rotate = d), g && (S.translate = g);
-    const w = new Yt(S);
+    u && (N.scale = u), d && (N.rotate = d), g && (N.translate = g);
+    const w = new Yt(N);
     if (o) {
       const A = new ce({
         d: "M-4,0H4M0,-4V4",
@@ -3969,7 +3969,7 @@ class sn extends W {
       lineJoin: "round",
       lineCap: "round",
       lineDash: g === et.Dotted ? [1, r * 2] : g === et.LongDotted ? [r, r * 2] : void 0
-    }, N = {
+    }, S = {
       name: e,
       id: e,
       zIndex: c,
@@ -3977,12 +3977,12 @@ class sn extends W {
       anchor: [0.5, 0.5],
       size: [p.w, p.h]
     };
-    h && (N.scale = h), u && (N.rotate = u), d && (N.translate = d);
-    const T = new Yt(N), S = new ue({
+    h && (S.scale = h), u && (S.rotate = u), d && (S.translate = d);
+    const T = new Yt(S), N = new ue({
       ...m,
       pos: [0, 0]
     });
-    T.append(S), f && (this.scaleType = ct.proportional, this.drawEraserlines({
+    T.append(N), f && (this.scaleType = ct.proportional, this.drawEraserlines({
       group: T,
       eraserlines: f,
       pos: M,
@@ -4046,65 +4046,65 @@ class sn extends W {
     }
   }
   computDrawPoints(t, e) {
-    const s = Mt(this.tmpPoints), o = this.transformControlPoints(e), n = Math.floor(s.w * 0.1), r = Math.floor(s.h * 0.1), c = [], l = b.Add(o[0], new b(0, r, 0)), h = b.Add(o[0], new b(n, 0, 0)), u = qt.getBezierPoints(10, l, o[0], h), d = b.Sub(o[1], new b(n, 0, 0)), g = b.Add(o[1], new b(0, r, 0)), f = qt.getBezierPoints(10, d, o[1], g), p = b.Sub(o[2], new b(0, r, 0)), M = b.Sub(o[2], new b(n, 0, 0)), I = qt.getBezierPoints(10, p, o[2], M), m = b.Add(o[3], new b(n, 0, 0)), N = b.Sub(o[3], new b(0, r, 0)), T = qt.getBezierPoints(10, m, o[3], N), S = n * (1 - this.ratio) * 10, w = r * (1 - this.ratio) * 10;
+    const s = Mt(this.tmpPoints), o = this.transformControlPoints(e), n = Math.floor(s.w * 0.1), r = Math.floor(s.h * 0.1), c = [], l = b.Add(o[0], new b(0, r, 0)), h = b.Add(o[0], new b(n, 0, 0)), u = qt.getBezierPoints(10, l, o[0], h), d = b.Sub(o[1], new b(n, 0, 0)), g = b.Add(o[1], new b(0, r, 0)), f = qt.getBezierPoints(10, d, o[1], g), p = b.Sub(o[2], new b(0, r, 0)), M = b.Sub(o[2], new b(n, 0, 0)), I = qt.getBezierPoints(10, p, o[2], M), m = b.Add(o[3], new b(n, 0, 0)), S = b.Sub(o[3], new b(0, r, 0)), T = qt.getBezierPoints(10, m, o[3], S), N = n * (1 - this.ratio) * 10, w = r * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
-        const A = b.Sub(o[2], new b(n * 5 - S / 2, 0, 0)), j = b.Sub(o[2], new b(n * 5, -w, 0)), D = b.Sub(o[2], new b(n * 5 + S / 2, 0, 0));
+        const A = b.Sub(o[2], new b(n * 5 - N / 2, 0, 0)), j = b.Sub(o[2], new b(n * 5, -w, 0)), D = b.Sub(o[2], new b(n * 5 + N / 2, 0, 0));
         c.push(j, D, ...T, ...u, ...f, ...I, A);
         break;
       }
       case "bottomRight": {
-        const A = b.Sub(o[2], new b(n * 1.1, 0, 0)), j = b.Sub(o[2], new b(n * 1.1 + S / 2, -w, 0)), D = b.Sub(o[2], new b(n * 1.1 + S, 0, 0));
+        const A = b.Sub(o[2], new b(n * 1.1, 0, 0)), j = b.Sub(o[2], new b(n * 1.1 + N / 2, -w, 0)), D = b.Sub(o[2], new b(n * 1.1 + N, 0, 0));
         c.push(j, D, ...T, ...u, ...f, ...I, A);
         break;
       }
       case "bottomLeft": {
-        const A = b.Add(o[3], new b(n * 1.1 + S, 0, 0)), j = b.Add(o[3], new b(n * 1.1 + S / 2, w, 0)), D = b.Add(o[3], new b(n * 1.1, 0, 0));
+        const A = b.Add(o[3], new b(n * 1.1 + N, 0, 0)), j = b.Add(o[3], new b(n * 1.1 + N / 2, w, 0)), D = b.Add(o[3], new b(n * 1.1, 0, 0));
         c.push(j, D, ...T, ...u, ...f, ...I, A);
         break;
       }
       case "top": {
-        const A = b.Sub(o[1], new b(n * 5 - S / 2, 0, 0)), j = b.Sub(o[1], new b(n * 5, w, 0)), D = b.Sub(o[1], new b(n * 5 + S / 2, 0, 0));
+        const A = b.Sub(o[1], new b(n * 5 - N / 2, 0, 0)), j = b.Sub(o[1], new b(n * 5, w, 0)), D = b.Sub(o[1], new b(n * 5 + N / 2, 0, 0));
         c.push(j, A, ...f, ...I, ...T, ...u, D);
         break;
       }
       case "topRight": {
-        const A = b.Sub(o[1], new b(n * 1.1, 0, 0)), j = b.Sub(o[1], new b(n * 1.1 + S / 2, w, 0)), D = b.Sub(o[1], new b(n * 1.1 + S, 0, 0));
+        const A = b.Sub(o[1], new b(n * 1.1, 0, 0)), j = b.Sub(o[1], new b(n * 1.1 + N / 2, w, 0)), D = b.Sub(o[1], new b(n * 1.1 + N, 0, 0));
         c.push(j, A, ...f, ...I, ...T, ...u, D);
         break;
       }
       case "topLeft": {
-        const A = b.Add(o[0], new b(n * 1.1 + S, 0, 0)), j = b.Add(o[0], new b(n * 1.1 + S / 2, -w, 0)), D = b.Add(o[0], new b(n * 1.1, 0, 0));
+        const A = b.Add(o[0], new b(n * 1.1 + N, 0, 0)), j = b.Add(o[0], new b(n * 1.1 + N / 2, -w, 0)), D = b.Add(o[0], new b(n * 1.1, 0, 0));
         c.push(j, A, ...f, ...I, ...T, ...u, D);
         break;
       }
       case "left": {
-        const A = b.Add(o[0], new b(0, r * 5 - w / 2, 0)), j = b.Add(o[0], new b(-S, r * 5, 0)), D = b.Add(o[0], new b(0, r * 5 + w / 2, 0));
+        const A = b.Add(o[0], new b(0, r * 5 - w / 2, 0)), j = b.Add(o[0], new b(-N, r * 5, 0)), D = b.Add(o[0], new b(0, r * 5 + w / 2, 0));
         c.push(j, A, ...u, ...f, ...I, ...T, D);
         break;
       }
       case "leftTop": {
-        const A = b.Add(o[0], new b(0, r * 1.1, 0)), j = b.Add(o[0], new b(-S, r * 1.1 + w / 2, 0)), D = b.Add(o[0], new b(0, r * 1.1 + w, 0));
+        const A = b.Add(o[0], new b(0, r * 1.1, 0)), j = b.Add(o[0], new b(-N, r * 1.1 + w / 2, 0)), D = b.Add(o[0], new b(0, r * 1.1 + w, 0));
         c.push(j, A, ...u, ...f, ...I, ...T, D);
         break;
       }
       case "leftBottom": {
-        const A = b.Sub(o[3], new b(0, r * 1.1 + w, 0)), j = b.Sub(o[3], new b(S, r * 1.1 + w / 2, 0)), D = b.Sub(o[3], new b(0, r * 1.1, 0));
+        const A = b.Sub(o[3], new b(0, r * 1.1 + w, 0)), j = b.Sub(o[3], new b(N, r * 1.1 + w / 2, 0)), D = b.Sub(o[3], new b(0, r * 1.1, 0));
         c.push(j, A, ...u, ...f, ...I, ...T, D);
         break;
       }
       case "right": {
-        const A = b.Add(o[1], new b(0, r * 5 - w / 2, 0)), j = b.Add(o[1], new b(S, r * 5, 0)), D = b.Add(o[1], new b(0, r * 5 + w / 2, 0));
+        const A = b.Add(o[1], new b(0, r * 5 - w / 2, 0)), j = b.Add(o[1], new b(N, r * 5, 0)), D = b.Add(o[1], new b(0, r * 5 + w / 2, 0));
         c.push(j, D, ...I, ...T, ...u, ...f, A);
         break;
       }
       case "rightTop": {
-        const A = b.Add(o[1], new b(0, r * 1.1, 0)), j = b.Add(o[1], new b(S, r * 1.1 + w / 2, 0)), D = b.Add(o[1], new b(0, r * 1.1 + w, 0));
+        const A = b.Add(o[1], new b(0, r * 1.1, 0)), j = b.Add(o[1], new b(N, r * 1.1 + w / 2, 0)), D = b.Add(o[1], new b(0, r * 1.1 + w, 0));
         c.push(j, D, ...I, ...T, ...u, ...f, A);
         break;
       }
       case "rightBottom": {
-        const A = b.Sub(o[2], new b(0, r * 1.1 + w, 0)), j = b.Sub(o[2], new b(-S, r * 1.1 + w / 2, 0)), D = b.Sub(o[2], new b(0, r * 1.1, 0));
+        const A = b.Sub(o[2], new b(0, r * 1.1 + w, 0)), j = b.Sub(o[2], new b(-N, r * 1.1 + w / 2, 0)), D = b.Sub(o[2], new b(0, r * 1.1, 0));
         c.push(j, D, ...I, ...T, ...u, ...f, A);
         break;
       }
@@ -4239,7 +4239,7 @@ class on extends W {
     const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, g = s.worldPosition, f = s.worldScaling, { d: p, rect: M, isDot: I } = this.computDrawPoints(n, u), m = [
       M.x + M.w / 2,
       M.y + M.h / 2
-    ], N = new Yt({
+    ], S = new Yt({
       pos: m,
       anchor: [0.5, 0.5],
       size: [M.w, M.h],
@@ -4258,14 +4258,14 @@ class on extends W {
       lineWidth: u === et.Normal || I ? 0 : n
     };
     c && (T.scale = c), l && (T.rotate = l), h && (T.translate = h);
-    const S = new ce(T);
-    if (N.append(S), d && (this.scaleType = ct.proportional, this.drawEraserlines({
-      group: N,
+    const N = new ce(T);
+    if (S.append(N), d && (this.scaleType = ct.proportional, this.drawEraserlines({
+      group: S,
       eraserlines: d,
       pos: m,
       layer: s
-    })), this.replace(s, e, N), l || c || h) {
-      const C = S.getBoundingClientRect();
+    })), this.replace(s, e, S), l || c || h) {
+      const C = N.getBoundingClientRect();
       return {
         x: Math.floor(C.x - W.SafeBorderPadding),
         y: Math.floor(C.y - W.SafeBorderPadding),
@@ -4451,7 +4451,7 @@ const he = class he extends W {
   }
   static async createLabels(t, e, s) {
     var D;
-    const o = [], { x: n, y: r } = s, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: g, bold: f, textAlign: p, italic: M, fontFamily: I, verticalAlign: m, fontColor: N, fontBgColor: T, underline: S, lineThrough: w } = t, C = he.getSafetySnippetRatio(e) || 1, L = Math.floor(d * C), A = he.getSafetySnippetFontLength(L);
+    const o = [], { x: n, y: r } = s, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: g, bold: f, textAlign: p, italic: M, fontFamily: I, verticalAlign: m, fontColor: S, fontBgColor: T, underline: N, lineThrough: w } = t, C = he.getSafetySnippetRatio(e) || 1, L = Math.floor(d * C), A = he.getSafetySnippetFontLength(L);
     let j = 0;
     for (let R = 0; R < u; R++) {
       const z = h[R], E = g || L * 1.5;
@@ -4473,9 +4473,9 @@ const he = class he extends W {
             fontFamily: I,
             fontSize: L,
             lineHeight: E,
-            strokeColor: N,
+            strokeColor: S,
             fontWeight: f,
-            fillColor: N,
+            fillColor: S,
             textAlign: p,
             fontStyle: M,
             scale: [1 / C, 1 / C]
@@ -4493,13 +4493,13 @@ const he = class he extends W {
         V[0] = G, M === "italic" && (V[0] = V[0] + Q * d), j = Math.max(j, V[0]);
         let Lt = !0;
         if (((K[0] + V[0]) * e.worldScaling[0] + n <= 0 || K[0] * e.worldScaling[0] + n >= c || (K[1] + V[1]) * e.worldScaling[0] + r <= 0 || K[1] * e.worldScaling[1] + r >= l) && (Lt = !1), Lt) {
-          if (S) {
+          if (N) {
             const X = Math.floor(d / 10), $ = {
               normalize: !1,
               pos: [0, d * 1.1 + X / 2],
               lineWidth: X,
               points: [0, 0, Math.ceil(V[0]), 0],
-              strokeColor: N,
+              strokeColor: S,
               className: "underline"
             }, dt = new ue($);
             q.push(dt);
@@ -4510,7 +4510,7 @@ const he = class he extends W {
               pos: [0, d * 1.2 / 2],
               lineWidth: Math.floor(d / 10),
               points: [0, 0, Math.ceil(V[0]), 0],
-              strokeColor: N,
+              strokeColor: S,
               className: "lineThrough"
             }, $ = new ue(X);
             q.push($);
@@ -4541,11 +4541,11 @@ const he = class he extends W {
       underline: M,
       fontSize: I,
       textInfos: m,
-      zIndex: N
-    } = s, T = n && Pt(n);
+      zIndex: S
+    } = s, T = n && Pt(n) || o.get(e.name);
     if (!T || !e.parent) return;
     const w = T.opt;
-    if (Wt(N) && (e.setAttribute("zIndex", N), T.opt.zIndex = N), c && w.fontColor && (w.fontColor = c, e.children.forEach((C) => {
+    if (Wt(S) && (e.setAttribute("zIndex", S), T.opt.zIndex = S), c && w.fontColor && (w.fontColor = c, e.children.forEach((C) => {
       C.tagName === "GROUP" && C.children.forEach((L) => {
         L.tagName === "LABEL" ? (L.setAttribute("fillColor", c), L.setAttribute("strokeColor", c)) : L.tagName === "POLYLINE" && L.setAttribute("strokeColor", c);
       });
@@ -4714,18 +4714,18 @@ const be = class be extends W {
             if (p.length && (s.add(c.name), !u)) {
               const M = this.translateIntersect(p), I = this.cutPolyline(M, g);
               for (let m = 0; m < I.length; m++) {
-                const N = `${r}_s_${m}`, T = [];
-                I[m].forEach((S) => {
-                  T.push((S.x - this.worldPosition[0]) / this.worldScaling[0], (S.y - this.worldPosition[1]) / this.worldScaling[1], S.z);
-                }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(N, {
+                const S = `${r}_s_${m}`, T = [];
+                I[m].forEach((N) => {
+                  T.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
+                }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(S, {
                   rect: f,
                   op: T,
                   opt: c.opt,
                   canRotate: c.canRotate,
                   scaleType: c.scaleType,
                   toolsType: c.toolsType
-                }), o.set(N, {
-                  workId: N,
+                }), o.set(S, {
+                  workId: S,
                   op: T,
                   opt: c.opt,
                   toolsType: c.toolsType
@@ -4845,7 +4845,7 @@ const xe = class xe extends W {
       name: r
     };
     return {
-      rect: this.draw({ attrs: c, consumePoints: this.tmpPoints, replaceId: r, layer: n, thickness: o, angle: 0 }),
+      rect: this.draw({ attrs: c, consumePoints: this.tmpPoints, replaceId: r, layer: n, thickness: o }),
       type: x.DrawWork,
       dataType: U.Local
     };
@@ -4866,7 +4866,7 @@ const xe = class xe extends W {
     const n = this.tmpPoints[0].z * 2, r = s ? this.fullLayer : this.drawLayer || this.fullLayer, l = {
       name: this.workId
     };
-    return this.draw({ attrs: l, consumePoints: this.tmpPoints, layer: r, thickness: n, replaceId: o, angle: 0 });
+    return this.draw({ attrs: l, consumePoints: this.tmpPoints, layer: r, thickness: n, replaceId: o });
   }
   updateTempPoints(t, e) {
     let s = this.tmpPoints.length - 1;
@@ -4909,25 +4909,25 @@ const xe = class xe extends W {
         Qi.polyline(m, f, p);
       if (p.length && d.opt)
         for (const m of p) {
-          const N = [];
+          const S = [];
           for (let T = 0; T < m.length; T++)
-            T !== 0 && we(m[T], m[T - 1]) || N.push(...m[T]);
-          M.push(N);
+            T !== 0 && we(m[T], m[T - 1]) || S.push(...m[T]);
+          M.push(S);
         }
       if (d.opt.eraserlines || (d.opt.eraserlines = []), d.opt.eraserlines) {
         if (d.opt.eraserlines.push({ op: M, thickness: t }), e) {
-          const { toolsType: m } = d, N = e.createWorkShapeNode({
+          const { toolsType: m } = d, S = e.createWorkShapeNode({
             workId: u,
             toolsType: m,
             toolsOpt: d.opt
           });
-          N == null || N.setWorkId(u);
-          const T = N == null ? void 0 : N.consumeService({
+          S == null || S.setWorkId(u);
+          const T = S == null ? void 0 : S.consumeService({
             op: d.op,
             isFullWork: !0,
             replaceId: u
           });
-          if (n = ht(n, T), N != null && N.isDelete) {
+          if (n = ht(n, T), S != null && S.isDelete) {
             e.removeNode(u), o.add(u);
             continue;
           }
@@ -4954,67 +4954,67 @@ const xe = class xe extends W {
     const m = {
       name: this.workId,
       id: Wt(c) && c.toString() || void 0
-    }, N = this.syncIndex;
+    }, S = this.syncIndex;
     this.syncTimestamp === 0 && (this.syncTimestamp = Date.now());
-    let T = !1, S;
+    let T = !1, N;
     const w = this.tmpPoints.slice(M);
     if (o || n) {
       const L = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      S = this.draw({ attrs: m, consumePoints: w, layer: L, removeDrawCount: r, thickness: g });
+      N = this.draw({ attrs: m, consumePoints: w, layer: L, removeDrawCount: r, thickness: g });
     }
     if (o)
       return M > 10 && this.tmpPoints.splice(0, M - 10), {
-        rect: S,
+        rect: N,
         type: x.DrawWork,
         dataType: U.Local
       };
     w[0].t - this.syncTimestamp > this.syncUnitTime && (T = !0, this.syncTimestamp = w[0].t, this.syncIndex = this.tmpPoints.length);
     const C = [];
-    return this.tmpPoints.slice(N).forEach((L) => {
+    return this.tmpPoints.slice(S).forEach((L) => {
       C.push(L.x, L.y, g / 2);
     }), {
       ...this.baseConsumeResult,
       type: x.DrawWork,
       dataType: U.Local,
-      rect: S,
+      rect: N,
       op: T ? C : void 0,
-      index: T ? N * 3 : void 0,
+      index: T ? S * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
       }
     };
   }
   draw(t) {
-    const { attrs: e, consumePoints: s, layer: o, thickness: n, replaceId: r, angle: c, removeDrawCount: l } = t;
-    l && this.removeDrawCountNodes(o, l);
-    let h = Mt(s, n);
-    h = {
-      x: Math.floor(h.x * this.worldScaling[0] + this.worldPosition[0] - W.SafeBorderPadding),
-      y: Math.floor(h.y * this.worldScaling[1] + this.worldPosition[1] - W.SafeBorderPadding),
-      w: Math.floor(h.w * this.worldScaling[0] + 2 * W.SafeBorderPadding),
-      h: Math.floor(h.h * this.worldScaling[1] + 2 * W.SafeBorderPadding)
+    const { attrs: e, consumePoints: s, layer: o, thickness: n, replaceId: r, removeDrawCount: c } = t;
+    c && this.removeDrawCountNodes(o, c);
+    let l = Mt(s, n);
+    l = {
+      x: Math.floor(l.x * this.worldScaling[0] + this.worldPosition[0] - W.SafeBorderPadding),
+      y: Math.floor(l.y * this.worldScaling[1] + this.worldPosition[1] - W.SafeBorderPadding),
+      w: Math.floor(l.w * this.worldScaling[0] + 2 * W.SafeBorderPadding),
+      h: Math.floor(l.h * this.worldScaling[1] + 2 * W.SafeBorderPadding)
     };
-    const u = new Yt({
+    const h = new Yt({
       ...e,
       normalize: !0,
       pos: [0, 0],
       anchor: [0.5, 0.5],
       zIndex: 9999,
       bgcolor: "rgba(136,136,136,0.3)"
-    }), d = this.computEraserPointLines(s, c), g = [];
-    for (const f of d)
-      g.push({ op: f, thickness: n });
-    for (const f of g) {
-      const { thickness: p, op: M } = f, I = M.reduce((w, C, L, A) => L > 0 && A[L - 1][0] === C[0] && A[L - 1][1] === C[1] ? w : w.concat(C[0], C[1]), []), m = this.computEraserPoints(I, p), N = re(m, !0), T = {
+    }), u = this.computEraserPointLines(s), d = [];
+    for (const g of u)
+      d.push({ op: g, thickness: n });
+    for (const g of d) {
+      const { thickness: f, op: p } = g, M = p.reduce((N, w, C, L) => C > 0 && L[C - 1][0] === w[0] && L[C - 1][1] === w[1] ? N : N.concat(w[0], w[1]), []), I = this.computEraserPoints(M, f), m = re(I, !0), S = {
         pos: [0, 0],
-        d: N,
+        d: m,
         fillColor: "rgba(136,136,136,0.3)"
-      }, S = new ce(T);
-      u.append(S), u.seal();
+      }, T = new ce(S);
+      h.append(T), h.seal();
     }
-    return this.replace(o, r, u), h;
+    return this.replace(o, r, h), l;
   }
-  computEraserPointLines(t, e = 30) {
+  computEraserPointLines(t, e = 60) {
     const s = [];
     let o = 0;
     const n = 360 - e;
@@ -5756,13 +5756,13 @@ function Hf(a, i, t) {
   function m(w) {
     return r = void 0, d && e ? g(w) : (e = s = void 0, n);
   }
-  function N() {
+  function S() {
     r !== void 0 && clearTimeout(r), l = 0, e = c = s = r = void 0;
   }
   function T() {
     return r === void 0 ? n : m(Pi());
   }
-  function S() {
+  function N() {
     var w = Pi(), C = M(w);
     if (e = arguments, s = this, c = w, C) {
       if (r === void 0)
@@ -5772,7 +5772,7 @@ function Hf(a, i, t) {
     }
     return r === void 0 && (r = setTimeout(I, i)), n;
   }
-  return S.cancel = N, S.flush = T, S;
+  return N.cancel = S, N.flush = T, N;
 }
 var Qf = Hf, Gf = Qf, Zf = de, Xf = "Expected a function";
 function Jf(a, i, t) {
@@ -6689,10 +6689,10 @@ class He extends W {
     const M = e.parent;
     if (M) {
       if (f && (p.opt.strokeColor = f), Wt(g) && (e.setAttribute("zIndex", g), p.opt.zIndex = g), ke(d) && (p.opt.locked = d), c && l && h && r) {
-        const { centerX: I, centerY: m, width: N, height: T, uniformScale: S } = p.opt, w = S !== !1 ? [h[0], h[0]] : h, C = [I, m], L = [I, m];
+        const { centerX: I, centerY: m, width: S, height: T, uniformScale: N } = p.opt, w = N !== !1 ? [h[0], h[0]] : h, C = [I, m], L = [I, m];
         ps(L, l, w, r);
         const A = [L[0] - C[0], L[1] - C[1]];
-        if (p.centerPos = [p.centerPos[0] + A[0], p.centerPos[1] + A[1]], p.opt.width = Math.round(N * w[0]), p.opt.height = Math.round(T * w[1]), p.opt.centerX = L[0], p.opt.centerY = L[1], p.opt.eraserlines)
+        if (p.centerPos = [p.centerPos[0] + A[0], p.centerPos[1] + A[1]], p.opt.width = Math.round(S * w[0]), p.opt.height = Math.round(T * w[1]), p.opt.centerX = L[0], p.opt.centerY = L[1], p.opt.eraserlines)
           for (const j of Object.values(p.opt.eraserlines)) {
             const { op: D, thickness: R } = j;
             j.thickness = R * Math.max(h[0], h[1]);
@@ -6703,9 +6703,9 @@ class He extends W {
         if (p.opt.centerX = p.opt.centerX + r[0], p.opt.centerY = p.opt.centerY + r[1], p.centerPos = [p.centerPos[0] + r[0], p.centerPos[1] + r[1]], p.opt.eraserlines)
           for (const I of Object.values(p.opt.eraserlines)) {
             const { op: m } = I;
-            for (let N = 0; N < m.length; N++) {
-              const T = m[N].map((S, w) => w % 2 ? S + r[1] : S + r[0]);
-              I.op[N] = T;
+            for (let S = 0; S < m.length; S++) {
+              const T = m[S].map((N, w) => w % 2 ? N + r[1] : N + r[0]);
+              I.op[S] = T;
             }
           }
       } else if (Wt(u))
@@ -6919,8 +6919,8 @@ const Tt = class Tt extends VM {
         const f = Tt.componentsLimits.indexOf(o), p = f >= 0 && f < Tt.componentsLimits.length - 1;
         if ((h = (l = (c = this.control.room) == null ? void 0 : c.callbacks) == null ? void 0 : l.listeners) != null && h.map.onObjectsLimit && ((d = (u = this.control.room) == null ? void 0 : u.callbacks) == null || d.dispatch("onObjectsLimit", (I) => I(o, p))), !p) {
           this.control.room.logger.error(`exceeds the limit of ${o} components, current: ${s}`), (g = this.control.room) == null || g.disconnect().then(() => {
-            var I, m, N, T, S;
-            (N = (m = (I = this.control.room) == null ? void 0 : I.callbacks) == null ? void 0 : m.listeners) != null && N.map.onKickedWithReason && ((S = (T = this.control.room) == null ? void 0 : T.callbacks) == null || S.dispatch("onKickedWithReason", (w) => w("kickByAdmin")));
+            var I, m, S, T, N;
+            (S = (m = (I = this.control.room) == null ? void 0 : I.callbacks) == null ? void 0 : m.listeners) != null && S.map.onKickedWithReason && ((N = (T = this.control.room) == null ? void 0 : T.callbacks) == null || N.dispatch("onKickedWithReason", (w) => w("kickByAdmin")));
           });
           return;
         }
@@ -7132,18 +7132,18 @@ const Tt = class Tt extends VM {
         case x.Clear:
           const M = {};
           f && this.storage[p] && this.storage[p][f] ? (delete this.storage[p][f], this.setState(M, { isSync: g, viewId: p, scenePath: f })) : this.storage[p] && (delete this.storage[p], this.setState(M, { isSync: g, viewId: p, scenePath: "" })), Gt(() => {
-            var S;
-            this.control.pluginManager.dispatchPluginEvent("syncStorage", p, f), (S = this.control.miniMapManager) == null || S.updateMiniMapCamera(p), this.clearLimitComponents(p, f);
+            var N;
+            this.control.pluginManager.dispatchPluginEvent("syncStorage", p, f), (N = this.control.miniMapManager) == null || N.updateMiniMapCamera(p), this.clearLimitComponents(p, f);
           }, Tt.syncInterval);
           break;
         case x.CreateWork:
           if (f && s && c && r) {
-            const S = this.isLocalId(s.toString()) ? this.transformKey(s) : s;
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s;
             this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.addRenderPageElementId({
               viewId: p,
               scenePath: f,
-              elementId: S.toString()
-            }), this.updateValue(S.toString(), {
+              elementId: N.toString()
+            }), this.updateValue(N.toString(), {
               type: x.CreateWork,
               workId: s,
               toolsType: c,
@@ -7153,15 +7153,15 @@ const Tt = class Tt extends VM {
           break;
         case x.DrawWork:
           if (f && s && typeof n == "number" && (u != null && u.length)) {
-            const S = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][S] || void 0;
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][N] || void 0;
             if (w != null && w.ops || (w == null ? void 0 : w.type) === x.FullWork)
               return;
             const C = n ? ((w == null ? void 0 : w.op) || []).slice(0, n).concat(u) : u || (w == null ? void 0 : w.op), L = c || (w == null ? void 0 : w.toolsType), A = r || (w == null ? void 0 : w.opt), j = h || (w == null ? void 0 : w.updateNodeOpt);
             s && L && A && C && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.addRenderPageElementId({
               viewId: p,
               scenePath: f,
-              elementId: S.toString()
-            }), this.updateValue(S.toString(), {
+              elementId: N.toString()
+            }), this.updateValue(N.toString(), {
               ...w,
               type: x.DrawWork,
               workId: s,
@@ -7175,15 +7175,15 @@ const Tt = class Tt extends VM {
           break;
         case x.FullWork:
           if (f && s) {
-            const S = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][S] || void 0, C = h || (w == null ? void 0 : w.updateNodeOpt), L = c || (w == null ? void 0 : w.toolsType), A = r || (w == null ? void 0 : w.opt), j = o || (w == null ? void 0 : w.ops);
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][N] || void 0, C = h || (w == null ? void 0 : w.updateNodeOpt), L = c || (w == null ? void 0 : w.toolsType), A = r || (w == null ? void 0 : w.opt), j = o || (w == null ? void 0 : w.ops);
             L && A && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.addRenderPageElementId({
               viewId: p,
               scenePath: f,
-              elementId: S.toString()
-            }), this.updateValue(S.toString(), {
+              elementId: N.toString()
+            }), this.updateValue(N.toString(), {
               type: x.FullWork,
               updateNodeOpt: C,
-              workId: S,
+              workId: N,
               toolsType: L,
               opt: A,
               ops: j
@@ -7195,9 +7195,9 @@ const Tt = class Tt extends VM {
           break;
         case x.RemoveNode:
           if (f && (l != null && l.length)) {
-            const S = l.map((w) => this.isLocalId(w + "") ? this.transformKey(w) : w);
+            const N = l.map((w) => this.isLocalId(w + "") ? this.transformKey(w) : w);
             this.storage[p] && this.storage[p][f] && (Object.keys(this.storage[p][f]).map((w) => {
-              S != null && S.includes(w) && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.delRenderPageElementId({
+              N != null && N.includes(w) && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.delRenderPageElementId({
                 viewId: p,
                 scenePath: f,
                 elementId: w
@@ -7210,8 +7210,8 @@ const Tt = class Tt extends VM {
           break;
         case x.UpdateNode:
           if (f && s && (h || o || r)) {
-            const S = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][S] || void 0;
-            w && (w.updateNodeOpt = h, (o || u) && (w.ops = o, w.op = u), r && (w.opt = r), w.type = x.FullWork, this.updateValue(S.toString(), w, { isSync: g, viewId: p, scenePath: f }), Gt(() => {
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][f] && this.storage[p][f][N] || void 0;
+            w && (w.updateNodeOpt = h, (o || u) && (w.ops = o, w.op = u), r && (w.opt = r), w.type = x.FullWork, this.updateValue(N.toString(), w, { isSync: g, viewId: p, scenePath: f }), Gt(() => {
               var C;
               (C = this.control.miniMapManager) == null || C.updateMiniMapCamera(p);
             }, Tt.syncInterval));
@@ -7221,8 +7221,8 @@ const Tt = class Tt extends VM {
           if (!f)
             return;
           let I;
-          d != null && d.length && (I = d.map((S) => this.isLocalId(S + "") ? this.transformKey(S) : S));
-          const m = this.transformKey(H), N = this.storage[p] && this.storage[p][f] && this.storage[p][f][m] || void 0, T = r || (N == null ? void 0 : N.opt);
+          d != null && d.length && (I = d.map((N) => this.isLocalId(N + "") ? this.transformKey(N) : N));
+          const m = this.transformKey(H), S = this.storage[p] && this.storage[p][f] && this.storage[p][f][m] || void 0, T = r || (S == null ? void 0 : S.opt);
           I && this.checkOtherSelector(m, I, { isSync: g, viewId: p, scenePath: f }), this.updateValue(m, I && {
             type: x.Select,
             toolsType: v.Selector,
@@ -7345,7 +7345,7 @@ const Tt = class Tt extends VM {
     this.removeStorageStateListener(), this.serviceStorage = {}, this.storage = {}, this.removeAuthStateListener(), this.authStorage = {};
   }
   dispatchPageAuth(t, e = !0) {
-    var l, h, u, d, g, f, p, M, I, m, N, T, S, w, C, L, A, j, D, R, z, E, st, K, V, Z, Q, G, q, lt, Lt, ot, ut, X, $, dt, wt, $t;
+    var l, h, u, d, g, f, p, M, I, m, S, T, N, w, C, L, A, j, D, R, z, E, st, K, V, Z, Q, G, q, lt, Lt, ot, ut, X, $, dt, wt, $t;
     const { operation: s, viewId: o, scenePath: n, pageId: r, pageData: c } = t;
     switch (s) {
       case Rt.addPage: {
@@ -7374,13 +7374,13 @@ const Tt = class Tt extends VM {
       case Rt.deletePage: {
         if (!o || !n || !r)
           return;
-        (N = (m = (I = (M = (p = this.authStorage) == null ? void 0 : p.pageAuth) == null ? void 0 : M[o]) == null ? void 0 : I[n]) == null ? void 0 : m.pages) != null && N[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], void 0)));
+        (S = (m = (I = (M = (p = this.authStorage) == null ? void 0 : p.pageAuth) == null ? void 0 : M[o]) == null ? void 0 : I[n]) == null ? void 0 : m.pages) != null && S[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], void 0)));
         return;
       }
       case Rt.clearPage: {
         if (!o || !n || !r)
           return;
-        (A = (L = (C = (w = (S = this.authStorage) == null ? void 0 : S.pageAuth) == null ? void 0 : w[o]) == null ? void 0 : C[n]) == null ? void 0 : L.pages) != null && A[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((j = this.plugin) == null || j.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], {})));
+        (A = (L = (C = (w = (N = this.authStorage) == null ? void 0 : N.pageAuth) == null ? void 0 : w[o]) == null ? void 0 : C[n]) == null ? void 0 : L.pages) != null && A[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((j = this.plugin) == null || j.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], {})));
         return;
       }
       case Rt.addElement: {
@@ -7410,7 +7410,7 @@ const Tt = class Tt extends VM {
     }
   }
   dispatchRenderAuth(t, e = !0) {
-    var l, h, u, d, g, f, p, M, I, m, N, T, S, w, C, L, A, j, D, R;
+    var l, h, u, d, g, f, p, M, I, m, S, T, N, w, C, L, A, j, D, R;
     const { operation: s, viewId: o, uid: n, renderData: r, isClear: c } = t;
     if (o)
       switch (s) {
@@ -7463,7 +7463,7 @@ const Tt = class Tt extends VM {
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const E = this.authStorage.renderAuth || {};
-          Object.keys(E).length && z.push(o), E[o] = E[o] || {}, this.authStorage.renderAuth = E, Object.keys(E[o]).length && z.push("hide"), E[o].hide = E[o].hide || {}, E[o].hide !== !0 && (Object.keys(E[o].hide).length && z.push(n), E[o].hide[n] = !0), E[o].render !== !0 && ((N = E[o].render) != null && N[n]) && (delete E[o].render[n], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "renderAuth", o, "render", n], void 0))), e && (z.length === 1 ? (S = this.plugin) == null || S.updateAttributes(z, pt(this.authStorage)) : z.length === 2 ? (w = this.plugin) == null || w.updateAttributes(z, pt(E)) : z.length === 3 ? (C = this.plugin) == null || C.updateAttributes(z, pt(E[o])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
+          Object.keys(E).length && z.push(o), E[o] = E[o] || {}, this.authStorage.renderAuth = E, Object.keys(E[o]).length && z.push("hide"), E[o].hide = E[o].hide || {}, E[o].hide !== !0 && (Object.keys(E[o].hide).length && z.push(n), E[o].hide[n] = !0), E[o].render !== !0 && ((S = E[o].render) != null && S[n]) && (delete E[o].render[n], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "renderAuth", o, "render", n], void 0))), e && (z.length === 1 ? (N = this.plugin) == null || N.updateAttributes(z, pt(this.authStorage)) : z.length === 2 ? (w = this.plugin) == null || w.updateAttributes(z, pt(E)) : z.length === 3 ? (C = this.plugin) == null || C.updateAttributes(z, pt(E[o])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
           return;
         }
         case ee.setClear: {
@@ -7651,7 +7651,7 @@ class QM {
   get interceptors() {
     return {
       set: (i, t) => {
-        var g, f, p, M, I, m, N, T;
+        var g, f, p, M, I, m, S, T;
         if (!this.collector)
           return !0;
         const { viewId: e, scenePath: s, canSync: o, canWorker: n, type: r, opt: c, dataType: l } = t;
@@ -7661,10 +7661,10 @@ class QM {
         d ? d.toolsType === v.Text && (n && (this.control.worker.queryTaskBatchData({
           workId: i,
           msgType: x.UpdateNode
-        }).forEach((S) => {
+        }).forEach((N) => {
           var w;
-          (w = this.control.worker) == null || w.taskBatchData.delete(S);
-        }), (N = this.control.worker) == null || N.taskBatchData.add({
+          (w = this.control.worker) == null || w.taskBatchData.delete(N);
+        }), (S = this.control.worker) == null || S.taskBatchData.add({
           workId: i,
           msgType: x.UpdateNode,
           dataType: l || U.Local,
@@ -7675,8 +7675,8 @@ class QM {
           willRefresh: !0
           // willSyncService: canSync
         }), (T = this.control.worker) == null || T.runAnimation()), o && Gt(() => {
-          var S;
-          (S = this.collector) == null || S.dispatch({
+          var N;
+          (N = this.collector) == null || N.dispatch({
             type: x.UpdateNode,
             workId: i,
             toolsType: v.Text,
@@ -8221,8 +8221,8 @@ class ZM extends Xt {
       const m = o.opt;
       if (m && m.boxPoint && m.text) {
         m.workState = P.Done;
-        const N = m.boxPoint;
-        m.boxPoint = [N[0] + g[0], N[1] + g[1]], m.workState = P.Done;
+        const S = m.boxPoint;
+        m.boxPoint = [S[0] + g[0], S[1] + g[1]], m.workState = P.Done;
         const T = this.control.viewContainerManager.transformToOriginPoint(m.boxPoint, r);
         this.control.textEditorManager.createTextForMasterController({
           workId: p,
@@ -8246,7 +8246,7 @@ class ZM extends Xt {
     }
   }
   copySelector(t) {
-    var p, M, I, m, N, T, S, w, C;
+    var p, M, I, m, S, T, N, w, C;
     const { viewId: e, store: s } = t, o = this.control.viewContainerManager.getView(e), n = s.selectIds;
     if (!this.serviceColloctor || !(n != null && n.length) || !o)
       return;
@@ -8260,7 +8260,7 @@ class ZM extends Xt {
         centerY: ((M = o.cameraOpt) == null ? void 0 : M.centerY) || 0,
         scale: ((I = o.cameraOpt) == null ? void 0 : I.scale) || 1
       }
-    }, l = this.control.hasOffscreenCanvas() && ((m = o.displayer.canvasBgRef.current) == null ? void 0 : m.getBoundingClientRect()) || ((N = o.displayer.canvasContainerRef.current) == null ? void 0 : N.getBoundingClientRect()), h = (S = (T = o.displayer) == null ? void 0 : T.floatBarRef.current) == null ? void 0 : S.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], g = u && o.viewData && o.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && o.viewData && o.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
+    }, l = this.control.hasOffscreenCanvas() && ((m = o.displayer.canvasBgRef.current) == null ? void 0 : m.getBoundingClientRect()) || ((S = o.displayer.canvasContainerRef.current) == null ? void 0 : S.getBoundingClientRect()), h = (N = (T = o.displayer) == null ? void 0 : T.floatBarRef.current) == null ? void 0 : N.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], g = u && o.viewData && o.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && o.viewData && o.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
     g && f && (c.offset = {
       x: g.x - f.x,
       y: g.y - f.y
@@ -8281,7 +8281,7 @@ class ZM extends Xt {
       return;
     const { offset: l, cameraOpt: h } = s, { scale: u } = h, d = Math.floor(Math.random() * 30 + 1), g = l && [l.x + d, l.y + d] || [d / u, d / u], f = [], p = [];
     for (const [I, m] of e.entries()) {
-      const T = (this.serviceColloctor.isLocalId(I) ? I : this.serviceColloctor.getLocalId(I.toString())) + "-" + r, S = { useAnimation: !1 };
+      const T = (this.serviceColloctor.isLocalId(I) ? I : this.serviceColloctor.getLocalId(I.toString())) + "-" + r, N = { useAnimation: !1 };
       if (m.toolsType === v.Text && m.opt) {
         const w = m.opt;
         if (w && w.boxPoint && w.text) {
@@ -8320,14 +8320,14 @@ class ZM extends Xt {
       }
       p.push({
         ...m,
-        updateNodeOpt: S,
+        updateNodeOpt: N,
         type: x.FullWork,
         workId: T,
         viewId: o,
         scenePath: n
       }), f.push([{
         ...m,
-        updateNodeOpt: S,
+        updateNodeOpt: N,
         workId: T,
         msgType: x.FullWork,
         dataType: U.Local,
@@ -8388,10 +8388,10 @@ class XM extends Xt {
       const m = f.pop();
       if (!m)
         continue;
-      const N = m.toString(), T = this.serviceColloctor.isLocalId(N), S = T ? this.serviceColloctor.transformKey(m) : N;
-      let w = N;
+      const S = m.toString(), T = this.serviceColloctor.isLocalId(S), N = T ? this.serviceColloctor.transformKey(m) : S;
+      let w = S;
       !T && this.serviceColloctor.isOwn(w) && (w = this.serviceColloctor.getLocalId(w));
-      const C = p[c][g][S] || void 0;
+      const C = p[c][g][N] || void 0;
       if (C) {
         const L = C.updateNodeOpt || {};
         if (n || r) {
@@ -8513,7 +8513,7 @@ class JM extends Xt {
       let I = f;
       !p && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I));
       const m = Pt(l[o][r][M]);
-      let N;
+      let S;
       if (m && I === H) {
         if (m.selectIds) {
           u.push(...m.selectIds), u.sort((C, L) => {
@@ -8523,7 +8523,7 @@ class JM extends Xt {
           });
           const T = m.updateNodeOpt || {};
           T.zIndexLayer = s;
-          const S = {
+          const N = {
             workId: g,
             msgType: x.UpdateNode,
             dataType: U.Local,
@@ -8533,16 +8533,16 @@ class JM extends Xt {
             willSyncService: !0,
             viewId: o
           }, w = /* @__PURE__ */ new Map();
-          s === si.Top ? (this.addMaxLayer(o), N = this.getMaxZIndex(o)) : (this.addMinLayer(o), N = this.getMinZIndex(o)), u.forEach((C) => {
+          s === si.Top ? (this.addMaxLayer(o), S = this.getMaxZIndex(o)) : (this.addMinLayer(o), S = this.getMinZIndex(o)), u.forEach((C) => {
             var D, R, z;
             const L = (D = this.serviceColloctor) == null ? void 0 : D.isLocalId(C);
             let A = L && ((R = this.serviceColloctor) == null ? void 0 : R.transformKey(C)) || C;
             const j = l[o][r][A];
-            !L && ((z = this.serviceColloctor) != null && z.isOwn(A)) && (A = this.serviceColloctor.getLocalId(A)), T.zIndex = N, j != null && j.opt && (j.opt.zIndex = N), j != null && j.opt && w.set(A, {
+            !L && ((z = this.serviceColloctor) != null && z.isOwn(A)) && (A = this.serviceColloctor.getLocalId(A)), T.zIndex = S, j != null && j.opt && (j.opt.zIndex = S), j != null && j.opt && w.set(A, {
               updateNodeOpt: j.updateNodeOpt,
               opt: j.opt
             });
-          }), S.selectStore = w, S.willSerializeData = !0, h.push([S, {
+          }), N.selectStore = w, N.willSerializeData = !0, h.push([N, {
             workId: g,
             msgType: x.UpdateNode,
             emitEventType: this.emitEventType
@@ -8578,15 +8578,15 @@ class qM extends Xt {
       const p = h.pop();
       if (!p) continue;
       const M = p.toString(), I = this.serviceColloctor.isLocalId(M), m = I && this.serviceColloctor.transformKey(p) || M;
-      let N = M;
-      !I && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N));
+      let S = M;
+      !I && this.serviceColloctor.isOwn(S) && (S = this.serviceColloctor.getLocalId(S));
       const T = u[r][l][m];
-      if (T && N === H) {
+      if (T && S === H) {
         if (T.selectIds) {
-          const S = this.control.viewContainerManager.transformToScenePoint([o.x, o.y], r);
-          if (n === P.Start && (this.cachePosition = S), this.cachePosition) {
+          const N = this.control.viewContainerManager.transformToScenePoint([o.x, o.y], r);
+          if (n === P.Start && (this.cachePosition = N), this.cachePosition) {
             const w = T.updateNodeOpt || {};
-            w.translate = [S[0] - this.cachePosition[0], S[1] - this.cachePosition[1]], w.workState = n;
+            w.translate = [N[0] - this.cachePosition[0], N[1] - this.cachePosition[1]], w.workState = n;
             const C = {
               workId: p,
               msgType: x.UpdateNode,
@@ -8600,7 +8600,8 @@ class qM extends Xt {
             n === P.Done && (C.textUpdateForWoker = !0, C.willSerializeData = !0, this.cachePosition = void 0), d.push([C, {
               workId: p,
               msgType: x.UpdateNode,
-              emitEventType: this.emitEventType
+              emitEventType: this.emitEventType,
+              workState: n
             }]);
           }
         }
@@ -8667,7 +8668,7 @@ class _M extends Xt {
     return { key: t, textInfo: o };
   }
   async collect(t, e) {
-    var m, N, T, S, w;
+    var m, S, T, N, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: s, workState: o, viewId: n, originPoint: r, scenePoint: c, dir: l, scale: h, translate: u } = t;
@@ -8689,9 +8690,9 @@ class _M extends Xt {
         if (z.dir = l, z.originPoint = r, z.scenePoint = c, z.workState = o, z.scale = h, z.translate = u, o === P.Start) {
           this.cacheTextInfo.clear();
           for (const st of R.selectIds) {
-            const K = (N = this.serviceColloctor) == null ? void 0 : N.isLocalId(st), V = K && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(st)) || st;
+            const K = (S = this.serviceColloctor) == null ? void 0 : S.isLocalId(st), V = K && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(st)) || st;
             let Z = V;
-            !K && ((S = this.serviceColloctor) != null && S.isOwn(V)) && (Z = this.serviceColloctor.getLocalId(V));
+            !K && ((N = this.serviceColloctor) != null && N.isOwn(V)) && (Z = this.serviceColloctor.getLocalId(V));
             const Q = this.control.textEditorManager.get(Z);
             Q && o === P.Start && this.targetText.set(Z, Pt(Q));
           }
@@ -8730,7 +8731,8 @@ class _M extends Xt {
         o === P.Done && (E.willSerializeData = !0, this.targetText.clear()), M.push([E, {
           workId: C,
           msgType: x.UpdateNode,
-          emitEventType: this.emitEventType
+          emitEventType: this.emitEventType,
+          workState: o
         }]);
         continue;
       }
@@ -8878,12 +8880,12 @@ class tw extends Xt {
       return;
     const l = c.focusScenePath, h = [...s], u = (f = this.serviceColloctor) == null ? void 0 : f.storage, d = [], g = n === P.Start && Date.now() || void 0;
     for (g && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", g, r); h.length; ) {
-      const N = h.pop();
-      if (!N)
+      const S = h.pop();
+      if (!S)
         continue;
-      const T = N.toString(), S = this.serviceColloctor.isLocalId(T), w = S && this.serviceColloctor.transformKey(N) || T;
+      const T = S.toString(), N = this.serviceColloctor.isLocalId(T), w = N && this.serviceColloctor.transformKey(S) || T;
       let C = T;
-      !S && this.serviceColloctor.isOwn(C) && (C = this.serviceColloctor.getLocalId(C));
+      !N && this.serviceColloctor.isOwn(C) && (C = this.serviceColloctor.getLocalId(C));
       const L = u[r][l][w];
       if (L && C === H) {
         if (((p = L.selectIds) == null ? void 0 : p.length) === 1) {
@@ -8895,7 +8897,7 @@ class tw extends Xt {
           const j = L.updateNodeOpt || {};
           j.angle = (o + this.cacheOriginRotate) % 360, j.workState = n;
           const D = {
-            workId: N,
+            workId: S,
             msgType: x.UpdateNode,
             dataType: U.Local,
             updateNodeOpt: j,
@@ -8905,9 +8907,10 @@ class tw extends Xt {
             viewId: r
           };
           n === P.Done && (D.willRefreshSelector = !0, D.willSerializeData = !0, this.cacheOriginRotate = 0), d.push([D, {
-            workId: N,
+            workId: S,
             msgType: x.UpdateNode,
-            emitEventType: this.emitEventType
+            emitEventType: this.emitEventType,
+            workState: n
           }]);
         }
         continue;
@@ -8953,7 +8956,7 @@ class iw extends Xt {
     }
   }
   async collect(t) {
-    var m, N, T, S;
+    var m, S, T, N;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: e, bold: s, italic: o, lineThrough: n, underline: r, viewId: c, fontSize: l } = t, h = this.control.viewContainerManager.getView(c);
@@ -8979,10 +8982,10 @@ class iw extends Xt {
         }
         if (D && j === H && ((m = D.selectIds) != null && m.length))
           for (const z of D.selectIds) {
-            const E = (N = this.serviceColloctor) == null ? void 0 : N.isLocalId(z);
+            const E = (S = this.serviceColloctor) == null ? void 0 : S.isLocalId(z);
             let st = E && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(z)) || z;
             const K = g[c][u][st] || void 0;
-            if (!E && ((S = this.serviceColloctor) != null && S.isOwn(st)) && (st = this.serviceColloctor.getLocalId(st)), K && K.toolsType === v.Text && D.opt) {
+            if (!E && ((N = this.serviceColloctor) != null && N.isOwn(st)) && (st = this.serviceColloctor.getLocalId(st)), K && K.toolsType === v.Text && D.opt) {
               const V = this.setTextStyle(st, pt(K), R, c);
               M.push(V);
               continue;
@@ -9026,13 +9029,13 @@ class sw extends Xt {
     !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
     const I = l[n][c][p];
     if (I && M === H && I.selectIds) {
-      const N = I.updateNodeOpt || {};
-      N.pointMap = s, N.workState = o;
+      const S = I.updateNodeOpt || {};
+      S.pointMap = s, S.workState = o;
       const T = {
         workId: d,
         msgType: x.UpdateNode,
         dataType: U.Local,
-        updateNodeOpt: N,
+        updateNodeOpt: S,
         emitEventType: this.emitEventType,
         willRefreshSelector: !0,
         willSyncService: !0,
@@ -9071,7 +9074,7 @@ class ow extends Xt {
       if (I) {
         const m = I.updateNodeOpt || {};
         m.isLocked = s;
-        const N = {
+        const S = {
           workId: M,
           msgType: x.UpdateNode,
           dataType: U.Local,
@@ -9082,7 +9085,7 @@ class ow extends Xt {
           willSyncService: !0,
           viewId: o
         };
-        h.push([N, {
+        h.push([S, {
           workId: M,
           msgType: x.UpdateNode,
           emitEventType: this.emitEventType
@@ -9120,7 +9123,7 @@ class nw extends Xt {
           willRefresh: !0
         };
         if (I && M === H) {
-          const N = {
+          const S = {
             workId: M,
             msgType: x.UpdateNode,
             dataType: U.Local,
@@ -9131,7 +9134,7 @@ class nw extends Xt {
             willSyncService: !0,
             viewId: s
           };
-          h.push([N, {
+          h.push([S, {
             workId: M,
             msgType: x.UpdateNode,
             emitEventType: this.emitEventType
@@ -9624,7 +9627,7 @@ class uw extends hw {
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-CrpL9wA9.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-20s2n69K.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -9732,9 +9735,9 @@ class uw extends hw {
         isSync: M,
         imageBitmap: I,
         canvasHeight: m,
-        canvasWidth: N,
+        canvasWidth: S,
         rect: T,
-        op: S,
+        op: N,
         canTextEdit: w,
         points: C,
         selectorColor: L,
@@ -9761,7 +9764,7 @@ class uw extends hw {
       const X = c.scenePath || this.viewContainerManager.getCurScenePath(E);
       switch (l) {
         case x.Select: {
-          const $ = h != null && h.length ? { ...d, selectIds: h, canvasHeight: m, canvasWidth: N, points: C } : void 0;
+          const $ = h != null && h.length ? { ...d, selectIds: h, canvasHeight: m, canvasWidth: S, points: C } : void 0;
           $ && (u != null && u.strokeColor) && ($.selectorColor = u.strokeColor), $ && L && ($.selectorColor = L), $ && g && ($.strokeColor = g), $ && (u != null && u.fillColor) && ($.fillColor = u.fillColor), $ && f && ($.fillColor = f), $ && Ut(A) && ($.canRotate = A), $ && j && ($.scaleType = j), $ && w && ($.canTextEdit = w), $ && D && ($.textOpt = D), $ && Ut(K) && ($.canLock = K), $ && Ut(V) && ($.isLocked = V), $ && Z && ($.shapeOpt = Z), $ && Q && ($.toolsTypes = Q), $ && G && ($.thickness = G), $ && q && ($.strokeType = q), $ && Ut(lt) && ($.useStroke = lt), E && this.viewContainerManager.showFloatBar(E, !!$, $), p && ((s = this.collector) == null || s.dispatch({ type: l, selectIds: h, opt: u, isSync: M, viewId: E, scenePath: X }));
           break;
         }
@@ -9778,7 +9781,7 @@ class uw extends hw {
           }
           break;
         case x.Cursor:
-          S && this.control.cursor.collectServiceCursor({ ...c });
+          N && this.control.cursor.collectServiceCursor({ ...c });
           break;
         case x.Clear:
           if (E) {
@@ -9856,15 +9859,15 @@ class uw extends hw {
   collectorAsyncData(t) {
     var e, s, o, n;
     for (const r of t) {
-      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: g, opt: f, updateNodeOpt: p, toolsType: M, isSync: I, viewId: m, isLockSentEventCursor: N, nextTasks: T } = r;
+      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: g, opt: f, updateNodeOpt: p, toolsType: M, isSync: I, viewId: m, isLockSentEventCursor: S, nextTasks: T } = r;
       if (!m) {
         console.error("collectorAsyncData", r);
         return;
       }
-      const S = r.scenePath || this.viewContainerManager.getCurScenePath(m);
+      const N = r.scenePath || this.viewContainerManager.getCurScenePath(m);
       switch (c) {
         case x.None: {
-          N && Gt(() => {
+          S && Gt(() => {
             this.setLockSentEventCursor(!1);
           }, this.maxLastSyncTime);
           break;
@@ -9879,7 +9882,7 @@ class uw extends hw {
             index: u,
             isSync: I,
             viewId: m,
-            scenePath: S,
+            scenePath: N,
             updateNodeOpt: p
           });
           break;
@@ -9894,18 +9897,18 @@ class uw extends hw {
             toolsType: M,
             isSync: I,
             viewId: m,
-            scenePath: S
+            scenePath: N
           }), this.willSelectorWorkId && h && h.toString() === this.willSelectorWorkId && this.control.runEffectWork(() => {
             this.setShapeSelectorByWorkId(this.willSelectorWorkId, m), this.willSelectorWorkId = void 0;
           });
           break;
         }
         case x.UpdateNode: {
-          (o = this.collector) == null || o.dispatch({ type: c, updateNodeOpt: p, workId: h, opt: f, ops: g, op: l, isSync: I, viewId: m, scenePath: S });
+          (o = this.collector) == null || o.dispatch({ type: c, updateNodeOpt: p, workId: h, opt: f, ops: g, op: l, isSync: I, viewId: m, scenePath: N });
           break;
         }
         case x.RemoveNode: {
-          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: I, viewId: m, scenePath: S }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
+          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: I, viewId: m, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
           break;
         }
       }
@@ -10167,9 +10170,9 @@ class uw extends hw {
       if (!this.control.renderControl.isFilterAble({ viewId: n, elementId: t, scenePath: r }, h))
         return;
       const m = c;
-      if (m.workId = (p = this.collector) != null && p.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, m.msgType = h, m.toolsType === v.LaserPen && (m.isRunSubWork = !0), m.dataType = U.Service, m.viewId = n, m.scenePath = r, m.selectIds && (m.selectIds = m.selectIds.map((N) => {
-        var T, S;
-        return (T = this.collector) != null && T.isOwn(N) ? (S = this.collector) == null ? void 0 : S.getLocalId(N) : N;
+      if (m.workId = (p = this.collector) != null && p.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, m.msgType = h, m.toolsType === v.LaserPen && (m.isRunSubWork = !0), m.dataType = U.Service, m.viewId = n, m.scenePath = r, m.selectIds && (m.selectIds = m.selectIds.map((S) => {
+        var T, N;
+        return (T = this.collector) != null && T.isOwn(S) ? (N = this.collector) == null ? void 0 : N.getLocalId(S) : S;
       })), m && m.toolsType === v.Text || (o == null ? void 0 : o.toolsType) === v.Text) {
         this.control.textEditorManager.onServiceDerive(m);
         return;
@@ -12120,7 +12123,7 @@ const Me = class Me {
     return !!t.includes(e);
   }
   refreshPlugin(i, t = !1) {
-    var n, r, c, l, h, u, d, g, f, p, M, I, m, N, T, S, w, C, L, A, j;
+    var n, r, c, l, h, u, d, g, f, p, M, I, m, S, T, N, w, C, L, A, j;
     let e;
     const { scenePath: s } = i, o = i.data;
     if (!(!o || !this.collector))
@@ -12180,7 +12183,7 @@ const Me = class Me {
             if (e = t ? this.isNewEffectiveScene(D, K) : this.isOldEffectiveScene(D, K, s), e) {
               if (t && Array.isArray(z) && z.length === 2) {
                 const V = z[1];
-                if ((m = V.updateNodeOpt) != null && m.useAnimation && (V.updateNodeOpt.useAnimation = !1), ((N = this.collector) == null ? void 0 : N.getLocalId(D.key)) === H && ((T = this.collector) != null && T.isOwn(D.key))) {
+                if ((m = V.updateNodeOpt) != null && m.useAnimation && (V.updateNodeOpt.useAnimation = !1), ((S = this.collector) == null ? void 0 : S.getLocalId(D.key)) === H && ((T = this.collector) != null && T.isOwn(D.key))) {
                   const Z = V.selectIds;
                   if (Z) {
                     const Q = K.filter((q) => {
@@ -12193,7 +12196,7 @@ const Me = class Me {
                     let G = !1;
                     for (const q of Q)
                       for (let lt = 0; lt < Z.length; lt++)
-                        q != null && q.selectIds && ((S = q.selectIds) != null && S.includes(Z[lt])) && (delete Z[lt], G = !0);
+                        q != null && q.selectIds && ((N = q.selectIds) != null && N.includes(Z[lt])) && (delete Z[lt], G = !0);
                     G && (V.selectIds = Z.filter((q) => !!q));
                   }
                 }
@@ -12376,8 +12379,8 @@ class Ve {
   /** 绘制view */
   render(i) {
     var t, e, s, o, n, r, c, l, h, u, d, g, f, p, M, I, m;
-    for (const N of i) {
-      const { rect: T, imageBitmap: S, isClear: w, isUnClose: C, drawCanvas: L, clearCanvas: A, viewId: j } = N, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
+    for (const S of i) {
+      const { rect: T, imageBitmap: N, isClear: w, isUnClose: C, drawCanvas: L, clearCanvas: A, viewId: j } = S, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
       if (D && T) {
         const { dpr: R, canvasBgRef: z, canvasFloatRef: E, canvasServiceFloatRef: st, canvasTopRef: K } = D, V = Math.floor(T.w * R), Z = Math.floor(T.h * R), Q = T.x * R, G = T.y * R;
         if (w) {
@@ -12397,27 +12400,27 @@ class Ve {
           }
           continue;
         }
-        if (L && S)
+        if (L && N)
           switch (L) {
             case It.TopFloat:
-              (d = (u = K.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(S, 0, 0, V, Z, Q, G, V, Z);
+              (d = (u = K.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(N, 0, 0, V, Z, Q, G, V, Z);
               break;
             case It.Float: {
-              (f = (g = E.current) == null ? void 0 : g.getContext("2d")) == null || f.drawImage(S, 0, 0, V, Z, Q, G, V, Z);
+              (f = (g = E.current) == null ? void 0 : g.getContext("2d")) == null || f.drawImage(N, 0, 0, V, Z, Q, G, V, Z);
               break;
             }
             case It.ServiceFloat: {
-              (M = (p = st.current) == null ? void 0 : p.getContext("2d")) == null || M.drawImage(S, 0, 0, V, Z, Q, G, V, Z);
+              (M = (p = st.current) == null ? void 0 : p.getContext("2d")) == null || M.drawImage(N, 0, 0, V, Z, Q, G, V, Z);
               break;
             }
             case It.Bg: {
-              (m = (I = z.current) == null ? void 0 : I.getContext("2d")) == null || m.drawImage(S, 0, 0, V, Z, Q, G, V, Z);
+              (m = (I = z.current) == null ? void 0 : I.getContext("2d")) == null || m.drawImage(N, 0, 0, V, Z, Q, G, V, Z);
               break;
             }
           }
         if (C)
           continue;
-        S == null || S.close();
+        N == null || N.close();
       }
     }
   }
@@ -13099,8 +13102,8 @@ const Aw = (a) => {
   const { open: i, setOpen: t, floatBarRef: e } = a, { floatBarData: s, floatBarColors: o, mananger: n, setFloatBarData: r } = bt(kt), [c, l] = nt(), [h, u] = nt(1);
   ft(() => {
     if (s != null && s.strokeColor) {
-      const [m, N] = Ti(s.strokeColor);
-      l(m), u(N);
+      const [m, S] = Ti(s.strokeColor);
+      l(m), u(S);
     }
   }, [s]);
   const d = J(() => {
@@ -13113,28 +13116,28 @@ const Aw = (a) => {
         return m.top = "inherit", m.bottom = 50, m;
       }
     }
-  }, [(e == null ? void 0 : e.current) && s, n == null ? void 0 : n.height]), g = J(() => /* @__PURE__ */ k.createElement(Ci, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (m, N, T) => {
+  }, [(e == null ? void 0 : e.current) && s, n == null ? void 0 : n.height]), g = J(() => /* @__PURE__ */ k.createElement(Ci, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (m, S, T) => {
     T === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), T === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(m);
-    const S = xt(N, m);
-    s != null && s.strokeColor && r({ strokeColor: S }), rt.emitMethod(
+    const N = xt(S, m);
+    s != null && s.strokeColor && r({ strokeColor: N }), rt.emitMethod(
       it.MainEngine,
       B.SetColorNode,
-      { workIds: [H], strokeColor: S, workState: T, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [H], strokeColor: N, workState: T, viewId: n == null ? void 0 : n.viewId }
     );
   } }), [h, c, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, s]), f = J(() => {
-    var m, N;
+    var m, S;
     return c && (s != null && s.thickness) ? /* @__PURE__ */ k.createElement(
       Rw,
       {
         key: "strokeThickness",
         min: Math.min(s.thickness, ((m = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : m.min) || 1),
-        max: Math.max(s.thickness, ((N = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : N.max) || 10),
+        max: Math.max(s.thickness, ((S = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : S.max) || 10),
         activeNumber: s.thickness,
-        setActiveNumber: (T, S) => {
-          S === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), S === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), s != null && s.thickness && r({ thickness: T }), rt.emitMethod(
+        setActiveNumber: (T, N) => {
+          N === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), N === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), s != null && s.thickness && r({ thickness: T }), rt.emitMethod(
             it.MainEngine,
             B.SetColorNode,
-            { workIds: [H], thickness: T, workState: S, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [H], thickness: T, workState: N, viewId: n == null ? void 0 : n.viewId }
           );
         },
         color: c
@@ -13167,16 +13170,16 @@ const Aw = (a) => {
     p,
     f,
     /* @__PURE__ */ k.createElement("div", { className: "font-colors-line" }),
-    o.concat().map((m, N) => {
+    o.concat().map((m, S) => {
       const T = Xe(...m);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
-          key: N,
+          key: S,
           color: T,
           activeColor: c,
-          onPointerUpHandler: (S) => {
-            S.stopPropagation(), l(T);
+          onPointerUpHandler: (N) => {
+            N.stopPropagation(), l(T);
             const w = xt(T, h);
             s != null && s.strokeColor && (s.strokeColor = w, r({ strokeColor: w })), rt.emitMethod(
               it.MainEngine,
@@ -13220,8 +13223,8 @@ const Aw = (a) => {
     }
   }, [e == null ? void 0 : e.current, s, n == null ? void 0 : n.height]), g = J(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, I, m) => {
     m === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), m === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(M);
-    const N = xt(I, M);
-    s != null && s.fillColor && (s.fillColor = N, r({ fillColor: N })), rt.emitMethod(
+    const S = xt(I, M);
+    s != null && s.fillColor && (s.fillColor = S, r({ fillColor: S })), rt.emitMethod(
       it.MainEngine,
       B.SetColorNode,
       { workIds: [H], fillColor: c && xt(I, M), workState: m, viewId: n == null ? void 0 : n.viewId }
@@ -13258,8 +13261,8 @@ const Aw = (a) => {
           key: I,
           color: m,
           activeColor: c,
-          onPointerUpHandler: (N) => {
-            N.cancelable && N.preventDefault(), N.stopPropagation(), l(m);
+          onPointerUpHandler: (S) => {
+            S.cancelable && S.preventDefault(), S.stopPropagation(), l(m);
             const T = xt(m, h);
             s != null && s.fillColor && (s.fillColor = T, r({ fillColor: T })), rt.emitMethod(
               it.MainEngine,
@@ -13290,8 +13293,8 @@ const Aw = (a) => {
   const { open: i, setOpen: t, textOpt: e, workIds: s, floatBarRef: o } = a, { floatBarColors: n, mananger: r, setFloatBarData: c, floatBarData: l } = bt(kt), [h, u] = nt(), [d, g] = nt(1);
   ft(() => {
     if (e != null && e.fontColor) {
-      const [m, N] = (e == null ? void 0 : e.fontColor) === "transparent" && ["transparent", 0] || Ti(e.fontColor);
-      u(m), g(N);
+      const [m, S] = (e == null ? void 0 : e.fontColor) === "transparent" && ["transparent", 0] || Ti(e.fontColor);
+      u(m), g(S);
     }
   }, [e == null ? void 0 : e.fontColor]);
   const f = J(() => {
@@ -13304,15 +13307,15 @@ const Aw = (a) => {
         return m.top = "inherit", m.bottom = 50, m;
       }
     }
-  }, [o == null ? void 0 : o.current, l, r]), p = J(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (m, N, T) => {
+  }, [o == null ? void 0 : o.current, l, r]), p = J(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (m, S, T) => {
     T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), g(m);
-    const S = xt(N, m);
-    l != null && l.textOpt && (l.textOpt.fontColor = S, c({ textOpt: l.textOpt })), rt.emitMethod(
+    const N = xt(S, m);
+    l != null && l.textOpt && (l.textOpt.fontColor = N, c({ textOpt: l.textOpt })), rt.emitMethod(
       it.MainEngine,
       B.SetColorNode,
       {
         workIds: s || [H],
-        fontColor: h && S,
+        fontColor: h && N,
         workState: T,
         viewId: r == null ? void 0 : r.viewId
       }
@@ -13326,16 +13329,16 @@ const Aw = (a) => {
         m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
       }
     },
-    n.map((m, N) => {
+    n.map((m, S) => {
       const T = Xe(...m);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
-          key: N,
+          key: S,
           color: T,
           activeColor: h,
-          onPointerUpHandler: (S) => {
-            S.stopPropagation(), u(T);
+          onPointerUpHandler: (N) => {
+            N.stopPropagation(), u(T);
             const w = xt(T, d);
             l != null && l.textOpt && (l.textOpt.fontColor = w, c({ textOpt: l.textOpt })), rt.emitMethod(
               it.MainEngine,
@@ -13367,8 +13370,8 @@ const Aw = (a) => {
   const { open: i, setOpen: t, textOpt: e, workIds: s, floatBarRef: o } = a, { floatBarColors: n, mananger: r, setFloatBarData: c, floatBarData: l } = bt(kt), [h, u] = nt(), [d, g] = nt(1);
   ft(() => {
     if (e != null && e.fontBgColor) {
-      const [m, N] = (e == null ? void 0 : e.fontBgColor) === "transparent" && ["transparent", 1] || Ti(e.fontBgColor);
-      u(m), g(N);
+      const [m, S] = (e == null ? void 0 : e.fontBgColor) === "transparent" && ["transparent", 1] || Ti(e.fontBgColor);
+      u(m), g(S);
     }
   }, [e == null ? void 0 : e.fontBgColor]);
   const f = J(() => {
@@ -13381,15 +13384,15 @@ const Aw = (a) => {
         return m.top = "inherit", m.bottom = 50, m;
       }
     }
-  }, [o == null ? void 0 : o.current, l, r]), p = J(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (m, N, T) => {
+  }, [o == null ? void 0 : o.current, l, r]), p = J(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (m, S, T) => {
     T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), g(m);
-    const S = xt(N, m);
-    l != null && l.textOpt && (l.textOpt.fontBgColor = S, c({ textOpt: l.textOpt })), rt.emitMethod(
+    const N = xt(S, m);
+    l != null && l.textOpt && (l.textOpt.fontBgColor = N, c({ textOpt: l.textOpt })), rt.emitMethod(
       it.MainEngine,
       B.SetColorNode,
       {
         workIds: s || [H],
-        fontBgColor: h && xt(N, m),
+        fontBgColor: h && xt(S, m),
         workState: T,
         viewId: r == null ? void 0 : r.viewId
       }
@@ -13409,25 +13412,25 @@ const Aw = (a) => {
         activeColor: h,
         onPointerUpHandler: (m) => {
           m.stopPropagation();
-          const N = "transparent";
-          u(N), l != null && l.textOpt && (l.textOpt.fontBgColor = N, c({ textOpt: l.textOpt })), rt.emitMethod(
+          const S = "transparent";
+          u(S), l != null && l.textOpt && (l.textOpt.fontBgColor = S, c({ textOpt: l.textOpt })), rt.emitMethod(
             it.MainEngine,
             B.SetColorNode,
-            { workIds: s || [H], workState: P.Done, fontBgColor: N, viewId: r == null ? void 0 : r.viewId }
+            { workIds: s || [H], workState: P.Done, fontBgColor: S, viewId: r == null ? void 0 : r.viewId }
           );
         }
       }
     ),
-    n.map((m, N) => {
+    n.map((m, S) => {
       const T = Xe(...m);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
-          key: N,
+          key: S,
           color: T,
           activeColor: h,
-          onPointerUpHandler: (S) => {
-            S.stopPropagation(), u(T);
+          onPointerUpHandler: (N) => {
+            N.stopPropagation(), u(T);
             const w = xt(T, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = w, c({ textOpt: l.textOpt })), rt.emitMethod(
               it.MainEngine,
@@ -13517,11 +13520,11 @@ const Aw = (a) => {
   const I = J(() => {
     if (o && (n != null && n.current) && tt(c == null ? void 0 : c.y) && (r != null && r.height)) {
       if (n.current.offsetTop && n.current.offsetTop + c.y > 180) {
-        const N = {};
-        return N.top = "inherit", N.bottom = 50, N;
+        const S = {};
+        return S.top = "inherit", S.bottom = 50, S;
       } else if (!n.current.offsetTop && (r == null ? void 0 : r.height) - n.current.offsetTop - c.y < 120) {
-        const N = {};
-        return N.top = "inherit", N.bottom = 50, N;
+        const S = {};
+        return S.top = "inherit", S.bottom = 50, S;
       }
     }
   }, [o, n == null ? void 0 : n.current, c, r]), m = J(() => i ? /* @__PURE__ */ k.createElement(
@@ -13529,8 +13532,8 @@ const Aw = (a) => {
     {
       className: "font-style-menu",
       style: I,
-      onPointerUp: (N) => {
-        N.stopPropagation(), N.nativeEvent.stopImmediatePropagation();
+      onPointerUp: (S) => {
+        S.stopPropagation(), S.nativeEvent.stopImmediatePropagation();
       }
     },
     /* @__PURE__ */ k.createElement($w, { workIds: s || [H], bold: l, setBold: h, viewId: r == null ? void 0 : r.viewId }),
@@ -13542,8 +13545,8 @@ const Aw = (a) => {
     "div",
     {
       className: `button normal-button ${i && "active"}`,
-      onPointerUp: (N) => {
-        N.stopPropagation(), N.nativeEvent.stopImmediatePropagation(), t(!i);
+      onPointerUp: (S) => {
+        S.stopPropagation(), S.nativeEvent.stopImmediatePropagation(), t(!i);
       }
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i ? "font-style-active" : "font-style") }),
@@ -13604,26 +13607,26 @@ const Aw = (a) => {
   const f = J(() => {
     if (n != null && n.current && tt(c == null ? void 0 : c.y) && (r != null && r.height)) {
       if (n.current.offsetTop && n.current.offsetTop + c.y > 180) {
-        const N = {};
-        return N.top = "inherit", N.bottom = 35, N;
+        const S = {};
+        return S.top = "inherit", S.bottom = 35, S;
       } else if (!n.current.offsetTop && (r == null ? void 0 : r.height) - n.current.offsetTop - c.y < 120) {
-        const N = {};
-        return N.top = "inherit", N.bottom = 35, N;
+        const S = {};
+        return S.top = "inherit", S.bottom = 35, S;
       }
     }
   }, [n == null ? void 0 : n.current, c, r]);
-  function p(N) {
-    h(N), N && N >= te[0] && N <= te[g] && rt.emitMethod(it.MainEngine, B.SetFontStyle, {
+  function p(S) {
+    h(S), S && S >= te[0] && S <= te[g] && rt.emitMethod(it.MainEngine, B.SetFontStyle, {
       workIds: o || [H],
-      fontSize: N,
+      fontSize: S,
       viewId: r == null ? void 0 : r.viewId
     });
   }
-  const M = (N) => {
+  const M = (S) => {
     var T;
-    (T = i.current) == null || T.blur(), e(!1), m(N);
-  }, I = J(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), m = (N) => {
-    N > te[g] && (N = te[g]), N < te[0] && (N = te[0]), p(N);
+    (T = i.current) == null || T.blur(), e(!1), m(S);
+  }, I = J(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), m = (S) => {
+    S > te[g] && (S = te[g]), S < te[0] && (S = te[0]), p(S);
   };
   return ft(() => () => {
     r != null && r.control.room && Ut(u) && (r.control.room.disableDeviceInputs = u);
@@ -13632,8 +13635,8 @@ const Aw = (a) => {
     {
       className: "button normal-button font-size-barBtn",
       style: { width: 50 },
-      onPointerUp: (N) => {
-        N.stopPropagation(), N.nativeEvent.stopImmediatePropagation();
+      onPointerUp: (S) => {
+        S.stopPropagation(), S.nativeEvent.stopImmediatePropagation();
       }
     },
     /* @__PURE__ */ k.createElement(
@@ -13647,19 +13650,19 @@ const Aw = (a) => {
         onClick: () => {
           e(!t), i.current && i.current.focus();
         },
-        onKeyDown: (N) => {
-          if (N.key === "Backspace") {
-            const T = window.getSelection(), S = T == null ? void 0 : T.getRangeAt(0);
-            if (S != null && S.collapsed)
-              return N.cancelable && N.preventDefault(), document.execCommand("delete", !1), !1;
+        onKeyDown: (S) => {
+          if (S.key === "Backspace") {
+            const T = window.getSelection(), N = T == null ? void 0 : T.getRangeAt(0);
+            if (N != null && N.collapsed)
+              return S.cancelable && S.preventDefault(), document.execCommand("delete", !1), !1;
           }
           return !1;
         },
-        onKeyUp: (N) => {
+        onKeyUp: (S) => {
           var T;
           if (i.current) {
-            const S = i.current.value, w = parseInt(S);
-            isNaN(w) ? i.current.value = "0" : i.current.value = w.toString(), w && N.key === "Enter" && (m(w), (T = i.current) == null || T.blur(), e(!1));
+            const N = i.current.value, w = parseInt(N);
+            isNaN(w) ? i.current.value = "0" : i.current.value = w.toString(), w && S.key === "Enter" && (m(w), (T = i.current) == null || T.blur(), e(!1));
           }
         },
         onFocus: () => {
@@ -14003,57 +14006,57 @@ const Aw = (a) => {
   ), [l, h] = k.useState(), u = De(null);
   ft(() => {
     var L, A, j, D;
-    const S = {}, w = (o == null ? void 0 : o.w) || ((L = i == null ? void 0 : i.boxSize) == null ? void 0 : L[0]) || 0, C = (o == null ? void 0 : o.h) || ((A = i == null ? void 0 : i.boxSize) == null ? void 0 : A[1]) || 0;
+    const N = {}, w = (o == null ? void 0 : o.w) || ((L = i == null ? void 0 : i.boxSize) == null ? void 0 : L[0]) || 0, C = (o == null ? void 0 : o.h) || ((A = i == null ? void 0 : i.boxSize) == null ? void 0 : A[1]) || 0;
     if (s && w && C && (n != null && n.width) && (n != null && n.height)) {
-      if (s.y < 60 ? s.y + C < n.height - 60 ? S.bottom = -120 : s.y + C < n.height ? S.bottom = -58 : s.y > 0 ? S.top = 62 : S.top = -s.y + 62 : S.top = 0, s.x < 0)
-        S.left = -s.x + 3;
+      if (s.y < 60 ? s.y + C < n.height - 60 ? N.bottom = -120 : s.y + C < n.height ? N.bottom = -58 : s.y > 0 ? N.top = 62 : N.top = -s.y + 62 : N.top = 0, s.x < 0)
+        N.left = -s.x + 3;
       else if (s.x + (((j = u.current) == null ? void 0 : j.offsetWidth) || w) > n.width) {
         const R = n.width - (((D = u.current) == null ? void 0 : D.offsetWidth) || w) - s.x;
-        S.left = R;
+        N.left = R;
       }
-      h(S);
+      h(N);
       return;
     }
     h(void 0);
   }, [u, s, o == null ? void 0 : o.w, o == null ? void 0 : o.h, n == null ? void 0 : n.width, n == null ? void 0 : n.height, i == null ? void 0 : i.boxSize]);
-  const d = J(() => o != null && o.fillColor ? /* @__PURE__ */ k.createElement(Uw, { floatBarRef: u, open: r === 3, setOpen: (S) => {
+  const d = J(() => o != null && o.fillColor ? /* @__PURE__ */ k.createElement(Uw, { floatBarRef: u, open: r === 3, setOpen: (N) => {
     c(
-      S === !0 ? 3 : 0
+      N === !0 ? 3 : 0
       /* FillColor */
     );
-  } }) : null, [o == null ? void 0 : o.fillColor, r, u]), g = J(() => o != null && o.strokeColor ? /* @__PURE__ */ k.createElement(Yw, { floatBarRef: u, open: r === 2, setOpen: (S) => {
+  } }) : null, [o == null ? void 0 : o.fillColor, r, u]), g = J(() => o != null && o.strokeColor ? /* @__PURE__ */ k.createElement(Yw, { floatBarRef: u, open: r === 2, setOpen: (N) => {
     c(
-      S === !0 ? 2 : 0
+      N === !0 ? 2 : 0
       /* StrokeColor */
     );
-  } }) : null, [o == null ? void 0 : o.strokeColor, r, u]), f = J(() => i != null && i.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bw, { floatBarRef: u, open: r === 4, setOpen: (S) => {
+  } }) : null, [o == null ? void 0 : o.strokeColor, r, u]), f = J(() => i != null && i.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bw, { floatBarRef: u, open: r === 4, setOpen: (N) => {
     c(
-      S === !0 ? 4 : 0
+      N === !0 ? 4 : 0
       /* TextColor */
     );
-  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), p = J(() => i != null && i.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fw, { floatBarRef: u, open: r === 5, setOpen: (S) => {
+  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), p = J(() => i != null && i.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fw, { floatBarRef: u, open: r === 5, setOpen: (N) => {
     c(
-      S === !0 ? 5 : 0
+      N === !0 ? 5 : 0
       /* TextBgColor */
     );
-  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), M = J(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gw, { floatBarRef: u, open: r === 6, setOpen: (S) => {
+  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), M = J(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gw, { floatBarRef: u, open: r === 6, setOpen: (N) => {
     c(
-      S === !0 ? 6 : 0
+      N === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: i, workIds: t, style: l }) : null, [i, r, t, n, l, u]), I = J(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (S) => {
+  }, textOpt: i, workIds: t, style: l }) : null, [i, r, t, n, l, u]), I = J(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (N) => {
     c(
-      S === !0 ? 7 : 0
+      N === !0 ? 7 : 0
       /* FontSize */
     );
-  }, textOpt: i, workIds: t, floatBarRef: u }) : null, [i, r, t, n, u]), m = J(() => e ? null : /* @__PURE__ */ k.createElement(Ew, { open: r === 1, setOpen: (S) => {
+  }, textOpt: i, workIds: t, floatBarRef: u }) : null, [i, r, t, n, u]), m = J(() => e ? null : /* @__PURE__ */ k.createElement(Ew, { open: r === 1, setOpen: (N) => {
     c(
-      S === !0 ? 1 : 0
+      N === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: u }), [e, r, u]), N = J(() => o != null && o.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: o.isLocked }) : null, [o, n, t]), T = J(() => n && (n != null && n.viewId) && l && (o != null && o.shapeOpt) && (o != null && o.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (S) => {
+  }, floatBarRef: u }), [e, r, u]), S = J(() => o != null && o.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: o.isLocked }) : null, [o, n, t]), T = J(() => n && (n != null && n.viewId) && l && (o != null && o.shapeOpt) && (o != null && o.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (N) => {
     c(
-      S === !0 ? 8 : 0
+      N === !0 ? 8 : 0
       /* ShapeOpt */
     );
   }, floatBarRef: u, workIds: t, toolsTypes: o.toolsTypes, shapeOpt: o.shapeOpt }) : null, [o, n, r, l, t, u]);
@@ -14063,12 +14066,12 @@ const Aw = (a) => {
       className: "appliance-plugin-floatbtns",
       style: l,
       ref: u,
-      onMouseOver: (S) => (S.stopPropagation(), S.cancelable && S.preventDefault(), n == null || n.control.worker.blurCursor(n.viewId), !1),
-      onMouseMove: (S) => (S.stopPropagation(), S.cancelable && S.preventDefault(), !1)
+      onMouseOver: (N) => (N.stopPropagation(), N.cancelable && N.preventDefault(), n == null || n.control.worker.blurCursor(n.viewId), !1),
+      onMouseMove: (N) => (N.stopPropagation(), N.cancelable && N.preventDefault(), !1)
     },
     n && /* @__PURE__ */ k.createElement(Aw, { workIds: t, mananger: n }),
     m,
-    N,
+    S,
     !!(n != null && n.viewId) && /* @__PURE__ */ k.createElement(jw, { workIds: t, viewId: n.viewId }),
     T,
     I,
@@ -14088,9 +14091,9 @@ const Aw = (a) => {
     textAlign: M,
     strokeColor: I,
     lineHeight: m,
-    bold: N,
+    bold: S,
     italic: T,
-    uid: S,
+    uid: N,
     workState: w
   } = o, C = u, L = m || C * 1.2, A = {
     fontSize: `${C}px`,
@@ -14100,10 +14103,10 @@ const Aw = (a) => {
     minHeight: `${L}px`,
     paddingRight: `${T === "italic" ? Math.round(C * 0.3) : 5}px`
   };
-  d && (A.fontFamily = `${d}`), (p || g) && (A.textDecoration = `${p && "line-through" || ""}${g && " underline" || ""}`), N && (A.fontWeight = `${N}`), T && (A.fontStyle = `${T}`), M && (A.textAlign = `${M}`);
+  d && (A.fontFamily = `${d}`), (p || g) && (A.textDecoration = `${p && "line-through" || ""}${g && " underline" || ""}`), S && (A.fontWeight = `${S}`), T && (A.fontStyle = `${T}`), M && (A.textAlign = `${M}`);
   function j() {
     var R;
-    t && (S && S === ((R = e.control.collector) == null ? void 0 : R.uid) || !S) && e.control.textEditorManager.active(s);
+    t && (N && N === ((R = e.control.collector) == null ? void 0 : R.uid) || !N) && e.control.textEditorManager.active(s);
   }
   const D = J(() => {
     const R = [];
@@ -14167,18 +14170,18 @@ const Aw = (a) => {
       textAlign: M,
       strokeColor: I,
       lineHeight: m,
-      bold: N,
+      bold: S,
       italic: T
-    } = n, S = u, w = m || S * 1.2, C = {
-      fontSize: `${S}px`,
+    } = n, N = u, w = m || N * 1.2, C = {
+      fontSize: `${N}px`,
       lineHeight: `${w}px`,
       color: f,
       borderColor: I,
       minHeight: `${w}px`,
       pointerEvents: "none",
-      paddingRight: `${T === "italic" ? Math.round(S * 0.3) : 5}px`
+      paddingRight: `${T === "italic" ? Math.round(N * 0.3) : 5}px`
     };
-    d && (C.fontFamily = `${d}`), (p || g) && (C.textDecoration = `${p && "line-through" || ""}${g && " underline" || ""}`), M && (C.textAlign = `${M}`), N && (C.fontWeight = `${N}`), T && (C.fontStyle = `${T}`);
+    d && (C.fontFamily = `${d}`), (p || g) && (C.textDecoration = `${p && "line-through" || ""}${g && " underline" || ""}`), M && (C.textAlign = `${M}`), S && (C.fontWeight = `${S}`), T && (C.fontStyle = `${T}`);
     const L = J(() => {
       const A = [];
       if (n.text) {
@@ -14220,9 +14223,9 @@ const Aw = (a) => {
   const { data: i, workId: t, isSelect: e, showFloatBtns: s, handleKeyUp: o, handleFocus: n, updateOptInfo: r, manager: c, runAnimation: l } = a, [h, u] = nt(), { opt: d, scale: g, translate: f, x: p, y: M } = i, {
     fontSize: I,
     fontFamily: m,
-    underline: N,
+    underline: S,
     fontColor: T,
-    lineThrough: S,
+    lineThrough: N,
     textAlign: w,
     strokeColor: C,
     lineHeight: L,
@@ -14239,8 +14242,8 @@ const Aw = (a) => {
       paddingRight: `${j === "italic" ? Math.round(ot * 0.3) : 5}px`,
       borderWidth: `${Math.max(Math.round(1 / (g || 1)), 1)}px`
     };
-    return m && (X.fontFamily = `${m}`), (S || N) && (X.textDecoration = `${S && "line-through" || ""} ${N && " underline" || ""}`), w && (X.textAlign = `${w}`), A && (X.fontWeight = `${A}`), j && (X.fontStyle = `${j}`), X;
-  }, [A, T, m, I, j, L, S, g, C, w, N]), E = J(() => {
+    return m && (X.fontFamily = `${m}`), (N || S) && (X.textDecoration = `${N && "line-through" || ""} ${S && " underline" || ""}`), w && (X.textAlign = `${w}`), A && (X.fontWeight = `${A}`), j && (X.fontStyle = `${j}`), X;
+  }, [A, T, m, I, j, L, N, g, C, w, S]), E = J(() => {
     const ot = `scale(${g || 1}) ${f && "translate(" + f[0] + "px," + f[1] + "px)" || ""}`;
     return {
       left: `${p}px`,
@@ -14641,19 +14644,19 @@ const hm = () => {
     rt.unmountActiveListener(I);
   }), []), ft(() => {
     if (t) {
-      const S = { x: (t == null ? void 0 : t.x) - 20, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) }, w = { x: (t == null ? void 0 : t.x) + (t == null ? void 0 : t.w) / 2, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) / 2 };
-      f(new F(w.x, w.y)), d(new F(S.x, S.y)), c({ x: S.x, y: S.y });
+      const N = { x: (t == null ? void 0 : t.x) - 20, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) }, w = { x: (t == null ? void 0 : t.x) + (t == null ? void 0 : t.w) / 2, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) / 2 };
+      f(new F(w.x, w.y)), d(new F(N.x, N.y)), c({ x: N.x, y: N.y });
     }
   }, [t == null ? void 0 : t.x, t == null ? void 0 : t.y, t == null ? void 0 : t.h]);
-  const I = (S) => {
+  const I = (N) => {
     var w;
-    if (!S) {
+    if (!N) {
       M(!0), h(!1), o(B.None);
       return;
     }
     M(!1), (w = n == null ? void 0 : n.control.room) != null && w.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
-  }, m = (S, w) => {
-    if (S.cancelable && S.preventDefault(), S.stopPropagation(), n != null && n.control.worker.isBusy) {
+  }, m = (N, w) => {
+    if (N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
@@ -14664,8 +14667,8 @@ const hm = () => {
       B.RotateNode,
       { workIds: [H], angle: 0, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     );
-  }, N = (S, w) => {
-    if (T.cancel(), S.cancelable && S.preventDefault(), S.stopPropagation(), n != null && n.control.worker.isBusy) {
+  }, S = (N, w) => {
+    if (T.cancel(), N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
@@ -14676,8 +14679,8 @@ const hm = () => {
       B.RotateNode,
       { workIds: [H], angle: C, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
     );
-  }, T = us((S, w) => {
-    if (S.cancelable && S.preventDefault(), S.stopPropagation(), n != null && n.control.worker.isBusy) {
+  }, T = us((N, w) => {
+    if (N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
@@ -14697,7 +14700,7 @@ const hm = () => {
       handle: ".appliance-plugin-rotate-mouse-pointer",
       onStart: m,
       onDrag: T,
-      onStop: N
+      onStop: S
     },
     /* @__PURE__ */ k.createElement(
       "div",
@@ -14714,67 +14717,66 @@ const hm = () => {
     )
   );
 }, fm = (a) => {
-  const { floatBarData: i, setOperationType: t, mananger: e } = bt(kt), { onClickHandle: s } = a, [o, n] = nt(P.Pending), [r, c] = nt(), [l, h] = nt(!1), [u, d] = nt(!1);
+  const { floatBarData: i, setOperationType: t, mananger: e } = bt(kt), { onClickHandle: s } = a, [o, n] = nt(P.Pending), [r, c] = nt(), [l, h] = nt(), [u, d] = nt(!1);
   ft(() => (rt.activeListener(g), () => {
     rt.unmountActiveListener(g);
   }), []);
-  const g = (N) => {
+  const g = (S) => {
     var T;
-    if (!N || i != null && i.isLocked) {
-      h(!0), n(P.Pending), t(B.None);
+    if (!S || i != null && i.isLocked) {
+      d(!0), n(P.Pending), t(B.None);
       return;
     }
-    h(!1), (T = e == null ? void 0 : e.control.room) != null && T.disableDeviceInputs && (e.control.room.disableDeviceInputs = !1);
+    d(!1), (T = e == null ? void 0 : e.control.room) != null && T.disableDeviceInputs && (e.control.room.disableDeviceInputs = !1);
   };
   ft(() => {
     if (i != null && i.isLocked || e != null && e.control.worker.isBusy) {
-      h(!0), n(P.Pending);
+      d(!0), n(P.Pending);
       return;
     }
-    h(!1);
+    d(!1);
   }, [i == null ? void 0 : i.isLocked]), ft(() => {
-    tt(i == null ? void 0 : i.x) && tt(i == null ? void 0 : i.y) && (o === P.Pending || o === P.Done) && c({ x: i == null ? void 0 : i.x, y: i == null ? void 0 : i.y });
+    tt(i == null ? void 0 : i.x) && tt(i == null ? void 0 : i.y) && (o === P.Pending || o === P.Done) && h({ x: i == null ? void 0 : i.x, y: i == null ? void 0 : i.y });
   }, [o, i == null ? void 0 : i.x, i == null ? void 0 : i.y]);
-  const f = (N) => {
-    if (N.cancelable && N.preventDefault(), N.stopPropagation(), e != null && e.control.worker.isBusy) {
-      h(!0), n(P.Pending);
+  const f = (S) => {
+    if (S.cancelable && S.preventDefault(), S.stopPropagation(), e != null && e.control.worker.isBusy) {
+      d(!0), n(P.Pending);
       return;
     }
-    d(!1), tt(i == null ? void 0 : i.x) && tt(i == null ? void 0 : i.y) && (t(B.TranslateNode), n(P.Start), e != null && e.control.room && (e.control.room.disableDeviceInputs = !0), rt.emitMethod(
+    tt(i == null ? void 0 : i.x) && tt(i == null ? void 0 : i.y) && (t(B.TranslateNode), n(P.Start), c({ x: i == null ? void 0 : i.x, y: i == null ? void 0 : i.y }), e != null && e.control.room && (e.control.room.disableDeviceInputs = !0), rt.emitMethod(
       it.MainEngine,
       B.TranslateNode,
       { workIds: [H], position: { x: i == null ? void 0 : i.x, y: i == null ? void 0 : i.y }, workState: P.Start, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, p = (N, T) => {
-    if (M.cancel(), N.cancelable && N.preventDefault(), e != null && e.control.worker.isBusy) {
-      h(!0), n(P.Pending);
+  }, p = (S, T) => {
+    if (M.cancel(), S.cancelable && S.preventDefault(), e != null && e.control.worker.isBusy) {
+      d(!0), n(P.Pending);
       return;
     }
-    N.stopPropagation();
-    const S = { x: T.x, y: T.y };
+    S.stopPropagation();
+    const N = { x: T.x, y: T.y };
     t(B.None), n(P.Done), e != null && e.control.room && (e.control.room.disableDeviceInputs = !1), rt.emitMethod(
       it.MainEngine,
       B.TranslateNode,
-      { workIds: [H], position: S, workState: P.Done, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [H], position: N, workState: P.Done, viewId: e == null ? void 0 : e.viewId }
     );
-  }, M = se((N, T) => {
-    if (N.cancelable && N.preventDefault(), N.stopPropagation(), e != null && e.control.worker.isBusy) {
-      h(!0), n(P.Pending);
+  }, M = se((S, T) => {
+    if (S.cancelable && S.preventDefault(), S.stopPropagation(), e != null && e.control.worker.isBusy) {
+      d(!0), n(P.Pending);
       return;
     }
-    d(!0);
-    const S = { x: T.x, y: T.y };
+    const N = { x: T.x, y: T.y };
     (T.x !== (i == null ? void 0 : i.x) || T.y !== (i == null ? void 0 : i.y)) && (n(P.Doing), rt.emitMethod(
       it.MainEngine,
       B.TranslateNode,
-      { workIds: [H], position: S, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [H], position: N, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, 100, { trailing: !0 }), I = J(() => !!((i == null ? void 0 : i.scaleType) === ct.none && (i != null && i.canLock)), [i]), m = yi((N) => (M.cancel(), N.stopPropagation(), N.cancelable && N.preventDefault(), u || s(N), !1), 100, { trailing: !0 });
+  }, 100, { trailing: !0 }), I = J(() => !!((i == null ? void 0 : i.scaleType) === ct.none && (i != null && i.canLock)), [i]), m = yi((S) => (M.cancel(), S.stopPropagation(), S.cancelable && S.preventDefault(), (r == null ? void 0 : r.x) === (i == null ? void 0 : i.x) && (r == null ? void 0 : r.y) === (i == null ? void 0 : i.y) && s(S), !1), 100, { trailing: !0 });
   return /* @__PURE__ */ k.createElement(
     Ae,
     {
-      disabled: l,
-      position: r,
+      disabled: u,
+      position: l,
       onStart: f,
       onDrag: M,
       onStop: p
@@ -14792,8 +14794,8 @@ const hm = () => {
           pointerEvents: I ? "none" : "auto",
           touchAction: "none"
         } : void 0,
-        onPointerUp: (N) => {
-          N.persist(), m(N);
+        onPointerUp: (S) => {
+          S.persist(), m(S);
         }
       }
     )
@@ -14836,7 +14838,7 @@ const hm = () => {
       case "bottomLeft":
         return C[1];
     }
-  }, N = (C, L, A, j) => {
+  }, S = (C, L, A, j) => {
     let D = !1, R = !1;
     const z = {
       x: t.x,
@@ -14910,14 +14912,14 @@ const hm = () => {
         { workIds: [H], originPoint: R, scenePoint: z, workState: P.Start, viewId: u.viewId }
       );
     }
-  }, S = se((C, L, A, j) => {
+  }, N = se((C, L, A, j) => {
     if (C.cancelable && C.preventDefault(), C.stopPropagation(), !u || !s || !n)
       return;
     if (u != null && u.control.worker.isBusy) {
       p(!0);
       return;
     }
-    const { scale: D, translate: R } = N(L, j, u, n);
+    const { scale: D, translate: R } = S(L, j, u, n);
     (!gt(D, d == null ? void 0 : d.scale) || !gt(R, d == null ? void 0 : d.translate)) && (g({
       scale: D,
       translate: R
@@ -14927,7 +14929,7 @@ const hm = () => {
       { workIds: [H], scale: D, dir: L, translate: R, originPoint: s, scenePoint: n, workState: P.Doing, viewId: u.viewId }
     ));
   }, 100, { trailing: !0 }), w = (C) => {
-    if (S.cancel(), C.cancelable && C.preventDefault(), C.stopPropagation(), !(!u || !s || !n)) {
+    if (N.cancel(), C.cancelable && C.preventDefault(), C.stopPropagation(), !(!u || !s || !n)) {
       if (u != null && u.control.worker.isBusy) {
         p(!0);
         return;
@@ -14971,7 +14973,7 @@ const hm = () => {
       },
       lockAspectRatio: (h == null ? void 0 : h.scaleType) === ct.proportional,
       onResizeStart: T,
-      onResize: S,
+      onResize: N,
       onResizeStop: w
     }
   );
@@ -14981,12 +14983,12 @@ const hm = () => {
     rt.unmountActiveListener(f);
   }), []);
   const f = (m) => {
-    var N;
+    var S;
     if (!m || r != null && r.isLocked) {
       g(!0), u(P.Pending), o(B.None);
       return;
     }
-    g(!1), (N = n == null ? void 0 : n.control.room) != null && N.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
+    g(!1), (S = n == null ? void 0 : n.control.room) != null && S.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
   };
   ft(() => {
     tt(t.x) && tt(t.y) && (h === P.Pending || h === P.Done) && l({ x: t.x, y: t.y });
@@ -15001,30 +15003,30 @@ const hm = () => {
       B.SetPoint,
       { workId: H, pointMap: e, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     ));
-  }, M = se((m, N) => {
+  }, M = se((m, S) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
       g(!0), u(P.Pending);
       return;
     }
-    const T = { x: N.x, y: N.y };
+    const T = { x: S.x, y: S.y };
     if ((T.x !== (t == null ? void 0 : t.x) || T.y !== (t == null ? void 0 : t.y)) && (n != null && n.control.viewContainerManager)) {
-      const S = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
-      w && s === "start" ? w[0] = S : w && s === "end" && (w[1] = S), u(P.Doing), rt.emitMethod(
+      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
+      w && s === "start" ? w[0] = N : w && s === "end" && (w[1] = N), u(P.Doing), rt.emitMethod(
         it.MainEngine,
         B.SetPoint,
         { workId: H, pointMap: e, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
       );
     }
-  }, 100, { trailing: !0 }), I = (m, N) => {
+  }, 100, { trailing: !0 }), I = (m, S) => {
     if (M.cancel(), m.cancelable && m.preventDefault(), n != null && n.control.worker.isBusy) {
       g(!0), u(P.Pending);
       return;
     }
     m.stopPropagation(), o(B.None), u(P.Done);
-    const T = { x: N.x, y: N.y };
+    const T = { x: S.x, y: S.y };
     if (n != null && n.control.viewContainerManager) {
-      const S = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
-      w && s === "start" ? w[0] = S : w && s === "end" && (w[1] = S), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), rt.emitMethod(
+      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
+      w && s === "start" ? w[0] = N : w && s === "end" && (w[1] = N), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), rt.emitMethod(
         it.MainEngine,
         B.SetPoint,
         { workId: H, pointMap: e, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
@@ -15266,18 +15268,18 @@ const Cm = (a) => {
     const u = s.maps.get(i);
     u && l(u.miniMapCamera, u.viewCamera);
   }, l = (u, d) => {
-    const { width: g, height: f } = o.getBoundingClientRect(), p = Math.min(g / u.width, f / u.height), M = d.width / d.scale, I = d.height / d.scale, m = [d.centerX, d.centerY], N = [u.centerX, u.centerY], T = [m[0] - N[0], m[1] - N[1]], S = Math.min(u.scale * p, u.scale * p), w = [T[0] * S, T[1] * S, M, I, S];
+    const { width: g, height: f } = o.getBoundingClientRect(), p = Math.min(g / u.width, f / u.height), M = d.width / d.scale, I = d.height / d.scale, m = [d.centerX, d.centerY], S = [u.centerX, u.centerY], T = [m[0] - S[0], m[1] - S[1]], N = Math.min(u.scale * p, u.scale * p), w = [T[0] * N, T[1] * N, M, I, N];
     r(w);
   }, h = (u) => {
     var d;
     if (s.control.renderControl.isWriteable()) {
       const g = u.nativeEvent.target || u.nativeEvent.srcElement;
       if (g && u.nativeEvent && n) {
-        const { width: f, height: p } = g.getBoundingClientRect(), [M, I] = [f / 2, p / 2], [m, N] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - I) / n[4]], T = s.maps.get(i);
+        const { width: f, height: p } = g.getBoundingClientRect(), [M, I] = [f / 2, p / 2], [m, S] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - I) / n[4]], T = s.maps.get(i);
         if (T != null && T.viewCamera) {
-          const [S, w] = [T.miniMapCamera.centerX + m, T.miniMapCamera.centerY + N];
+          const [N, w] = [T.miniMapCamera.centerX + m, T.miniMapCamera.centerY + S];
           (d = s.control.room) == null || d.moveCamera({
-            centerX: S,
+            centerX: N,
             centerY: w,
             animationMode: "immediately"
           });
@@ -15970,32 +15972,32 @@ const Y = class Y extends fo {
         const M = (t.mainView || s).getBoundingRect(p), I = await ((m = Y.currentManager) == null ? void 0 : m.getBoundingRect(p));
         return !M.width || !M.height ? I : ds(M, I);
       },
-      screenshotToCanvasAsync: async function(p, M, I, m, N, T) {
+      screenshotToCanvasAsync: async function(p, M, I, m, S, T) {
         var j;
         Y.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let S = I, w = m, C = N.scale;
-        S > this.maxScreenshotWidth && (C = this.maxScreenshotWidth / S * C, S = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (C = Math.min(this.maxScreenshotHeight / w * C, C), w = this.maxScreenshotHeight), N.scale = C;
+        let N = I, w = m, C = S.scale;
+        N > this.maxScreenshotWidth && (C = this.maxScreenshotWidth / N * C, N = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (C = Math.min(this.maxScreenshotHeight / w * C, C), w = this.maxScreenshotHeight), S.scale = C;
         const L = document.createElement("canvas"), A = L.getContext("2d");
-        L.width = S * (T || 1), L.height = w * (T || 1), A && ((t.mainView || s).screenshotToCanvas(A, M, S, w, N, T), p.drawImage(L, Math.floor((I - S) / 2), Math.floor((m - w) / 2), S * (T || 1), w * (T || 1), 0, 0, S, w), L.remove()), Y.currentManager && await ((j = Y.currentManager) == null ? void 0 : j.screenshotToCanvas(p, M, S, w, N, Math.floor((I - S) / 2), Math.floor((m - w) / 2)));
+        L.width = N * (T || 1), L.height = w * (T || 1), A && ((t.mainView || s).screenshotToCanvas(A, M, N, w, S, T), p.drawImage(L, Math.floor((I - N) / 2), Math.floor((m - w) / 2), N * (T || 1), w * (T || 1), 0, 0, N, w), L.remove()), Y.currentManager && await ((j = Y.currentManager) == null ? void 0 : j.screenshotToCanvas(p, M, N, w, S, Math.floor((I - N) / 2), Math.floor((m - w) / 2)));
       },
-      scenePreviewAsync: async function(p, M, I, m, N) {
-        Y.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || s).scenePreview(p, M, I, m, N);
+      scenePreviewAsync: async function(p, M, I, m, S) {
+        Y.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || s).scenePreview(p, M, I, m, S);
         const T = document.createElement("img");
         T.className = "appliance-plugin-fill-scene-snapshot-img", M.append(T), getComputedStyle(M).position || (M.style.position = "relative"), Y.currentManager && await Y.currentManager.scenePreview(p, T);
       },
-      fillSceneSnapshotAsync: async function(p, M, I, m, N) {
-        Y.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), M.innerHTML = "", (t.mainView || s).fillSceneSnapshot(p, M, I, m, N);
-        const T = I || t.mainView.size.width, S = m || t.mainView.size.height;
+      fillSceneSnapshotAsync: async function(p, M, I, m, S) {
+        Y.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), M.innerHTML = "", (t.mainView || s).fillSceneSnapshot(p, M, I, m, S);
+        const T = I || t.mainView.size.width, N = m || t.mainView.size.height;
         let w = await this.getBoundingRectAsync(p);
         w || (w = {
           originX: 0,
           originY: 0,
           width: T,
-          height: S
+          height: N
         });
-        let C = Math.max(w == null ? void 0 : w.width, T), L = Math.max(w == null ? void 0 : w.height, S), A = 1;
-        const j = C > T && Math.min(T / C, A) || A, D = L > S && Math.min(S / L, A) || A;
-        j <= D ? (C = j < 1 && T || C, L = Math.floor(L * j) + 1, A = j) : j > D && (L = D < 1 && S || L, C = Math.floor(C * D) + 1, A = D);
+        let C = Math.max(w == null ? void 0 : w.width, T), L = Math.max(w == null ? void 0 : w.height, N), A = 1;
+        const j = C > T && Math.min(T / C, A) || A, D = L > N && Math.min(N / L, A) || A;
+        j <= D ? (C = j < 1 && T || C, L = Math.floor(L * j) + 1, A = j) : j > D && (L = D < 1 && N || L, C = Math.floor(C * D) + 1, A = D);
         const R = {
           scale: A,
           centerX: w.originX + w.width / 2,
@@ -16486,37 +16488,37 @@ const O = class O extends fo {
         const p = t.getBoundingRect(f), M = await ((I = O.currentManager) == null ? void 0 : I.getBoundingRect(f));
         return !p.width || !p.height ? M : ds(p, M);
       },
-      screenshotToCanvasAsync: async function(f, p, M, I, m, N) {
+      screenshotToCanvasAsync: async function(f, p, M, I, m, S) {
         var A;
         O.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
-        let T = M, S = I, w = m.scale;
-        T > this.maxScreenshotWidth && (w = this.maxScreenshotWidth / T * w, T = this.maxScreenshotWidth), S > this.maxScreenshotHeight && (w = Math.min(this.maxScreenshotHeight / S * w, w), S = this.maxScreenshotHeight), m.scale = w;
+        let T = M, N = I, w = m.scale;
+        T > this.maxScreenshotWidth && (w = this.maxScreenshotWidth / T * w, T = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (w = Math.min(this.maxScreenshotHeight / N * w, w), N = this.maxScreenshotHeight), m.scale = w;
         const C = document.createElement("canvas"), L = C.getContext("2d");
-        C.width = T * (N || 1), C.height = S * (N || 1), L && (t.screenshotToCanvas(L, p, T, S, m, N), f.drawImage(C, Math.floor((M - T) / 2), Math.floor((I - S) / 2), T * (N || 1), S * (N || 1), 0, 0, T, S), C.remove()), O.currentManager && await ((A = O.currentManager) == null ? void 0 : A.screenshotToCanvas(f, p, T, S, m, Math.floor((M - T) / 2), Math.floor((I - S) / 2)));
+        C.width = T * (S || 1), C.height = N * (S || 1), L && (t.screenshotToCanvas(L, p, T, N, m, S), f.drawImage(C, Math.floor((M - T) / 2), Math.floor((I - N) / 2), T * (S || 1), N * (S || 1), 0, 0, T, N), C.remove()), O.currentManager && await ((A = O.currentManager) == null ? void 0 : A.screenshotToCanvas(f, p, T, N, m, Math.floor((M - T) / 2), Math.floor((I - N) / 2)));
       },
       scenePreviewAsync: async function(f, p, M, I, m) {
         O.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(f, p, M, I, m);
-        const N = document.createElement("img");
-        N.className = "appliance-plugin-fill-scene-snapshot-img", p.append(N), getComputedStyle(p).position || (p.style.position = "relative"), O.currentManager && await O.currentManager.scenePreview(f, N);
+        const S = document.createElement("img");
+        S.className = "appliance-plugin-fill-scene-snapshot-img", p.append(S), getComputedStyle(p).position || (p.style.position = "relative"), O.currentManager && await O.currentManager.scenePreview(f, S);
       },
       fillSceneSnapshotAsync: async function(f, p, M, I, m) {
         var st, K;
         O.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), p.innerHTML = "", t.fillSceneSnapshot(f, p, M, I, m);
-        const N = M || ((st = t.state.cameraState) == null ? void 0 : st.width) || 0, T = I || ((K = t.state.cameraState) == null ? void 0 : K.height) || 0;
-        let S = await this.getBoundingRectAsync(f);
-        S || (S = {
+        const S = M || ((st = t.state.cameraState) == null ? void 0 : st.width) || 0, T = I || ((K = t.state.cameraState) == null ? void 0 : K.height) || 0;
+        let N = await this.getBoundingRectAsync(f);
+        N || (N = {
           originX: 0,
           originY: 0,
-          width: N,
+          width: S,
           height: T
         });
-        let w = Math.max(S == null ? void 0 : S.width, N), C = Math.max(S == null ? void 0 : S.height, T), L = 1;
-        const A = w > N && Math.min(N / w, L) || L, j = C > T && Math.min(T / C, L) || L;
-        A <= j ? (w = A < 1 && N || w, C = Math.floor(C * A) + 1, L = A) : A > j && (C = j < 1 && T || C, w = Math.floor(w * j) + 1, L = j);
+        let w = Math.max(N == null ? void 0 : N.width, S), C = Math.max(N == null ? void 0 : N.height, T), L = 1;
+        const A = w > S && Math.min(S / w, L) || L, j = C > T && Math.min(T / C, L) || L;
+        A <= j ? (w = A < 1 && S || w, C = Math.floor(C * A) + 1, L = A) : A > j && (C = j < 1 && T || C, w = Math.floor(w * j) + 1, L = j);
         const D = {
           scale: L,
-          centerX: S.originX + S.width / 2,
-          centerY: S.originY + S.height / 2
+          centerX: N.originX + N.width / 2,
+          centerY: N.originY + N.height / 2
         }, R = document.createElement("canvas"), z = R.getContext("2d");
         R.width = w, R.height = C, z && await this.screenshotToCanvasAsync(z, f, w, C, D, devicePixelRatio);
         const E = document.createElement("img");