@netless/appliance-plugin 1.0.7 → 1.0.8

package/dist/{index-DWP99OFK.mjs → index-CWXxYSm5.mjs}

@@ -1021,12 +1021,12 @@ function Ze(r, o, t, e, i, n) {
     return p;
   n.set(r, s), Xd(r) ? r.forEach(function(M) {
     s.add(Ze(M, o, t, M, r, n));
-  }) : Gd(r) && r.forEach(function(M, I) {
-    s.set(I, Ze(M, o, t, I, r, n));
+  }) : Gd(r) && r.forEach(function(M, v) {
+    s.set(v, Ze(M, o, t, v, r, n));
   });
   var f = l ? c ? Bd : Ud : c ? Kd : qd, m = h ? void 0 : f(r);
-  return Dd(m || r, function(M, I) {
-    m && (I = M, M = r[I]), Pd(s, I, Ze(M, o, t, I, r, n));
+  return Dd(m || r, function(M, v) {
+    m && (v = M, M = r[v]), Pd(s, v, Ze(M, o, t, v, r, n));
   }), s;
 }
 var kp = Ze, Sp = kp, zp = 1, xp = 4;
@@ -1034,7 +1034,7 @@ function Lp(r) {
   return Sp(r, zp | xp);
 }
 var jp = Lp;
-const se = /* @__PURE__ */ Oe(jp), Ms = "1.0.7", bp = "@netless/appliance-plugin", ys = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const se = /* @__PURE__ */ Oe(jp), Ms = "1.0.8", bp = "@netless/appliance-plugin", ys = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let r = window.__netlessUA || "";
   r += ` ${bp}@${Ms}_${ys}`, window.__netlessUA = r;
@@ -1150,38 +1150,38 @@ const Bt = {
     const M = s && se(s) || i.get(t.name);
     if (!M) return;
     qt(a) && (t.setAttribute("zIndex", a), M.opt.zIndex = a);
-    const I = t.parent;
-    if (I) {
+    const v = t.parent;
+    if (v) {
       if (h && d && s) {
         const w = [M.op[0], M.op[1]];
         Vo(M.op, u, d, c);
-        const N = [M.op[0], M.op[1]], v = [N[0] - w[0], N[1] - w[1]];
-        M.centerPos = [M.centerPos[0] + v[0], M.centerPos[1] + v[1]], M.opt.translate = void 0, M.opt.scale = void 0;
+        const N = [M.op[0], M.op[1]], I = [N[0] - w[0], N[1] - w[1]];
+        M.centerPos = [M.centerPos[0] + I[0], M.centerPos[1] + I[1]], M.opt.translate = void 0, M.opt.scale = void 0;
       } else if (c)
         if (t.setAttribute("translate", c), M.opt.translate = c, s) {
-          const w = [c[0] * I.worldScaling[0], c[1] * I.worldScaling[1]];
+          const w = [c[0] * v.worldScaling[0], c[1] * v.worldScaling[1]];
           m = Vf(M.rect, w), M.rect = m;
         } else {
-          const w = Pt.getRectFromLayer(I, t.name);
+          const w = Pt.getRectFromLayer(v, t.name);
           M.rect = w || M.rect;
         }
       else if (qt(l))
         if (t.setAttribute("rotate", l), M.opt.rotate = l, s)
           m = bs(M.rect, l), M.rect = m;
         else {
-          const w = Pt.getRectFromLayer(I, t.name);
+          const w = Pt.getRectFromLayer(v, t.name);
           M.rect = w || M.rect;
         }
       if (p) {
         const w = p.get(t.name);
         if (w)
-          for (let N = 0, v = 0; N < M.op.length; N += 3, v++)
-            M.op[N] = w[v][0], M.op[N + 1] = w[v][1];
+          for (let N = 0, I = 0; N < M.op.length; N += 3, I++)
+            M.op[N] = w[I][0], M.op[N + 1] = w[I][1];
       }
       if (f && ((y = M == null ? void 0 : M.opt) != null && y.thickness) && (M.opt.thickness = f), n && !(h && d && s)) {
         if (c) {
-          const w = M.op.map((N, v) => {
-            const k = v % 3;
+          const w = M.op.map((N, I) => {
+            const k = I % 3;
             return k === 0 ? N + c[0] : k === 1 ? N + c[1] : N;
           });
           M.op = w, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0);
@@ -1391,15 +1391,15 @@ class ws extends R {
         type: x.DrawWork,
         dataType: W.Local
       };
-    const I = [];
+    const v = [];
     return this.tmpPoints.slice(M).forEach((y) => {
-      I.push(y.x, y.y, this.computRadius(y.z, this.workOptions.thickness));
+      v.push(y.x, y.y, this.computRadius(y.z, this.workOptions.thickness));
     }), {
       ...this.baseConsumeResult,
       type: x.DrawWork,
       dataType: W.Local,
       rect: f,
-      op: m ? I : void 0,
+      op: m ? v : void 0,
       index: m ? M * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
@@ -1491,18 +1491,18 @@ class ws extends R {
   draw(t) {
     const { attrs: e, tasks: i, replaceId: n, effects: s, layer: a } = t, { strokeColor: c, strokeType: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f } = this.workOptions;
     s != null && s.size && (s.forEach((N) => {
-      var v;
-      (v = a.getElementById(N + "")) == null || v.remove();
+      var I;
+      (I = a.getElementById(N + "")) == null || I.remove();
     }), s.clear());
     let m;
-    const M = [], I = a.worldPosition, y = a.worldScaling;
+    const M = [], v = a.worldPosition, y = a.worldScaling;
     for (let N = 0; N < i.length; N++) {
-      const { pos: v, points: k } = i[N], { ps: z, rect: L } = this.computDrawPoints(k);
+      const { pos: I, points: k } = i[N], { ps: z, rect: L } = this.computDrawPoints(k);
       let b;
       const A = k.length === 1;
       l === _.Stroke || A ? b = he(z, !0) : b = he(z, !1);
       const P = {
-        pos: v,
+        pos: I,
         d: b,
         fillColor: l === _.Stroke || A ? c : void 0,
         lineDash: l === _.Dotted && !A ? [1, h * 2] : l === _.LongDotted && !A ? [h, h * 2] : void 0,
@@ -1511,8 +1511,8 @@ class ws extends R {
         lineWidth: l === _.Stroke || A ? 0 : h
       };
       m = pt(m, {
-        x: Math.floor((L.x + v[0]) * y[0] + I[0] - R.SafeBorderPadding),
-        y: Math.floor((L.y + v[1]) * y[1] + I[1] - R.SafeBorderPadding),
+        x: Math.floor((L.x + I[0]) * y[0] + v[0] - R.SafeBorderPadding),
+        y: Math.floor((L.y + I[1]) * y[1] + v[1] - R.SafeBorderPadding),
         w: Math.floor(L.w * y[0] + 2 * R.SafeBorderPadding),
         h: Math.floor(L.h * y[1] + 2 * R.SafeBorderPadding)
       }), M.push(P);
@@ -1529,7 +1529,7 @@ class ws extends R {
         size: [(m.w - 2 * R.SafeBorderPadding) / y[0], (m.h - 2 * R.SafeBorderPadding) / y[1]],
         zIndex: u
       });
-      const N = M.map((v) => (v.pos = [v.pos[0] - this.centerPos[0], v.pos[1] - this.centerPos[1]], new ue(v)));
+      const N = M.map((I) => (I.pos = [I.pos[0] - this.centerPos[0], I.pos[1] - this.centerPos[1]], new ue(I)));
       w.append(...N), l === _.Stroke && w.seal(), this.replace(a, n || e.workId, w);
     }
     if (d || p || f) {
@@ -1601,8 +1601,8 @@ class ws extends R {
         point: new $(p, f, m, t[n].v),
         radius: M
       }), n > 0 && n < t.length - 1) {
-        const I = t[n].getAngleByPoints(t[n - 1], t[n + 1]);
-        if (I < 90 || I > 270) {
+        const v = t[n].getAngleByPoints(t[n - 1], t[n + 1]);
+        if (v < 90 || v > 270) {
           const y = (u = l.pop()) == null ? void 0 : u.point.clone();
           y && i.push({
             taskId: h,
@@ -1641,12 +1641,12 @@ class ws extends R {
       if (u.isNear(p, e)) {
         if (p.z < this.MAX_REPEAR) {
           if (p.setz(Math.min(p.z + 1, this.MAX_REPEAR)), a = Math.min(a, d), h > 1) {
-            let I = h - 1;
-            for (; I > 0; ) {
-              const y = this.tmpPoints[I].distance(this.tmpPoints[I - 1]), w = Math.max(this.tmpPoints[I].z - this.uniThickness * y, 0);
-              if (this.tmpPoints[I - 1].z >= w)
+            let v = h - 1;
+            for (; v > 0; ) {
+              const y = this.tmpPoints[v].distance(this.tmpPoints[v - 1]), w = Math.max(this.tmpPoints[v].z - this.uniThickness * y, 0);
+              if (this.tmpPoints[v - 1].z >= w)
                 break;
-              this.tmpPoints[I - 1].setz(w), a = Math.min(a, I - 1), I--;
+              this.tmpPoints[v - 1].setz(w), a = Math.min(a, v - 1), v--;
             }
           }
         } else
@@ -1786,12 +1786,12 @@ class ms extends R {
       anchor: [0.5, 0.5]
     }, m = this.getTaskPoints(p);
     if (m.length) {
-      const I = Date.now();
-      I - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = I, this.syncIndex = this.tmpPoints.length), i && this.draw({ attrs: f, tasks: m, isDot: !1, layer: this.drawLayer || this.fullLayer });
+      const v = Date.now();
+      v - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = v, this.syncIndex = this.tmpPoints.length), i && this.draw({ attrs: f, tasks: m, isDot: !1, layer: this.drawLayer || this.fullLayer });
     }
     const M = [];
-    return this.tmpPoints.slice(d).forEach((I) => {
-      M.push(I.x, I.y);
+    return this.tmpPoints.slice(d).forEach((v) => {
+      M.push(v.x, v.y);
     }), {
       rect: {
         x: h.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -1926,10 +1926,10 @@ class ms extends R {
       });
       const { vertex: p, fragment: f } = this.workOptions;
       if (p && f) {
-        const m = s.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: I } = s.getResolution();
+        const m = s.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: v } = s.getResolution();
         l.setUniforms({
           u_time: 0,
-          u_resolution: [M, I]
+          u_resolution: [M, v]
         }), l.setProgram(m);
       }
       s.appendChild(l), l.transition(a).attr({
@@ -2167,8 +2167,8 @@ function Xp(r, o, t, e, i, n) {
       break;
     }
     if (p) {
-      if (!Vp(o, function(I, y) {
-        if (!Zp(p, y) && (f === I || i(f, I, t, e, n)))
+      if (!Vp(o, function(v, y) {
+        if (!Zp(p, y) && (f === v || i(f, v, t, e, n)))
           return p.push(y);
       })) {
         d = !1;
@@ -2248,18 +2248,18 @@ function Cf(r, o, t, e, i, n) {
   n.set(r, o), n.set(o, r);
   for (var M = s; ++u < c; ) {
     d = a[u];
-    var I = r[d], y = o[d];
+    var v = r[d], y = o[d];
     if (e)
-      var w = s ? e(y, I, d, o, r, n) : e(I, y, d, r, o, n);
-    if (!(w === void 0 ? I === y || i(I, y, t, e, n) : w)) {
+      var w = s ? e(y, v, d, o, r, n) : e(v, y, d, r, o, n);
+    if (!(w === void 0 ? v === y || i(v, y, t, e, n) : w)) {
       m = !1;
       break;
     }
     M || (M = d == "constructor");
   }
   if (m && !M) {
-    var N = r.constructor, v = o.constructor;
-    N != v && "constructor" in r && "constructor" in o && !(typeof N == "function" && N instanceof N && typeof v == "function" && v instanceof v) && (m = !1);
+    var N = r.constructor, I = o.constructor;
+    N != I && "constructor" in r && "constructor" in o && !(typeof N == "function" && N instanceof N && typeof I == "function" && I instanceof I) && (m = !1);
   }
   return n.delete(r), n.delete(o), m;
 }
@@ -2557,10 +2557,10 @@ const Be = /* @__PURE__ */ Oe(Yf), ro = class ro extends R {
     if (!u)
       return;
     let d;
-    const p = /* @__PURE__ */ new Map(), { originPoint: f, workState: m, angle: M, translate: I, dir: y, scale: w } = e;
-    h && (I ? e.translate = [I[0] + h[0], I[1] + h[1]] : e.translate = h);
+    const p = /* @__PURE__ */ new Map(), { originPoint: f, workState: m, angle: M, translate: v, dir: y, scale: w } = e;
+    h && (v ? e.translate = [v[0] + h[0], v[1] + h[1]] : e.translate = h);
     let N;
-    if (f || I || qt(M)) {
+    if (f || v || qt(M)) {
       if (m === j.Start && i)
         return n.setTargetAssignKeys(i), {
           type: x.Select,
@@ -2626,31 +2626,31 @@ const Be = /* @__PURE__ */ Oe(Yf), ro = class ro extends R {
         }
       }
     N && m === j.Done && (n.deleteLastTarget(), N = void 0);
-    const v = d;
-    if (f && I && w && y && v && !h) {
+    const I = d;
+    if (f && v && w && y && I && !h) {
       const L = [
-        [v.x, v.y],
-        [v.x + v.w, v.y],
-        [v.x + v.w, v.y + v.h],
-        [v.x, v.y + v.h]
+        [I.x, I.y],
+        [I.x + I.w, I.y],
+        [I.x + I.w, I.y + I.h],
+        [I.x, I.y + I.h]
       ];
       let b;
       switch (y) {
         case "top":
         case "topLeft":
         case "left":
-          I[0] > 0 && I[1] > 0 ? b = L[0] : I[0] > 0 ? b = L[3] : I[1] > 0 ? b = L[1] : b = L[2];
+          v[0] > 0 && v[1] > 0 ? b = L[0] : v[0] > 0 ? b = L[3] : v[1] > 0 ? b = L[1] : b = L[2];
           break;
         case "topRight":
-          I[0] < 0 && I[1] > 0 ? b = L[1] : I[0] < 0 ? b = L[2] : I[1] > 0 ? b = L[0] : b = L[3];
+          v[0] < 0 && v[1] > 0 ? b = L[1] : v[0] < 0 ? b = L[2] : v[1] > 0 ? b = L[0] : b = L[3];
           break;
         case "right":
         case "bottomRight":
         case "bottom":
-          I[0] < 0 && I[1] < 0 ? b = L[2] : I[0] < 0 ? b = L[1] : I[1] < 0 ? b = L[3] : b = L[0];
+          v[0] < 0 && v[1] < 0 ? b = L[2] : v[0] < 0 ? b = L[1] : v[1] < 0 ? b = L[3] : b = L[0];
           break;
         case "bottomLeft":
-          I[0] > 0 && I[1] < 0 ? b = L[3] : I[0] > 0 ? b = L[0] : I[1] < 0 ? b = L[2] : b = L[1];
+          v[0] > 0 && v[1] < 0 ? b = L[3] : v[0] > 0 ? b = L[0] : v[1] < 0 ? b = L[2] : b = L[1];
           break;
       }
       const A = b && [f[0] - b[0], f[1] - b[1]] || [0, 0];
@@ -2660,15 +2660,15 @@ const Be = /* @__PURE__ */ Oe(Yf), ro = class ro extends R {
     this.getSelecteorInfo(p), this.draw(U, u, {
       selectIds: i || [],
       subNodeMap: p,
-      intersectRect: v
+      intersectRect: I
     });
-    const k = pt(this.oldSelectRect, v);
-    return this.oldSelectRect = v, {
+    const k = pt(this.oldSelectRect, I);
+    return this.oldSelectRect = I, {
       type: x.Select,
       dataType: W.Local,
-      selectRect: v,
+      selectRect: I,
       renderRect: d,
-      rect: pt(k, v),
+      rect: pt(k, I),
       selectIds: i
     };
   }
@@ -2832,10 +2832,10 @@ class Ns extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: n, thickness: s, zIndex: a, scale: c, rotate: l, translate: h, strokeType: u } = this.workOptions, d = i.worldPosition, p = i.worldScaling, { points: f, pos: m, rect: M, isTriangle: I, trianglePoints: y, trianglePos: w } = this.computDrawPoints(s), N = [
+    const { workId: e, layer: i } = t, { strokeColor: n, thickness: s, zIndex: a, scale: c, rotate: l, translate: h, strokeType: u } = this.workOptions, d = i.worldPosition, p = i.worldScaling, { points: f, pos: m, rect: M, isTriangle: v, trianglePoints: y, trianglePos: w } = this.computDrawPoints(s), N = [
       M.x + M.w / 2,
       M.y + M.h / 2
-    ], v = {
+    ], I = {
       pos: N,
       name: e,
       id: e,
@@ -2843,8 +2843,8 @@ class Ns extends R {
       anchor: [0.5, 0.5],
       size: [M.w, M.h]
     };
-    c && (v.scale = c), l && (v.rotate = l), h && (v.translate = h);
-    const k = new Ut(v), z = {
+    c && (I.scale = c), l && (I.rotate = l), h && (I.translate = h);
+    const k = new Ut(I), z = {
       points: y,
       pos: [w[0] - N[0], w[1] - N[1]],
       fillColor: n,
@@ -2852,13 +2852,13 @@ class Ns extends R {
       lineWidth: 0,
       normalize: !1
     }, L = new oe(z);
-    if (k.append(L), !I && f && m) {
+    if (k.append(L), !v && f && m) {
       const b = {
         points: f,
         pos: [m[0] - N[0], m[1] - N[1]],
         fillColor: n,
         strokeColor: n,
-        lineDash: u === _.Dotted && !I ? [1, s * 2] : u === _.LongDotted && !I ? [s, s * 2] : void 0,
+        lineDash: u === _.Dotted && !v ? [1, s * 2] : u === _.LongDotted && !v ? [s, s * 2] : void 0,
         lineCap: u === _.Normal ? void 0 : "round",
         lineWidth: s,
         normalize: !1
@@ -2887,9 +2887,9 @@ class Ns extends R {
   computFullArrowPoints(t) {
     const e = S.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), i = S.Per(e).mul(t / 2), n = $.Sub(this.tmpPoints[0], i), s = $.Add(this.tmpPoints[0], i), a = S.Mul(e, this.arrowTipWidth), c = S.Sub(this.tmpPoints[1], a), l = $.Sub(c, i), h = $.Add(c, i), u = S.Per(e).mul(t * 1.5), d = $.Sub(c, u), p = $.Add(c, u), f = [this.tmpPoints[0], c], m = [d, this.tmpPoints[1], p], M = [n, s, ...m, l, h];
     return {
-      trianglePoints: m.map((I) => $.Sub(I, this.tmpPoints[1]).XY).flat(1),
+      trianglePoints: m.map((v) => $.Sub(v, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
-      points: f.map((I) => $.Sub(I, this.tmpPoints[0]).XY).flat(1),
+      points: f.map((v) => $.Sub(v, this.tmpPoints[0]).XY).flat(1),
       rect: yt(M),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
@@ -3016,8 +3016,8 @@ class Ts extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p } = this.workOptions, f = i.worldScaling, { radius: m, rect: M, pos: I } = this.computDrawPoints(c), y = {
-      pos: I,
+    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p } = this.workOptions, f = i.worldScaling, { radius: m, rect: M, pos: v } = this.computDrawPoints(c), y = {
+      pos: v,
       name: e,
       id: e,
       radius: m,
@@ -3032,7 +3032,7 @@ class Ts extends R {
       name: e,
       id: e,
       zIndex: l,
-      pos: I,
+      pos: v,
       anchor: [0.5, 0.5],
       size: [M.w, M.h]
     };
@@ -3049,11 +3049,11 @@ class Ts extends R {
       });
       N.append(z);
     }
-    const v = new Bs({
+    const I = new Bs({
       ...y,
       pos: [0, 0]
     });
-    N.append(v), this.replace(i, e, N);
+    N.append(I), this.replace(i, e, N);
     const k = N.getBoundingClientRect();
     return {
       x: Math.floor(k.x - R.SafeBorderPadding),
@@ -3210,7 +3210,7 @@ class Cs extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: n, ps: s, replaceId: a } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: m } = this.workOptions, M = i.worldPosition, I = i.worldScaling, { points: y, rect: w, pos: N } = this.computDrawPoints(s), v = {
+    const { workId: e, layer: i, isDrawing: n, ps: s, replaceId: a } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: m } = this.workOptions, M = i.worldPosition, v = i.worldScaling, { points: y, rect: w, pos: N } = this.computDrawPoints(s), I = {
       close: !0,
       normalize: !0,
       points: y,
@@ -3221,10 +3221,10 @@ class Cs extends R {
       lineCap: "round",
       lineDash: m === _.Dotted ? [1, h * 2] : m === _.LongDotted ? [h, h * 2] : void 0
     }, k = {
-      x: Math.floor(w.x * I[0] + M[0] - R.SafeBorderPadding),
-      y: Math.floor(w.y * I[1] + M[1] - R.SafeBorderPadding),
-      w: Math.floor(w.w * I[0] + 2 * R.SafeBorderPadding),
-      h: Math.floor(w.h * I[0] + 2 * R.SafeBorderPadding)
+      x: Math.floor(w.x * v[0] + M[0] - R.SafeBorderPadding),
+      y: Math.floor(w.y * v[1] + M[1] - R.SafeBorderPadding),
+      w: Math.floor(w.w * v[0] + 2 * R.SafeBorderPadding),
+      h: Math.floor(w.h * v[0] + 2 * R.SafeBorderPadding)
     }, z = new Ut({
       name: e,
       id: e,
@@ -3239,7 +3239,7 @@ class Cs extends R {
       rotate: p,
       translate: f
     }), L = new oe({
-      ...v,
+      ...I,
       pos: [0, 0]
     });
     if (z.appendChild(L), n) {
@@ -3249,7 +3249,7 @@ class Cs extends R {
         pos: [0, 0],
         strokeColor: c,
         lineWidth: 1,
-        scale: [1 / I[0], 1 / I[1]]
+        scale: [1 / v[0], 1 / v[1]]
       });
       z.appendChild(b);
     }
@@ -3312,10 +3312,10 @@ class Cs extends R {
       fontSize: f,
       strokeType: m
     } = i, M = n.get(e.name);
-    let I = e;
-    if (e.tagName === "GROUP" && (I = e.children[0]), s && (I.setAttribute("strokeColor", s), (y = M == null ? void 0 : M.opt) != null && y.strokeColor && (M.opt.strokeColor = s)), a && (a === "transparent" ? I.setAttribute("fillColor", "rgba(0,0,0,0)") : I.setAttribute("fillColor", a), (w = M == null ? void 0 : M.opt) != null && w.fillColor && (M.opt.fillColor = a)), M != null && M.opt.textOpt) {
-      const v = M.opt.textOpt;
-      c && v.fontColor && (v.fontColor = c), l && v.fontBgColor && (v.fontBgColor = l), h && (v.bold = h), u && (v.italic = u), le(d) && (v.lineThrough = d), le(p) && (v.underline = p), f && (v.fontSize = f);
+    let v = e;
+    if (e.tagName === "GROUP" && (v = e.children[0]), s && (v.setAttribute("strokeColor", s), (y = M == null ? void 0 : M.opt) != null && y.strokeColor && (M.opt.strokeColor = s)), a && (a === "transparent" ? v.setAttribute("fillColor", "rgba(0,0,0,0)") : v.setAttribute("fillColor", a), (w = M == null ? void 0 : M.opt) != null && w.fillColor && (M.opt.fillColor = a)), M != null && M.opt.textOpt) {
+      const I = M.opt.textOpt;
+      c && I.fontColor && (I.fontColor = c), l && I.fontBgColor && (I.fontBgColor = l), h && (I.bold = h), u && (I.italic = u), le(d) && (I.lineThrough = d), le(p) && (I.underline = p), f && (I.fontSize = f);
     }
     return m && (M != null && M.opt) && ((N = M.opt) != null && N.strokeType) && (M.opt.strokeType = m), M && n.setInfo(e.name, M), R.updateNodeOpt(t);
   }
@@ -3392,7 +3392,7 @@ class ks extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: m, strokeType: M } = this.workOptions, I = i.worldScaling, { rect: y, pos: w, points: N } = this.computDrawPoints(c, h, u, d), v = {
+    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: m, strokeType: M } = this.workOptions, v = i.worldScaling, { rect: y, pos: w, points: N } = this.computDrawPoints(c, h, u, d), I = {
       close: !0,
       points: N,
       lineWidth: c,
@@ -3419,12 +3419,12 @@ class ks extends R {
         pos: [0, 0],
         strokeColor: s,
         lineWidth: 1,
-        scale: [1 / I[0], 1 / I[1]]
+        scale: [1 / v[0], 1 / v[1]]
       });
       z.append(A);
     }
     const L = new oe({
-      ...v,
+      ...I,
       pos: [0, 0]
     });
     z.append(L), this.replace(i, e, z);
@@ -3440,8 +3440,8 @@ class ks extends R {
     const s = yt(this.tmpPoints), a = [Math.floor(s.x + s.w / 2), Math.floor(s.y + s.h / 2)], c = Ds(s.w, s.h), l = Math.floor(Math.min(s.w, s.h) / 2), h = n * l, u = [], d = 2 * Math.PI / e;
     for (let f = 0; f < e; f++) {
       const m = f * d - 0.5 * Math.PI;
-      let M, I;
-      f % i === 1 ? (M = h * c[0] * Math.cos(m), I = h * c[1] * Math.sin(m)) : (M = l * c[0] * Math.cos(m), I = l * c[1] * Math.sin(m), u.push(M, I)), u.push(M, I);
+      let M, v;
+      f % i === 1 ? (M = h * c[0] * Math.cos(m), v = h * c[1] * Math.sin(m)) : (M = l * c[0] * Math.cos(m), v = l * c[1] * Math.sin(m), u.push(M, v)), u.push(M, v);
     }
     return {
       rect: yt(this.tmpPoints, t),
@@ -3562,7 +3562,7 @@ class Ss extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f } = this.workOptions, m = i.worldScaling, { rect: M, pos: I, points: y } = this.computDrawPoints(c, h), w = {
+    const { workId: e, layer: i, isDrawing: n } = t, { strokeColor: s, fillColor: a, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f } = this.workOptions, m = i.worldScaling, { rect: M, pos: v, points: y } = this.computDrawPoints(c, h), w = {
       close: !0,
       points: y,
       lineWidth: c,
@@ -3576,12 +3576,12 @@ class Ss extends R {
       name: e,
       id: e,
       zIndex: l,
-      pos: I,
+      pos: v,
       anchor: [0.5, 0.5],
       size: [M.w, M.h]
     };
     u && (N.scale = u), d && (N.rotate = d), p && (N.translate = p);
-    const v = new Ut(N);
+    const I = new Ut(N);
     if (n) {
       const L = new ue({
         d: "M-4,0H4M0,-4V4",
@@ -3591,14 +3591,14 @@ class Ss extends R {
         lineWidth: 1,
         scale: [1 / m[0], 1 / m[1]]
       });
-      v.append(L);
+      I.append(L);
     }
     const k = new oe({
       ...w,
       pos: [0, 0]
     });
-    v.append(k), this.replace(i, e, v);
-    const z = v.getBoundingClientRect();
+    I.append(k), this.replace(i, e, I);
+    const z = I.getBoundingClientRect();
     return {
       x: Math.floor(z.x - R.SafeBorderPadding),
       y: Math.floor(z.y - R.SafeBorderPadding),
@@ -3798,7 +3798,7 @@ class zs extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: n, fillColor: s, thickness: a, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p } = this.workOptions, { rect: f, pos: m, points: M } = this.computDrawPoints(a, l), I = {
+    const { workId: e, layer: i } = t, { strokeColor: n, fillColor: s, thickness: a, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p } = this.workOptions, { rect: f, pos: m, points: M } = this.computDrawPoints(a, l), v = {
       points: M.map((k) => k.XY),
       lineWidth: a,
       fillColor: s !== "transparent" && s || void 0,
@@ -3819,16 +3819,16 @@ class zs extends R {
     };
     h && (y.scale = h), u && (y.rotate = u), d && (y.translate = d);
     const w = new Ut(y), N = new oe({
-      ...I,
+      ...v,
       pos: [0, 0]
     });
     w.append(N), this.replace(i, e, w);
-    const v = w.getBoundingClientRect();
+    const I = w.getBoundingClientRect();
     return {
-      x: Math.floor(v.x - R.SafeBorderPadding),
-      y: Math.floor(v.y - R.SafeBorderPadding),
-      w: Math.floor(v.width + R.SafeBorderPadding * 2),
-      h: Math.floor(v.height + R.SafeBorderPadding * 2)
+      x: Math.floor(I.x - R.SafeBorderPadding),
+      y: Math.floor(I.y - R.SafeBorderPadding),
+      w: Math.floor(I.width + R.SafeBorderPadding * 2),
+      h: Math.floor(I.height + R.SafeBorderPadding * 2)
     };
   }
   transformControlPoints(t) {
@@ -3881,66 +3881,66 @@ class zs extends R {
     }
   }
   computDrawPoints(t, e) {
-    const i = yt(this.tmpPoints), n = this.transformControlPoints(e), s = Math.floor(i.w * 0.1), a = Math.floor(i.h * 0.1), c = [], l = S.Add(n[0], new S(0, a, 0)), h = S.Add(n[0], new S(s, 0, 0)), u = Wt.getBezierPoints(10, l, n[0], h), d = S.Sub(n[1], new S(s, 0, 0)), p = S.Add(n[1], new S(0, a, 0)), f = Wt.getBezierPoints(10, d, n[1], p), m = S.Sub(n[2], new S(0, a, 0)), M = S.Sub(n[2], new S(s, 0, 0)), I = Wt.getBezierPoints(10, m, n[2], M), y = S.Add(n[3], new S(s, 0, 0)), w = S.Sub(n[3], new S(0, a, 0)), N = Wt.getBezierPoints(10, y, n[3], w), v = s * (1 - this.ratio) * 10, k = a * (1 - this.ratio) * 10;
+    const i = yt(this.tmpPoints), n = this.transformControlPoints(e), s = Math.floor(i.w * 0.1), a = Math.floor(i.h * 0.1), c = [], l = S.Add(n[0], new S(0, a, 0)), h = S.Add(n[0], new S(s, 0, 0)), u = Wt.getBezierPoints(10, l, n[0], h), d = S.Sub(n[1], new S(s, 0, 0)), p = S.Add(n[1], new S(0, a, 0)), f = Wt.getBezierPoints(10, d, n[1], p), m = S.Sub(n[2], new S(0, a, 0)), M = S.Sub(n[2], new S(s, 0, 0)), v = Wt.getBezierPoints(10, m, n[2], M), y = S.Add(n[3], new S(s, 0, 0)), w = S.Sub(n[3], new S(0, a, 0)), N = Wt.getBezierPoints(10, y, n[3], w), I = s * (1 - this.ratio) * 10, k = a * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
-        const b = S.Sub(n[2], new S(s * 5 - v / 2, 0, 0)), A = S.Sub(n[2], new S(s * 5, -k, 0)), P = S.Sub(n[2], new S(s * 5 + v / 2, 0, 0));
-        c.push(A, P, ...N, ...u, ...f, ...I, b);
+        const b = S.Sub(n[2], new S(s * 5 - I / 2, 0, 0)), A = S.Sub(n[2], new S(s * 5, -k, 0)), P = S.Sub(n[2], new S(s * 5 + I / 2, 0, 0));
+        c.push(A, P, ...N, ...u, ...f, ...v, b);
         break;
       }
       case "bottomRight": {
-        const b = S.Sub(n[2], new S(s * 1.1, 0, 0)), A = S.Sub(n[2], new S(s * 1.1 + v / 2, -k, 0)), P = S.Sub(n[2], new S(s * 1.1 + v, 0, 0));
-        c.push(A, P, ...N, ...u, ...f, ...I, b);
+        const b = S.Sub(n[2], new S(s * 1.1, 0, 0)), A = S.Sub(n[2], new S(s * 1.1 + I / 2, -k, 0)), P = S.Sub(n[2], new S(s * 1.1 + I, 0, 0));
+        c.push(A, P, ...N, ...u, ...f, ...v, b);
         break;
       }
       case "bottomLeft": {
-        const b = S.Add(n[3], new S(s * 1.1 + v, 0, 0)), A = S.Add(n[3], new S(s * 1.1 + v / 2, k, 0)), P = S.Add(n[3], new S(s * 1.1, 0, 0));
-        c.push(A, P, ...N, ...u, ...f, ...I, b);
+        const b = S.Add(n[3], new S(s * 1.1 + I, 0, 0)), A = S.Add(n[3], new S(s * 1.1 + I / 2, k, 0)), P = S.Add(n[3], new S(s * 1.1, 0, 0));
+        c.push(A, P, ...N, ...u, ...f, ...v, b);
         break;
       }
       case "top": {
-        const b = S.Sub(n[1], new S(s * 5 - v / 2, 0, 0)), A = S.Sub(n[1], new S(s * 5, k, 0)), P = S.Sub(n[1], new S(s * 5 + v / 2, 0, 0));
-        c.push(A, b, ...f, ...I, ...N, ...u, P);
+        const b = S.Sub(n[1], new S(s * 5 - I / 2, 0, 0)), A = S.Sub(n[1], new S(s * 5, k, 0)), P = S.Sub(n[1], new S(s * 5 + I / 2, 0, 0));
+        c.push(A, b, ...f, ...v, ...N, ...u, P);
         break;
       }
       case "topRight": {
-        const b = S.Sub(n[1], new S(s * 1.1, 0, 0)), A = S.Sub(n[1], new S(s * 1.1 + v / 2, k, 0)), P = S.Sub(n[1], new S(s * 1.1 + v, 0, 0));
-        c.push(A, b, ...f, ...I, ...N, ...u, P);
+        const b = S.Sub(n[1], new S(s * 1.1, 0, 0)), A = S.Sub(n[1], new S(s * 1.1 + I / 2, k, 0)), P = S.Sub(n[1], new S(s * 1.1 + I, 0, 0));
+        c.push(A, b, ...f, ...v, ...N, ...u, P);
         break;
       }
       case "topLeft": {
-        const b = S.Add(n[0], new S(s * 1.1 + v, 0, 0)), A = S.Add(n[0], new S(s * 1.1 + v / 2, -k, 0)), P = S.Add(n[0], new S(s * 1.1, 0, 0));
-        c.push(A, b, ...f, ...I, ...N, ...u, P);
+        const b = S.Add(n[0], new S(s * 1.1 + I, 0, 0)), A = S.Add(n[0], new S(s * 1.1 + I / 2, -k, 0)), P = S.Add(n[0], new S(s * 1.1, 0, 0));
+        c.push(A, b, ...f, ...v, ...N, ...u, P);
         break;
       }
       case "left": {
-        const b = S.Add(n[0], new S(0, a * 5 - k / 2, 0)), A = S.Add(n[0], new S(-v, a * 5, 0)), P = S.Add(n[0], new S(0, a * 5 + k / 2, 0));
-        c.push(A, b, ...u, ...f, ...I, ...N, P);
+        const b = S.Add(n[0], new S(0, a * 5 - k / 2, 0)), A = S.Add(n[0], new S(-I, a * 5, 0)), P = S.Add(n[0], new S(0, a * 5 + k / 2, 0));
+        c.push(A, b, ...u, ...f, ...v, ...N, P);
         break;
       }
       case "leftTop": {
-        const b = S.Add(n[0], new S(0, a * 1.1, 0)), A = S.Add(n[0], new S(-v, a * 1.1 + k / 2, 0)), P = S.Add(n[0], new S(0, a * 1.1 + k, 0));
-        c.push(A, b, ...u, ...f, ...I, ...N, P);
+        const b = S.Add(n[0], new S(0, a * 1.1, 0)), A = S.Add(n[0], new S(-I, a * 1.1 + k / 2, 0)), P = S.Add(n[0], new S(0, a * 1.1 + k, 0));
+        c.push(A, b, ...u, ...f, ...v, ...N, P);
         break;
       }
       case "leftBottom": {
-        const b = S.Sub(n[3], new S(0, a * 1.1 + k, 0)), A = S.Sub(n[3], new S(v, a * 1.1 + k / 2, 0)), P = S.Sub(n[3], new S(0, a * 1.1, 0));
-        c.push(A, b, ...u, ...f, ...I, ...N, P);
+        const b = S.Sub(n[3], new S(0, a * 1.1 + k, 0)), A = S.Sub(n[3], new S(I, a * 1.1 + k / 2, 0)), P = S.Sub(n[3], new S(0, a * 1.1, 0));
+        c.push(A, b, ...u, ...f, ...v, ...N, P);
         break;
       }
       case "right": {
-        const b = S.Add(n[1], new S(0, a * 5 - k / 2, 0)), A = S.Add(n[1], new S(v, a * 5, 0)), P = S.Add(n[1], new S(0, a * 5 + k / 2, 0));
-        c.push(A, P, ...I, ...N, ...u, ...f, b);
+        const b = S.Add(n[1], new S(0, a * 5 - k / 2, 0)), A = S.Add(n[1], new S(I, a * 5, 0)), P = S.Add(n[1], new S(0, a * 5 + k / 2, 0));
+        c.push(A, P, ...v, ...N, ...u, ...f, b);
         break;
       }
       case "rightTop": {
-        const b = S.Add(n[1], new S(0, a * 1.1, 0)), A = S.Add(n[1], new S(v, a * 1.1 + k / 2, 0)), P = S.Add(n[1], new S(0, a * 1.1 + k, 0));
-        c.push(A, P, ...I, ...N, ...u, ...f, b);
+        const b = S.Add(n[1], new S(0, a * 1.1, 0)), A = S.Add(n[1], new S(I, a * 1.1 + k / 2, 0)), P = S.Add(n[1], new S(0, a * 1.1 + k, 0));
+        c.push(A, P, ...v, ...N, ...u, ...f, b);
         break;
       }
       case "rightBottom": {
-        const b = S.Sub(n[2], new S(0, a * 1.1 + k, 0)), A = S.Sub(n[2], new S(-v, a * 1.1 + k / 2, 0)), P = S.Sub(n[2], new S(0, a * 1.1, 0));
-        c.push(A, P, ...I, ...N, ...u, ...f, b);
+        const b = S.Sub(n[2], new S(0, a * 1.1 + k, 0)), A = S.Sub(n[2], new S(-I, a * 1.1 + k / 2, 0)), P = S.Sub(n[2], new S(0, a * 1.1, 0));
+        c.push(A, P, ...v, ...N, ...u, ...f, b);
         break;
       }
     }
@@ -4010,43 +4010,46 @@ class Ee extends R {
     return { type: x.None };
   }
   draw(t) {
-    const { layer: e, workId: i, replaceId: n, imageBitmap: s, isMainThread: a } = t, { centerX: c, centerY: l, width: h, height: u, rotate: d, zIndex: p } = this.workOptions, f = !!e.parent.gl, m = {
+    const { layer: e, workId: i, replaceId: n, imageBitmap: s } = t, { centerX: a, centerY: c, width: l, height: h, rotate: u, zIndex: d } = this.workOptions, p = {
       anchor: [0.5, 0.5],
-      pos: [c, l],
+      pos: [a, c],
       name: i,
-      size: [h, u],
-      zIndex: p,
-      rotate: !a && !f && 180 + (d || 0) || d,
+      size: [l, h],
+      zIndex: d,
+      rotate: u,
       texture: s
-    }, M = new $s(m);
-    this.replace(e, n || i, M);
-    const I = M.getBoundingClientRect();
-    if (I)
+    }, f = new $s(p);
+    this.replace(e, n || i, f);
+    const m = f.getBoundingClientRect();
+    if (m)
       return {
-        x: Math.floor(I.x - R.SafeBorderPadding),
-        y: Math.floor(I.y - R.SafeBorderPadding),
-        w: Math.floor(I.width + R.SafeBorderPadding * 2),
-        h: Math.floor(I.height + R.SafeBorderPadding * 2)
+        x: Math.floor(m.x - R.SafeBorderPadding),
+        y: Math.floor(m.y - R.SafeBorderPadding),
+        w: Math.floor(m.width + R.SafeBorderPadding * 2),
+        h: Math.floor(m.height + R.SafeBorderPadding * 2)
       };
   }
   consumeService() {
   }
   async consumeServiceAsync(t) {
-    var u, d, p, f;
-    const { isFullWork: e, replaceId: i, scene: n, isMainThread: s } = t, { src: a, uuid: c } = this.workOptions, l = ((u = this.workId) == null ? void 0 : u.toString()) || c, h = e ? this.fullLayer : this.drawLayer || this.fullLayer;
-    if (a) {
-      const m = await n.preload({
-        id: c,
-        src: this.workOptions.src
-      }), M = this.draw({ workId: l, layer: h, replaceId: i, imageBitmap: m[0], isMainThread: s });
-      return this.oldRect = l && ((p = (d = this.vNodes) == null ? void 0 : d.get(l)) == null ? void 0 : p.rect) || void 0, (f = this.vNodes) == null || f.setInfo(l, {
+    var h, u, d, p;
+    const { isFullWork: e, replaceId: i, isMainThread: n } = t, { src: s, uuid: a } = this.workOptions, c = ((h = this.workId) == null ? void 0 : h.toString()) || a, l = e ? this.fullLayer : this.drawLayer || this.fullLayer;
+    if (s) {
+      const f = !!l.parent.gl, m = await fetch(s, {
+        method: "GET",
+        mode: "cors",
+        cache: "default"
+      }).then((v) => v.blob()).then((v) => createImageBitmap(v, {
+        imageOrientation: f ? "flipY" : "none"
+      }).then((y) => y)), M = this.draw({ workId: c, layer: l, replaceId: i, imageBitmap: m, isMainThread: n });
+      return this.oldRect = c && ((d = (u = this.vNodes) == null ? void 0 : u.get(c)) == null ? void 0 : d.rect) || void 0, (p = this.vNodes) == null || p.setInfo(c, {
         rect: M,
         op: [],
         opt: this.workOptions,
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: M && R.getCenterPos(M, h)
+        centerPos: M && R.getCenterPos(M, l)
       }), M;
     }
   }
@@ -4063,10 +4066,10 @@ class Ee extends R {
     const m = e.parent;
     if (m) {
       if (qt(p) && (e.setAttribute("zIndex", p), f.opt.zIndex = p), le(d) && (f.opt.locked = d), c && l && h) {
-        const { centerX: M, centerY: I, width: y, height: w, uniformScale: N } = f.opt, v = N !== !1 ? [h[0], h[0]] : h, k = [M, I], z = [M, I];
-        Vo(z, l, v, a);
+        const { centerX: M, centerY: v, width: y, height: w, uniformScale: N } = f.opt, I = N !== !1 ? [h[0], h[0]] : h, k = [M, v], z = [M, v];
+        Vo(z, l, I, a);
         const L = [z[0] - k[0], z[1] - k[1]];
-        f.centerPos = [f.centerPos[0] + L[0], f.centerPos[1] + L[1]], f.opt.width = Math.round(y * v[0]), f.opt.height = Math.round(w * v[1]), f.opt.centerX = z[0], f.opt.centerY = z[1];
+        f.centerPos = [f.centerPos[0] + L[0], f.centerPos[1] + L[1]], f.opt.width = Math.round(y * I[0]), f.opt.height = Math.round(w * I[1]), f.opt.centerX = z[0], f.opt.centerY = z[1];
       } else if (a)
         f.opt.centerX = f.opt.centerX + a[0], f.opt.centerY = f.opt.centerY + a[1], f.centerPos = [f.centerPos[0] + a[0], f.centerPos[1] + a[1]];
       else if (qt(u))
@@ -4154,11 +4157,11 @@ class xs extends R {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: n, thickness: s, zIndex: a, scale: c, rotate: l, translate: h, strokeType: u } = this.workOptions, d = i.worldPosition, p = i.worldScaling, { d: f, rect: m, isDot: M } = this.computDrawPoints(s, u), I = [
+    const { workId: e, layer: i } = t, { strokeColor: n, thickness: s, zIndex: a, scale: c, rotate: l, translate: h, strokeType: u } = this.workOptions, d = i.worldPosition, p = i.worldScaling, { d: f, rect: m, isDot: M } = this.computDrawPoints(s, u), v = [
       m.x + m.w / 2,
       m.y + m.h / 2
     ], y = {
-      pos: I,
+      pos: v,
       name: e,
       id: e,
       d: f,
@@ -4167,19 +4170,19 @@ class xs extends R {
       lineDash: u === _.Dotted && !M ? [1, s * 2] : u === _.LongDotted && !M ? [s, s * 2] : void 0,
       lineCap: u === _.Normal || M ? void 0 : "round",
       lineWidth: u === _.Normal || M ? 0 : s,
-      className: `${I[0]},${I[1]}`,
+      className: `${v[0]},${v[1]}`,
       normalize: !0,
       zIndex: a
     };
     c && (y.scale = c), l && (y.rotate = l), h && (y.translate = h);
     const w = new ue(y);
     if (this.replace(i, e, w), l || c || h) {
-      const v = w.getBoundingClientRect();
+      const I = w.getBoundingClientRect();
       return {
-        x: Math.floor(v.x - R.SafeBorderPadding),
-        y: Math.floor(v.y - R.SafeBorderPadding),
-        w: Math.floor(v.width + R.SafeBorderPadding * 2),
-        h: Math.floor(v.height + R.SafeBorderPadding * 2)
+        x: Math.floor(I.x - R.SafeBorderPadding),
+        y: Math.floor(I.y - R.SafeBorderPadding),
+        w: Math.floor(I.width + R.SafeBorderPadding * 2),
+        h: Math.floor(I.height + R.SafeBorderPadding * 2)
       };
     }
     return {
@@ -4297,8 +4300,8 @@ const te = class te extends R {
       h: Math.floor(p.h * h[1]) + 2
     };
     if (this.replace(i, e, d), n && i && this.workOptions.text) {
-      const m = await te.createLabels(this.workOptions, i, f), { labels: M, maxWidth: I } = m;
-      d.append(...M), f.w = Math.ceil(Math.max(I * i.worldScaling[0], f.w));
+      const m = await te.createLabels(this.workOptions, i, f), { labels: M, maxWidth: v } = m;
+      d.append(...M), f.w = Math.ceil(Math.max(v * i.worldScaling[0], f.w));
     }
     return f;
   }
@@ -4358,7 +4361,7 @@ const te = class te extends R {
   }
   static async createLabels(t, e, i) {
     var P;
-    const n = [], { x: s, y: a } = i, { width: c, height: l } = (P = e.parent) == null ? void 0 : P.parent, h = Re(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: m, italic: M, fontFamily: I, verticalAlign: y, fontColor: w, fontBgColor: N, underline: v, lineThrough: k } = t, z = te.getSafetySnippetRatio(e) || 1, L = Math.floor(d * z), b = te.getSafetySnippetFontLength(L);
+    const n = [], { x: s, y: a } = i, { width: c, height: l } = (P = e.parent) == null ? void 0 : P.parent, h = Re(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: m, italic: M, fontFamily: v, verticalAlign: y, fontColor: w, fontBgColor: N, underline: I, lineThrough: k } = t, z = te.getSafetySnippetRatio(e) || 1, L = Math.floor(d * z), b = te.getSafetySnippetFontLength(L);
     let A = 0;
     for (let O = 0; O < u; O++) {
       const D = h[O], Z = p || L * 1.5;
@@ -4377,7 +4380,7 @@ const te = class te extends R {
             anchor: [0, 0],
             pos: J,
             text: st,
-            fontFamily: I,
+            fontFamily: v,
             fontSize: L,
             lineHeight: Z,
             strokeColor: w,
@@ -4400,7 +4403,7 @@ const te = class te extends R {
         F[0] = Q, M === "italic" && (F[0] = F[0] + H * d), A = Math.max(A, F[0]);
         let X = !0;
         if (((it[0] + F[0]) * e.worldScaling[0] + s <= 0 || it[0] * e.worldScaling[0] + s >= c || (it[1] + F[1]) * e.worldScaling[0] + a <= 0 || it[1] * e.worldScaling[1] + a >= l) && (X = !1), X) {
-          if (v) {
+          if (I) {
             const tt = Math.floor(d / 10), ut = {
               normalize: !1,
               pos: [0, d * 1.1 + tt / 2],
@@ -4446,7 +4449,7 @@ const te = class te extends R {
       italic: f,
       lineThrough: m,
       underline: M,
-      fontSize: I,
+      fontSize: v,
       textInfos: y,
       zIndex: w
     } = i, N = s && se(s) || n.get(e.name);
@@ -4458,7 +4461,7 @@ const te = class te extends R {
       });
     })), a && k.fontBgColor && (k.fontBgColor = a, e.children.forEach((z) => {
       z.tagName === "GROUP" && z.setAttribute("bgcolor", a);
-    })), p && (k.bold = p), f && (k.italic = f), le(m) && (k.lineThrough = m), le(M) && (k.underline = M), I && (k.fontSize = I), h && u && d && s && k.boxPoint) {
+    })), p && (k.bold = p), f && (k.italic = f), le(m) && (k.lineThrough = m), le(M) && (k.underline = M), v && (k.fontSize = v), h && u && d && s && k.boxPoint) {
       const z = y == null ? void 0 : y.get(e.name);
       if (z) {
         const { fontSize: P, boxSize: O } = z;
@@ -4564,8 +4567,8 @@ const Ie = class Ie extends R {
         if (p !== -1 && p > -1) {
           const f = [], m = d.slice(0, p + 1);
           if (S.Equals(d[p], l[0]) || m.push(l[0].clone().setz(d[p].z)), m.length > 1 && f.push(m), p + l.length - 1 < d.length - 1) {
-            const M = p + l.length - 1, I = d.slice(M), y = l[l.length - 1];
-            S.Equals(d[M], y) || I.unshift(y.clone().setz(d[M].z)), I.length > 1 && f.push(I);
+            const M = p + l.length - 1, v = d.slice(M), y = l[l.length - 1];
+            S.Equals(d[M], y) || v.unshift(y.clone().setz(d[M].z)), v.length > 1 && f.push(v);
           }
           return h.splice(u, 1, ...f), h;
         }
@@ -4611,11 +4614,11 @@ const Ie = class Ie extends R {
           if (p.length > 1) {
             const m = Fi.polyline(p.map((M) => M.XY), this.eraserPolyline);
             if (m.length && (i.add(c.name), !u)) {
-              const M = this.translateIntersect(m), I = this.cutPolyline(M, p);
-              for (let y = 0; y < I.length; y++) {
+              const M = this.translateIntersect(m), v = this.cutPolyline(M, p);
+              for (let y = 0; y < v.length; y++) {
                 const w = `${a}_s_${y}`, N = [];
-                I[y].forEach((v) => {
-                  N.push((v.x - this.worldPosition[0]) / this.worldScaling[0], (v.y - this.worldPosition[1]) / this.worldScaling[1], v.z);
+                v[y].forEach((I) => {
+                  N.push((I.x - this.worldPosition[0]) / this.worldScaling[0], (I.y - this.worldPosition[1]) / this.worldScaling[1], I.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(w, {
                   rect: f,
                   op: N,
@@ -5118,8 +5121,8 @@ const Jt = class Jt extends Kf {
           break;
         case x.CreateWork:
           if (f && i && c && a) {
-            const v = this.isLocalId(i.toString()) ? this.transformKey(i) : i;
-            this.updateValue(v.toString(), {
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i;
+            this.updateValue(I.toString(), {
               type: x.CreateWork,
               workId: i,
               toolsType: c,
@@ -5129,11 +5132,11 @@ const Jt = class Jt extends Kf {
           break;
         case x.DrawWork:
           if (f && i && typeof s == "number" && (u != null && u.length)) {
-            const v = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][v] || void 0;
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][I] || void 0;
             if (k != null && k.ops || (k == null ? void 0 : k.type) === x.FullWork)
               return;
             const z = s ? ((k == null ? void 0 : k.op) || []).slice(0, s).concat(u) : u || (k == null ? void 0 : k.op), L = c || (k == null ? void 0 : k.toolsType), b = a || (k == null ? void 0 : k.opt), A = h || (k == null ? void 0 : k.updateNodeOpt);
-            i && L && b && z && this.updateValue(v.toString(), {
+            i && L && b && z && this.updateValue(I.toString(), {
               ...k,
               type: x.DrawWork,
               workId: i,
@@ -5147,11 +5150,11 @@ const Jt = class Jt extends Kf {
           break;
         case x.FullWork:
           if (f && i) {
-            const v = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][v] || void 0, z = h || (k == null ? void 0 : k.updateNodeOpt), L = c || (k == null ? void 0 : k.toolsType), b = a || (k == null ? void 0 : k.opt), A = n || (k == null ? void 0 : k.ops);
-            L && b && this.updateValue(v.toString(), {
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][I] || void 0, z = h || (k == null ? void 0 : k.updateNodeOpt), L = c || (k == null ? void 0 : k.toolsType), b = a || (k == null ? void 0 : k.opt), A = n || (k == null ? void 0 : k.ops);
+            L && b && this.updateValue(I.toString(), {
               type: x.FullWork,
               updateNodeOpt: z,
-              workId: v,
+              workId: I,
               toolsType: L,
               opt: b,
               ops: A
@@ -5160,29 +5163,29 @@ const Jt = class Jt extends Kf {
           break;
         case x.RemoveNode:
           if (f && (l != null && l.length)) {
-            const v = l.map((k) => this.isLocalId(k + "") ? this.transformKey(k) : k);
+            const I = l.map((k) => this.isLocalId(k + "") ? this.transformKey(k) : k);
             this.storage[m] && this.storage[m][f] && Object.keys(this.storage[m][f]).map((k) => {
-              v != null && v.includes(k) && this.updateValue(k, void 0, { isSync: p, viewId: m, scenePath: f });
+              I != null && I.includes(k) && this.updateValue(k, void 0, { isSync: p, viewId: m, scenePath: f });
             });
           }
           break;
         case x.UpdateNode:
           if (f && i && (h || n || a)) {
-            const v = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][v] || void 0;
-            k && (k.updateNodeOpt = h, (n || u) && (k.ops = n, k.op = u), a && (k.opt = a), k.type = x.FullWork, this.updateValue(v.toString(), k, { isSync: p, viewId: m, scenePath: f }));
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, k = this.storage[m] && this.storage[m][f] && this.storage[m][f][I] || void 0;
+            k && (k.updateNodeOpt = h, (n || u) && (k.ops = n, k.op = u), a && (k.opt = a), k.type = x.FullWork, this.updateValue(I.toString(), k, { isSync: p, viewId: m, scenePath: f }));
           }
           break;
         case x.Select:
           if (!f)
             return;
-          let I;
-          d != null && d.length && (I = d.map((v) => this.isLocalId(v + "") ? this.transformKey(v) : v));
+          let v;
+          d != null && d.length && (v = d.map((I) => this.isLocalId(I + "") ? this.transformKey(I) : I));
           const y = this.transformKey(U), w = this.storage[m] && this.storage[m][f] && this.storage[m][f][y] || void 0, N = a || (w == null ? void 0 : w.opt);
-          I && this.checkOtherSelector(y, I, { isSync: p, viewId: m, scenePath: f }), this.updateValue(y, I && {
+          v && this.checkOtherSelector(y, v, { isSync: p, viewId: m, scenePath: f }), this.updateValue(y, v && {
             type: x.Select,
             toolsType: C.Selector,
             opt: N,
-            selectIds: I
+            selectIds: v
           }, { isSync: p, viewId: m, scenePath: f });
           break;
       }
@@ -5408,7 +5411,7 @@ class tg {
   get interceptors() {
     return {
       set: (o, t) => {
-        var p, f, m, M, I, y, w, N;
+        var p, f, m, M, v, y, w, N;
         if (!this.collector)
           return !0;
         const { viewId: e, scenePath: i, canSync: n, canWorker: s, type: a, opt: c, dataType: l } = t;
@@ -5418,9 +5421,9 @@ class tg {
         d ? d.toolsType === C.Text && (s && (this.control.worker.queryTaskBatchData({
           workId: o,
           msgType: x.UpdateNode
-        }).forEach((v) => {
+        }).forEach((I) => {
           var k;
-          (k = this.control.worker) == null || k.taskBatchData.delete(v);
+          (k = this.control.worker) == null || k.taskBatchData.delete(I);
         }), (w = this.control.worker) == null || w.taskBatchData.add({
           workId: o,
           msgType: x.UpdateNode,
@@ -5432,8 +5435,8 @@ class tg {
           willRefresh: !0
           // willSyncService: canSync
         }), (N = this.control.worker) == null || N.runAnimation()), n && Te(() => {
-          var v;
-          (v = this.collector) == null || v.dispatch({
+          var I;
+          (I = this.collector) == null || I.dispatch({
             type: x.UpdateNode,
             workId: o,
             toolsType: C.Text,
@@ -5449,7 +5452,7 @@ class tg {
           isSync: !0,
           viewId: e,
           scenePath: i
-        })), s && ((I = this.control.worker) == null || I.taskBatchData.add({
+        })), s && ((v = this.control.worker) == null || v.taskBatchData.add({
           workId: o,
           msgType: c.text && x.FullWork || x.CreateWork,
           dataType: l || W.Local,
@@ -5969,7 +5972,7 @@ class og extends Et {
     };
   }
   pasteText(t) {
-    var M, I;
+    var M, v;
     const { bgCenter: e, textCenter: i, store: n, key: s, viewId: a, scenePath: c, undoTickerId: l } = t, h = this.control.viewContainerManager.getView(a);
     if (!this.serviceColloctor || !h)
       return;
@@ -5986,7 +5989,7 @@ class og extends Et {
           x: N[0],
           y: N[1],
           opt: y,
-          scale: ((I = h.cameraOpt) == null ? void 0 : I.scale) || 1,
+          scale: ((v = h.cameraOpt) == null ? void 0 : v.scale) || 1,
           type: Vt.Text,
           isActive: !1,
           viewId: a,
@@ -6003,7 +6006,7 @@ class og extends Et {
     }
   }
   copySelector(t) {
-    var m, M, I, y, w, N, v, k, z;
+    var m, M, v, y, w, N, I, k, z;
     const { viewId: e, store: i } = t, n = this.control.viewContainerManager.getView(e), s = i.selectIds;
     if (!this.serviceColloctor || !(s != null && s.length) || !n)
       return;
@@ -6015,9 +6018,9 @@ class og extends Et {
       cameraOpt: {
         centerX: ((m = n.cameraOpt) == null ? void 0 : m.centerX) || 0,
         centerY: ((M = n.cameraOpt) == null ? void 0 : M.centerY) || 0,
-        scale: ((I = n.cameraOpt) == null ? void 0 : I.scale) || 1
+        scale: ((v = n.cameraOpt) == null ? void 0 : v.scale) || 1
       }
-    }, l = this.control.hasOffscreenCanvas() && ((y = n.displayer.canvasBgRef.current) == null ? void 0 : y.getBoundingClientRect()) || ((w = n.displayer.canvasContainerRef.current) == null ? void 0 : w.getBoundingClientRect()), h = (v = (N = n.displayer) == null ? void 0 : N.floatBarRef.current) == null ? void 0 : v.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], p = u && n.viewData && n.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && n.viewData && n.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
+    }, l = this.control.hasOffscreenCanvas() && ((y = n.displayer.canvasBgRef.current) == null ? void 0 : y.getBoundingClientRect()) || ((w = n.displayer.canvasContainerRef.current) == null ? void 0 : w.getBoundingClientRect()), h = (I = (N = n.displayer) == null ? void 0 : N.floatBarRef.current) == null ? void 0 : I.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], p = u && n.viewData && n.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && n.viewData && n.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
     p && f && (c.offset = {
       x: p.x - f.x,
       y: p.y - f.y
@@ -6037,20 +6040,20 @@ class og extends Et {
     if (!e.size || !this.serviceColloctor || !c)
       return;
     const { offset: l, cameraOpt: h } = i, u = Math.floor(Math.random() * 30 + 1), d = [l.x + u, l.y + u], p = [], f = [];
-    for (const [M, I] of e.entries()) {
+    for (const [M, v] of e.entries()) {
       const w = (this.serviceColloctor.isLocalId(M) ? M : this.serviceColloctor.getLocalId(M.toString())) + "-" + a, N = { useAnimation: !1 };
-      if (I.toolsType === C.Text && I.opt) {
-        const v = I.opt;
-        if (v && v.boxPoint && v.text) {
-          v.workState = j.Done;
-          const k = v.boxPoint;
-          v.boxPoint = [k[0] + d[0], k[1] + d[1]], v.workState = j.Done;
-          const z = this.control.viewContainerManager.transformToOriginPoint(v.boxPoint, n);
+      if (v.toolsType === C.Text && v.opt) {
+        const I = v.opt;
+        if (I && I.boxPoint && I.text) {
+          I.workState = j.Done;
+          const k = I.boxPoint;
+          I.boxPoint = [k[0] + d[0], k[1] + d[1]], I.workState = j.Done;
+          const z = this.control.viewContainerManager.transformToOriginPoint(I.boxPoint, n);
           this.control.textEditorManager.createTextForMasterController({
             workId: w,
             x: z[0],
             y: z[1],
-            opt: v,
+            opt: I,
             scale: ((m = c.cameraOpt) == null ? void 0 : m.scale) || 1,
             type: Vt.Text,
             isActive: !1,
@@ -6059,8 +6062,8 @@ class og extends Et {
           });
         }
         f.push({
-          ...I,
-          opt: v,
+          ...v,
+          opt: I,
           type: x.FullWork,
           workId: w,
           viewId: n,
@@ -6068,22 +6071,22 @@ class og extends Et {
         });
         continue;
       }
-      if (I.toolsType === C.Image && (I.opt.uuid = w, I.opt.centerX = I.opt.centerX + d[0], I.opt.centerY = I.opt.centerY + d[1]), I.ops) {
-        const v = Re(I.ops).map((z, L) => {
+      if (v.toolsType === C.Image && (v.opt.uuid = w, v.opt.centerX = v.opt.centerX + d[0], v.opt.centerY = v.opt.centerY + d[1]), v.ops) {
+        const I = Re(v.ops).map((z, L) => {
           const b = L % 3;
           return b === 0 ? z + d[0] : b === 1 ? z + d[1] : z;
-        }), k = Ft(v);
-        I.ops = k;
+        }), k = Ft(I);
+        v.ops = k;
       }
       f.push({
-        ...I,
+        ...v,
         updateNodeOpt: N,
         type: x.FullWork,
         workId: w,
         viewId: n,
         scenePath: s
       }), p.push([{
-        ...I,
+        ...v,
         updateNodeOpt: N,
         workId: w,
         msgType: x.FullWork,
@@ -6140,29 +6143,29 @@ class ig extends Et {
     const { workIds: e, strokeColor: i, fillColor: n, fontColor: s, fontBgColor: a, viewId: c, workState: l, thickness: h, strokeType: u } = t, d = this.control.viewContainerManager.getView(c);
     if (!(d != null && d.displayer))
       return;
-    const p = d.focusScenePath, f = [...e], m = this.serviceColloctor.storage, M = [], I = {};
+    const p = d.focusScenePath, f = [...e], m = this.serviceColloctor.storage, M = [], v = {};
     for ((l === j.Start || !this.undoTickerId && l === j.Done) && (this.undoTickerId = Date.now(), this.mainEngine.internalMsgEmitter.emit("addUndoTicker", this.undoTickerId, c)); f.length; ) {
       const y = f.pop();
       if (!y)
         continue;
-      const w = y.toString(), N = this.serviceColloctor.isLocalId(w), v = N ? this.serviceColloctor.transformKey(y) : w;
+      const w = y.toString(), N = this.serviceColloctor.isLocalId(w), I = N ? this.serviceColloctor.transformKey(y) : w;
       let k = w;
       !N && this.serviceColloctor.isOwn(k) && (k = this.serviceColloctor.getLocalId(k));
-      const z = m[c][p][v] || void 0;
+      const z = m[c][p][I] || void 0;
       if (z) {
         const L = z.updateNodeOpt || {};
         if (s || a) {
           if (s) {
             L.fontColor = s;
             const [A, P, O, D] = Fe(s);
-            I.textColor = [A, P, O], I.textOpacity = D;
+            v.textColor = [A, P, O], v.textOpacity = D;
           }
           if (a)
             if (L.fontBgColor = He(a) ? "transparent" : a, He(a))
-              I.textBgColor = void 0, I.textBgOpacity = void 0;
+              v.textBgColor = void 0, v.textBgOpacity = void 0;
             else {
               const [A, P, O, D] = Fe(a);
-              I.textBgColor = [A, P, O], I.textBgOpacity = D;
+              v.textBgColor = [A, P, O], v.textBgOpacity = D;
             }
           if (z.toolsType === C.Text && z.opt && l !== j.Start) {
             this.setTextColor(k, se(z), L, c), l === j.Done && (this.undoTickerId = void 0);
@@ -6172,16 +6175,16 @@ class ig extends Et {
         if (i) {
           L.strokeColor = i;
           const [A, P, O, D] = Fe(i);
-          I.strokeColor = [A, P, O], I.strokeOpacity = D;
+          v.strokeColor = [A, P, O], v.strokeOpacity = D;
         }
         if (n)
           if (L.fillColor = He(n) ? "transparent" : n, He(n))
-            I.fillColor = void 0, I.fillOpacity = void 0;
+            v.fillColor = void 0, v.fillOpacity = void 0;
           else {
             const [A, P, O, D] = Fe(n);
-            I.fillColor = [A, P, O], I.fillOpacity = D;
+            v.fillColor = [A, P, O], v.fillOpacity = D;
           }
-        h && (L.thickness = h, I.strokeWidth = h), u && (L.strokeType = u, I.strokeType = u);
+        h && (L.thickness = h, v.strokeWidth = h), u && (L.strokeType = u, v.strokeType = u);
         const b = {
           workId: k,
           msgType: x.UpdateNode,
@@ -6201,9 +6204,9 @@ class ig extends Et {
         }]);
       }
     }
-    M.length && (l === j.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(I).length && setTimeout(() => {
+    M.length && (l === j.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(v).length && setTimeout(() => {
       var y;
-      (y = this.control.room) == null || y.setMemberState(I);
+      (y = this.control.room) == null || y.setMemberState(v);
     }, 0);
   }
 }
@@ -6267,11 +6270,11 @@ class sg extends Et {
       if (!p)
         continue;
       const f = p.toString(), m = this.serviceColloctor.isLocalId(f), M = m ? this.serviceColloctor.transformKey(p) : f;
-      let I = f;
-      !m && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I));
+      let v = f;
+      !m && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
       const y = se(l[n][a][M]);
       let w;
-      if (y && I === U) {
+      if (y && v === U) {
         if (y.selectIds) {
           u.push(...y.selectIds), u.sort((z, L) => {
             var P, O, D, Z;
@@ -6280,7 +6283,7 @@ class sg extends Et {
           });
           const N = y.updateNodeOpt || {};
           N.zIndexLayer = i;
-          const v = {
+          const I = {
             workId: p,
             msgType: x.UpdateNode,
             dataType: W.Local,
@@ -6299,7 +6302,7 @@ class sg extends Et {
               updateNodeOpt: A.updateNodeOpt,
               opt: A.opt
             });
-          }), v.selectStore = k, v.willSerializeData = !0, h.push([v, {
+          }), I.selectStore = k, I.willSerializeData = !0, h.push([I, {
             workId: p,
             msgType: x.UpdateNode,
             emitEventType: this.emitEventType
@@ -6334,16 +6337,16 @@ class ng extends Et {
     for (p && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", p, a); h.length; ) {
       const m = h.pop();
       if (!m) continue;
-      const M = m.toString(), I = this.serviceColloctor.isLocalId(M), y = I && this.serviceColloctor.transformKey(m) || M;
+      const M = m.toString(), v = this.serviceColloctor.isLocalId(M), y = v && this.serviceColloctor.transformKey(m) || M;
       let w = M;
-      !I && this.serviceColloctor.isOwn(w) && (w = this.serviceColloctor.getLocalId(w));
+      !v && this.serviceColloctor.isOwn(w) && (w = this.serviceColloctor.getLocalId(w));
       const N = u[a][l][y];
       if (N && w === U) {
         if (N.selectIds) {
-          const v = this.control.viewContainerManager.transformToScenePoint([n.x, n.y], a);
-          if (s === j.Start && (this.cachePosition = v), this.cachePosition) {
+          const I = this.control.viewContainerManager.transformToScenePoint([n.x, n.y], a);
+          if (s === j.Start && (this.cachePosition = I), this.cachePosition) {
             const k = N.updateNodeOpt || {};
-            k.translate = [v[0] - this.cachePosition[0], v[1] - this.cachePosition[1]], k.workState = s;
+            k.translate = [I[0] - this.cachePosition[0], I[1] - this.cachePosition[1]], k.workState = s;
             const z = {
               workId: m,
               msgType: x.UpdateNode,
@@ -6386,12 +6389,12 @@ class rg extends Et {
         continue;
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), m = f ? this.serviceColloctor.transformKey(d) : p, M = a[i][s][m];
       if (M) {
-        let I = p;
-        if (!f && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I)), M.toolsType === C.Text) {
-          this.control.textEditorManager.delete(I, !0, !0);
+        let v = p;
+        if (!f && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v)), M.toolsType === C.Text) {
+          this.control.textEditorManager.delete(v, !0, !0);
           continue;
         }
-        h.push(I);
+        h.push(v);
       }
     }
     h.length && (l.push([{
@@ -6424,7 +6427,7 @@ class ag extends Et {
     return { key: t, textInfo: n };
   }
   async collect(t, e) {
-    var y, w, N, v, k;
+    var y, w, N, I, k;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, workState: n, viewId: s, originPoint: a, scenePoint: c, dir: l, scale: h, translate: u } = t;
@@ -6432,8 +6435,8 @@ class ag extends Et {
     const d = this.control.viewContainerManager.getView(s);
     if (!(d != null && d.displayer))
       return;
-    const p = d.focusScenePath, f = [...i], m = (y = this.serviceColloctor) == null ? void 0 : y.storage, M = [], I = n === j.Start && Date.now() || void 0;
-    for (I && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", I, s); f.length; ) {
+    const p = d.focusScenePath, f = [...i], m = (y = this.serviceColloctor) == null ? void 0 : y.storage, M = [], v = n === j.Start && Date.now() || void 0;
+    for (v && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", v, s); f.length; ) {
       const z = f.pop();
       if (!z)
         continue;
@@ -6448,7 +6451,7 @@ class ag extends Et {
           for (const ct of O.selectIds) {
             const it = (w = this.serviceColloctor) == null ? void 0 : w.isLocalId(ct), F = it && ((N = this.serviceColloctor) == null ? void 0 : N.transformKey(ct)) || ct;
             let J = F;
-            !it && ((v = this.serviceColloctor) != null && v.isOwn(F)) && (J = this.serviceColloctor.getLocalId(F));
+            !it && ((I = this.serviceColloctor) != null && I.isOwn(F)) && (J = this.serviceColloctor.getLocalId(F));
             const H = this.control.textEditorManager.get(J);
             H && n === j.Start && this.targetText.set(J, se(H));
           }
@@ -6625,7 +6628,7 @@ class cg extends Et {
     g(this, "cacheOriginRotate", 0);
   }
   collect(t, e) {
-    var f, m, M, I, y;
+    var f, m, M, v, y;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, angle: n, workState: s, viewId: a } = t;
@@ -6638,15 +6641,15 @@ class cg extends Et {
       const w = h.pop();
       if (!w)
         continue;
-      const N = w.toString(), v = this.serviceColloctor.isLocalId(N), k = v && this.serviceColloctor.transformKey(w) || N;
+      const N = w.toString(), I = this.serviceColloctor.isLocalId(N), k = I && this.serviceColloctor.transformKey(w) || N;
       let z = N;
-      !v && this.serviceColloctor.isOwn(z) && (z = this.serviceColloctor.getLocalId(z));
+      !I && this.serviceColloctor.isOwn(z) && (z = this.serviceColloctor.getLocalId(z));
       const L = u[a][l][k];
       if (L && z === U) {
         if (((m = L.selectIds) == null ? void 0 : m.length) === 1) {
           const b = L.selectIds[0];
           if (s === j.Start) {
-            const D = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(b)) && ((I = this.serviceColloctor) == null ? void 0 : I.transformKey(b)) || b, Z = u[a][l][D];
+            const D = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(b)) && ((v = this.serviceColloctor) == null ? void 0 : v.transformKey(b)) || b, Z = u[a][l][D];
             this.cacheOriginRotate = ((y = Z == null ? void 0 : Z.opt) == null ? void 0 : y.rotate) || 0;
           }
           const A = L.updateNodeOpt || {};
@@ -6710,7 +6713,7 @@ class hg extends Et {
     }
   }
   async collect(t) {
-    var y, w, N, v;
+    var y, w, N, I;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: e, bold: i, italic: n, lineThrough: s, underline: a, viewId: c, fontSize: l } = t, h = this.control.viewContainerManager.getView(c);
@@ -6739,7 +6742,7 @@ class hg extends Et {
             const Z = (w = this.serviceColloctor) == null ? void 0 : w.isLocalId(D);
             let ct = Z && ((N = this.serviceColloctor) == null ? void 0 : N.transformKey(D)) || D;
             const it = p[c][u][ct] || void 0;
-            if (!Z && ((v = this.serviceColloctor) != null && v.isOwn(ct)) && (ct = this.serviceColloctor.getLocalId(ct)), it && it.toolsType === C.Text && P.opt) {
+            if (!Z && ((I = this.serviceColloctor) != null && I.isOwn(ct)) && (ct = this.serviceColloctor.getLocalId(ct)), it && it.toolsType === C.Text && P.opt) {
               const F = this.setTextStyle(ct, Nt(it), O, c);
               M.push(F);
               continue;
@@ -6747,8 +6750,8 @@ class hg extends Et {
           }
       }
     }
-    const I = await Promise.all(M);
-    for (const k of I)
+    const v = await Promise.all(M);
+    for (const k of v)
       if (k) {
         const { key: z, textInfo: L } = k;
         L && (L.canSync = !0, L.canWorker = !0, this.control.textEditorManager.updateForViewEdited(z, L));
@@ -6781,9 +6784,9 @@ class ug extends Et {
     const p = d.toString(), f = this.serviceColloctor.isLocalId(p), m = f && this.serviceColloctor.transformKey(d) || p;
     let M = p;
     !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-    const I = l[s][c][m];
-    if (I && M === U && I.selectIds) {
-      const w = I.updateNodeOpt || {};
+    const v = l[s][c][m];
+    if (v && M === U && v.selectIds) {
+      const w = v.updateNodeOpt || {};
       w.pointMap = i, w.workState = n;
       const N = {
         workId: d,
@@ -6824,9 +6827,9 @@ class dg extends Et {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), m = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[n][a][m] || void 0;
-      if (I) {
-        const y = I.updateNodeOpt || {};
+      const v = l[n][a][m] || void 0;
+      if (v) {
+        const y = v.updateNodeOpt || {};
         y.isLocked = i;
         const w = {
           workId: M,
@@ -6869,14 +6872,14 @@ class pg extends Et {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), m = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[i][a][m] || void 0;
-      if (I) {
+      const v = l[i][a][m] || void 0;
+      if (v) {
         const y = {
-          ...I.updateNodeOpt,
+          ...v.updateNodeOpt,
           ...n,
           willRefresh: !0
         };
-        if (I && M === U) {
+        if (v && M === U) {
           const w = {
             workId: M,
             msgType: x.UpdateNode,
@@ -7330,7 +7333,7 @@ class wg extends yg {
   async on() {
     if (!this.control.hasOffscreenCanvas()) {
       console.info("no OffscreenCanvas");
-      const { MainThreadManagerImpl: t } = await import("./index-C7xQ-iwn.mjs");
+      const { MainThreadManagerImpl: t } = await import("./index-DBzmxM2f.mjs");
       this.mainThread = new t(this);
       return;
     }
@@ -7436,11 +7439,11 @@ class wg extends yg {
         willSyncService: f,
         isSync: m,
         imageBitmap: M,
-        canvasHeight: I,
+        canvasHeight: v,
         canvasWidth: y,
         rect: w,
         op: N,
-        canTextEdit: v,
+        canTextEdit: I,
         points: k,
         selectorColor: z,
         canRotate: L,
@@ -7463,8 +7466,8 @@ class wg extends yg {
       const rt = a.scenePath || this.viewContainerManager.getCurScenePath(D);
       switch (c) {
         case x.Select: {
-          const X = l != null && l.length ? { ...u, selectIds: l, canvasHeight: I, canvasWidth: y, points: k } : void 0;
-          X && (h != null && h.strokeColor) && (X.selectorColor = h.strokeColor), X && z && (X.selectorColor = z), X && d && (X.strokeColor = d), X && (h != null && h.fillColor) && (X.fillColor = h.fillColor), X && p && (X.fillColor = p), X && Lt(L) && (X.canRotate = L), X && b && (X.scaleType = b), X && v && (X.canTextEdit = v), X && A && (X.textOpt = A), X && Lt(ct) && (X.canLock = ct), X && Lt(it) && (X.isLocked = it), X && F && (X.shapeOpt = F), X && J && (X.toolsTypes = J), X && H && (X.thickness = H), X && Q && (X.strokeType = Q), X && Lt(K) && (X.useStroke = K), D && this.viewContainerManager.showFloatBar(D, !!X, X), f && ((i = this.collector) == null || i.dispatch({ type: c, selectIds: l, opt: h, isSync: m, viewId: D, scenePath: rt }));
+          const X = l != null && l.length ? { ...u, selectIds: l, canvasHeight: v, canvasWidth: y, points: k } : void 0;
+          X && (h != null && h.strokeColor) && (X.selectorColor = h.strokeColor), X && z && (X.selectorColor = z), X && d && (X.strokeColor = d), X && (h != null && h.fillColor) && (X.fillColor = h.fillColor), X && p && (X.fillColor = p), X && Lt(L) && (X.canRotate = L), X && b && (X.scaleType = b), X && I && (X.canTextEdit = I), X && A && (X.textOpt = A), X && Lt(ct) && (X.canLock = ct), X && Lt(it) && (X.isLocked = it), X && F && (X.shapeOpt = F), X && J && (X.toolsTypes = J), X && H && (X.thickness = H), X && Q && (X.strokeType = Q), X && Lt(K) && (X.useStroke = K), D && this.viewContainerManager.showFloatBar(D, !!X, X), f && ((i = this.collector) == null || i.dispatch({ type: c, selectIds: l, opt: h, isSync: m, viewId: D, scenePath: rt }));
           break;
         }
         case x.Snapshot:
@@ -7529,7 +7532,7 @@ class wg extends yg {
   collectorAsyncData(t) {
     var e, i, n, s;
     for (const a of t) {
-      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: m, toolsType: M, isSync: I, viewId: y, isLockSentEventCursor: w } = a;
+      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: m, toolsType: M, isSync: v, viewId: y, isLockSentEventCursor: w } = a;
       if (!y) {
         console.error("collectorAsyncData", a);
         return;
@@ -7544,7 +7547,7 @@ class wg extends yg {
             toolsType: M,
             workId: h,
             index: u,
-            isSync: I,
+            isSync: v,
             viewId: y,
             scenePath: N,
             updateNodeOpt: m
@@ -7559,7 +7562,7 @@ class wg extends yg {
             updateNodeOpt: m,
             opt: f,
             toolsType: M,
-            isSync: I,
+            isSync: v,
             viewId: y,
             scenePath: N
           }), this.willSelectorWorkId && h && h.toString() === this.willSelectorWorkId && this.control.runEffectWork(() => {
@@ -7570,11 +7573,11 @@ class wg extends yg {
           break;
         }
         case x.UpdateNode: {
-          (n = this.collector) == null || n.dispatch({ type: c, updateNodeOpt: m, workId: h, opt: f, ops: p, op: l, isSync: I, viewId: y, scenePath: N });
+          (n = this.collector) == null || n.dispatch({ type: c, updateNodeOpt: m, workId: h, opt: f, ops: p, op: l, isSync: v, viewId: y, scenePath: N });
           break;
         }
         case x.RemoveNode: {
-          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (s = this.collector) == null || s.dispatch({ type: c, removeIds: d, isSync: I, viewId: y, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
+          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (s = this.collector) == null || s.dispatch({ type: c, removeIds: d, isSync: v, viewId: y, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
           break;
         }
       }
@@ -7796,7 +7799,7 @@ class wg extends yg {
     });
   }
   onServiceDerive(t, e) {
-    var p, f, m, M, I;
+    var p, f, m, M, v;
     const { newValue: i, oldValue: n, viewId: s, scenePath: a } = e, c = Nt(i) || {}, l = t;
     let h = c.type;
     if (!i && n) {
@@ -7813,8 +7816,8 @@ class wg extends yg {
     if (h && l) {
       const y = c;
       if (y.workId = (m = this.collector) != null && m.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, y.msgType = h, y.toolsType === C.LaserPen && (y.isRunSubWork = !0), y.dataType = W.Service, y.viewId = s, y.scenePath = a, y.selectIds && (y.selectIds = y.selectIds.map((w) => {
-        var N, v;
-        return (N = this.collector) != null && N.isOwn(w) ? (v = this.collector) == null ? void 0 : v.getLocalId(w) : w;
+        var N, I;
+        return (N = this.collector) != null && N.isOwn(w) ? (I = this.collector) == null ? void 0 : I.getLocalId(w) : w;
       })), y && y.toolsType === C.Text || (n == null ? void 0 : n.toolsType) === C.Text) {
         this.control.textEditorManager.onServiceDerive(y);
         return;
@@ -7822,7 +7825,7 @@ class wg extends yg {
       this.taskBatchData.add(y);
     }
     this.runAnimation();
-    const d = e.newValue && ((I = e.newValue.opt) == null ? void 0 : I.zIndex);
+    const d = e.newValue && ((v = e.newValue.opt) == null ? void 0 : v.zIndex);
     if (this.zIndexNodeMethod && et(d)) {
       const y = this.zIndexNodeMethod.getMinZIndex(s);
       this.zIndexNodeMethod.getMaxZIndex(s) < d && this.zIndexNodeMethod.setMaxZIndex(d, s), y > d && this.zIndexNodeMethod.setMinZIndex(d, s);
@@ -7843,8 +7846,8 @@ class wg extends yg {
         if (f && p) {
           const m = n[p];
           if (m.workId = (h = this.collector) != null && h.isOwn(p) ? (u = this.collector) == null ? void 0 : u.getLocalId(p) : p, m.msgType = f, m.dataType = W.Service, m.viewId = t, m.scenePath = e, m.useAnimation = !!a, m.selectIds && (m.selectIds = m.selectIds.map((M) => {
-            var I, y;
-            return (I = this.collector) != null && I.isOwn(M) ? (y = this.collector) == null ? void 0 : y.getLocalId(M) : M;
+            var v, y;
+            return (v = this.collector) != null && v.isOwn(M) ? (y = this.collector) == null ? void 0 : y.getLocalId(M) : M;
           })), m.toolsType === C.Text) {
             this.control.textEditorManager.onServiceDerive(m);
             continue;
@@ -8188,7 +8191,7 @@ class wg extends yg {
         const f = this.viewContainerManager.mainView;
         if (!f)
           return;
-        const m = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), I = {
+        const m = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), v = {
           msgType: x.Snapshot,
           dataType: W.Local,
           scenePath: t,
@@ -8204,7 +8207,7 @@ class wg extends yg {
           viewId: f.id
           // maxZIndex: this.zIndexNodeMethod?.getMaxZIndex(viewId)
         };
-        return this.taskBatchData.add(I), this.runAnimation(), new Promise((y) => {
+        return this.taskBatchData.add(v), this.runAnimation(), new Promise((y) => {
           this.snapshotMap.set(t, y);
         }).then((y) => (this.snapshotMap.delete(t), y));
       }
@@ -8430,7 +8433,7 @@ function Vg(r, o, t) {
     return e = i = void 0, l = k, s = r.apply(L, z), s;
   }
   function f(k) {
-    return l = k, a = setTimeout(I, o), h ? p(k) : s;
+    return l = k, a = setTimeout(v, o), h ? p(k) : s;
   }
   function m(k) {
     var z = k - c, L = k - l, b = o - z;
@@ -8440,11 +8443,11 @@ function Vg(r, o, t) {
     var z = k - c, L = k - l;
     return c === void 0 || z >= o || z < 0 || u && L >= n;
   }
-  function I() {
+  function v() {
     var k = Co();
     if (M(k))
       return y(k);
-    a = setTimeout(I, m(k));
+    a = setTimeout(v, m(k));
   }
   function y(k) {
     return a = void 0, d && e ? p(k) : (e = i = void 0, s);
@@ -8455,17 +8458,17 @@ function Vg(r, o, t) {
   function N() {
     return a === void 0 ? s : y(Co());
   }
-  function v() {
+  function I() {
     var k = Co(), z = M(k);
     if (e = arguments, i = this, c = k, z) {
       if (a === void 0)
         return f(c);
       if (u)
-        return clearTimeout(a), a = setTimeout(I, o), p(c);
+        return clearTimeout(a), a = setTimeout(v, o), p(c);
     }
-    return a === void 0 && (a = setTimeout(I, o)), s;
+    return a === void 0 && (a = setTimeout(v, o)), s;
   }
-  return v.cancel = w, v.flush = N, v;
+  return I.cancel = w, I.flush = N, I;
 }
 var Zg = Vg, Gg = Zg, Jg = ie, Xg = "Expected a function";
 function qg(r, o, t) {
@@ -9086,7 +9089,7 @@ const ce = class ce {
     return !!t.includes(e);
   }
   refreshPlugin(o, t = !1) {
-    var s, a, c, l, h, u, d, p, f, m, M, I, y, w, N, v, k, z, L, b, A;
+    var s, a, c, l, h, u, d, p, f, m, M, v, y, w, N, I, k, z, L, b, A;
     let e;
     const { scenePath: i } = o, n = o.data;
     if (!(!n || !this.collector))
@@ -9138,7 +9141,7 @@ const ce = class ce {
                     H && (D.selectIds = F.filter((Q) => !!Q));
                   }
                 }
-                (I = this.collector) == null || I.updateValue(P.key, P.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
+                (v = this.collector) == null || v.updateValue(P.key, P.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
               }
             }
             break;
@@ -9159,7 +9162,7 @@ const ce = class ce {
                     let Q = !1;
                     for (const K of H)
                       for (let rt = 0; rt < J.length; rt++)
-                        K != null && K.selectIds && ((v = K.selectIds) != null && v.includes(J[rt])) && (delete J[rt], Q = !0);
+                        K != null && K.selectIds && ((I = K.selectIds) != null && I.includes(J[rt])) && (delete J[rt], Q = !0);
                     Q && (F.selectIds = J.filter((K) => !!K));
                   }
                 }
@@ -9341,9 +9344,9 @@ class Pe {
   }
   /** 绘制view */
   render(o) {
-    var t, e, i, n, s, a, c, l, h, u, d, p, f, m, M, I, y;
+    var t, e, i, n, s, a, c, l, h, u, d, p, f, m, M, v, y;
     for (const w of o) {
-      const { rect: N, imageBitmap: v, isClear: k, isUnClose: z, drawCanvas: L, clearCanvas: b, viewId: A } = w, P = (t = this.getView(A)) == null ? void 0 : t.displayer;
+      const { rect: N, imageBitmap: I, isClear: k, isUnClose: z, drawCanvas: L, clearCanvas: b, viewId: A } = w, P = (t = this.getView(A)) == null ? void 0 : t.displayer;
       if (P && N) {
         const { dpr: O, canvasBgRef: D, canvasFloatRef: Z, canvasServiceFloatRef: ct, canvasTopRef: it } = P, F = Math.floor(N.w * O), J = Math.floor(N.h * O), H = N.x * O, Q = N.y * O;
         if (k) {
@@ -9363,27 +9366,27 @@ class Pe {
           }
           continue;
         }
-        if (L && v)
+        if (L && I)
           switch (L) {
             case Gt.TopFloat:
-              (d = (u = it.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(v, 0, 0, F, J, H, Q, F, J);
+              (d = (u = it.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(I, 0, 0, F, J, H, Q, F, J);
               break;
             case Gt.Float: {
-              (f = (p = Z.current) == null ? void 0 : p.getContext("2d")) == null || f.drawImage(v, 0, 0, F, J, H, Q, F, J);
+              (f = (p = Z.current) == null ? void 0 : p.getContext("2d")) == null || f.drawImage(I, 0, 0, F, J, H, Q, F, J);
               break;
             }
             case Gt.ServiceFloat: {
-              (M = (m = ct.current) == null ? void 0 : m.getContext("2d")) == null || M.drawImage(v, 0, 0, F, J, H, Q, F, J);
+              (M = (m = ct.current) == null ? void 0 : m.getContext("2d")) == null || M.drawImage(I, 0, 0, F, J, H, Q, F, J);
               break;
             }
             case Gt.Bg: {
-              (y = (I = D.current) == null ? void 0 : I.getContext("2d")) == null || y.drawImage(v, 0, 0, F, J, H, Q, F, J);
+              (y = (v = D.current) == null ? void 0 : v.getContext("2d")) == null || y.drawImage(I, 0, 0, F, J, H, Q, F, J);
               break;
             }
           }
         if (z)
           continue;
-        v == null || v.close();
+        I == null || I.close();
       }
     }
   }
@@ -10133,11 +10136,11 @@ const MM = (r) => {
     }
   }, [(e == null ? void 0 : e.current) && i, s == null ? void 0 : s.height]), p = G(() => /* @__PURE__ */ T.createElement(wo, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (y, w, N) => {
     N === j.Start && (s != null && s.control.room) && (s.control.room.disableDeviceInputs = !0), N === j.Done && (s != null && s.control.room) && (s.control.room.disableDeviceInputs = !1), u(y);
-    const v = mt(w, y);
-    i != null && i.strokeColor && a({ strokeColor: v }), q.emitMethod(
+    const I = mt(w, y);
+    i != null && i.strokeColor && a({ strokeColor: I }), q.emitMethod(
       V.MainEngine,
       E.SetColorNode,
-      { workIds: [U], strokeColor: v, workState: N, viewId: s == null ? void 0 : s.viewId }
+      { workIds: [U], strokeColor: I, workState: N, viewId: s == null ? void 0 : s.viewId }
     );
   } }), [h, c, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, i]), f = G(() => c && (i != null && i.thickness) ? /* @__PURE__ */ T.createElement(
     IM,
@@ -10193,8 +10196,8 @@ const MM = (r) => {
           key: w,
           color: N,
           activeColor: c,
-          onTouchEndHandler: (v) => {
-            v.stopPropagation(), l(N);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), l(N);
             const k = mt(N, h);
             i != null && i.strokeColor && (i.strokeColor = k, a({ strokeColor: k })), q.emitMethod(
               V.MainEngine,
@@ -10202,8 +10205,8 @@ const MM = (r) => {
               { workIds: [U], workState: j.Done, strokeColor: k, viewId: s == null ? void 0 : s.viewId }
             );
           },
-          onClickHandler: (v) => {
-            v.cancelable && v.preventDefault(), v.stopPropagation(), l(N);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), l(N);
             const k = mt(N, h);
             i != null && i.strokeColor && (i.strokeColor = k, a({ strokeColor: k })), q.emitMethod(
               V.MainEngine,
@@ -10215,7 +10218,7 @@ const MM = (r) => {
       );
     }),
     p
-  ) : null, [o, n, p, c, h, i, s == null ? void 0 : s.viewId, d]), I = G(() => c ? /* @__PURE__ */ T.createElement("div", { className: "color-bar-ring", style: { backgroundColor: mt(c, h) } }, /* @__PURE__ */ T.createElement("div", { className: "circle" })) : null, [c, h]);
+  ) : null, [o, n, p, c, h, i, s == null ? void 0 : s.viewId, d]), v = G(() => c ? /* @__PURE__ */ T.createElement("div", { className: "color-bar-ring", style: { backgroundColor: mt(c, h) } }, /* @__PURE__ */ T.createElement("div", { className: "circle" })) : null, [c, h]);
   return /* @__PURE__ */ T.createElement(
     "div",
     {
@@ -10227,15 +10230,15 @@ const MM = (r) => {
         y.cancelable && y.preventDefault(), y.stopPropagation(), y.nativeEvent.stopImmediatePropagation(), t(!o);
       }
     },
-    I,
+    v,
     M
   );
 }, TM = (r) => {
   const { open: o, setOpen: t, floatBarRef: e } = r, { floatBarData: i, floatBarColors: n, mananger: s, setFloatBarData: a } = vt(It), [c, l] = ot(), [h, u] = ot(1);
   dt(() => {
     if (i != null && i.fillColor) {
-      const [M, I] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || Mo(i.fillColor);
-      l(M), u(I);
+      const [M, v] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || Mo(i.fillColor);
+      l(M), u(v);
     }
   }, [i]);
   const d = G(() => {
@@ -10248,13 +10251,13 @@ const MM = (r) => {
         return M.top = "inherit", M.bottom = 50, M;
       }
     }
-  }, [e == null ? void 0 : e.current, i, s == null ? void 0 : s.height]), p = G(() => c && c !== "transparent" ? /* @__PURE__ */ T.createElement(wo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, I, y) => {
+  }, [e == null ? void 0 : e.current, i, s == null ? void 0 : s.height]), p = G(() => c && c !== "transparent" ? /* @__PURE__ */ T.createElement(wo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, v, y) => {
     y === j.Start && (s != null && s.control.room) && (s.control.room.disableDeviceInputs = !0), y === j.Done && (s != null && s.control.room) && (s.control.room.disableDeviceInputs = !1), u(M);
-    const w = mt(I, M);
+    const w = mt(v, M);
     i != null && i.fillColor && (i.fillColor = w, a({ fillColor: w })), q.emitMethod(
       V.MainEngine,
       E.SetColorNode,
-      { workIds: [U], fillColor: c && mt(I, M), workState: y, viewId: s == null ? void 0 : s.viewId }
+      { workIds: [U], fillColor: c && mt(v, M), workState: y, viewId: s == null ? void 0 : s.viewId }
     );
   } }) : null, [c, h, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, i]), f = G(() => o ? /* @__PURE__ */ T.createElement(
     "div",
@@ -10274,30 +10277,30 @@ const MM = (r) => {
         activeColor: c,
         onTouchEndHandler: (M) => {
           M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, a({ fillColor: I })), q.emitMethod(
+          const v = "transparent";
+          i != null && i.fillColor && (i.fillColor = v, a({ fillColor: v })), q.emitMethod(
             V.MainEngine,
             E.SetColorNode,
-            { workIds: [U], workState: j.Done, fillColor: I, viewId: s == null ? void 0 : s.viewId }
+            { workIds: [U], workState: j.Done, fillColor: v, viewId: s == null ? void 0 : s.viewId }
           );
         },
         onClickHandler: (M) => {
           M.cancelable && M.preventDefault(), M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, a({ fillColor: I })), q.emitMethod(
+          const v = "transparent";
+          i != null && i.fillColor && (i.fillColor = v, a({ fillColor: v })), q.emitMethod(
             V.MainEngine,
             E.SetColorNode,
-            { workIds: [U], workState: j.Done, fillColor: I, viewId: s == null ? void 0 : s.viewId }
+            { workIds: [U], workState: j.Done, fillColor: v, viewId: s == null ? void 0 : s.viewId }
           );
         }
       }
     ),
-    n.map((M, I) => {
+    n.map((M, v) => {
       const y = Ye(...M);
       return /* @__PURE__ */ T.createElement(
         yo,
         {
-          key: I,
+          key: v,
           color: y,
           activeColor: c,
           onTouchEndHandler: (w) => {
@@ -10360,13 +10363,13 @@ const MM = (r) => {
     }
   }, [n == null ? void 0 : n.current, l, a]), m = G(() => h && h !== "transparent" ? /* @__PURE__ */ T.createElement(wo, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (y, w, N) => {
     N === j.Start && (a != null && a.control.room) && (a.control.room.disableDeviceInputs = !0), N === j.Done && (a != null && a.control.room) && (a.control.room.disableDeviceInputs = !1), p(y);
-    const v = mt(w, y);
-    l != null && l.textOpt && (l.textOpt.fontColor = v, c({ textOpt: l.textOpt })), q.emitMethod(
+    const I = mt(w, y);
+    l != null && l.textOpt && (l.textOpt.fontColor = I, c({ textOpt: l.textOpt })), q.emitMethod(
       V.MainEngine,
       E.SetColorNode,
       {
         workIds: i || [U],
-        fontColor: h && v,
+        fontColor: h && I,
         workState: N,
         viewId: a == null ? void 0 : a.viewId
       }
@@ -10391,8 +10394,8 @@ const MM = (r) => {
           key: w,
           color: N,
           activeColor: h,
-          onTouchEndHandler: (v) => {
-            v.stopPropagation(), u(N);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), u(N);
             const k = mt(N, d);
             l != null && l.textOpt && (l.textOpt.fontColor = k, c({ textOpt: l.textOpt })), q.emitMethod(
               V.MainEngine,
@@ -10400,8 +10403,8 @@ const MM = (r) => {
               { workIds: i || [U], workState: j.Done, fontColor: k, viewId: a == null ? void 0 : a.viewId }
             );
           },
-          onClickHandler: (v) => {
-            v.cancelable && v.preventDefault(), v.stopPropagation(), u(N);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), u(N);
             const k = mt(N, d);
             l != null && l.textOpt && (l.textOpt.fontColor = k, c({ textOpt: l.textOpt })), q.emitMethod(
               V.MainEngine,
@@ -10413,7 +10416,7 @@ const MM = (r) => {
       );
     }),
     m
-  ) : null, [o, s, m, h, d, l == null ? void 0 : l.textOpt, i, a == null ? void 0 : a.viewId, f]), I = G(() => {
+  ) : null, [o, s, m, h, d, l == null ? void 0 : l.textOpt, i, a == null ? void 0 : a.viewId, f]), v = G(() => {
     const y = h && h !== "transparent" && mt(h, d) || "transparent";
     return /* @__PURE__ */ T.createElement("div", { className: "color-bar" }, /* @__PURE__ */ T.createElement("div", { className: "color-bar-color", style: { backgroundColor: y } }));
   }, [h, d]);
@@ -10429,7 +10432,7 @@ const MM = (r) => {
       }
     },
     /* @__PURE__ */ T.createElement("img", { alt: "icon", src: kt("font-colors") }),
-    I,
+    v,
     M
   );
 }, kM = (r) => {
@@ -10452,8 +10455,8 @@ const MM = (r) => {
     }
   }, [n == null ? void 0 : n.current, l, a]), m = G(() => h && h !== "transparent" ? /* @__PURE__ */ T.createElement(wo, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (y, w, N) => {
     N === j.Start && (a != null && a.control.room) && (a.control.room.disableDeviceInputs = !0), N === j.Done && (a != null && a.control.room) && (a.control.room.disableDeviceInputs = !1), p(y);
-    const v = mt(w, y);
-    l != null && l.textOpt && (l.textOpt.fontBgColor = v, c({ textOpt: l.textOpt })), q.emitMethod(
+    const I = mt(w, y);
+    l != null && l.textOpt && (l.textOpt.fontBgColor = I, c({ textOpt: l.textOpt })), q.emitMethod(
       V.MainEngine,
       E.SetColorNode,
       {
@@ -10507,8 +10510,8 @@ const MM = (r) => {
           key: w,
           color: N,
           activeColor: h,
-          onTouchEndHandler: (v) => {
-            v.stopPropagation(), u(N);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), u(N);
             const k = mt(N, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = k, c({ textOpt: l.textOpt })), q.emitMethod(
               V.MainEngine,
@@ -10516,8 +10519,8 @@ const MM = (r) => {
               { workIds: i || [U], workState: j.Done, fontBgColor: mt(N, d), viewId: a == null ? void 0 : a.viewId }
             );
           },
-          onClickHandler: (v) => {
-            v.cancelable && v.preventDefault(), v.stopPropagation(), u(N);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), u(N);
             const k = mt(N, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = k, c({ textOpt: l.textOpt })), q.emitMethod(
               V.MainEngine,
@@ -10529,7 +10532,7 @@ const MM = (r) => {
       );
     }),
     m
-  ) : null, [o, s, m, d, h, l == null ? void 0 : l.textOpt, i, a == null ? void 0 : a.viewId, f]), I = G(() => {
+  ) : null, [o, s, m, d, h, l == null ? void 0 : l.textOpt, i, a == null ? void 0 : a.viewId, f]), v = G(() => {
     const y = h && h !== "transparent" && mt(h, d) || "transparent";
     return /* @__PURE__ */ T.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ T.createElement("div", { className: "color-bar-color", style: { backgroundColor: y } }));
   }, [h, d]);
@@ -10545,7 +10548,7 @@ const MM = (r) => {
       }
     },
     /* @__PURE__ */ T.createElement(mM, null),
-    I,
+    v,
     M
   );
 }, SM = (r) => {
@@ -10625,7 +10628,7 @@ const MM = (r) => {
   dt(() => {
     e != null && e.bold && h(e.bold), Lt(e == null ? void 0 : e.underline) && f(e.underline || !1), Lt(e == null ? void 0 : e.lineThrough) && M(e.lineThrough || !1), e != null && e.italic && d(e.italic);
   }, [e]);
-  const I = G(() => {
+  const v = G(() => {
     if (n && (s != null && s.current) && et(c == null ? void 0 : c.y) && (a != null && a.height)) {
       if (s.current.offsetTop && s.current.offsetTop + c.y > 180) {
         const w = {};
@@ -10639,7 +10642,7 @@ const MM = (r) => {
     "div",
     {
       className: "font-style-menu",
-      style: I,
+      style: v,
       onTouchEnd: (w) => {
         w.stopPropagation(), w.nativeEvent.stopImmediatePropagation();
       },
@@ -10651,7 +10654,7 @@ const MM = (r) => {
     /* @__PURE__ */ T.createElement(zM, { workIds: i || [U], underline: p, setUnderline: f, viewId: a == null ? void 0 : a.viewId }),
     /* @__PURE__ */ T.createElement(xM, { workIds: i || [U], lineThrough: m, setLineThrough: M, viewId: a == null ? void 0 : a.viewId }),
     /* @__PURE__ */ T.createElement(LM, { workIds: i || [U], italic: u, setItalic: d, viewId: a == null ? void 0 : a.viewId })
-  ) : null, [o, i, l, a == null ? void 0 : a.viewId, p, m, u, I]);
+  ) : null, [o, i, l, a == null ? void 0 : a.viewId, p, m, u, v]);
   return /* @__PURE__ */ T.createElement(
     "div",
     {
@@ -10745,7 +10748,7 @@ const MM = (r) => {
   const M = (w) => {
     var N;
     (N = o.current) == null || N.blur(), e(!1), y(w);
-  }, I = G(() => t ? /* @__PURE__ */ T.createElement(bM, { onClickHandler: M, style: f }) : null, [t, M, f]), y = (w) => {
+  }, v = G(() => t ? /* @__PURE__ */ T.createElement(bM, { onClickHandler: M, style: f }) : null, [t, M, f]), y = (w) => {
     w > At[p] && (w = At[p]), w < At[0] && (w = At[0]), m(w);
   };
   return dt(() => () => {
@@ -10775,8 +10778,8 @@ const MM = (r) => {
         },
         onKeyDown: (w) => {
           if (w.key === "Backspace") {
-            const N = window.getSelection(), v = N == null ? void 0 : N.getRangeAt(0);
-            if (v != null && v.collapsed)
+            const N = window.getSelection(), I = N == null ? void 0 : N.getRangeAt(0);
+            if (I != null && I.collapsed)
               return w.cancelable && w.preventDefault(), document.execCommand("delete", !1), !1;
           }
           return !1;
@@ -10784,7 +10787,7 @@ const MM = (r) => {
         onKeyUp: (w) => {
           var N;
           if (o.current) {
-            const v = o.current.value, k = parseInt(v);
+            const I = o.current.value, k = parseInt(I);
             isNaN(k) ? o.current.value = "0" : o.current.value = k.toString(), k && w.key === "Enter" && (y(k), (N = o.current) == null || N.blur(), e(!1));
           }
         },
@@ -10819,7 +10822,7 @@ const MM = (r) => {
         }
       }
     )),
-    I
+    v
   );
 }, PM = (r) => {
   const { workIds: o, mananger: t, islocked: e } = r;
@@ -11169,57 +11172,57 @@ const MM = (r) => {
   ), [l, h] = T.useState(), u = Ce(null);
   dt(() => {
     var L, b, A, P;
-    const v = {}, k = (n == null ? void 0 : n.w) || ((L = o == null ? void 0 : o.boxSize) == null ? void 0 : L[0]) || 0, z = (n == null ? void 0 : n.h) || ((b = o == null ? void 0 : o.boxSize) == null ? void 0 : b[1]) || 0;
+    const I = {}, k = (n == null ? void 0 : n.w) || ((L = o == null ? void 0 : o.boxSize) == null ? void 0 : L[0]) || 0, z = (n == null ? void 0 : n.h) || ((b = o == null ? void 0 : o.boxSize) == null ? void 0 : b[1]) || 0;
     if (i && k && z && (s != null && s.width) && (s != null && s.height)) {
-      if (i.y < 60 ? i.y + z < s.height - 60 ? v.bottom = -120 : i.y + z < s.height ? v.bottom = -58 : i.y > 0 ? v.top = 62 : v.top = -i.y + 62 : v.top = 0, i.x < 0)
-        v.left = -i.x + 3;
+      if (i.y < 60 ? i.y + z < s.height - 60 ? I.bottom = -120 : i.y + z < s.height ? I.bottom = -58 : i.y > 0 ? I.top = 62 : I.top = -i.y + 62 : I.top = 0, i.x < 0)
+        I.left = -i.x + 3;
       else if (i.x + (((A = u.current) == null ? void 0 : A.offsetWidth) || k) > s.width) {
         const O = s.width - (((P = u.current) == null ? void 0 : P.offsetWidth) || k) - i.x;
-        v.left = O;
+        I.left = O;
       }
-      h(v);
+      h(I);
       return;
     }
     h(void 0);
   }, [u, i, n == null ? void 0 : n.w, n == null ? void 0 : n.h, s == null ? void 0 : s.width, s == null ? void 0 : s.height, o == null ? void 0 : o.boxSize]);
-  const d = G(() => n != null && n.fillColor ? /* @__PURE__ */ T.createElement(TM, { floatBarRef: u, open: a === 3, setOpen: (v) => {
+  const d = G(() => n != null && n.fillColor ? /* @__PURE__ */ T.createElement(TM, { floatBarRef: u, open: a === 3, setOpen: (I) => {
     c(
-      v === !0 ? 3 : 0
+      I === !0 ? 3 : 0
       /* FillColor */
     );
-  } }) : null, [n == null ? void 0 : n.fillColor, a, u]), p = G(() => n != null && n.strokeColor ? /* @__PURE__ */ T.createElement(NM, { floatBarRef: u, open: a === 2, setOpen: (v) => {
+  } }) : null, [n == null ? void 0 : n.fillColor, a, u]), p = G(() => n != null && n.strokeColor ? /* @__PURE__ */ T.createElement(NM, { floatBarRef: u, open: a === 2, setOpen: (I) => {
     c(
-      v === !0 ? 2 : 0
+      I === !0 ? 2 : 0
       /* StrokeColor */
     );
-  } }) : null, [n == null ? void 0 : n.strokeColor, a, u]), f = G(() => o != null && o.fontColor && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(CM, { floatBarRef: u, open: a === 4, setOpen: (v) => {
+  } }) : null, [n == null ? void 0 : n.strokeColor, a, u]), f = G(() => o != null && o.fontColor && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(CM, { floatBarRef: u, open: a === 4, setOpen: (I) => {
     c(
-      v === !0 ? 4 : 0
+      I === !0 ? 4 : 0
       /* TextColor */
     );
-  }, textOpt: o, workIds: t }) : null, [o, a, t, s, u]), m = G(() => o != null && o.fontBgColor && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(kM, { floatBarRef: u, open: a === 5, setOpen: (v) => {
+  }, textOpt: o, workIds: t }) : null, [o, a, t, s, u]), m = G(() => o != null && o.fontBgColor && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(kM, { floatBarRef: u, open: a === 5, setOpen: (I) => {
     c(
-      v === !0 ? 5 : 0
+      I === !0 ? 5 : 0
       /* TextBgColor */
     );
-  }, textOpt: o, workIds: t }) : null, [o, a, t, s, u]), M = G(() => o && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(jM, { floatBarRef: u, open: a === 6, setOpen: (v) => {
+  }, textOpt: o, workIds: t }) : null, [o, a, t, s, u]), M = G(() => o && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(jM, { floatBarRef: u, open: a === 6, setOpen: (I) => {
     c(
-      v === !0 ? 6 : 0
+      I === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: o, workIds: t, style: l }) : null, [o, a, t, s, l, u]), I = G(() => o && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(DM, { open: a === 7, setOpen: (v) => {
+  }, textOpt: o, workIds: t, style: l }) : null, [o, a, t, s, l, u]), v = G(() => o && (s != null && s.viewId) ? /* @__PURE__ */ T.createElement(DM, { open: a === 7, setOpen: (I) => {
     c(
-      v === !0 ? 7 : 0
+      I === !0 ? 7 : 0
       /* FontSize */
     );
-  }, textOpt: o, workIds: t, floatBarRef: u }) : null, [o, a, t, s, u]), y = G(() => e ? null : /* @__PURE__ */ T.createElement(wM, { open: a === 1, setOpen: (v) => {
+  }, textOpt: o, workIds: t, floatBarRef: u }) : null, [o, a, t, s, u]), y = G(() => e ? null : /* @__PURE__ */ T.createElement(wM, { open: a === 1, setOpen: (I) => {
     c(
-      v === !0 ? 1 : 0
+      I === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: u }), [e, a, u]), w = G(() => n != null && n.canLock && s ? /* @__PURE__ */ T.createElement(PM, { workIds: t, mananger: s, islocked: n.isLocked }) : null, [n, s, t]), N = G(() => s && (s != null && s.viewId) && l && (n != null && n.shapeOpt) && (n != null && n.toolsTypes) ? /* @__PURE__ */ T.createElement($M, { open: a === 8, setOpen: (v) => {
+  }, floatBarRef: u }), [e, a, u]), w = G(() => n != null && n.canLock && s ? /* @__PURE__ */ T.createElement(PM, { workIds: t, mananger: s, islocked: n.isLocked }) : null, [n, s, t]), N = G(() => s && (s != null && s.viewId) && l && (n != null && n.shapeOpt) && (n != null && n.toolsTypes) ? /* @__PURE__ */ T.createElement($M, { open: a === 8, setOpen: (I) => {
     c(
-      v === !0 ? 8 : 0
+      I === !0 ? 8 : 0
       /* ShapeOpt */
     );
   }, floatBarRef: u, workIds: t, toolsTypes: n.toolsTypes, shapeOpt: n.shapeOpt }) : null, [n, s, a, l, t, u]);
@@ -11229,15 +11232,15 @@ const MM = (r) => {
       className: "appliance-plugin-floatbtns",
       style: l,
       ref: u,
-      onMouseOver: (v) => (v.stopPropagation(), v.cancelable && v.preventDefault(), s == null || s.control.worker.blurCursor(s.viewId), !1),
-      onMouseMove: (v) => (v.stopPropagation(), v.cancelable && v.preventDefault(), !1)
+      onMouseOver: (I) => (I.stopPropagation(), I.cancelable && I.preventDefault(), s == null || s.control.worker.blurCursor(s.viewId), !1),
+      onMouseMove: (I) => (I.stopPropagation(), I.cancelable && I.preventDefault(), !1)
     },
     s && /* @__PURE__ */ T.createElement(MM, { workIds: t, mananger: s }),
     y,
     w,
     !!(s != null && s.viewId) && /* @__PURE__ */ T.createElement(yM, { workIds: t, viewId: s.viewId }),
     N,
-    I,
+    v,
     M,
     f,
     m,
@@ -11252,24 +11255,24 @@ const MM = (r) => {
     fontColor: f,
     lineThrough: m,
     textAlign: M,
-    strokeColor: I,
+    strokeColor: v,
     lineHeight: y,
     bold: w,
     italic: N,
-    uid: v,
+    uid: I,
     workState: k
   } = n, z = u, L = y || z * 1.2, b = {
     fontSize: `${z}px`,
     lineHeight: `${L}px`,
     color: f,
-    borderColor: I,
+    borderColor: v,
     minHeight: `${L}px`,
     paddingRight: `${N === "italic" ? Math.round(z * 0.3) : 5}px`
   };
   d && (b.fontFamily = `${d}`), (m || p) && (b.textDecoration = `${m && "line-through" || ""}${p && " underline" || ""}`), w && (b.fontWeight = `${w}`), N && (b.fontStyle = `${N}`), M && (b.textAlign = `${M}`);
   function A() {
     var O;
-    t && (v && v === ((O = e.control.collector) == null ? void 0 : O.uid) || !v) && e.control.textEditorManager.active(i);
+    t && (I && I === ((O = e.control.collector) == null ? void 0 : O.uid) || !I) && e.control.textEditorManager.active(i);
   }
   const P = G(() => {
     const O = [];
@@ -11331,18 +11334,18 @@ const MM = (r) => {
       fontColor: f,
       lineThrough: m,
       textAlign: M,
-      strokeColor: I,
+      strokeColor: v,
       lineHeight: y,
       bold: w,
       italic: N
-    } = s, v = u, k = y || v * 1.2, z = {
-      fontSize: `${v}px`,
+    } = s, I = u, k = y || I * 1.2, z = {
+      fontSize: `${I}px`,
       lineHeight: `${k}px`,
       color: f,
-      borderColor: I,
+      borderColor: v,
       minHeight: `${k}px`,
       pointerEvents: "none",
-      paddingRight: `${N === "italic" ? Math.round(v * 0.3) : 5}px`
+      paddingRight: `${N === "italic" ? Math.round(I * 0.3) : 5}px`
     };
     d && (z.fontFamily = `${d}`), (m || p) && (z.textDecoration = `${m && "line-through" || ""}${p && " underline" || ""}`), M && (z.textAlign = `${M}`), w && (z.fontWeight = `${w}`), N && (z.fontStyle = `${N}`);
     const L = G(() => {
@@ -11384,11 +11387,11 @@ const MM = (r) => {
   (r, o) => !(r.workId !== o.workId || r.left !== o.left || r.top !== o.top || !ft(r.data, o.data))
 ), QM = (r) => {
   const { data: o, workId: t, isSelect: e, showFloatBtns: i, handleKeyUp: n, handleFocus: s, updateOptInfo: a, manager: c, runAnimation: l } = r, [h, u] = ot(), { opt: d, scale: p, translate: f, x: m, y: M } = o, {
-    fontSize: I,
+    fontSize: v,
     fontFamily: y,
     underline: w,
     fontColor: N,
-    lineThrough: v,
+    lineThrough: I,
     textAlign: k,
     strokeColor: z,
     lineHeight: L,
@@ -11396,7 +11399,7 @@ const MM = (r) => {
     italic: A,
     boxSize: P
   } = d, O = Ce(null), D = G(() => {
-    const st = I, at = L || st * 1.2, tt = {
+    const st = v, at = L || st * 1.2, tt = {
       fontSize: `${st}px`,
       lineHeight: `${at}px`,
       color: N,
@@ -11405,8 +11408,8 @@ const MM = (r) => {
       paddingRight: `${A === "italic" ? Math.round(st * 0.3) : 5}px`,
       borderWidth: `${Math.max(Math.round(1 / (p || 1)), 1)}px`
     };
-    return y && (tt.fontFamily = `${y}`), (v || w) && (tt.textDecoration = `${v && "line-through" || ""} ${w && " underline" || ""}`), k && (tt.textAlign = `${k}`), b && (tt.fontWeight = `${b}`), A && (tt.fontStyle = `${A}`), tt;
-  }, [b, N, y, I, A, L, v, p, z, k, w]), Z = G(() => {
+    return y && (tt.fontFamily = `${y}`), (I || w) && (tt.textDecoration = `${I && "line-through" || ""} ${w && " underline" || ""}`), k && (tt.textAlign = `${k}`), b && (tt.fontWeight = `${b}`), A && (tt.fontStyle = `${A}`), tt;
+  }, [b, N, y, v, A, L, I, p, z, k, w]), Z = G(() => {
     const st = `scale(${p || 1}) ${f && "translate(" + f[0] + "px," + f[1] + "px)" || ""}`;
     return {
       left: `${m}px`,
@@ -11827,23 +11830,23 @@ const ZM = () => {
       return;
     }
     c(!0);
-    const v = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
-    i(v), n(E.RotateNode), s != null && s.control.room && (s.control.room.disableDeviceInputs = !0), q.emitMethod(
+    const I = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
+    i(I), n(E.RotateNode), s != null && s.control.room && (s.control.room.disableDeviceInputs = !0), q.emitMethod(
       V.MainEngine,
       E.RotateNode,
-      { workIds: [U], angle: v, workState: j.Start, viewId: s == null ? void 0 : s.viewId }
+      { workIds: [U], angle: I, workState: j.Start, viewId: s == null ? void 0 : s.viewId }
     );
-  }, I = so((w, N) => {
+  }, v = so((w, N) => {
     if (w.cancelable && w.preventDefault(), w.stopPropagation(), s != null && s.control.worker.isBusy) {
       f(!0);
       return;
     }
     c(!1);
-    const v = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
-    i(v), n(E.None), s != null && s.control.room && (s.control.room.disableDeviceInputs = !1), q.emitMethod(
+    const I = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
+    i(I), n(E.None), s != null && s.control.room && (s.control.room.disableDeviceInputs = !1), q.emitMethod(
       V.MainEngine,
       E.RotateNode,
-      { workIds: [U], angle: v, workState: j.Done, viewId: s == null ? void 0 : s.viewId }
+      { workIds: [U], angle: I, workState: j.Done, viewId: s == null ? void 0 : s.viewId }
     );
   }, 100, { leading: !1 }), y = so((w, N) => {
     if (w.cancelable && w.preventDefault(), w.stopPropagation(), s != null && s.control.worker.isBusy) {
@@ -11851,11 +11854,11 @@ const ZM = () => {
       return;
     }
     c(!0);
-    const v = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
-    i(v), n(E.RotateNode), q.emitMethod(
+    const I = Math.round($.GetAngleByPoints(l, u, new $(N.x, N.y))) || 0;
+    i(I), n(E.RotateNode), q.emitMethod(
       V.MainEngine,
       E.RotateNode,
-      { workIds: [U], angle: v, workState: j.Doing, viewId: s == null ? void 0 : s.viewId }
+      { workIds: [U], angle: I, workState: j.Doing, viewId: s == null ? void 0 : s.viewId }
     );
   }, 100, { leading: !1 });
   return /* @__PURE__ */ T.createElement(
@@ -11865,7 +11868,7 @@ const ZM = () => {
       handle: ".appliance-plugin-rotate-mouse-pointer",
       onStart: M,
       onDrag: y,
-      onStop: I
+      onStop: v
     },
     /* @__PURE__ */ T.createElement(
       "div",
@@ -11919,24 +11922,24 @@ const ZM = () => {
       return;
     }
     w.stopPropagation();
-    const v = { x: N.x, y: N.y };
+    const I = { x: N.x, y: N.y };
     t(E.None), s(j.Done), e != null && e.control.room && (e.control.room.disableDeviceInputs = !1), q.emitMethod(
       V.MainEngine,
       E.TranslateNode,
-      { workIds: [U], position: v, workState: j.Done, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [U], position: I, workState: j.Done, viewId: e == null ? void 0 : e.viewId }
     );
   }, 100, { leading: !1 }), M = St((w, N) => {
     if (w.cancelable && w.preventDefault(), w.stopPropagation(), e != null && e.control.worker.isBusy) {
       d(!0), s(j.Pending);
       return;
     }
-    const v = { x: N.x, y: N.y };
+    const I = { x: N.x, y: N.y };
     (N.x !== (o == null ? void 0 : o.x) || N.y !== (o == null ? void 0 : o.y)) && (s(j.Doing), q.emitMethod(
       V.MainEngine,
       E.TranslateNode,
-      { workIds: [U], position: v, workState: j.Doing, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [U], position: I, workState: j.Doing, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, 100, { leading: !1 }), I = G(() => !!((o == null ? void 0 : o.scaleType) === ht.none && (o != null && o.canLock)), [o]), y = St((w) => (w.stopPropagation(), w.cancelable && w.preventDefault(), (a == null ? void 0 : a.x) === (o == null ? void 0 : o.x) && (a == null ? void 0 : a.y) === (o == null ? void 0 : o.y) && i(w), !1), 100, { leading: !1 });
+  }, 100, { leading: !1 }), v = G(() => !!((o == null ? void 0 : o.scaleType) === ht.none && (o != null && o.canLock)), [o]), y = St((w) => (w.stopPropagation(), w.cancelable && w.preventDefault(), (a == null ? void 0 : a.x) === (o == null ? void 0 : o.x) && (a == null ? void 0 : a.y) === (o == null ? void 0 : o.y) && i(w), !1), 100, { leading: !1 });
   return /* @__PURE__ */ T.createElement(
     ke,
     {
@@ -11956,7 +11959,7 @@ const ZM = () => {
           width: o.w,
           height: o.h,
           zIndex: 2,
-          pointerEvents: I ? "none" : "auto",
+          pointerEvents: v ? "none" : "auto",
           touchAction: "none"
         } : void 0,
         onClick: (w) => {
@@ -11986,7 +11989,7 @@ const ZM = () => {
       return;
     }
     m(!1), (L = u == null ? void 0 : u.control.room) != null && L.disableDeviceInputs && (u.control.room.disableDeviceInputs = !1);
-  }, I = (z) => [
+  }, v = (z) => [
     [z.x, z.y],
     [z.x + z.w, z.y],
     [z.x + z.w, z.y + z.h],
@@ -12065,7 +12068,7 @@ const ZM = () => {
       }
     }
     Z[0] = D.w / t.w, Z[1] = D.h / t.h;
-    const F = I(D).map((H) => b.control.viewContainerManager.transformToScenePoint(H, b.viewId)), J = y(F, z);
+    const F = v(D).map((H) => b.control.viewContainerManager.transformToScenePoint(H, b.viewId)), J = y(F, z);
     return O && (ct[1] = J[1] - A[1]), P && (ct[0] = J[0] - A[0]), { scale: Z, translate: ct };
   }, N = (z, L) => {
     if (z.cancelable && z.preventDefault(), z.stopPropagation(), u != null && u.control.worker.isBusy) {
@@ -12073,14 +12076,14 @@ const ZM = () => {
       return;
     }
     if (h != null && h.w && (h != null && h.h) && u) {
-      const b = { x: h.x, y: h.y, w: h.w, h: h.h }, A = I(b), P = A.map((Z) => u.control.viewContainerManager.transformToScenePoint(Z, u.viewId)), O = y(A, L), D = y(P, L);
+      const b = { x: h.x, y: h.y, w: h.w, h: h.h }, A = v(b), P = A.map((Z) => u.control.viewContainerManager.transformToScenePoint(Z, u.viewId)), O = y(A, L), D = y(P, L);
       e(b), n(O), a(D), l(L), u != null && u.control.room && (u.control.room.disableDeviceInputs = !0), q.emitMethod(
         V.MainEngine,
         E.ScaleNode,
         { workIds: [U], originPoint: O, scenePoint: D, workState: j.Start, viewId: u.viewId }
       );
     }
-  }, v = St((z, L, b, A) => {
+  }, I = St((z, L, b, A) => {
     if (z.cancelable && z.preventDefault(), z.stopPropagation(), !u || !i || !s)
       return;
     if (u != null && u.control.worker.isBusy) {
@@ -12141,7 +12144,7 @@ const ZM = () => {
       },
       lockAspectRatio: (h == null ? void 0 : h.scaleType) === ht.proportional,
       onResizeStart: N,
-      onResize: v,
+      onResize: I,
       onResizeStop: k
     }
   );
@@ -12178,14 +12181,14 @@ const ZM = () => {
     }
     const N = { x: w.x, y: w.y };
     if ((N.x !== (t == null ? void 0 : t.x) || N.y !== (t == null ? void 0 : t.y)) && (s != null && s.control.viewContainerManager)) {
-      const v = s.control.viewContainerManager.transformToScenePoint([N.x, N.y], s.viewId), k = e.get(o);
-      k && i === "start" ? k[0] = v : k && i === "end" && (k[1] = v), u(j.Doing), q.emitMethod(
+      const I = s.control.viewContainerManager.transformToScenePoint([N.x, N.y], s.viewId), k = e.get(o);
+      k && i === "start" ? k[0] = I : k && i === "end" && (k[1] = I), u(j.Doing), q.emitMethod(
         V.MainEngine,
         E.SetPoint,
         { workId: U, pointMap: e, workState: j.Doing, viewId: s == null ? void 0 : s.viewId }
       );
     }
-  }, 100, { leading: !1 }), I = St((y, w) => {
+  }, 100, { leading: !1 }), v = St((y, w) => {
     if (y.cancelable && y.preventDefault(), s != null && s.control.worker.isBusy) {
       p(!0), u(j.Pending);
       return;
@@ -12193,8 +12196,8 @@ const ZM = () => {
     y.stopPropagation(), n(E.None), u(j.Done);
     const N = { x: w.x, y: w.y };
     if (s != null && s.control.viewContainerManager) {
-      const v = s.control.viewContainerManager.transformToScenePoint([N.x, N.y], s.viewId), k = e.get(o);
-      k && i === "start" ? k[0] = v : k && i === "end" && (k[1] = v), s != null && s.control.room && (s.control.room.disableDeviceInputs = !1), q.emitMethod(
+      const I = s.control.viewContainerManager.transformToScenePoint([N.x, N.y], s.viewId), k = e.get(o);
+      k && i === "start" ? k[0] = I : k && i === "end" && (k[1] = I), s != null && s.control.room && (s.control.room.disableDeviceInputs = !1), q.emitMethod(
         V.MainEngine,
         E.SetPoint,
         { workId: U, pointMap: e, workState: j.Done, viewId: s == null ? void 0 : s.viewId }
@@ -12208,7 +12211,7 @@ const ZM = () => {
       position: c,
       onStart: m,
       onDrag: M,
-      onStop: I
+      onStop: v
     },
     /* @__PURE__ */ T.createElement(
       "div",
@@ -13022,21 +13025,21 @@ const B = class B extends Bi {
         const f = (t.mainView || i).getBoundingRect(p), m = await ((M = B.currentManager) == null ? void 0 : M.getBoundingRect(p));
         return !f.width || !f.height ? m : js(f, m);
       },
-      screenshotToCanvasAsync: async function(p, f, m, M, I, y) {
+      screenshotToCanvasAsync: async function(p, f, m, M, v, y) {
         var L;
         B.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let w = m, N = M, v = I.scale;
-        w > this.maxScreenshotWidth && (v = this.maxScreenshotWidth / w * v, w = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (v = Math.min(this.maxScreenshotHeight / N * v, v), N = this.maxScreenshotHeight), I.scale = v;
+        let w = m, N = M, I = v.scale;
+        w > this.maxScreenshotWidth && (I = this.maxScreenshotWidth / w * I, w = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (I = Math.min(this.maxScreenshotHeight / N * I, I), N = this.maxScreenshotHeight), v.scale = I;
         const k = document.createElement("canvas"), z = k.getContext("2d");
-        k.width = w * (y || 1), k.height = N * (y || 1), z && ((t.mainView || i).screenshotToCanvas(z, f, w, N, I, y), p.drawImage(k, Math.floor((m - w) / 2), Math.floor((M - N) / 2), w * (y || 1), N * (y || 1), 0, 0, w, N), k.remove()), B.currentManager && await ((L = B.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, w, N, I, Math.floor((m - w) / 2), Math.floor((M - N) / 2)));
+        k.width = w * (y || 1), k.height = N * (y || 1), z && ((t.mainView || i).screenshotToCanvas(z, f, w, N, v, y), p.drawImage(k, Math.floor((m - w) / 2), Math.floor((M - N) / 2), w * (y || 1), N * (y || 1), 0, 0, w, N), k.remove()), B.currentManager && await ((L = B.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, w, N, v, Math.floor((m - w) / 2), Math.floor((M - N) / 2)));
       },
-      scenePreviewAsync: async function(p, f, m, M, I) {
-        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(p, f, m, M, I);
+      scenePreviewAsync: async function(p, f, m, M, v) {
+        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(p, f, m, M, v);
         const y = document.createElement("img");
         y.className = "appliance-plugin-fill-scene-snapshot-img", f.append(y), getComputedStyle(f).position || (f.style.position = "relative"), B.currentManager && await B.currentManager.scenePreview(p, y);
       },
-      fillSceneSnapshotAsync: async function(p, f, m, M, I) {
-        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), f.innerHTML = "", (t.mainView || i).fillSceneSnapshot(p, f, m, M, I);
+      fillSceneSnapshotAsync: async function(p, f, m, M, v) {
+        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), f.innerHTML = "", (t.mainView || i).fillSceneSnapshot(p, f, m, M, v);
         const y = m || t.mainView.size.width, w = M || t.mainView.size.height;
         let N = await this.getBoundingRectAsync(p);
         N || (N = {
@@ -13045,15 +13048,15 @@ const B = class B extends Bi {
           width: y,
           height: w
         });
-        let v = Math.max(N == null ? void 0 : N.width, y), k = Math.max(N == null ? void 0 : N.height, w), z = 1;
-        const L = v > y && Math.min(y / v, z) || z, b = k > w && Math.min(w / k, z) || z;
-        L <= b ? (v = L < 1 && y || v, k = Math.floor(k * L) + 1, z = L) : L > b && (k = b < 1 && w || k, v = Math.floor(v * b) + 1, z = b);
+        let I = Math.max(N == null ? void 0 : N.width, y), k = Math.max(N == null ? void 0 : N.height, w), z = 1;
+        const L = I > y && Math.min(y / I, z) || z, b = k > w && Math.min(w / k, z) || z;
+        L <= b ? (I = L < 1 && y || I, k = Math.floor(k * L) + 1, z = L) : L > b && (k = b < 1 && w || k, I = Math.floor(I * b) + 1, z = b);
         const A = {
           scale: z,
           centerX: N.originX + N.width / 2,
           centerY: N.originY + N.height / 2
         }, P = document.createElement("canvas"), O = P.getContext("2d");
-        P.width = v, P.height = k, O && await this.screenshotToCanvasAsync(O, p, v, k, A, devicePixelRatio);
+        P.width = I, P.height = k, O && await this.screenshotToCanvasAsync(O, p, I, k, A, devicePixelRatio);
         const D = document.createElement("img");
         D.className = "appliance-plugin-fill-scene-snapshot-img", D.src = P.toDataURL(), D.onload = () => {
           P.remove();
@@ -13468,39 +13471,39 @@ const Y = class Y extends Bi {
         const p = t.getBoundingRect(d), f = await ((m = Y.currentManager) == null ? void 0 : m.getBoundingRect(d));
         return !p.width || !p.height ? f : js(p, f);
       },
-      screenshotToCanvasAsync: async function(d, p, f, m, M, I) {
+      screenshotToCanvasAsync: async function(d, p, f, m, M, v) {
         var z;
         Y.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
         let y = f, w = m, N = M.scale;
         y > this.maxScreenshotWidth && (N = this.maxScreenshotWidth / y * N, y = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (N = Math.min(this.maxScreenshotHeight / w * N, N), w = this.maxScreenshotHeight), M.scale = N;
-        const v = document.createElement("canvas"), k = v.getContext("2d");
-        v.width = y * (I || 1), v.height = w * (I || 1), k && (t.screenshotToCanvas(k, p, y, w, M, I), d.drawImage(v, Math.floor((f - y) / 2), Math.floor((m - w) / 2), y * (I || 1), w * (I || 1), 0, 0, y, w), v.remove()), Y.currentManager && await ((z = Y.currentManager) == null ? void 0 : z.screenshotToCanvas(d, p, y, w, M, Math.floor((f - y) / 2), Math.floor((m - w) / 2)));
+        const I = document.createElement("canvas"), k = I.getContext("2d");
+        I.width = y * (v || 1), I.height = w * (v || 1), k && (t.screenshotToCanvas(k, p, y, w, M, v), d.drawImage(I, Math.floor((f - y) / 2), Math.floor((m - w) / 2), y * (v || 1), w * (v || 1), 0, 0, y, w), I.remove()), Y.currentManager && await ((z = Y.currentManager) == null ? void 0 : z.screenshotToCanvas(d, p, y, w, M, Math.floor((f - y) / 2), Math.floor((m - w) / 2)));
       },
       scenePreviewAsync: async function(d, p, f, m, M) {
         Y.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(d, p, f, m, M);
-        const I = document.createElement("img");
-        I.className = "appliance-plugin-fill-scene-snapshot-img", p.append(I), getComputedStyle(p).position || (p.style.position = "relative"), Y.currentManager && await Y.currentManager.scenePreview(d, I);
+        const v = document.createElement("img");
+        v.className = "appliance-plugin-fill-scene-snapshot-img", p.append(v), getComputedStyle(p).position || (p.style.position = "relative"), Y.currentManager && await Y.currentManager.scenePreview(d, v);
       },
       fillSceneSnapshotAsync: async function(d, p, f, m, M) {
         var D, Z;
         Y.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), p.innerHTML = "", t.fillSceneSnapshot(d, p, f, m, M);
-        const I = f || ((D = t.state.cameraState) == null ? void 0 : D.width) || 0, y = m || ((Z = t.state.cameraState) == null ? void 0 : Z.height) || 0;
+        const v = f || ((D = t.state.cameraState) == null ? void 0 : D.width) || 0, y = m || ((Z = t.state.cameraState) == null ? void 0 : Z.height) || 0;
         let w = await this.getBoundingRectAsync(d);
         w || (w = {
           originX: 0,
           originY: 0,
-          width: I,
+          width: v,
           height: y
         });
-        let N = Math.max(w == null ? void 0 : w.width, I), v = Math.max(w == null ? void 0 : w.height, y), k = 1;
-        const z = N > I && Math.min(I / N, k) || k, L = v > y && Math.min(y / v, k) || k;
-        z <= L ? (N = z < 1 && I || N, v = Math.floor(v * z) + 1, k = z) : z > L && (v = L < 1 && y || v, N = Math.floor(N * L) + 1, k = L);
+        let N = Math.max(w == null ? void 0 : w.width, v), I = Math.max(w == null ? void 0 : w.height, y), k = 1;
+        const z = N > v && Math.min(v / N, k) || k, L = I > y && Math.min(y / I, k) || k;
+        z <= L ? (N = z < 1 && v || N, I = Math.floor(I * z) + 1, k = z) : z > L && (I = L < 1 && y || I, N = Math.floor(N * L) + 1, k = L);
         const b = {
           scale: k,
           centerX: w.originX + w.width / 2,
           centerY: w.originY + w.height / 2
         }, A = document.createElement("canvas"), P = A.getContext("2d");
-        A.width = N, A.height = v, P && await this.screenshotToCanvasAsync(P, d, N, v, b, devicePixelRatio);
+        A.width = N, A.height = I, P && await this.screenshotToCanvasAsync(P, d, N, I, b, devicePixelRatio);
         const O = document.createElement("img");
         O.className = "appliance-plugin-fill-scene-snapshot-img", O.src = A.toDataURL(), O.onload = () => {
           A.remove();