@netless/appliance-plugin 1.1.9 → 1.1.10

package/dist/{index-D8AMdzYo.mjs → index-DCVJNFKI.mjs}

@@ -12,7 +12,7 @@ import Xo, { createPortal as xn } from "react-dom";
 import Ae from "react-draggable";
 import { Resizable as bn } from "re-resizable";
 const Vm = "/fullWorker.js", Hm = "/subWorker.js";
-var nt = /* @__PURE__ */ ((a) => (a.selector = "selector", a.clicker = "clicker", a.laserPointer = "laserPointer", a.pencil = "pencil", a.rectangle = "rectangle", a.ellipse = "ellipse", a.shape = "shape", a.eraser = "eraser", a.pencilEraser = "pencilEraser", a.text = "text", a.straight = "straight", a.arrow = "arrow", a.hand = "hand", a.laserPen = "laserPen", a))(nt || {}), et = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(et || {}), te = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(te || {}), R = /* @__PURE__ */ ((a) => (a.None = "None", a.ShowFloatBar = "ShowFloatBar", a.ZIndexFloatBar = "ZIndexFloatBar", a.DeleteNode = "DeleteNode", a.CopyNode = "CopyNode", a.ZIndexActive = "ZIndexActive", a.ZIndexNode = "ZIndexNode", a.RotateNode = "RotateNode", a.SetColorNode = "SetColorNode", a.TranslateNode = "TranslateNode", a.ScaleNode = "ScaleNode", a.OriginalEvent = "OriginalEvent", a.CreateScene = "CreateScene", a.ActiveCursor = "ActiveCursor", a.MoveCursor = "MoveCursor", a.CommandEditor = "CommandEditor", a.SetEditorData = "SetEditorData", a.SetFontStyle = "SetFontStyle", a.SetPoint = "SetPoint", a.SetLock = "SetLock", a.SetShapeOpt = "SetShapeOpt", a.CameraChange = "CameraChange", a.ActiveMethod = "ActiveMethod", a))(R || {}), X = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(X || {}), Ln = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(Ln || {}), S = /* @__PURE__ */ ((a) => (a[a.Pencil = 1] = "Pencil", a[a.Eraser = 2] = "Eraser", a[a.PencilEraser = 3] = "PencilEraser", a[a.BitMapEraser = 4] = "BitMapEraser", a[a.Selector = 5] = "Selector", a[a.Clicker = 6] = "Clicker", a[a.Arrow = 7] = "Arrow", a[a.Hand = 8] = "Hand", a[a.LaserPen = 9] = "LaserPen", a[a.Text = 10] = "Text", a[a.Straight = 11] = "Straight", a[a.Rectangle = 12] = "Rectangle", a[a.Ellipse = 13] = "Ellipse", a[a.Star = 14] = "Star", a[a.Triangle = 15] = "Triangle", a[a.Rhombus = 16] = "Rhombus", a[a.Polygon = 17] = "Polygon", a[a.SpeechBalloon = 18] = "SpeechBalloon", a[a.Image = 19] = "Image", a))(S || {}), U = /* @__PURE__ */ ((a) => (a[a.Local = 1] = "Local", a[a.Service = 2] = "Service", a[a.Worker = 3] = "Worker", a))(U || {}), P = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(P || {}), b = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Init = 1] = "Init", a[a.UpdateCamera = 2] = "UpdateCamera", a[a.UpdateTools = 3] = "UpdateTools", a[a.CreateWork = 4] = "CreateWork", a[a.DrawWork = 5] = "DrawWork", a[a.FullWork = 6] = "FullWork", a[a.UpdateNode = 7] = "UpdateNode", a[a.RemoveNode = 8] = "RemoveNode", a[a.Clear = 9] = "Clear", a[a.Select = 10] = "Select", a[a.Destroy = 11] = "Destroy", a[a.Snapshot = 12] = "Snapshot", a[a.BoundingBox = 13] = "BoundingBox", a[a.Cursor = 14] = "Cursor", a[a.TextUpdate = 15] = "TextUpdate", a[a.GetTextActive = 16] = "GetTextActive", a[a.TasksQueue = 17] = "TasksQueue", a[a.CursorHover = 18] = "CursorHover", a[a.CursorBlur = 19] = "CursorBlur", a[a.Console = 20] = "Console", a[a.PriorityWorker = 21] = "PriorityWorker", a[a.PriorityMainThreadWorker = 22] = "PriorityMainThreadWorker", a[a.GetImageBitMap = 23] = "GetImageBitMap", a[a.AuthWriter = 24] = "AuthWriter", a[a.AuthReader = 25] = "AuthReader", a[a.AuthClear = 26] = "AuthClear", a[a.AuthPage = 27] = "AuthPage", a[a.GetVNodeInfo = 28] = "GetVNodeInfo", a))(b || {}), St = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Bg = 1] = "Bg", a[a.ServiceFloat = 2] = "ServiceFloat", a[a.Float = 3] = "Float", a[a.TopFloat = 4] = "TopFloat", a))(St || {}), eo = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(eo || {}), ke = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ke || {}), pt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(pt || {}), zn = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(zn || {}), oo = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(oo || {}), Rt = /* @__PURE__ */ ((a) => (a.renderPage = "renderPage", a.addPage = "addPage", a.deletePage = "deletePage", a.addElement = "addElement", a.deleteElement = "deleteElement", a.clearPage = "clearPage", a.clearViewScenePath = "clearViewScenePath", a.clearView = "clearView", a))(Rt || {}), ee = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(ee || {}), ze = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(ze || {});
+var nt = /* @__PURE__ */ ((a) => (a.selector = "selector", a.clicker = "clicker", a.laserPointer = "laserPointer", a.pencil = "pencil", a.rectangle = "rectangle", a.ellipse = "ellipse", a.shape = "shape", a.eraser = "eraser", a.pencilEraser = "pencilEraser", a.text = "text", a.straight = "straight", a.arrow = "arrow", a.hand = "hand", a.laserPen = "laserPen", a))(nt || {}), et = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(et || {}), ee = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(ee || {}), R = /* @__PURE__ */ ((a) => (a.None = "None", a.ShowFloatBar = "ShowFloatBar", a.ZIndexFloatBar = "ZIndexFloatBar", a.DeleteNode = "DeleteNode", a.CopyNode = "CopyNode", a.ZIndexActive = "ZIndexActive", a.ZIndexNode = "ZIndexNode", a.RotateNode = "RotateNode", a.SetColorNode = "SetColorNode", a.TranslateNode = "TranslateNode", a.ScaleNode = "ScaleNode", a.OriginalEvent = "OriginalEvent", a.CreateScene = "CreateScene", a.ActiveCursor = "ActiveCursor", a.MoveCursor = "MoveCursor", a.CommandEditor = "CommandEditor", a.SetEditorData = "SetEditorData", a.SetFontStyle = "SetFontStyle", a.SetPoint = "SetPoint", a.SetLock = "SetLock", a.SetShapeOpt = "SetShapeOpt", a.CameraChange = "CameraChange", a.ActiveMethod = "ActiveMethod", a))(R || {}), X = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(X || {}), Ln = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(Ln || {}), S = /* @__PURE__ */ ((a) => (a[a.Pencil = 1] = "Pencil", a[a.Eraser = 2] = "Eraser", a[a.PencilEraser = 3] = "PencilEraser", a[a.BitMapEraser = 4] = "BitMapEraser", a[a.Selector = 5] = "Selector", a[a.Clicker = 6] = "Clicker", a[a.Arrow = 7] = "Arrow", a[a.Hand = 8] = "Hand", a[a.LaserPen = 9] = "LaserPen", a[a.Text = 10] = "Text", a[a.Straight = 11] = "Straight", a[a.Rectangle = 12] = "Rectangle", a[a.Ellipse = 13] = "Ellipse", a[a.Star = 14] = "Star", a[a.Triangle = 15] = "Triangle", a[a.Rhombus = 16] = "Rhombus", a[a.Polygon = 17] = "Polygon", a[a.SpeechBalloon = 18] = "SpeechBalloon", a[a.Image = 19] = "Image", a))(S || {}), U = /* @__PURE__ */ ((a) => (a[a.Local = 1] = "Local", a[a.Service = 2] = "Service", a[a.Worker = 3] = "Worker", a))(U || {}), P = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(P || {}), b = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Init = 1] = "Init", a[a.UpdateCamera = 2] = "UpdateCamera", a[a.UpdateTools = 3] = "UpdateTools", a[a.CreateWork = 4] = "CreateWork", a[a.DrawWork = 5] = "DrawWork", a[a.FullWork = 6] = "FullWork", a[a.UpdateNode = 7] = "UpdateNode", a[a.RemoveNode = 8] = "RemoveNode", a[a.Clear = 9] = "Clear", a[a.Select = 10] = "Select", a[a.Destroy = 11] = "Destroy", a[a.Snapshot = 12] = "Snapshot", a[a.BoundingBox = 13] = "BoundingBox", a[a.Cursor = 14] = "Cursor", a[a.TextUpdate = 15] = "TextUpdate", a[a.GetTextActive = 16] = "GetTextActive", a[a.TasksQueue = 17] = "TasksQueue", a[a.CursorHover = 18] = "CursorHover", a[a.CursorBlur = 19] = "CursorBlur", a[a.Console = 20] = "Console", a[a.PriorityWorker = 21] = "PriorityWorker", a[a.PriorityMainThreadWorker = 22] = "PriorityMainThreadWorker", a[a.GetImageBitMap = 23] = "GetImageBitMap", a[a.AuthWriter = 24] = "AuthWriter", a[a.AuthReader = 25] = "AuthReader", a[a.AuthClear = 26] = "AuthClear", a[a.AuthPage = 27] = "AuthPage", a[a.GetVNodeInfo = 28] = "GetVNodeInfo", a[a.UpdateDpr = 29] = "UpdateDpr", a))(b || {}), It = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Bg = 1] = "Bg", a[a.ServiceFloat = 2] = "ServiceFloat", a[a.Float = 3] = "Float", a[a.TopFloat = 4] = "TopFloat", a))(It || {}), eo = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(eo || {}), ke = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ke || {}), pt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(pt || {}), zn = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(zn || {}), oo = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(oo || {}), Rt = /* @__PURE__ */ ((a) => (a.renderPage = "renderPage", a.addPage = "addPage", a.deletePage = "deletePage", a.addElement = "addElement", a.deleteElement = "deleteElement", a.clearPage = "clearPage", a.clearViewScenePath = "clearViewScenePath", a.clearView = "clearView", a))(Rt || {}), oe = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(oe || {}), ze = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(ze || {});
 const Pn = {
   linear: (a) => a,
   easeInQuad: (a) => a * a,
@@ -497,7 +497,7 @@ var qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function je(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var An = typeof qe == "object" && qe && qe.Object === Object && qe, ws = An, jn = ws, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), _t = On, Rn = _t, Yn = Rn.Symbol, Ze = Yn, vi = Ze, ms = Object.prototype, Wn = ms.hasOwnProperty, Un = ms.toString, Be = vi ? vi.toStringTag : void 0;
+var An = typeof qe == "object" && qe && qe.Object === Object && qe, ws = An, jn = ws, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), te = On, Rn = te, Yn = Rn.Symbol, Ze = Yn, vi = Ze, ms = Object.prototype, Wn = ms.hasOwnProperty, Un = ms.toString, Be = vi ? vi.toStringTag : void 0;
 function Bn(a) {
   var o = Wn.call(a, Be), t = a[Be];
   try {
@@ -525,7 +525,7 @@ function or(a) {
   return typeof a == "number" || tr(a) && _n(a) == er;
 }
 var ir = or;
-const oe = /* @__PURE__ */ je(ir);
+const _t = /* @__PURE__ */ je(ir);
 function sr() {
   this.__data__ = [], this.size = 0;
 }
@@ -604,7 +604,7 @@ function Vr(a) {
   var o = Yr(a);
   return o == Br || o == Fr || o == Ur || o == $r;
 }
-var vs = Vr, Hr = _t, Qr = Hr["__core-js_shared__"], Gr = Qr, bo = Gr, Ti = function() {
+var vs = Vr, Hr = te, Qr = Hr["__core-js_shared__"], Gr = Qr, bo = Gr, Ti = function() {
   var a = /[^.]+$/.exec(bo && bo.keys && bo.keys.IE_PROTO || "");
   return a ? "Symbol(src)_1." + a : "";
 }();
@@ -643,7 +643,7 @@ function ya(a, o) {
   var t = ga(a, o);
   return fa(t) ? t : void 0;
 }
-var ve = ya, Ma = ve, wa = _t, ma = Ma(wa, "Map"), qo = ma, va = ve, Ia = va(Object, "create"), vo = Ia, Si = vo;
+var ve = ya, Ma = ve, wa = te, ma = Ma(wa, "Map"), qo = ma, va = ve, Ia = va(Object, "create"), vo = Ia, Si = vo;
 function Na() {
   this.__data__ = Si ? Si(null) : {}, this.size = 0;
 }
@@ -811,7 +811,7 @@ function el() {
 var ol = el;
 so.exports;
 (function(a, o) {
-  var t = _t, e = ol, i = o && !o.nodeType && o, s = i && !0 && a && !a.nodeType && a, n = s && s.exports === i, r = n ? t.Buffer : void 0, c = r ? r.isBuffer : void 0, l = c || e;
+  var t = te, e = ol, i = o && !o.nodeType && o, s = i && !0 && a && !a.nodeType && a, n = s && s.exports === i, r = n ? t.Buffer : void 0, c = r ? r.isBuffer : void 0, l = c || e;
   a.exports = l;
 })(so, so.exports);
 var Ko = so.exports, il = 9007199254740991, sl = /^(?:0|[1-9]\d*)$/;
@@ -918,7 +918,7 @@ function Eh(a, o) {
 var Oh = Eh, ro = { exports: {} };
 ro.exports;
 (function(a, o) {
-  var t = _t, e = o && !o.nodeType && o, i = e && !0 && a && !a.nodeType && a, s = i && i.exports === e, n = s ? t.Buffer : void 0, r = n ? n.allocUnsafe : void 0;
+  var t = te, e = o && !o.nodeType && o, i = e && !0 && a && !a.nodeType && a, s = i && i.exports === e, n = s ? t.Buffer : void 0, r = n ? n.allocUnsafe : void 0;
   function c(l, h) {
     if (h)
       return l.slice();
@@ -981,7 +981,7 @@ var Ys = yu, Mu = Rs, wu = Os, mu = ii;
 function vu(a) {
   return Mu(a, mu, wu);
 }
-var Iu = vu, Nu = ve, Tu = _t, Su = Nu(Tu, "DataView"), ku = Su, Cu = ve, xu = _t, bu = Cu(xu, "Promise"), Lu = bu, zu = ve, Pu = _t, Du = zu(Pu, "Set"), Ws = Du, Au = ve, ju = _t, Eu = Au(ju, "WeakMap"), Ou = Eu, Ro = ku, Yo = qo, Wo = Lu, Uo = Ws, Bo = Ou, Us = me, We = Is, Pi = "[object Map]", Ru = "[object Object]", Di = "[object Promise]", Ai = "[object Set]", ji = "[object WeakMap]", Ei = "[object DataView]", Yu = We(Ro), Wu = We(Yo), Uu = We(Wo), Bu = We(Uo), Fu = We(Bo), fe = Us;
+var Iu = vu, Nu = ve, Tu = te, Su = Nu(Tu, "DataView"), ku = Su, Cu = ve, xu = te, bu = Cu(xu, "Promise"), Lu = bu, zu = ve, Pu = te, Du = zu(Pu, "Set"), Ws = Du, Au = ve, ju = te, Eu = Au(ju, "WeakMap"), Ou = Eu, Ro = ku, Yo = qo, Wo = Lu, Uo = Ws, Bo = Ou, Us = me, We = Is, Pi = "[object Map]", Ru = "[object Object]", Di = "[object Promise]", Ai = "[object Set]", ji = "[object WeakMap]", Ei = "[object DataView]", Yu = We(Ro), Wu = We(Yo), Uu = We(Wo), Bu = We(Uo), Fu = We(Bo), fe = Us;
 (Ro && fe(new Ro(new ArrayBuffer(1))) != Ei || Yo && fe(new Yo()) != Pi || Wo && fe(Wo.resolve()) != Di || Uo && fe(new Uo()) != Ai || Bo && fe(new Bo()) != ji) && (fe = function(a) {
   var o = Us(a), t = o == Ru ? a.constructor : void 0, e = t ? We(t) : "";
   if (e)
@@ -1004,7 +1004,7 @@ function Hu(a) {
   var o = a.length, t = new a.constructor(o);
   return o && typeof a[0] == "string" && Vu.call(a, "index") && (t.index = a.index, t.input = a.input), t;
 }
-var Qu = Hu, Gu = _t, Zu = Gu.Uint8Array, Bs = Zu, Oi = Bs;
+var Qu = Hu, Gu = te, Zu = Gu.Uint8Array, Bs = Zu, Oi = Bs;
 function Xu(a) {
   var o = new a.constructor(a.byteLength);
   return new Oi(o).set(new Oi(a)), o;
@@ -1120,12 +1120,12 @@ function io(a, o, t, e, i, s) {
     return p;
   s.set(a, n), Sp(a) ? a.forEach(function(M) {
     n.add(io(M, o, t, M, a, s));
-  }) : Np(a) && a.forEach(function(M, I) {
-    n.set(I, io(M, o, t, I, a, s));
+  }) : Np(a) && a.forEach(function(M, T) {
+    n.set(T, io(M, o, t, T, a, s));
   });
   var f = l ? c ? gp : fp : c ? Cp : kp, y = h ? void 0 : f(a);
-  return rp(y || a, function(M, I) {
-    y && (I = M, M = a[I]), ap(n, I, io(M, o, t, I, a, s));
+  return rp(y || a, function(M, T) {
+    y && (T = M, M = a[T]), ap(n, T, io(M, o, t, T, a, s));
   }), n;
 }
 var _p = io, tf = _p, ef = 1, of = 4;
@@ -1133,7 +1133,7 @@ function sf(a) {
   return tf(a, ef | of);
 }
 var nf = sf;
-const Pt = /* @__PURE__ */ je(nf), Qs = "1.1.9", rf = "@netless/appliance-plugin", ai = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const Pt = /* @__PURE__ */ je(nf), Qs = "1.1.10", rf = "@netless/appliance-plugin", ai = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
   a += ` ${rf}@${Qs}`, window.__netlessUA = a;
@@ -1164,7 +1164,7 @@ const Ot = {
     max: 10
   }
 };
-function ce(a, o = !0) {
+function le(a, o = !0) {
   const t = a.length;
   if (t < 2)
     return "";
@@ -1233,7 +1233,7 @@ const $t = class $t {
       if (n.length !== 1)
         return;
       const r = n[0], { pos: c, zIndex: l, scale: h, angle: u, translate: d } = o, p = {};
-      oe(l) && (p.zIndex = l), c && (p.pos = [c[0], c[1]]), h && (p.scale = h), u && (p.rotate = u), d && (p.translate = d), r.attr(p);
+      _t(l) && (p.zIndex = l), c && (p.pos = [c[0], c[1]]), h && (p.scale = h), u && (p.rotate = u), d && (p.translate = d), r.attr(p);
       const f = r == null ? void 0 : r.getBoundingClientRect();
       return f && (t = lt(t, {
         x: Math.floor(f.x - $t.SafeBorderPadding),
@@ -1251,16 +1251,16 @@ const $t = class $t {
     for (const c of e) {
       const { thickness: l, op: h } = c;
       for (const u of h) {
-        const d = u.map((I, w) => w % 2 ? I - i[1] : I - i[0]), p = this.computEraserPoints(d, l), f = ce(p, !0), y = {
+        const d = u.map((T, w) => w % 2 ? T - i[1] : T - i[0]), p = this.computEraserPoints(d, l), f = le(p, !0), y = {
           pos: [0, 0],
           d: f,
           fillColor: "rgba(0,0,0,1)"
         }, M = new ue(y);
-        n && (M.addEventListener("beforerender", ({ detail: I }) => {
-          const w = I.context;
+        n && (M.addEventListener("beforerender", ({ detail: T }) => {
+          const w = T.context;
           r ? w.blendFuncSeparate(w.ZERO, w.ZERO, w.ZERO, w.ZERO) : w.globalCompositeOperation = "destination-out";
-        }), M.addEventListener("afterrender", ({ detail: I }) => {
-          const w = I.context;
+        }), M.addEventListener("afterrender", ({ detail: T }) => {
+          const w = T.context;
           r ? w.blendFuncSeparate(w.SRC_ALPHA, w.ONE_MINUS_SRC_ALPHA, w.ONE, w.ONE_MINUS_SRC_ALPHA) : w.globalCompositeOperation = "source-over";
         })), t.append(M);
       }
@@ -1321,13 +1321,13 @@ const $t = class $t {
     let y;
     const M = n && Pt(n) || i.get(t.name);
     if (!M) return;
-    oe(r) && (t.setAttribute("zIndex", r), M.opt.zIndex = r);
-    const I = t.parent;
-    if (I) {
+    _t(r) && (t.setAttribute("zIndex", r), M.opt.zIndex = r);
+    const T = t.parent;
+    if (T) {
       if (h && d && n) {
         const m = [M.op[0], M.op[1]];
         fi(M.op, u, d, c);
-        const T = [M.op[0], M.op[1]], N = [T[0] - m[0], T[1] - m[1]];
+        const I = [M.op[0], M.op[1]], N = [I[0] - m[0], I[1] - m[1]];
         if (M.centerPos = [M.centerPos[0] + N[0], M.centerPos[1] + N[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
           for (const v of Object.values(M.opt.eraserlines)) {
             const { op: x, thickness: L } = v;
@@ -1337,44 +1337,44 @@ const $t = class $t {
           }
       } else if (c)
         if (t.setAttribute("translate", c), M.opt.translate = c, n) {
-          const m = [c[0] * I.worldScaling[0], c[1] * I.worldScaling[1]];
+          const m = [c[0] * T.worldScaling[0], c[1] * T.worldScaling[1]];
           y = $o(M.rect, m), M.rect = y;
         } else {
-          const m = $t.getRectFromLayer(I, t.name);
+          const m = $t.getRectFromLayer(T, t.name);
           M.rect = m || M.rect;
         }
-      else if (oe(l))
+      else if (_t(l))
         if (t.setAttribute("rotate", l), M.opt.rotate = l, n)
           y = un(M.rect, l), M.rect = y;
         else {
-          const m = $t.getRectFromLayer(I, t.name);
+          const m = $t.getRectFromLayer(T, t.name);
           M.rect = m || M.rect;
         }
       if (p) {
         const m = p.get(t.name);
         if (m)
-          for (let T = 0, N = 0; T < M.op.length; T += 3, N++)
-            M.op[T] = m[N][0], M.op[T + 1] = m[N][1];
+          for (let I = 0, N = 0; I < M.op.length; I += 3, N++)
+            M.op[I] = m[N][0], M.op[I + 1] = m[N][1];
       }
       if (f && ((w = M == null ? void 0 : M.opt) != null && w.thickness) && (M.opt.thickness = f), s && !(h && d && n)) {
         if (c) {
-          const m = M.op.map((T, N) => {
+          const m = M.op.map((I, N) => {
             const v = N % 3;
-            return v === 0 ? T + c[0] : v === 1 ? T + c[1] : T;
+            return v === 0 ? I + c[0] : v === 1 ? I + c[1] : I;
           });
           if (M.op = m, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0), M.opt.eraserlines)
-            for (const T of Object.values(M.opt.eraserlines)) {
-              const { op: N } = T;
+            for (const I of Object.values(M.opt.eraserlines)) {
+              const { op: N } = I;
               for (let v = 0; v < N.length; v++) {
                 const x = N[v].map((L, A) => A % 2 ? L + c[1] : L + c[0]);
-                T.op[v] = x;
+                I.op[v] = x;
               }
             }
-        } else if (oe(l)) {
+        } else if (_t(l)) {
           const m = M.op;
           if (EM(m, M.centerPos, l), M.op = m, M != null && M.opt && (M.opt.rotate = void 0), M.opt.eraserlines)
-            for (const T of Object.values(M.opt.eraserlines)) {
-              const { op: N } = T;
+            for (const I of Object.values(M.opt.eraserlines)) {
+              const { op: N } = I;
               for (let v = 0; v < N.length; v++)
                 OM(N[v], M.centerPos, l);
             }
@@ -1469,15 +1469,15 @@ class Gs extends Y {
         type: b.DrawWork,
         dataType: U.Local
       };
-    const I = [];
+    const T = [];
     return this.tmpPoints.slice(M).forEach((w) => {
-      I.push(w.x, w.y, this.computRadius(w.z, this.workOptions.thickness));
+      T.push(w.x, w.y, this.computRadius(w.z, this.workOptions.thickness));
     }), {
       ...this.baseConsumeResult,
       type: b.DrawWork,
       dataType: U.Local,
       rect: f,
-      op: y ? I : void 0,
+      op: y ? T : void 0,
       index: y ? M * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
@@ -1573,12 +1573,12 @@ class Gs extends Y {
       (v = r.getElementById(N + "")) == null || v.remove();
     }), n.clear());
     let M;
-    const I = [], w = r.worldPosition, m = r.worldScaling;
+    const T = [], w = r.worldPosition, m = r.worldScaling;
     for (let N = 0; N < i.length; N++) {
       const { pos: v, points: x } = i[N], { ps: L, rect: A } = this.computDrawPoints(x);
       let j;
       const D = x.length === 1;
-      l === et.Stroke || D ? j = ce(L, !0) : j = ce(L, !1);
+      l === et.Stroke || D ? j = le(L, !0) : j = le(L, !1);
       const O = {
         pos: v,
         d: j,
@@ -1593,14 +1593,14 @@ class Gs extends Y {
         y: Math.floor((A.y + v[1]) * m[1] + w[1] - Y.SafeBorderPadding),
         w: Math.floor(A.w * m[0] + 2 * Y.SafeBorderPadding),
         h: Math.floor(A.h * m[1] + 2 * Y.SafeBorderPadding)
-      }), I.push(O);
+      }), T.push(O);
     }
     d && (e.scale = d), p && (e.rotate = p), f && (e.translate = f);
-    const T = new Wt();
+    const I = new Wt();
     if (M) {
       this.centerPos = Y.getCenterPos(M, r);
       const N = l === et.Stroke && !y;
-      T.attr({
+      I.attr({
         ...e,
         normalize: !0,
         anchor: [0.5, 0.5],
@@ -1609,16 +1609,16 @@ class Gs extends Y {
         size: [(M.w - 2 * Y.SafeBorderPadding) / m[0], (M.h - 2 * Y.SafeBorderPadding) / m[1]],
         zIndex: u
       });
-      const v = I.map((x) => (x.pos = [x.pos[0] - this.centerPos[0], x.pos[1] - this.centerPos[1]], new ue(x)));
-      T.append(...v), N && T.seal(), y && this.drawEraserlines({
-        group: T,
+      const v = T.map((x) => (x.pos = [x.pos[0] - this.centerPos[0], x.pos[1] - this.centerPos[1]], new ue(x)));
+      I.append(...v), N && I.seal(), y && this.drawEraserlines({
+        group: I,
         eraserlines: y,
         pos: this.centerPos,
         layer: r
-      }), this.replace(r, s || e.workId, T);
+      }), this.replace(r, s || e.workId, I);
     }
     if (d || p || f) {
-      const N = T == null ? void 0 : T.getBoundingClientRect();
+      const N = I == null ? void 0 : I.getBoundingClientRect();
       if (N)
         return {
           x: Math.floor(N.x - Y.SafeBorderPadding),
@@ -1686,8 +1686,8 @@ class Gs extends Y {
         point: new F(p, f, y, t[s].v),
         radius: M
       }), s > 0 && s < t.length - 1) {
-        const I = t[s].getAngleByPoints(t[s - 1], t[s + 1]);
-        if (I < 90 || I > 270) {
+        const T = t[s].getAngleByPoints(t[s - 1], t[s + 1]);
+        if (T < 90 || T > 270) {
           const w = (u = l.pop()) == null ? void 0 : u.point.clone();
           w && i.push({
             taskId: h,
@@ -1697,9 +1697,9 @@ class Gs extends Y {
               radius: M
             }]
           }), n = t[s].x, r = t[s].y, c = [n, r];
-          const m = d.x - n, T = d.y - r;
+          const m = d.x - n, I = d.y - r;
           l = [{
-            point: new F(m, T, y),
+            point: new F(m, I, y),
             radius: M
           }], h = Date.now();
         }
@@ -1726,12 +1726,12 @@ class Gs extends Y {
       if (u.isNear(p, e)) {
         if (p.z < this.MAX_REPEAR) {
           if (p.setz(Math.min(p.z + 1, this.MAX_REPEAR)), r = Math.min(r, d), h > 1) {
-            let I = h - 1;
-            for (; I > 0; ) {
-              const w = this.tmpPoints[I].distance(this.tmpPoints[I - 1]), m = Math.max(this.tmpPoints[I].z - this.uniThickness * w, 0);
-              if (this.tmpPoints[I - 1].z >= m)
+            let T = h - 1;
+            for (; T > 0; ) {
+              const w = this.tmpPoints[T].distance(this.tmpPoints[T - 1]), m = Math.max(this.tmpPoints[T].z - this.uniThickness * w, 0);
+              if (this.tmpPoints[T - 1].z >= m)
                 break;
-              this.tmpPoints[I - 1].setz(m), r = Math.min(r, I - 1), I--;
+              this.tmpPoints[T - 1].setz(m), r = Math.min(r, T - 1), T--;
             }
           }
         } else
@@ -1871,12 +1871,12 @@ class Zs extends Y {
       anchor: [0.5, 0.5]
     }, y = this.getTaskPoints(p);
     if (y.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: y, isDot: !1, layer: this.drawLayer || this.fullLayer });
+      const T = Date.now();
+      T - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = T, this.syncIndex = this.tmpPoints.length), i && this.draw({ attrs: f, tasks: y, 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((T) => {
+      M.push(T.x, T.y);
     }), {
       rect: {
         x: h.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -2004,17 +2004,17 @@ class Zs extends Y {
     for (const c of i) {
       const l = new ue(), { pos: h, points: u } = c;
       let d;
-      s ? d = ce(u, !0) : d = ce(u, !1), l.attr({
+      s ? d = le(u, !0) : d = le(u, !1), l.attr({
         ...e,
         pos: h,
         d
       });
       const { vertex: p, fragment: f } = this.workOptions;
       if (p && f) {
-        const y = n.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: I } = n.getResolution();
+        const y = n.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: T } = n.getResolution();
         l.setUniforms({
           u_time: 0,
-          u_resolution: [M, I]
+          u_resolution: [M, T]
         }), l.setProgram(y);
       }
       n.appendChild(l), l.transition(r).attr({
@@ -2252,8 +2252,8 @@ function Tf(a, o, t, e, i, s) {
       break;
     }
     if (p) {
-      if (!mf(o, function(I, w) {
-        if (!vf(p, w) && (f === I || i(f, I, t, e, s)))
+      if (!mf(o, function(T, w) {
+        if (!vf(p, w) && (f === T || i(f, T, t, e, s)))
           return p.push(w);
       })) {
         d = !1;
@@ -2333,18 +2333,18 @@ function Xf(a, o, t, e, i, s) {
   s.set(a, o), s.set(o, a);
   for (var M = n; ++u < c; ) {
     d = r[u];
-    var I = a[d], w = o[d];
+    var T = a[d], w = o[d];
     if (e)
-      var m = n ? e(w, I, d, o, a, s) : e(I, w, d, a, o, s);
-    if (!(m === void 0 ? I === w || i(I, w, t, e, s) : m)) {
+      var m = n ? e(w, T, d, o, a, s) : e(T, w, d, a, o, s);
+    if (!(m === void 0 ? T === w || i(T, w, t, e, s) : m)) {
       y = !1;
       break;
     }
     M || (M = d == "constructor");
   }
   if (y && !M) {
-    var T = a.constructor, N = o.constructor;
-    T != N && "constructor" in a && "constructor" in o && !(typeof T == "function" && T instanceof T && typeof N == "function" && N instanceof N) && (y = !1);
+    var I = a.constructor, N = o.constructor;
+    I != N && "constructor" in a && "constructor" in o && !(typeof I == "function" && I instanceof I && typeof N == "function" && N instanceof N) && (y = !1);
   }
   return s.delete(a), s.delete(o), y;
 }
@@ -2642,10 +2642,10 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
     if (!l)
       return;
     let h;
-    const u = /* @__PURE__ */ new Map(), { originPoint: d, workState: p, angle: f, translate: y, dir: M, scale: I } = e;
+    const u = /* @__PURE__ */ new Map(), { originPoint: d, workState: p, angle: f, translate: y, dir: M, scale: T } = e;
     c && (y ? e.translate = [y[0] + c[0], y[1] + c[1]] : e.translate = c);
     let w;
-    if (d || y || oe(f)) {
+    if (d || y || _t(f)) {
       if (p === P.Start && i)
         return s.setTargetAssignKeys(i), {
           type: b.Select,
@@ -2711,7 +2711,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
       }
     w && p === P.Done && (s.deleteLastTarget(), w = void 0);
     const m = h;
-    if (d && y && I && M && m && !c) {
+    if (d && y && T && M && m && !c) {
       const v = [
         [m.x, m.y],
         [m.x + m.w, m.y],
@@ -2746,13 +2746,13 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
       subNodeMap: u,
       intersectRect: m
     });
-    const T = lt(this.oldSelectRect, m);
+    const I = lt(this.oldSelectRect, m);
     return this.oldSelectRect = m, {
       type: b.Select,
       dataType: U.Local,
       selectRect: m,
       renderRect: h,
-      rect: lt(T, m),
+      rect: lt(I, m),
       selectIds: i
     };
   }
@@ -2916,21 +2916,21 @@ class qs extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { points: y, pos: M, rect: I, isTriangle: w, trianglePoints: m, trianglePos: T } = this.computDrawPoints(n), N = [
-      I.x + I.w / 2,
-      I.y + I.h / 2
+    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { points: y, pos: M, rect: T, isTriangle: w, trianglePoints: m, trianglePos: I } = this.computDrawPoints(n), N = [
+      T.x + T.w / 2,
+      T.y + T.h / 2
     ], v = {
       pos: N,
       name: e,
       id: e,
       zIndex: r,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [T.w, T.h]
     };
     c && (v.scale = c), l && (v.rotate = l), h && (v.translate = h);
     const x = new Wt(v), L = {
       points: m,
-      pos: [T[0] - N[0], T[1] - N[1]],
+      pos: [I[0] - N[0], I[1] - N[1]],
       fillColor: s,
       strokeColor: s,
       lineWidth: 0,
@@ -2964,10 +2964,10 @@ class qs extends Y {
       };
     }
     return {
-      x: Math.floor(I.x * f[0] + p[0] - Y.SafeBorderPadding),
-      y: Math.floor(I.y * f[1] + p[1] - Y.SafeBorderPadding),
-      w: Math.floor(I.w * f[0] + 2 * Y.SafeBorderPadding),
-      h: Math.floor(I.h * f[1] + 2 * Y.SafeBorderPadding)
+      x: Math.floor(T.x * f[0] + p[0] - Y.SafeBorderPadding),
+      y: Math.floor(T.y * f[1] + p[1] - Y.SafeBorderPadding),
+      w: Math.floor(T.w * f[0] + 2 * Y.SafeBorderPadding),
+      h: Math.floor(T.h * f[1] + 2 * Y.SafeBorderPadding)
     };
   }
   computDrawPoints(t) {
@@ -2976,9 +2976,9 @@ class qs extends Y {
   computFullArrowPoints(t) {
     const e = C.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), i = C.Per(e).mul(t / 2), s = F.Sub(this.tmpPoints[0], i), n = F.Add(this.tmpPoints[0], i), r = C.Mul(e, this.arrowTipWidth), c = C.Sub(this.tmpPoints[1], r), l = F.Sub(c, i), h = F.Add(c, i), u = C.Per(e).mul(t * 1.5), d = F.Sub(c, u), p = F.Add(c, u), f = [this.tmpPoints[0], c], y = [d, this.tmpPoints[1], p], M = [s, n, ...y, l, h];
     return {
-      trianglePoints: y.map((I) => F.Sub(I, this.tmpPoints[1]).XY).flat(1),
+      trianglePoints: y.map((T) => F.Sub(T, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
-      points: f.map((I) => F.Sub(I, this.tmpPoints[0]).XY).flat(1),
+      points: f.map((T) => F.Sub(T, this.tmpPoints[0]).XY).flat(1),
       rect: Mt(M),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
@@ -3107,7 +3107,7 @@ class Ks extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, y = i.worldScaling, { radius: M, rect: I, pos: w } = this.computDrawPoints(c), m = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, y = i.worldScaling, { radius: M, rect: T, pos: w } = this.computDrawPoints(c), m = {
       pos: w,
       name: e,
       id: e,
@@ -3119,16 +3119,16 @@ class Ks extends Y {
       lineJoin: "round",
       lineCap: "round",
       lineDash: p === et.Dotted ? [1, c * 2] : p === et.LongDotted ? [c, c * 2] : void 0
-    }, T = {
+    }, I = {
       name: e,
       id: e,
       zIndex: l,
       pos: w,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [T.w, T.h]
     };
-    h && (T.scale = h), u && (T.rotate = u), d && (T.translate = d);
-    const N = new Wt(T);
+    h && (I.scale = h), u && (I.rotate = u), d && (I.translate = d);
+    const N = new Wt(I);
     if (s) {
       const L = new ue({
         d: "M-4,0H4M0,-4V4",
@@ -3300,7 +3300,7 @@ class _s extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: y, eraserlines: M } = this.workOptions, I = i.worldPosition, w = i.worldScaling, { points: m, rect: T, pos: N } = this.computDrawPoints(n), v = {
+    const { workId: e, layer: i, isDrawing: s, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: y, eraserlines: M } = this.workOptions, T = i.worldPosition, w = i.worldScaling, { points: m, rect: I, pos: N } = this.computDrawPoints(n), v = {
       close: !0,
       normalize: !0,
       points: m,
@@ -3311,10 +3311,10 @@ class _s extends Y {
       lineCap: "round",
       lineDash: y === et.Dotted ? [1, h * 2] : y === et.LongDotted ? [h, h * 2] : void 0
     }, x = {
-      x: Math.floor(T.x * w[0] + I[0] - Y.SafeBorderPadding),
-      y: Math.floor(T.y * w[1] + I[1] - Y.SafeBorderPadding),
-      w: Math.floor(T.w * w[0] + 2 * Y.SafeBorderPadding),
-      h: Math.floor(T.h * w[0] + 2 * Y.SafeBorderPadding)
+      x: Math.floor(I.x * w[0] + T[0] - Y.SafeBorderPadding),
+      y: Math.floor(I.y * w[1] + T[1] - Y.SafeBorderPadding),
+      w: Math.floor(I.w * w[0] + 2 * Y.SafeBorderPadding),
+      h: Math.floor(I.h * w[0] + 2 * Y.SafeBorderPadding)
     }, L = new Wt({
       name: e,
       id: e,
@@ -3322,8 +3322,8 @@ class _s extends Y {
       pos: N,
       anchor: [0.5, 0.5],
       size: [
-        T.w,
-        T.h
+        I.w,
+        I.h
       ],
       scale: d,
       rotate: p,
@@ -3472,7 +3472,7 @@ class tn extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: y, strokeType: M, eraserlines: I } = this.workOptions, w = i.worldScaling, { rect: m, pos: T, points: N } = this.computDrawPoints(c, h, u, d), v = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: y, strokeType: M, eraserlines: T } = this.workOptions, w = i.worldScaling, { rect: m, pos: I, points: N } = this.computDrawPoints(c, h, u, d), v = {
       close: !0,
       points: N,
       lineWidth: c,
@@ -3486,7 +3486,7 @@ class tn extends Y {
       name: e,
       id: e,
       zIndex: l,
-      pos: T,
+      pos: I,
       anchor: [0.5, 0.5],
       size: [m.w, m.h]
     };
@@ -3507,10 +3507,10 @@ class tn extends Y {
       ...v,
       pos: [0, 0]
     });
-    L.append(A), I && this.drawEraserlines({
+    L.append(A), T && this.drawEraserlines({
       group: L,
-      eraserlines: I,
-      pos: T,
+      eraserlines: T,
+      pos: I,
       layer: i
     }), this.replace(i, e, L);
     const j = L.getBoundingClientRect();
@@ -3525,8 +3525,8 @@ class tn extends Y {
     const n = Mt(this.tmpPoints), r = [Math.floor(n.x + n.w / 2), Math.floor(n.y + n.h / 2)], c = dn(n.w, n.h), l = Math.floor(Math.min(n.w, n.h) / 2), h = s * l, u = [], d = 2 * Math.PI / e;
     for (let f = 0; f < e; f++) {
       const y = f * d - 0.5 * Math.PI;
-      let M, I;
-      f % i === 1 ? (M = h * c[0] * Math.cos(y), I = h * c[1] * Math.sin(y)) : (M = l * c[0] * Math.cos(y), I = l * c[1] * Math.sin(y), u.push(M, I)), u.push(M, I);
+      let M, T;
+      f % i === 1 ? (M = h * c[0] * Math.cos(y), T = h * c[1] * Math.sin(y)) : (M = l * c[0] * Math.cos(y), T = l * c[1] * Math.sin(y), u.push(M, T)), u.push(M, T);
     }
     return {
       rect: Mt(this.tmpPoints, t),
@@ -3647,7 +3647,7 @@ class en extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f, eraserlines: y } = this.workOptions, M = i.worldScaling, { rect: I, pos: w, points: m } = this.computDrawPoints(c, h), T = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f, eraserlines: y } = this.workOptions, M = i.worldScaling, { rect: T, pos: w, points: m } = this.computDrawPoints(c, h), I = {
       close: !0,
       points: m,
       lineWidth: c,
@@ -3663,7 +3663,7 @@ class en extends Y {
       zIndex: l,
       pos: w,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [T.w, T.h]
     };
     u && (N.scale = u), d && (N.rotate = d), p && (N.translate = p);
     const v = new Wt(N);
@@ -3679,7 +3679,7 @@ class en extends Y {
       v.append(A);
     }
     const x = new he({
-      ...T,
+      ...I,
       pos: [0, 0]
     });
     v.append(x), y && this.drawEraserlines({
@@ -3888,8 +3888,8 @@ class on extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, { rect: y, pos: M, points: I } = this.computDrawPoints(r, l), w = {
-      points: I.map((x) => x.XY),
+    const { workId: e, layer: i } = t, { strokeColor: s, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, { rect: y, pos: M, points: T } = this.computDrawPoints(r, l), w = {
+      points: T.map((x) => x.XY),
       lineWidth: r,
       fillColor: n !== "transparent" && n || void 0,
       strokeColor: s,
@@ -3908,17 +3908,17 @@ class on extends Y {
       size: [y.w, y.h]
     };
     h && (m.scale = h), u && (m.rotate = u), d && (m.translate = d);
-    const T = new Wt(m), N = new he({
+    const I = new Wt(m), N = new he({
       ...w,
       pos: [0, 0]
     });
-    T.append(N), f && this.drawEraserlines({
-      group: T,
+    I.append(N), f && this.drawEraserlines({
+      group: I,
       eraserlines: f,
       pos: M,
       layer: i
-    }), this.replace(i, e, T);
-    const v = T.getBoundingClientRect();
+    }), this.replace(i, e, I);
+    const v = I.getBoundingClientRect();
     return {
       x: Math.floor(v.x - Y.SafeBorderPadding),
       y: Math.floor(v.y - Y.SafeBorderPadding),
@@ -3976,66 +3976,66 @@ class on extends Y {
     }
   }
   computDrawPoints(t, e) {
-    const i = Mt(this.tmpPoints), s = this.transformControlPoints(e), n = Math.floor(i.w * 0.1), r = Math.floor(i.h * 0.1), c = [], l = C.Add(s[0], new C(0, r, 0)), h = C.Add(s[0], new C(n, 0, 0)), u = Kt.getBezierPoints(10, l, s[0], h), d = C.Sub(s[1], new C(n, 0, 0)), p = C.Add(s[1], new C(0, r, 0)), f = Kt.getBezierPoints(10, d, s[1], p), y = C.Sub(s[2], new C(0, r, 0)), M = C.Sub(s[2], new C(n, 0, 0)), I = Kt.getBezierPoints(10, y, s[2], M), w = C.Add(s[3], new C(n, 0, 0)), m = C.Sub(s[3], new C(0, r, 0)), T = Kt.getBezierPoints(10, w, s[3], m), N = n * (1 - this.ratio) * 10, v = r * (1 - this.ratio) * 10;
+    const i = Mt(this.tmpPoints), s = this.transformControlPoints(e), n = Math.floor(i.w * 0.1), r = Math.floor(i.h * 0.1), c = [], l = C.Add(s[0], new C(0, r, 0)), h = C.Add(s[0], new C(n, 0, 0)), u = Kt.getBezierPoints(10, l, s[0], h), d = C.Sub(s[1], new C(n, 0, 0)), p = C.Add(s[1], new C(0, r, 0)), f = Kt.getBezierPoints(10, d, s[1], p), y = C.Sub(s[2], new C(0, r, 0)), M = C.Sub(s[2], new C(n, 0, 0)), T = Kt.getBezierPoints(10, y, s[2], M), w = C.Add(s[3], new C(n, 0, 0)), m = C.Sub(s[3], new C(0, r, 0)), I = Kt.getBezierPoints(10, w, s[3], m), N = n * (1 - this.ratio) * 10, v = r * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
         const A = C.Sub(s[2], new C(n * 5 - N / 2, 0, 0)), j = C.Sub(s[2], new C(n * 5, -v, 0)), D = C.Sub(s[2], new C(n * 5 + N / 2, 0, 0));
-        c.push(j, D, ...T, ...u, ...f, ...I, A);
+        c.push(j, D, ...I, ...u, ...f, ...T, A);
         break;
       }
       case "bottomRight": {
         const A = C.Sub(s[2], new C(n * 1.1, 0, 0)), j = C.Sub(s[2], new C(n * 1.1 + N / 2, -v, 0)), D = C.Sub(s[2], new C(n * 1.1 + N, 0, 0));
-        c.push(j, D, ...T, ...u, ...f, ...I, A);
+        c.push(j, D, ...I, ...u, ...f, ...T, A);
         break;
       }
       case "bottomLeft": {
         const A = C.Add(s[3], new C(n * 1.1 + N, 0, 0)), j = C.Add(s[3], new C(n * 1.1 + N / 2, v, 0)), D = C.Add(s[3], new C(n * 1.1, 0, 0));
-        c.push(j, D, ...T, ...u, ...f, ...I, A);
+        c.push(j, D, ...I, ...u, ...f, ...T, A);
         break;
       }
       case "top": {
         const A = C.Sub(s[1], new C(n * 5 - N / 2, 0, 0)), j = C.Sub(s[1], new C(n * 5, v, 0)), D = C.Sub(s[1], new C(n * 5 + N / 2, 0, 0));
-        c.push(j, A, ...f, ...I, ...T, ...u, D);
+        c.push(j, A, ...f, ...T, ...I, ...u, D);
         break;
       }
       case "topRight": {
         const A = C.Sub(s[1], new C(n * 1.1, 0, 0)), j = C.Sub(s[1], new C(n * 1.1 + N / 2, v, 0)), D = C.Sub(s[1], new C(n * 1.1 + N, 0, 0));
-        c.push(j, A, ...f, ...I, ...T, ...u, D);
+        c.push(j, A, ...f, ...T, ...I, ...u, D);
         break;
       }
       case "topLeft": {
         const A = C.Add(s[0], new C(n * 1.1 + N, 0, 0)), j = C.Add(s[0], new C(n * 1.1 + N / 2, -v, 0)), D = C.Add(s[0], new C(n * 1.1, 0, 0));
-        c.push(j, A, ...f, ...I, ...T, ...u, D);
+        c.push(j, A, ...f, ...T, ...I, ...u, D);
         break;
       }
       case "left": {
         const A = C.Add(s[0], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[0], new C(-N, r * 5, 0)), D = C.Add(s[0], new C(0, r * 5 + v / 2, 0));
-        c.push(j, A, ...u, ...f, ...I, ...T, D);
+        c.push(j, A, ...u, ...f, ...T, ...I, D);
         break;
       }
       case "leftTop": {
         const A = C.Add(s[0], new C(0, r * 1.1, 0)), j = C.Add(s[0], new C(-N, r * 1.1 + v / 2, 0)), D = C.Add(s[0], new C(0, r * 1.1 + v, 0));
-        c.push(j, A, ...u, ...f, ...I, ...T, D);
+        c.push(j, A, ...u, ...f, ...T, ...I, D);
         break;
       }
       case "leftBottom": {
         const A = C.Sub(s[3], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[3], new C(N, r * 1.1 + v / 2, 0)), D = C.Sub(s[3], new C(0, r * 1.1, 0));
-        c.push(j, A, ...u, ...f, ...I, ...T, D);
+        c.push(j, A, ...u, ...f, ...T, ...I, D);
         break;
       }
       case "right": {
         const A = C.Add(s[1], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[1], new C(N, r * 5, 0)), D = C.Add(s[1], new C(0, r * 5 + v / 2, 0));
-        c.push(j, D, ...I, ...T, ...u, ...f, A);
+        c.push(j, D, ...T, ...I, ...u, ...f, A);
         break;
       }
       case "rightTop": {
         const A = C.Add(s[1], new C(0, r * 1.1, 0)), j = C.Add(s[1], new C(N, r * 1.1 + v / 2, 0)), D = C.Add(s[1], new C(0, r * 1.1 + v, 0));
-        c.push(j, D, ...I, ...T, ...u, ...f, A);
+        c.push(j, D, ...T, ...I, ...u, ...f, A);
         break;
       }
       case "rightBottom": {
         const A = C.Sub(s[2], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[2], new C(-N, r * 1.1 + v / 2, 0)), D = C.Sub(s[2], new C(0, r * 1.1, 0));
-        c.push(j, D, ...I, ...T, ...u, ...f, A);
+        c.push(j, D, ...T, ...I, ...u, ...f, A);
         break;
       }
     }
@@ -4166,7 +4166,7 @@ class sn extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { d: y, rect: M, isDot: I } = this.computDrawPoints(n, u), w = [
+    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { d: y, rect: M, isDot: T } = this.computDrawPoints(n, u), w = [
       M.x + M.w / 2,
       M.y + M.h / 2
     ], m = new Wt({
@@ -4177,18 +4177,18 @@ class sn extends Y {
       id: e,
       normalize: !0,
       zIndex: r
-    }), T = {
+    }), I = {
       pos: [0, 0],
       normalize: !0,
       d: y,
       fillColor: s,
       strokeColor: s,
-      lineDash: u === et.Dotted && !I ? [1, n * 2] : u === et.LongDotted && !I ? [n, n * 2] : void 0,
-      lineCap: u === et.Normal || I ? void 0 : "round",
-      lineWidth: u === et.Normal || I ? 0 : n
+      lineDash: u === et.Dotted && !T ? [1, n * 2] : u === et.LongDotted && !T ? [n, n * 2] : void 0,
+      lineCap: u === et.Normal || T ? void 0 : "round",
+      lineWidth: u === et.Normal || T ? 0 : n
     };
-    c && (T.scale = c), l && (T.rotate = l), h && (T.translate = h);
-    const N = new ue(T);
+    c && (I.scale = c), l && (I.rotate = l), h && (I.translate = h);
+    const N = new ue(I);
     if (m.append(N), d && this.drawEraserlines({
       group: m,
       eraserlines: d,
@@ -4216,7 +4216,7 @@ class sn extends Y {
   computFullPoints(t, e) {
     const i = C.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), s = C.Per(i).mul(t / 2), n = F.Sub(this.tmpPoints[0], s), r = F.Add(this.tmpPoints[0], s), c = F.Sub(this.tmpPoints[1], s), l = F.Add(this.tmpPoints[1], s), h = F.GetSemicircleStroke(this.tmpPoints[1], c, -1, 8), u = F.GetSemicircleStroke(this.tmpPoints[0], r, -1, 8), d = [n, c, ...h, l, r, ...u];
     let p;
-    return e !== et.Normal ? p = ce(this.tmpPoints, !1) : p = ce(d, !0), {
+    return e !== et.Normal ? p = le(this.tmpPoints, !1) : p = le(d, !0), {
       d: p,
       rect: Mt(d),
       isDot: !1,
@@ -4226,7 +4226,7 @@ class sn extends Y {
   computDotPoints(t) {
     const e = F.GetDotStroke(this.tmpPoints[0], t / 2, 8);
     return {
-      d: ce(e, !0),
+      d: le(e, !0),
       rect: Mt(e),
       isDot: !0,
       pos: this.tmpPoints[0].XY
@@ -4274,7 +4274,7 @@ class sn extends Y {
     }) : (e.setAttribute("strokeColor", n), e.setAttribute("fillColor", n)), (l = c == null ? void 0 : c.opt) != null && l.strokeColor && (c.opt.strokeColor = n)), r && (c != null && c.opt) && ((h = c.opt) != null && h.strokeType) && (c.opt.strokeType = r), c && s.setInfo(e.name, c), Y.updateNodeOpt(t);
   }
 }
-const ae = class ae extends Y {
+const ce = class ce extends Y {
   constructor(t) {
     super(t);
     g(this, "canRotate", !1);
@@ -4320,8 +4320,8 @@ const ae = class ae extends Y {
       h: Math.floor(f.h * u[1]) + 2
     };
     if (this.replace(i, e, p), s && i && this.workOptions.text) {
-      const M = await ae.createLabels(this.workOptions, i, y), { labels: I, maxWidth: w } = M;
-      p.append(...I), y.w = Math.ceil(Math.max(w * i.worldScaling[0], y.w));
+      const M = await ce.createLabels(this.workOptions, i, y), { labels: T, maxWidth: w } = M;
+      p.append(...T), y.w = Math.ceil(Math.max(w * i.worldScaling[0], y.w));
     }
     return l && this.drawEraserlines({
       group: p,
@@ -4357,7 +4357,7 @@ const ae = class ae extends Y {
     const i = this.workId.toString(), { fontColor: s, fontBgColor: n, bold: r, italic: c, lineThrough: l, underline: h, zIndex: u } = t, d = (f = this.vNodes) == null ? void 0 : f.get(i);
     if (!d)
       return;
-    s && (d.opt.fontColor = s), n && (d.opt.fontBgColor = n), r && (d.opt.bold = r), c && (d.opt.italic = c), Ce(l) && (d.opt.lineThrough = l), Ce(h) && (d.opt.underline = h), oe(u) && (d.opt.zIndex = u), this.oldRect = d.rect;
+    s && (d.opt.fontColor = s), n && (d.opt.fontBgColor = n), r && (d.opt.bold = r), c && (d.opt.italic = c), Ce(l) && (d.opt.lineThrough = l), Ce(h) && (d.opt.underline = h), _t(u) && (d.opt.zIndex = u), this.oldRect = d.rect;
     const p = await this.draw({
       workId: i,
       layer: this.fullLayer,
@@ -4382,11 +4382,11 @@ const ae = class ae extends Y {
     return i >= 0.2 && i < 1 ? s = i * e : i <= 2 && i >= 1 ? s = i * e * 1.6 : i > 2 && i <= 3 ? s = i * e * 1.4 : i > 3 && i <= 4 ? s = i * e * 0.8 : i > 4 && (s = i * e * 0.6), Math.floor(s * 1e3) / 1e3;
   }
   static getSafetySnippetFontLength(t) {
-    return Math.floor(ae.textImageSnippetSize * 3 / 4 / t) || 1;
+    return Math.floor(ce.textImageSnippetSize * 3 / 4 / t) || 1;
   }
   static async createLabels(t, e, i) {
     var D;
-    const s = [], { x: n, y: r } = i, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: y, italic: M, fontFamily: I, verticalAlign: w, fontColor: m, fontBgColor: T, underline: N, lineThrough: v } = t, x = ae.getSafetySnippetRatio(e) || 1, L = Math.floor(d * x), A = ae.getSafetySnippetFontLength(L);
+    const s = [], { x: n, y: r } = i, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: y, italic: M, fontFamily: T, verticalAlign: w, fontColor: m, fontBgColor: I, underline: N, lineThrough: v } = t, x = ce.getSafetySnippetRatio(e) || 1, L = Math.floor(d * x), A = ce.getSafetySnippetFontLength(L);
     let j = 0;
     for (let O = 0; O < u; O++) {
       const z = h[O], E = p || L * 1.5;
@@ -4405,7 +4405,7 @@ const ae = class ae extends Y {
             anchor: [0, 0],
             pos: Z,
             text: it,
-            fontFamily: I,
+            fontFamily: T,
             fontSize: L,
             lineHeight: E,
             strokeColor: m,
@@ -4419,8 +4419,8 @@ const ae = class ae extends Y {
           if ($) {
             const wt = $.rect && $.rect[2], Ft = $.rect && $.rect[3];
             if (wt && Ft) {
-              const Tt = wt / x, It = Ft / x;
-              G = Tt + G, M === "italic" && (f === "bold" ? G = G - Q * d * 1.2 : G = G - Q * d), ((Z[0] + tt[0] + Tt) * e.worldScaling[0] + n <= 0 || (Z[0] + tt[0]) * e.worldScaling[0] + n >= c || (Z[1] + tt[1] + It) * e.worldScaling[1] + r <= 0 || (Z[1] + tt[1]) * e.worldScaling[1] + r >= l) && (J.disconnect(), ut = !1), ut && K.push(J);
+              const St = wt / x, Nt = Ft / x;
+              G = St + G, M === "italic" && (f === "bold" ? G = G - Q * d * 1.2 : G = G - Q * d), ((Z[0] + tt[0] + St) * e.worldScaling[0] + n <= 0 || (Z[0] + tt[0]) * e.worldScaling[0] + n >= c || (Z[1] + tt[1] + Nt) * e.worldScaling[1] + r <= 0 || (Z[1] + tt[1]) * e.worldScaling[1] + r >= l) && (J.disconnect(), ut = !1), ut && K.push(J);
             }
           }
           at += A;
@@ -4454,7 +4454,7 @@ const ae = class ae extends Y {
             pos: tt,
             anchor: [0, 0],
             size: H,
-            bgcolor: T
+            bgcolor: I
           }, ht = new Wt(it);
           ht.append(...K), s.push(ht);
         }
@@ -4474,19 +4474,19 @@ const ae = class ae extends Y {
       italic: f,
       lineThrough: y,
       underline: M,
-      fontSize: I,
+      fontSize: T,
       textInfos: w,
       zIndex: m
-    } = i, T = n && Pt(n) || s.get(e.name);
-    if (!T || !e.parent) return;
-    const v = T.opt;
-    if (oe(m) && (e.setAttribute("zIndex", m), T.opt.zIndex = m), c && v.fontColor && (v.fontColor = c, e.children.forEach((x) => {
+    } = i, I = n && Pt(n) || s.get(e.name);
+    if (!I || !e.parent) return;
+    const v = I.opt;
+    if (_t(m) && (e.setAttribute("zIndex", m), I.opt.zIndex = m), c && v.fontColor && (v.fontColor = c, e.children.forEach((x) => {
       x.tagName === "GROUP" && x.children.forEach((L) => {
         L.tagName === "LABEL" ? (L.setAttribute("fillColor", c), L.setAttribute("strokeColor", c)) : L.tagName === "POLYLINE" && L.setAttribute("strokeColor", c);
       });
     })), r && v.fontBgColor && (v.fontBgColor = r, e.children.forEach((x) => {
       x.tagName === "GROUP" && x.setAttribute("bgcolor", r);
-    })), p && (v.bold = p), f && (v.italic = f), Ce(y) && (v.lineThrough = y), Ce(M) && (v.underline = M), I && (v.fontSize = I), h && u && d && n && v.boxPoint) {
+    })), p && (v.bold = p), f && (v.italic = f), Ce(y) && (v.lineThrough = y), Ce(M) && (v.underline = M), T && (v.fontSize = T), h && u && d && n && v.boxPoint) {
       const x = w == null ? void 0 : w.get(e.name);
       if (x) {
         const { fontSize: D, boxSize: O } = x;
@@ -4494,23 +4494,23 @@ const ae = class ae extends Y {
       }
       const L = [v.boxPoint[0], v.boxPoint[1]];
       fi(v.boxPoint, u, d, l);
-      const A = [T.op[0], T.op[1]], j = [A[0] - L[0], A[1] - L[1]];
-      if (T.centerPos = [T.centerPos[0] + j[0], T.centerPos[1] + j[1]], T.opt.eraserlines)
-        for (const D of Object.values(T.opt.eraserlines)) {
+      const A = [I.op[0], I.op[1]], j = [A[0] - L[0], A[1] - L[1]];
+      if (I.centerPos = [I.centerPos[0] + j[0], I.centerPos[1] + j[1]], I.opt.eraserlines)
+        for (const D of Object.values(I.opt.eraserlines)) {
           const { op: O, thickness: z } = D;
           D.thickness = z * Math.max(d[0], d[1]);
           for (let E = 0; E < O.length; E++)
             gi(O[E], u, d, l);
         }
-    } else if (l && v.boxPoint && (v.boxPoint = [v.boxPoint[0] + l[0], v.boxPoint[1] + l[1]], T.centerPos = [T.centerPos[0] + l[0], T.centerPos[1] + l[1]], T.opt.eraserlines))
-      for (const x of Object.values(T.opt.eraserlines)) {
+    } else if (l && v.boxPoint && (v.boxPoint = [v.boxPoint[0] + l[0], v.boxPoint[1] + l[1]], I.centerPos = [I.centerPos[0] + l[0], I.centerPos[1] + l[1]], I.opt.eraserlines))
+      for (const x of Object.values(I.opt.eraserlines)) {
         const { op: L } = x;
         for (let A = 0; A < L.length; A++) {
           const j = L[A].map((D, O) => O % 2 ? D + l[1] : D + l[0]);
           x.op[A] = j;
         }
       }
-    return T && s.setInfo(e.name, T), T == null ? void 0 : T.rect;
+    return I && s.setInfo(e.name, I), I == null ? void 0 : I.rect;
   }
   static getRectFromLayer(t, e) {
     const i = t.getElementsByName(e)[0];
@@ -4537,8 +4537,8 @@ const ae = class ae extends Y {
   }
 };
 // 4k
-g(ae, "textImageSnippetSize", 1024 * 4), g(ae, "SafeBorderPadding", 30);
-let ho = ae;
+g(ce, "textImageSnippetSize", 1024 * 4), g(ce, "SafeBorderPadding", 30);
+let ho = ce;
 const be = class be extends Y {
   constructor(t, e) {
     super(t);
@@ -4600,8 +4600,8 @@ const be = class be extends Y {
         if (p !== -1 && p > -1) {
           const f = [], y = d.slice(0, p + 1);
           if (C.Equals(d[p], l[0]) || y.push(l[0].clone().setz(d[p].z)), y.length > 1 && f.push(y), p + l.length - 1 < d.length - 1) {
-            const M = p + l.length - 1, I = d.slice(M), w = l[l.length - 1];
-            C.Equals(d[M], w) || I.unshift(w.clone().setz(d[M].z)), I.length > 1 && f.push(I);
+            const M = p + l.length - 1, T = d.slice(M), w = l[l.length - 1];
+            C.Equals(d[M], w) || T.unshift(w.clone().setz(d[M].z)), T.length > 1 && f.push(T);
           }
           return h.splice(u, 1, ...f), h;
         }
@@ -4647,21 +4647,21 @@ const be = class be extends Y {
           if (p.length > 1) {
             const y = Go.polyline(p.map((M) => M.XY), this.eraserPolyline);
             if (y.length && (i.add(c.name), !u)) {
-              const M = this.translateIntersect(y), I = this.cutPolyline(M, p);
-              for (let w = 0; w < I.length; w++) {
-                const m = `${r}_s_${w}`, T = [];
-                I[w].forEach((N) => {
-                  T.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
+              const M = this.translateIntersect(y), T = this.cutPolyline(M, p);
+              for (let w = 0; w < T.length; w++) {
+                const m = `${r}_s_${w}`, I = [];
+                T[w].forEach((N) => {
+                  I.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(m, {
                   rect: f,
-                  op: T,
+                  op: I,
                   opt: c.opt,
                   canRotate: c.canRotate,
                   scaleType: c.scaleType,
                   toolsType: c.toolsType
                 }), s.set(m, {
                   workId: m,
-                  op: T,
+                  op: I,
                   opt: c.opt,
                   toolsType: c.toolsType
                 }));
@@ -4807,71 +4807,80 @@ const He = class He extends Y {
       return;
     const n = [];
     let r = 0;
-    for (let l = 1; l < this.tmpPoints.length; l++) {
-      const h = this.tmpPoints[l - 1], u = this.tmpPoints[l];
-      if (l === 1 && r === 0 && (n[r] = [h.XY]), n[r].push(u.XY), l < this.tmpPoints.length - 1) {
-        const d = u.getAngleByPoints(h, this.tmpPoints[l + 1]);
-        (d < 90 || d > 270) && (r++, n[r] = [u.XY]);
+    for (let h = 1; h < this.tmpPoints.length; h++) {
+      const u = this.tmpPoints[h - 1], d = this.tmpPoints[h];
+      if (h === 1 && r === 0 && (n[r] = [u.XY]), n[r].push(d.XY), h < this.tmpPoints.length - 1) {
+        const p = d.getAngleByPoints(u, this.tmpPoints[h + 1]);
+        (p < 90 || p > 270) && (r++, n[r] = [d.XY]);
       }
     }
     this.tmpPoints.length === 1 && n.length === 0 && n.push([this.tmpPoints[0].XY, this.tmpPoints[0].XY]);
-    const c = /* @__PURE__ */ new Map();
-    for (const [l, h] of s.entries()) {
-      let u = $o(h.rect, [-e[0], -e[1]]);
-      u = {
-        x: u.x / this.worldScaling[0],
-        y: u.y / this.worldScaling[1],
-        w: u.w / this.worldScaling[0],
-        h: u.h / this.worldScaling[1]
+    const c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set();
+    for (const [h, u] of s.entries()) {
+      if (this.isTransparentRect(u.rect)) {
+        l.add(h);
+        continue;
+      }
+      let p = $o(u.rect, [-e[0], -e[1]]);
+      p = {
+        x: p.x / this.worldScaling[0],
+        y: p.y / this.worldScaling[1],
+        w: p.w / this.worldScaling[0],
+        h: p.h / this.worldScaling[1]
       };
-      const d = [u.x, u.y, u.x + u.w, u.y + u.h], p = [], f = [];
-      for (const M of n)
-        Go.polyline(M, d, p);
-      if (p.length && h.opt)
-        for (const M of p) {
-          const I = [];
-          for (let w = 0; w < M.length; w++)
-            w !== 0 && we(M[w], M[w - 1]) || I.push(...M[w]);
-          f.push(I);
+      const f = [p.x, p.y, p.x + p.w, p.y + p.h], y = [], M = [];
+      for (const w of n)
+        Go.polyline(w, f, y);
+      if (y.length && u.opt)
+        for (const w of y) {
+          const m = [];
+          for (let I = 0; I < w.length; I++)
+            I !== 0 && we(w[I], w[I - 1]) || m.push(...w[I]);
+          M.push(m);
         }
-      h.opt.eraserlines || (h.opt.eraserlines = []), h.opt.eraserlines && (h.opt.eraserlines.push({ op: f, thickness: t }), c.set(l, h));
+      u.opt.eraserlines || (u.opt.eraserlines = []), u.opt.eraserlines && (u.opt.eraserlines.push({ op: M, thickness: t }), c.set(h, u));
     }
-    return c;
+    return { willUpdateNodes: c, willDeleteNodes: l };
   }
   async reRenderEffectNodes(t) {
+    var r;
     let e;
-    const { willUpdateNodes: i, worker: s } = t;
-    for (const [n, r] of i.entries()) {
-      const { toolsType: c } = r, l = s.createWorkShapeNode({
-        workId: n,
-        toolsType: c,
-        toolsOpt: r.opt
-      });
-      l == null || l.setWorkId(n);
-      let h;
-      if (c === S.Image)
-        h = await l.consumeServiceAsync({
-          isFullWork: !0,
-          replaceId: n,
-          worker: s
+    const { willUpdateNodes: i, willDeleteNodes: s, worker: n } = t;
+    if (s != null && s.size)
+      for (const c of s.keys())
+        this.replace(this.fullLayer, c), (r = this.vNodes) == null || r.delete(c);
+    if (i != null && i.size)
+      for (const [c, l] of i.entries()) {
+        const { toolsType: h } = l, u = n.createWorkShapeNode({
+          workId: c,
+          toolsType: h,
+          toolsOpt: l.opt
         });
-      else if (c === S.Text)
-        h = await l.consumeServiceAsync({
-          isFullWork: !0,
-          replaceId: n
-        });
-      else
-        try {
-          h = l == null ? void 0 : l.consumeService({
-            op: r.op,
+        u == null || u.setWorkId(c);
+        let d;
+        if (h === S.Image)
+          d = await u.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: n
+            replaceId: c,
+            worker: n
           });
-        } catch {
-          continue;
-        }
-      h && (e = lt(e, h));
-    }
+        else if (h === S.Text)
+          d = await u.consumeServiceAsync({
+            isFullWork: !0,
+            replaceId: c
+          });
+        else
+          try {
+            d = u == null ? void 0 : u.consumeService({
+              op: l.op,
+              isFullWork: !0,
+              replaceId: c
+            });
+          } catch {
+            continue;
+          }
+        d && (e = lt(e, d));
+      }
     return e;
   }
   consume(t) {
@@ -4894,8 +4903,8 @@ const He = class He extends Y {
     const f = this.tmpPoints.slice(h), y = this.draw({ consumePoints: f, layer: this.fullLayer, thickness: r });
     f[0].t - this.syncTimestamp > this.syncUnitTime && (p = !0, this.syncTimestamp = f[0].t, this.syncIndex = this.tmpPoints.length);
     const M = [];
-    return this.tmpPoints.slice(d).forEach((I) => {
-      M.push(I.x, I.y, r / 2);
+    return this.tmpPoints.slice(d).forEach((T) => {
+      M.push(T.x, T.y, r / 2);
     }), {
       ...this.baseConsumeResult,
       type: b.DrawWork,
@@ -4932,26 +4941,58 @@ const He = class He extends Y {
       h: Math.floor(c.h * this.worldScaling[1] + 2 * Y.SafeBorderPadding)
     }, c;
   }
+  isTransparentRectByGL(t, e) {
+    const { x: i, y: s, w: n, h: r } = e, c = new Uint8Array(n * r * 4);
+    t.readPixels(i, t.drawingBufferHeight - s - r, n, r, t.RGBA, t.UNSIGNED_BYTE, c);
+    let l = !0;
+    for (let h = 0; h < c.length; h += 4)
+      if (c[h + 3] !== 0) {
+        l = !1;
+        break;
+      }
+    return l;
+  }
+  isTransparentRectByCanvas(t, e) {
+    const i = t.getContext("2d", { willReadFrequently: !0 });
+    if (!i)
+      return !1;
+    const { x: s, y: n, w: r, h: c } = e, l = i.getImageData(s, n, r, c);
+    let h = !0;
+    for (let u = 0; u < l.data.length; u += 4)
+      if (l.data[u + 3] !== 0) {
+        h = !1;
+        break;
+      }
+    return h;
+  }
+  isTransparentRect(t) {
+    const e = this.fullLayer.parent.displayRatio || 1, i = Math.floor(t.x * e), s = Math.floor(t.y * e), n = Math.floor(t.w * e), r = Math.floor(t.h * e), c = this.fullLayer.renderer.glRenderer;
+    if (c)
+      return this.isTransparentRectByGL(c, { x: i, y: s, w: n, h: r });
+    const l = this.fullLayer.renderer.canvas;
+    return l && this.isTransparentRectByCanvas(l, { x: i, y: s, w: n, h: r }) || !1;
+  }
   consumeAll() {
+    var u;
     const t = this.fullLayer.getElementsByName(this.workId);
     let e;
-    if (t.length && (e = Y.getRectFromLayer(this.fullLayer, this.workId)), t.forEach((u) => {
-      u.remove(), u.disconnect();
+    if (t.length && (e = Y.getRectFromLayer(this.fullLayer, this.workId)), t.forEach((d) => {
+      d.remove(), d.disconnect();
     }), !this.tmpPoints.length)
       return {
         type: b.None,
         ...this.baseConsumeResult
       };
     const { thickness: i } = this.workOptions, { width: s, height: n } = He.eraserSizes[i], r = Math.max(s, n) / this.worldScaling[0], c = this.getChangeNodes(r);
-    if (!(c != null && c.size))
+    if (!c || c && !((u = c.willUpdateNodes) != null && u.size) && !c.willDeleteNodes.size)
       return {
         type: b.FullWork,
         ...this.baseConsumeResult,
         rect: e
       };
     const l = [];
-    this.tmpPoints.map((u) => {
-      l.push(u.x, u.y, r / 2);
+    this.tmpPoints.map((d) => {
+      l.push(d.x, d.y, r / 2);
     });
     const h = Xt(l);
     return {
@@ -4960,7 +5001,8 @@ const He = class He extends Y {
       dataType: U.Local,
       rect: e,
       ops: h,
-      willUpdateNodes: c
+      willUpdateNodes: c.willUpdateNodes,
+      willDeleteNodes: c.willDeleteNodes
     };
   }
   clearTmpPoints() {
@@ -5246,6 +5288,9 @@ class yg {
     const t = Ot.bufferSize.full, e = Ot.bufferSize.sub;
     this.fullLayer = this.createLayer("fullLayer", this.scene, { ...o.layerOpt, bufferSize: this.viewId === yt ? t : e });
   }
+  async updateDpr(o) {
+    this.dpr = o, this.scene.displayRatio = o;
+  }
   getCachedImages(o) {
     var t;
     return (t = this.cacheImages.get(o)) == null ? void 0 : t.imageBitmap;
@@ -5277,8 +5322,11 @@ class yg {
     this.isSafari = o;
   }
   async on(o) {
-    const { msgType: t, toolsType: e, opt: i, imageSrc: s, imageBitmap: n, workId: r } = o;
+    const { msgType: t, toolsType: e, opt: i, imageSrc: s, imageBitmap: n, workId: r, dpr: c } = o;
     switch (t) {
+      case b.UpdateDpr:
+        _t(c) && await this.updateDpr(c);
+        break;
       case b.UpdateCamera:
         await this.updateCamera(o);
         break;
@@ -5290,26 +5338,26 @@ class yg {
         break;
       case b.UpdateTools:
         if (e && i) {
-          const c = {
+          const l = {
             toolsType: e,
             toolsOpt: i
           };
-          this.localWork.setToolsOpt(c);
+          this.localWork.setToolsOpt(l);
         }
         break;
       case b.GetImageBitMap:
         if (s && n && r) {
-          const c = r.toString();
+          const l = r.toString();
           this.cacheImages.set(s, {
             imageBitmap: n,
-            workId: c
+            workId: l
           });
-          const l = this.imageResolveMap.get(s);
-          if (l) {
-            const { resolve: h, timer: u } = l;
-            u && clearTimeout(u), h && h(s);
+          const h = this.imageResolveMap.get(s);
+          if (h) {
+            const { resolve: u, timer: d } = h;
+            d && clearTimeout(d), u && u(s);
           }
-          this.deleteCachedImagesByWorkId(c, s);
+          this.deleteCachedImagesByWorkId(l, s);
         }
         break;
     }
@@ -5326,8 +5374,8 @@ class yg {
         return;
       let d = r;
       if (c === ze.Iconify) {
-        const [M, I] = this.getIconSize(l, h, this.dpr);
-        d = `${r}?width=${M}&height=${I}&color=${u}`;
+        const [M, T] = this.getIconSize(l, h, this.dpr);
+        d = `${r}?width=${M}&height=${T}&color=${u}`;
       }
       if (this.cacheImages.has(d)) {
         const M = this.getCachedImages(d);
@@ -5340,14 +5388,14 @@ class yg {
           return M;
       }
       const y = await new Promise((M) => {
-        const I = this.imageResolveMap.get(d) || {
+        const T = this.imageResolveMap.get(d) || {
           resolve: void 0,
           timer: void 0
         };
-        I.timer && clearTimeout(I.timer), I.resolve = M, I.timer = setTimeout(() => {
+        T.timer && clearTimeout(T.timer), T.resolve = M, T.timer = setTimeout(() => {
           const w = this.imageResolveMap.get(d);
           w != null && w.resolve && w.resolve(d);
-        }, 5e3), this.imageResolveMap.set(d, I), this._post({
+        }, 5e3), this.imageResolveMap.set(d, T), this._post({
           sp: [{
             imageSrc: d,
             workId: n,
@@ -5480,7 +5528,7 @@ class yg {
             }
           l || t.push(c);
         }
-      oe(r.drawCount) && (e = r.drawCount);
+      _t(r.drawCount) && (e = r.drawCount);
     }
     return this.combinePostMsg.clear(), {
       render: o,
@@ -5584,7 +5632,7 @@ class Mg {
     }
   }
 }
-var wg = _t, mg = function() {
+var wg = te, mg = function() {
   return wg.Date.now();
 }, vg = mg, Ig = /\s/;
 function Ng(a) {
@@ -5627,7 +5675,7 @@ function Hg(a, o, t) {
     return e = i = void 0, l = v, n = a.apply(L, x), n;
   }
   function f(v) {
-    return l = v, r = setTimeout(I, o), h ? p(v) : n;
+    return l = v, r = setTimeout(T, o), h ? p(v) : n;
   }
   function y(v) {
     var x = v - c, L = v - l, A = o - x;
@@ -5637,11 +5685,11 @@ function Hg(a, o, t) {
     var x = v - c, L = v - l;
     return c === void 0 || x >= o || x < 0 || u && L >= s;
   }
-  function I() {
+  function T() {
     var v = Do();
     if (M(v))
       return w(v);
-    r = setTimeout(I, y(v));
+    r = setTimeout(T, y(v));
   }
   function w(v) {
     return r = void 0, d && e ? p(v) : (e = i = void 0, n);
@@ -5649,7 +5697,7 @@ function Hg(a, o, t) {
   function m() {
     r !== void 0 && clearTimeout(r), l = 0, e = c = i = r = void 0;
   }
-  function T() {
+  function I() {
     return r === void 0 ? n : w(Do());
   }
   function N() {
@@ -5658,11 +5706,11 @@ function Hg(a, o, t) {
       if (r === void 0)
         return f(c);
       if (u)
-        return clearTimeout(r), r = setTimeout(I, o), p(c);
+        return clearTimeout(r), r = setTimeout(T, o), p(c);
     }
-    return r === void 0 && (r = setTimeout(I, o)), n;
+    return r === void 0 && (r = setTimeout(T, o)), n;
   }
-  return N.cancel = m, N.flush = T, N;
+  return N.cancel = m, N.flush = I, N;
 }
 var Qg = Hg, Gg = Qg, Zg = de, Xg = "Expected a function";
 function Jg(a, o, t) {
@@ -5951,13 +5999,13 @@ class zM extends Mg {
         n.push(
           {
             rect: $e(s),
-            clearCanvas: St.Float,
+            clearCanvas: It.Float,
             isClear: !0,
             viewId: this.viewId
           },
           {
             rect: $e(s),
-            drawCanvas: St.Float,
+            drawCanvas: It.Float,
             viewId: this.viewId
           }
         ), await this._post({
@@ -5985,7 +6033,7 @@ class zM extends Mg {
       render: [{
         rect: t == null ? void 0 : t.rect,
         workId: e,
-        drawCanvas: St.Float,
+        drawCanvas: It.Float,
         viewId: this.viewId
       }],
       sp: (t == null ? void 0 : t.op) && [t]
@@ -5997,11 +6045,11 @@ class zM extends Mg {
       render: [{
         rect: (t == null ? void 0 : t.rect) && $e(t.rect),
         isClear: !0,
-        clearCanvas: St.Float,
+        clearCanvas: It.Float,
         viewId: this.viewId
       }, {
         rect: (t == null ? void 0 : t.rect) && $e(t.rect),
-        drawCanvas: St.Float,
+        drawCanvas: It.Float,
         viewId: this.viewId
       }]
     });
@@ -6142,11 +6190,11 @@ class PM {
           if (i.push({
             isClear: !0,
             rect: u.totalRect,
-            clearCanvas: St.TopFloat,
+            clearCanvas: It.TopFloat,
             viewId: this.viewId
           }), e.push({
             rect: u.totalRect,
-            drawCanvas: St.TopFloat,
+            drawCanvas: It.TopFloat,
             viewId: this.viewId
           }), u.isDel) {
             (c = u.node) == null || c.clearTmpPoints(), this.serviceWorkShapes.delete(h);
@@ -6163,11 +6211,11 @@ class PM {
           if (f && (i.push({
             isClear: !0,
             rect: f,
-            clearCanvas: St.TopFloat,
+            clearCanvas: It.TopFloat,
             viewId: this.viewId
           }), e.push({
             rect: f,
-            drawCanvas: St.TopFloat,
+            drawCanvas: It.TopFloat,
             viewId: this.viewId
           })), y) {
             u.node.clearTmpPoints(), this.localWorkShapes.delete(h), s.push({
@@ -6266,7 +6314,7 @@ class DM extends yg {
     if (e && this.snapshotFullLayer)
       return this.snapshotFullLayer;
     switch (t) {
-      case St.TopFloat:
+      case It.TopFloat:
         return this.topLayer;
       default:
         return this.fullLayer;
@@ -6353,7 +6401,7 @@ class DM extends yg {
     }), this.topLayer.removeAllChildren()), await this.post({
       render: [{
         isClearAll: !0,
-        clearCanvas: St.TopFloat,
+        clearCanvas: It.TopFloat,
         viewId: this.viewId
       }],
       sp: [{
@@ -6369,18 +6417,31 @@ class DM extends yg {
     const { width: e, height: i } = t;
     super.updateLayer(t), this.topLayer && (this.topLayer.parent.setAttribute("width", e), this.topLayer.parent.setAttribute("height", i), this.topLayer.setAttribute("size", [e, i]), this.topLayer.setAttribute("pos", [e * 0.5, i * 0.5])), this.snapshotFullLayer && (this.snapshotFullLayer.parent.setAttribute("width", e), this.snapshotFullLayer.parent.setAttribute("height", i), this.snapshotFullLayer.setAttribute("size", [e, i]), this.snapshotFullLayer.setAttribute("pos", [e * 0.5, i * 0.5]));
   }
+  async updateDpr(t) {
+    super.updateDpr(t);
+    const e = !!this.topLayerWork.localWorkShapes.size, i = !!this.localWork.getWorkShapes().size, s = [];
+    i && s.push({
+      isClearAll: !0,
+      clearCanvas: It.Float,
+      viewId: this.viewId
+    }), e && s.push({
+      isClearAll: !0,
+      clearCanvas: It.TopFloat,
+      viewId: this.viewId
+    }), s.length && await this.post({ render: s });
+  }
   async updateCamera(t) {
     const e = [], { cameraOpt: i } = t;
     if (i && !we(this.cameraOpt, i)) {
       const s = !!this.topLayerWork.localWorkShapes.size, n = !!this.localWork.getWorkShapes().size;
       if (n && this.localWork.workShapesDone(), this.setCameraOpt(i), n && e.push({
         isClearAll: !0,
-        clearCanvas: St.Float,
+        clearCanvas: It.Float,
         viewId: this.viewId
       }), s) {
         e.push({
           isClearAll: !0,
-          clearCanvas: St.TopFloat,
+          clearCanvas: It.TopFloat,
           viewId: this.viewId
         });
         for (const [r, c] of this.topLayerWork.localWorkShapes.entries())
@@ -6434,7 +6495,7 @@ class DM extends yg {
     var r, c;
     const { scenePath: e, curCameraOpt: i, options: s } = t;
     ((r = this.snapshotFullLayer) == null ? void 0 : r.parent).render();
-    const n = await this.getRectImageBitmap({ rect: this.getSceneRect(), drawCanvas: St.None }, !0, s);
+    const n = await this.getRectImageBitmap({ rect: this.getSceneRect(), drawCanvas: It.None }, !0, s);
     n && (this._post({
       sp: [{
         type: b.Snapshot,
@@ -6515,13 +6576,13 @@ class Qe extends Y {
       pos: [r, c],
       layer: e
     }), this.replace(e, s || i, f);
-    const I = f.getBoundingClientRect();
-    if (I)
+    const T = f.getBoundingClientRect();
+    if (T)
       return {
-        x: Math.floor(I.x - Y.SafeBorderPadding),
-        y: Math.floor(I.y - Y.SafeBorderPadding),
-        w: Math.floor(I.width + Y.SafeBorderPadding * 2),
-        h: Math.floor(I.height + Y.SafeBorderPadding * 2)
+        x: Math.floor(T.x - Y.SafeBorderPadding),
+        y: Math.floor(T.y - Y.SafeBorderPadding),
+        w: Math.floor(T.width + Y.SafeBorderPadding * 2),
+        h: Math.floor(T.height + Y.SafeBorderPadding * 2)
       };
   }
   consumeService() {
@@ -6562,11 +6623,11 @@ class Qe extends Y {
     if (!y) return;
     const M = e.parent;
     if (M) {
-      if (f && (y.opt.strokeColor = f), oe(p) && (e.setAttribute("zIndex", p), y.opt.zIndex = p), Ce(d) && (y.opt.locked = d), c && l && h && r) {
-        const { centerX: I, centerY: w, width: m, height: T, uniformScale: N } = y.opt, v = N !== !1 ? [h[0], h[0]] : h, x = [I, w], L = [I, w];
+      if (f && (y.opt.strokeColor = f), _t(p) && (e.setAttribute("zIndex", p), y.opt.zIndex = p), Ce(d) && (y.opt.locked = d), c && l && h && r) {
+        const { centerX: T, centerY: w, width: m, height: I, uniformScale: N } = y.opt, v = N !== !1 ? [h[0], h[0]] : h, x = [T, w], L = [T, w];
         fi(L, l, v, r);
         const A = [L[0] - x[0], L[1] - x[1]];
-        if (y.centerPos = [y.centerPos[0] + A[0], y.centerPos[1] + A[1]], y.opt.width = Math.round(m * v[0]), y.opt.height = Math.round(T * v[1]), y.opt.centerX = L[0], y.opt.centerY = L[1], y.opt.eraserlines)
+        if (y.centerPos = [y.centerPos[0] + A[0], y.centerPos[1] + A[1]], y.opt.width = Math.round(m * v[0]), y.opt.height = Math.round(I * v[1]), y.opt.centerX = L[0], y.opt.centerY = L[1], y.opt.eraserlines)
           for (const j of Object.values(y.opt.eraserlines)) {
             const { op: D, thickness: O } = j;
             j.thickness = O * Math.max(h[0], h[1]);
@@ -6575,20 +6636,20 @@ class Qe extends Y {
           }
       } else if (r) {
         if (y.opt.centerX = y.opt.centerX + r[0], y.opt.centerY = y.opt.centerY + r[1], y.centerPos = [y.centerPos[0] + r[0], y.centerPos[1] + r[1]], y.opt.eraserlines)
-          for (const I of Object.values(y.opt.eraserlines)) {
-            const { op: w } = I;
+          for (const T of Object.values(y.opt.eraserlines)) {
+            const { op: w } = T;
             for (let m = 0; m < w.length; m++) {
-              const T = w[m].map((N, v) => v % 2 ? N + r[1] : N + r[0]);
-              I.op[m] = T;
+              const I = w[m].map((N, v) => v % 2 ? N + r[1] : N + r[0]);
+              T.op[m] = I;
             }
           }
-      } else if (oe(u))
+      } else if (_t(u))
         if (y.opt.rotate = u, y.scaleType = Qe.getScaleType(y.opt), n) {
-          const I = un(y.rect, u);
-          y.rect = I;
+          const T = un(y.rect, u);
+          y.rect = T;
         } else {
-          const I = Y.getRectFromLayer(M, e.name);
-          y.rect = I || y.rect;
+          const T = Y.getRectFromLayer(M, e.name);
+          y.rect = T || y.rect;
         }
       return y && s.setInfo(e.name, y), y == null ? void 0 : y.rect;
     }
@@ -6727,7 +6788,7 @@ const Zt = (a, o) => new Promise(function(t) {
   a();
 }, () => {
   a();
-}), le = (a) => {
+}), re = (a) => {
   const o = (a == null ? void 0 : a.webkitBackingStorePixelRatio) || (a == null ? void 0 : a.mozBackingStorePixelRatio) || (a == null ? void 0 : a.msBackingStorePixelRatio) || (a == null ? void 0 : a.oBackingStorePixelRatio) || (a == null ? void 0 : a.backingStorePixelRatio) || 1;
   return Math.max(1, (window.devicePixelRatio || 1) / o);
 }, Gm = (a, o) => a.x + a.w < o.x || a.x > o.x + o.w || a.y + a.h < o.y || a.y > o.y + o.h ? oo.outside : a.x >= o.x && a.y >= o.y && a.x + a.w <= o.x + o.w && a.y + a.h <= o.y + o.h ? oo.inside : oo.intersect;
@@ -6780,25 +6841,27 @@ const kt = class kt extends VM {
     g(this, "asyncClockState", !1);
     g(this, "limitNums", /* @__PURE__ */ new Map());
     g(this, "limitComponents", Zo((t, e) => {
-      var n, r, c, l, h, u;
-      const i = Object.keys(this.storage[t][e]).length;
+      var n, r, c, l, h, u, d, p;
+      const i = ((r = (n = this.storage) == null ? void 0 : n[t]) == null ? void 0 : r[e]) && Object.keys(this.storage[t][e]).length || 0;
+      if (i === 0)
+        return;
       let s = this.limitNums.get(`${t}/${e}`);
       if (!s) {
-        const d = this.getLimitNum(i);
-        this.limitNums.set(`${t}/${e}`, d), s = d;
+        const f = this.getLimitNum(i);
+        this.limitNums.set(`${t}/${e}`, f), s = f;
       }
       if (s > 0 && i >= s) {
-        const d = kt.componentsLimits.indexOf(s), p = d >= 0 && d < kt.componentsLimits.length - 1;
-        if ((c = (r = (n = this.control.room) == null ? void 0 : n.callbacks) == null ? void 0 : r.listeners) != null && c.map.onObjectsLimit && ((h = (l = this.control.room) == null ? void 0 : l.callbacks) == null || h.dispatch("onObjectsLimit", (y) => y(s, p))), !p) {
-          this.control.room.logger.error(`exceeds the limit of ${s} components, current: ${i}`), (u = this.control.room) == null || u.disconnect().then(() => {
-            var y, M, I, w, m;
-            (I = (M = (y = this.control.room) == null ? void 0 : y.callbacks) == null ? void 0 : M.listeners) != null && I.map.onKickedWithReason && ((m = (w = this.control.room) == null ? void 0 : w.callbacks) == null || m.dispatch("onKickedWithReason", (T) => T("kickByAdmin")));
+        const f = kt.componentsLimits.indexOf(s), y = f >= 0 && f < kt.componentsLimits.length - 1;
+        if ((h = (l = (c = this.control.room) == null ? void 0 : c.callbacks) == null ? void 0 : l.listeners) != null && h.map.onObjectsLimit && ((d = (u = this.control.room) == null ? void 0 : u.callbacks) == null || d.dispatch("onObjectsLimit", (T) => T(s, y))), !y) {
+          this.control.room.logger.error(`exceeds the limit of ${s} components, current: ${i}`), (p = this.control.room) == null || p.disconnect().then(() => {
+            var T, w, m, I, N;
+            (m = (w = (T = this.control.room) == null ? void 0 : T.callbacks) == null ? void 0 : w.listeners) != null && m.map.onKickedWithReason && ((N = (I = this.control.room) == null ? void 0 : I.callbacks) == null || N.dispatch("onKickedWithReason", (v) => v("kickByAdmin")));
           });
           return;
         }
         console.warn(`exceeds the limit of ${s} components, current: ${i}`);
-        const f = p ? kt.componentsLimits[d + 1] : 0;
-        this.limitNums.set(`${t}/${e}`, f);
+        const M = y ? kt.componentsLimits[f + 1] : 0;
+        this.limitNums.set(`${t}/${e}`, M);
       }
     }, 2e3, { maxWait: 5e3 }));
     g(this, "clearLimitComponents", (t, e) => {
@@ -7092,14 +7155,14 @@ const kt = class kt extends VM {
         case b.Select:
           if (!f)
             return;
-          let I;
-          d != null && d.length && (I = d.map((N) => this.isLocalId(N + "") ? this.transformKey(N) : N));
-          const w = this.transformKey(V), m = this.storage[y] && this.storage[y][f] && this.storage[y][f][w] || void 0, T = r || (m == null ? void 0 : m.opt);
-          I && this.checkOtherSelector(w, I, { isSync: p, viewId: y, scenePath: f }), this.updateValue(w, I && {
+          let T;
+          d != null && d.length && (T = d.map((N) => this.isLocalId(N + "") ? this.transformKey(N) : N));
+          const w = this.transformKey(V), m = this.storage[y] && this.storage[y][f] && this.storage[y][f][w] || void 0, I = r || (m == null ? void 0 : m.opt);
+          T && this.checkOtherSelector(w, T, { isSync: p, viewId: y, scenePath: f }), this.updateValue(w, T && {
             type: b.Select,
             toolsType: S.Selector,
-            opt: T,
-            selectIds: I
+            opt: I,
+            selectIds: T
           }, { isSync: p, viewId: y, scenePath: f });
           break;
       }
@@ -7217,24 +7280,24 @@ const kt = class kt extends VM {
     this.removeStorageStateListener(), this.serviceStorage = {}, this.storage = {}, this.removeAuthStateListener(), this.authStorage = {};
   }
   dispatchPageAuth(t, e = !0) {
-    var l, h, u, d, p, f, y, M, I, w, m, T, N, v, x, L, A, j, D, O, z, E, rt, tt, H, Z, Q, G, K, at, Lt, it, ht, J, $, ut, wt, Ft;
+    var l, h, u, d, p, f, y, M, T, w, m, I, N, v, x, L, A, j, D, O, z, E, rt, tt, H, Z, Q, G, K, at, Lt, it, ht, J, $, ut, wt, Ft;
     const { operation: i, viewId: s, scenePath: n, pageId: r, pageData: c } = t;
     switch (i) {
       case Rt.addPage: {
         if (!s || !n || !r)
           return;
-        const Tt = [this.authSpace];
-        Object.keys(this.authStorage).length && Tt.push("pageAuth");
-        const It = this.authStorage.pageAuth || {};
-        this.authStorage.pageAuth = It, Object.keys(It).length && Tt.push(s), It[s] = It[s] || {}, Object.keys(It[s]).length && Tt.push(n), It[s][n] = It[s][n] || {
+        const St = [this.authSpace];
+        Object.keys(this.authStorage).length && St.push("pageAuth");
+        const Nt = this.authStorage.pageAuth || {};
+        this.authStorage.pageAuth = Nt, Object.keys(Nt).length && St.push(s), Nt[s] = Nt[s] || {}, Object.keys(Nt[s]).length && St.push(n), Nt[s][n] = Nt[s][n] || {
           render: (c == null ? void 0 : c.render) || "localSelf",
           pages: {}
-        }, Object.keys(It[s][n].pages).length && Tt.push("pages", r);
+        }, Object.keys(Nt[s][n].pages).length && St.push("pages", r);
         const pe = {};
         if (c != null && c.elementIds)
           for (const zt of c.elementIds.keys())
             pe[zt] = !0;
-        It[s][n].pages[r] = pe, e && (Tt.length === 1 ? (l = this.plugin) == null || l.updateAttributes(Tt, dt(this.authStorage)) : Tt.length === 2 ? (h = this.plugin) == null || h.updateAttributes(Tt, dt(It)) : Tt.length === 3 ? (u = this.plugin) == null || u.updateAttributes(Tt, dt(It[s])) : Tt.length === 4 ? (d = this.plugin) == null || d.updateAttributes(Tt, dt(It[s][n])) : (p = this.plugin) == null || p.updateAttributes(Tt, dt(pe)));
+        Nt[s][n].pages[r] = pe, e && (St.length === 1 ? (l = this.plugin) == null || l.updateAttributes(St, dt(this.authStorage)) : St.length === 2 ? (h = this.plugin) == null || h.updateAttributes(St, dt(Nt)) : St.length === 3 ? (u = this.plugin) == null || u.updateAttributes(St, dt(Nt[s])) : St.length === 4 ? (d = this.plugin) == null || d.updateAttributes(St, dt(Nt[s][n])) : (p = this.plugin) == null || p.updateAttributes(St, dt(pe)));
         return;
       }
       case Rt.renderPage: {
@@ -7246,7 +7309,7 @@ const kt = class kt extends VM {
       case Rt.deletePage: {
         if (!s || !n || !r)
           return;
-        (m = (w = (I = (M = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : M[s]) == null ? void 0 : I[n]) == null ? void 0 : w.pages) != null && m[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], void 0)));
+        (m = (w = (T = (M = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : M[s]) == null ? void 0 : T[n]) == null ? void 0 : w.pages) != null && m[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((I = this.plugin) == null || I.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], void 0)));
         return;
       }
       case Rt.clearPage: {
@@ -7282,11 +7345,11 @@ const kt = class kt extends VM {
     }
   }
   dispatchRenderAuth(t, e = !0) {
-    var l, h, u, d, p, f, y, M, I, w, m, T, N, v, x, L, A, j, D, O;
+    var l, h, u, d, p, f, y, M, T, w, m, I, N, v, x, L, A, j, D, O;
     const { operation: i, viewId: s, uid: n, renderData: r, isClear: c } = t;
     if (s)
       switch (i) {
-        case ee.setAuth: {
+        case oe.setAuth: {
           if (!r || r.render === void 0 && r.hide === void 0 && r.clear === void 0) {
             this.authStorage.renderAuth && this.authStorage.renderAuth[s] && (delete this.authStorage.renderAuth[s], e && ((l = this.plugin) == null || l.updateAttributes([this.authSpace, "renderAuth", s], void 0)));
             return;
@@ -7320,25 +7383,25 @@ const kt = class kt extends VM {
           e && (z.length === 1 ? (h = this.plugin) == null || h.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (u = this.plugin) == null || u.updateAttributes(z, dt(E)) : (d = this.plugin) == null || d.updateAttributes(z, dt(E[s])));
           return;
         }
-        case ee.setShow: {
+        case oe.setShow: {
           if (!n)
             return;
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const E = this.authStorage.renderAuth || {};
-          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("render"), E[s].render = E[s].render || {}, E[s].render !== !0 && (Object.keys(E[s].render).length && z.push(n), E[s].render[n] = !0), E[s].hide !== !0 && ((p = E[s].hide) != null && p[n]) && (delete E[s].hide[n], e && ((f = this.plugin) == null || f.updateAttributes([this.authSpace, "renderAuth", s, "hide", n], void 0))), e && (z.length === 1 ? (y = this.plugin) == null || y.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, dt(E)) : z.length === 3 ? (I = this.plugin) == null || I.updateAttributes(z, dt(E[s])) : (w = this.plugin) == null || w.updateAttributes(z, !0));
+          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("render"), E[s].render = E[s].render || {}, E[s].render !== !0 && (Object.keys(E[s].render).length && z.push(n), E[s].render[n] = !0), E[s].hide !== !0 && ((p = E[s].hide) != null && p[n]) && (delete E[s].hide[n], e && ((f = this.plugin) == null || f.updateAttributes([this.authSpace, "renderAuth", s, "hide", n], void 0))), e && (z.length === 1 ? (y = this.plugin) == null || y.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, dt(E)) : z.length === 3 ? (T = this.plugin) == null || T.updateAttributes(z, dt(E[s])) : (w = this.plugin) == null || w.updateAttributes(z, !0));
           return;
         }
-        case ee.setHide: {
+        case oe.setHide: {
           if (!n)
             return;
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const E = this.authStorage.renderAuth || {};
-          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("hide"), E[s].hide = E[s].hide || {}, E[s].hide !== !0 && (Object.keys(E[s].hide).length && z.push(n), E[s].hide[n] = !0), E[s].render !== !0 && ((m = E[s].render) != null && m[n]) && (delete E[s].render[n], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "renderAuth", s, "render", n], void 0))), e && (z.length === 1 ? (N = this.plugin) == null || N.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (v = this.plugin) == null || v.updateAttributes(z, dt(E)) : z.length === 3 ? (x = this.plugin) == null || x.updateAttributes(z, dt(E[s])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
+          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("hide"), E[s].hide = E[s].hide || {}, E[s].hide !== !0 && (Object.keys(E[s].hide).length && z.push(n), E[s].hide[n] = !0), E[s].render !== !0 && ((m = E[s].render) != null && m[n]) && (delete E[s].render[n], e && ((I = this.plugin) == null || I.updateAttributes([this.authSpace, "renderAuth", s, "render", n], void 0))), e && (z.length === 1 ? (N = this.plugin) == null || N.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (v = this.plugin) == null || v.updateAttributes(z, dt(E)) : z.length === 3 ? (x = this.plugin) == null || x.updateAttributes(z, dt(E[s])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
           return;
         }
-        case ee.setClear: {
+        case oe.setClear: {
           if (!n)
             return;
           const z = [this.authSpace];
@@ -7523,7 +7586,7 @@ class QM {
   get interceptors() {
     return {
       set: (o, t) => {
-        var p, f, y, M, I, w, m, T;
+        var p, f, y, M, T, w, m, I;
         if (!this.collector)
           return !0;
         const { viewId: e, scenePath: i, canSync: s, canWorker: n, type: r, opt: c, dataType: l } = t;
@@ -7546,7 +7609,7 @@ class QM {
           scenePath: i,
           willRefresh: !0
           // willSyncService: canSync
-        }), (T = this.control.worker) == null || T.runAnimation()), s && Zt(() => {
+        }), (I = this.control.worker) == null || I.runAnimation()), s && Zt(() => {
           var N;
           (N = this.collector) == null || N.dispatch({
             type: b.UpdateNode,
@@ -7564,7 +7627,7 @@ class QM {
           isSync: !0,
           viewId: e,
           scenePath: i
-        })), n && ((I = this.control.worker) == null || I.taskBatchData.add({
+        })), n && ((T = this.control.worker) == null || T.taskBatchData.add({
           workId: o,
           msgType: c.text && b.FullWork || b.CreateWork,
           dataType: l || U.Local,
@@ -8084,7 +8147,7 @@ class ZM extends Jt {
     };
   }
   pasteText(t) {
-    var M, I;
+    var M, T;
     const { bgCenter: e, textCenter: i, store: s, key: n, viewId: r, scenePath: c, undoTickerId: l } = t, h = this.control.viewContainerManager.getView(r);
     if (!this.serviceColloctor || !h)
       return;
@@ -8095,13 +8158,13 @@ class ZM extends Jt {
         w.workState = P.Done;
         const m = w.boxPoint;
         w.boxPoint = [m[0] + p[0], m[1] + p[1]], w.workState = P.Done;
-        const T = this.control.viewContainerManager.transformToOriginPoint(w.boxPoint, r);
+        const I = this.control.viewContainerManager.transformToOriginPoint(w.boxPoint, r);
         this.control.textEditorManager.createTextForMasterController({
           workId: y,
-          x: T[0],
-          y: T[1],
+          x: I[0],
+          y: I[1],
           opt: w,
-          scale: ((I = h.cameraOpt) == null ? void 0 : I.scale) || 1,
+          scale: ((T = h.cameraOpt) == null ? void 0 : T.scale) || 1,
           type: ie.Text,
           isActive: !1,
           viewId: r,
@@ -8118,7 +8181,7 @@ class ZM extends Jt {
     }
   }
   copySelector(t) {
-    var y, M, I, w, m, T, N, v, x;
+    var y, M, T, w, m, I, N, v, x;
     const { viewId: e, store: i } = t, s = this.control.viewContainerManager.getView(e), n = i.selectIds;
     if (!this.serviceColloctor || !(n != null && n.length) || !s)
       return;
@@ -8130,9 +8193,9 @@ class ZM extends Jt {
       cameraOpt: {
         centerX: ((y = s.cameraOpt) == null ? void 0 : y.centerX) || 0,
         centerY: ((M = s.cameraOpt) == null ? void 0 : M.centerY) || 0,
-        scale: ((I = s.cameraOpt) == null ? void 0 : I.scale) || 1
+        scale: ((T = s.cameraOpt) == null ? void 0 : T.scale) || 1
       }
-    }, l = this.control.hasOffscreenCanvas() && ((w = s.displayer.canvasBgRef.current) == null ? void 0 : w.getBoundingClientRect()) || ((m = s.displayer.canvasContainerRef.current) == null ? void 0 : m.getBoundingClientRect()), h = (N = (T = s.displayer) == null ? void 0 : T.floatBarRef.current) == null ? void 0 : N.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], p = u && s.viewData && s.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && s.viewData && s.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
+    }, l = this.control.hasOffscreenCanvas() && ((w = s.displayer.canvasBgRef.current) == null ? void 0 : w.getBoundingClientRect()) || ((m = s.displayer.canvasContainerRef.current) == null ? void 0 : m.getBoundingClientRect()), h = (N = (I = s.displayer) == null ? void 0 : I.floatBarRef.current) == null ? void 0 : N.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], p = u && s.viewData && s.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && s.viewData && s.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
     p && f && (c.offset = {
       x: p.x - f.x,
       y: p.y - f.y
@@ -8152,8 +8215,8 @@ class ZM extends Jt {
     if (!e.size || !this.serviceColloctor || !c)
       return;
     const { offset: l, cameraOpt: h } = i, { scale: u } = h, d = Math.floor(Math.random() * 30 + 1), p = l && [l.x + d, l.y + d] || [d / u, d / u], f = [], y = [];
-    for (const [I, w] of e.entries()) {
-      const T = (this.serviceColloctor.isLocalId(I) ? I : this.serviceColloctor.getLocalId(I.toString())) + "-" + r, N = { useAnimation: !1 };
+    for (const [T, w] of e.entries()) {
+      const I = (this.serviceColloctor.isLocalId(T) ? T : this.serviceColloctor.getLocalId(T.toString())) + "-" + r, N = { useAnimation: !1 };
       if (w.toolsType === S.Text && w.opt) {
         const v = w.opt;
         if (v && v.boxPoint && v.text) {
@@ -8162,7 +8225,7 @@ class ZM extends Jt {
           v.boxPoint = [x[0] + p[0], x[1] + p[1]], v.workState = P.Done;
           const L = this.control.viewContainerManager.transformToOriginPoint(v.boxPoint, s);
           this.control.textEditorManager.createTextForMasterController({
-            workId: T,
+            workId: I,
             x: L[0],
             y: L[1],
             opt: v,
@@ -8177,13 +8240,13 @@ class ZM extends Jt {
           ...w,
           opt: v,
           type: b.FullWork,
-          workId: T,
+          workId: I,
           viewId: s,
           scenePath: n
         });
         continue;
       }
-      if (w.toolsType === S.Image && (w.opt.uuid = T, w.opt.centerX = w.opt.centerX + p[0], w.opt.centerY = w.opt.centerY + p[1]), w.ops) {
+      if (w.toolsType === S.Image && (w.opt.uuid = I, w.opt.centerX = w.opt.centerX + p[0], w.opt.centerY = w.opt.centerY + p[1]), w.ops) {
         const v = Ie(w.ops).map((L, A) => {
           const j = A % 3;
           return j === 0 ? L + p[0] : j === 1 ? L + p[1] : L;
@@ -8194,20 +8257,20 @@ class ZM extends Jt {
         ...w,
         updateNodeOpt: N,
         type: b.FullWork,
-        workId: T,
+        workId: I,
         viewId: s,
         scenePath: n
       }), f.push([{
         ...w,
         updateNodeOpt: N,
-        workId: T,
+        workId: I,
         msgType: b.FullWork,
         dataType: U.Local,
         emitEventType: R.CopyNode,
         willSyncService: !1,
         willRefresh: !0,
         viewId: s
-      }, { workId: T, msgType: b.FullWork, emitEventType: R.CopyNode }]);
+      }, { workId: I, msgType: b.FullWork, emitEventType: R.CopyNode }]);
     }
     f.length && this.collectForLocalWorker(f), y.length && this.collectForServiceWorker(y);
   }
@@ -8215,7 +8278,7 @@ class ZM extends Jt {
 function Je(a, o, t) {
   return "#" + ((a << 16) + (o << 8) + t).toString(16).padStart(6, "0");
 }
-function Nt(a, o = 1) {
+function Tt(a, o = 1) {
   return "rgba(" + parseInt("0x" + a.slice(1, 3)) + "," + parseInt("0x" + a.slice(3, 5)) + "," + parseInt("0x" + a.slice(5, 7)) + "," + o + ")";
 }
 function Fe(a, o, t, e = 1) {
@@ -8255,14 +8318,14 @@ class XM extends Jt {
     const { workIds: e, strokeColor: i, fillColor: s, fontColor: n, fontBgColor: r, 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], y = this.serviceColloctor.storage, M = [], I = {};
+    const p = d.focusScenePath, f = [...e], y = this.serviceColloctor.storage, M = [], T = {};
     for ((l === P.Start || !this.undoTickerId && l === P.Done) && (this.undoTickerId = Date.now(), this.mainEngine.internalMsgEmitter.emit("addUndoTicker", this.undoTickerId, c)); f.length; ) {
       const w = f.pop();
       if (!w)
         continue;
-      const m = w.toString(), T = this.serviceColloctor.isLocalId(m), N = T ? this.serviceColloctor.transformKey(w) : m;
+      const m = w.toString(), I = this.serviceColloctor.isLocalId(m), N = I ? this.serviceColloctor.transformKey(w) : m;
       let v = m;
-      !T && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
+      !I && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
       const x = y[c][p][N] || void 0;
       if (x) {
         const L = x.updateNodeOpt || {};
@@ -8270,14 +8333,14 @@ class XM extends Jt {
           if (n) {
             L.fontColor = n;
             const [j, D, O, z] = _e(n);
-            I.textColor = [j, D, O], I.textOpacity = z;
+            T.textColor = [j, D, O], T.textOpacity = z;
           }
           if (r)
             if (L.fontBgColor = to(r) ? "transparent" : r, to(r))
-              I.textBgColor = void 0, I.textBgOpacity = void 0;
+              T.textBgColor = void 0, T.textBgOpacity = void 0;
             else {
               const [j, D, O, z] = _e(r);
-              I.textBgColor = [j, D, O], I.textBgOpacity = z;
+              T.textBgColor = [j, D, O], T.textBgOpacity = z;
             }
           if (x.toolsType === S.Text && x.opt && l !== P.Start) {
             this.setTextColor(v, Pt(x), L, c), l === P.Done && (this.undoTickerId = void 0);
@@ -8287,16 +8350,16 @@ class XM extends Jt {
         if (i) {
           L.strokeColor = i;
           const [j, D, O, z] = _e(i);
-          I.strokeColor = [j, D, O], I.strokeOpacity = z;
+          T.strokeColor = [j, D, O], T.strokeOpacity = z;
         }
         if (s)
           if (L.fillColor = to(s) ? "transparent" : s, to(s))
-            I.fillColor = void 0, I.fillOpacity = void 0;
+            T.fillColor = void 0, T.fillOpacity = void 0;
           else {
             const [j, D, O, z] = _e(s);
-            I.fillColor = [j, D, O], I.fillOpacity = z;
+            T.fillColor = [j, D, O], T.fillOpacity = z;
           }
-        h && (L.thickness = h, I.strokeWidth = h), u && (L.strokeType = u, I.strokeType = u);
+        h && (L.thickness = h, T.strokeWidth = h), u && (L.strokeType = u, T.strokeType = u);
         const A = {
           workId: v,
           msgType: b.UpdateNode,
@@ -8316,9 +8379,9 @@ class XM extends Jt {
         }]);
       }
     }
-    M.length && (l === P.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(I).length && setTimeout(() => {
+    M.length && (l === P.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(T).length && setTimeout(() => {
       var w;
-      (w = this.control.room) == null || w.setMemberState(I);
+      (w = this.control.room) == null || w.setMemberState(T);
     }, 0);
   }
 }
@@ -8382,24 +8445,24 @@ class JM extends Jt {
       if (!p)
         continue;
       const f = p.toString(), y = this.serviceColloctor.isLocalId(f), M = y ? this.serviceColloctor.transformKey(p) : f;
-      let I = f;
-      !y && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I));
+      let T = f;
+      !y && this.serviceColloctor.isOwn(T) && (T = this.serviceColloctor.getLocalId(T));
       const w = Pt(l[s][r][M]);
       let m;
-      if (w && I === V) {
+      if (w && T === V) {
         if (w.selectIds) {
           u.push(...w.selectIds), u.sort((x, L) => {
             var D, O, z, E;
             const A = ((O = (D = l[d(x, this.serviceColloctor)]) == null ? void 0 : D.opt) == null ? void 0 : O.zIndex) || 0, j = ((E = (z = l[d(x, this.serviceColloctor)]) == null ? void 0 : z.opt) == null ? void 0 : E.zIndex) || 0;
             return A > j ? 1 : x < L ? -1 : 0;
           });
-          const T = w.updateNodeOpt || {};
-          T.zIndexLayer = i;
+          const I = w.updateNodeOpt || {};
+          I.zIndexLayer = i;
           const N = {
             workId: p,
             msgType: b.UpdateNode,
             dataType: U.Local,
-            updateNodeOpt: T,
+            updateNodeOpt: I,
             emitEventType: this.emitEventType,
             willRefreshSelector: !0,
             willSyncService: !0,
@@ -8410,7 +8473,7 @@ class JM extends Jt {
             const L = (D = this.serviceColloctor) == null ? void 0 : D.isLocalId(x);
             let A = L && ((O = this.serviceColloctor) == null ? void 0 : O.transformKey(x)) || x;
             const j = l[s][r][A];
-            !L && ((z = this.serviceColloctor) != null && z.isOwn(A)) && (A = this.serviceColloctor.getLocalId(A)), T.zIndex = m, j != null && j.opt && (j.opt.zIndex = m), j != null && j.opt && v.set(A, {
+            !L && ((z = this.serviceColloctor) != null && z.isOwn(A)) && (A = this.serviceColloctor.getLocalId(A)), I.zIndex = m, j != null && j.opt && (j.opt.zIndex = m), j != null && j.opt && v.set(A, {
               updateNodeOpt: j.updateNodeOpt,
               opt: j.opt
             });
@@ -8449,15 +8512,15 @@ class qM extends Jt {
     for (p && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", p, r); h.length; ) {
       const y = h.pop();
       if (!y) continue;
-      const M = y.toString(), I = this.serviceColloctor.isLocalId(M), w = I && this.serviceColloctor.transformKey(y) || M;
+      const M = y.toString(), T = this.serviceColloctor.isLocalId(M), w = T && this.serviceColloctor.transformKey(y) || M;
       let m = M;
-      !I && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
-      const T = u[r][l][w];
-      if (T && m === V) {
-        if (T.selectIds) {
+      !T && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
+      const I = u[r][l][w];
+      if (I && m === V) {
+        if (I.selectIds) {
           const N = this.control.viewContainerManager.transformToScenePoint([s.x, s.y], r);
           if (n === P.Start && (this.cachePosition = N), this.cachePosition) {
-            const v = T.updateNodeOpt || {};
+            const v = I.updateNodeOpt || {};
             v.translate = [N[0] - this.cachePosition[0], N[1] - this.cachePosition[1]], v.workState = n;
             const x = {
               workId: y,
@@ -8501,12 +8564,12 @@ class KM extends Jt {
         continue;
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p, M = r[i][n][y];
       if (M) {
-        let I = p;
-        if (!f && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I)), M.toolsType === S.Text) {
-          this.control.textEditorManager.delete(I, !0, !0);
+        let T = p;
+        if (!f && this.serviceColloctor.isOwn(T) && (T = this.serviceColloctor.getLocalId(T)), M.toolsType === S.Text) {
+          this.control.textEditorManager.delete(T, !0, !0);
           continue;
         }
-        h.push(I);
+        h.push(T);
       }
     }
     h.length && (l.push([{
@@ -8539,7 +8602,7 @@ class _M extends Jt {
     return { key: t, textInfo: s };
   }
   async collect(t, e) {
-    var w, m, T, N, v;
+    var w, m, I, N, v;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, workState: s, viewId: n, originPoint: r, scenePoint: c, dir: l, scale: h, translate: u } = t;
@@ -8547,8 +8610,8 @@ class _M extends Jt {
     const d = this.control.viewContainerManager.getView(n);
     if (!(d != null && d.displayer))
       return;
-    const p = d.focusScenePath, f = [...i], y = (w = this.serviceColloctor) == null ? void 0 : w.storage, M = [], I = s === P.Start && Date.now() || void 0;
-    for (I && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", I, n); f.length; ) {
+    const p = d.focusScenePath, f = [...i], y = (w = this.serviceColloctor) == null ? void 0 : w.storage, M = [], T = s === P.Start && Date.now() || void 0;
+    for (T && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", T, n); f.length; ) {
       const x = f.pop();
       if (!x)
         continue;
@@ -8561,7 +8624,7 @@ class _M extends Jt {
         if (z.dir = l, z.originPoint = r, z.scenePoint = c, z.workState = s, z.scale = h, z.translate = u, s === P.Start) {
           this.cacheTextInfo.clear();
           for (const rt of O.selectIds) {
-            const tt = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(rt), H = tt && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(rt)) || rt;
+            const tt = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(rt), H = tt && ((I = this.serviceColloctor) == null ? void 0 : I.transformKey(rt)) || rt;
             let Z = H;
             !tt && ((N = this.serviceColloctor) != null && N.isOwn(H)) && (Z = this.serviceColloctor.getLocalId(H));
             const Q = this.control.textEditorManager.get(Z);
@@ -8740,7 +8803,7 @@ class tw extends Jt {
     g(this, "cacheOriginRotate", 0);
   }
   collect(t, e) {
-    var f, y, M, I, w;
+    var f, y, M, T, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, angle: s, workState: n, viewId: r } = t;
@@ -8753,15 +8816,15 @@ class tw extends Jt {
       const m = h.pop();
       if (!m)
         continue;
-      const T = m.toString(), N = this.serviceColloctor.isLocalId(T), v = N && this.serviceColloctor.transformKey(m) || T;
-      let x = T;
+      const I = m.toString(), N = this.serviceColloctor.isLocalId(I), v = N && this.serviceColloctor.transformKey(m) || I;
+      let x = I;
       !N && this.serviceColloctor.isOwn(x) && (x = this.serviceColloctor.getLocalId(x));
       const L = u[r][l][v];
       if (L && x === V) {
         if (((y = L.selectIds) == null ? void 0 : y.length) === 1) {
           const A = L.selectIds[0];
           if (n === P.Start) {
-            const z = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(A)) && ((I = this.serviceColloctor) == null ? void 0 : I.transformKey(A)) || A, E = u[r][l][z];
+            const z = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(A)) && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(A)) || A, E = u[r][l][z];
             this.cacheOriginRotate = ((w = E == null ? void 0 : E.opt) == null ? void 0 : w.rotate) || 0;
           }
           const j = L.updateNodeOpt || {};
@@ -8825,7 +8888,7 @@ class ow extends Jt {
     }
   }
   async collect(t) {
-    var w, m, T, N;
+    var w, m, I, N;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: e, bold: i, italic: s, lineThrough: n, underline: r, viewId: c, fontSize: l } = t, h = this.control.viewContainerManager.getView(c);
@@ -8852,7 +8915,7 @@ class ow extends Jt {
         if (D && j === V && ((w = D.selectIds) != null && w.length))
           for (const z of D.selectIds) {
             const E = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(z);
-            let rt = E && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(z)) || z;
+            let rt = E && ((I = this.serviceColloctor) == null ? void 0 : I.transformKey(z)) || z;
             const tt = p[c][u][rt] || void 0;
             if (!E && ((N = this.serviceColloctor) != null && N.isOwn(rt)) && (rt = this.serviceColloctor.getLocalId(rt)), tt && tt.toolsType === S.Text && D.opt) {
               const H = this.setTextStyle(rt, dt(tt), O, c);
@@ -8862,8 +8925,8 @@ class ow extends Jt {
           }
       }
     }
-    const I = await Promise.all(M);
-    for (const v of I)
+    const T = await Promise.all(M);
+    for (const v of T)
       if (v) {
         const { key: x, textInfo: L } = v;
         L && (L.canSync = !0, L.canWorker = !0, this.control.textEditorManager.updateForViewEdited(x, L));
@@ -8896,11 +8959,11 @@ class iw extends Jt {
     const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f && this.serviceColloctor.transformKey(d) || p;
     let M = p;
     !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-    const I = l[n][c][y];
-    if (I && M === V && I.selectIds) {
-      const m = I.updateNodeOpt || {};
+    const T = l[n][c][y];
+    if (T && M === V && T.selectIds) {
+      const m = T.updateNodeOpt || {};
       m.pointMap = i, m.workState = s;
-      const T = {
+      const I = {
         workId: d,
         msgType: b.UpdateNode,
         dataType: U.Local,
@@ -8910,7 +8973,7 @@ class iw extends Jt {
         willSyncService: !0,
         viewId: n
       };
-      s === P.Done && (T.undoTickerId = this.undoTickerId), h.push([T, {
+      s === P.Done && (I.undoTickerId = this.undoTickerId), h.push([I, {
         workId: d,
         msgType: b.UpdateNode,
         emitEventType: this.emitEventType
@@ -8939,9 +9002,9 @@ class sw extends Jt {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[s][r][y] || void 0;
-      if (I) {
-        const w = I.updateNodeOpt || {};
+      const T = l[s][r][y] || void 0;
+      if (T) {
+        const w = T.updateNodeOpt || {};
         w.isLocked = i;
         const m = {
           workId: M,
@@ -8984,14 +9047,14 @@ class nw extends Jt {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[i][r][y] || void 0;
-      if (I) {
+      const T = l[i][r][y] || void 0;
+      if (T) {
         const w = {
-          ...I.updateNodeOpt,
+          ...T.updateNodeOpt,
           ...s,
           willRefresh: !0
         };
-        if (I && M === V) {
+        if (T && M === V) {
           const m = {
             workId: M,
             msgType: b.UpdateNode,
@@ -9197,6 +9260,9 @@ class aw {
     const { width: t, height: e } = o;
     this.subLocalLayer.parent.setAttribute("width", t), this.subLocalLayer.parent.setAttribute("height", e), this.subLocalLayer.setAttribute("size", [t, e]), this.subLocalLayer.setAttribute("pos", [t * 0.5, e * 0.5]);
   }
+  updateDpr(o) {
+    this.scene.displayRatio = o;
+  }
   on(o) {
     const { msgType: t, toolsType: e, opt: i, dataType: s, workId: n, workState: r } = o, c = n == null ? void 0 : n.toString();
     switch (t) {
@@ -9206,6 +9272,9 @@ class aw {
       case b.Clear:
         this.clearAll();
         break;
+      case b.UpdateDpr:
+        ot(o.dpr) && this.updateDpr(o.dpr);
+        break;
       case b.UpdateCamera:
         this.updateCamera(o);
         break;
@@ -9466,7 +9535,7 @@ class uw extends hw {
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-rRQeW_6Z.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-BxY7kerI.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -9575,10 +9644,10 @@ class uw extends hw {
         fillColor: f,
         willSyncService: y,
         isSync: M,
-        imageBitmap: I,
+        imageBitmap: T,
         canvasHeight: w,
         canvasWidth: m,
-        rect: T,
+        rect: I,
         op: N,
         canTextEdit: v,
         points: x,
@@ -9611,15 +9680,15 @@ class uw extends hw {
           break;
         }
         case b.Snapshot:
-          if (I && J) {
+          if (T && J) {
             const $ = this.snapshotMap.get(J);
-            $ && $(I);
+            $ && $(T);
           }
           break;
         case b.BoundingBox:
-          if (T && J) {
+          if (I && J) {
             const $ = this.boundingRectMap.get(J);
-            $ && $(T);
+            $ && $(I);
           }
           break;
         case b.Cursor:
@@ -9701,7 +9770,7 @@ class uw extends hw {
   collectorAsyncData(t) {
     var e, i, s, n;
     for (const r of t) {
-      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: y, toolsType: M, isSync: I, viewId: w, isLockSentEventCursor: m, nextTasks: T } = r;
+      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: y, toolsType: M, isSync: T, viewId: w, isLockSentEventCursor: m, nextTasks: I } = r;
       if (!w) {
         console.error("collectorAsyncData", r);
         return;
@@ -9722,7 +9791,7 @@ class uw extends hw {
             toolsType: M,
             workId: h,
             index: u,
-            isSync: I,
+            isSync: T,
             viewId: w,
             scenePath: N,
             updateNodeOpt: y
@@ -9737,7 +9806,7 @@ class uw extends hw {
             updateNodeOpt: y,
             opt: f,
             toolsType: M,
-            isSync: I,
+            isSync: T,
             viewId: w,
             scenePath: N
           }), this.willSelectorWorkId && h && h.toString() === this.willSelectorWorkId && this.control.runEffectWork(() => {
@@ -9746,16 +9815,16 @@ class uw extends hw {
           break;
         }
         case b.UpdateNode: {
-          (s = this.collector) == null || s.dispatch({ type: c, updateNodeOpt: y, workId: h, opt: f, ops: p, op: l, isSync: I, viewId: w, scenePath: N });
+          (s = this.collector) == null || s.dispatch({ type: c, updateNodeOpt: y, workId: h, opt: f, ops: p, op: l, isSync: T, viewId: w, scenePath: N });
           break;
         }
         case b.RemoveNode: {
-          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: I, viewId: w, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
+          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: T, viewId: w, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
           break;
         }
       }
-      T && Zt(() => {
-        this.collectorAsyncData(T);
+      I && Zt(() => {
+        this.collectorAsyncData(I);
       }, this.maxLastSyncTime);
     }
   }
@@ -9996,7 +10065,7 @@ class uw extends hw {
     }), this.control.renderControl.destoryByViewId(t, e);
   }
   onServiceDerive(t, e) {
-    var p, f, y, M, I;
+    var p, f, y, M, T;
     const { newValue: i, oldValue: s, viewId: n, scenePath: r } = e, c = dt(i) || {}, l = t;
     let h = c.type;
     if (!i && s) {
@@ -10015,8 +10084,8 @@ class uw extends hw {
         return;
       const w = c;
       if (w.workId = (y = this.collector) != null && y.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, w.msgType = h, w.toolsType === S.LaserPen && (w.isRunSubWork = !0), w.dataType = U.Service, w.viewId = n, w.scenePath = r, w.selectIds && (w.selectIds = w.selectIds.map((m) => {
-        var T, N;
-        return (T = this.collector) != null && T.isOwn(m) ? (N = this.collector) == null ? void 0 : N.getLocalId(m) : m;
+        var I, N;
+        return (I = this.collector) != null && I.isOwn(m) ? (N = this.collector) == null ? void 0 : N.getLocalId(m) : m;
       })), w && w.toolsType === S.Text || (s == null ? void 0 : s.toolsType) === S.Text) {
         this.control.textEditorManager.onServiceDerive(w);
         return;
@@ -10024,7 +10093,7 @@ class uw extends hw {
       this.taskBatchData.add(w);
     }
     this.runAnimation();
-    const d = e.newValue && ((I = e.newValue.opt) == null ? void 0 : I.zIndex);
+    const d = e.newValue && ((T = e.newValue.opt) == null ? void 0 : T.zIndex);
     if (this.zIndexNodeMethod && ot(d)) {
       const w = this.zIndexNodeMethod.getMinZIndex(n);
       this.zIndexNodeMethod.getMaxZIndex(n) < d && this.zIndexNodeMethod.setMaxZIndex(d, n), w > d && this.zIndexNodeMethod.setMinZIndex(d, n);
@@ -10047,8 +10116,8 @@ class uw extends hw {
             continue;
           const y = s[p];
           if (y.workId = (h = this.collector) != null && h.isOwn(p) ? (u = this.collector) == null ? void 0 : u.getLocalId(p) : p, y.msgType = f, y.dataType = U.Service, y.viewId = t, y.scenePath = e, y.useAnimation = !!r, y.selectIds && (y.selectIds = y.selectIds.map((M) => {
-            var I, w;
-            return (I = this.collector) != null && I.isOwn(M) ? (w = this.collector) == null ? void 0 : w.getLocalId(M) : M;
+            var T, w;
+            return (T = this.collector) != null && T.isOwn(M) ? (w = this.collector) == null ? void 0 : w.getLocalId(M) : M;
           })), y.toolsType === S.Text) {
             this.control.textEditorManager.onServiceDerive(y);
             continue;
@@ -10142,6 +10211,21 @@ class uw extends hw {
   destroyTaskQueue() {
     this.useTasksqueue = !1, this.useTasksClockId && (clearTimeout(this.useTasksClockId), this.useTasksClockId = void 0), this.mainTasksqueueCount = void 0, this.workerTasksqueueCount = void 0;
   }
+  updateDpr(t, e) {
+    this.queryTaskBatchData({
+      msgType: b.UpdateDpr,
+      dataType: U.Local,
+      viewId: t
+    }).forEach((i) => {
+      this.taskBatchData.delete(i);
+    }), this.taskBatchData.add({
+      dataType: U.Local,
+      msgType: b.UpdateDpr,
+      viewId: t,
+      dpr: e,
+      isRunSubWork: !0
+    }), this.runAnimation();
+  }
   updateCamera(t, e) {
     var i;
     this.useTasksqueue || ((i = this.methodBuilder) == null || i.pause(), this.blurCursor(t), this.checkDrawingWork(t), this.useTasksqueue = !0, this.mainTasksqueueCount = 1, this.workerTasksqueueCount = 1), this.useTasksqueue && (this.tasksqueue.set(t, {
@@ -10429,7 +10513,7 @@ class uw extends hw {
         const f = this.viewContainerManager.mainView;
         if (!f)
           return;
-        const y = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), I = {
+        const y = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), T = {
           msgType: b.Snapshot,
           dataType: U.Local,
           scenePath: t,
@@ -10445,7 +10529,7 @@ class uw extends hw {
           viewId: f.id
           // maxZIndex: this.zIndexNodeMethod?.getMaxZIndex(viewId)
         };
-        return this.taskBatchData.add(I), this.runAnimation(), new Promise((w) => {
+        return this.taskBatchData.add(T), this.runAnimation(), new Promise((w) => {
           this.snapshotMap.set(t, w);
         }).then((w) => (this.snapshotMap.delete(t), w));
       }
@@ -11088,13 +11172,13 @@ class pw {
         const { render: p, pages: f } = d;
         if (!p)
           return !0;
-        const y = (u = this.control.collector) == null ? void 0 : u.uid, M = p === "localSelf" ? y : p, I = M && f.get(M) || void 0;
-        if (I)
+        const y = (u = this.control.collector) == null ? void 0 : u.uid, M = p === "localSelf" ? y : p, T = M && f.get(M) || void 0;
+        if (T)
           switch (t) {
             case b.RemoveNode:
               return !0;
             default:
-              return I.has(s);
+              return T.has(s);
           }
         return !1;
       }
@@ -11130,7 +11214,7 @@ class pw {
     } else
       this.renderUids.delete(t);
     i && ((n = this.control.collector) == null || n.dispatchRenderAuth({
-      operation: ee.setAuth,
+      operation: oe.setAuth,
       viewId: t,
       renderData: s
     }, i)), this.renderEffect(t);
@@ -11141,10 +11225,10 @@ class pw {
     let n;
     switch (e) {
       case "show":
-        s ? (s.render || (s.render = /* @__PURE__ */ new Set()), Bt(s.render) && s.render.add(t), Bt(s.hide) && s.hide.delete(t)) : this.renderUids.set(o, { render: /* @__PURE__ */ new Set([t]) }), n = ee.setShow;
+        s ? (s.render || (s.render = /* @__PURE__ */ new Set()), Bt(s.render) && s.render.add(t), Bt(s.hide) && s.hide.delete(t)) : this.renderUids.set(o, { render: /* @__PURE__ */ new Set([t]) }), n = oe.setShow;
         break;
       case "hide":
-        s ? (s.hide || (s.hide = /* @__PURE__ */ new Set()), Bt(s.hide) && s.hide.add(t), Bt(s.render) && s.render.delete(t)) : this.renderUids.set(o, { hide: /* @__PURE__ */ new Set([t]) }), n = ee.setHide;
+        s ? (s.hide || (s.hide = /* @__PURE__ */ new Set()), Bt(s.hide) && s.hide.add(t), Bt(s.render) && s.render.delete(t)) : this.renderUids.set(o, { hide: /* @__PURE__ */ new Set([t]) }), n = oe.setHide;
         break;
     }
     s ? this.renderUids.set(o, s) : this.renderUids.delete(o), i && n && ((r = this.control.collector) == null || r.dispatchRenderAuth({
@@ -11157,7 +11241,7 @@ class pw {
     var n;
     const s = this.renderUids.get(o);
     e ? s ? (s.clear || (s.clear = /* @__PURE__ */ new Set()), Bt(s.clear) && s.clear.add(t)) : this.renderUids.set(o, { clear: /* @__PURE__ */ new Set([t]) }) : s && Bt(s.clear) && s.clear.has(t) && s.clear.delete(t), s ? this.renderUids.set(o, s) : this.renderUids.delete(o), i && ((n = this.control.collector) == null || n.dispatchRenderAuth({
-      operation: ee.setClear,
+      operation: oe.setClear,
       viewId: o,
       uid: t,
       isClear: e
@@ -11194,7 +11278,7 @@ class pw {
   destoryByViewId(o, t = !1) {
     var e;
     this.renderUids.has(o) && (this.renderUids.delete(o), t || (e = this.control.collector) == null || e.dispatchRenderAuth({
-      operation: ee.setAuth,
+      operation: oe.setAuth,
       viewId: o
     })), this.pageAuth.has(o) && this.control.renderControl.delViewPage(o, !t);
   }
@@ -11504,11 +11588,11 @@ const ye = class ye {
       case nt.rectangle:
         return o.rectangleCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), S.Rectangle;
       case nt.shape:
-        if (o.shapeCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), o.shapeType === te.Pentagram || o.shapeType === te.Star)
+        if (o.shapeCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), o.shapeType === ee.Pentagram || o.shapeType === ee.Star)
           return S.Star;
-        if (o.shapeType === te.Polygon || o.shapeType === te.Triangle || o.shapeType === te.Rhombus)
+        if (o.shapeType === ee.Polygon || o.shapeType === ee.Triangle || o.shapeType === ee.Rhombus)
           return S.Polygon;
-        if (o.shapeType === te.SpeechBalloon)
+        if (o.shapeType === ee.SpeechBalloon)
           return S.SpeechBalloon;
         break;
     }
@@ -11550,7 +11634,7 @@ const ye = class ye {
       case S.Star:
       case S.Polygon:
       case S.SpeechBalloon:
-        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal, o === S.Star && (t.shapeType === te.Pentagram ? (e.vertices = 10, e.innerVerticeStep = 2, e.innerRatio = 0.4) : t != null && t.vertices && (t != null && t.innerVerticeStep) && (t != null && t.innerRatio) && (e.vertices = t.vertices, e.innerVerticeStep = t.innerVerticeStep, e.innerRatio = t.innerRatio)), o === S.Polygon && (t.shapeType === te.Triangle ? e.vertices = 3 : t.shapeType === te.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && Fe(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", o === S.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
+        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal, o === S.Star && (t.shapeType === ee.Pentagram ? (e.vertices = 10, e.innerVerticeStep = 2, e.innerRatio = 0.4) : t != null && t.vertices && (t != null && t.innerVerticeStep) && (t != null && t.innerRatio) && (e.vertices = t.vertices, e.innerVerticeStep = t.innerVerticeStep, e.innerRatio = t.innerRatio)), o === S.Polygon && (t.shapeType === ee.Triangle ? e.vertices = 3 : t.shapeType === ee.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && Fe(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", o === S.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
         break;
     }
     return {
@@ -11898,7 +11982,7 @@ const Me = class Me {
     return !!t.includes(e);
   }
   refreshPlugin(o, t = !1) {
-    var n, r, c, l, h, u, d, p, f, y, M, I, w, m, T, N, v, x, L, A, j;
+    var n, r, c, l, h, u, d, p, f, y, M, T, w, m, I, N, v, x, L, A, j;
     let e;
     const { scenePath: i } = o, s = o.data;
     if (!(!s || !this.collector))
@@ -11950,7 +12034,7 @@ const Me = class Me {
                     Q && (z.selectIds = H.filter((G) => !!G));
                   }
                 }
-                (I = this.collector) == null || I.updateValue(D.key, D.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
+                (T = this.collector) == null || T.updateValue(D.key, D.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
               }
             }
             break;
@@ -11958,7 +12042,7 @@ const Me = class Me {
             if (e = t ? this.isNewEffectiveScene(D, tt) : this.isOldEffectiveScene(D, tt, i), e) {
               if (t && Array.isArray(z) && z.length === 2) {
                 const H = z[1];
-                if ((w = H.updateNodeOpt) != null && w.useAnimation && (H.updateNodeOpt.useAnimation = !1), ((m = this.collector) == null ? void 0 : m.getLocalId(D.key)) === V && ((T = this.collector) != null && T.isOwn(D.key))) {
+                if ((w = H.updateNodeOpt) != null && w.useAnimation && (H.updateNodeOpt.useAnimation = !1), ((m = this.collector) == null ? void 0 : m.getLocalId(D.key)) === V && ((I = this.collector) != null && I.isOwn(D.key))) {
                   const Z = H.selectIds;
                   if (Z) {
                     const Q = tt.filter((K) => {
@@ -12153,23 +12237,23 @@ class Ve {
   }
   /** 绘制view */
   render(o) {
-    var t, e, i, s, n, r, c, l, h, u, d, p, f, y, M, I, w;
+    var t, e, i, s, n, r, c, l, h, u, d, p, f, y, M, T, w;
     for (const m of o) {
-      const { rect: T, imageBitmap: N, isClear: v, isUnClose: x, drawCanvas: L, clearCanvas: A, viewId: j } = m, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
-      if (D && T) {
-        const { dpr: O, canvasBgRef: z, canvasFloatRef: E, canvasServiceFloatRef: rt, canvasTopRef: tt } = D, H = Math.floor(T.w * O), Z = Math.floor(T.h * O), Q = T.x * O, G = T.y * O;
+      const { rect: I, imageBitmap: N, isClear: v, isUnClose: x, drawCanvas: L, clearCanvas: A, viewId: j } = m, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
+      if (D && I) {
+        const { dpr: O, canvasBgRef: z, canvasFloatRef: E, canvasServiceFloatRef: rt, canvasTopRef: tt } = D, H = Math.floor(I.w * O), Z = Math.floor(I.h * O), Q = I.x * O, G = I.y * O;
         if (v) {
           switch (A) {
-            case St.TopFloat:
+            case It.TopFloat:
               (i = (e = tt.current) == null ? void 0 : e.getContext("2d")) == null || i.clearRect(Q, G, H, Z);
               break;
-            case St.Float:
+            case It.Float:
               (n = (s = E.current) == null ? void 0 : s.getContext("2d")) == null || n.clearRect(Q, G, H, Z);
               break;
-            case St.ServiceFloat:
+            case It.ServiceFloat:
               (c = (r = rt.current) == null ? void 0 : r.getContext("2d")) == null || c.clearRect(Q, G, H, Z);
               break;
-            case St.Bg:
+            case It.Bg:
               (h = (l = z.current) == null ? void 0 : l.getContext("2d")) == null || h.clearRect(Q, G, H, Z);
               break;
           }
@@ -12177,19 +12261,19 @@ class Ve {
         }
         if (L && N)
           switch (L) {
-            case St.TopFloat:
+            case It.TopFloat:
               (d = (u = tt.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(N, 0, 0, H, Z, Q, G, H, Z);
               break;
-            case St.Float: {
+            case It.Float: {
               (f = (p = E.current) == null ? void 0 : p.getContext("2d")) == null || f.drawImage(N, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
-            case St.ServiceFloat: {
+            case It.ServiceFloat: {
               (M = (y = rt.current) == null ? void 0 : y.getContext("2d")) == null || M.drawImage(N, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
-            case St.Bg: {
-              (w = (I = z.current) == null ? void 0 : I.getContext("2d")) == null || w.drawImage(N, 0, 0, H, Z, Q, G, H, Z);
+            case It.Bg: {
+              (w = (T = z.current) == null ? void 0 : T.getContext("2d")) == null || w.drawImage(N, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
           }
@@ -12737,7 +12821,7 @@ const Aw = (a) => {
       onClick: e,
       onTouchEnd: i
     },
-    /* @__PURE__ */ k.createElement("div", { className: "circle", style: { backgroundColor: Nt(o, 1) } })
+    /* @__PURE__ */ k.createElement("div", { className: "circle", style: { backgroundColor: Tt(o, 1) } })
   );
 }, xo = (a) => {
   const { opacity: o, activeColor: t, setCurOpacity: e } = a, [i, s] = st({ x: 108, y: 0 });
@@ -12771,7 +12855,7 @@ const Aw = (a) => {
       {
         className: "range-color",
         style: {
-          background: `linear-gradient(to right, ${Nt(t, 0)}, ${Nt(t, 1)})`
+          background: `linear-gradient(to right, ${Tt(t, 0)}, ${Tt(t, 1)})`
         }
       }
     ),
@@ -12790,7 +12874,7 @@ const Aw = (a) => {
         {
           className: "circle",
           style: {
-            backgroundColor: Nt(t, o)
+            backgroundColor: Tt(t, o)
           },
           onClick: (l) => {
             l.cancelable && l.preventDefault(), l.stopPropagation();
@@ -12930,13 +13014,13 @@ const Aw = (a) => {
         return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [(e == null ? void 0 : e.current) && i, n == null ? void 0 : n.height]), p = q(() => /* @__PURE__ */ k.createElement(xo, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (w, m, T) => {
-    T === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), T === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(w);
-    const N = Nt(m, w);
+  }, [(e == null ? void 0 : e.current) && i, n == null ? void 0 : n.height]), p = q(() => /* @__PURE__ */ k.createElement(xo, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (w, m, I) => {
+    I === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), I === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(w);
+    const N = Tt(m, w);
     i != null && i.strokeColor && r({ strokeColor: N }), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
-      { workIds: [V], strokeColor: N, workState: T, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [V], strokeColor: N, workState: I, viewId: n == null ? void 0 : n.viewId }
     );
   } }), [h, c, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, i]), f = q(() => {
     var w, m;
@@ -12947,11 +13031,11 @@ const Aw = (a) => {
         min: Math.min(i.thickness, ((w = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : w.min) || 1),
         max: Math.max(i.thickness, ((m = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : m.max) || 10),
         activeNumber: i.thickness,
-        setActiveNumber: (T, N) => {
-          N === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), N === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), i != null && i.thickness && r({ thickness: T }), _.emitMethod(
+        setActiveNumber: (I, N) => {
+          N === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), N === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), i != null && i.thickness && r({ thickness: I }), _.emitMethod(
             X.MainEngine,
             R.SetColorNode,
-            { workIds: [V], thickness: T, workState: N, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [V], thickness: I, workState: N, viewId: n == null ? void 0 : n.viewId }
           );
         },
         color: c
@@ -12988,16 +13072,16 @@ const Aw = (a) => {
     f,
     /* @__PURE__ */ k.createElement("div", { className: "font-colors-line" }),
     s.concat().map((w, m) => {
-      const T = Je(...w);
+      const I = Je(...w);
       return /* @__PURE__ */ k.createElement(
         Co,
         {
           key: m,
-          color: T,
+          color: I,
           activeColor: c,
           onTouchEndHandler: (N) => {
-            N.stopPropagation(), l(T);
-            const v = Nt(T, h);
+            N.stopPropagation(), l(I);
+            const v = Tt(I, h);
             i != null && i.strokeColor && (i.strokeColor = v, r({ strokeColor: v })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
@@ -13005,8 +13089,8 @@ const Aw = (a) => {
             );
           },
           onClickHandler: (N) => {
-            N.cancelable && N.preventDefault(), N.stopPropagation(), l(T);
-            const v = Nt(T, h);
+            N.cancelable && N.preventDefault(), N.stopPropagation(), l(I);
+            const v = Tt(I, h);
             i != null && i.strokeColor && (i.strokeColor = v, r({ strokeColor: v })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
@@ -13017,7 +13101,7 @@ const Aw = (a) => {
       );
     }),
     p
-  ) : null, [o, s, p, c, h, i, n == null ? void 0 : n.viewId, d]), I = q(() => c ? /* @__PURE__ */ k.createElement("div", { className: "color-bar-ring", style: { backgroundColor: Nt(c, h) } }, /* @__PURE__ */ k.createElement("div", { className: "circle" })) : null, [c, h]);
+  ) : null, [o, s, p, c, h, i, n == null ? void 0 : n.viewId, d]), T = q(() => c ? /* @__PURE__ */ k.createElement("div", { className: "color-bar-ring", style: { backgroundColor: Tt(c, h) } }, /* @__PURE__ */ k.createElement("div", { className: "circle" })) : null, [c, h]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -13029,15 +13113,15 @@ const Aw = (a) => {
         w.cancelable && w.preventDefault(), w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), t(!o);
       }
     },
-    I,
+    T,
     M
   );
 }, Uw = (a) => {
   const { open: o, setOpen: t, floatBarRef: e } = a, { floatBarData: i, floatBarColors: s, mananger: n, setFloatBarData: r } = bt(Ct), [c, l] = st(), [h, u] = st(1);
   gt(() => {
     if (i != null && i.fillColor) {
-      const [M, I] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || ko(i.fillColor);
-      l(M), u(I);
+      const [M, T] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || ko(i.fillColor);
+      l(M), u(T);
     }
   }, [i]);
   const d = q(() => {
@@ -13050,13 +13134,13 @@ const Aw = (a) => {
         return M.top = "inherit", M.bottom = 50, M;
       }
     }
-  }, [e == null ? void 0 : e.current, i, n == null ? void 0 : n.height]), p = q(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, I, w) => {
+  }, [e == null ? void 0 : e.current, i, n == null ? void 0 : n.height]), p = q(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, T, w) => {
     w === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), w === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(M);
-    const m = Nt(I, M);
+    const m = Tt(T, M);
     i != null && i.fillColor && (i.fillColor = m, r({ fillColor: m })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
-      { workIds: [V], fillColor: c && Nt(I, M), workState: w, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [V], fillColor: c && Tt(T, M), workState: w, viewId: n == null ? void 0 : n.viewId }
     );
   } }) : null, [c, h, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, i]), f = q(() => o ? /* @__PURE__ */ k.createElement(
     "div",
@@ -13076,48 +13160,48 @@ const Aw = (a) => {
         activeColor: c,
         onTouchEndHandler: (M) => {
           M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
+          const T = "transparent";
+          i != null && i.fillColor && (i.fillColor = T, r({ fillColor: T })), _.emitMethod(
             X.MainEngine,
             R.SetColorNode,
-            { workIds: [V], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [V], workState: P.Done, fillColor: T, viewId: n == null ? void 0 : n.viewId }
           );
         },
         onClickHandler: (M) => {
           M.cancelable && M.preventDefault(), M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
+          const T = "transparent";
+          i != null && i.fillColor && (i.fillColor = T, r({ fillColor: T })), _.emitMethod(
             X.MainEngine,
             R.SetColorNode,
-            { workIds: [V], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [V], workState: P.Done, fillColor: T, viewId: n == null ? void 0 : n.viewId }
           );
         }
       }
     ),
-    s.map((M, I) => {
+    s.map((M, T) => {
       const w = Je(...M);
       return /* @__PURE__ */ k.createElement(
         Co,
         {
-          key: I,
+          key: T,
           color: w,
           activeColor: c,
           onTouchEndHandler: (m) => {
             m.cancelable && m.preventDefault(), m.stopPropagation(), l(w);
-            const T = Nt(w, h);
-            i != null && i.fillColor && (i.fillColor = T, r({ fillColor: T })), _.emitMethod(
+            const I = Tt(w, h);
+            i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
-              { workIds: [V], workState: P.Done, fillColor: T, viewId: n == null ? void 0 : n.viewId }
+              { workIds: [V], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
             );
           },
           onClickHandler: (m) => {
             m.cancelable && m.preventDefault(), m.stopPropagation(), l(w);
-            const T = Nt(w, h);
-            i != null && i.fillColor && (i.fillColor = T, r({ fillColor: T })), _.emitMethod(
+            const I = Tt(w, h);
+            i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
-              { workIds: [V], workState: P.Done, fillColor: T, viewId: n == null ? void 0 : n.viewId }
+              { workIds: [V], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
             );
           }
         }
@@ -13125,7 +13209,7 @@ const Aw = (a) => {
     }),
     p
   ) : null, [o, c, s, p, i, n == null ? void 0 : n.viewId, h, d]), y = q(() => {
-    const M = c && c !== "transparent" && Nt(c, h) || "transparent";
+    const M = c && c !== "transparent" && Tt(c, h) || "transparent";
     return /* @__PURE__ */ k.createElement("div", { className: "color-bar-fill" }, /* @__PURE__ */ k.createElement("div", { className: "circle", style: { backgroundColor: M } }));
   }, [c, h]);
   return /* @__PURE__ */ k.createElement(
@@ -13160,16 +13244,16 @@ const Aw = (a) => {
         return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (w, m, T) => {
-    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
-    const N = Nt(m, w);
+  }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (w, m, I) => {
+    I === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), I === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
+    const N = Tt(m, w);
     l != null && l.textOpt && (l.textOpt.fontColor = N, c({ textOpt: l.textOpt })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
       {
         workIds: i || [V],
         fontColor: h && N,
-        workState: T,
+        workState: I,
         viewId: r == null ? void 0 : r.viewId
       }
     );
@@ -13186,16 +13270,16 @@ const Aw = (a) => {
       }
     },
     n.map((w, m) => {
-      const T = Je(...w);
+      const I = Je(...w);
       return /* @__PURE__ */ k.createElement(
         Co,
         {
           key: m,
-          color: T,
+          color: I,
           activeColor: h,
           onTouchEndHandler: (N) => {
-            N.stopPropagation(), u(T);
-            const v = Nt(T, d);
+            N.stopPropagation(), u(I);
+            const v = Tt(I, d);
             l != null && l.textOpt && (l.textOpt.fontColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
@@ -13203,8 +13287,8 @@ const Aw = (a) => {
             );
           },
           onClickHandler: (N) => {
-            N.cancelable && N.preventDefault(), N.stopPropagation(), u(T);
-            const v = Nt(T, d);
+            N.cancelable && N.preventDefault(), N.stopPropagation(), u(I);
+            const v = Tt(I, d);
             l != null && l.textOpt && (l.textOpt.fontColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
@@ -13215,8 +13299,8 @@ const Aw = (a) => {
       );
     }),
     y
-  ) : null, [o, n, y, h, d, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), I = q(() => {
-    const w = h && h !== "transparent" && Nt(h, d) || "transparent";
+  ) : null, [o, n, y, h, d, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), T = q(() => {
+    const w = h && h !== "transparent" && Tt(h, d) || "transparent";
     return /* @__PURE__ */ k.createElement("div", { className: "color-bar" }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: w } }));
   }, [h, d]);
   return /* @__PURE__ */ k.createElement(
@@ -13231,7 +13315,7 @@ const Aw = (a) => {
       }
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt("font-colors") }),
-    I,
+    T,
     M
   );
 }, Fw = (a) => {
@@ -13252,16 +13336,16 @@ const Aw = (a) => {
         return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (w, m, T) => {
-    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
-    const N = Nt(m, w);
+  }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (w, m, I) => {
+    I === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), I === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
+    const N = Tt(m, w);
     l != null && l.textOpt && (l.textOpt.fontBgColor = N, c({ textOpt: l.textOpt })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
       {
         workIds: i || [V],
-        fontBgColor: h && Nt(m, w),
-        workState: T,
+        fontBgColor: h && Tt(m, w),
+        workState: I,
         viewId: r == null ? void 0 : r.viewId
       }
     );
@@ -13302,37 +13386,37 @@ const Aw = (a) => {
       }
     ),
     n.map((w, m) => {
-      const T = Je(...w);
+      const I = Je(...w);
       return /* @__PURE__ */ k.createElement(
         Co,
         {
           key: m,
-          color: T,
+          color: I,
           activeColor: h,
           onTouchEndHandler: (N) => {
-            N.stopPropagation(), u(T);
-            const v = Nt(T, d);
+            N.stopPropagation(), u(I);
+            const v = Tt(I, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
-              { workIds: i || [V], workState: P.Done, fontBgColor: Nt(T, d), viewId: r == null ? void 0 : r.viewId }
+              { workIds: i || [V], workState: P.Done, fontBgColor: Tt(I, d), viewId: r == null ? void 0 : r.viewId }
             );
           },
           onClickHandler: (N) => {
-            N.cancelable && N.preventDefault(), N.stopPropagation(), u(T);
-            const v = Nt(T, d);
+            N.cancelable && N.preventDefault(), N.stopPropagation(), u(I);
+            const v = Tt(I, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
               R.SetColorNode,
-              { workIds: i || [V], workState: P.Done, fontBgColor: Nt(T, d), viewId: r == null ? void 0 : r.viewId }
+              { workIds: i || [V], workState: P.Done, fontBgColor: Tt(I, d), viewId: r == null ? void 0 : r.viewId }
             );
           }
         }
       );
     }),
     y
-  ) : null, [o, n, y, d, h, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), I = q(() => {
-    const w = h && h !== "transparent" && Nt(h, d) || "transparent";
+  ) : null, [o, n, y, d, h, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), T = q(() => {
+    const w = h && h !== "transparent" && Tt(h, d) || "transparent";
     return /* @__PURE__ */ k.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: w } }));
   }, [h, d]);
   return /* @__PURE__ */ k.createElement(
@@ -13347,7 +13431,7 @@ const Aw = (a) => {
       }
     },
     /* @__PURE__ */ k.createElement(Ow, null),
-    I,
+    T,
     M
   );
 }, $w = (a) => {
@@ -13427,7 +13511,7 @@ const Aw = (a) => {
   gt(() => {
     e != null && e.bold && h(e.bold), Yt(e == null ? void 0 : e.underline) && f(e.underline || !1), Yt(e == null ? void 0 : e.lineThrough) && M(e.lineThrough || !1), e != null && e.italic && d(e.italic);
   }, [e]);
-  const I = q(() => {
+  const T = q(() => {
     if (s && (n != null && n.current) && ot(c == null ? void 0 : c.y) && (r != null && r.height)) {
       if (n.current.offsetTop && n.current.offsetTop + c.y > 180) {
         const m = {};
@@ -13441,7 +13525,7 @@ const Aw = (a) => {
     "div",
     {
       className: "font-style-menu",
-      style: I,
+      style: T,
       onTouchEnd: (m) => {
         m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
       },
@@ -13453,7 +13537,7 @@ const Aw = (a) => {
     /* @__PURE__ */ k.createElement(Vw, { workIds: i || [V], underline: p, setUnderline: f, viewId: r == null ? void 0 : r.viewId }),
     /* @__PURE__ */ k.createElement(Hw, { workIds: i || [V], lineThrough: y, setLineThrough: M, viewId: r == null ? void 0 : r.viewId }),
     /* @__PURE__ */ k.createElement(Qw, { workIds: i || [V], italic: u, setItalic: d, viewId: r == null ? void 0 : r.viewId })
-  ) : null, [o, i, l, r == null ? void 0 : r.viewId, p, y, u, I]);
+  ) : null, [o, i, l, r == null ? void 0 : r.viewId, p, y, u, T]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -13545,9 +13629,9 @@ const Aw = (a) => {
     });
   }
   const M = (m) => {
-    var T;
-    (T = o.current) == null || T.blur(), e(!1), w(m);
-  }, I = q(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), w = (m) => {
+    var I;
+    (I = o.current) == null || I.blur(), e(!1), w(m);
+  }, T = q(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), w = (m) => {
     m > Ht[p] && (m = Ht[p]), m < Ht[0] && (m = Ht[0]), y(m);
   };
   return gt(() => () => {
@@ -13577,17 +13661,17 @@ const Aw = (a) => {
         },
         onKeyDown: (m) => {
           if (m.key === "Backspace") {
-            const T = window.getSelection(), N = T == null ? void 0 : T.getRangeAt(0);
+            const I = window.getSelection(), N = I == null ? void 0 : I.getRangeAt(0);
             if (N != null && N.collapsed)
               return m.cancelable && m.preventDefault(), document.execCommand("delete", !1), !1;
           }
           return !1;
         },
         onKeyUp: (m) => {
-          var T;
+          var I;
           if (o.current) {
             const N = o.current.value, v = parseInt(N);
-            isNaN(v) ? o.current.value = "0" : o.current.value = v.toString(), v && m.key === "Enter" && (w(v), (T = o.current) == null || T.blur(), e(!1));
+            isNaN(v) ? o.current.value = "0" : o.current.value = v.toString(), v && m.key === "Enter" && (w(v), (I = o.current) == null || I.blur(), e(!1));
           }
         },
         onFocus: () => {
@@ -13621,7 +13705,7 @@ const Aw = (a) => {
         }
       }
     )),
-    I
+    T
   );
 }, Jw = (a) => {
   const { workIds: o, mananger: t, islocked: e } = a;
@@ -14009,7 +14093,7 @@ const Aw = (a) => {
       N === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: o, workIds: t, style: l }) : null, [o, r, t, n, l, u]), I = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (N) => {
+  }, textOpt: o, workIds: t, style: l }) : null, [o, r, t, n, l, u]), T = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (N) => {
     c(
       N === !0 ? 7 : 0
       /* FontSize */
@@ -14019,7 +14103,7 @@ const Aw = (a) => {
       N === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: u }), [e, r, u]), m = q(() => s != null && s.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: s.isLocked }) : null, [s, n, t]), T = q(() => n && (n != null && n.viewId) && l && (s != null && s.shapeOpt) && (s != null && s.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (N) => {
+  }, floatBarRef: u }), [e, r, u]), m = q(() => s != null && s.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: s.isLocked }) : null, [s, n, t]), I = q(() => n && (n != null && n.viewId) && l && (s != null && s.shapeOpt) && (s != null && s.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (N) => {
     c(
       N === !0 ? 8 : 0
       /* ShapeOpt */
@@ -14038,8 +14122,8 @@ const Aw = (a) => {
     w,
     m,
     !!(n != null && n.viewId) && /* @__PURE__ */ k.createElement(jw, { workIds: t, viewId: n.viewId }),
-    T,
     I,
+    T,
     M,
     f,
     y,
@@ -14054,21 +14138,21 @@ const Aw = (a) => {
     fontColor: f,
     lineThrough: y,
     textAlign: M,
-    strokeColor: I,
+    strokeColor: T,
     lineHeight: w,
     bold: m,
-    italic: T,
+    italic: I,
     uid: N,
     workState: v
   } = s, x = u, L = w || x * 1.2, A = {
     fontSize: `${x}px`,
     lineHeight: `${L}px`,
     color: f,
-    borderColor: I,
+    borderColor: T,
     minHeight: `${L}px`,
-    paddingRight: `${T === "italic" ? Math.round(x * 0.3) : 5}px`
+    paddingRight: `${I === "italic" ? Math.round(x * 0.3) : 5}px`
   };
-  d && (A.fontFamily = `${d}`), (y || p) && (A.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), m && (A.fontWeight = `${m}`), T && (A.fontStyle = `${T}`), M && (A.textAlign = `${M}`);
+  d && (A.fontFamily = `${d}`), (y || p) && (A.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), m && (A.fontWeight = `${m}`), I && (A.fontStyle = `${I}`), M && (A.textAlign = `${M}`);
   function j() {
     var O;
     t && (N && N === ((O = e.control.collector) == null ? void 0 : O.uid) || !N) && e.control.textEditorManager.active(i);
@@ -14133,20 +14217,20 @@ const Aw = (a) => {
       fontColor: f,
       lineThrough: y,
       textAlign: M,
-      strokeColor: I,
+      strokeColor: T,
       lineHeight: w,
       bold: m,
-      italic: T
+      italic: I
     } = n, N = u, v = w || N * 1.2, x = {
       fontSize: `${N}px`,
       lineHeight: `${v}px`,
       color: f,
-      borderColor: I,
+      borderColor: T,
       minHeight: `${v}px`,
       pointerEvents: "none",
-      paddingRight: `${T === "italic" ? Math.round(N * 0.3) : 5}px`
+      paddingRight: `${I === "italic" ? Math.round(N * 0.3) : 5}px`
     };
-    d && (x.fontFamily = `${d}`), (y || p) && (x.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), M && (x.textAlign = `${M}`), m && (x.fontWeight = `${m}`), T && (x.fontStyle = `${T}`);
+    d && (x.fontFamily = `${d}`), (y || p) && (x.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), M && (x.textAlign = `${M}`), m && (x.fontWeight = `${m}`), I && (x.fontStyle = `${I}`);
     const L = q(() => {
       const A = [];
       if (n.text) {
@@ -14186,10 +14270,10 @@ const Aw = (a) => {
   (a, o) => !(a.workId !== o.workId || a.left !== o.left || a.top !== o.top || !ft(a.data, o.data))
 ), cm = (a) => {
   const { data: o, workId: t, isSelect: e, showFloatBtns: i, handleKeyUp: s, handleFocus: n, updateOptInfo: r, manager: c, runAnimation: l } = a, [h, u] = st(), { opt: d, scale: p, translate: f, x: y, y: M } = o, {
-    fontSize: I,
+    fontSize: T,
     fontFamily: w,
     underline: m,
-    fontColor: T,
+    fontColor: I,
     lineThrough: N,
     textAlign: v,
     strokeColor: x,
@@ -14198,17 +14282,17 @@ const Aw = (a) => {
     italic: j,
     boxSize: D
   } = d, O = De(null), z = q(() => {
-    const it = I, ht = L || it * 1.2, J = {
+    const it = T, ht = L || it * 1.2, J = {
       fontSize: `${it}px`,
       lineHeight: `${ht}px`,
-      color: T,
+      color: I,
       borderColor: x,
       minHeight: `${ht}px`,
       paddingRight: `${j === "italic" ? Math.round(it * 0.3) : 5}px`,
       borderWidth: `${Math.max(Math.round(1 / (p || 1)), 1)}px`
     };
     return w && (J.fontFamily = `${w}`), (N || m) && (J.textDecoration = `${N && "line-through" || ""} ${m && " underline" || ""}`), v && (J.textAlign = `${v}`), A && (J.fontWeight = `${A}`), j && (J.fontStyle = `${j}`), J;
-  }, [A, T, w, I, j, L, N, p, x, v, m]), E = q(() => {
+  }, [A, I, w, T, j, L, N, p, x, v, m]), E = q(() => {
     const it = `scale(${p || 1}) ${f && "translate(" + f[0] + "px," + f[1] + "px)" || ""}`;
     return {
       left: `${y}px`,
@@ -14301,8 +14385,8 @@ const Aw = (a) => {
   function G(it, ht) {
     const J = window == null ? void 0 : window.getSelection();
     if (J != null && J.rangeCount && it && J && J.anchorNode) {
-      const $ = J.anchorOffset, ut = J.anchorNode.textContent || "", wt = ut.slice(0, $) || "", Ft = ut.slice($) || "", Tt = wt.concat(it) || "";
-      K(Tt, Ft, ht);
+      const $ = J.anchorOffset, ut = J.anchorNode.textContent || "", wt = ut.slice(0, $) || "", Ft = ut.slice($) || "", St = wt.concat(it) || "";
+      K(St, Ft, ht);
     }
   }
   function K(it, ht, J) {
@@ -14311,34 +14395,34 @@ const Aw = (a) => {
     const ut = it.split(/\n/);
     let wt = $.anchorNode.parentNode;
     wt === J && (wt = $.anchorNode);
-    const Ft = [...J.childNodes], Tt = [];
-    let It, pe = $.anchorOffset;
+    const Ft = [...J.childNodes], St = [];
+    let Nt, pe = $.anchorOffset;
     for (; Ft.length; ) {
       const zt = Ft.pop();
       if (zt) {
         if (zt === wt) {
           let qt = ut[0];
-          ut.length === 1 && (pe = ut[0].length, qt = ut[0].concat(ht)), wt.nodeName === "#text" ? (wt.textContent = qt, It = wt) : wt.nodeName === "DIV" && (wt.innerText = qt, It = wt.childNodes[0]);
+          ut.length === 1 && (pe = ut[0].length, qt = ut[0].concat(ht)), wt.nodeName === "#text" ? (wt.textContent = qt, Nt = wt) : wt.nodeName === "DIV" && (wt.innerText = qt, Nt = wt.childNodes[0]);
           break;
         }
-        Tt.push(zt), J.removeChild(zt);
+        St.push(zt), J.removeChild(zt);
       }
     }
     if (ut.length > 1)
       for (let zt = 1; zt < ut.length; zt++) {
         let qt = ut[zt];
         const Ue = document.createElement("div");
-        d.fontBgColor && (Ue.style.backgroundColor = d.fontBgColor), zt === ut.length - 1 && (pe = qt.length, qt = qt.concat(ht)), qt === "" ? Ue.innerHTML = "<br/>" : Ue.innerText = qt, J.appendChild(Ue), zt === ut.length - 1 && (It = Ue.childNodes[0]);
+        d.fontBgColor && (Ue.style.backgroundColor = d.fontBgColor), zt === ut.length - 1 && (pe = qt.length, qt = qt.concat(ht)), qt === "" ? Ue.innerHTML = "<br/>" : Ue.innerText = qt, J.appendChild(Ue), zt === ut.length - 1 && (Nt = Ue.childNodes[0]);
       }
-    if (Tt.length) {
-      Tt.reverse();
-      for (const zt of Tt)
+    if (St.length) {
+      St.reverse();
+      for (const zt of St)
         J.appendChild(zt);
     }
-    if (It && It.nodeName === "#text") {
+    if (Nt && Nt.nodeName === "#text") {
       $.deleteFromDocument();
-      const zt = document.createRange(), qt = Math.min(pe, (It == null ? void 0 : It.length) || 0);
-      zt.setStart(It, qt), zt.collapse(!0), $.removeAllRanges(), $.addRange(zt);
+      const zt = document.createRange(), qt = Math.min(pe, (Nt == null ? void 0 : Nt.length) || 0);
+      zt.setStart(Nt, qt), zt.collapse(!0), $.removeAllRanges(), $.addRange(zt);
     }
   }
   function at(it) {
@@ -14610,50 +14694,50 @@ const hm = () => {
     _.unmountActiveListener(y);
   }), []);
   const y = (m) => {
-    var T;
+    var I;
     if (!m) {
       f(!0), c(!1), s(R.None);
       return;
     }
-    f(!1), (T = n == null ? void 0 : n.control.room) != null && T.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
+    f(!1), (I = n == null ? void 0 : n.control.room) != null && I.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
   };
   gt(() => {
     if (t) {
-      const m = Math.floor(t.w / 2), T = Math.floor(-t.h / 2);
-      d(new F(m, T)), h(new F());
+      const m = Math.floor(t.w / 2), I = Math.floor(-t.h / 2);
+      d(new F(m, I)), h(new F());
     }
   }, [t]);
-  const M = (m, T) => {
+  const M = (m, I) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0);
       return;
     }
     c(!0);
-    const N = Math.round(F.GetAngleByPoints(l, u, new F(T.x, T.y))) || 0;
+    const N = Math.round(F.GetAngleByPoints(l, u, new F(I.x, I.y))) || 0;
     i(N), s(R.RotateNode), n != null && n.control.room && (n.control.room.disableDeviceInputs = !0), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
       { workIds: [V], angle: N, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     );
-  }, I = fo((m, T) => {
+  }, T = fo((m, I) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0);
       return;
     }
     c(!1);
-    const N = Math.round(F.GetAngleByPoints(l, u, new F(T.x, T.y))) || 0;
+    const N = Math.round(F.GetAngleByPoints(l, u, new F(I.x, I.y))) || 0;
     i(N), s(R.None), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
       { workIds: [V], angle: N, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
     );
-  }, 100, { leading: !1 }), w = fo((m, T) => {
+  }, 100, { leading: !1 }), w = fo((m, I) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0);
       return;
     }
     c(!0);
-    const N = Math.round(F.GetAngleByPoints(l, u, new F(T.x, T.y))) || 0;
+    const N = Math.round(F.GetAngleByPoints(l, u, new F(I.x, I.y))) || 0;
     i(N), s(R.RotateNode), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
@@ -14667,7 +14751,7 @@ const hm = () => {
       handle: ".appliance-plugin-rotate-mouse-pointer",
       onStart: M,
       onDrag: w,
-      onStop: I
+      onStop: T
     },
     /* @__PURE__ */ k.createElement(
       "div",
@@ -14689,12 +14773,12 @@ const hm = () => {
     _.unmountActiveListener(p);
   }), []);
   const p = (m) => {
-    var T;
+    var I;
     if (!m || o != null && o.isLocked) {
       d(!0), n(P.Pending), t(R.None);
       return;
     }
-    d(!1), (T = e == null ? void 0 : e.control.room) != null && T.disableDeviceInputs && (e.control.room.disableDeviceInputs = !1);
+    d(!1), (I = e == null ? void 0 : e.control.room) != null && I.disableDeviceInputs && (e.control.room.disableDeviceInputs = !1);
   };
   gt(() => {
     if (o != null && o.isLocked || e != null && e.control.worker.isBusy) {
@@ -14715,30 +14799,30 @@ const hm = () => {
       R.TranslateNode,
       { workIds: [V], position: { x: o == null ? void 0 : o.x, y: o == null ? void 0 : o.y }, workState: P.Start, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, y = Et((m, T) => {
+  }, y = Et((m, I) => {
     if (m.cancelable && m.preventDefault(), e != null && e.control.worker.isBusy) {
       d(!0), n(P.Pending);
       return;
     }
     m.stopPropagation();
-    const N = { x: T.x, y: T.y };
+    const N = { x: I.x, y: I.y };
     t(R.None), n(P.Done), e != null && e.control.room && (e.control.room.disableDeviceInputs = !1), _.emitMethod(
       X.MainEngine,
       R.TranslateNode,
       { workIds: [V], position: N, workState: P.Done, viewId: e == null ? void 0 : e.viewId }
     );
-  }, 100, { leading: !1 }), M = Et((m, T) => {
+  }, 100, { leading: !1 }), M = Et((m, I) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), e != null && e.control.worker.isBusy) {
       d(!0), n(P.Pending);
       return;
     }
-    const N = { x: T.x, y: T.y };
-    (T.x !== (o == null ? void 0 : o.x) || T.y !== (o == null ? void 0 : o.y)) && (n(P.Doing), _.emitMethod(
+    const N = { x: I.x, y: I.y };
+    (I.x !== (o == null ? void 0 : o.x) || I.y !== (o == null ? void 0 : o.y)) && (n(P.Doing), _.emitMethod(
       X.MainEngine,
       R.TranslateNode,
       { workIds: [V], position: N, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, 100, { leading: !1 }), I = q(() => !!((o == null ? void 0 : o.scaleType) === pt.none && (o != null && o.canLock)), [o]), w = Et((m) => (m.stopPropagation(), m.cancelable && m.preventDefault(), (r == null ? void 0 : r.x) === (o == null ? void 0 : o.x) && (r == null ? void 0 : r.y) === (o == null ? void 0 : o.y) && i(m), !1), 100, { leading: !1 });
+  }, 100, { leading: !1 }), T = q(() => !!((o == null ? void 0 : o.scaleType) === pt.none && (o != null && o.canLock)), [o]), w = Et((m) => (m.stopPropagation(), m.cancelable && m.preventDefault(), (r == null ? void 0 : r.x) === (o == null ? void 0 : o.x) && (r == null ? void 0 : r.y) === (o == null ? void 0 : o.y) && i(m), !1), 100, { leading: !1 });
   return /* @__PURE__ */ k.createElement(
     Ae,
     {
@@ -14758,7 +14842,7 @@ const hm = () => {
           width: o.w,
           height: o.h,
           zIndex: 2,
-          pointerEvents: I ? "none" : "auto",
+          pointerEvents: T ? "none" : "auto",
           touchAction: "none"
         } : void 0,
         onClick: (m) => {
@@ -14788,7 +14872,7 @@ const hm = () => {
       return;
     }
     y(!1), (L = u == null ? void 0 : u.control.room) != null && L.disableDeviceInputs && (u.control.room.disableDeviceInputs = !1);
-  }, I = (x) => [
+  }, T = (x) => [
     [x.x, x.y],
     [x.x + x.w, x.y],
     [x.x + x.w, x.y + x.h],
@@ -14867,15 +14951,15 @@ const hm = () => {
       }
     }
     E[0] = z.w / t.w, E[1] = z.h / t.h;
-    const H = I(z).map((Q) => A.control.viewContainerManager.transformToScenePoint(Q, A.viewId)), Z = w(H, x);
+    const H = T(z).map((Q) => A.control.viewContainerManager.transformToScenePoint(Q, A.viewId)), Z = w(H, x);
     return O && (rt[1] = Z[1] - j[1]), D && (rt[0] = Z[0] - j[0]), { scale: E, translate: rt };
-  }, T = (x, L) => {
+  }, I = (x, L) => {
     if (x.cancelable && x.preventDefault(), x.stopPropagation(), u != null && u.control.worker.isBusy) {
       y(!0);
       return;
     }
     if (h != null && h.w && (h != null && h.h) && u) {
-      const A = { x: h.x, y: h.y, w: h.w, h: h.h }, j = I(A), D = j.map((E) => u.control.viewContainerManager.transformToScenePoint(E, u.viewId)), O = w(j, L), z = w(D, L);
+      const A = { x: h.x, y: h.y, w: h.w, h: h.h }, j = T(A), D = j.map((E) => u.control.viewContainerManager.transformToScenePoint(E, u.viewId)), O = w(j, L), z = w(D, L);
       e(A), s(O), r(z), l(L), u != null && u.control.room && (u.control.room.disableDeviceInputs = !0), _.emitMethod(
         X.MainEngine,
         R.ScaleNode,
@@ -14942,7 +15026,7 @@ const hm = () => {
         topLeft: !0
       },
       lockAspectRatio: (h == null ? void 0 : h.scaleType) === pt.proportional,
-      onResizeStart: T,
+      onResizeStart: I,
       onResize: N,
       onResizeStop: v
     }
@@ -14978,24 +15062,24 @@ const hm = () => {
       p(!0), u(P.Pending);
       return;
     }
-    const T = { x: m.x, y: m.y };
-    if ((T.x !== (t == null ? void 0 : t.x) || T.y !== (t == null ? void 0 : t.y)) && (n != null && n.control.viewContainerManager)) {
-      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), v = e.get(o);
+    const I = { x: m.x, y: m.y };
+    if ((I.x !== (t == null ? void 0 : t.x) || I.y !== (t == null ? void 0 : t.y)) && (n != null && n.control.viewContainerManager)) {
+      const N = n.control.viewContainerManager.transformToScenePoint([I.x, I.y], n.viewId), v = e.get(o);
       v && i === "start" ? v[0] = N : v && i === "end" && (v[1] = N), u(P.Doing), _.emitMethod(
         X.MainEngine,
         R.SetPoint,
         { workId: V, pointMap: e, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
       );
     }
-  }, 100, { leading: !1 }), I = Et((w, m) => {
+  }, 100, { leading: !1 }), T = Et((w, m) => {
     if (w.cancelable && w.preventDefault(), n != null && n.control.worker.isBusy) {
       p(!0), u(P.Pending);
       return;
     }
     w.stopPropagation(), s(R.None), u(P.Done);
-    const T = { x: m.x, y: m.y };
+    const I = { x: m.x, y: m.y };
     if (n != null && n.control.viewContainerManager) {
-      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), v = e.get(o);
+      const N = n.control.viewContainerManager.transformToScenePoint([I.x, I.y], n.viewId), v = e.get(o);
       v && i === "start" ? v[0] = N : v && i === "end" && (v[1] = N), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
         X.MainEngine,
         R.SetPoint,
@@ -15010,7 +15094,7 @@ const hm = () => {
       position: c,
       onStart: y,
       onDrag: M,
-      onStop: I
+      onStop: T
     },
     /* @__PURE__ */ k.createElement(
       "div",
@@ -15238,16 +15322,16 @@ const Cm = (a) => {
     const u = i.maps.get(o);
     u && l(u.miniMapCamera, u.viewCamera);
   }, l = (u, d) => {
-    const { width: p, height: f } = s.getBoundingClientRect(), y = Math.min(p / u.width, f / u.height), M = d.width / d.scale, I = d.height / d.scale, w = [d.centerX, d.centerY], m = [u.centerX, u.centerY], T = [w[0] - m[0], w[1] - m[1]], N = Math.min(u.scale * y, u.scale * y), v = [T[0] * N, T[1] * N, M, I, N];
+    const { width: p, height: f } = s.getBoundingClientRect(), y = Math.min(p / u.width, f / u.height), M = d.width / d.scale, T = d.height / d.scale, w = [d.centerX, d.centerY], m = [u.centerX, u.centerY], I = [w[0] - m[0], w[1] - m[1]], N = Math.min(u.scale * y, u.scale * y), v = [I[0] * N, I[1] * N, M, T, N];
     r(v);
   }, h = (u) => {
     var d;
     if (i.control.renderControl.isWriteable()) {
       const p = u.nativeEvent.target || u.nativeEvent.srcElement;
       if (p && u.nativeEvent && n) {
-        const { width: f, height: y } = p.getBoundingClientRect(), [M, I] = [f / 2, y / 2], [w, m] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - I) / n[4]], T = i.maps.get(o);
-        if (T != null && T.viewCamera) {
-          const [N, v] = [T.miniMapCamera.centerX + w, T.miniMapCamera.centerY + m];
+        const { width: f, height: y } = p.getBoundingClientRect(), [M, T] = [f / 2, y / 2], [w, m] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - T) / n[4]], I = i.maps.get(o);
+        if (I != null && I.viewCamera) {
+          const [N, v] = [I.miniMapCamera.centerX + w, I.miniMapCamera.centerY + m];
           (d = i.control.room) == null || d.moveCamera({
             centerX: N,
             centerY: v,
@@ -15422,7 +15506,7 @@ class zm extends fn {
     super(t, e);
     g(this, "width", 1e3);
     g(this, "height", 1e3);
-    g(this, "dpr", 1);
+    g(this, "dpr", re());
     g(this, "vDom");
     g(this, "eventTragetElement");
     g(this, "snapshotContainerRef");
@@ -15439,7 +15523,8 @@ class zm extends fn {
   setCanvassStyle() {
     if (this.eventTragetElement) {
       const t = this.eventTragetElement.offsetWidth || this.width, e = this.eventTragetElement.offsetHeight || this.height;
-      t && e && this.canvasContainerRef.current && (t !== this.width || e !== this.height) && (this.dpr = le(), this.width = t, this.height = e, this.canvasContainerRef.current.style.width = `${t}px`, this.canvasContainerRef.current.style.height = `${e}px`), t && e && this.snapshotContainerRef && this.snapshotContainerRef.current && (t !== this.width || e !== this.height) && (this.dpr = le(), this.width = t, this.height = e), t && e && this.canvasBgRef.current && (t !== this.width || e !== this.height) && (this.dpr = le(this.canvasBgRef.current.getContext("2d")), this.width = t, this.height = e, this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = e * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = e * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = e * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = e * this.dpr));
+      let i = re();
+      this.canvasBgRef.current && (i = re(this.canvasBgRef.current.getContext("2d"))), i !== this.dpr && (this.dpr = i, this.control.worker.updateDpr(this.viewId, this.dpr)), t && e && this.canvasContainerRef.current && (t !== this.width || e !== this.height) && (this.width = t, this.height = e, this.canvasContainerRef.current.style.width = `${t}px`, this.canvasContainerRef.current.style.height = `${e}px`), t && e && this.snapshotContainerRef && this.snapshotContainerRef.current && (t !== this.width || e !== this.height) && (this.width = t, this.height = e), t && e && this.canvasBgRef.current && (t !== this.width || e !== this.height) && (this.width = t, this.height = e, this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = e * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = e * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = e * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = e * this.dpr));
     }
   }
   destroy() {
@@ -15469,7 +15554,7 @@ class zm extends fn {
 class Pm extends ww {
   constructor(t, e, i) {
     super(t, e, i);
-    g(this, "dpr", 1);
+    g(this, "dpr", re());
     g(this, "width", 1e3);
     g(this, "height", 1e3);
     g(this, "vDom");
@@ -15485,14 +15570,14 @@ class Pm extends ww {
   }
   setCanvassStyle() {
     if (this.eventTragetElement) {
-      if (this.canvasContainerRef.current) {
-        const t = this.eventTragetElement.offsetWidth || this.width, e = this.eventTragetElement.offsetHeight || this.height;
-        t && e && (t !== this.width || e !== this.height) && (this.width = t, this.height = e, this.dpr = le(), this.canvasContainerRef.current.style.width = `${t}px`, this.canvasContainerRef.current.style.height = `${e}px`);
+      let t = re();
+      if (this.canvasBgRef.current && (t = re(this.canvasBgRef.current.getContext("2d"))), t !== this.dpr && (this.dpr = t, this.control.worker.updateDpr(this.viewId, this.dpr)), this.canvasContainerRef.current) {
+        const e = this.eventTragetElement.offsetWidth || this.width, i = this.eventTragetElement.offsetHeight || this.height;
+        e && i && (e !== this.width || i !== this.height) && (this.width = e, this.height = i, this.canvasContainerRef.current.style.width = `${e}px`, this.canvasContainerRef.current.style.height = `${i}px`);
       }
       if (this.canvasBgRef.current) {
-        this.dpr = le(this.canvasBgRef.current.getContext("2d"));
-        const t = this.eventTragetElement.offsetWidth || this.width, e = this.eventTragetElement.offsetHeight || this.height;
-        t && e && (t !== this.width || e !== this.height) && (this.width = t, this.height = e, this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = e * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = e * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = e * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = e * this.dpr));
+        const e = this.eventTragetElement.offsetWidth || this.width, i = this.eventTragetElement.offsetHeight || this.height;
+        e && i && (e !== this.width || i !== this.height) && (this.width = e, this.height = i, this.canvasBgRef.current.width = e * this.dpr, this.canvasBgRef.current.height = i * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = e * this.dpr, this.canvasFloatRef.current.height = i * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = e * this.dpr, this.canvasServiceFloatRef.current.height = i * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = e * this.dpr, this.canvasTopRef.current.height = i * this.dpr));
       }
     }
   }
@@ -15785,7 +15870,7 @@ class Qt extends Ve {
     this.control.hotkeyManager.onActiveHotkey(t);
   }
 }
-class re extends xt {
+class ae extends xt {
   constructor(t) {
     super(t);
     g(this, "windowManager");
@@ -15923,37 +16008,37 @@ const B = class B extends gs {
       maxScreenshotWidth: 10 * 1024,
       maxScreenshotHeight: 10 * 1024,
       getBoundingRectAsync: async function(f) {
-        var I;
+        var T;
         B.logger.info("[ApplianceMultiPlugin] getBoundingRectAsync");
-        const y = (t.mainView || i).getBoundingRect(f), M = await ((I = B.currentManager) == null ? void 0 : I.getBoundingRect(f));
+        const y = (t.mainView || i).getBoundingRect(f), M = await ((T = B.currentManager) == null ? void 0 : T.getBoundingRect(f));
         return !y.width || !y.height ? M : pi(y, M);
       },
-      screenshotToCanvasAsync: async function(f, y, M, I, w, m) {
+      screenshotToCanvasAsync: async function(f, y, M, T, w, m) {
         var A;
         B.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let T = M, N = I, v = w.scale;
-        T > this.maxScreenshotWidth && (v = this.maxScreenshotWidth / T * v, T = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (v = Math.min(this.maxScreenshotHeight / N * v, v), N = this.maxScreenshotHeight), w.scale = v;
+        let I = M, N = T, v = w.scale;
+        I > this.maxScreenshotWidth && (v = this.maxScreenshotWidth / I * v, I = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (v = Math.min(this.maxScreenshotHeight / N * v, v), N = this.maxScreenshotHeight), w.scale = v;
         const x = document.createElement("canvas"), L = x.getContext("2d");
-        x.width = T * (m || 1), x.height = N * (m || 1), L && ((t.mainView || i).screenshotToCanvas(L, y, T, N, w, m), f.drawImage(x, Math.floor((M - T) / 2), Math.floor((I - N) / 2), T * (m || 1), N * (m || 1), 0, 0, T, N), x.remove()), B.currentManager && await ((A = B.currentManager) == null ? void 0 : A.screenshotToCanvas(f, y, T, N, w, Math.floor((M - T) / 2), Math.floor((I - N) / 2)));
+        x.width = I * (m || 1), x.height = N * (m || 1), L && ((t.mainView || i).screenshotToCanvas(L, y, I, N, w, m), f.drawImage(x, Math.floor((M - I) / 2), Math.floor((T - N) / 2), I * (m || 1), N * (m || 1), 0, 0, I, N), x.remove()), B.currentManager && await ((A = B.currentManager) == null ? void 0 : A.screenshotToCanvas(f, y, I, N, w, Math.floor((M - I) / 2), Math.floor((T - N) / 2)));
       },
-      scenePreviewAsync: async function(f, y, M, I, w) {
-        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(f, y, M, I, w);
+      scenePreviewAsync: async function(f, y, M, T, w) {
+        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(f, y, M, T, w);
         const m = document.createElement("img");
         m.className = "appliance-plugin-fill-scene-snapshot-img", y.append(m), getComputedStyle(y).position || (y.style.position = "relative"), B.currentManager && await B.currentManager.scenePreview(f, m);
       },
-      fillSceneSnapshotAsync: async function(f, y, M, I, w) {
-        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), y.innerHTML = "", (t.mainView || i).fillSceneSnapshot(f, y, M, I, w);
-        const m = M || t.mainView.size.width, T = I || t.mainView.size.height;
+      fillSceneSnapshotAsync: async function(f, y, M, T, w) {
+        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), y.innerHTML = "", (t.mainView || i).fillSceneSnapshot(f, y, M, T, w);
+        const m = M || t.mainView.size.width, I = T || t.mainView.size.height;
         let N = await this.getBoundingRectAsync(f);
         N || (N = {
           originX: 0,
           originY: 0,
           width: m,
-          height: T
+          height: I
         });
-        let v = Math.max(N == null ? void 0 : N.width, m), x = Math.max(N == null ? void 0 : N.height, T), L = 1;
-        const A = v > m && Math.min(m / v, L) || L, j = x > T && Math.min(T / x, L) || L;
-        A <= j ? (v = A < 1 && m || v, x = Math.floor(x * A) + 1, L = A) : A > j && (x = j < 1 && T || x, v = Math.floor(v * j) + 1, L = j);
+        let v = Math.max(N == null ? void 0 : N.width, m), x = Math.max(N == null ? void 0 : N.height, I), L = 1;
+        const A = v > m && Math.min(m / v, L) || L, j = x > I && Math.min(I / x, L) || L;
+        A <= j ? (v = A < 1 && m || v, x = Math.floor(x * A) + 1, L = A) : A > j && (x = j < 1 && I || x, v = Math.floor(v * j) + 1, L = j);
         const D = {
           scale: L,
           centerX: N.originX + N.width / 2,
@@ -15968,13 +16053,13 @@ const B = class B extends gs {
         }, y.append(E), getComputedStyle(y).position || (y.style.position = "relative");
       },
       _callbacksOn: function(f, y) {
-        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? re.InternalMsgEmitter.on(f, y) : s.call(i.callbacks, f, y);
+        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? ae.InternalMsgEmitter.on(f, y) : s.call(i.callbacks, f, y);
       },
       _callbacksOnce: function(f, y) {
-        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? re.InternalMsgEmitter.on(f, y) : r.call(i.callbacks, f, y);
+        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? ae.InternalMsgEmitter.on(f, y) : r.call(i.callbacks, f, y);
       },
       _callbacksOff: function(f, y) {
-        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? re.InternalMsgEmitter.off(f, y) : n.call(i.callbacks, f, y);
+        B.logger.info(`[ApplianceMultiPlugin] callbacks ${f}`), (f === "onCanUndoStepsUpdate" || f === "onCanRedoStepsUpdate") && ct(i) && i.isWritable ? ae.InternalMsgEmitter.off(f, y) : n.call(i.callbacks, f, y);
       },
       canRedoSteps() {
         if (B.logger.info("[ApplianceMultiPlugin] canRedoSteps"), B.currentManager && ct(i) && !i.disableSerialization) {
@@ -16051,10 +16136,10 @@ const B = class B extends gs {
           return B.currentManager.cancelFilterRender(f, y);
       },
       addListener: (f, y) => {
-        B.logger.info(`[ApplianceMultiPlugin] addListener ${f}`), re.PublicMsgEmitter.on(f, y);
+        B.logger.info(`[ApplianceMultiPlugin] addListener ${f}`), ae.PublicMsgEmitter.on(f, y);
       },
       removeListener: (f, y) => {
-        B.logger.info(`[ApplianceMultiPlugin] removeListener ${f}`), re.PublicMsgEmitter.off(f, y);
+        B.logger.info(`[ApplianceMultiPlugin] removeListener ${f}`), ae.PublicMsgEmitter.off(f, y);
       },
       usePlugin: (f) => {
         var y;
@@ -16075,9 +16160,9 @@ const B = class B extends gs {
       get() {
         return u.canRedoSteps();
       }
-    }), re.InternalMsgEmitter.on("onCanUndoStepsUpdate", (f) => {
+    }), ae.InternalMsgEmitter.on("onCanUndoStepsUpdate", (f) => {
       t.emitter.emit("canUndoStepsChange", f);
-    }), re.InternalMsgEmitter.on("onCanRedoStepsUpdate", (f) => {
+    }), ae.InternalMsgEmitter.on("onCanRedoStepsUpdate", (f) => {
       t.emitter.emit("canRedoStepsChange", f);
     });
     const p = {
@@ -16133,7 +16218,7 @@ g(B, "kind", "appliance-multi-plugin"), g(B, "currentManager"), g(B, "logger", {
     plugin: i,
     displayer: t.displayer,
     options: e
-  }, n = new re(s);
+  }, n = new ae(s);
   B.logger.info("[ApplianceMultiPlugin] refresh ApplianceMultiManager object"), n.setWindowManager(t), B.currentManager = n, t.room && t.room.logger.info(`[ApplianceMultiPlugin] use ${ai}`);
 });
 let ds = B;
@@ -16142,7 +16227,7 @@ class Dm extends fn {
     super(t, e);
     g(this, "width", 1e3);
     g(this, "height", 1e3);
-    g(this, "dpr", 1);
+    g(this, "dpr", re());
     g(this, "vDom");
     g(this, "viewId", yt);
     g(this, "eventTragetElement");
@@ -16160,7 +16245,8 @@ class Dm extends fn {
   setCanvassStyle() {
     if (this.eventTragetElement) {
       const t = this.eventTragetElement.offsetWidth, e = this.eventTragetElement.offsetHeight;
-      t && e && this.canvasContainerRef.current && (t !== this.width || e !== this.height) && (this.dpr = le()), t && e && this.canvasContainerRef.current && (t !== this.width || e !== this.height) && (this.dpr = le(), this.width = t, this.height = e), t && e && this.canvasBgRef.current && (t !== this.width || e !== this.height) && (this.dpr = le(this.canvasBgRef.current.getContext("2d")), this.width = t, this.height = e, this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = e * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = e * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = e * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = e * this.dpr));
+      let i = re();
+      this.canvasBgRef.current && (i = re(this.canvasBgRef.current.getContext("2d"))), i !== this.dpr && (this.dpr = i, this.control.worker.updateDpr(this.viewId, this.dpr)), t && e && this.canvasContainerRef.current && (t !== this.width || e !== this.height) && (this.width = t, this.height = e), t && e && this.canvasBgRef.current && (t !== this.width || e !== this.height) && (this.width = t, this.height = e, this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = e * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = e * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = e * this.dpr), this.canvasTopRef.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = e * this.dpr));
     }
   }
   createMainViewDisplayer(t) {
@@ -16410,37 +16496,37 @@ const W = class W extends gs {
         const f = t.getBoundingRect(p), y = await ((M = W.currentManager) == null ? void 0 : M.getBoundingRect(p));
         return !f.width || !f.height ? y : pi(f, y);
       },
-      screenshotToCanvasAsync: async function(p, f, y, M, I, w) {
+      screenshotToCanvasAsync: async function(p, f, y, M, T, w) {
         var L;
         W.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
-        let m = y, T = M, N = I.scale;
-        m > this.maxScreenshotWidth && (N = this.maxScreenshotWidth / m * N, m = this.maxScreenshotWidth), T > this.maxScreenshotHeight && (N = Math.min(this.maxScreenshotHeight / T * N, N), T = this.maxScreenshotHeight), I.scale = N;
+        let m = y, I = M, N = T.scale;
+        m > this.maxScreenshotWidth && (N = this.maxScreenshotWidth / m * N, m = this.maxScreenshotWidth), I > this.maxScreenshotHeight && (N = Math.min(this.maxScreenshotHeight / I * N, N), I = this.maxScreenshotHeight), T.scale = N;
         const v = document.createElement("canvas"), x = v.getContext("2d");
-        v.width = m * (w || 1), v.height = T * (w || 1), x && (t.screenshotToCanvas(x, f, m, T, I, w), p.drawImage(v, Math.floor((y - m) / 2), Math.floor((M - T) / 2), m * (w || 1), T * (w || 1), 0, 0, m, T), v.remove()), W.currentManager && await ((L = W.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, m, T, I, Math.floor((y - m) / 2), Math.floor((M - T) / 2)));
+        v.width = m * (w || 1), v.height = I * (w || 1), x && (t.screenshotToCanvas(x, f, m, I, T, w), p.drawImage(v, Math.floor((y - m) / 2), Math.floor((M - I) / 2), m * (w || 1), I * (w || 1), 0, 0, m, I), v.remove()), W.currentManager && await ((L = W.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, m, I, T, Math.floor((y - m) / 2), Math.floor((M - I) / 2)));
       },
-      scenePreviewAsync: async function(p, f, y, M, I) {
-        W.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(p, f, y, M, I);
+      scenePreviewAsync: async function(p, f, y, M, T) {
+        W.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(p, f, y, M, T);
         const w = document.createElement("img");
         w.className = "appliance-plugin-fill-scene-snapshot-img", f.append(w), getComputedStyle(f).position || (f.style.position = "relative"), W.currentManager && await W.currentManager.scenePreview(p, w);
       },
-      fillSceneSnapshotAsync: async function(p, f, y, M, I) {
+      fillSceneSnapshotAsync: async function(p, f, y, M, T) {
         var E, rt;
-        W.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), f.innerHTML = "", t.fillSceneSnapshot(p, f, y, M, I);
+        W.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), f.innerHTML = "", t.fillSceneSnapshot(p, f, y, M, T);
         const w = y || ((E = t.state.cameraState) == null ? void 0 : E.width) || 0, m = M || ((rt = t.state.cameraState) == null ? void 0 : rt.height) || 0;
-        let T = await this.getBoundingRectAsync(p);
-        T || (T = {
+        let I = await this.getBoundingRectAsync(p);
+        I || (I = {
           originX: 0,
           originY: 0,
           width: w,
           height: m
         });
-        let N = Math.max(T == null ? void 0 : T.width, w), v = Math.max(T == null ? void 0 : T.height, m), x = 1;
+        let N = Math.max(I == null ? void 0 : I.width, w), v = Math.max(I == null ? void 0 : I.height, m), x = 1;
         const L = N > w && Math.min(w / N, x) || x, A = v > m && Math.min(m / v, x) || x;
         L <= A ? (N = L < 1 && w || N, v = Math.floor(v * L) + 1, x = L) : L > A && (v = A < 1 && m || v, N = Math.floor(N * A) + 1, x = A);
         const j = {
           scale: x,
-          centerX: T.originX + T.width / 2,
-          centerY: T.originY + T.height / 2
+          centerX: I.originX + I.width / 2,
+          centerY: I.originY + I.height / 2
         }, D = document.createElement("canvas"), O = D.getContext("2d");
         D.width = N, D.height = v, O && await this.screenshotToCanvasAsync(O, p, N, v, j, devicePixelRatio);
         const z = document.createElement("img");
@@ -16812,7 +16898,7 @@ class Zm extends gw {
 }
 export {
   ds as A,
-  St as B,
+  It as B,
   Qm as C,
   Ot as D,
   P as E,
@@ -16822,7 +16908,7 @@ export {
   X as I,
   zn as J,
   Rt as K,
-  ee as L,
+  oe as L,
   yt as M,
   Zm as N,
   gw as P,
@@ -16843,7 +16929,7 @@ export {
   oo as l,
   lt as m,
   we as n,
-  oe as o,
+  _t as o,
   Ve as p,
   Lo as q,
   Vm as r,
@@ -16853,6 +16939,6 @@ export {
   fs as v,
   nt as w,
   et as x,
-  te as y,
+  ee as y,
   Ln as z
 };