@netless/appliance-plugin 1.1.14-beta.2 → 1.1.15-beta.1

package/dist/{index-DvFs8TTv.mjs → index-BZMch2Ky.mjs}

@@ -1,17 +1,17 @@
-var wn = Object.defineProperty;
-var mn = (a, i, t) => i in a ? wn(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
-var y = (a, i, t) => mn(a, typeof i != "symbol" ? i + "" : i, t);
+var mn = Object.defineProperty;
+var wn = (a, i, t) => i in a ? mn(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
+var y = (a, i, t) => wn(a, typeof i != "symbol" ? i + "" : i, t);
 import { toJS as ji, autorun as ys, isRoom as K, isPlayer as Hi, InvisiblePlugin as go, RoomPhase as yo } from "white-web-sdk";
 import { Group as Yt, Path as ce, Rect as Ms, Polyline as ue, Ellipse as vn, Label as In, Scene as Mo, Layer as Nn, Sprite as Sn } from "spritejs";
 import { decompress as Tn, compress as kn } from "lz-string";
 import Qi from "lineclip";
 import Ei from "eventemitter2";
-import { cloneDeep as gt, isEqual as ft, isSet as Ft, debounce as yi, isNumber as _, isBoolean as Ut, clone as ws, throttle as se } from "lodash";
+import { cloneDeep as gt, isEqual as ft, isSet as Ft, debounce as yi, isNumber as _, isBoolean as Ut, clone as ms, throttle as se } from "lodash";
 import k, { useContext as xt, useState as nt, useMemo as X, useEffect as yt, useRef as De, useCallback as Cn } from "react";
 import Gi, { createPortal as bn } from "react-dom";
 import Ae from "react-draggable";
 import { Resizable as xn } from "re-resizable";
-const Vm = "/fullWorker.js", Hm = "/subWorker.js";
+const Vw = "/fullWorker.js", Hw = "/subWorker.js";
 var at = /* @__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))(at || {}), st = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(st || {}), _t = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(_t || {}), B = /* @__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))(B || {}), ot = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(ot || {}), Ln = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(Ln || {}), I = /* @__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))(I || {}), 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 || {}), x = /* @__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))(x || {}), Nt = /* @__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))(Nt || {}), ti = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(ti || {}), si = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(si || {}), lt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(lt || {}), 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 || {}), ei = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(ei || {}), 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 || {});
 const Pn = {
   linear: (a) => a,
@@ -497,7 +497,7 @@ var Je = 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 Je == "object" && Je && Je.Object === Object && Je, wo = An, jn = wo, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), Kt = On, Rn = Kt, Wn = Rn.Symbol, Ge = Wn, ms = Ge, mo = Object.prototype, Yn = mo.hasOwnProperty, Un = mo.toString, Be = ms ? ms.toStringTag : void 0;
+var An = typeof Je == "object" && Je && Je.Object === Object && Je, mo = An, jn = mo, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), Kt = On, Rn = Kt, Wn = Rn.Symbol, Ge = Wn, ws = Ge, wo = Object.prototype, Yn = wo.hasOwnProperty, Un = wo.toString, Be = ws ? ws.toStringTag : void 0;
 function Bn(a) {
   var i = Yn.call(a, Be), t = a[Be];
   try {
@@ -516,11 +516,11 @@ var Qn = Hn, vs = Ge, Gn = Fn, Zn = Qn, Xn = "[object Null]", Jn = "[object Unde
 function qn(a) {
   return a == null ? a === void 0 ? Jn : Xn : Is && Is in Object(a) ? Gn(a) : Zn(a);
 }
-var me = qn;
+var we = qn;
 function Kn(a) {
   return a != null && typeof a == "object";
 }
-var oe = Kn, _n = me, tr = oe, er = "[object Number]";
+var oe = Kn, _n = we, tr = oe, er = "[object Number]";
 function ir(a) {
   return typeof a == "number" || tr(a) && _n(a) == er;
 }
@@ -554,15 +554,15 @@ function gr(a) {
   return t < 0 ? void 0 : i[t][1];
 }
 var yr = gr, Mr = Mi;
-function wr(a) {
+function mr(a) {
   return Mr(this.__data__, a) > -1;
 }
-var mr = wr, vr = Mi;
+var wr = mr, vr = Mi;
 function Ir(a, i) {
   var t = this.__data__, e = vr(t, a);
   return e < 0 ? (++this.size, t.push([a, i])) : t[e][1] = i, this;
 }
-var Nr = Ir, Sr = nr, Tr = pr, kr = yr, Cr = mr, br = Nr;
+var Nr = Ir, Sr = nr, Tr = pr, kr = yr, Cr = wr, br = Nr;
 function Ee(a) {
   var i = -1, t = a == null ? 0 : a.length;
   for (this.clear(); ++i < t; ) {
@@ -575,7 +575,7 @@ Ee.prototype.delete = Tr;
 Ee.prototype.get = kr;
 Ee.prototype.has = Cr;
 Ee.prototype.set = br;
-var wi = Ee, xr = wi;
+var mi = Ee, xr = mi;
 function Lr() {
   this.__data__ = new xr(), this.size = 0;
 }
@@ -597,7 +597,7 @@ function Rr(a) {
   var i = typeof a;
   return a != null && (i == "object" || i == "function");
 }
-var de = Rr, Wr = me, Yr = de, Ur = "[object AsyncFunction]", Br = "[object Function]", Fr = "[object GeneratorFunction]", $r = "[object Proxy]";
+var de = Rr, Wr = we, Yr = de, Ur = "[object AsyncFunction]", Br = "[object Function]", Fr = "[object GeneratorFunction]", $r = "[object Proxy]";
 function Vr(a) {
   if (!Yr(a))
     return !1;
@@ -643,7 +643,7 @@ function ya(a, i) {
   var t = ga(a, i);
   return fa(t) ? t : void 0;
 }
-var ve = ya, Ma = ve, wa = Kt, ma = Ma(wa, "Map"), Xi = ma, va = ve, Ia = va(Object, "create"), mi = Ia, Ss = mi;
+var ve = ya, Ma = ve, ma = Kt, wa = Ma(ma, "Map"), Xi = wa, va = ve, Ia = va(Object, "create"), wi = Ia, Ss = wi;
 function Na() {
   this.__data__ = Ss ? Ss(null) : {}, this.size = 0;
 }
@@ -652,7 +652,7 @@ function Ta(a) {
   var i = this.has(a) && delete this.__data__[a];
   return this.size -= i ? 1 : 0, i;
 }
-var ka = Ta, Ca = mi, ba = "__lodash_hash_undefined__", xa = Object.prototype, La = xa.hasOwnProperty;
+var ka = Ta, Ca = wi, ba = "__lodash_hash_undefined__", xa = Object.prototype, La = xa.hasOwnProperty;
 function za(a) {
   var i = this.__data__;
   if (Ca) {
@@ -661,12 +661,12 @@ function za(a) {
   }
   return La.call(i, a) ? i[a] : void 0;
 }
-var Pa = za, Da = mi, Aa = Object.prototype, ja = Aa.hasOwnProperty;
+var Pa = za, Da = wi, Aa = Object.prototype, ja = Aa.hasOwnProperty;
 function Ea(a) {
   var i = this.__data__;
   return Da ? i[a] !== void 0 : ja.call(i, a);
 }
-var Oa = Ea, Ra = mi, Wa = "__lodash_hash_undefined__";
+var Oa = Ea, Ra = wi, Wa = "__lodash_hash_undefined__";
 function Ya(a, i) {
   var t = this.__data__;
   return this.size += this.has(a) ? 0 : 1, t[a] = Ra && i === void 0 ? Wa : i, this;
@@ -684,7 +684,7 @@ Oe.prototype.delete = Fa;
 Oe.prototype.get = $a;
 Oe.prototype.has = Va;
 Oe.prototype.set = Ha;
-var Qa = Oe, Ts = Qa, Ga = wi, Za = Xi;
+var Qa = Oe, Ts = Qa, Ga = mi, Za = Xi;
 function Xa() {
   this.size = 0, this.__data__ = {
     hash: new Ts(),
@@ -733,18 +733,18 @@ Re.prototype.delete = fc;
 Re.prototype.get = gc;
 Re.prototype.has = yc;
 Re.prototype.set = Mc;
-var No = Re, wc = wi, mc = Xi, vc = No, Ic = 200;
+var No = Re, mc = mi, wc = Xi, vc = No, Ic = 200;
 function Nc(a, i) {
   var t = this.__data__;
-  if (t instanceof wc) {
+  if (t instanceof mc) {
     var e = t.__data__;
-    if (!mc || e.length < Ic - 1)
+    if (!wc || e.length < Ic - 1)
       return e.push([a, i]), this.size = ++t.size, this;
     t = this.__data__ = new vc(e);
   }
   return t.set(a, i), this.size = t.size, this;
 }
-var Sc = Nc, Tc = wi, kc = zr, Cc = Dr, bc = jr, xc = Or, Lc = Sc;
+var Sc = Nc, Tc = mi, kc = zr, Cc = Dr, bc = jr, xc = Or, Lc = Sc;
 function We(a) {
   var i = this.__data__ = new Tc(a);
   this.size = i.size;
@@ -796,7 +796,7 @@ function $c(a, i) {
     e[t] = i(t);
   return e;
 }
-var Vc = $c, Hc = me, Qc = oe, Gc = "[object Arguments]";
+var Vc = $c, Hc = we, Qc = oe, Gc = "[object Arguments]";
 function Zc(a) {
   return Qc(a) && Hc(a) == Gc;
 }
@@ -823,9 +823,9 @@ var rl = nl, al = 9007199254740991;
 function cl(a) {
   return typeof a == "number" && a > -1 && a % 1 == 0 && a <= al;
 }
-var Lo = cl, ll = me, hl = Lo, ul = oe, dl = "[object Arguments]", pl = "[object Array]", fl = "[object Boolean]", gl = "[object Date]", yl = "[object Error]", Ml = "[object Function]", wl = "[object Map]", ml = "[object Number]", vl = "[object Object]", Il = "[object RegExp]", Nl = "[object Set]", Sl = "[object String]", Tl = "[object WeakMap]", kl = "[object ArrayBuffer]", Cl = "[object DataView]", bl = "[object Float32Array]", xl = "[object Float64Array]", Ll = "[object Int8Array]", zl = "[object Int16Array]", Pl = "[object Int32Array]", Dl = "[object Uint8Array]", Al = "[object Uint8ClampedArray]", jl = "[object Uint16Array]", El = "[object Uint32Array]", It = {};
+var Lo = cl, ll = we, hl = Lo, ul = oe, dl = "[object Arguments]", pl = "[object Array]", fl = "[object Boolean]", gl = "[object Date]", yl = "[object Error]", Ml = "[object Function]", ml = "[object Map]", wl = "[object Number]", vl = "[object Object]", Il = "[object RegExp]", Nl = "[object Set]", Sl = "[object String]", Tl = "[object WeakMap]", kl = "[object ArrayBuffer]", Cl = "[object DataView]", bl = "[object Float32Array]", xl = "[object Float64Array]", Ll = "[object Int8Array]", zl = "[object Int16Array]", Pl = "[object Int32Array]", Dl = "[object Uint8Array]", Al = "[object Uint8ClampedArray]", jl = "[object Uint16Array]", El = "[object Uint32Array]", It = {};
 It[bl] = It[xl] = It[Ll] = It[zl] = It[Pl] = It[Dl] = It[Al] = It[jl] = It[El] = !0;
-It[dl] = It[pl] = It[kl] = It[fl] = It[Cl] = It[gl] = It[yl] = It[Ml] = It[wl] = It[ml] = It[vl] = It[Il] = It[Nl] = It[Sl] = It[Tl] = !1;
+It[dl] = It[pl] = It[kl] = It[fl] = It[Cl] = It[gl] = It[yl] = It[Ml] = It[ml] = It[wl] = It[vl] = It[Il] = It[Nl] = It[Sl] = It[Tl] = !1;
 function Ol(a) {
   return ul(a) && hl(a.length) && !!It[ll(a)];
 }
@@ -838,7 +838,7 @@ function Wl(a) {
 var Ni = Wl, ni = { exports: {} };
 ni.exports;
 (function(a, i) {
-  var t = wo, e = i && !i.nodeType && i, s = e && !0 && a && !a.nodeType && a, o = s && s.exports === e, n = o && t.process, r = function() {
+  var t = mo, e = i && !i.nodeType && i, s = e && !0 && a && !a.nodeType && a, o = s && s.exports === e, n = o && t.process, r = function() {
     try {
       var c = s && s.require && s.require("util").types;
       return c || n && n.binding && n.binding("util");
@@ -887,10 +887,10 @@ function gh(a) {
   return fh(a) ? dh(a) : ph(a);
 }
 var ts = gh, yh = Ii, Mh = ts;
-function wh(a, i) {
+function mh(a, i) {
   return a && yh(i, Mh(i), a);
 }
-var mh = wh;
+var wh = mh;
 function vh(a) {
   var i = [];
   if (a != null)
@@ -977,11 +977,11 @@ var Ro = du, pu = Ro, fu = is, gu = ts;
 function yu(a) {
   return pu(a, gu, fu);
 }
-var Wo = yu, Mu = Ro, wu = Oo, mu = es;
+var Wo = yu, Mu = Ro, mu = Oo, wu = es;
 function vu(a) {
-  return Mu(a, mu, wu);
+  return Mu(a, wu, mu);
 }
-var Iu = vu, Nu = ve, Su = Kt, Tu = Nu(Su, "DataView"), ku = Tu, Cu = ve, bu = Kt, xu = Cu(bu, "Promise"), Lu = xu, zu = ve, Pu = Kt, Du = zu(Pu, "Set"), Yo = Du, Au = ve, ju = Kt, Eu = Au(ju, "WeakMap"), Ou = Eu, Oi = ku, Ri = Xi, Wi = Lu, Yi = Yo, Ui = Ou, Uo = me, Ye = Io, zs = "[object Map]", Ru = "[object Object]", Ps = "[object Promise]", Ds = "[object Set]", As = "[object WeakMap]", js = "[object DataView]", Wu = Ye(Oi), Yu = Ye(Ri), Uu = Ye(Wi), Bu = Ye(Yi), Fu = Ye(Ui), fe = Uo;
+var Iu = vu, Nu = ve, Su = Kt, Tu = Nu(Su, "DataView"), ku = Tu, Cu = ve, bu = Kt, xu = Cu(bu, "Promise"), Lu = xu, zu = ve, Pu = Kt, Du = zu(Pu, "Set"), Yo = Du, Au = ve, ju = Kt, Eu = Au(ju, "WeakMap"), Ou = Eu, Oi = ku, Ri = Xi, Wi = Lu, Yi = Yo, Ui = Ou, Uo = we, Ye = Io, zs = "[object Map]", Ru = "[object Object]", Ps = "[object Promise]", Ds = "[object Set]", As = "[object WeakMap]", js = "[object DataView]", Wu = Ye(Oi), Yu = Ye(Ri), Uu = Ye(Wi), Bu = Ye(Yi), Fu = Ye(Ui), fe = Uo;
 (Oi && fe(new Oi(new ArrayBuffer(1))) != js || Ri && fe(new Ri()) != zs || Wi && fe(Wi.resolve()) != Ps || Yi && fe(new Yi()) != Ds || Ui && fe(new Ui()) != As) && (fe = function(a) {
   var i = Uo(a), t = i == Ru ? a.constructor : void 0, e = t ? Ye(t) : "";
   if (e)
@@ -1028,7 +1028,7 @@ function nd(a, i) {
   var t = i ? od(a.buffer) : a.buffer;
   return new a.constructor(t, a.byteOffset, a.length);
 }
-var rd = nd, ad = os, cd = Ku, ld = ed, hd = sd, ud = rd, dd = "[object Boolean]", pd = "[object Date]", fd = "[object Map]", gd = "[object Number]", yd = "[object RegExp]", Md = "[object Set]", wd = "[object String]", md = "[object Symbol]", vd = "[object ArrayBuffer]", Id = "[object DataView]", Nd = "[object Float32Array]", Sd = "[object Float64Array]", Td = "[object Int8Array]", kd = "[object Int16Array]", Cd = "[object Int32Array]", bd = "[object Uint8Array]", xd = "[object Uint8ClampedArray]", Ld = "[object Uint16Array]", zd = "[object Uint32Array]";
+var rd = nd, ad = os, cd = Ku, ld = ed, hd = sd, ud = rd, dd = "[object Boolean]", pd = "[object Date]", fd = "[object Map]", gd = "[object Number]", yd = "[object RegExp]", Md = "[object Set]", md = "[object String]", wd = "[object Symbol]", vd = "[object ArrayBuffer]", Id = "[object DataView]", Nd = "[object Float32Array]", Sd = "[object Float64Array]", Td = "[object Int8Array]", kd = "[object Int16Array]", Cd = "[object Int32Array]", bd = "[object Uint8Array]", xd = "[object Uint8ClampedArray]", Ld = "[object Uint16Array]", zd = "[object Uint32Array]";
 function Pd(a, i, t) {
   var e = a.constructor;
   switch (i) {
@@ -1052,13 +1052,13 @@ function Pd(a, i, t) {
     case fd:
       return new e();
     case gd:
-    case wd:
+    case md:
       return new e(a);
     case yd:
       return ld(a);
     case Md:
       return new e();
-    case md:
+    case wd:
       return hd(a);
   }
 }
@@ -1088,7 +1088,7 @@ function _d(a) {
 }
 var tp = _d, ep = tp, ip = Ni, Fs = qi, $s = Fs && Fs.isSet, sp = $s ? ip($s) : ep, Fo = sp;
 const op = /* @__PURE__ */ je(Fo);
-var np = So, rp = Pc, ap = Co, cp = mh, lp = Oh, hp = Rh, up = Yh, dp = Jh, pp = lu, fp = Wo, gp = Iu, yp = Si, Mp = Qu, wp = Dd, mp = Ud, vp = Ze, Ip = Ji, Np = Xd, Sp = de, Tp = Fo, kp = ts, Cp = es, bp = 1, xp = 2, Lp = 4, $o = "[object Arguments]", zp = "[object Array]", Pp = "[object Boolean]", Dp = "[object Date]", Ap = "[object Error]", Vo = "[object Function]", jp = "[object GeneratorFunction]", Ep = "[object Map]", Op = "[object Number]", Ho = "[object Object]", Rp = "[object RegExp]", Wp = "[object Set]", Yp = "[object String]", Up = "[object Symbol]", Bp = "[object WeakMap]", Fp = "[object ArrayBuffer]", $p = "[object DataView]", Vp = "[object Float32Array]", Hp = "[object Float64Array]", Qp = "[object Int8Array]", Gp = "[object Int16Array]", Zp = "[object Int32Array]", Xp = "[object Uint8Array]", Jp = "[object Uint8ClampedArray]", qp = "[object Uint16Array]", Kp = "[object Uint32Array]", vt = {};
+var np = So, rp = Pc, ap = Co, cp = wh, lp = Oh, hp = Rh, up = Yh, dp = Jh, pp = lu, fp = Wo, gp = Iu, yp = Si, Mp = Qu, mp = Dd, wp = Ud, vp = Ze, Ip = Ji, Np = Xd, Sp = de, Tp = Fo, kp = ts, Cp = es, bp = 1, xp = 2, Lp = 4, $o = "[object Arguments]", zp = "[object Array]", Pp = "[object Boolean]", Dp = "[object Date]", Ap = "[object Error]", Vo = "[object Function]", jp = "[object GeneratorFunction]", Ep = "[object Map]", Op = "[object Number]", Ho = "[object Object]", Rp = "[object RegExp]", Wp = "[object Set]", Yp = "[object String]", Up = "[object Symbol]", Bp = "[object WeakMap]", Fp = "[object ArrayBuffer]", $p = "[object DataView]", Vp = "[object Float32Array]", Hp = "[object Float64Array]", Qp = "[object Int8Array]", Gp = "[object Int16Array]", Zp = "[object Int32Array]", Xp = "[object Uint8Array]", Jp = "[object Uint8ClampedArray]", qp = "[object Uint16Array]", Kp = "[object Uint32Array]", vt = {};
 vt[$o] = vt[zp] = vt[Fp] = vt[$p] = vt[Pp] = vt[Dp] = vt[Vp] = vt[Hp] = vt[Qp] = vt[Gp] = vt[Zp] = vt[Ep] = vt[Op] = vt[Ho] = vt[Rp] = vt[Wp] = vt[Yp] = vt[Up] = vt[Xp] = vt[Jp] = vt[qp] = vt[Kp] = !0;
 vt[Ap] = vt[Vo] = vt[Bp] = !1;
 function ii(a, i, t, e, s, o) {
@@ -1106,12 +1106,12 @@ function ii(a, i, t, e, s, o) {
     if (Ip(a))
       return hp(a, r);
     if (u == Ho || u == $o || d && !s) {
-      if (n = c || d ? {} : mp(a), !r)
+      if (n = c || d ? {} : wp(a), !r)
         return c ? pp(a, lp(n, a)) : dp(a, cp(n, a));
     } else {
       if (!vt[u])
         return s ? a : {};
-      n = wp(a, u, r);
+      n = mp(a, u, r);
     }
   }
   o || (o = new np());
@@ -1133,7 +1133,7 @@ function of(a) {
   return tf(a, ef | sf);
 }
 var nf = of;
-const Pt = /* @__PURE__ */ je(nf), Qo = "1.1.14-beta.2", rf = "@netless/appliance-plugin", ns = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const Pt = /* @__PURE__ */ je(nf), Qo = "1.1.15-beta.1", rf = "@netless/appliance-plugin", ns = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
   a += ` ${rf}@${Qo}`, window.__netlessUA = a;
@@ -1248,7 +1248,6 @@ const jt = class jt {
     }
   }
   drawEraserlines(i) {
-    var C;
     const { group: t, eraserlines: e, pos: s, layer: o } = i, n = !!o.renderer.glRenderer, r = o.parent, c = o.parent.parent, l = o.getAttribute("scale"), h = o.getAttribute("translate"), u = this.createVmRenderNode(`${this.workId}_bitMapLayer`, c, {
       offscreen: r.offscreen,
       width: r.width,
@@ -1267,9 +1266,9 @@ const jt = class jt {
       y: Math.floor(p.y - jt.SafeBorderPadding),
       width: Math.floor(p.width + jt.SafeBorderPadding * 2),
       height: Math.floor(p.height + jt.SafeBorderPadding * 2)
-    }, v = g.options.displayRatio, m = Math.floor(M.x * v), S = Math.floor(M.y * v), T = Math.floor(M.width * v), N = Math.floor(M.height * v), w = this.isTransparentRectByCanvas(g.context, { x: m, y: S, w: T, h: N });
-    if (c.removeChild(f), w) {
-      this.isDelete = !0, console.log("isTransparent===>", this.workId, (C = this.vNodes) == null ? void 0 : C.curNodeMap.size);
+    }, v = g.options.displayRatio, w = Math.floor(M.x * v), S = Math.floor(M.y * v), T = Math.floor(M.width * v), N = Math.floor(M.height * v), m = this.isTransparentRectByCanvas(g.context, { x: w, y: S, w: T, h: N });
+    if (c.removeChild(f), m) {
+      this.isDelete = !0;
       return;
     }
     this.addEraserlines(t, e, s, n);
@@ -1381,7 +1380,7 @@ const jt = class jt {
       s.remove(), s.disconnect();
   }
   static updateNodeOpt(i) {
-    var m;
+    var w;
     const { node: t, opt: e, vNodes: s, willSerializeData: o, targetNode: n } = i, { zIndex: r, translate: c, angle: l, originPoint: h, scenePoint: u, scale: d, pointMap: f, thickness: g } = e;
     let p;
     const M = n && Pt(n) || s.get(t.name);
@@ -1394,9 +1393,9 @@ const jt = class jt {
         ps(M.op, u, d, c);
         const T = [M.op[0], M.op[1]], N = [T[0] - S[0], T[1] - S[1]];
         if (M.centerPos = [M.centerPos[0] + N[0], M.centerPos[1] + N[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
-          for (const w of Object.values(M.opt.eraserlines)) {
-            const { op: C, thickness: L } = w;
-            w.thickness = L * Math.max(d[0], d[1]);
+          for (const m of Object.values(M.opt.eraserlines)) {
+            const { op: C, thickness: L } = m;
+            m.thickness = L * Math.max(d[0], d[1]);
             for (let D = 0; D < C.length; D++)
               fs(C[D], u, d, c);
           }
@@ -1421,18 +1420,18 @@ const jt = class jt {
           for (let T = 0, N = 0; T < M.op.length; T += 3, N++)
             M.op[T] = S[N][0], M.op[T + 1] = S[N][1];
       }
-      if (g && ((m = M == null ? void 0 : M.opt) != null && m.thickness) && (M.opt.thickness = g), o && !(h && d && n)) {
+      if (g && ((w = M == null ? void 0 : M.opt) != null && w.thickness) && (M.opt.thickness = g), o && !(h && d && n)) {
         if (c) {
           const S = M.op.map((T, N) => {
-            const w = N % 3;
-            return w === 0 ? T + c[0] : w === 1 ? T + c[1] : T;
+            const m = N % 3;
+            return m === 0 ? T + c[0] : m === 1 ? T + c[1] : T;
           });
           if (M.op = S, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0), M.opt.eraserlines)
             for (const T of Object.values(M.opt.eraserlines)) {
               const { op: N } = T;
-              for (let w = 0; w < N.length; w++) {
-                const C = N[w].map((L, D) => D % 2 ? L + c[1] : L + c[0]);
-                T.op[w] = C;
+              for (let m = 0; m < N.length; m++) {
+                const C = N[m].map((L, D) => D % 2 ? L + c[1] : L + c[0]);
+                T.op[m] = C;
               }
             }
         } else if (Wt(l)) {
@@ -1440,8 +1439,8 @@ const jt = class jt {
           if (EM(S, M.centerPos, l), M.op = S, M != null && M.opt && (M.opt.rotate = void 0), M.opt.eraserlines)
             for (const T of Object.values(M.opt.eraserlines)) {
               const { op: N } = T;
-              for (let w = 0; w < N.length; w++)
-                OM(N[w], M.centerPos, l);
+              for (let m = 0; m < N.length; m++)
+                OM(N[m], M.centerPos, l);
             }
         }
       }
@@ -1525,8 +1524,8 @@ class Go extends W {
     let g, p = !1;
     const M = this.syncIndex;
     if (this.syncTimestamp === 0 && (this.syncTimestamp = Date.now()), h.length && (h[0].taskId - this.syncTimestamp > this.syncUnitTime && (p = !0, this.syncTimestamp = h[0].taskId, this.syncIndex = this.tmpPoints.length), o || n)) {
-      const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      g = this.draw({ attrs: f, tasks: h, effects: u, layer: m, removeDrawCount: c });
+      const w = s ? this.fullLayer : this.drawLayer || this.fullLayer;
+      g = this.draw({ attrs: f, tasks: h, effects: u, layer: w, removeDrawCount: c });
     }
     if (o)
       return d > 10 && this.tmpPoints.splice(0, d - 10), {
@@ -1535,8 +1534,8 @@ class Go extends W {
         dataType: U.Local
       };
     const v = [];
-    return this.tmpPoints.slice(M).forEach((m) => {
-      v.push(m.x, m.y, this.computRadius(m.z, this.workOptions.thickness));
+    return this.tmpPoints.slice(M).forEach((w) => {
+      v.push(w.x, w.y, this.computRadius(w.z, this.workOptions.thickness));
     }), {
       ...this.baseConsumeResult,
       type: x.DrawWork,
@@ -1633,14 +1632,14 @@ class Go extends W {
   }
   draw(t) {
     const { attrs: e, tasks: s, replaceId: o, effects: n, layer: r, removeDrawCount: c } = t, { strokeColor: l, strokeType: h, thickness: u, zIndex: d, scale: f, rotate: g, translate: p, eraserlines: M } = this.workOptions;
-    n != null && n.size && (n.forEach((w) => {
+    n != null && n.size && (n.forEach((m) => {
       var C;
-      (C = r.getElementById(w + "")) == null || C.remove();
+      (C = r.getElementById(m + "")) == null || C.remove();
     }), n.clear()), c && this.removeDrawCountNodes(r, c);
     let v;
-    const m = [], S = r.worldPosition, T = r.worldScaling;
-    for (let w = 0; w < s.length; w++) {
-      const { pos: C, points: L } = s[w], { ps: D, rect: A } = this.computDrawPoints(L);
+    const w = [], S = r.worldPosition, T = r.worldScaling;
+    for (let m = 0; m < s.length; m++) {
+      const { pos: C, points: L } = s[m], { ps: D, rect: A } = this.computDrawPoints(L);
       let E;
       const O = L.length === 1;
       h === st.Stroke || O ? E = re(D, !0) : E = re(D, !1);
@@ -1658,24 +1657,24 @@ class Go extends W {
         y: Math.floor((A.y + C[1]) * T[1] + S[1] - W.SafeBorderPadding),
         w: Math.floor(A.w * T[0] + 2 * W.SafeBorderPadding),
         h: Math.floor(A.h * T[1] + 2 * W.SafeBorderPadding)
-      }), m.push(z);
+      }), w.push(z);
     }
     f && (e.scale = f), g && (e.rotate = g), p && (e.translate = p);
     const N = new Yt();
     if (v) {
       this.centerPos = W.getCenterPos(v, r);
-      const w = h === st.Stroke && !M;
+      const m = h === st.Stroke && !M;
       N.attr({
         ...e,
         normalize: !0,
         anchor: [0.5, 0.5],
-        bgcolor: w ? l : void 0,
+        bgcolor: m ? l : void 0,
         pos: this.centerPos,
         size: [(v.w - 2 * W.SafeBorderPadding) / T[0], (v.h - 2 * W.SafeBorderPadding) / T[1]],
         zIndex: d
       });
-      const C = m.map((L) => (L.pos = [L.pos[0] - this.centerPos[0], L.pos[1] - this.centerPos[1]], new ce(L)));
-      N.append(...C), w && N.seal(), M && (this.scaleType = lt.proportional, this.drawEraserlines({
+      const C = w.map((L) => (L.pos = [L.pos[0] - this.centerPos[0], L.pos[1] - this.centerPos[1]], new ce(L)));
+      N.append(...C), m && N.seal(), M && (this.scaleType = lt.proportional, this.drawEraserlines({
         group: N,
         eraserlines: M,
         pos: this.centerPos,
@@ -1683,13 +1682,13 @@ class Go extends W {
       })), this.replace(r, o, N);
     }
     if (f || g || p) {
-      const w = N == null ? void 0 : N.getBoundingClientRect();
-      if (w)
+      const m = N == null ? void 0 : N.getBoundingClientRect();
+      if (m)
         return {
-          x: Math.floor(w.x - W.SafeBorderPadding),
-          y: Math.floor(w.y - W.SafeBorderPadding),
-          w: Math.floor(w.width + W.SafeBorderPadding * 2),
-          h: Math.floor(w.height + W.SafeBorderPadding * 2)
+          x: Math.floor(m.x - W.SafeBorderPadding),
+          y: Math.floor(m.y - W.SafeBorderPadding),
+          w: Math.floor(m.width + W.SafeBorderPadding * 2),
+          h: Math.floor(m.height + W.SafeBorderPadding * 2)
         };
     }
     return v;
@@ -1700,7 +1699,7 @@ class Go extends W {
   computNomal(t) {
     let e = this.workOptions.thickness;
     const s = t.map((o) => (e = Math.max(e, o.radius), o.point));
-    return { ps: s, rect: wt(s, e) };
+    return { ps: s, rect: mt(s, e) };
   }
   computStroke(t) {
     return t.length === 1 ? this.computDotStroke(t[0]) : this.computLineStroke(t);
@@ -1715,7 +1714,7 @@ class Go extends W {
       e.push(F.Sub(h, f)), s.push(F.Add(h, f));
     }
     const o = t[t.length - 1], n = F.GetSemicircleStroke(o.point, e[e.length - 1], -1, 8), r = F.GetSemicircleStroke(t[0].point, s[0], -1, 8), c = e.concat(n, s.reverse(), r);
-    return { ps: c, rect: wt(c) };
+    return { ps: c, rect: mt(c) };
   }
   computDotStroke(t) {
     const { point: e, radius: s } = t, o = { x: e.x - s, y: e.y - s, w: s * 2, h: s * 2 };
@@ -1753,12 +1752,12 @@ class Go extends W {
       }), o > 0 && o < t.length - 1) {
         const v = t[o].getAngleByPoints(t[o - 1], t[o + 1]);
         if (v < 60 || v > 300) {
-          const m = (u = l.pop()) == null ? void 0 : u.point.clone();
-          m && s.push({
+          const w = (u = l.pop()) == null ? void 0 : u.point.clone();
+          w && s.push({
             taskId: h,
             pos: c,
             points: [...l, {
-              point: m,
+              point: w,
               radius: M
             }]
           }), n = t[o].x, r = t[o].y, c = [n, r];
@@ -1793,7 +1792,7 @@ class Go extends W {
           if (f.setz(Math.min(f.z + 1, this.MAX_REPEAR)), r = Math.min(r, d), h > 1) {
             let v = h - 1;
             for (; v > 0; ) {
-              const m = this.tmpPoints[v].distance(this.tmpPoints[v - 1]), S = Math.max(this.tmpPoints[v].z - this.uniThickness * m, 0);
+              const w = this.tmpPoints[v].distance(this.tmpPoints[v - 1]), S = Math.max(this.tmpPoints[v].z - this.uniThickness * w, 0);
               if (this.tmpPoints[v - 1].z >= S)
                 break;
               this.tmpPoints[v - 1].setz(S), r = Math.min(r, v - 1), v--;
@@ -1922,7 +1921,7 @@ class Zo extends W {
       return { type: x.None };
     if (this.updateTempPoints(n || []), this.consumeIndex > this.tmpPoints.length - 4)
       return { type: x.None };
-    const { strokeColor: r, thickness: c, strokeType: l } = this.workOptions, h = wt(this.tmpPoints, c);
+    const { strokeColor: r, thickness: c, strokeType: l } = this.workOptions, h = mt(this.tmpPoints, c);
     let u = !1;
     const d = this.syncIndex, f = this.tmpPoints.slice(this.consumeIndex);
     this.consumeIndex = this.tmpPoints.length - 1, this.syncTimestamp === 0 && (this.syncTimestamp = Date.now());
@@ -1970,7 +1969,7 @@ class Zo extends W {
         });
         r = g.ps, e = g.rect;
       } else
-        e = wt(this.tmpPoints, h);
+        e = mt(this.tmpPoints, h);
       const d = {
         name: t == null ? void 0 : t.toString(),
         fillColor: c ? l : void 0,
@@ -2009,7 +2008,7 @@ class Zo extends W {
     var p;
     const { op: e, replaceId: s, isFullWork: o } = t, { strokeColor: n, thickness: r, strokeType: c } = this.workOptions;
     if (!e.length) {
-      const M = wt(this.tmpPoints, r);
+      const M = mt(this.tmpPoints, r);
       return {
         x: M.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
         y: M.y * this.fullLayer.worldScaling[1] + this.fullLayer.worldPosition[1],
@@ -2028,7 +2027,7 @@ class Zo extends W {
       });
       u = M.ps, h = M.rect;
     } else
-      h = wt(this.tmpPoints, r);
+      h = mt(this.tmpPoints, r);
     const f = {
       name: (p = this.workId) == null ? void 0 : p.toString(),
       fillColor: d ? n : void 0,
@@ -2195,7 +2194,7 @@ const Ce = class Ce extends W {
           const d = new b(r[u] * this.worldScaling[0] + this.worldPosition[0], r[u + 1] * this.worldScaling[1] + this.worldPosition[1], r[u + 2]);
           l.push(d), c.push(new F(d.x, d.y));
         }
-        const h = c.length && wt(c) || n.rect;
+        const h = c.length && mt(c) || n.rect;
         Qe(h, this.eraserRect) && (l.length > 1 ? Qi.polyline(l.map((d) => d.XY), this.eraserPolyline).length && s.add(n.name) : s.add(n.name), o = ht(o, n.rect || h));
       }
     return s.forEach((n) => {
@@ -2301,7 +2300,7 @@ var yf = gf;
 function Mf(a, i) {
   return a.has(i);
 }
-var as = Mf, wf = rs, mf = yf, vf = as, If = 1, Nf = 2;
+var as = Mf, mf = rs, wf = yf, vf = as, If = 1, Nf = 2;
 function Sf(a, i, t, e, s, o) {
   var n = t & If, r = a.length, c = i.length;
   if (r != c && !(n && c > r))
@@ -2309,7 +2308,7 @@ function Sf(a, i, t, e, s, o) {
   var l = o.get(a), h = o.get(i);
   if (l && h)
     return l == i && h == a;
-  var u = -1, d = !0, f = t & Nf ? new wf() : void 0;
+  var u = -1, d = !0, f = t & Nf ? new mf() : void 0;
   for (o.set(a, i), o.set(i, a); ++u < r; ) {
     var g = a[u], p = i[u];
     if (e)
@@ -2321,9 +2320,9 @@ function Sf(a, i, t, e, s, o) {
       break;
     }
     if (f) {
-      if (!mf(i, function(v, m) {
-        if (!vf(f, m) && (g === v || s(g, v, t, e, o)))
-          return f.push(m);
+      if (!wf(i, function(v, w) {
+        if (!vf(f, w) && (g === v || s(g, v, t, e, o)))
+          return f.push(w);
       })) {
         d = !1;
         break;
@@ -2402,10 +2401,10 @@ function Xf(a, i, t, e, s, o) {
   o.set(a, i), o.set(i, a);
   for (var M = n; ++u < c; ) {
     d = r[u];
-    var v = a[d], m = i[d];
+    var v = a[d], w = i[d];
     if (e)
-      var S = n ? e(m, v, d, i, a, o) : e(v, m, d, a, i, o);
-    if (!(S === void 0 ? v === m || s(v, m, t, e, o) : S)) {
+      var S = n ? e(w, v, d, i, a, o) : e(v, w, d, a, i, o);
+    if (!(S === void 0 ? v === w || s(v, w, t, e, o) : S)) {
       p = !1;
       break;
     }
@@ -2447,7 +2446,7 @@ function cg(a, i) {
   return ag(a, i);
 }
 var lg = cg;
-const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
+const me = /* @__PURE__ */ je(lg), gi = class gi extends W {
   constructor(t) {
     super(t);
     y(this, "toolsType", I.Selector);
@@ -2473,7 +2472,7 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
     this.workOptions = t.toolsOpt, this.vNodes = t.vNodes;
   }
   computSelector(t = !0) {
-    const e = wt(this.tmpPoints);
+    const e = mt(this.tmpPoints);
     if (e.w === 0 || e.h === 0)
       return {
         selectIds: [],
@@ -2572,7 +2571,7 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
       return { type: x.None };
     this.updateTempPoints(e);
     const n = this.computSelector();
-    if (this.selectIds && we(this.selectIds, n.selectIds))
+    if (this.selectIds && me(this.selectIds, n.selectIds))
       return { type: x.None };
     this.selectIds = n.selectIds;
     const r = n.intersectRect;
@@ -2657,7 +2656,7 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
       }
       if (r) {
         const h = r.name;
-        if (!we(this.oldSelectRect, r.rect)) {
+        if (!me(this.oldSelectRect, r.rect)) {
           const u = /* @__PURE__ */ new Map([[h, r]]);
           this.getSelecteorInfo(u), this.draw(e, this.fullLayer, {
             intersectRect: r.rect,
@@ -2713,7 +2712,7 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
     let h;
     const u = /* @__PURE__ */ new Map(), { originPoint: d, workState: f, angle: g, translate: p, dir: M, scale: v } = e;
     c && (p ? e.translate = [p[0] + c[0], p[1] + c[1]] : e.translate = c);
-    let m;
+    let w;
     if (d || p || Wt(g)) {
       if (f === P.Start && s)
         return o.setTargetAssignKeys(s), {
@@ -2722,20 +2721,20 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
           selectRect: this.oldSelectRect,
           rect: this.oldSelectRect
         };
-      if (m = o.getLastTarget(), !m)
+      if (w = o.getLastTarget(), !w)
         return;
     }
     if (s)
-      for (const w of s) {
-        const C = o.get(w);
+      for (const m of s) {
+        const C = o.get(m);
         if (C) {
-          const { toolsType: L, opt: D } = C, A = (l == null ? void 0 : l.getElementsByName(w))[0];
+          const { toolsType: L, opt: D } = C, A = (l == null ? void 0 : l.getElementsByName(m))[0];
           if (A) {
             let E = !1, O = !1;
             const z = { ...e };
             let j;
             if (L) {
-              z.thickness && C.opt.thickness && (E = C.opt.thickness !== z.thickness), z.strokeType && ((N = C.opt) != null && N.strokeType) && (O = C.opt.strokeType !== z.strokeType), j = m == null ? void 0 : m.get(w);
+              z.thickness && C.opt.thickness && (E = C.opt.thickness !== z.thickness), z.strokeType && ((N = C.opt) != null && N.strokeType) && (O = C.opt.strokeType !== z.strokeType), j = w == null ? void 0 : w.get(m);
               const tt = nn(L);
               if (tt == null || tt.updateNodeOpt({
                 node: A,
@@ -2743,46 +2742,46 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
                 vNodes: o,
                 willSerializeData: n,
                 targetNode: j
-              }), C && r && (n && (z.angle || z.translate) || z.originPoint && z.scenePoint && z.scale || z.pointMap && z.pointMap.has(w) || L === I.Text && (z.fontSize || z.translate || z.textInfos && z.textInfos.get(w)) || L === I.Image && (z.angle || z.translate || z.scale || z.strokeColor && D.type === ze.Iconify) || L === z.toolsType && z.willRefresh || E || O)) {
+              }), C && r && (n && (z.angle || z.translate) || z.originPoint && z.scenePoint && z.scale || z.pointMap && z.pointMap.has(m) || L === I.Text && (z.fontSize || z.translate || z.textInfos && z.textInfos.get(m)) || L === I.Image && (z.angle || z.translate || z.scale || z.strokeColor && D.type === ze.Iconify) || L === z.toolsType && z.willRefresh || E || O)) {
                 const et = r.createWorkShapeNode({
-                  workId: w,
+                  workId: m,
                   toolsType: L,
                   toolsOpt: C.opt
                 });
-                et == null || et.setWorkId(w);
+                et == null || et.setWorkId(m);
                 let G;
                 if (L === I.Image)
                   G = await et.consumeServiceAsync({
                     isFullWork: !0,
-                    replaceId: w,
+                    replaceId: m,
                     worker: r
                   });
                 else if (L === I.Text)
                   G = await et.consumeServiceAsync({
                     isFullWork: !0,
-                    replaceId: w
+                    replaceId: m
                   });
                 else
                   try {
                     G = et == null ? void 0 : et.consumeService({
                       op: C.op,
                       isFullWork: !0,
-                      replaceId: w
+                      replaceId: m
                     });
                   } catch {
                     continue;
                   }
                 G && (C.rect = G);
               }
-              C && (u.set(w, C), h = ht(h, C.rect));
+              C && (u.set(m, C), h = ht(h, C.rect));
             }
           }
         }
       }
-    m && f === P.Done && (o.deleteLastTarget(), m = void 0);
+    w && f === P.Done && (o.deleteLastTarget(), w = void 0);
     const S = h;
     if (d && p && v && M && S && !c) {
-      const w = [
+      const m = [
         [S.x, S.y],
         [S.x + S.w, S.y],
         [S.x + S.w, S.y + S.h],
@@ -2793,22 +2792,22 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
         case "top":
         case "topLeft":
         case "left":
-          p[0] > 0 && p[1] > 0 ? C = w[0] : p[0] > 0 ? C = w[3] : p[1] > 0 ? C = w[1] : C = w[2];
+          p[0] > 0 && p[1] > 0 ? C = m[0] : p[0] > 0 ? C = m[3] : p[1] > 0 ? C = m[1] : C = m[2];
           break;
         case "topRight":
-          p[0] < 0 && p[1] > 0 ? C = w[1] : p[0] < 0 ? C = w[2] : p[1] > 0 ? C = w[0] : C = w[3];
+          p[0] < 0 && p[1] > 0 ? C = m[1] : p[0] < 0 ? C = m[2] : p[1] > 0 ? C = m[0] : C = m[3];
           break;
         case "right":
         case "bottomRight":
         case "bottom":
-          p[0] < 0 && p[1] < 0 ? C = w[2] : p[0] < 0 ? C = w[1] : p[1] < 0 ? C = w[3] : C = w[0];
+          p[0] < 0 && p[1] < 0 ? C = m[2] : p[0] < 0 ? C = m[1] : p[1] < 0 ? C = m[3] : C = m[0];
           break;
         case "bottomLeft":
-          p[0] > 0 && p[1] < 0 ? C = w[3] : p[0] > 0 ? C = w[0] : p[1] < 0 ? C = w[2] : C = w[1];
+          p[0] > 0 && p[1] < 0 ? C = m[3] : p[0] > 0 ? C = m[0] : p[1] < 0 ? C = m[2] : C = m[1];
           break;
       }
       const L = C && [d[0] - C[0], d[1] - C[1]] || [0, 0];
-      if (!we(L, [0, 0]))
+      if (!me(L, [0, 0]))
         return await this.updateSelector({ ...t, updateSelectorOpt: {}, offset: L });
     }
     this.getSelecteorInfo(u), this.draw(H, l, {
@@ -2885,7 +2884,7 @@ const we = /* @__PURE__ */ je(lg), gi = class gi extends W {
     const e = this.oldSelectRect;
     this.selectIds = [];
     const s = (n = this.workId) == null ? void 0 : n.toString(), o = [t[0] * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0], t[1] * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[1]];
-    if (this.selectSingleTool(o, s, !0), this.oldSelectRect && !we(e, this.oldSelectRect))
+    if (this.selectSingleTool(o, s, !0), this.oldSelectRect && !me(e, this.oldSelectRect))
       return {
         type: x.CursorHover,
         dataType: U.Local,
@@ -2986,10 +2985,10 @@ class qo extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, f = s.worldPosition, g = s.worldScaling, { points: p, pos: M, rect: v, isTriangle: m, trianglePoints: S, trianglePos: T } = this.computDrawPoints(n), N = [
+    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, f = s.worldPosition, g = s.worldScaling, { points: p, pos: M, rect: v, isTriangle: w, trianglePoints: S, trianglePos: T } = this.computDrawPoints(n), N = [
       v.x + v.w / 2,
       v.y + v.h / 2
-    ], w = {
+    ], m = {
       pos: N,
       name: e,
       id: e,
@@ -2997,8 +2996,8 @@ class qo extends W {
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
-    c && (w.scale = c), l && (w.rotate = l), h && (w.translate = h);
-    const C = new Yt(w), L = {
+    c && (m.scale = c), l && (m.rotate = l), h && (m.translate = h);
+    const C = new Yt(m), L = {
       points: S,
       pos: [T[0] - N[0], T[1] - N[1]],
       fillColor: o,
@@ -3006,13 +3005,13 @@ class qo extends W {
       lineWidth: 0,
       normalize: !1
     }, D = new ue(L);
-    if (C.append(D), !m && p && M) {
+    if (C.append(D), !w && p && M) {
       const A = {
         points: p,
         pos: [M[0] - N[0], M[1] - N[1]],
         fillColor: o,
         strokeColor: o,
-        lineDash: u === st.Dotted && !m ? [1, n * 2] : u === st.LongDotted && !m ? [n, n * 2] : void 0,
+        lineDash: u === st.Dotted && !w ? [1, n * 2] : u === st.LongDotted && !w ? [n, n * 2] : void 0,
         lineCap: u === st.Normal ? void 0 : "round",
         lineWidth: n,
         normalize: !1
@@ -3049,7 +3048,7 @@ class qo extends W {
       trianglePoints: p.map((v) => F.Sub(v, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
       points: g.map((v) => F.Sub(v, this.tmpPoints[0]).XY).flat(1),
-      rect: wt(M),
+      rect: mt(M),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
     };
@@ -3059,7 +3058,7 @@ class qo extends W {
     return {
       trianglePoints: r.map((c) => F.Sub(c, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
-      rect: wt(r),
+      rect: mt(r),
       isTriangle: !0
     };
   }
@@ -3177,8 +3176,8 @@ class Ko extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: f, eraserlines: g } = this.workOptions, p = s.worldScaling, { radius: M, rect: v, pos: m } = this.computDrawPoints(c), S = {
-      pos: m,
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: f, eraserlines: g } = this.workOptions, p = s.worldScaling, { radius: M, rect: v, pos: w } = this.computDrawPoints(c), S = {
+      pos: w,
       name: e,
       id: e,
       radius: M,
@@ -3193,7 +3192,7 @@ class Ko extends W {
       name: e,
       id: e,
       zIndex: l,
-      pos: m,
+      pos: w,
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
@@ -3210,14 +3209,14 @@ class Ko extends W {
       });
       N.append(L);
     }
-    const w = new vn({
+    const m = new vn({
       ...S,
       pos: [0, 0]
     });
-    N.append(w), g && (this.scaleType = lt.proportional, this.drawEraserlines({
+    N.append(m), g && (this.scaleType = lt.proportional, this.drawEraserlines({
       group: N,
       eraserlines: g,
-      pos: m,
+      pos: w,
       layer: s
     })), this.replace(s, e, N);
     const C = N.getBoundingClientRect();
@@ -3229,7 +3228,7 @@ class Ko extends W {
     };
   }
   computDrawPoints(t) {
-    const e = wt(this.tmpPoints), s = wt(this.tmpPoints, t), o = [Math.floor(e.x + e.w / 2), Math.floor(e.y + e.h / 2)];
+    const e = mt(this.tmpPoints), s = mt(this.tmpPoints, t), o = [Math.floor(e.x + e.w / 2), Math.floor(e.y + e.h / 2)];
     return {
       rect: s,
       pos: o,
@@ -3290,7 +3289,7 @@ class _o extends W {
     this.workOptions = t.toolsOpt, this.syncTimestamp = 0, this.syncUnitTime = 50;
   }
   transformData() {
-    const t = wt(this.tmpPoints);
+    const t = mt(this.tmpPoints);
     return [
       [t.x, t.y, 0],
       [t.x + t.w, t.y, 0],
@@ -3302,7 +3301,7 @@ class _o extends W {
     const { thickness: e } = this.workOptions, s = [];
     for (const r of t)
       s.push(new b(...r));
-    const o = wt(s, e), n = [o.x + o.w / 2, o.y + o.h / 2];
+    const o = mt(s, e), n = [o.x + o.w / 2, o.y + o.h / 2];
     return {
       rect: o,
       pos: n,
@@ -3370,7 +3369,7 @@ class _o extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: f, translate: g, strokeType: p, eraserlines: M } = this.workOptions, v = s.worldPosition, m = s.worldScaling, { points: S, rect: T, pos: N } = this.computDrawPoints(n), w = {
+    const { workId: e, layer: s, isDrawing: o, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: f, translate: g, strokeType: p, eraserlines: M } = this.workOptions, v = s.worldPosition, w = s.worldScaling, { points: S, rect: T, pos: N } = this.computDrawPoints(n), m = {
       close: !0,
       normalize: !0,
       points: S,
@@ -3381,10 +3380,10 @@ class _o extends W {
       lineCap: "round",
       lineDash: p === st.Dotted ? [1, h * 2] : p === st.LongDotted ? [h, h * 2] : void 0
     }, C = {
-      x: Math.floor(T.x * m[0] + v[0] - W.SafeBorderPadding),
-      y: Math.floor(T.y * m[1] + v[1] - W.SafeBorderPadding),
-      w: Math.floor(T.w * m[0] + 2 * W.SafeBorderPadding),
-      h: Math.floor(T.h * m[0] + 2 * W.SafeBorderPadding)
+      x: Math.floor(T.x * w[0] + v[0] - W.SafeBorderPadding),
+      y: Math.floor(T.y * w[1] + v[1] - W.SafeBorderPadding),
+      w: Math.floor(T.w * w[0] + 2 * W.SafeBorderPadding),
+      h: Math.floor(T.h * w[0] + 2 * W.SafeBorderPadding)
     }, L = new Yt({
       name: e,
       id: e,
@@ -3399,7 +3398,7 @@ class _o extends W {
       rotate: f,
       translate: g
     }), D = new ue({
-      ...w,
+      ...m,
       pos: [0, 0]
     });
     if (L.appendChild(D), o) {
@@ -3409,7 +3408,7 @@ class _o extends W {
         pos: [0, 0],
         strokeColor: c,
         lineWidth: 1,
-        scale: [1 / m[0], 1 / m[1]]
+        scale: [1 / w[0], 1 / w[1]]
       });
       L.appendChild(A);
     }
@@ -3542,7 +3541,7 @@ class tn extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: f, rotate: g, translate: p, strokeType: M, eraserlines: v } = this.workOptions, m = s.worldScaling, { rect: S, pos: T, points: N } = this.computDrawPoints(c, h, u, d), w = {
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: f, rotate: g, translate: p, strokeType: M, eraserlines: v } = this.workOptions, w = s.worldScaling, { rect: S, pos: T, points: N } = this.computDrawPoints(c, h, u, d), m = {
       close: !0,
       points: N,
       lineWidth: c,
@@ -3569,12 +3568,12 @@ class tn extends W {
         pos: [0, 0],
         strokeColor: n,
         lineWidth: 1,
-        scale: [1 / m[0], 1 / m[1]]
+        scale: [1 / w[0], 1 / w[1]]
       });
       L.append(E);
     }
     const D = new ue({
-      ...w,
+      ...m,
       pos: [0, 0]
     });
     L.append(D), v && (this.scaleType = lt.proportional, this.drawEraserlines({
@@ -3592,14 +3591,14 @@ class tn extends W {
     };
   }
   computDrawPoints(t, e, s, o) {
-    const n = wt(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 = o * l, u = [], d = 2 * Math.PI / e;
+    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 = o * l, u = [], d = 2 * Math.PI / e;
     for (let g = 0; g < e; g++) {
       const p = g * d - 0.5 * Math.PI;
       let M, v;
       g % s === 1 ? (M = h * c[0] * Math.cos(p), v = h * c[1] * Math.sin(p)) : (M = l * c[0] * Math.cos(p), v = l * c[1] * Math.sin(p), u.push(M, v)), u.push(M, v);
     }
     return {
-      rect: wt(this.tmpPoints, t),
+      rect: mt(this.tmpPoints, t),
       pos: r,
       points: u
     };
@@ -3717,7 +3716,7 @@ class en extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: f, strokeType: g, eraserlines: p } = this.workOptions, M = s.worldScaling, { rect: v, pos: m, points: S } = this.computDrawPoints(c, h), T = {
+    const { workId: e, layer: s, isDrawing: o } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: f, strokeType: g, eraserlines: p } = this.workOptions, M = s.worldScaling, { rect: v, pos: w, points: S } = this.computDrawPoints(c, h), T = {
       close: !0,
       points: S,
       lineWidth: c,
@@ -3731,12 +3730,12 @@ class en extends W {
       name: e,
       id: e,
       zIndex: l,
-      pos: m,
+      pos: w,
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
     u && (N.scale = u), d && (N.rotate = d), f && (N.translate = f);
-    const w = new Yt(N);
+    const m = new Yt(N);
     if (o) {
       const D = new ce({
         d: "M-4,0H4M0,-4V4",
@@ -3746,19 +3745,19 @@ class en extends W {
         lineWidth: 1,
         scale: [1 / M[0], 1 / M[1]]
       });
-      w.append(D);
+      m.append(D);
     }
     const C = new ue({
       ...T,
       pos: [0, 0]
     });
-    w.append(C), p && (this.scaleType = lt.proportional, this.drawEraserlines({
-      group: w,
+    m.append(C), p && (this.scaleType = lt.proportional, this.drawEraserlines({
+      group: m,
       eraserlines: p,
-      pos: m,
+      pos: w,
       layer: s
-    })), this.replace(s, e, w);
-    const L = w.getBoundingClientRect();
+    })), this.replace(s, e, m);
+    const L = m.getBoundingClientRect();
     return {
       x: Math.floor(L.x - W.SafeBorderPadding),
       y: Math.floor(L.y - W.SafeBorderPadding),
@@ -3767,13 +3766,13 @@ class en extends W {
     };
   }
   computDrawPoints(t, e) {
-    const s = wt(this.tmpPoints), o = [Math.floor(s.x + s.w / 2), Math.floor(s.y + s.h / 2)], n = dn(s.w, s.h), r = Math.floor(Math.min(s.w, s.h) / 2), c = [], l = 2 * Math.PI / e;
+    const s = mt(this.tmpPoints), o = [Math.floor(s.x + s.w / 2), Math.floor(s.y + s.h / 2)], n = dn(s.w, s.h), r = Math.floor(Math.min(s.w, s.h) / 2), c = [], l = 2 * Math.PI / e;
     for (let u = 0; u < e; u++) {
       const d = u * l - 0.5 * Math.PI, f = r * n[0] * Math.cos(d), g = r * n[1] * Math.sin(d);
       c.push(f, g);
     }
     return {
-      rect: wt(this.tmpPoints, t),
+      rect: mt(this.tmpPoints, t),
       pos: o,
       points: c
     };
@@ -3958,7 +3957,7 @@ class sn extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s } = t, { strokeColor: o, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: f, eraserlines: g } = this.workOptions, { rect: p, pos: M, points: v } = this.computDrawPoints(r, l), m = {
+    const { workId: e, layer: s } = t, { strokeColor: o, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: f, eraserlines: g } = this.workOptions, { rect: p, pos: M, points: v } = this.computDrawPoints(r, l), w = {
       points: v.map((C) => C.XY),
       lineWidth: r,
       fillColor: n !== "transparent" && n || void 0,
@@ -3979,7 +3978,7 @@ class sn extends W {
     };
     h && (S.scale = h), u && (S.rotate = u), d && (S.translate = d);
     const T = new Yt(S), N = new ue({
-      ...m,
+      ...w,
       pos: [0, 0]
     });
     T.append(N), g && (this.scaleType = lt.proportional, this.drawEraserlines({
@@ -3988,16 +3987,16 @@ class sn extends W {
       pos: M,
       layer: s
     })), this.replace(s, e, T);
-    const w = T.getBoundingClientRect();
+    const m = T.getBoundingClientRect();
     return {
-      x: Math.floor(w.x - W.SafeBorderPadding),
-      y: Math.floor(w.y - W.SafeBorderPadding),
-      w: Math.floor(w.width + W.SafeBorderPadding * 2),
-      h: Math.floor(w.height + W.SafeBorderPadding * 2)
+      x: Math.floor(m.x - W.SafeBorderPadding),
+      y: Math.floor(m.y - W.SafeBorderPadding),
+      w: Math.floor(m.width + W.SafeBorderPadding * 2),
+      h: Math.floor(m.height + W.SafeBorderPadding * 2)
     };
   }
   transformControlPoints(t) {
-    const e = wt(this.tmpPoints);
+    const e = mt(this.tmpPoints);
     switch (t) {
       case "bottom":
       case "bottomLeft":
@@ -4046,70 +4045,70 @@ class sn extends W {
     }
   }
   computDrawPoints(t, e) {
-    const s = wt(this.tmpPoints), o = this.transformControlPoints(e), n = Math.floor(s.w * 0.1), r = Math.floor(s.h * 0.1), c = [], l = b.Add(o[0], new b(0, r, 0)), h = b.Add(o[0], new b(n, 0, 0)), u = qt.getBezierPoints(10, l, o[0], h), d = b.Sub(o[1], new b(n, 0, 0)), f = b.Add(o[1], new b(0, r, 0)), g = qt.getBezierPoints(10, d, o[1], f), p = b.Sub(o[2], new b(0, r, 0)), M = b.Sub(o[2], new b(n, 0, 0)), v = qt.getBezierPoints(10, p, o[2], M), m = b.Add(o[3], new b(n, 0, 0)), S = b.Sub(o[3], new b(0, r, 0)), T = qt.getBezierPoints(10, m, o[3], S), N = n * (1 - this.ratio) * 10, w = r * (1 - this.ratio) * 10;
+    const s = mt(this.tmpPoints), o = this.transformControlPoints(e), n = Math.floor(s.w * 0.1), r = Math.floor(s.h * 0.1), c = [], l = b.Add(o[0], new b(0, r, 0)), h = b.Add(o[0], new b(n, 0, 0)), u = qt.getBezierPoints(10, l, o[0], h), d = b.Sub(o[1], new b(n, 0, 0)), f = b.Add(o[1], new b(0, r, 0)), g = qt.getBezierPoints(10, d, o[1], f), p = b.Sub(o[2], new b(0, r, 0)), M = b.Sub(o[2], new b(n, 0, 0)), v = qt.getBezierPoints(10, p, o[2], M), w = b.Add(o[3], new b(n, 0, 0)), S = b.Sub(o[3], new b(0, r, 0)), T = qt.getBezierPoints(10, w, o[3], S), N = n * (1 - this.ratio) * 10, m = r * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
-        const D = b.Sub(o[2], new b(n * 5 - N / 2, 0, 0)), A = b.Sub(o[2], new b(n * 5, -w, 0)), E = b.Sub(o[2], new b(n * 5 + N / 2, 0, 0));
+        const D = b.Sub(o[2], new b(n * 5 - N / 2, 0, 0)), A = b.Sub(o[2], new b(n * 5, -m, 0)), E = b.Sub(o[2], new b(n * 5 + N / 2, 0, 0));
         c.push(A, E, ...T, ...u, ...g, ...v, D);
         break;
       }
       case "bottomRight": {
-        const D = b.Sub(o[2], new b(n * 1.1, 0, 0)), A = b.Sub(o[2], new b(n * 1.1 + N / 2, -w, 0)), E = b.Sub(o[2], new b(n * 1.1 + N, 0, 0));
+        const D = b.Sub(o[2], new b(n * 1.1, 0, 0)), A = b.Sub(o[2], new b(n * 1.1 + N / 2, -m, 0)), E = b.Sub(o[2], new b(n * 1.1 + N, 0, 0));
         c.push(A, E, ...T, ...u, ...g, ...v, D);
         break;
       }
       case "bottomLeft": {
-        const D = b.Add(o[3], new b(n * 1.1 + N, 0, 0)), A = b.Add(o[3], new b(n * 1.1 + N / 2, w, 0)), E = b.Add(o[3], new b(n * 1.1, 0, 0));
+        const D = b.Add(o[3], new b(n * 1.1 + N, 0, 0)), A = b.Add(o[3], new b(n * 1.1 + N / 2, m, 0)), E = b.Add(o[3], new b(n * 1.1, 0, 0));
         c.push(A, E, ...T, ...u, ...g, ...v, D);
         break;
       }
       case "top": {
-        const D = b.Sub(o[1], new b(n * 5 - N / 2, 0, 0)), A = b.Sub(o[1], new b(n * 5, w, 0)), E = b.Sub(o[1], new b(n * 5 + N / 2, 0, 0));
+        const D = b.Sub(o[1], new b(n * 5 - N / 2, 0, 0)), A = b.Sub(o[1], new b(n * 5, m, 0)), E = b.Sub(o[1], new b(n * 5 + N / 2, 0, 0));
         c.push(A, D, ...g, ...v, ...T, ...u, E);
         break;
       }
       case "topRight": {
-        const D = b.Sub(o[1], new b(n * 1.1, 0, 0)), A = b.Sub(o[1], new b(n * 1.1 + N / 2, w, 0)), E = b.Sub(o[1], new b(n * 1.1 + N, 0, 0));
+        const D = b.Sub(o[1], new b(n * 1.1, 0, 0)), A = b.Sub(o[1], new b(n * 1.1 + N / 2, m, 0)), E = b.Sub(o[1], new b(n * 1.1 + N, 0, 0));
         c.push(A, D, ...g, ...v, ...T, ...u, E);
         break;
       }
       case "topLeft": {
-        const D = b.Add(o[0], new b(n * 1.1 + N, 0, 0)), A = b.Add(o[0], new b(n * 1.1 + N / 2, -w, 0)), E = b.Add(o[0], new b(n * 1.1, 0, 0));
+        const D = b.Add(o[0], new b(n * 1.1 + N, 0, 0)), A = b.Add(o[0], new b(n * 1.1 + N / 2, -m, 0)), E = b.Add(o[0], new b(n * 1.1, 0, 0));
         c.push(A, D, ...g, ...v, ...T, ...u, E);
         break;
       }
       case "left": {
-        const D = b.Add(o[0], new b(0, r * 5 - w / 2, 0)), A = b.Add(o[0], new b(-N, r * 5, 0)), E = b.Add(o[0], new b(0, r * 5 + w / 2, 0));
+        const D = b.Add(o[0], new b(0, r * 5 - m / 2, 0)), A = b.Add(o[0], new b(-N, r * 5, 0)), E = b.Add(o[0], new b(0, r * 5 + m / 2, 0));
         c.push(A, D, ...u, ...g, ...v, ...T, E);
         break;
       }
       case "leftTop": {
-        const D = b.Add(o[0], new b(0, r * 1.1, 0)), A = b.Add(o[0], new b(-N, r * 1.1 + w / 2, 0)), E = b.Add(o[0], new b(0, r * 1.1 + w, 0));
+        const D = b.Add(o[0], new b(0, r * 1.1, 0)), A = b.Add(o[0], new b(-N, r * 1.1 + m / 2, 0)), E = b.Add(o[0], new b(0, r * 1.1 + m, 0));
         c.push(A, D, ...u, ...g, ...v, ...T, E);
         break;
       }
       case "leftBottom": {
-        const D = b.Sub(o[3], new b(0, r * 1.1 + w, 0)), A = b.Sub(o[3], new b(N, r * 1.1 + w / 2, 0)), E = b.Sub(o[3], new b(0, r * 1.1, 0));
+        const D = b.Sub(o[3], new b(0, r * 1.1 + m, 0)), A = b.Sub(o[3], new b(N, r * 1.1 + m / 2, 0)), E = b.Sub(o[3], new b(0, r * 1.1, 0));
         c.push(A, D, ...u, ...g, ...v, ...T, E);
         break;
       }
       case "right": {
-        const D = b.Add(o[1], new b(0, r * 5 - w / 2, 0)), A = b.Add(o[1], new b(N, r * 5, 0)), E = b.Add(o[1], new b(0, r * 5 + w / 2, 0));
+        const D = b.Add(o[1], new b(0, r * 5 - m / 2, 0)), A = b.Add(o[1], new b(N, r * 5, 0)), E = b.Add(o[1], new b(0, r * 5 + m / 2, 0));
         c.push(A, E, ...v, ...T, ...u, ...g, D);
         break;
       }
       case "rightTop": {
-        const D = b.Add(o[1], new b(0, r * 1.1, 0)), A = b.Add(o[1], new b(N, r * 1.1 + w / 2, 0)), E = b.Add(o[1], new b(0, r * 1.1 + w, 0));
+        const D = b.Add(o[1], new b(0, r * 1.1, 0)), A = b.Add(o[1], new b(N, r * 1.1 + m / 2, 0)), E = b.Add(o[1], new b(0, r * 1.1 + m, 0));
         c.push(A, E, ...v, ...T, ...u, ...g, D);
         break;
       }
       case "rightBottom": {
-        const D = b.Sub(o[2], new b(0, r * 1.1 + w, 0)), A = b.Sub(o[2], new b(-N, r * 1.1 + w / 2, 0)), E = b.Sub(o[2], new b(0, r * 1.1, 0));
+        const D = b.Sub(o[2], new b(0, r * 1.1 + m, 0)), A = b.Sub(o[2], new b(-N, r * 1.1 + m / 2, 0)), E = b.Sub(o[2], new b(0, r * 1.1, 0));
         c.push(A, E, ...v, ...T, ...u, ...g, D);
         break;
       }
     }
-    const C = wt(this.tmpPoints, t), L = [Math.floor(C.x + C.w / 2), Math.floor(C.y + C.h / 2)];
+    const C = mt(this.tmpPoints, t), L = [Math.floor(C.x + C.w / 2), Math.floor(C.y + C.h / 2)];
     return {
       rect: C,
       pos: L,
@@ -4157,7 +4156,7 @@ class sn extends W {
     return e.tagName === "GROUP" && (f = e.children[0]), n && (f.setAttribute("strokeColor", n), d != null && d.strokeColor && (d.strokeColor = n)), r && (r === "transparent" ? f.setAttribute("fillColor", "rgba(0,0,0,0)") : f.setAttribute("fillColor", r), d != null && d.fillColor && (d.fillColor = r)), c === I.SpeechBalloon && l && (d.placement = l), h && (u != null && u.opt) && ((g = u.opt) != null && g.strokeType) && (u.opt.strokeType = h), u && o.setInfo(e.name, { ...u, opt: d }), W.updateNodeOpt(t);
   }
 }
-var hg = me, ug = oe, dg = "[object Boolean]";
+var hg = we, ug = oe, dg = "[object Boolean]";
 function pg(a) {
   return a === !0 || a === !1 || ug(a) && hg(a) == dg;
 }
@@ -4236,11 +4235,11 @@ class on extends W {
     };
   }
   draw(t) {
-    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, f = s.worldPosition, g = s.worldScaling, { d: p, rect: M, isDot: v } = this.computDrawPoints(n, u), m = [
+    const { workId: e, layer: s } = t, { strokeColor: o, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, f = s.worldPosition, g = s.worldScaling, { d: p, rect: M, isDot: v } = this.computDrawPoints(n, u), w = [
       M.x + M.w / 2,
       M.y + M.h / 2
     ], S = new Yt({
-      pos: m,
+      pos: w,
       anchor: [0.5, 0.5],
       size: [M.w, M.h],
       name: e,
@@ -4262,7 +4261,7 @@ class on extends W {
     if (S.append(N), d && (this.scaleType = lt.proportional, this.drawEraserlines({
       group: S,
       eraserlines: d,
-      pos: m,
+      pos: w,
       layer: s
     })), this.replace(s, e, S), l || c || h) {
       const C = N.getBoundingClientRect();
@@ -4288,7 +4287,7 @@ class on extends W {
     let f;
     return e !== st.Normal ? f = re(this.tmpPoints, !1) : f = re(d, !0), {
       d: f,
-      rect: wt(d),
+      rect: mt(d),
       isDot: !1,
       pos: this.tmpPoints[0].XY
     };
@@ -4297,7 +4296,7 @@ class on extends W {
     const e = F.GetDotStroke(this.tmpPoints[0], t / 2, 8);
     return {
       d: re(e, !0),
-      rect: wt(e),
+      rect: mt(e),
       isDot: !0,
       pos: this.tmpPoints[0].XY
     };
@@ -4451,13 +4450,13 @@ const he = class he extends W {
   }
   static async createLabels(t, e, s) {
     var E;
-    const o = [], { x: n, y: r } = s, { width: c, height: l } = (E = e.parent) == null ? void 0 : E.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: f, bold: g, textAlign: p, italic: M, fontFamily: v, verticalAlign: m, fontColor: S, fontBgColor: T, underline: N, lineThrough: w } = t, C = he.getSafetySnippetRatio(e) || 1, L = Math.floor(d * C), D = he.getSafetySnippetFontLength(L);
+    const o = [], { x: n, y: r } = s, { width: c, height: l } = (E = e.parent) == null ? void 0 : E.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: f, bold: g, textAlign: p, italic: M, fontFamily: v, verticalAlign: w, fontColor: S, fontBgColor: T, underline: N, lineThrough: m } = t, C = he.getSafetySnippetRatio(e) || 1, L = Math.floor(d * C), D = he.getSafetySnippetFontLength(L);
     let A = 0;
     for (let O = 0; O < u; O++) {
       const z = h[O], j = f || L * 1.5;
       if (z) {
         const tt = $M(z), et = [0, 0], G = [0, d * 1.2];
-        m === "middle" && (et[1] = O * d * 1.2 + 5);
+        w === "middle" && (et[1] = O * d * 1.2 + 5);
         const Q = [0, -d * 0.15];
         et[0] = 5;
         const V = Math.sin(Math.PI / 180 * 20);
@@ -4482,9 +4481,9 @@ const he = class he extends W {
           }, Z = new In(dt), $ = await Z.textImageReady;
           let pt = !0;
           if ($) {
-            const mt = $.rect && $.rect[2], $t = $.rect && $.rect[3];
-            if (mt && $t) {
-              const Tt = mt / C, St = $t / C;
+            const wt = $.rect && $.rect[2], $t = $.rect && $.rect[3];
+            if (wt && $t) {
+              const Tt = wt / C, St = $t / C;
               it = Tt + it, M === "italic" && (g === "bold" ? it = it - V * d * 1.2 : it = it - V * d), ((Q[0] + et[0] + Tt) * e.worldScaling[0] + n <= 0 || (Q[0] + et[0]) * e.worldScaling[0] + n >= c || (Q[1] + et[1] + St) * e.worldScaling[1] + r <= 0 || (Q[1] + et[1]) * e.worldScaling[1] + r >= l) && (Z.disconnect(), pt = !1), pt && ct.push(Z);
             }
           }
@@ -4504,7 +4503,7 @@ const he = class he extends W {
             }, pt = new ue($);
             ct.push(pt);
           }
-          if (w) {
+          if (m) {
             const Z = {
               normalize: !1,
               pos: [0, d * 1.2 / 2],
@@ -4540,25 +4539,25 @@ const he = class he extends W {
       lineThrough: p,
       underline: M,
       fontSize: v,
-      textInfos: m,
+      textInfos: w,
       zIndex: S
     } = s, T = n && Pt(n) || o.get(e.name);
     if (!T || !e.parent) return;
-    const w = T.opt;
-    if (Wt(S) && (e.setAttribute("zIndex", S), T.opt.zIndex = S), c && w.fontColor && (w.fontColor = c, e.children.forEach((C) => {
+    const m = T.opt;
+    if (Wt(S) && (e.setAttribute("zIndex", S), T.opt.zIndex = S), c && m.fontColor && (m.fontColor = c, e.children.forEach((C) => {
       C.tagName === "GROUP" && C.children.forEach((L) => {
         L.tagName === "LABEL" ? (L.setAttribute("fillColor", c), L.setAttribute("strokeColor", c)) : L.tagName === "POLYLINE" && L.setAttribute("strokeColor", c);
       });
-    })), r && w.fontBgColor && (w.fontBgColor = r, e.children.forEach((C) => {
+    })), r && m.fontBgColor && (m.fontBgColor = r, e.children.forEach((C) => {
       C.tagName === "GROUP" && C.setAttribute("bgcolor", r);
-    })), f && (w.bold = f), g && (w.italic = g), ke(p) && (w.lineThrough = p), ke(M) && (w.underline = M), v && (w.fontSize = v), h && u && d && n && w.boxPoint) {
-      const C = m == null ? void 0 : m.get(e.name);
+    })), f && (m.bold = f), g && (m.italic = g), ke(p) && (m.lineThrough = p), ke(M) && (m.underline = M), v && (m.fontSize = v), h && u && d && n && m.boxPoint) {
+      const C = w == null ? void 0 : w.get(e.name);
       if (C) {
         const { fontSize: E, boxSize: O } = C;
-        w.boxSize = O || w.boxSize, w.fontSize = E || w.fontSize;
+        m.boxSize = O || m.boxSize, m.fontSize = E || m.fontSize;
       }
-      const L = [w.boxPoint[0], w.boxPoint[1]];
-      ps(w.boxPoint, u, d, l);
+      const L = [m.boxPoint[0], m.boxPoint[1]];
+      ps(m.boxPoint, u, d, l);
       const D = [T.op[0], T.op[1]], A = [D[0] - L[0], D[1] - L[1]];
       if (T.centerPos = [T.centerPos[0] + A[0], T.centerPos[1] + A[1]], T.opt.eraserlines)
         for (const E of Object.values(T.opt.eraserlines)) {
@@ -4567,7 +4566,7 @@ const he = class he extends W {
           for (let j = 0; j < O.length; j++)
             fs(O[j], u, d, l);
         }
-    } else if (l && w.boxPoint && (w.boxPoint = [w.boxPoint[0] + l[0], w.boxPoint[1] + l[1]], T.centerPos = [T.centerPos[0] + l[0], T.centerPos[1] + l[1]], T.opt.eraserlines))
+    } else if (l && m.boxPoint && (m.boxPoint = [m.boxPoint[0] + l[0], m.boxPoint[1] + l[1]], T.centerPos = [T.centerPos[0] + l[0], T.centerPos[1] + l[1]], T.opt.eraserlines))
       for (const C of Object.values(T.opt.eraserlines)) {
         const { op: L } = C;
         for (let D = 0; D < L.length; D++) {
@@ -4665,8 +4664,8 @@ const be = class be extends W {
         if (f !== -1 && f > -1) {
           const g = [], p = d.slice(0, f + 1);
           if (b.Equals(d[f], l[0]) || p.push(l[0].clone().setz(d[f].z)), p.length > 1 && g.push(p), f + l.length - 1 < d.length - 1) {
-            const M = f + l.length - 1, v = d.slice(M), m = l[l.length - 1];
-            b.Equals(d[M], m) || v.unshift(m.clone().setz(d[M].z)), v.length > 1 && g.push(v);
+            const M = f + l.length - 1, v = d.slice(M), w = l[l.length - 1];
+            b.Equals(d[M], w) || v.unshift(w.clone().setz(d[M].z)), v.length > 1 && g.push(v);
           }
           return h.splice(u, 1, ...g), h;
         }
@@ -4707,15 +4706,15 @@ const be = class be extends W {
           const M = new b(l[p] * this.worldScaling[0] + this.worldPosition[0], l[p + 1] * this.worldScaling[1] + this.worldPosition[1], l[p + 2]);
           f.push(M), d.push(new F(M.x, M.y));
         }
-        const g = d.length && wt(d) || c.rect;
+        const g = d.length && mt(d) || c.rect;
         if (Qe(g, this.eraserRect)) {
           if (f.length > 1) {
             const p = Qi.polyline(f.map((M) => M.XY), this.eraserPolyline);
             if (p.length && (s.add(c.name), !u)) {
               const M = this.translateIntersect(p), v = this.cutPolyline(M, f);
-              for (let m = 0; m < v.length; m++) {
-                const S = `${r}_s_${m}`, T = [];
-                v[m].forEach((N) => {
+              for (let w = 0; w < v.length; w++) {
+                const S = `${r}_s_${w}`, T = [];
+                v[w].forEach((N) => {
                   T.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(S, {
                   rect: g,
@@ -4888,7 +4887,7 @@ const xe = class xe extends W {
     if (!this.vNodes)
       return { willDeleteNodes: o, willUpdateNodes: s, rect: n };
     const r = this.worldPosition;
-    let c = wt(this.tmpPoints, t);
+    let c = mt(this.tmpPoints, t);
     c = Fi(c, r), c = jM(c, this.worldScaling, r);
     const { nodeRange: l } = this.vNodes.getRectIntersectRange(c);
     if (!l.size)
@@ -4905,20 +4904,20 @@ const xe = class xe extends W {
         h: f.h / this.worldScaling[1]
       };
       const g = [f.x, f.y, f.x + f.w, f.y + f.h], p = [], M = [];
-      for (const m of h)
-        Qi.polyline(m, g, p);
+      for (const w of h)
+        Qi.polyline(w, g, p);
       if (p.length && d.opt)
-        for (const m of p) {
+        for (const w of p) {
           const S = [];
-          for (let T = 0; T < m.length; T++)
-            T !== 0 && we(m[T], m[T - 1]) || S.push(...m[T]);
+          for (let T = 0; T < w.length; T++)
+            T !== 0 && me(w[T], w[T - 1]) || S.push(...w[T]);
           M.push(S);
         }
       if (d.opt.eraserlines || (d.opt.eraserlines = []), d.opt.eraserlines) {
         if (d.opt.eraserlines.push({ op: M, thickness: t }), e) {
-          const { toolsType: m } = d, S = e.createWorkShapeNode({
+          const { toolsType: w } = d, S = e.createWorkShapeNode({
             workId: u,
-            toolsType: m,
+            toolsType: w,
             toolsOpt: d.opt
           });
           S == null || S.setWorkId(u);
@@ -4951,16 +4950,16 @@ const xe = class xe extends W {
         ...this.baseConsumeResult
       };
     this.syncIndex = Math.min(this.syncIndex, M, Math.max(0, this.tmpPoints.length - 2));
-    const m = {
+    const w = {
       name: this.workId,
       id: Wt(c) && c.toString() || void 0
     }, S = this.syncIndex;
     this.syncTimestamp === 0 && (this.syncTimestamp = Date.now());
     let T = !1, N;
-    const w = this.tmpPoints.slice(M);
+    const m = this.tmpPoints.slice(M);
     if (o || n) {
       const L = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      N = this.draw({ attrs: m, consumePoints: w, layer: L, removeDrawCount: r, thickness: f });
+      N = this.draw({ attrs: w, consumePoints: m, layer: L, removeDrawCount: r, thickness: f });
     }
     if (o)
       return M > 10 && this.tmpPoints.splice(0, M - 10), {
@@ -4968,7 +4967,7 @@ const xe = class xe extends W {
         type: x.DrawWork,
         dataType: U.Local
       };
-    w[0].t - this.syncTimestamp > this.syncUnitTime && (T = !0, this.syncTimestamp = w[0].t, this.syncIndex = this.tmpPoints.length);
+    m[0].t - this.syncTimestamp > this.syncUnitTime && (T = !0, this.syncTimestamp = m[0].t, this.syncIndex = this.tmpPoints.length);
     const C = [];
     return this.tmpPoints.slice(S).forEach((L) => {
       C.push(L.x, L.y, f / 2);
@@ -4987,7 +4986,7 @@ const xe = class xe extends W {
   draw(t) {
     const { attrs: e, consumePoints: s, layer: o, thickness: n, replaceId: r, removeDrawCount: c } = t;
     c && this.removeDrawCountNodes(o, c);
-    let l = wt(s, n);
+    let l = mt(s, n);
     l = {
       x: Math.floor(l.x * this.worldScaling[0] + this.worldPosition[0] - W.SafeBorderPadding),
       y: Math.floor(l.y * this.worldScaling[1] + this.worldPosition[1] - W.SafeBorderPadding),
@@ -5005,9 +5004,9 @@ const xe = class xe extends W {
     for (const f of u)
       d.push({ op: f, thickness: n });
     for (const f of d) {
-      const { thickness: g, op: p } = f, M = p.reduce((N, w, C, L) => C > 0 && L[C - 1][0] === w[0] && L[C - 1][1] === w[1] ? N : N.concat(w[0], w[1]), []), v = this.computEraserPoints(M, g), m = re(v, !0), S = {
+      const { thickness: g, op: p } = f, M = p.reduce((N, m, C, L) => C > 0 && L[C - 1][0] === m[0] && L[C - 1][1] === m[1] ? N : N.concat(m[0], m[1]), []), v = this.computEraserPoints(M, g), w = re(v, !0), S = {
         pos: [0, 0],
-        d: m,
+        d: w,
         fillColor: "rgba(136,136,136,0.3)"
       }, T = new ce(S);
       h.append(T), h.seal();
@@ -5152,7 +5151,7 @@ function rn(a) {
   }
   return i;
 }
-const Qm = "cursorhover", hs = 20, Mt = "mainView";
+const Qw = "cursorhover", hs = 20, Mt = "mainView";
 class gg {
   constructor(i, t) {
     y(this, "viewId");
@@ -5452,8 +5451,8 @@ class yg {
           timer: void 0
         };
         v.timer && clearTimeout(v.timer), v.resolve = M, v.timer = setTimeout(() => {
-          const m = this.imageResolveMap.get(d);
-          m != null && m.resolve && m.resolve(d);
+          const w = this.imageResolveMap.get(d);
+          w != null && w.resolve && w.resolve(d);
         }, 5e3), this.imageResolveMap.set(d, v), this._post({
           sp: [{
             imageSrc: d,
@@ -5581,7 +5580,7 @@ class yg {
         for (const h of l.sp) {
           let u = !1;
           for (const d of t)
-            if (we(h, d)) {
+            if (me(h, d)) {
               u = !0;
               break;
             }
@@ -5694,9 +5693,9 @@ class Mg {
     }
   }
 }
-var wg = Kt, mg = function() {
-  return wg.Date.now();
-}, vg = mg, Ig = /\s/;
+var mg = Kt, wg = function() {
+  return mg.Date.now();
+}, vg = wg, Ig = /\s/;
 function Ng(a) {
   for (var i = a.length; i-- && Ig.test(a.charAt(i)); )
     ;
@@ -5706,7 +5705,7 @@ var Sg = Ng, Tg = Sg, kg = /^\s+/;
 function Cg(a) {
   return a && a.slice(0, Tg(a) + 1).replace(kg, "");
 }
-var bg = Cg, xg = me, Lg = oe, zg = "[object Symbol]";
+var bg = Cg, xg = we, Lg = oe, zg = "[object Symbol]";
 function Pg(a) {
   return typeof a == "symbol" || Lg(a) && xg(a) == zg;
 }
@@ -5732,39 +5731,39 @@ function Hg(a, i, t) {
   if (typeof a != "function")
     throw new TypeError(Fg);
   i = so(i) || 0, Bg(t) && (h = !!t.leading, u = "maxWait" in t, o = u ? $g(so(t.maxWait) || 0, i) : o, d = "trailing" in t ? !!t.trailing : d);
-  function f(w) {
+  function f(m) {
     var C = e, L = s;
-    return e = s = void 0, l = w, n = a.apply(L, C), n;
+    return e = s = void 0, l = m, n = a.apply(L, C), n;
   }
-  function g(w) {
-    return l = w, r = setTimeout(v, i), h ? f(w) : n;
+  function g(m) {
+    return l = m, r = setTimeout(v, i), h ? f(m) : n;
   }
-  function p(w) {
-    var C = w - c, L = w - l, D = i - C;
+  function p(m) {
+    var C = m - c, L = m - l, D = i - C;
     return u ? Vg(D, o - L) : D;
   }
-  function M(w) {
-    var C = w - c, L = w - l;
+  function M(m) {
+    var C = m - c, L = m - l;
     return c === void 0 || C >= i || C < 0 || u && L >= o;
   }
   function v() {
-    var w = Pi();
-    if (M(w))
-      return m(w);
-    r = setTimeout(v, p(w));
+    var m = Pi();
+    if (M(m))
+      return w(m);
+    r = setTimeout(v, p(m));
   }
-  function m(w) {
-    return r = void 0, d && e ? f(w) : (e = s = void 0, n);
+  function w(m) {
+    return r = void 0, d && e ? f(m) : (e = s = void 0, n);
   }
   function S() {
     r !== void 0 && clearTimeout(r), l = 0, e = c = s = r = void 0;
   }
   function T() {
-    return r === void 0 ? n : m(Pi());
+    return r === void 0 ? n : w(Pi());
   }
   function N() {
-    var w = Pi(), C = M(w);
-    if (e = arguments, s = this, c = w, C) {
+    var m = Pi(), C = M(m);
+    if (e = arguments, s = this, c = m, C) {
       if (r === void 0)
         return g(c);
       if (u)
@@ -5841,9 +5840,9 @@ function py(a) {
     return a.apply(void 0, arguments);
   };
 }
-var fy = py, gy = ly, yy = fy, My = yy(gy), wy = My, my = an, vy = sy, Iy = wy;
+var fy = py, gy = ly, yy = fy, My = yy(gy), my = My, wy = an, vy = sy, Iy = my;
 function Ny(a, i) {
-  return Iy(vy(a, i, my), a + "");
+  return Iy(vy(a, i, wy), a + "");
 }
 var Sy = Ny;
 function Ty(a, i, t, e) {
@@ -5945,15 +5944,15 @@ function yM(a, i, t) {
     }
   return r;
 }
-var MM = yM, wM = Zy, mM = eM, co = MM;
+var MM = yM, mM = Zy, wM = eM, co = MM;
 function vM(a, i, t) {
   var e = a.length;
   if (e < 2)
     return e ? co(a[0]) : [];
   for (var s = -1, o = Array(e); ++s < e; )
     for (var n = a[s], r = -1; ++r < e; )
-      r != s && (o[s] = wM(o[s] || n, a[r], i, t));
-  return co(mM(o, 1), i, t);
+      r != s && (o[s] = mM(o[s] || n, a[r], i, t));
+  return co(wM(o, 1), i, t);
 }
 var IM = vM, NM = _i, SM = oe;
 function TM(a) {
@@ -6497,7 +6496,7 @@ class DM extends yg {
   }
   async updateCamera(t) {
     const e = [], { cameraOpt: s } = t;
-    if (s && !we(this.cameraOpt, s)) {
+    if (s && !me(this.cameraOpt, s)) {
       const o = !!this.topLayerWork.localWorkShapes.size, n = !!this.localWork.getWorkShapes().size;
       if (n && this.localWork.workShapesDone(), this.setCameraOpt(s), n && e.push({
         isClearAll: !0,
@@ -6689,10 +6688,10 @@ class He extends W {
     const M = e.parent;
     if (M) {
       if (g && (p.opt.strokeColor = g), Wt(f) && (e.setAttribute("zIndex", f), p.opt.zIndex = f), ke(d) && (p.opt.locked = d), c && l && h && r) {
-        const { centerX: v, centerY: m, width: S, height: T, uniformScale: N } = p.opt, w = N !== !1 ? [h[0], h[0]] : h, C = [v, m], L = [v, m];
-        ps(L, l, w, r);
+        const { centerX: v, centerY: w, width: S, height: T, uniformScale: N } = p.opt, m = N !== !1 ? [h[0], h[0]] : h, C = [v, w], L = [v, w];
+        ps(L, l, m, r);
         const D = [L[0] - C[0], L[1] - C[1]];
-        if (p.centerPos = [p.centerPos[0] + D[0], p.centerPos[1] + D[1]], p.opt.width = Math.round(S * w[0]), p.opt.height = Math.round(T * w[1]), p.opt.centerX = L[0], p.opt.centerY = L[1], p.opt.eraserlines)
+        if (p.centerPos = [p.centerPos[0] + D[0], p.centerPos[1] + D[1]], p.opt.width = Math.round(S * m[0]), p.opt.height = Math.round(T * m[1]), p.opt.centerX = L[0], p.opt.centerY = L[1], p.opt.eraserlines)
           for (const A of Object.values(p.opt.eraserlines)) {
             const { op: E, thickness: O } = A;
             A.thickness = O * Math.max(h[0], h[1]);
@@ -6702,9 +6701,9 @@ class He extends W {
       } else if (r) {
         if (p.opt.centerX = p.opt.centerX + r[0], p.opt.centerY = p.opt.centerY + r[1], p.centerPos = [p.centerPos[0] + r[0], p.centerPos[1] + r[1]], p.opt.eraserlines)
           for (const v of Object.values(p.opt.eraserlines)) {
-            const { op: m } = v;
-            for (let S = 0; S < m.length; S++) {
-              const T = m[S].map((N, w) => w % 2 ? N + r[1] : N + r[0]);
+            const { op: w } = v;
+            for (let S = 0; S < w.length; S++) {
+              const T = w[S].map((N, m) => m % 2 ? N + r[1] : N + r[0]);
               v.op[S] = T;
             }
           }
@@ -6734,7 +6733,7 @@ function ds(a, i) {
   }
   return i || a;
 }
-function wt(a, i = 0) {
+function mt(a, i = 0) {
   const t = { x: 0, y: 0, w: 0, h: 0 };
   let e = 1 / 0, s = 1 / 0, o = -1 / 0, n = -1 / 0;
   return a.forEach((r) => {
@@ -6767,11 +6766,11 @@ function AM(a, i) {
 }
 function un(a, i) {
   const t = AM(a, i);
-  return wt(t);
+  return mt(t);
 }
 function jM(a, i, t) {
   const e = new b(a.x, a.y), s = new b(a.x + a.w, a.y), o = new b(a.x + a.w, a.y + a.h), n = new b(a.x, a.y + a.h), r = new b(t[0], t[1]), c = new b(i[0], i[1]), l = b.ScaleWOrigin(e, c, r), h = b.ScaleWOrigin(s, c, r), u = b.ScaleWOrigin(o, c, r), d = b.ScaleWOrigin(n, c, r);
-  return wt([l, h, u, d]);
+  return mt([l, h, u, d]);
 }
 function EM(a, i, t) {
   const e = new b(i[0], i[1]);
@@ -6856,7 +6855,7 @@ const Gt = (a, i) => new Promise(function(t) {
 }), ae = (a) => {
   const i = (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) / i);
-}, Gm = (a, i) => a.x + a.w < i.x || a.x > i.x + i.w || a.y + a.h < i.y || a.y > i.y + i.h ? ei.outside : a.x >= i.x && a.y >= i.y && a.x + a.w <= i.x + i.w && a.y + a.h <= i.y + i.h ? ei.inside : ei.intersect;
+}, Gw = (a, i) => a.x + a.w < i.x || a.x > i.x + i.w || a.y + a.h < i.y || a.y > i.y + i.h ? ei.outside : a.x >= i.x && a.y >= i.y && a.x + a.w <= i.x + i.w && a.y + a.h <= i.y + i.h ? ei.inside : ei.intersect;
 function $M(a) {
   let i = 0;
   for (let t = 0; t < a.length; t++) {
@@ -6919,8 +6918,8 @@ const kt = class kt extends VM {
         const g = kt.componentsLimits.indexOf(o), p = g >= 0 && g < 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", (v) => v(o, p))), !p) {
           this.control.room.logger.error(`exceeds the limit of ${o} components, current: ${s}`), (f = this.control.room) == null || f.disconnect().then(() => {
-            var v, m, S, T, N;
-            (S = (m = (v = this.control.room) == null ? void 0 : v.callbacks) == null ? void 0 : m.listeners) != null && S.map.onKickedWithReason && ((N = (T = this.control.room) == null ? void 0 : T.callbacks) == null || N.dispatch("onKickedWithReason", (w) => w("kickByAdmin")));
+            var v, w, S, T, N;
+            (S = (w = (v = this.control.room) == null ? void 0 : v.callbacks) == null ? void 0 : w.listeners) != null && S.map.onKickedWithReason && ((N = (T = this.control.room) == null ? void 0 : T.callbacks) == null || N.dispatch("onKickedWithReason", (m) => m("kickByAdmin")));
           });
           return;
         }
@@ -7121,16 +7120,16 @@ const kt = class kt extends VM {
           break;
         case x.DrawWork:
           if (g && s && typeof n == "number" && (u != null && u.length)) {
-            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0;
-            if (w != null && w.ops || (w == null ? void 0 : w.type) === x.FullWork)
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, m = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0;
+            if (m != null && m.ops || (m == null ? void 0 : m.type) === x.FullWork)
               return;
-            const C = n ? ((w == null ? void 0 : w.op) || []).slice(0, n).concat(u) : u || (w == null ? void 0 : w.op), L = c || (w == null ? void 0 : w.toolsType), D = r || (w == null ? void 0 : w.opt), A = h || (w == null ? void 0 : w.updateNodeOpt);
+            const C = n ? ((m == null ? void 0 : m.op) || []).slice(0, n).concat(u) : u || (m == null ? void 0 : m.op), L = c || (m == null ? void 0 : m.toolsType), D = r || (m == null ? void 0 : m.opt), A = h || (m == null ? void 0 : m.updateNodeOpt);
             s && L && D && C && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.addRenderPageElementId({
               viewId: p,
               scenePath: g,
               elementId: N.toString()
             }), this.updateValue(N.toString(), {
-              ...w,
+              ...m,
               type: x.DrawWork,
               workId: s,
               updateNodeOpt: A,
@@ -7143,7 +7142,7 @@ const kt = class kt extends VM {
           break;
         case x.FullWork:
           if (g && s) {
-            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0, C = h || (w == null ? void 0 : w.updateNodeOpt), L = c || (w == null ? void 0 : w.toolsType), D = r || (w == null ? void 0 : w.opt), A = o || (w == null ? void 0 : w.ops);
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, m = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0, C = h || (m == null ? void 0 : m.updateNodeOpt), L = c || (m == null ? void 0 : m.toolsType), D = r || (m == null ? void 0 : m.opt), A = o || (m == null ? void 0 : m.ops);
             L && D && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.addRenderPageElementId({
               viewId: p,
               scenePath: g,
@@ -7163,23 +7162,23 @@ const kt = class kt extends VM {
           break;
         case x.RemoveNode:
           if (g && (l != null && l.length)) {
-            const N = l.map((w) => this.isLocalId(w + "") ? this.transformKey(w) : w);
-            this.storage[p] && this.storage[p][g] && (Object.keys(this.storage[p][g]).map((w) => {
-              N != null && N.includes(w) && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.delRenderPageElementId({
+            const N = l.map((m) => this.isLocalId(m + "") ? this.transformKey(m) : m);
+            this.storage[p] && this.storage[p][g] && (Object.keys(this.storage[p][g]).map((m) => {
+              N != null && N.includes(m) && (this.control.renderControl.isUsePageAuth(p) && this.control.renderControl.delRenderPageElementId({
                 viewId: p,
                 scenePath: g,
-                elementId: w
-              }), this.updateValue(w, void 0, { isSync: f, viewId: p, scenePath: g }));
+                elementId: m
+              }), this.updateValue(m, void 0, { isSync: f, viewId: p, scenePath: g }));
             }), Gt(() => {
-              var w;
-              this.control.pluginManager.dispatchPluginEvent("syncStorage", p, g), (w = this.control.miniMapManager) == null || w.updateMiniMapCamera(p);
+              var m;
+              this.control.pluginManager.dispatchPluginEvent("syncStorage", p, g), (m = this.control.miniMapManager) == null || m.updateMiniMapCamera(p);
             }, kt.syncInterval));
           }
           break;
         case x.UpdateNode:
           if (g && s && (h || o || r)) {
-            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, w = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0;
-            w && (w.updateNodeOpt = h, (o || u) && (w.ops = o, w.op = u), r && (w.opt = r), w.type = x.FullWork, this.updateValue(N.toString(), w, { isSync: f, viewId: p, scenePath: g }), Gt(() => {
+            const N = this.isLocalId(s.toString()) ? this.transformKey(s) : s, m = this.storage[p] && this.storage[p][g] && this.storage[p][g][N] || void 0;
+            m && (m.updateNodeOpt = h, (o || u) && (m.ops = o, m.op = u), r && (m.opt = r), m.type = x.FullWork, this.updateValue(N.toString(), m, { isSync: f, viewId: p, scenePath: g }), Gt(() => {
               var C;
               (C = this.control.miniMapManager) == null || C.updateMiniMapCamera(p);
             }, kt.syncInterval));
@@ -7190,8 +7189,8 @@ const kt = class kt extends VM {
             return;
           let v;
           d != null && d.length && (v = d.map((N) => this.isLocalId(N + "") ? this.transformKey(N) : N));
-          const m = this.transformKey(H), S = this.storage[p] && this.storage[p][g] && this.storage[p][g][m] || void 0, T = r || (S == null ? void 0 : S.opt);
-          v && this.checkOtherSelector(m, v, { isSync: f, viewId: p, scenePath: g }), this.updateValue(m, v && {
+          const w = this.transformKey(H), S = this.storage[p] && this.storage[p][g] && this.storage[p][g][w] || void 0, T = r || (S == null ? void 0 : S.opt);
+          v && this.checkOtherSelector(w, v, { isSync: f, viewId: p, scenePath: g }), this.updateValue(w, v && {
             type: x.Select,
             toolsType: I.Selector,
             opt: T,
@@ -7315,7 +7314,7 @@ 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, f, g, p, M, v, m, S, T, N, w, C, L, D, A, E, O, z, j, tt, et, G, Q, V, it, ct, J, ut, q, dt, Z, $, pt, mt, $t;
+    var l, h, u, d, f, g, p, M, v, w, S, T, N, m, C, L, D, A, E, O, z, j, tt, et, G, Q, V, it, ct, J, ut, q, dt, Z, $, pt, wt, $t;
     const { operation: s, viewId: o, scenePath: n, pageId: r, pageData: c } = t;
     switch (s) {
       case Rt.addPage: {
@@ -7344,13 +7343,13 @@ const kt = class kt extends VM {
       case Rt.deletePage: {
         if (!o || !n || !r)
           return;
-        (S = (m = (v = (M = (p = this.authStorage) == null ? void 0 : p.pageAuth) == null ? void 0 : M[o]) == null ? void 0 : v[n]) == null ? void 0 : m.pages) != null && S[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], void 0)));
+        (S = (w = (v = (M = (p = this.authStorage) == null ? void 0 : p.pageAuth) == null ? void 0 : M[o]) == null ? void 0 : v[n]) == null ? void 0 : w.pages) != null && S[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], void 0)));
         return;
       }
       case Rt.clearPage: {
         if (!o || !n || !r)
           return;
-        (D = (L = (C = (w = (N = this.authStorage) == null ? void 0 : N.pageAuth) == null ? void 0 : w[o]) == null ? void 0 : C[n]) == null ? void 0 : L.pages) != null && D[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((A = this.plugin) == null || A.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], {})));
+        (D = (L = (C = (m = (N = this.authStorage) == null ? void 0 : N.pageAuth) == null ? void 0 : m[o]) == null ? void 0 : C[n]) == null ? void 0 : L.pages) != null && D[r] && (delete this.authStorage.pageAuth[o][n].pages[r], e && ((A = this.plugin) == null || A.updateAttributes([this.authSpace, "pageAuth", o, n, "pages", r], {})));
         return;
       }
       case Rt.addElement: {
@@ -7374,13 +7373,13 @@ const kt = class kt extends VM {
       case Rt.clearView: {
         if (!o)
           return;
-        (mt = (pt = this.authStorage) == null ? void 0 : pt.pageAuth) != null && mt[o] && (delete this.authStorage.pageAuth[o], e && (($t = this.plugin) == null || $t.updateAttributes([this.authSpace, "pageAuth", o], void 0)));
+        (wt = (pt = this.authStorage) == null ? void 0 : pt.pageAuth) != null && wt[o] && (delete this.authStorage.pageAuth[o], e && (($t = this.plugin) == null || $t.updateAttributes([this.authSpace, "pageAuth", o], void 0)));
         return;
       }
     }
   }
   dispatchRenderAuth(t, e = !0) {
-    var l, h, u, d, f, g, p, M, v, m, S, T, N, w, C, L, D, A, E, O;
+    var l, h, u, d, f, g, p, M, v, w, S, T, N, m, C, L, D, A, E, O;
     const { operation: s, viewId: o, uid: n, renderData: r, isClear: c } = t;
     if (o)
       switch (s) {
@@ -7424,7 +7423,7 @@ const kt = class kt extends VM {
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const j = this.authStorage.renderAuth || {};
-          Object.keys(j).length && z.push(o), j[o] = j[o] || {}, this.authStorage.renderAuth = j, Object.keys(j[o]).length && z.push("render"), j[o].render = j[o].render || {}, j[o].render !== !0 && (Object.keys(j[o].render).length && z.push(n), j[o].render[n] = !0), j[o].hide !== !0 && ((f = j[o].hide) != null && f[n]) && (delete j[o].hide[n], e && ((g = this.plugin) == null || g.updateAttributes([this.authSpace, "renderAuth", o, "hide", n], void 0))), e && (z.length === 1 ? (p = this.plugin) == null || p.updateAttributes(z, gt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, gt(j)) : z.length === 3 ? (v = this.plugin) == null || v.updateAttributes(z, gt(j[o])) : (m = this.plugin) == null || m.updateAttributes(z, !0));
+          Object.keys(j).length && z.push(o), j[o] = j[o] || {}, this.authStorage.renderAuth = j, Object.keys(j[o]).length && z.push("render"), j[o].render = j[o].render || {}, j[o].render !== !0 && (Object.keys(j[o].render).length && z.push(n), j[o].render[n] = !0), j[o].hide !== !0 && ((f = j[o].hide) != null && f[n]) && (delete j[o].hide[n], e && ((g = this.plugin) == null || g.updateAttributes([this.authSpace, "renderAuth", o, "hide", n], void 0))), e && (z.length === 1 ? (p = this.plugin) == null || p.updateAttributes(z, gt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, gt(j)) : z.length === 3 ? (v = this.plugin) == null || v.updateAttributes(z, gt(j[o])) : (w = this.plugin) == null || w.updateAttributes(z, !0));
           return;
         }
         case ee.setHide: {
@@ -7433,7 +7432,7 @@ const kt = class kt extends VM {
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const j = this.authStorage.renderAuth || {};
-          Object.keys(j).length && z.push(o), j[o] = j[o] || {}, this.authStorage.renderAuth = j, Object.keys(j[o]).length && z.push("hide"), j[o].hide = j[o].hide || {}, j[o].hide !== !0 && (Object.keys(j[o].hide).length && z.push(n), j[o].hide[n] = !0), j[o].render !== !0 && ((S = j[o].render) != null && S[n]) && (delete j[o].render[n], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "renderAuth", o, "render", n], void 0))), e && (z.length === 1 ? (N = this.plugin) == null || N.updateAttributes(z, gt(this.authStorage)) : z.length === 2 ? (w = this.plugin) == null || w.updateAttributes(z, gt(j)) : z.length === 3 ? (C = this.plugin) == null || C.updateAttributes(z, gt(j[o])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
+          Object.keys(j).length && z.push(o), j[o] = j[o] || {}, this.authStorage.renderAuth = j, Object.keys(j[o]).length && z.push("hide"), j[o].hide = j[o].hide || {}, j[o].hide !== !0 && (Object.keys(j[o].hide).length && z.push(n), j[o].hide[n] = !0), j[o].render !== !0 && ((S = j[o].render) != null && S[n]) && (delete j[o].render[n], e && ((T = this.plugin) == null || T.updateAttributes([this.authSpace, "renderAuth", o, "render", n], void 0))), e && (z.length === 1 ? (N = this.plugin) == null || N.updateAttributes(z, gt(this.authStorage)) : z.length === 2 ? (m = this.plugin) == null || m.updateAttributes(z, gt(j)) : z.length === 3 ? (C = this.plugin) == null || C.updateAttributes(z, gt(j[o])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
           return;
         }
         case ee.setClear: {
@@ -7621,7 +7620,7 @@ class QM {
   get interceptors() {
     return {
       set: (i, t) => {
-        var f, g, p, M, v, m, S, T;
+        var f, g, p, M, v, w, S, T;
         if (!this.collector)
           return !0;
         const { viewId: e, scenePath: s, canSync: o, canWorker: n, type: r, opt: c, dataType: l } = t;
@@ -7632,8 +7631,8 @@ class QM {
           workId: i,
           msgType: x.UpdateNode
         }).forEach((N) => {
-          var w;
-          (w = this.control.worker) == null || w.taskBatchData.delete(N);
+          var m;
+          (m = this.control.worker) == null || m.taskBatchData.delete(N);
         }), (S = this.control.worker) == null || S.taskBatchData.add({
           workId: i,
           msgType: x.UpdateNode,
@@ -7671,7 +7670,7 @@ class QM {
           viewId: e,
           scenePath: s,
           willRefresh: !0
-        }), (m = this.control.worker) == null || m.runAnimation()));
+        }), (w = this.control.worker) == null || w.runAnimation()));
       },
       delete: (i) => {
         var r, c;
@@ -8188,17 +8187,17 @@ class ZM extends Xt {
       return;
     const u = Math.floor(Math.random() * 30 + 1), d = ((M = h.cameraOpt) == null ? void 0 : M.scale) || 1, f = e && s && [e[0] - s[0] + u, e[1] - s[1] + u] || [u / d, u / d], p = (this.serviceColloctor.isLocalId(n) ? n : this.serviceColloctor.getLocalId(n.toString())) + "-" + l;
     if (o.toolsType === I.Text && o.opt) {
-      const m = o.opt;
-      if (m && m.boxPoint && m.text) {
-        m.workState = P.Done;
-        const S = m.boxPoint;
-        m.boxPoint = [S[0] + f[0], S[1] + f[1]], m.workState = P.Done;
-        const T = this.control.viewContainerManager.transformToOriginPoint(m.boxPoint, r);
+      const w = o.opt;
+      if (w && w.boxPoint && w.text) {
+        w.workState = P.Done;
+        const S = w.boxPoint;
+        w.boxPoint = [S[0] + f[0], S[1] + f[1]], w.workState = P.Done;
+        const T = this.control.viewContainerManager.transformToOriginPoint(w.boxPoint, r);
         this.control.textEditorManager.createTextForMasterController({
           workId: p,
           x: T[0],
           y: T[1],
-          opt: m,
+          opt: w,
           scale: ((v = h.cameraOpt) == null ? void 0 : v.scale) || 1,
           type: ie.Text,
           isActive: !1,
@@ -8206,7 +8205,7 @@ class ZM extends Xt {
           scenePath: c
         }), this.collectForServiceWorker([{
           ...o,
-          opt: m,
+          opt: w,
           type: x.FullWork,
           workId: p,
           viewId: r,
@@ -8216,7 +8215,7 @@ class ZM extends Xt {
     }
   }
   copySelector(t) {
-    var p, M, v, m, S, T, N, w, C;
+    var p, M, v, w, S, T, N, m, C;
     const { viewId: e, store: s } = t, o = this.control.viewContainerManager.getView(e), n = s.selectIds;
     if (!this.serviceColloctor || !(n != null && n.length) || !o)
       return;
@@ -8230,13 +8229,13 @@ class ZM extends Xt {
         centerY: ((M = o.cameraOpt) == null ? void 0 : M.centerY) || 0,
         scale: ((v = o.cameraOpt) == null ? void 0 : v.scale) || 1
       }
-    }, l = this.control.hasOffscreenCanvas() && ((m = o.displayer.canvasBgRef.current) == null ? void 0 : m.getBoundingClientRect()) || ((S = o.displayer.canvasContainerRef.current) == null ? void 0 : S.getBoundingClientRect()), h = (N = (T = o.displayer) == null ? void 0 : T.floatBarRef.current) == null ? void 0 : N.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], f = u && o.viewData && o.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), g = d && o.viewData && o.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
+    }, l = this.control.hasOffscreenCanvas() && ((w = o.displayer.canvasBgRef.current) == null ? void 0 : w.getBoundingClientRect()) || ((S = o.displayer.canvasContainerRef.current) == null ? void 0 : S.getBoundingClientRect()), h = (N = (T = o.displayer) == null ? void 0 : T.floatBarRef.current) == null ? void 0 : N.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], f = u && o.viewData && o.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), g = d && o.viewData && o.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
     f && g && (c.offset = {
       x: f.x - g.x,
       y: f.y - g.y
     });
     for (const L of n) {
-      const D = (C = (w = this.serviceColloctor) == null ? void 0 : w.getStorageData(o.id, o.focusScenePath)) == null ? void 0 : C[L];
+      const D = (C = (m = this.serviceColloctor) == null ? void 0 : m.getStorageData(o.id, o.focusScenePath)) == null ? void 0 : C[L];
       D && r.set(L, D);
     }
     return {
@@ -8250,20 +8249,20 @@ class ZM extends Xt {
     if (!e.size || !this.serviceColloctor || !c)
       return;
     const { offset: l, cameraOpt: h } = s, { scale: u } = h, d = Math.floor(Math.random() * 30 + 1), f = l && [l.x + d, l.y + d] || [d / u, d / u], g = [], p = [];
-    for (const [v, m] of e.entries()) {
+    for (const [v, w] of e.entries()) {
       const T = (this.serviceColloctor.isLocalId(v) ? v : this.serviceColloctor.getLocalId(v.toString())) + "-" + r, N = { useAnimation: !1 };
-      if (m.toolsType === I.Text && m.opt) {
-        const w = m.opt;
-        if (w && w.boxPoint && w.text) {
-          w.workState = P.Done;
-          const C = w.boxPoint;
-          w.boxPoint = [C[0] + f[0], C[1] + f[1]], w.workState = P.Done;
-          const L = this.control.viewContainerManager.transformToOriginPoint(w.boxPoint, o);
+      if (w.toolsType === I.Text && w.opt) {
+        const m = w.opt;
+        if (m && m.boxPoint && m.text) {
+          m.workState = P.Done;
+          const C = m.boxPoint;
+          m.boxPoint = [C[0] + f[0], C[1] + f[1]], m.workState = P.Done;
+          const L = this.control.viewContainerManager.transformToOriginPoint(m.boxPoint, o);
           this.control.textEditorManager.createTextForMasterController({
             workId: T,
             x: L[0],
             y: L[1],
-            opt: w,
+            opt: m,
             scale: ((M = c.cameraOpt) == null ? void 0 : M.scale) || 1,
             type: ie.Text,
             isActive: !1,
@@ -8272,8 +8271,8 @@ class ZM extends Xt {
           });
         }
         p.push({
-          ...m,
-          opt: w,
+          ...w,
+          opt: m,
           type: x.FullWork,
           workId: T,
           viewId: o,
@@ -8281,22 +8280,22 @@ class ZM extends Xt {
         });
         continue;
       }
-      if (m.toolsType === I.Image && (m.opt.uuid = T, m.opt.centerX = m.opt.centerX + f[0], m.opt.centerY = m.opt.centerY + f[1]), m.ops) {
-        const w = Ie(m.ops).map((L, D) => {
+      if (w.toolsType === I.Image && (w.opt.uuid = T, w.opt.centerX = w.opt.centerX + f[0], w.opt.centerY = w.opt.centerY + f[1]), w.ops) {
+        const m = Ie(w.ops).map((L, D) => {
           const A = D % 3;
           return A === 0 ? L + f[0] : A === 1 ? L + f[1] : L;
-        }), C = Zt(w);
-        m.ops = C;
+        }), C = Zt(m);
+        w.ops = C;
       }
       p.push({
-        ...m,
+        ...w,
         updateNodeOpt: N,
         type: x.FullWork,
         workId: T,
         viewId: o,
         scenePath: n
       }), g.push([{
-        ...m,
+        ...w,
         updateNodeOpt: N,
         workId: T,
         msgType: x.FullWork,
@@ -8355,12 +8354,12 @@ class XM extends Xt {
       return;
     const f = d.focusScenePath, g = [...e], p = this.serviceColloctor.storage, M = [], v = {};
     for ((l === P.Start || !this.undoTickerId && l === P.Done) && (this.undoTickerId = Date.now(), this.mainEngine.internalMsgEmitter.emit("addUndoTicker", this.undoTickerId, c)); g.length; ) {
-      const m = g.pop();
-      if (!m)
+      const w = g.pop();
+      if (!w)
         continue;
-      const S = m.toString(), T = this.serviceColloctor.isLocalId(S), N = T ? this.serviceColloctor.transformKey(m) : S;
-      let w = S;
-      !T && this.serviceColloctor.isOwn(w) && (w = this.serviceColloctor.getLocalId(w));
+      const S = w.toString(), T = this.serviceColloctor.isLocalId(S), N = T ? this.serviceColloctor.transformKey(w) : S;
+      let m = S;
+      !T && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
       const C = p[c][f][N] || void 0;
       if (C) {
         const L = C.updateNodeOpt || {};
@@ -8378,7 +8377,7 @@ class XM extends Xt {
               v.textBgColor = [A, E, O], v.textBgOpacity = z;
             }
           if (C.toolsType === I.Text && C.opt && l !== P.Start) {
-            this.setTextColor(w, Pt(C), L, c), l === P.Done && (this.undoTickerId = void 0);
+            this.setTextColor(m, Pt(C), L, c), l === P.Done && (this.undoTickerId = void 0);
             continue;
           }
         }
@@ -8396,7 +8395,7 @@ class XM extends Xt {
           }
         h && (L.thickness = h, v.strokeWidth = h), u && (L.strokeType = u, v.strokeType = u);
         const D = {
-          workId: w,
+          workId: m,
           msgType: x.UpdateNode,
           dataType: U.Local,
           updateNodeOpt: L,
@@ -8408,15 +8407,15 @@ class XM extends Xt {
           viewId: c
         };
         M.push([D, {
-          workId: w,
+          workId: m,
           msgType: x.UpdateNode,
           emitEventType: this.emitEventType
         }]);
       }
     }
     M.length && (l === P.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(v).length && setTimeout(() => {
-      var m;
-      (m = this.control.room) == null || m.setMemberState(v);
+      var w;
+      (w = this.control.room) == null || w.setMemberState(v);
     }, 0);
   }
 }
@@ -8482,16 +8481,16 @@ class JM extends Xt {
       const g = f.toString(), p = this.serviceColloctor.isLocalId(g), M = p ? this.serviceColloctor.transformKey(f) : g;
       let v = g;
       !p && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
-      const m = Pt(l[o][r][M]);
+      const w = Pt(l[o][r][M]);
       let S;
-      if (m && v === H) {
-        if (m.selectIds) {
-          u.push(...m.selectIds), u.sort((C, L) => {
+      if (w && v === H) {
+        if (w.selectIds) {
+          u.push(...w.selectIds), u.sort((C, L) => {
             var E, O, z, j;
             const D = ((O = (E = l[d(C, this.serviceColloctor)]) == null ? void 0 : E.opt) == null ? void 0 : O.zIndex) || 0, A = ((j = (z = l[d(C, this.serviceColloctor)]) == null ? void 0 : z.opt) == null ? void 0 : j.zIndex) || 0;
             return D > A ? 1 : C < L ? -1 : 0;
           });
-          const T = m.updateNodeOpt || {};
+          const T = w.updateNodeOpt || {};
           T.zIndexLayer = s;
           const N = {
             workId: f,
@@ -8502,17 +8501,17 @@ class JM extends Xt {
             willRefreshSelector: !0,
             willSyncService: !0,
             viewId: o
-          }, w = /* @__PURE__ */ new Map();
+          }, m = /* @__PURE__ */ new Map();
           s === si.Top ? (this.addMaxLayer(o), S = this.getMaxZIndex(o)) : (this.addMinLayer(o), S = this.getMinZIndex(o)), u.forEach((C) => {
             var E, O, z;
             const L = (E = this.serviceColloctor) == null ? void 0 : E.isLocalId(C);
             let D = L && ((O = this.serviceColloctor) == null ? void 0 : O.transformKey(C)) || C;
             const A = l[o][r][D];
-            !L && ((z = this.serviceColloctor) != null && z.isOwn(D)) && (D = this.serviceColloctor.getLocalId(D)), T.zIndex = S, A != null && A.opt && (A.opt.zIndex = S), A != null && A.opt && w.set(D, {
+            !L && ((z = this.serviceColloctor) != null && z.isOwn(D)) && (D = this.serviceColloctor.getLocalId(D)), T.zIndex = S, A != null && A.opt && (A.opt.zIndex = S), A != null && A.opt && m.set(D, {
               updateNodeOpt: A.updateNodeOpt,
               opt: A.opt
             });
-          }), N.selectStore = w, N.willSerializeData = !0, h.push([N, {
+          }), N.selectStore = m, N.willSerializeData = !0, h.push([N, {
             workId: f,
             msgType: x.UpdateNode,
             emitEventType: this.emitEventType
@@ -8547,21 +8546,21 @@ class qM extends Xt {
     for (f && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", f, r); h.length; ) {
       const p = h.pop();
       if (!p) continue;
-      const M = p.toString(), v = this.serviceColloctor.isLocalId(M), m = v && this.serviceColloctor.transformKey(p) || M;
+      const M = p.toString(), v = this.serviceColloctor.isLocalId(M), w = v && this.serviceColloctor.transformKey(p) || M;
       let S = M;
       !v && this.serviceColloctor.isOwn(S) && (S = this.serviceColloctor.getLocalId(S));
-      const T = u[r][l][m];
+      const T = u[r][l][w];
       if (T && S === H) {
         if (T.selectIds) {
           const N = this.control.viewContainerManager.transformToScenePoint([o.x, o.y], r);
           if (n === P.Start && (this.cachePosition = N), this.cachePosition) {
-            const w = T.updateNodeOpt || {};
-            w.translate = [N[0] - this.cachePosition[0], N[1] - this.cachePosition[1]], w.workState = n;
+            const m = T.updateNodeOpt || {};
+            m.translate = [N[0] - this.cachePosition[0], N[1] - this.cachePosition[1]], m.workState = n;
             const C = {
               workId: p,
               msgType: x.UpdateNode,
               dataType: U.Local,
-              updateNodeOpt: w,
+              updateNodeOpt: m,
               emitEventType: this.emitEventType,
               willSyncService: !0,
               textUpdateForWoker: !0,
@@ -8638,7 +8637,7 @@ class _M extends Xt {
     return { key: t, textInfo: o };
   }
   async collect(t, e) {
-    var m, S, T, N, w;
+    var w, S, T, N, m;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: s, workState: o, viewId: n, originPoint: r, scenePoint: c, dir: l, scale: h, translate: u } = t;
@@ -8646,7 +8645,7 @@ class _M extends Xt {
     const d = this.control.viewContainerManager.getView(n);
     if (!(d != null && d.displayer))
       return;
-    const f = d.focusScenePath, g = [...s], p = (m = this.serviceColloctor) == null ? void 0 : m.storage, M = [], v = o === P.Start && Date.now() || void 0;
+    const f = d.focusScenePath, g = [...s], p = (w = this.serviceColloctor) == null ? void 0 : w.storage, M = [], v = o === P.Start && Date.now() || void 0;
     for (v && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", v, n); g.length; ) {
       const C = g.pop();
       if (!C)
@@ -8670,7 +8669,7 @@ class _M extends Xt {
         if (this.targetText.size && o !== P.Start && h) {
           const tt = [];
           for (const [G, Q] of this.targetText.entries()) {
-            const { opt: V } = Q, it = Math.floor(V.fontSize * h[0]), ct = this.cacheTextInfo.get(G), J = !ct && V.fontSize !== it || ct && ct.fontSize !== it || !1, ut = (w = this.control.textEditorManager.get(G)) == null ? void 0 : w.opt;
+            const { opt: V } = Q, it = Math.floor(V.fontSize * h[0]), ct = this.cacheTextInfo.get(G), J = !ct && V.fontSize !== it || ct && ct.fontSize !== it || !1, ut = (m = this.control.textEditorManager.get(G)) == null ? void 0 : m.opt;
             if (J && ut && V.boxSize && V.boxPoint) {
               const q = this.setTextStyle(G, { ...ut, fontSize: it }, n);
               tt.push(q);
@@ -8832,7 +8831,7 @@ class _M extends Xt {
   //     }
   // }
 }
-class tw extends Xt {
+class tm extends Xt {
   constructor() {
     super(...arguments);
     y(this, "lastEmtData");
@@ -8840,7 +8839,7 @@ class tw extends Xt {
     y(this, "cacheOriginRotate", 0);
   }
   collect(t, e) {
-    var g, p, M, v, m;
+    var g, p, M, v, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: s, angle: o, workState: n, viewId: r } = t;
@@ -8853,16 +8852,16 @@ class tw extends Xt {
       const S = h.pop();
       if (!S)
         continue;
-      const T = S.toString(), N = this.serviceColloctor.isLocalId(T), w = N && this.serviceColloctor.transformKey(S) || T;
+      const T = S.toString(), N = this.serviceColloctor.isLocalId(T), m = N && this.serviceColloctor.transformKey(S) || T;
       let C = T;
       !N && this.serviceColloctor.isOwn(C) && (C = this.serviceColloctor.getLocalId(C));
-      const L = u[r][l][w];
+      const L = u[r][l][m];
       if (L && C === H) {
         if (((p = L.selectIds) == null ? void 0 : p.length) === 1) {
           const D = L.selectIds[0];
           if (n === P.Start) {
             const z = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(D)) && ((v = this.serviceColloctor) == null ? void 0 : v.transformKey(D)) || D, j = u[r][l][z];
-            this.cacheOriginRotate = ((m = j == null ? void 0 : j.opt) == null ? void 0 : m.rotate) || 0;
+            this.cacheOriginRotate = ((w = j == null ? void 0 : j.opt) == null ? void 0 : w.rotate) || 0;
           }
           const A = L.updateNodeOpt || {};
           A.angle = (o + this.cacheOriginRotate) % 360, A.workState = n;
@@ -8889,7 +8888,7 @@ class tw extends Xt {
     n === P.Start ? this.mainEngine.unWritable() : n === P.Done && (this.mainEngine.abled(), this.lastEmtData = void 0), d.length && this.collectForLocalWorker(d, e);
   }
 }
-function ew(a) {
+function em(a) {
   switch (a) {
     case I.Text:
       return ie.Text;
@@ -8903,7 +8902,7 @@ function ew(a) {
       return ie.Shape;
   }
 }
-class iw extends Xt {
+class im extends Xt {
   constructor() {
     super(...arguments);
     y(this, "lastEmtData");
@@ -8912,7 +8911,7 @@ class iw extends Xt {
   }
   async setTextStyle(t, e, s, o) {
     const { bold: n, underline: r, lineThrough: c, italic: l, fontSize: h } = s;
-    if (e.toolsType && ew(e.toolsType) === ie.Text) {
+    if (e.toolsType && em(e.toolsType) === ie.Text) {
       e.opt && (n && (e.opt.bold = n), Ut(r) && (e.opt.underline = r), Ut(c) && (e.opt.lineThrough = c), l && (e.opt.italic = l), h && (e.opt.fontSize = h));
       const d = await this.control.textEditorManager.updateTextControllerWithEffectAsync({
         workId: t,
@@ -8926,7 +8925,7 @@ class iw extends Xt {
     }
   }
   async collect(t) {
-    var m, S, T, N;
+    var w, S, T, N;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: e, bold: s, italic: o, lineThrough: n, underline: r, viewId: c, fontSize: l } = t, h = this.control.viewContainerManager.getView(c);
@@ -8936,10 +8935,10 @@ class iw extends Xt {
     this.mainEngine.internalMsgEmitter.emit("addUndoTicker", p, c);
     const M = [];
     for (; d.length; ) {
-      const w = d.pop();
-      if (!w)
+      const m = d.pop();
+      if (!m)
         continue;
-      const C = w.toString(), L = this.serviceColloctor.isLocalId(C), D = L ? this.serviceColloctor.transformKey(w) : C;
+      const C = m.toString(), L = this.serviceColloctor.isLocalId(C), D = L ? this.serviceColloctor.transformKey(m) : C;
       let A = C;
       !L && this.serviceColloctor.isOwn(A) && (A = this.serviceColloctor.getLocalId(A));
       const E = f[c][u][D] || void 0;
@@ -8950,7 +8949,7 @@ class iw extends Xt {
           M.push(z);
           continue;
         }
-        if (E && A === H && ((m = E.selectIds) != null && m.length))
+        if (E && A === H && ((w = E.selectIds) != null && w.length))
           for (const z of E.selectIds) {
             const j = (S = this.serviceColloctor) == null ? void 0 : S.isLocalId(z);
             let tt = j && ((T = this.serviceColloctor) == null ? void 0 : T.transformKey(z)) || z;
@@ -8964,18 +8963,18 @@ class iw extends Xt {
       }
     }
     const v = await Promise.all(M);
-    for (const w of v)
-      if (w) {
-        const { key: C, textInfo: L } = w;
+    for (const m of v)
+      if (m) {
+        const { key: C, textInfo: L } = m;
         L && (L.canSync = !0, L.canWorker = !0, this.control.textEditorManager.updateForViewEdited(C, L));
       }
     Object.keys(g).length && (this.timerId && (clearTimeout(this.timerId), this.timerId = void 0), this.timerId = setTimeout(() => {
-      var w;
-      this.timerId = void 0, (w = this.control.room) == null || w.setMemberState(g);
+      var m;
+      this.timerId = void 0, (m = this.control.room) == null || m.setMemberState(g);
     }, 0));
   }
 }
-class sw extends Xt {
+class sm extends Xt {
   constructor() {
     super(...arguments);
     y(this, "lastEmtData");
@@ -8983,13 +8982,13 @@ class sw extends Xt {
     y(this, "undoTickerId");
   }
   collect(t) {
-    var m;
+    var w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workId: e, pointMap: s, workState: o, viewId: n } = t, r = this.control.viewContainerManager.getView(n);
     if (!(r != null && r.displayer))
       return;
-    const c = r.focusScenePath, l = (m = this.serviceColloctor) == null ? void 0 : m.storage, h = [], u = o === P.Start && Date.now() || void 0;
+    const c = r.focusScenePath, l = (w = this.serviceColloctor) == null ? void 0 : w.storage, h = [], u = o === P.Start && Date.now() || void 0;
     u && (this.undoTickerId = u, this.mainEngine.internalMsgEmitter.emit("addUndoTicker", u, n));
     const d = e;
     if (!d)
@@ -9020,7 +9019,7 @@ class sw extends Xt {
     o === P.Start ? this.mainEngine.unWritable() : o === P.Done && this.mainEngine.abled(), h.length && this.collectForLocalWorker(h);
   }
 }
-class ow extends Xt {
+class om extends Xt {
   constructor() {
     super(...arguments);
     y(this, "lastEmtData");
@@ -9042,13 +9041,13 @@ class ow extends Xt {
       !g && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
       const v = l[o][r][p] || void 0;
       if (v) {
-        const m = v.updateNodeOpt || {};
-        m.isLocked = s;
+        const w = v.updateNodeOpt || {};
+        w.isLocked = s;
         const S = {
           workId: M,
           msgType: x.UpdateNode,
           dataType: U.Local,
-          updateNodeOpt: m,
+          updateNodeOpt: w,
           emitEventType: this.emitEventType,
           willRefresh: !0,
           willRefreshSelector: !0,
@@ -9065,7 +9064,7 @@ class ow extends Xt {
     this.mainEngine.internalMsgEmitter.emit("addUndoTicker", u, o), h.length && this.collectForLocalWorker(h);
   }
 }
-class nw extends Xt {
+class nm extends Xt {
   constructor() {
     super(...arguments);
     y(this, "lastEmtData");
@@ -9087,7 +9086,7 @@ class nw extends Xt {
       !g && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
       const v = l[s][r][p] || void 0;
       if (v) {
-        const m = {
+        const w = {
           ...v.updateNodeOpt,
           ...o,
           willRefresh: !0
@@ -9097,7 +9096,7 @@ class nw extends Xt {
             workId: M,
             msgType: x.UpdateNode,
             dataType: U.Local,
-            updateNodeOpt: m,
+            updateNodeOpt: w,
             emitEventType: this.emitEventType,
             willRefresh: !0,
             willRefreshSelector: !0,
@@ -9135,15 +9134,15 @@ class rt {
       case B.ScaleNode:
         return new _M();
       case B.RotateNode:
-        return new tw();
+        return new tm();
       case B.SetFontStyle:
-        return new iw();
+        return new im();
       case B.SetPoint:
-        return new sw();
+        return new sm();
       case B.SetLock:
-        return new ow();
+        return new om();
       case B.SetShapeOpt:
-        return new nw();
+        return new nm();
     }
   }
   getBuilder(i) {
@@ -9179,7 +9178,7 @@ class rt {
     bt.InternalMsgEmitter.off(B.ActiveMethod, i);
   }
 }
-class rw {
+class rm {
   constructor(i) {
     y(this, "master");
     y(this, "mainThreadWorkerMap", /* @__PURE__ */ new Map());
@@ -9208,7 +9207,7 @@ class rw {
     t && t.clearDrawLayer(1 / 0);
   }
   createMainThreadWorker(i, t) {
-    return new aw(i, t, this);
+    return new am(i, t, this);
   }
   consume(i) {
     var t;
@@ -9251,7 +9250,7 @@ class rw {
   active() {
   }
 }
-class aw {
+class am {
   constructor(i, t, e) {
     y(this, "viewId");
     y(this, "opt");
@@ -9266,7 +9265,7 @@ class aw {
     const n = {
       thread: this
     };
-    this.subLocalWork = new cw(n);
+    this.subLocalWork = new cm(n);
   }
   createScene(i) {
     return new Mo({
@@ -9366,7 +9365,7 @@ class aw {
       e.disconnect(), this.subLocalLayer.removeChild(e);
   }
 }
-class cw {
+class cm {
   constructor(i) {
     y(this, "thread");
     y(this, "workShapes", /* @__PURE__ */ new Map());
@@ -9438,7 +9437,7 @@ class cw {
     return this.workShapes.get(i);
   }
 }
-const lw = async (a, i) => {
+const lm = async (a, i) => {
   const { src: t, isgl: e, isCache: s } = a;
   if (typeof Image == "function") {
     const o = new Image();
@@ -9458,7 +9457,7 @@ const lw = async (a, i) => {
       cache: "default"
     }).then((o) => o.blob()).then((o) => createImageBitmap(o, { imageOrientation: e ? "flipY" : "none" }).then((n) => n));
 };
-class hw {
+class hm {
   constructor() {
     /** 异步同步时间间隔 */
     y(this, "maxLastSyncTime", Ot.syncOpt.interval);
@@ -9483,7 +9482,7 @@ class hw {
     return this.currentLocalWorkData.workState;
   }
 }
-class uw extends hw {
+class um extends hm {
   constructor(t) {
     var o, n;
     super();
@@ -9597,7 +9596,7 @@ class uw extends hw {
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-D5vax7MJ.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-BY6CrjXe.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -9609,7 +9608,7 @@ class uw extends hw {
       console.error("no worker url config");
       return;
     }
-    this.fullWorker = new Worker(this.fullWorkerUrl, { type: "classic" }), this.subWorker = new Worker(this.subWorkerUrl, { type: "classic" }), this.subMainThreadWorker = new rw(this), this.fullWorker.onmessage = (t) => {
+    this.fullWorker = new Worker(this.fullWorkerUrl, { type: "classic" }), this.subWorker = new Worker(this.subWorkerUrl, { type: "classic" }), this.subMainThreadWorker = new rm(this), this.fullWorker.onmessage = (t) => {
       var e, s;
       if (t.data) {
         const { render: o, sp: n, fullWorkerDrawCount: r, workerTasksqueueCount: c, viewId: l, consumeCount: h } = t.data;
@@ -9704,11 +9703,11 @@ class uw extends hw {
         willSyncService: p,
         isSync: M,
         imageBitmap: v,
-        canvasHeight: m,
+        canvasHeight: w,
         canvasWidth: S,
         rect: T,
         op: N,
-        canTextEdit: w,
+        canTextEdit: m,
         points: C,
         selectorColor: L,
         canRotate: D,
@@ -9734,8 +9733,8 @@ class uw extends hw {
       const Z = c.scenePath || this.viewContainerManager.getCurScenePath(j);
       switch (l) {
         case x.Select: {
-          const $ = h != null && h.length ? { ...d, selectIds: h, canvasHeight: m, canvasWidth: S, points: C } : void 0;
-          $ && (u != null && u.strokeColor) && ($.selectorColor = u.strokeColor), $ && L && ($.selectorColor = L), $ && f && ($.strokeColor = f), $ && (u != null && u.fillColor) && ($.fillColor = u.fillColor), $ && g && ($.fillColor = g), $ && Ut(D) && ($.canRotate = D), $ && A && ($.scaleType = A), $ && w && ($.canTextEdit = w), $ && E && ($.textOpt = E), $ && Ut(et) && ($.canLock = et), $ && Ut(G) && ($.isLocked = G), $ && Q && ($.shapeOpt = Q), $ && V && ($.toolsTypes = V), $ && it && ($.thickness = it), $ && ct && ($.strokeType = ct), $ && Ut(J) && ($.useStroke = J), j && this.viewContainerManager.showFloatBar(j, !!$, $), p && ((s = this.collector) == null || s.dispatch({ type: l, selectIds: h, opt: u, isSync: M, viewId: j, scenePath: Z }));
+          const $ = h != null && h.length ? { ...d, selectIds: h, canvasHeight: w, canvasWidth: S, points: C } : void 0;
+          $ && (u != null && u.strokeColor) && ($.selectorColor = u.strokeColor), $ && L && ($.selectorColor = L), $ && f && ($.strokeColor = f), $ && (u != null && u.fillColor) && ($.fillColor = u.fillColor), $ && g && ($.fillColor = g), $ && Ut(D) && ($.canRotate = D), $ && A && ($.scaleType = A), $ && m && ($.canTextEdit = m), $ && E && ($.textOpt = E), $ && Ut(et) && ($.canLock = et), $ && Ut(G) && ($.isLocked = G), $ && Q && ($.shapeOpt = Q), $ && V && ($.toolsTypes = V), $ && it && ($.thickness = it), $ && ct && ($.strokeType = ct), $ && Ut(J) && ($.useStroke = J), j && this.viewContainerManager.showFloatBar(j, !!$, $), p && ((s = this.collector) == null || s.dispatch({ type: l, selectIds: h, opt: u, isSync: M, viewId: j, scenePath: Z }));
           break;
         }
         case x.Snapshot:
@@ -9762,13 +9761,13 @@ class uw extends hw {
           break;
         case x.TextUpdate:
           if (O === I.Text && z && j) {
-            const $ = this.viewContainerManager.transformToOriginPoint((u == null ? void 0 : u.boxPoint) || [0, 0], j), pt = (u == null ? void 0 : u.boxSize) || [0, 0], mt = (n = this.viewContainerManager.getView(j)) == null ? void 0 : n.cameraOpt;
+            const $ = this.viewContainerManager.transformToOriginPoint((u == null ? void 0 : u.boxPoint) || [0, 0], j), pt = (u == null ? void 0 : u.boxSize) || [0, 0], wt = (n = this.viewContainerManager.getView(j)) == null ? void 0 : n.cameraOpt;
             u ? this.control.textEditorManager.updateTextForWorker({
               x: $[0],
               y: $[1],
               w: pt[0],
               h: pt[1],
-              scale: (mt == null ? void 0 : mt.scale) || 1,
+              scale: (wt == null ? void 0 : wt.scale) || 1,
               workId: z,
               opt: u,
               dataType: tt,
@@ -9789,11 +9788,11 @@ class uw extends hw {
           }, Date.now());
           break;
         case x.GetImageBitMap:
-          q && j && z && lw({
+          q && j && z && lm({
             src: q,
             isgl: ut
           }).then(($) => {
-            var mt;
+            var wt;
             const pt = /* @__PURE__ */ new Set();
             if (pt.add({
               msgType: x.GetImageBitMap,
@@ -9804,7 +9803,7 @@ class uw extends hw {
               isSubWorker: dt,
               imageBitmap: $
             }), !this.control.hasOffscreenCanvas())
-              (mt = this.mainThread) == null || mt.consume(pt);
+              (wt = this.mainThread) == null || wt.consume(pt);
             else {
               const $t = dt ? this.subWorker : this.fullWorker;
               $ ? $t.postMessage(pt, [$]) : $t.postMessage(pt);
@@ -9813,8 +9812,8 @@ class uw extends hw {
           break;
         case x.GetVNodeInfo:
           if (z) {
-            const $ = z.toString(), pt = (r = this.getVNodeInfoResolveMap.get($)) == null ? void 0 : r.resolve, mt = { ...c, uuid: $ };
-            pt && pt(mt);
+            const $ = z.toString(), pt = (r = this.getVNodeInfoResolveMap.get($)) == null ? void 0 : r.resolve, wt = { ...c, uuid: $ };
+            pt && pt(wt);
           }
           break;
         default:
@@ -9829,12 +9828,12 @@ class uw extends hw {
   collectorAsyncData(t) {
     var e, s, o, n;
     for (const r of t) {
-      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: f, opt: g, updateNodeOpt: p, toolsType: M, isSync: v, viewId: m, isLockSentEventCursor: S, nextTasks: T } = r;
-      if (!m) {
+      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: f, opt: g, updateNodeOpt: p, toolsType: M, isSync: v, viewId: w, isLockSentEventCursor: S, nextTasks: T } = r;
+      if (!w) {
         console.error("collectorAsyncData", r);
         return;
       }
-      const N = r.scenePath || this.viewContainerManager.getCurScenePath(m);
+      const N = r.scenePath || this.viewContainerManager.getCurScenePath(w);
       switch (c) {
         case x.None: {
           S && Gt(() => {
@@ -9851,7 +9850,7 @@ class uw extends hw {
             workId: h,
             index: u,
             isSync: v,
-            viewId: m,
+            viewId: w,
             scenePath: N,
             updateNodeOpt: p
           });
@@ -9866,19 +9865,19 @@ class uw extends hw {
             opt: g,
             toolsType: M,
             isSync: v,
-            viewId: m,
+            viewId: w,
             scenePath: N
           }), this.willSelectorWorkId && h && h.toString() === this.willSelectorWorkId && this.control.runEffectWork(() => {
-            this.setShapeSelectorByWorkId(this.willSelectorWorkId, m), this.willSelectorWorkId = void 0;
+            this.setShapeSelectorByWorkId(this.willSelectorWorkId, w), this.willSelectorWorkId = void 0;
           });
           break;
         }
         case x.UpdateNode: {
-          (o = this.collector) == null || o.dispatch({ type: c, updateNodeOpt: p, workId: h, opt: g, ops: f, op: l, isSync: v, viewId: m, scenePath: N });
+          (o = this.collector) == null || o.dispatch({ type: c, updateNodeOpt: p, workId: h, opt: g, ops: f, op: l, isSync: v, viewId: w, scenePath: N });
           break;
         }
         case x.RemoveNode: {
-          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: v, viewId: m, 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: v, viewId: w, scenePath: N }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
           break;
         }
       }
@@ -10122,7 +10121,7 @@ class uw extends hw {
     }), this.control.renderControl.destoryByViewId(t, e);
   }
   onServiceDerive(t, e) {
-    var f, g, p, M, v, m, S;
+    var f, g, p, M, v, w, S;
     const { newValue: s, oldValue: o, viewId: n, scenePath: r } = e, c = gt(s) || {}, l = t;
     let h = c.type;
     if (!s && o) {
@@ -10145,9 +10144,9 @@ class uw extends hw {
       if (!this.control.renderControl.isFilterAble({ viewId: n, elementId: t, scenePath: r }, h))
         return;
       const T = c;
-      if (T.workId = (v = this.collector) != null && v.isOwn(l) ? (m = this.collector) == null ? void 0 : m.getLocalId(l) : l, T.msgType = h, T.toolsType === I.LaserPen && (T.isRunSubWork = !0), T.dataType = U.Service, T.viewId = n, T.scenePath = r, T.selectIds && (T.selectIds = T.selectIds.map((N) => {
-        var w, C;
-        return (w = this.collector) != null && w.isOwn(N) ? (C = this.collector) == null ? void 0 : C.getLocalId(N) : N;
+      if (T.workId = (v = this.collector) != null && v.isOwn(l) ? (w = this.collector) == null ? void 0 : w.getLocalId(l) : l, T.msgType = h, T.toolsType === I.LaserPen && (T.isRunSubWork = !0), T.dataType = U.Service, T.viewId = n, T.scenePath = r, T.selectIds && (T.selectIds = T.selectIds.map((N) => {
+        var m, C;
+        return (m = this.collector) != null && m.isOwn(N) ? (C = this.collector) == null ? void 0 : C.getLocalId(N) : N;
       })), T && T.toolsType === I.Text || (o == null ? void 0 : o.toolsType) === I.Text) {
         this.control.textEditorManager.onServiceDerive(T);
         return;
@@ -10182,9 +10181,9 @@ class uw extends hw {
           if (!this.control.renderControl.isFilterAble({ viewId: t, elementId: p, scenePath: e }, M))
             continue;
           const v = o[p];
-          if (v.workId = (d = this.collector) != null && d.isOwn(p) ? (f = this.collector) == null ? void 0 : f.getLocalId(p) : p, v.msgType = M, v.dataType = U.Service, v.viewId = t, v.scenePath = e, v.useAnimation = !!r, v.selectIds && (v.selectIds = v.selectIds.map((m) => {
+          if (v.workId = (d = this.collector) != null && d.isOwn(p) ? (f = this.collector) == null ? void 0 : f.getLocalId(p) : p, v.msgType = M, v.dataType = U.Service, v.viewId = t, v.scenePath = e, v.useAnimation = !!r, v.selectIds && (v.selectIds = v.selectIds.map((w) => {
             var S, T;
-            return (S = this.collector) != null && S.isOwn(m) ? (T = this.collector) == null ? void 0 : T.getLocalId(m) : m;
+            return (S = this.collector) != null && S.isOwn(w) ? (T = this.collector) == null ? void 0 : T.getLocalId(w) : w;
           })), v.toolsType === I.Text) {
             this.control.textEditorManager.onServiceDerive(v);
             continue;
@@ -10605,9 +10604,9 @@ class uw extends hw {
           viewId: g.id
           // maxZIndex: this.zIndexNodeMethod?.getMaxZIndex(viewId)
         };
-        return this.taskBatchData.add(v), this.runAnimation(), new Promise((m) => {
-          this.snapshotMap.set(t, m);
-        }).then((m) => (this.snapshotMap.delete(t), m));
+        return this.taskBatchData.add(v), this.runAnimation(), new Promise((w) => {
+          this.snapshotMap.set(t, w);
+        }).then((w) => (this.snapshotMap.delete(t), w));
       }
     }
   }
@@ -10861,7 +10860,7 @@ class uw extends hw {
       });
   }
 }
-class dw {
+class dm {
   constructor(i) {
     y(this, "internalMsgEmitter");
     y(this, "control");
@@ -11014,7 +11013,7 @@ class dw {
     (t = this.control.room) == null || t.setMemberState(i);
   }
 }
-class pw {
+class pm {
   constructor(i) {
     y(this, "control");
     y(this, "roomMemberManager");
@@ -11400,7 +11399,7 @@ class pw {
         e.has(r) && Object.keys(s).includes(r) && ((n = this.control.collector) == null || n.updateValue(r, void 0, { isSync: !0, viewId: i, scenePath: t }));
   }
 }
-class fw {
+class fm {
   constructor(i) {
     y(this, "internalMsgEmitter");
     y(this, "control");
@@ -11510,7 +11509,7 @@ class fw {
     t && (this.maps.delete(t), this.control.viewContainerManager.setActiveMiniMap(t, !1));
   }
 }
-class gw {
+class gm {
   constructor() {
     y(this, "control");
     y(this, "_listeners", {});
@@ -11528,7 +11527,7 @@ class gw {
     delete this._listeners[i];
   }
 }
-class yw {
+class ym {
   constructor(i) {
     y(this, "control");
     y(this, "worker");
@@ -11613,7 +11612,7 @@ const ye = class ye {
       internalMsgEmitter: ye.InternalMsgEmitter,
       publicMsgEmitter: ye.PublicMsgEmitter
     };
-    this.cursor = new GM(o), this.textEditorManager = new QM(o), this.worker = new uw(o), this.hotkeyManager = new dw(o), this.renderControl = new pw(o), this.miniMapManager = new fw(o), this.pluginManager = new yw(o);
+    this.cursor = new GM(o), this.textEditorManager = new QM(o), this.worker = new um(o), this.hotkeyManager = new dm(o), this.renderControl = new pm(o), this.miniMapManager = new fm(o), this.pluginManager = new ym(o);
   }
   get disableEraseText() {
     return this._disableEraseText || !1;
@@ -12104,7 +12103,7 @@ const Me = class Me {
     return !!t.includes(e);
   }
   refreshPlugin(i, t = !1) {
-    var r, c, l, h, u, d, f, g, p, M, v, m, S, T, N, w, C, L, D, A, E;
+    var r, c, l, h, u, d, f, g, p, M, v, w, S, T, N, m, C, L, D, A, E;
     let e;
     const { scenePath: s } = i, o = i.data;
     if (!o || !this.collector)
@@ -12158,7 +12157,7 @@ const Me = class Me {
                   it && (j.selectIds = Q.filter((ct) => !!ct));
                 }
               }
-              (m = this.collector) == null || m.updateValue(O.key, O.data, { viewId: this.viewId, scenePath: s, isSync: !0, storage: n });
+              (w = this.collector) == null || w.updateValue(O.key, O.data, { viewId: this.viewId, scenePath: s, isSync: !0, storage: n });
             }
           }
           break;
@@ -12179,7 +12178,7 @@ const Me = class Me {
                   let ct = !1;
                   for (const J of it)
                     for (let ut = 0; ut < V.length; ut++)
-                      J != null && J.selectIds && ((w = J.selectIds) != null && w.includes(V[ut])) && (delete V[ut], ct = !0);
+                      J != null && J.selectIds && ((m = J.selectIds) != null && m.includes(V[ut])) && (delete V[ut], ct = !0);
                   ct && (Q.selectIds = V.filter((J) => !!J));
                 }
               }
@@ -12213,11 +12212,11 @@ const Me = class Me {
 };
 y(Me, "sdkCallBack"), y(Me, "MaxStackLength", 20), y(Me, "waitTime", 100);
 let fi = Me;
-function Mw(a) {
+function Mm(a) {
   return a instanceof TouchEvent || a instanceof window.TouchEvent || (a == null ? void 0 : a.touches) && (a == null ? void 0 : a.touches.length) || (a == null ? void 0 : a.changedTouches) && (a == null ? void 0 : a.changedTouches.length);
 }
 function Pe(a) {
-  return Mw(a) && (a.touches && a.touches.length === 1 || a.changedTouches && a.changedTouches.length === 1);
+  return Mm(a) && (a.touches && a.touches.length === 1 || a.changedTouches && a.changedTouches.length === 1);
 }
 function pn(a) {
   return a.touches && a.touches.length ? {
@@ -12268,7 +12267,7 @@ class Ve {
   }
   validator(i, t, e) {
     var n;
-    const s = ws(i[t]), o = ws(e);
+    const s = ms(i[t]), o = ms(e);
     t === "focusScenePath" && e && !ft(s, o) && (this.control.internalSceneChange(i.id, o), (n = this.focuedView) == null || n.displayer.commiter.onChangeScene()), t === "cameraOpt" && !ft(s, o) && this.control.internalCameraChange(i.id, o);
   }
   destroyAppView(i, t = !1) {
@@ -12361,12 +12360,12 @@ class Ve {
   }
   /** 绘制view */
   render(i) {
-    var t, e, s, o, n, r, c, l, h, u, d, f, g, p, M, v, m;
+    var t, e, s, o, n, r, c, l, h, u, d, f, g, p, M, v, w;
     for (const S of i) {
-      const { rect: T, imageBitmap: N, isClear: w, isUnClose: C, drawCanvas: L, clearCanvas: D, viewId: A } = S, E = (t = this.getView(A)) == null ? void 0 : t.displayer;
+      const { rect: T, imageBitmap: N, isClear: m, isUnClose: C, drawCanvas: L, clearCanvas: D, viewId: A } = S, E = (t = this.getView(A)) == null ? void 0 : t.displayer;
       if (E && T) {
         const { dpr: O, canvasBgRef: z, canvasFloatRef: j, canvasServiceFloatRef: tt, canvasTopRef: et } = E, G = Math.floor(T.w * O), Q = Math.floor(T.h * O), V = T.x * O, it = T.y * O;
-        if (w) {
+        if (m) {
           switch (D) {
             case Nt.TopFloat:
               (s = (e = et.current) == null ? void 0 : e.getContext("2d")) == null || s.clearRect(V, it, G, Q);
@@ -12397,7 +12396,7 @@ class Ve {
               break;
             }
             case Nt.Bg: {
-              (m = (v = z.current) == null ? void 0 : v.getContext("2d")) == null || m.drawImage(N, 0, 0, G, Q, V, it, G, Q);
+              (w = (v = z.current) == null ? void 0 : v.getContext("2d")) == null || w.drawImage(N, 0, 0, G, Q, V, it, G, Q);
               break;
             }
           }
@@ -12434,7 +12433,7 @@ y(Ve, "defaultCameraOpt", {
   handleEvent: !1,
   depth: !1
 });
-class ww {
+class mm {
   constructor(i, t, e) {
     y(this, "viewId");
     y(this, "control");
@@ -12586,22 +12585,10 @@ class ww {
     return (o = i.offsetParent) != null && o.nodeName && i.offsetParent.nodeName !== "BODY" && (s = this.getContainerOffset(i.offsetParent, s)), s;
   }
   bindDisplayerEvent(i) {
-    i.addEventListener("mousedown", this.mousedown, !1), i.addEventListener("touchstart", this.touchstart, {
-      capture: !0,
-      passive: !1
-    }), window.addEventListener("mouseleave", this.mouseup, !1), window.addEventListener("mousemove", this.mousemove, {
-      capture: !0,
-      passive: !1
-    }), window.addEventListener("mouseup", this.mouseup, !1), window.addEventListener("touchmove", this.touchmove, {
-      capture: !0,
-      passive: !1
-    }), window.addEventListener("touchend", this.touchend, {
-      capture: !0,
-      passive: !1
-    }), i.addEventListener("mousemove", this.cursorMouseMove, !1), i.addEventListener("mouseleave", this.cursorMouseLeave, !1), i.addEventListener("keydown", this.keydown, !0);
+    i.addEventListener("mousedown", this.mousedown, !1), i.addEventListener("touchstart", this.touchstart, !1), document.addEventListener("mouseleave", this.mouseup, !1), document.addEventListener("mousemove", this.mousemove, !1), document.addEventListener("mouseup", this.mouseup, !1), document.addEventListener("touchmove", this.touchmove, !1), document.addEventListener("touchend", this.touchend, !1), i.addEventListener("mousemove", this.cursorMouseMove, !1), i.addEventListener("mouseleave", this.cursorMouseLeave, !1), i.addEventListener("keydown", this.keydown, !0);
   }
   removeDisplayerEvent(i) {
-    i.removeEventListener("mousedown", this.mousedown), i.removeEventListener("touchstart", this.touchstart), window.removeEventListener("mouseleave", this.mouseup), window.removeEventListener("mousemove", this.mousemove), window.removeEventListener("mouseup", this.mouseup), window.removeEventListener("touchmove", this.touchmove), window.removeEventListener("touchend", this.touchend), i.removeEventListener("mousemove", this.cursorMouseMove), i.removeEventListener("mouseleave", this.cursorMouseLeave), i.removeEventListener("keydown", this.keydown);
+    i.removeEventListener("mousedown", this.mousedown, !1), i.removeEventListener("touchstart", this.touchstart, !1), document.removeEventListener("mouseleave", this.mouseup, !1), document.removeEventListener("mousemove", this.mousemove, !1), document.removeEventListener("mouseup", this.mouseup, !1), document.removeEventListener("touchmove", this.touchmove, !1), document.removeEventListener("touchend", this.touchend, !1), i.removeEventListener("mousemove", this.cursorMouseMove, !1), i.removeEventListener("mouseleave", this.cursorMouseLeave, !1), i.removeEventListener("keydown", this.keydown, !0);
   }
 }
 class fn {
@@ -12743,39 +12730,27 @@ class fn {
     return (o = i.offsetParent) != null && o.nodeName && i.offsetParent.nodeName !== "BODY" && (s = this.getContainerOffset(i.offsetParent, s)), s;
   }
   bindDisplayerEvent(i) {
-    i.addEventListener("mousedown", this.mousedown, !1), window.addEventListener("mouseleave", this.mouseup, !1), window.addEventListener("mousemove", this.mousemove, {
-      capture: !1,
-      passive: !1
-    }), window.addEventListener("mouseup", this.mouseup, !1), i.addEventListener("touchstart", this.touchstart, {
-      capture: !0,
-      passive: !1
-    }), window.addEventListener("touchmove", this.touchmove, {
-      capture: !0,
-      passive: !1
-    }), window.addEventListener("touchend", this.touchend, {
-      capture: !0,
-      passive: !1
-    }), i.addEventListener("mousemove", this.cursorMouseMove, !0), i.addEventListener("mouseleave", this.cursorMouseLeave, !0), i.addEventListener("keydown", this.keydown, !0);
+    i.addEventListener("mousedown", this.mousedown, !1), document.addEventListener("mouseleave", this.mouseup, !1), document.addEventListener("mousemove", this.mousemove, !1), document.addEventListener("mouseup", this.mouseup, !1), i.addEventListener("touchstart", this.touchstart, !1), document.addEventListener("touchmove", this.touchmove, !1), document.addEventListener("touchend", this.touchend, !1), i.addEventListener("mousemove", this.cursorMouseMove, !1), i.addEventListener("mouseleave", this.cursorMouseLeave, !1), i.addEventListener("keydown", this.keydown, !0);
   }
   removeDisplayerEvent(i) {
-    i.removeEventListener("mousedown", this.mousedown), i.removeEventListener("touchstart", this.touchstart), window.removeEventListener("mouseleave", this.mouseup), window.removeEventListener("mousemove", this.mousemove), window.removeEventListener("mouseup", this.mouseup), window.removeEventListener("touchmove", this.touchmove), window.removeEventListener("touchend", this.touchend), i.removeEventListener("mousemove", this.cursorMouseMove), i.removeEventListener("mouseleave", this.cursorMouseLeave), i.removeEventListener("keydown", this.keydown);
+    i.removeEventListener("mousedown", this.mousedown, !1), document.removeEventListener("mouseleave", this.mouseup, !1), document.removeEventListener("mousemove", this.mousemove, !1), document.removeEventListener("mouseup", this.mouseup, !1), i.removeEventListener("touchstart", this.touchstart, !1), document.removeEventListener("touchmove", this.touchmove, !1), document.removeEventListener("touchend", this.touchend, !1), i.removeEventListener("mousemove", this.cursorMouseMove, !1), i.removeEventListener("mouseleave", this.cursorMouseLeave, !1), i.removeEventListener("keydown", this.keydown, !0);
   }
 }
-const mw = "index-module__Container__nLsM3", vw = "index-module__CanvasBox__j2Xe-", Iw = "index-module__FloatCanvas__d1YR7", Nw = "index-module__TopFloatCanvas__7IaCw", Sw = "index-module__CanvasBoxSub__hcMeK", Tw = "index-module__SnapshotBox__--eeE", kw = "index-module__FloatBar__cm-EL", Cw = "index-module__RotateBtn__HSSkf", bw = "index-module__ResizeBtn__yjvda", xw = "index-module__CursorBox__2UHvI", Lw = "index-module__TextEditorContainer__Qm8KC", zw = "index-module__ResizeTowBox__HOllX", Pw = "index-module__FloatBarBtn__FJrOG", Et = {
-  Container: mw,
-  CanvasBox: vw,
-  FloatCanvas: Iw,
-  TopFloatCanvas: Nw,
-  CanvasBoxSub: Sw,
-  SnapshotBox: Tw,
-  FloatBar: kw,
-  RotateBtn: Cw,
-  ResizeBtn: bw,
-  CursorBox: xw,
-  TextEditorContainer: Lw,
-  ResizeTowBox: zw,
-  FloatBarBtn: Pw
-}, Dw = {
+const wm = "index-module__Container__nLsM3", vm = "index-module__CanvasBox__j2Xe-", Im = "index-module__FloatCanvas__d1YR7", Nm = "index-module__TopFloatCanvas__7IaCw", Sm = "index-module__CanvasBoxSub__hcMeK", Tm = "index-module__SnapshotBox__--eeE", km = "index-module__FloatBar__cm-EL", Cm = "index-module__RotateBtn__HSSkf", bm = "index-module__ResizeBtn__yjvda", xm = "index-module__CursorBox__2UHvI", Lm = "index-module__TextEditorContainer__Qm8KC", zm = "index-module__ResizeTowBox__HOllX", Pm = "index-module__FloatBarBtn__FJrOG", Et = {
+  Container: wm,
+  CanvasBox: vm,
+  FloatCanvas: Im,
+  TopFloatCanvas: Nm,
+  CanvasBoxSub: Sm,
+  SnapshotBox: Tm,
+  FloatBar: km,
+  RotateBtn: Cm,
+  ResizeBtn: bm,
+  CursorBox: xm,
+  TextEditorContainer: Lm,
+  ResizeTowBox: zm,
+  FloatBarBtn: Pm
+}, Dm = {
   delete: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDZ2NmEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2aDBtMS0yYTIgMiAwIDAgMSAyLTJoMmEyIDIgMCAwIDEgMiAyaDBNMyA0aDEwIiBzdHJva2U9IiM0NDRFNjAiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==",
   duplicate: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjNDQ0RTYwIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMSAySDZhMSAxIDAgMCAwLTEgMXY4YTEgMSAwIDAgMCAxIDFoNmExIDEgMCAwIDAgMS0xVjRoMGwtMi0yeiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTExIDJ2MWExIDEgMCAwIDAgMSAxaDFsLTItMnoiLz48cGF0aCBkPSJNOSAxNEg0YTEgMSAwIDAgMS0xLTFWNWgwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+",
   "layer-pressed": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDEwLTYgNCA2IDQgNi00em0tNiA4IDYgNCA2LTQiIHN0cm9rZT0iIzMzODFGRiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+",
@@ -12813,9 +12788,9 @@ const mw = "index-module__Container__nLsM3", vw = "index-module__CanvasBox__j2Xe
   "speechBallon-placement": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTU3NiAyMTMuMzMzMzMzbDIyLjYxMzMzMyAyMi42MTMzMzRhMzIgMzIgMCAwIDAgMC00NS4yMjY2NjdMNTc2IDIxMy4zMzMzMzN6IG0tNjIuNzItMTA3Ljk0NjY2NmEzMiAzMiAwIDEgMC00NS4yMjY2NjcgNDUuMjI2NjY2bDQ1LjIyNjY2Ny00NS4yMjY2NjZ6IG0tNDUuMjI2NjY3IDE3MC42NjY2NjZhMzIgMzIgMCAwIDAgNDUuMjI2NjY3IDQ1LjIyNjY2N2wtNDUuMjI2NjY3LTQ1LjIyNjY2N3pNNDQ4IDgxMC42NjY2NjdsLTIyLjYxMzMzMy0yMi42MTMzMzRhMzIgMzIgMCAwIDAgMCA0NS4yMjY2NjdsMjIuNjEzMzMzLTIyLjYxMzMzM3ogbTEwNy45NDY2NjctNjIuNzJhMzIgMzIgMCAxIDAtNDUuMjI2NjY3LTQ1LjIyNjY2N2w0NS4yMjY2NjcgNDUuMjI2NjY3eiBtLTQ1LjIyNjY2NyAxNzAuNjY2NjY2YTMyIDMyIDAgMSAwIDQ1LjIyNjY2Ny00NS4yMjY2NjZsLTQ1LjIyNjY2NyA0NS4yMjY2NjZ6TTgxMC42NjY2NjcgNTc2bC0yMi42MTMzMzQgMjIuNjEzMzMzYTMyIDMyIDAgMCAwIDQ1LjIyNjY2NyAwTDgxMC42NjY2NjcgNTc2eiBtMTA3Ljk0NjY2Ni02Mi43MmEzMiAzMiAwIDEgMC00NS4yMjY2NjYtNDUuMjI2NjY3bDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAtNDUuMjI2NjY3IDQ1LjIyNjY2N2w0NS4yMjY2NjctNDUuMjI2NjY3ek0yMTMuMzMzMzMzIDQ0OGwyMi42MTMzMzQtMjIuNjEzMzMzYTMyIDMyIDAgMCAwLTQ1LjIyNjY2NyAwbDIyLjYxMzMzMyAyMi42MTMzMzN6IG02Mi43MiAxMDcuOTQ2NjY3YTMyIDMyIDAgMCAwIDQ1LjIyNjY2Ny00NS4yMjY2NjdsLTQ1LjIyNjY2NyA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAgNDUuMjI2NjY2IDQ1LjIyNjY2N2wtNDUuMjI2NjY2LTQ1LjIyNjY2N3pNMzA5LjMzMzMzMyAyMTMuMzMzMzMzQTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMjM0LjY2NjY2NyAyODh2NjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDM3My4zMzMzMzMgMjEzLjMzMzMzM2gtNjR6TTIzNC42NjY2NjcgMjg4QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMTYwIDIxMy4zMzMzMzNoLTY0QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAyMzQuNjY2NjY3IDM1MnYtNjR6TTE2MCAyMTMuMzMzMzMzYzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2NnYtNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDk2IDIxMy4zMzMzMzNoNjR6TTIzNC42NjY2NjcgMTM4LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NiA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIzNC42NjY2NjcgNzQuNjY2NjY3djY0ek0zNDEuMzMzMzMzIDI0NS4zMzMzMzNoMjM0LjY2NjY2N3YtNjRIMzQxLjMzMzMzM3Y2NHogbTI1Ny4yOC01NC42MTMzMzNsLTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NiA4NS4zMzMzMzQgODUuMzMzMzM0IDQ1LjIyNjY2Ni00NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsLTg1LjMzMzMzNCA4NS4zMzMzMzMgNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2Njd6TTY1MC42NjY2NjcgODEwLjY2NjY2N2ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2NiAxMzguNjY2NjY2di02NEE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxIDcxNC42NjY2NjcgODEwLjY2NjY2N2gtNjR6IG0xMzguNjY2NjY2IDEzOC42NjY2NjZBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDkyOCA4MTAuNjY2NjY3aC02NGE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxLTc0LjY2NjY2NyA3NC42NjY2NjZ2NjR6TTkyOCA4MTAuNjY2NjY3YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY3LTEzOC42NjY2Njd2NjRjNDEuMjE2IDAgNzQuNjY2NjY3IDMzLjQ1MDY2NyA3NC42NjY2NjcgNzQuNjY2NjY3aDY0eiBtLTEzOC42NjY2NjctMTM4LjY2NjY2N0ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgNjUwLjY2NjY2NyA4MTAuNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY2LTc0LjY2NjY2N3YtNjR6IG0tMTA2LjY2NjY2NiAxMDYuNjY2NjY3aC0yMzQuNjY2NjY3djY0SDY4Mi42NjY2Njd2LTY0eiBtLTIxMi4wNTMzMzQgNTQuNjEzMzMzbDg1LjMzMzMzNC04NS4zMzMzMzMtNDUuMjI2NjY3LTQ1LjIyNjY2Ny04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsODUuMzMzMzMzIDg1LjMzMzMzMyA0NS4yMjY2NjctNDUuMjI2NjY2LTg1LjMzMzMzNC04NS4zMzMzMzQtNDUuMjI2NjY2IDQ1LjIyNjY2N3pNNjcyIDIzNC42NjY2NjdBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDgxMC42NjY2NjcgMzczLjMzMzMzM3YtNjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjctNzQuNjY2NjY2aC02NHpNODEwLjY2NjY2NyAzNzMuMzMzMzMzYTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAxMzguNjY2NjY2LTEzOC42NjY2NjZoLTY0QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgODEwLjY2NjY2NyAzMDkuMzMzMzMzdjY0eiBtMTM4LjY2NjY2Ni0xMzguNjY2NjY2QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCA4MTAuNjY2NjY3IDk2djY0YzQxLjIxNiAwIDc0LjY2NjY2NyAzMy40NTA2NjcgNzQuNjY2NjY2IDc0LjY2NjY2N2g2NHpNODEwLjY2NjY2NyA5NmExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAtMTM4LjY2NjY2NyAxMzguNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2N3YtNjR6TTc3OC42NjY2NjcgMzQxLjMzMzMzM3YyMzQuNjY2NjY3aDY0VjM0MS4zMzMzMzNoLTY0eiBtNTQuNjEzMzMzIDI1Ny4yOGw4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2NjctODUuMzMzMzM0IDg1LjMzMzMzNCA0NS4yMjY2NjcgNDUuMjI2NjY2eiBtMC00NS4yMjY2NjZsLTg1LjMzMzMzMy04NS4zMzMzMzQtNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2Ny00NS4yMjY2NjZ6TTEzOC42NjY2NjcgNzg5LjMzMzMzM2MwLTQxLjIxNiAzMy40NTA2NjctNzQuNjY2NjY3IDc0LjY2NjY2Ni03NC42NjY2NjZ2LTY0YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY2IDEzOC42NjY2NjZoNjR6TTIxMy4zMzMzMzMgNzE0LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NyA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIxMy4zMzMzMzMgNjUwLjY2NjY2N3Y2NHogbTc0LjY2NjY2NyA3NC42NjY2NjZBNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMSAyMTMuMzMzMzMzIDg2NHY2NGExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2Ny0xMzguNjY2NjY3aC02NHpNMjEzLjMzMzMzMyA4NjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjYtNzQuNjY2NjY3aC02NEExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMjEzLjMzMzMzMyA5Mjh2LTY0ek0yNDUuMzMzMzMzIDY4Mi42NjY2Njd2LTIzNC42NjY2NjdoLTY0VjY4Mi42NjY2NjdoNjR6IG0tNTQuNjEzMzMzLTIxMi4wNTMzMzRsODUuMzMzMzMzIDg1LjMzMzMzNCA0NS4yMjY2NjctNDUuMjI2NjY3LTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NnogbTAtNDUuMjI2NjY2bC04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2NjcgODUuMzMzMzM0LTg1LjMzMzMzNC00NS4yMjY2NjctNDUuMjI2NjY2eiIgIGZpbGw9IiM0NDRFNjAiPjwvcGF0aD48L3N2Zz4="
 };
 function Dt(a) {
-  return Dw[a];
+  return Dm[a];
 }
-const Aw = (a) => {
+const Am = (a) => {
   const { workIds: i, mananger: t } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -12832,7 +12807,7 @@ const Aw = (a) => {
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt("delete") })
   );
-}, jw = (a) => {
+}, jm = (a) => {
   const { workIds: i, viewId: t } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -12851,7 +12826,7 @@ const Aw = (a) => {
 }, lo = (a) => {
   const { icon: i, onPointerUpHandler: t } = a;
   return /* @__PURE__ */ k.createElement("div", { className: "button normal-button", onPointerUp: t }, /* @__PURE__ */ k.createElement("img", { src: Dt(i) }));
-}, Ew = (a) => {
+}, Em = (a) => {
   const { open: i, setOpen: t, floatBarRef: e } = a, { floatBarData: s, mananger: o } = xt(Ct), [n, r] = nt([]), c = X(() => {
     if (e != null && e.current && _(s == null ? void 0 : s.y) && (o != null && o.height)) {
       if (e.current.offsetTop && e.current.offsetTop + s.y > 180) {
@@ -12900,7 +12875,7 @@ const Aw = (a) => {
     l,
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i ? "layer-pressed" : "layer") })
   );
-}, Ow = () => /* @__PURE__ */ k.createElement("svg", { style: { marginLeft: "2px" }, viewBox: "0 0 1025 1024", width: "14", height: "14" }, /* @__PURE__ */ k.createElement("path", { d: "M1016.5248 493.8752c-9.984-9.984-26.2144-9.984-36.1984 0l-183.6032 183.6032c-29.952 29.952-78.6944 29.952-108.5952 0l-239.2064-239.2064c-14.4384-14.4384-22.3744-33.6896-22.3744-54.3232s7.936-39.8848 22.3744-54.3232l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984s-26.2144-9.984-36.1984 0l-183.6032 183.6032c-24.1152 24.1152-37.376 56.2176-37.376 90.5216 0 14.592 2.4576 28.8256 7.0656 42.1888l-374.8864 374.8864c-4.8128 4.8128-7.4752 11.3152-7.4752 18.1248l0 76.8c0 14.1312 11.4688 25.6 25.6 25.6l486.4 0c6.8096 0 13.312-2.7136 18.1248-7.4752l170.0864-170.0864c13.3632 4.6592 27.5968 7.0656 42.1888 7.0656 34.2528 0 66.4064-13.2608 90.5216-37.376l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984zM501.4016 870.4l-450.2016 0 0-40.6016 358.5024-358.5024c1.024 1.0752 1.9968 2.1504 3.0208 3.1744l239.2064 239.2064c1.024 1.024 2.0992 2.048 3.1744 3.0208l-153.7024 153.7024z", fill: "#000000" })), gn = (a) => {
+}, Om = () => /* @__PURE__ */ k.createElement("svg", { style: { marginLeft: "2px" }, viewBox: "0 0 1025 1024", width: "14", height: "14" }, /* @__PURE__ */ k.createElement("path", { d: "M1016.5248 493.8752c-9.984-9.984-26.2144-9.984-36.1984 0l-183.6032 183.6032c-29.952 29.952-78.6944 29.952-108.5952 0l-239.2064-239.2064c-14.4384-14.4384-22.3744-33.6896-22.3744-54.3232s7.936-39.8848 22.3744-54.3232l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984s-26.2144-9.984-36.1984 0l-183.6032 183.6032c-24.1152 24.1152-37.376 56.2176-37.376 90.5216 0 14.592 2.4576 28.8256 7.0656 42.1888l-374.8864 374.8864c-4.8128 4.8128-7.4752 11.3152-7.4752 18.1248l0 76.8c0 14.1312 11.4688 25.6 25.6 25.6l486.4 0c6.8096 0 13.312-2.7136 18.1248-7.4752l170.0864-170.0864c13.3632 4.6592 27.5968 7.0656 42.1888 7.0656 34.2528 0 66.4064-13.2608 90.5216-37.376l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984zM501.4016 870.4l-450.2016 0 0-40.6016 358.5024-358.5024c1.024 1.0752 1.9968 2.1504 3.0208 3.1744l239.2064 239.2064c1.024 1.024 2.0992 2.048 3.1744 3.0208l-153.7024 153.7024z", fill: "#000000" })), gn = (a) => {
   const { activeColor: i, onPointerUpHandler: t } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -12980,7 +12955,7 @@ const Aw = (a) => {
       )
     ))
   );
-}, Rw = (a) => {
+}, Rm = (a) => {
   const { min: i, max: t, activeNumber: e, setActiveNumber: s, color: o } = a, [n, r] = nt({ x: 108, y: 0 });
   if (yt(() => {
     const u = Math.ceil((e - i) / (t - i) * 100) + 8;
@@ -13042,7 +13017,7 @@ const Aw = (a) => {
       )
     ))
   );
-}, Ww = (a) => {
+}, Wm = (a) => {
   const { useStroke: i, color: t, activeStrokeType: e, setStrokeType: s } = a;
   return /* @__PURE__ */ k.createElement("div", { className: "stroke-type-box" }, !!i && /* @__PURE__ */ k.createElement(
     "div",
@@ -13081,39 +13056,39 @@ const Aw = (a) => {
       }
     }
   ));
-}, Yw = (a) => {
+}, Ym = (a) => {
   const { open: i, setOpen: t, floatBarRef: e } = a, { floatBarData: s, floatBarColors: o, mananger: n, setFloatBarData: r } = xt(Ct), [c, l] = nt(), [h, u] = nt(1);
   yt(() => {
     if (s != null && s.strokeColor) {
-      const [m, S] = Ti(s.strokeColor);
-      l(m), u(S);
+      const [w, S] = Ti(s.strokeColor);
+      l(w), u(S);
     }
   }, [s]);
   const d = X(() => {
     if (e != null && e.current && _(s == null ? void 0 : s.y) && (n != null && n.height)) {
       if (e.current.offsetTop && e.current.offsetTop + s.y > 180) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       } else if (!e.current.offsetTop && (n == null ? void 0 : n.height) - e.current.offsetTop - s.y < 120) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [(e == null ? void 0 : e.current) && s, n == null ? void 0 : n.height]), f = X(() => /* @__PURE__ */ k.createElement(Ci, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (m, S, T) => {
-    T === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), T === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(m);
-    const N = Lt(S, m);
+  }, [(e == null ? void 0 : e.current) && s, n == null ? void 0 : n.height]), f = X(() => /* @__PURE__ */ k.createElement(Ci, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (w, S, T) => {
+    T === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), T === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(w);
+    const N = Lt(S, w);
     s != null && s.strokeColor && r({ strokeColor: N }), rt.emitMethod(
       ot.MainEngine,
       B.SetColorNode,
       { workIds: [H], strokeColor: N, workState: T, viewId: n == null ? void 0 : n.viewId }
     );
   } }), [h, c, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, s]), g = X(() => {
-    var m, S;
+    var w, S;
     return c && (s != null && s.thickness) ? /* @__PURE__ */ k.createElement(
-      Rw,
+      Rm,
       {
         key: "strokeThickness",
-        min: Math.min(s.thickness, ((m = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : m.min) || 1),
+        min: Math.min(s.thickness, ((w = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : w.min) || 1),
         max: Math.max(s.thickness, ((S = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : S.max) || 10),
         activeNumber: s.thickness,
         setActiveNumber: (T, N) => {
@@ -13127,16 +13102,16 @@ const Aw = (a) => {
       }
     ) : null;
   }, [c, s == null ? void 0 : s.thickness, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId]), p = X(() => c && (s != null && s.strokeType) ? /* @__PURE__ */ k.createElement(
-    Ww,
+    Wm,
     {
       key: "strokeType",
       useStroke: s == null ? void 0 : s.useStroke,
       activeStrokeType: s.strokeType,
-      setStrokeType: (m) => {
-        s.strokeType && r({ strokeType: m }), rt.emitMethod(
+      setStrokeType: (w) => {
+        s.strokeType && r({ strokeType: w }), rt.emitMethod(
           ot.MainEngine,
           B.SetColorNode,
-          { workIds: [H], strokeType: m, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
+          { workIds: [H], strokeType: w, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
         );
       },
       color: c
@@ -13146,15 +13121,15 @@ const Aw = (a) => {
     {
       className: "font-colors-menu",
       style: d,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation();
       }
     },
     p,
     g,
     /* @__PURE__ */ k.createElement("div", { className: "font-colors-line" }),
-    o.concat().map((m, S) => {
-      const T = Xe(...m);
+    o.concat().map((w, S) => {
+      const T = Xe(...w);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
@@ -13163,11 +13138,11 @@ const Aw = (a) => {
           activeColor: c,
           onPointerUpHandler: (N) => {
             N.stopPropagation(), l(T);
-            const w = Lt(T, h);
-            s != null && s.strokeColor && (s.strokeColor = w, r({ strokeColor: w })), rt.emitMethod(
+            const m = Lt(T, h);
+            s != null && s.strokeColor && (s.strokeColor = m, r({ strokeColor: m })), rt.emitMethod(
               ot.MainEngine,
               B.SetColorNode,
-              { workIds: [H], workState: P.Done, strokeColor: w, viewId: n == null ? void 0 : n.viewId }
+              { workIds: [H], workState: P.Done, strokeColor: m, viewId: n == null ? void 0 : n.viewId }
             );
           }
         }
@@ -13179,14 +13154,14 @@ const Aw = (a) => {
     "div",
     {
       className: `button normal-button font-colors-icon ${i && "active"}`,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation(), t(!i);
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), t(!i);
       }
     },
     v,
     M
   );
-}, Uw = (a) => {
+}, Um = (a) => {
   const { open: i, setOpen: t, floatBarRef: e } = a, { floatBarData: s, floatBarColors: o, mananger: n, setFloatBarData: r } = xt(Ct), [c, l] = nt(), [h, u] = nt(1);
   yt(() => {
     if (s != null && s.fillColor) {
@@ -13204,13 +13179,13 @@ const Aw = (a) => {
         return M.top = "inherit", M.bottom = 50, M;
       }
     }
-  }, [e == null ? void 0 : e.current, s, n == null ? void 0 : n.height]), f = X(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, v, m) => {
-    m === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), m === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(M);
+  }, [e == null ? void 0 : e.current, s, n == null ? void 0 : n.height]), f = X(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, v, 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 S = Lt(v, M);
     s != null && s.fillColor && (s.fillColor = S, r({ fillColor: S })), rt.emitMethod(
       ot.MainEngine,
       B.SetColorNode,
-      { workIds: [H], fillColor: c && Lt(v, M), workState: m, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [H], fillColor: c && Lt(v, 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, s]), g = X(() => i ? /* @__PURE__ */ k.createElement(
     "div",
@@ -13237,16 +13212,16 @@ const Aw = (a) => {
       }
     ),
     o.map((M, v) => {
-      const m = Xe(...M);
+      const w = Xe(...M);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
           key: v,
-          color: m,
+          color: w,
           activeColor: c,
           onPointerUpHandler: (S) => {
-            S.cancelable && S.preventDefault(), S.stopPropagation(), l(m);
-            const T = Lt(m, h);
+            S.cancelable && S.preventDefault(), S.stopPropagation(), l(w);
+            const T = Lt(w, h);
             s != null && s.fillColor && (s.fillColor = T, r({ fillColor: T })), rt.emitMethod(
               ot.MainEngine,
               B.SetColorNode,
@@ -13272,27 +13247,27 @@ const Aw = (a) => {
     p,
     g
   );
-}, Bw = (a) => {
+}, Bm = (a) => {
   const { open: i, setOpen: t, textOpt: e, workIds: s, floatBarRef: o } = a, { floatBarColors: n, mananger: r, setFloatBarData: c, floatBarData: l } = xt(Ct), [h, u] = nt(), [d, f] = nt(1);
   yt(() => {
     if (e != null && e.fontColor) {
-      const [m, S] = (e == null ? void 0 : e.fontColor) === "transparent" && ["transparent", 0] || Ti(e.fontColor);
-      u(m), f(S);
+      const [w, S] = (e == null ? void 0 : e.fontColor) === "transparent" && ["transparent", 0] || Ti(e.fontColor);
+      u(w), f(S);
     }
   }, [e == null ? void 0 : e.fontColor]);
   const g = X(() => {
     if (o != null && o.current && _(l == null ? void 0 : l.y) && (r != null && r.height)) {
       if (o.current.offsetTop && o.current.offsetTop + l.y > 180) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       } else if (!o.current.offsetTop && (r == null ? void 0 : r.height) - o.current.offsetTop - l.y < 120) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [o == null ? void 0 : o.current, l, r]), p = X(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (m, S, T) => {
-    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), f(m);
-    const N = Lt(S, m);
+  }, [o == null ? void 0 : o.current, l, r]), p = X(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (w, S, T) => {
+    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), f(w);
+    const N = Lt(S, w);
     l != null && l.textOpt && (l.textOpt.fontColor = N, c({ textOpt: l.textOpt })), rt.emitMethod(
       ot.MainEngine,
       B.SetColorNode,
@@ -13308,12 +13283,12 @@ const Aw = (a) => {
     {
       className: "font-colors-menu",
       style: g,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation();
       }
     },
-    n.map((m, S) => {
-      const T = Xe(...m);
+    n.map((w, S) => {
+      const T = Xe(...w);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
@@ -13322,11 +13297,11 @@ const Aw = (a) => {
           activeColor: h,
           onPointerUpHandler: (N) => {
             N.stopPropagation(), u(T);
-            const w = Lt(T, d);
-            l != null && l.textOpt && (l.textOpt.fontColor = w, c({ textOpt: l.textOpt })), rt.emitMethod(
+            const m = Lt(T, d);
+            l != null && l.textOpt && (l.textOpt.fontColor = m, c({ textOpt: l.textOpt })), rt.emitMethod(
               ot.MainEngine,
               B.SetColorNode,
-              { workIds: s || [H], workState: P.Done, fontColor: w, viewId: r == null ? void 0 : r.viewId }
+              { workIds: s || [H], workState: P.Done, fontColor: m, viewId: r == null ? void 0 : r.viewId }
             );
           }
         }
@@ -13334,48 +13309,48 @@ const Aw = (a) => {
     }),
     p
   ) : null, [i, n, p, h, d, l == null ? void 0 : l.textOpt, s, r == null ? void 0 : r.viewId, g]), v = X(() => {
-    const m = h && h !== "transparent" && Lt(h, d) || "transparent";
-    return /* @__PURE__ */ k.createElement("div", { className: "color-bar" }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: m } }));
+    const w = h && h !== "transparent" && Lt(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(
     "div",
     {
       className: `button normal-button font-colors-icon ${i && "active"}`,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation(), t(!i);
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), t(!i);
       }
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt("font-colors") }),
     v,
     M
   );
-}, Fw = (a) => {
+}, Fm = (a) => {
   const { open: i, setOpen: t, textOpt: e, workIds: s, floatBarRef: o } = a, { floatBarColors: n, mananger: r, setFloatBarData: c, floatBarData: l } = xt(Ct), [h, u] = nt(), [d, f] = nt(1);
   yt(() => {
     if (e != null && e.fontBgColor) {
-      const [m, S] = (e == null ? void 0 : e.fontBgColor) === "transparent" && ["transparent", 1] || Ti(e.fontBgColor);
-      u(m), f(S);
+      const [w, S] = (e == null ? void 0 : e.fontBgColor) === "transparent" && ["transparent", 1] || Ti(e.fontBgColor);
+      u(w), f(S);
     }
   }, [e == null ? void 0 : e.fontBgColor]);
   const g = X(() => {
     if (o != null && o.current && _(l == null ? void 0 : l.y) && (r != null && r.height)) {
       if (o.current.offsetTop && o.current.offsetTop + l.y > 180) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       } else if (!o.current.offsetTop && (r == null ? void 0 : r.height) - o.current.offsetTop - l.y < 120) {
-        const m = {};
-        return m.top = "inherit", m.bottom = 50, m;
+        const w = {};
+        return w.top = "inherit", w.bottom = 50, w;
       }
     }
-  }, [o == null ? void 0 : o.current, l, r]), p = X(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (m, S, T) => {
-    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), f(m);
-    const N = Lt(S, m);
+  }, [o == null ? void 0 : o.current, l, r]), p = X(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(Ci, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (w, S, T) => {
+    T === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), T === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), f(w);
+    const N = Lt(S, w);
     l != null && l.textOpt && (l.textOpt.fontBgColor = N, c({ textOpt: l.textOpt })), rt.emitMethod(
       ot.MainEngine,
       B.SetColorNode,
       {
         workIds: s || [H],
-        fontBgColor: h && Lt(S, m),
+        fontBgColor: h && Lt(S, w),
         workState: T,
         viewId: r == null ? void 0 : r.viewId
       }
@@ -13385,16 +13360,16 @@ const Aw = (a) => {
     {
       className: "font-colors-menu",
       style: g,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation();
       }
     },
     /* @__PURE__ */ k.createElement(
       gn,
       {
         activeColor: h,
-        onPointerUpHandler: (m) => {
-          m.stopPropagation();
+        onPointerUpHandler: (w) => {
+          w.stopPropagation();
           const S = "transparent";
           u(S), l != null && l.textOpt && (l.textOpt.fontBgColor = S, c({ textOpt: l.textOpt })), rt.emitMethod(
             ot.MainEngine,
@@ -13404,8 +13379,8 @@ const Aw = (a) => {
         }
       }
     ),
-    n.map((m, S) => {
-      const T = Xe(...m);
+    n.map((w, S) => {
+      const T = Xe(...w);
       return /* @__PURE__ */ k.createElement(
         ki,
         {
@@ -13414,8 +13389,8 @@ const Aw = (a) => {
           activeColor: h,
           onPointerUpHandler: (N) => {
             N.stopPropagation(), u(T);
-            const w = Lt(T, d);
-            l != null && l.textOpt && (l.textOpt.fontBgColor = w, c({ textOpt: l.textOpt })), rt.emitMethod(
+            const m = Lt(T, d);
+            l != null && l.textOpt && (l.textOpt.fontBgColor = m, c({ textOpt: l.textOpt })), rt.emitMethod(
               ot.MainEngine,
               B.SetColorNode,
               { workIds: s || [H], workState: P.Done, fontBgColor: Lt(T, d), viewId: r == null ? void 0 : r.viewId }
@@ -13426,22 +13401,22 @@ const Aw = (a) => {
     }),
     p
   ) : null, [i, n, p, d, h, l == null ? void 0 : l.textOpt, s, r == null ? void 0 : r.viewId, g]), v = X(() => {
-    const m = h && h !== "transparent" && Lt(h, d) || "transparent";
-    return /* @__PURE__ */ k.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: m } }));
+    const w = h && h !== "transparent" && Lt(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(
     "div",
     {
       className: `button normal-button font-colors-icon ${i && "active"}`,
-      onPointerUp: (m) => {
-        m.stopPropagation(), m.nativeEvent.stopImmediatePropagation(), t(!i);
+      onPointerUp: (w) => {
+        w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), t(!i);
       }
     },
-    /* @__PURE__ */ k.createElement(Ow, null),
+    /* @__PURE__ */ k.createElement(Om, null),
     v,
     M
   );
-}, $w = (a) => {
+}, $m = (a) => {
   const { bold: i, setBold: t, workIds: e, viewId: s } = a, o = (n) => {
     const r = i === "bold" ? "normal" : "bold";
     n == null || n.stopPropagation(), t(r), rt.emitMethod(
@@ -13458,7 +13433,7 @@ const Aw = (a) => {
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i === "bold" ? "bold-active" : "bold") })
   );
-}, Vw = (a) => {
+}, Vm = (a) => {
   const { underline: i, setUnderline: t, workIds: e, viewId: s } = a, o = (n) => {
     const r = !i;
     n == null || n.stopPropagation(), t(r), rt.emitMethod(
@@ -13475,7 +13450,7 @@ const Aw = (a) => {
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i ? "underline-active" : "underline") })
   );
-}, Hw = (a) => {
+}, Hm = (a) => {
   const { lineThrough: i, setLineThrough: t, workIds: e, viewId: s } = a, o = (n) => {
     const r = !i;
     n == null || n.stopPropagation(), t(r), rt.emitMethod(
@@ -13485,7 +13460,7 @@ const Aw = (a) => {
     );
   };
   return /* @__PURE__ */ k.createElement("div", { className: "font-style-button", onPointerUp: o }, /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i ? "line-through-active" : "line-through") }));
-}, Qw = (a) => {
+}, Qm = (a) => {
   const { italic: i, setItalic: t, workIds: e, viewId: s } = a, o = (n) => {
     const r = i === "italic" ? "normal" : "italic";
     n == null || n.stopPropagation(), t(r), rt.emitMethod(
@@ -13495,7 +13470,7 @@ const Aw = (a) => {
     );
   };
   return /* @__PURE__ */ k.createElement("div", { className: "font-style-button", onPointerUp: o }, /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i === "italic" ? "italic-active" : "italic") }));
-}, Gw = (a) => {
+}, Gm = (a) => {
   const { open: i, setOpen: t, textOpt: e, workIds: s, style: o, floatBarRef: n } = a, { mananger: r, floatBarData: c } = xt(Ct), [l, h] = nt("normal"), [u, d] = nt("normal"), [f, g] = nt(!1), [p, M] = nt(!1);
   yt(() => {
     e != null && e.bold && h(e.bold), Ut(e == null ? void 0 : e.underline) && g(e.underline || !1), Ut(e == null ? void 0 : e.lineThrough) && M(e.lineThrough || !1), e != null && e.italic && d(e.italic);
@@ -13510,7 +13485,7 @@ const Aw = (a) => {
         return S.top = "inherit", S.bottom = 50, S;
       }
     }
-  }, [o, n == null ? void 0 : n.current, c, r]), m = X(() => i ? /* @__PURE__ */ k.createElement(
+  }, [o, n == null ? void 0 : n.current, c, r]), w = X(() => i ? /* @__PURE__ */ k.createElement(
     "div",
     {
       className: "font-style-menu",
@@ -13519,10 +13494,10 @@ const Aw = (a) => {
         S.stopPropagation(), S.nativeEvent.stopImmediatePropagation();
       }
     },
-    /* @__PURE__ */ k.createElement($w, { workIds: s || [H], bold: l, setBold: h, viewId: r == null ? void 0 : r.viewId }),
-    /* @__PURE__ */ k.createElement(Vw, { workIds: s || [H], underline: f, setUnderline: g, viewId: r == null ? void 0 : r.viewId }),
-    /* @__PURE__ */ k.createElement(Hw, { workIds: s || [H], lineThrough: p, setLineThrough: M, viewId: r == null ? void 0 : r.viewId }),
-    /* @__PURE__ */ k.createElement(Qw, { workIds: s || [H], italic: u, setItalic: d, viewId: r == null ? void 0 : r.viewId })
+    /* @__PURE__ */ k.createElement($m, { workIds: s || [H], bold: l, setBold: h, viewId: r == null ? void 0 : r.viewId }),
+    /* @__PURE__ */ k.createElement(Vm, { workIds: s || [H], underline: f, setUnderline: g, viewId: r == null ? void 0 : r.viewId }),
+    /* @__PURE__ */ k.createElement(Hm, { workIds: s || [H], lineThrough: p, setLineThrough: M, viewId: r == null ? void 0 : r.viewId }),
+    /* @__PURE__ */ k.createElement(Qm, { workIds: s || [H], italic: u, setItalic: d, viewId: r == null ? void 0 : r.viewId })
   ) : null, [i, s, l, r == null ? void 0 : r.viewId, f, p, u, v]);
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -13533,7 +13508,7 @@ const Aw = (a) => {
       }
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt(i ? "font-style-active" : "font-style") }),
-    m
+    w
   );
 }, te = Object.freeze([
   12,
@@ -13559,7 +13534,7 @@ const Aw = (a) => {
   "right",
   "rightTop",
   "rightBottom"
-], Zw = (a) => {
+], Zm = (a) => {
   const { style: i, onClickHandler: t } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -13582,7 +13557,7 @@ const Aw = (a) => {
       e
     ))
   );
-}, Xw = (a) => {
+}, Xm = (a) => {
   const i = De(null), { open: t, setOpen: e, textOpt: s, workIds: o, floatBarRef: n } = a, { mananger: r, floatBarData: c } = xt(Ct), [l, h] = nt(0), [u, d] = nt(), f = te.length - 1;
   yt(() => {
     s != null && s.fontSize && (h(s.fontSize), i.current && (i.current.value = s.fontSize.toString()));
@@ -13607,8 +13582,8 @@ const Aw = (a) => {
   }
   const M = (S) => {
     var T;
-    (T = i.current) == null || T.blur(), e(!1), m(S);
-  }, v = X(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: g }) : null, [t, M, g]), m = (S) => {
+    (T = i.current) == null || T.blur(), e(!1), w(S);
+  }, v = X(() => t ? /* @__PURE__ */ k.createElement(Zm, { onClickHandler: M, style: g }) : null, [t, M, g]), w = (S) => {
     S > te[f] && (S = te[f]), S < te[0] && (S = te[0]), p(S);
   };
   return yt(() => () => {
@@ -13644,8 +13619,8 @@ const Aw = (a) => {
         onKeyUp: (S) => {
           var T;
           if (i.current) {
-            const N = i.current.value, w = parseInt(N);
-            isNaN(w) ? i.current.value = "0" : i.current.value = w.toString(), w && S.key === "Enter" && (m(w), (T = i.current) == null || T.blur(), e(!1));
+            const N = i.current.value, m = parseInt(N);
+            isNaN(m) ? i.current.value = "0" : i.current.value = m.toString(), m && S.key === "Enter" && (w(m), (T = i.current) == null || T.blur(), e(!1));
           }
         },
         onFocus: () => {
@@ -13661,7 +13636,7 @@ const Aw = (a) => {
       {
         className: "font-size-add",
         onPointerUp: () => {
-          m(l + te[0]);
+          w(l + te[0]);
         }
       }
     ), /* @__PURE__ */ k.createElement(
@@ -13669,13 +13644,13 @@ const Aw = (a) => {
       {
         className: "font-size-cut",
         onPointerUp: () => {
-          m(l - te[0]);
+          w(l - te[0]);
         }
       }
     )),
     v
   );
-}, Jw = (a) => {
+}, Jm = (a) => {
   const { workIds: i, mananger: t, islocked: e } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -13752,10 +13727,10 @@ const Aw = (a) => {
       }
     ))
   );
-}, qw = (a) => {
+}, qm = (a) => {
   const { icon: i, min: t, max: e, step: s, value: o, onInputHandler: n } = a;
-  return /* @__PURE__ */ k.createElement("div", { className: "button input-button" }, /* @__PURE__ */ k.createElement("img", { src: Dt(i) }), /* @__PURE__ */ k.createElement(Kw, { min: t, max: e, step: s, value: o, onInputHandler: n }));
-}, Kw = (a) => {
+  return /* @__PURE__ */ k.createElement("div", { className: "button input-button" }, /* @__PURE__ */ k.createElement("img", { src: Dt(i) }), /* @__PURE__ */ k.createElement(Km, { min: t, max: e, step: s, value: o, onInputHandler: n }));
+}, Km = (a) => {
   const { value: i, min: t, max: e, onInputHandler: s } = a, [o, n] = nt({ x: 0, y: 0 });
   yt(() => {
     n({ x: i * 100, y: 0 });
@@ -13801,7 +13776,7 @@ const Aw = (a) => {
       /* @__PURE__ */ k.createElement("div", { className: "circle", onClick: c })
     ))
   );
-}, _w = (a) => {
+}, _m = (a) => {
   const { icon: i, value: t, onChangeHandler: e, style: s } = a, [o, n] = nt(0), [r, c] = nt(), l = De(null), h = Cn((f) => {
     f >= Te.length && (f = 0), f < 0 && (f = Te.length - 1), n(f), e(Te[f]), c(!1), l.current && (l.current.value = Te[f]);
   }, [e]), u = X(() => {
@@ -13813,7 +13788,7 @@ const Aw = (a) => {
   yt(() => {
     t && (n(Te.indexOf(t)), l.current && (l.current.value = t));
   }, [t]);
-  const d = X(() => r ? /* @__PURE__ */ k.createElement(tm, { options: Te, onClickHandler: h, style: u }) : null, [r, h, u]);
+  const d = X(() => r ? /* @__PURE__ */ k.createElement(tw, { options: Te, onClickHandler: h, style: u }) : null, [r, h, u]);
   return /* @__PURE__ */ k.createElement("div", { className: "button input-button" }, /* @__PURE__ */ k.createElement("img", { src: Dt(i) }), /* @__PURE__ */ k.createElement(
     "input",
     {
@@ -13845,7 +13820,7 @@ const Aw = (a) => {
       }
     }
   )), d);
-}, tm = (a) => {
+}, tw = (a) => {
   const { options: i, style: t, onClickHandler: e } = a;
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -13868,7 +13843,7 @@ const Aw = (a) => {
       s
     ))
   );
-}, em = (a) => {
+}, ew = (a) => {
   const { mananger: i, innerRatio: t, innerVerticeStep: e, vertices: s } = a, o = (c) => {
     rt.emitMethod(
       ot.MainEngine,
@@ -13903,8 +13878,8 @@ const Aw = (a) => {
       }
     );
   };
-  return /* @__PURE__ */ k.createElement(k.Fragment, null, /* @__PURE__ */ k.createElement(Vi, { value: s, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: o }), /* @__PURE__ */ k.createElement(Vi, { value: e, icon: "star-innerVertex", min: 1, max: 100, step: 1, onInputHandler: n }), /* @__PURE__ */ k.createElement(qw, { value: t, icon: "star-innerRatio", min: 0.1, max: 1, step: 0.1, onInputHandler: r }));
-}, im = (a) => {
+  return /* @__PURE__ */ k.createElement(k.Fragment, null, /* @__PURE__ */ k.createElement(Vi, { value: s, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: o }), /* @__PURE__ */ k.createElement(Vi, { value: e, icon: "star-innerVertex", min: 1, max: 100, step: 1, onInputHandler: n }), /* @__PURE__ */ k.createElement(qm, { value: t, icon: "star-innerRatio", min: 0.1, max: 1, step: 0.1, onInputHandler: r }));
+}, iw = (a) => {
   const { mananger: i, vertices: t } = a, e = (s) => {
     rt.emitMethod(
       ot.MainEngine,
@@ -13918,7 +13893,7 @@ const Aw = (a) => {
     );
   };
   return /* @__PURE__ */ k.createElement(Vi, { value: t, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: e });
-}, sm = (a) => {
+}, sw = (a) => {
   const { mananger: i, placement: t } = a, e = (s) => {
     rt.emitMethod(
       ot.MainEngine,
@@ -13931,18 +13906,18 @@ const Aw = (a) => {
       }
     );
   };
-  return /* @__PURE__ */ k.createElement(_w, { value: t, icon: "speechBallon-placement", onChangeHandler: e });
+  return /* @__PURE__ */ k.createElement(_m, { value: t, icon: "speechBallon-placement", onChangeHandler: e });
 }, Ai = (a) => {
   const { icon: i, isActive: t, onPointerUpHandler: e } = a;
   return /* @__PURE__ */ k.createElement("div", { className: `button tab-button ${t ? "active" : ""}`, onPointerUp: e }, /* @__PURE__ */ k.createElement("img", { src: Dt(i) }));
-}, om = (a) => {
+}, ow = (a) => {
   const { toolsTypes: i, style: t, mananger: e, shapeOpt: s } = a, [o, n] = nt();
   yt(() => {
     i.includes(I.Polygon) ? n(I.Polygon) : i.includes(I.Star) ? n(I.Star) : n(I.SpeechBalloon);
   }, [i]);
   const r = (u, d) => {
     d == null || d.stopPropagation(), n(u);
-  }, c = X(() => o === I.Polygon && e && s.vertices ? /* @__PURE__ */ k.createElement(im, { vertices: s.vertices, mananger: e }) : null, [e, o, s]), l = X(() => o === I.Star && e && s.vertices && s.innerVerticeStep && s.innerRatio ? /* @__PURE__ */ k.createElement(em, { mananger: e, vertices: s.vertices, innerVerticeStep: s.innerVerticeStep, innerRatio: s.innerRatio }) : null, [e, o, s]), h = X(() => o === I.SpeechBalloon && e && s.placement ? /* @__PURE__ */ k.createElement(sm, { mananger: e, placement: s.placement }) : null, [e, o, s]);
+  }, c = X(() => o === I.Polygon && e && s.vertices ? /* @__PURE__ */ k.createElement(iw, { vertices: s.vertices, mananger: e }) : null, [e, o, s]), l = X(() => o === I.Star && e && s.vertices && s.innerVerticeStep && s.innerRatio ? /* @__PURE__ */ k.createElement(ew, { mananger: e, vertices: s.vertices, innerVerticeStep: s.innerVerticeStep, innerRatio: s.innerRatio }) : null, [e, o, s]), h = X(() => o === I.SpeechBalloon && e && s.placement ? /* @__PURE__ */ k.createElement(sw, { mananger: e, placement: s.placement }) : null, [e, o, s]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -13955,7 +13930,7 @@ const Aw = (a) => {
     /* @__PURE__ */ k.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, i.includes(I.Polygon) && /* @__PURE__ */ k.createElement(Ai, { isActive: o === I.Polygon, icon: o === I.Polygon ? "polygon-active" : "polygon", onPointerUpHandler: r.bind(void 0, I.Polygon) }) || null, i.includes(I.Star) && /* @__PURE__ */ k.createElement(Ai, { isActive: o === I.Star, icon: o === I.Star ? "star-active" : "star", onPointerUpHandler: r.bind(void 0, I.Star) }) || null, i.includes(I.SpeechBalloon) && /* @__PURE__ */ k.createElement(Ai, { isActive: o === I.SpeechBalloon, icon: o === I.SpeechBalloon ? "speechBallon-active" : "speechBallon", onPointerUpHandler: r.bind(void 0, I.SpeechBalloon) }) || null),
     /* @__PURE__ */ k.createElement("div", { className: "shapeOpt-sub-menu-content" }, c, l, h)
   );
-}, nm = (a) => {
+}, nw = (a) => {
   const { open: i, setOpen: t, floatBarRef: e, toolsTypes: s, shapeOpt: o } = a, { floatBarData: n, mananger: r } = xt(Ct), [c, l] = nt([]), [h, u] = nt(), d = X(() => {
     if (e != null && e.current && _(n == null ? void 0 : n.x) && _(n == null ? void 0 : n.y) && (r != null && r.height)) {
       if (e.current.offsetTop && e.current.offsetTop + n.y > 200) {
@@ -13966,7 +13941,7 @@ const Aw = (a) => {
         return p.top = "inherit", p.bottom = 50, p;
       }
     }
-  }, [e, n == null ? void 0 : n.x, n == null ? void 0 : n.y, r == null ? void 0 : r.height]), f = X(() => i && s && r && o ? (r.control.room && !r.control.room.disableDeviceInputs && (u(r.control.room.disableDeviceInputs), r.control.room.disableDeviceInputs = !0), /* @__PURE__ */ k.createElement(om, { shapeOpt: o, style: d, toolsTypes: s, mananger: r })) : (r != null && r.control.room && Ut(h) && (r.control.room.disableDeviceInputs = h), null), [i, d, s, r, o]), g = (p) => {
+  }, [e, n == null ? void 0 : n.x, n == null ? void 0 : n.y, r == null ? void 0 : r.height]), f = X(() => i && s && r && o ? (r.control.room && !r.control.room.disableDeviceInputs && (u(r.control.room.disableDeviceInputs), r.control.room.disableDeviceInputs = !0), /* @__PURE__ */ k.createElement(ow, { shapeOpt: o, style: d, toolsTypes: s, mananger: r })) : (r != null && r.control.room && Ut(h) && (r.control.room.disableDeviceInputs = h), null), [i, d, s, r, o]), g = (p) => {
     p.stopPropagation(), p.nativeEvent.stopImmediatePropagation(), t(!i);
   };
   return yt(() => {
@@ -13989,12 +13964,12 @@ const Aw = (a) => {
   ), [l, h] = k.useState(), u = De(null);
   yt(() => {
     var L, D, A, E;
-    const N = {}, w = (o == null ? void 0 : o.w) || ((L = i == null ? void 0 : i.boxSize) == null ? void 0 : L[0]) || 0, C = (o == null ? void 0 : o.h) || ((D = i == null ? void 0 : i.boxSize) == null ? void 0 : D[1]) || 0;
-    if (s && w && C && (n != null && n.width) && (n != null && n.height)) {
+    const N = {}, m = (o == null ? void 0 : o.w) || ((L = i == null ? void 0 : i.boxSize) == null ? void 0 : L[0]) || 0, C = (o == null ? void 0 : o.h) || ((D = i == null ? void 0 : i.boxSize) == null ? void 0 : D[1]) || 0;
+    if (s && m && C && (n != null && n.width) && (n != null && n.height)) {
       if (s.y < 60 ? s.y + C < n.height - 60 ? N.bottom = -120 : s.y + C < n.height ? N.bottom = -58 : s.y > 0 ? N.top = 62 : N.top = -s.y + 62 : N.top = 0, s.x < 0)
         N.left = -s.x + 3;
-      else if (s.x + (((A = u.current) == null ? void 0 : A.offsetWidth) || w) > n.width) {
-        const O = n.width - (((E = u.current) == null ? void 0 : E.offsetWidth) || w) - s.x;
+      else if (s.x + (((A = u.current) == null ? void 0 : A.offsetWidth) || m) > n.width) {
+        const O = n.width - (((E = u.current) == null ? void 0 : E.offsetWidth) || m) - s.x;
         N.left = O;
       }
       h(N);
@@ -14002,42 +13977,42 @@ const Aw = (a) => {
     }
     h(void 0);
   }, [u, s, o == null ? void 0 : o.w, o == null ? void 0 : o.h, n == null ? void 0 : n.width, n == null ? void 0 : n.height, i == null ? void 0 : i.boxSize]);
-  const d = X(() => o != null && o.fillColor ? /* @__PURE__ */ k.createElement(Uw, { floatBarRef: u, open: r === 3, setOpen: (N) => {
+  const d = X(() => o != null && o.fillColor ? /* @__PURE__ */ k.createElement(Um, { floatBarRef: u, open: r === 3, setOpen: (N) => {
     c(
       N === !0 ? 3 : 0
       /* FillColor */
     );
-  } }) : null, [o == null ? void 0 : o.fillColor, r, u]), f = X(() => o != null && o.strokeColor ? /* @__PURE__ */ k.createElement(Yw, { floatBarRef: u, open: r === 2, setOpen: (N) => {
+  } }) : null, [o == null ? void 0 : o.fillColor, r, u]), f = X(() => o != null && o.strokeColor ? /* @__PURE__ */ k.createElement(Ym, { floatBarRef: u, open: r === 2, setOpen: (N) => {
     c(
       N === !0 ? 2 : 0
       /* StrokeColor */
     );
-  } }) : null, [o == null ? void 0 : o.strokeColor, r, u]), g = X(() => i != null && i.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bw, { floatBarRef: u, open: r === 4, setOpen: (N) => {
+  } }) : null, [o == null ? void 0 : o.strokeColor, r, u]), g = X(() => i != null && i.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bm, { floatBarRef: u, open: r === 4, setOpen: (N) => {
     c(
       N === !0 ? 4 : 0
       /* TextColor */
     );
-  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), p = X(() => i != null && i.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fw, { floatBarRef: u, open: r === 5, setOpen: (N) => {
+  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), p = X(() => i != null && i.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fm, { floatBarRef: u, open: r === 5, setOpen: (N) => {
     c(
       N === !0 ? 5 : 0
       /* TextBgColor */
     );
-  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), M = X(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gw, { floatBarRef: u, open: r === 6, setOpen: (N) => {
+  }, textOpt: i, workIds: t }) : null, [i, r, t, n, u]), M = X(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gm, { floatBarRef: u, open: r === 6, setOpen: (N) => {
     c(
       N === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: i, workIds: t, style: l }) : null, [i, r, t, n, l, u]), v = X(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (N) => {
+  }, textOpt: i, workIds: t, style: l }) : null, [i, r, t, n, l, u]), v = X(() => i && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xm, { open: r === 7, setOpen: (N) => {
     c(
       N === !0 ? 7 : 0
       /* FontSize */
     );
-  }, textOpt: i, workIds: t, floatBarRef: u }) : null, [i, r, t, n, u]), m = X(() => e ? null : /* @__PURE__ */ k.createElement(Ew, { open: r === 1, setOpen: (N) => {
+  }, textOpt: i, workIds: t, floatBarRef: u }) : null, [i, r, t, n, u]), w = X(() => e ? null : /* @__PURE__ */ k.createElement(Em, { open: r === 1, setOpen: (N) => {
     c(
       N === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: u }), [e, r, u]), S = X(() => o != null && o.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: o.isLocked }) : null, [o, n, t]), T = X(() => n && (n != null && n.viewId) && l && (o != null && o.shapeOpt) && (o != null && o.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (N) => {
+  }, floatBarRef: u }), [e, r, u]), S = X(() => o != null && o.canLock && n ? /* @__PURE__ */ k.createElement(Jm, { workIds: t, mananger: n, islocked: o.isLocked }) : null, [o, n, t]), T = X(() => n && (n != null && n.viewId) && l && (o != null && o.shapeOpt) && (o != null && o.toolsTypes) ? /* @__PURE__ */ k.createElement(nw, { open: r === 8, setOpen: (N) => {
     c(
       N === !0 ? 8 : 0
       /* ShapeOpt */
@@ -14052,10 +14027,10 @@ const Aw = (a) => {
       onMouseOver: (N) => (N.stopPropagation(), N.cancelable && N.preventDefault(), n == null || n.control.worker.blurCursor(n.viewId), !1),
       onMouseMove: (N) => (N.stopPropagation(), N.cancelable && N.preventDefault(), !1)
     },
-    n && /* @__PURE__ */ k.createElement(Aw, { workIds: t, mananger: n }),
-    m,
+    n && /* @__PURE__ */ k.createElement(Am, { workIds: t, mananger: n }),
+    w,
     S,
-    !!(n != null && n.viewId) && /* @__PURE__ */ k.createElement(jw, { workIds: t, viewId: n.viewId }),
+    !!(n != null && n.viewId) && /* @__PURE__ */ k.createElement(jm, { workIds: t, viewId: n.viewId }),
     T,
     v,
     M,
@@ -14064,7 +14039,7 @@ const Aw = (a) => {
     f,
     d
   );
-}), rm = (a) => {
+}), rw = (a) => {
   const { data: i, isActive: t, manager: e, workId: s } = a, { opt: o, scale: n, translate: r, x: c, y: l } = i, h = `scale(${n || 1}) ${r && "translate(" + r[0] + "px," + r[1] + "px)" || ""}`, {
     fontSize: u,
     fontFamily: d,
@@ -14073,12 +14048,12 @@ const Aw = (a) => {
     lineThrough: p,
     textAlign: M,
     strokeColor: v,
-    lineHeight: m,
+    lineHeight: w,
     bold: S,
     italic: T,
     uid: N,
-    workState: w
-  } = o, C = u, L = m || C * 1.2, D = {
+    workState: m
+  } = o, C = u, L = w || C * 1.2, D = {
     fontSize: `${C}px`,
     lineHeight: `${L}px`,
     color: g,
@@ -14112,7 +14087,7 @@ const Aw = (a) => {
         transform: h,
         transformOrigin: "left top",
         pointerEvents: "none",
-        opacity: w === P.Done ? 0 : 1
+        opacity: m === P.Done ? 0 : 1
       }
     },
     /* @__PURE__ */ k.createElement(
@@ -14125,7 +14100,7 @@ const Aw = (a) => {
       E
     )
   );
-}, am = k.memo(
+}, aw = k.memo(
   (a) => {
     const { data: i, left: t, top: e, workId: s, updateOptInfo: o } = a, { opt: n, scale: r, translate: c } = i, l = De(null);
     yt(() => {
@@ -14152,15 +14127,15 @@ const Aw = (a) => {
       lineThrough: p,
       textAlign: M,
       strokeColor: v,
-      lineHeight: m,
+      lineHeight: w,
       bold: S,
       italic: T
-    } = n, N = u, w = m || N * 1.2, C = {
+    } = n, N = u, m = w || N * 1.2, C = {
       fontSize: `${N}px`,
-      lineHeight: `${w}px`,
+      lineHeight: `${m}px`,
       color: g,
       borderColor: v,
-      minHeight: `${w}px`,
+      minHeight: `${m}px`,
       pointerEvents: "none",
       paddingRight: `${T === "italic" ? Math.round(N * 0.3) : 5}px`
     };
@@ -14202,14 +14177,14 @@ const Aw = (a) => {
     );
   },
   (a, i) => !(a.workId !== i.workId || a.left !== i.left || a.top !== i.top || !ft(a.data, i.data))
-), cm = (a) => {
+), cw = (a) => {
   const { data: i, workId: t, isSelect: e, showFloatBtns: s, handleKeyUp: o, handleFocus: n, updateOptInfo: r, manager: c, runAnimation: l } = a, [h, u] = nt(), { opt: d, scale: f, translate: g, x: p, y: M } = i, {
     fontSize: v,
-    fontFamily: m,
+    fontFamily: w,
     underline: S,
     fontColor: T,
     lineThrough: N,
-    textAlign: w,
+    textAlign: m,
     strokeColor: C,
     lineHeight: L,
     bold: D,
@@ -14225,8 +14200,8 @@ const Aw = (a) => {
       paddingRight: `${A === "italic" ? Math.round(q * 0.3) : 5}px`,
       borderWidth: `${Math.max(Math.round(1 / (f || 1)), 1)}px`
     };
-    return m && (Z.fontFamily = `${m}`), (N || S) && (Z.textDecoration = `${N && "line-through" || ""} ${S && " underline" || ""}`), w && (Z.textAlign = `${w}`), D && (Z.fontWeight = `${D}`), A && (Z.fontStyle = `${A}`), Z;
-  }, [D, T, m, v, A, L, N, f, C, w, S]), j = X(() => {
+    return w && (Z.fontFamily = `${w}`), (N || S) && (Z.textDecoration = `${N && "line-through" || ""} ${S && " underline" || ""}`), m && (Z.textAlign = `${m}`), D && (Z.fontWeight = `${D}`), A && (Z.fontStyle = `${A}`), Z;
+  }, [D, T, w, v, A, L, N, f, C, m, S]), j = X(() => {
     const q = `scale(${f || 1}) ${g && "translate(" + g[0] + "px," + g[1] + "px)" || ""}`;
     return {
       left: `${p}px`,
@@ -14318,7 +14293,7 @@ const Aw = (a) => {
   function it(q, dt) {
     const Z = window == null ? void 0 : window.getSelection();
     if (Z != null && Z.rangeCount && q && Z && Z.anchorNode) {
-      const $ = Z.anchorOffset, pt = Z.anchorNode.textContent || "", mt = pt.slice(0, $) || "", $t = pt.slice($) || "", Tt = mt.concat(q) || "";
+      const $ = Z.anchorOffset, pt = Z.anchorNode.textContent || "", wt = pt.slice(0, $) || "", $t = pt.slice($) || "", Tt = wt.concat(q) || "";
       ct(Tt, $t, dt);
     }
   }
@@ -14326,16 +14301,16 @@ const Aw = (a) => {
     const $ = window == null ? void 0 : window.getSelection();
     if (!($ != null && $.rangeCount) || !$.anchorNode) return;
     const pt = q.split(/\n/);
-    let mt = $.anchorNode.parentNode;
-    mt === Z && (mt = $.anchorNode);
+    let wt = $.anchorNode.parentNode;
+    wt === Z && (wt = $.anchorNode);
     const $t = [...Z.childNodes], Tt = [];
     let St, pe = $.anchorOffset;
     for (; $t.length; ) {
       const zt = $t.pop();
       if (zt) {
-        if (zt === mt) {
+        if (zt === wt) {
           let Jt = pt[0];
-          pt.length === 1 && (pe = pt[0].length, Jt = pt[0].concat(dt)), mt.nodeName === "#text" ? (mt.textContent = Jt, St = mt) : mt.nodeName === "DIV" && (mt.innerText = Jt, St = mt.childNodes[0]);
+          pt.length === 1 && (pe = pt[0].length, Jt = pt[0].concat(dt)), wt.nodeName === "#text" ? (wt.textContent = Jt, St = wt) : wt.nodeName === "DIV" && (wt.innerText = Jt, St = wt.childNodes[0]);
           break;
         }
         Tt.push(zt), Z.removeChild(zt);
@@ -14423,7 +14398,7 @@ class Mn extends k.Component {
       return this.props.editors.forEach((e, s) => {
         if (this.props.selectIds.includes(s) && !(this.props.activeTextId == s) && this.props.box) {
           const { x: n, y: r } = this.props.box, { x: c, y: l } = e, h = `${c - n}px`, u = `${l - r}px`, d = /* @__PURE__ */ k.createElement(
-            am,
+            aw,
             {
               left: h,
               top: u,
@@ -14445,7 +14420,7 @@ class Mn extends k.Component {
     return /* @__PURE__ */ k.createElement(k.Fragment, null, this.editorUI);
   }
 }
-class lm extends Mn {
+class lw extends Mn {
   constructor(t) {
     super(t);
     y(this, "ref");
@@ -14503,7 +14478,7 @@ class lm extends Mn {
       return this.props.editors.forEach((s, o) => {
         if (!(this.props.selectIds.includes(o) && this.props.activeTextId !== o)) {
           const c = this.props.activeTextId == o ? /* @__PURE__ */ k.createElement(
-            cm,
+            cw,
             {
               key: o,
               data: s,
@@ -14516,7 +14491,7 @@ class lm extends Mn {
               runAnimation: this.runAnimation.bind(this)
             }
           ) : /* @__PURE__ */ k.createElement(
-            rm,
+            rw,
             {
               manager: this.props.manager,
               isActive: s.opt.workState === P.Doing || s.opt.workState === P.Start || !1,
@@ -14535,7 +14510,7 @@ class lm extends Mn {
     return /* @__PURE__ */ k.createElement("div", { className: `${this.props.className}`, ref: this.ref }, this.editorUI);
   }
 }
-const hm = () => {
+const hw = () => {
   const { floatBarData: a } = xt(Ct);
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -14552,7 +14527,7 @@ const hm = () => {
     /* @__PURE__ */ k.createElement("div", { className: "point RB nwse-resize", style: { backgroundColor: a == null ? void 0 : a.selectorColor } }),
     /* @__PURE__ */ k.createElement("div", { className: "point BC ns-resize", style: { backgroundColor: a == null ? void 0 : a.selectorColor } })
   );
-}, um = () => {
+}, uw = () => {
   const { floatBarData: a, mananger: i } = xt(Ct), [t, e] = nt(), [s, o] = nt();
   yt(() => {
     const c = [];
@@ -14596,7 +14571,7 @@ const hm = () => {
     n,
     r
   );
-}, dm = () => {
+}, dw = () => {
   const { floatBarData: a } = xt(Ct);
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -14609,7 +14584,7 @@ const hm = () => {
     /* @__PURE__ */ k.createElement("div", { className: "point RT nesw-resize", style: { backgroundColor: a == null ? void 0 : a.selectorColor } }),
     /* @__PURE__ */ k.createElement("div", { className: "point RB nwse-resize", style: { backgroundColor: a == null ? void 0 : a.selectorColor } })
   );
-}, pm = () => {
+}, pw = () => {
   const { floatBarData: a } = xt(Ct);
   return /* @__PURE__ */ k.createElement(
     "div",
@@ -14621,55 +14596,55 @@ const hm = () => {
     },
     /* @__PURE__ */ k.createElement("img", { className: "lock", alt: "lock", src: "https://sdk.netless.link/resource/icons/lock.svg" })
   );
-}, fm = (a) => {
+}, fw = (a) => {
   const { className: i } = a, { floatBarData: t, angle: e, setAngle: s, setOperationType: o, mananger: n } = xt(Ct), [r, c] = nt(), [l, h] = nt(!1), [u, d] = nt(new F()), [f, g] = nt(new F()), [p, M] = nt(!1);
   yt(() => (rt.activeListener(v), () => {
     rt.unmountActiveListener(v);
   }), []), yt(() => {
     if (t) {
-      const N = { x: (t == null ? void 0 : t.x) - 20, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) }, w = { x: (t == null ? void 0 : t.x) + (t == null ? void 0 : t.w) / 2, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) / 2 };
-      g(new F(w.x, w.y)), d(new F(N.x, N.y)), c({ x: N.x, y: N.y });
+      const N = { x: (t == null ? void 0 : t.x) - 20, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) }, m = { x: (t == null ? void 0 : t.x) + (t == null ? void 0 : t.w) / 2, y: (t == null ? void 0 : t.y) + (t == null ? void 0 : t.h) / 2 };
+      g(new F(m.x, m.y)), d(new F(N.x, N.y)), c({ x: N.x, y: N.y });
     }
   }, [t == null ? void 0 : t.x, t == null ? void 0 : t.y, t == null ? void 0 : t.h]);
   const v = (N) => {
-    var w;
+    var m;
     if (!N) {
       M(!0), h(!1), o(B.None);
       return;
     }
-    M(!1), (w = n == null ? void 0 : n.control.room) != null && w.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
-  }, m = (N, w) => {
+    M(!1), (m = n == null ? void 0 : n.control.room) != null && m.disableDeviceInputs && (n.control.room.disableDeviceInputs = !1);
+  }, w = (N, m) => {
     if (N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
     h(!0);
-    const C = Math.round(F.GetAngleByPoints(u, f, new F(w.x, w.y))) || 0;
+    const C = Math.round(F.GetAngleByPoints(u, f, new F(m.x, m.y))) || 0;
     s(C), o(B.RotateNode), n != null && n.control.room && (n.control.room.disableDeviceInputs = !0), rt.emitMethod(
       ot.MainEngine,
       B.RotateNode,
       { workIds: [H], angle: 0, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     );
-  }, S = (N, w) => {
+  }, S = (N, m) => {
     if (T.cancel(), N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
     h(!1);
-    const C = Math.round(F.GetAngleByPoints(u, f, new F(w.x, w.y))) || 0;
+    const C = Math.round(F.GetAngleByPoints(u, f, new F(m.x, m.y))) || 0;
     s(C), o(B.None), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), rt.emitMethod(
       ot.MainEngine,
       B.RotateNode,
       { workIds: [H], angle: C, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
     );
-  }, T = us((N, w) => {
+  }, T = us((N, m) => {
     if (N.cancelable && N.preventDefault(), N.stopPropagation(), n != null && n.control.worker.isBusy) {
       M(!0);
       return;
     }
     h(!0);
-    const C = Math.round(F.GetAngleByPoints(u, f, new F(w.x, w.y))) || 0;
-    s(C), c({ x: w.x, y: w.y }), o(B.RotateNode), rt.emitMethod(
+    const C = Math.round(F.GetAngleByPoints(u, f, new F(m.x, m.y))) || 0;
+    s(C), c({ x: m.x, y: m.y }), o(B.RotateNode), rt.emitMethod(
       ot.MainEngine,
       B.RotateNode,
       { workIds: [H], angle: C, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
@@ -14681,7 +14656,7 @@ const hm = () => {
       disabled: p,
       position: r,
       handle: ".appliance-plugin-rotate-mouse-pointer",
-      onStart: m,
+      onStart: w,
       onDrag: T,
       onStop: S
     },
@@ -14699,7 +14674,7 @@ const hm = () => {
       /* @__PURE__ */ k.createElement("div", { className: `appliance-plugin-rotate-mouse-pointer ${l ? "active" : ""}` }, /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Dt("rotation") }), /* @__PURE__ */ k.createElement("div", { className: "angle-icon" }, e, "°"))
     )
   );
-}, gm = (a) => {
+}, gw = (a) => {
   const { floatBarData: i, setOperationType: t, mananger: e } = xt(Ct), { onClickHandle: s } = a, [o, n] = nt(P.Pending), [r, c] = nt(), [l, h] = nt(), [u, d] = nt(!1);
   yt(() => (rt.activeListener(f), () => {
     rt.unmountActiveListener(f);
@@ -14754,7 +14729,7 @@ const hm = () => {
       B.TranslateNode,
       { workIds: [H], position: N, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, 100, { trailing: !0 }), v = X(() => !!((i == null ? void 0 : i.scaleType) === lt.none && (i != null && i.canLock)), [i]), m = yi((S) => (M.cancel(), S.stopPropagation(), S.cancelable && S.preventDefault(), (r == null ? void 0 : r.x) === (i == null ? void 0 : i.x) && (r == null ? void 0 : r.y) === (i == null ? void 0 : i.y) && s(S), !1), 100, { trailing: !0 });
+  }, 100, { trailing: !0 }), v = X(() => !!((i == null ? void 0 : i.scaleType) === lt.none && (i != null && i.canLock)), [i]), w = yi((S) => (M.cancel(), S.stopPropagation(), S.cancelable && S.preventDefault(), (r == null ? void 0 : r.x) === (i == null ? void 0 : i.x) && (r == null ? void 0 : r.y) === (i == null ? void 0 : i.y) && s(S), !1), 100, { trailing: !0 });
   return /* @__PURE__ */ k.createElement(
     Ae,
     {
@@ -14778,12 +14753,12 @@ const hm = () => {
           touchAction: "none"
         } : void 0,
         onPointerUp: (S) => {
-          S.persist(), m(S);
+          S.persist(), w(S);
         }
       }
     )
   );
-}, ym = (a) => {
+}, yw = (a) => {
   const { className: i } = a, [t, e] = nt({ x: 0, y: 0, h: 0, w: 0 }), [s, o] = nt(), [n, r] = nt(), [c, l] = nt(), { floatBarData: h, mananger: u } = xt(Ct), [d, f] = nt(), [g, p] = nt(!1);
   yt(() => {
     if (h && u) {
@@ -14806,7 +14781,7 @@ const hm = () => {
     [C.x + C.w, C.y],
     [C.x + C.w, C.y + C.h],
     [C.x, C.y + C.h]
-  ], m = (C, L) => {
+  ], w = (C, L) => {
     switch (L) {
       case "top":
       case "topLeft":
@@ -14880,7 +14855,7 @@ const hm = () => {
       }
     }
     j[0] = z.w / t.w, j[1] = z.h / t.h;
-    const G = v(z).map((V) => D.control.viewContainerManager.transformToScenePoint(V, D.viewId)), Q = m(G, C);
+    const G = v(z).map((V) => D.control.viewContainerManager.transformToScenePoint(V, D.viewId)), Q = w(G, C);
     return O && (tt[1] = Q[1] - A[1]), E && (tt[0] = Q[0] - A[0]), { scale: j, translate: tt };
   }, T = (C, L) => {
     if (C.cancelable && C.preventDefault(), C.stopPropagation(), u != null && u.control.worker.isBusy) {
@@ -14888,7 +14863,7 @@ const hm = () => {
       return;
     }
     if (h != null && h.w && (h != null && h.h) && u) {
-      const D = { x: h.x, y: h.y, w: h.w, h: h.h }, A = v(D), E = A.map((j) => u.control.viewContainerManager.transformToScenePoint(j, u.viewId)), O = m(A, L), z = m(E, L);
+      const D = { x: h.x, y: h.y, w: h.w, h: h.h }, A = v(D), E = A.map((j) => u.control.viewContainerManager.transformToScenePoint(j, u.viewId)), O = w(A, L), z = w(E, L);
       e(D), o(O), r(z), l(L), u != null && u.control.room && (u.control.room.disableDeviceInputs = !0), rt.emitMethod(
         ot.MainEngine,
         B.ScaleNode,
@@ -14911,7 +14886,7 @@ const hm = () => {
       B.ScaleNode,
       { workIds: [H], scale: E, dir: L, translate: O, originPoint: s, scenePoint: n, workState: P.Doing, viewId: u.viewId }
     ));
-  }, 100, { trailing: !0 }), w = (C) => {
+  }, 100, { trailing: !0 }), m = (C) => {
     if (N.cancel(), C.cancelable && C.preventDefault(), C.stopPropagation(), !(!u || !s || !n)) {
       if (u != null && u.control.worker.isBusy) {
         p(!0);
@@ -14957,7 +14932,7 @@ const hm = () => {
       lockAspectRatio: (h == null ? void 0 : h.scaleType) === lt.proportional,
       onResizeStart: T,
       onResize: N,
-      onResizeStop: w
+      onResizeStop: m
     }
   );
 }, ho = (a) => {
@@ -14965,9 +14940,9 @@ const hm = () => {
   yt(() => (rt.activeListener(g), () => {
     rt.unmountActiveListener(g);
   }), []);
-  const g = (m) => {
+  const g = (w) => {
     var S;
-    if (!m || r != null && r.isLocked) {
+    if (!w || r != null && r.isLocked) {
       f(!0), u(P.Pending), o(B.None);
       return;
     }
@@ -14976,8 +14951,8 @@ const hm = () => {
   yt(() => {
     _(t.x) && _(t.y) && (h === P.Pending || h === P.Done) && l({ x: t.x, y: t.y });
   }, [t, h]);
-  const p = (m) => {
-    if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
+  const p = (w) => {
+    if (w.cancelable && w.preventDefault(), w.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0), u(P.Pending);
       return;
     }
@@ -14986,30 +14961,30 @@ const hm = () => {
       B.SetPoint,
       { workId: H, pointMap: e, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     ));
-  }, M = se((m, S) => {
-    if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
+  }, M = se((w, S) => {
+    if (w.cancelable && w.preventDefault(), w.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0), u(P.Pending);
       return;
     }
     const T = { x: S.x, y: S.y };
     if ((T.x !== (t == null ? void 0 : t.x) || T.y !== (t == null ? void 0 : t.y)) && (n != null && n.control.viewContainerManager)) {
-      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
-      w && s === "start" ? w[0] = N : w && s === "end" && (w[1] = N), u(P.Doing), rt.emitMethod(
+      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), m = e.get(i);
+      m && s === "start" ? m[0] = N : m && s === "end" && (m[1] = N), u(P.Doing), rt.emitMethod(
         ot.MainEngine,
         B.SetPoint,
         { workId: H, pointMap: e, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
       );
     }
-  }, 100, { trailing: !0 }), v = (m, S) => {
-    if (M.cancel(), m.cancelable && m.preventDefault(), n != null && n.control.worker.isBusy) {
+  }, 100, { trailing: !0 }), v = (w, S) => {
+    if (M.cancel(), w.cancelable && w.preventDefault(), n != null && n.control.worker.isBusy) {
       f(!0), u(P.Pending);
       return;
     }
-    m.stopPropagation(), o(B.None), u(P.Done);
+    w.stopPropagation(), o(B.None), u(P.Done);
     const T = { x: S.x, y: S.y };
     if (n != null && n.control.viewContainerManager) {
-      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), w = e.get(i);
-      w && s === "start" ? w[0] = N : w && s === "end" && (w[1] = N), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), rt.emitMethod(
+      const N = n.control.viewContainerManager.transformToScenePoint([T.x, T.y], n.viewId), m = e.get(i);
+      m && s === "start" ? m[0] = N : m && s === "end" && (m[1] = N), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), rt.emitMethod(
         ot.MainEngine,
         B.SetPoint,
         { workId: H, pointMap: e, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
@@ -15036,7 +15011,7 @@ const hm = () => {
       }
     )
   );
-}, Mm = (a) => {
+}, Mw = (a) => {
   const { className: i } = a, { floatBarData: t, mananger: e } = xt(Ct), [s, o] = nt(), [n, r] = nt(), [c, l] = nt(/* @__PURE__ */ new Map());
   yt(() => {
     const d = [];
@@ -15053,8 +15028,8 @@ const hm = () => {
   }, [e, t == null ? void 0 : t.points, t == null ? void 0 : t.selectIds, c]);
   const h = X(() => s && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(ho, { pos: s, type: "start", id: t.selectIds[0], pointMap: c }) : null, [s, t == null ? void 0 : t.selectIds, c]), u = X(() => n && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(ho, { pos: n, type: "end", id: t.selectIds[0], pointMap: c }) : null, [n, t == null ? void 0 : t.selectIds, c]);
   return /* @__PURE__ */ k.createElement("div", { className: `${i}` }, h, u);
-}, wm = k.forwardRef((a, i) => {
-  const { floatBarData: t, operationType: e } = xt(Ct), s = X(() => (t == null ? void 0 : t.scaleType) !== lt.all || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(hm, null), [t, e]), o = X(() => (t == null ? void 0 : t.scaleType) !== lt.both || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(um, null), [t, e]), n = X(() => (t == null ? void 0 : t.scaleType) !== lt.proportional || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(dm, null), [t, e]), r = X(() => (t == null ? void 0 : t.scaleType) === lt.none && (t != null && t.canLock) ? /* @__PURE__ */ k.createElement(pm, null) : null, [t]);
+}, mw = k.forwardRef((a, i) => {
+  const { floatBarData: t, operationType: e } = xt(Ct), s = X(() => (t == null ? void 0 : t.scaleType) !== lt.all || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(hw, null), [t, e]), o = X(() => (t == null ? void 0 : t.scaleType) !== lt.both || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(uw, null), [t, e]), n = X(() => (t == null ? void 0 : t.scaleType) !== lt.proportional || e === B.RotateNode ? null : /* @__PURE__ */ k.createElement(dw, null), [t, e]), r = X(() => (t == null ? void 0 : t.scaleType) === lt.none && (t != null && t.canLock) ? /* @__PURE__ */ k.createElement(pw, null) : null, [t]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -15072,12 +15047,12 @@ const hm = () => {
     n,
     a.children
   );
-}), mm = k.forwardRef((a, i) => {
+}), ww = k.forwardRef((a, i) => {
   var f;
   const { floatBarData: t, operationType: e, mananger: s } = xt(Ct), { editors: o, activeTextId: n, isHide: r } = a, c = X(() => {
     var g;
-    return t != null && t.canRotate && ((g = t == null ? void 0 : t.selectIds) == null ? void 0 : g.length) === 1 && (e === B.None || e === B.RotateNode) ? /* @__PURE__ */ k.createElement(fm, { className: Et.RotateBtn }) : null;
-  }, [t == null ? void 0 : t.canRotate, (f = t == null ? void 0 : t.selectIds) == null ? void 0 : f.length, e]), l = X(() => ((t == null ? void 0 : t.scaleType) === lt.all || (t == null ? void 0 : t.scaleType) === lt.proportional) && (e === B.None || e === B.ScaleNode) && _(t == null ? void 0 : t.x) && _(t == null ? void 0 : t.y) ? /* @__PURE__ */ k.createElement(ym, { className: Et.ResizeBtn }) : null, [t == null ? void 0 : t.scaleType, e, t == null ? void 0 : t.x, t == null ? void 0 : t.y]), h = X(() => (t == null ? void 0 : t.scaleType) === lt.both && (e === B.None || e === B.SetPoint) ? /* @__PURE__ */ k.createElement(Mm, { className: Et.ResizeTowBox }) : null, [t == null ? void 0 : t.scaleType, e]), u = X(() => {
+    return t != null && t.canRotate && ((g = t == null ? void 0 : t.selectIds) == null ? void 0 : g.length) === 1 && (e === B.None || e === B.RotateNode) ? /* @__PURE__ */ k.createElement(fw, { className: Et.RotateBtn }) : null;
+  }, [t == null ? void 0 : t.canRotate, (f = t == null ? void 0 : t.selectIds) == null ? void 0 : f.length, e]), l = X(() => ((t == null ? void 0 : t.scaleType) === lt.all || (t == null ? void 0 : t.scaleType) === lt.proportional) && (e === B.None || e === B.ScaleNode) && _(t == null ? void 0 : t.x) && _(t == null ? void 0 : t.y) ? /* @__PURE__ */ k.createElement(yw, { className: Et.ResizeBtn }) : null, [t == null ? void 0 : t.scaleType, e, t == null ? void 0 : t.x, t == null ? void 0 : t.y]), h = X(() => (t == null ? void 0 : t.scaleType) === lt.both && (e === B.None || e === B.SetPoint) ? /* @__PURE__ */ k.createElement(Mw, { className: Et.ResizeTowBox }) : null, [t == null ? void 0 : t.scaleType, e]), u = X(() => {
     const g = (t == null ? void 0 : t.selectIds) || [];
     return o && s && g && _(t == null ? void 0 : t.x) && _(t == null ? void 0 : t.y) && _(t == null ? void 0 : t.w) && _(t == null ? void 0 : t.h) ? /* @__PURE__ */ k.createElement(
       Mn,
@@ -15115,8 +15090,8 @@ const hm = () => {
         s == null || s.control.worker.blurCursor(s.viewId);
       }
     },
-    /* @__PURE__ */ k.createElement(wm, { ref: i }, /* @__PURE__ */ k.createElement(k.Fragment, null, u)),
-    /* @__PURE__ */ k.createElement(gm, { onClickHandle: (g) => {
+    /* @__PURE__ */ k.createElement(mw, { ref: i }, /* @__PURE__ */ k.createElement(k.Fragment, null, u)),
+    /* @__PURE__ */ k.createElement(gw, { onClickHandle: (g) => {
       if (s && (o != null && o.size)) {
         const p = s.getPoint(g.nativeEvent);
         p && s.control.textEditorManager.computeTextActive(p, s.viewId);
@@ -15127,8 +15102,8 @@ const hm = () => {
     h,
     d
   );
-}), vm = k.memo(mm, (a, i) => !!ft(a, i)), Im = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYISURBVHgB7ZpNSCtXFIBPEuvz+dMGpYUKD/sWFX+Qti6kK7Hqpm6e9q0rIoIUFUShPLV10VZx4+JZqa9v20LBhdq9fyBUCtKNPH8qYl2IOw3G38Rkek4y15y5uTOZJDOWggcOSSYzN/ebc+45554JwIM8iBCPyTEP+86T4vyMfsRN4b+nQTKIJp0vzuGvlpID7os8EQNEIBD4oKio6Bm9DwaDv/v9/n/076JgbtWUYPchwrW8qD7UnOvr6wFNkpubm+/wu7f0c7y6mrnlvQufxB0Iau7V1dX3BDA/P6/V1dVpzc3N2uLiIofK1c8VYHys/wRKBUN3/hGHqaysNOjc3FwMis6hc0FtLTHuvYLxCCZgci8uLn4wg5Gh6Fy8Jk+/NkcCAlAAuUkoW4g0B+d5tLS05O/r67O8eGxsDNra2uDy8nKsoKCAwCIQDxQa0yTxgrvCYXyTk5Ml+Orf2dlJeeHIyAigFSE/P38ELfUNqNdSkjgF5FF89jL1TU1NlQwODl5gZPujp6cHWltbUw7Koc7Pz8mkZpHPFeFrJuZeqLnoMoPoZqe0JjDP/IZgnyLUG/o8NDRkuo5Ua2pjY6MC4oFCFf1cA0oKzRSOp6enRfTaGh0d/QxBt+1CUVgnOTs7+xrHfQzGyOcKkK3QTJMnQffZ6e/v/xwttmsHqqmpKXbdycnJCxy7ABLh3FEgVZ6hZJhnFZoFFMF0d3c/w7v+dyookXBnZ2c/xvHfhriVcvXfdBRItsxjnOhYqjwjoAimq6vrCysoGofk+Ph4Esd/F/UdiFtJAGUd2DygTpp5dmBUUJ2dnc9VUALm8PDwJY7/BPU9VD8k3M4RC6kskxZMKigKIMLN9vf3p3H8DyWgfEhEOwOQD9IXOTz7EObbwsLC4YWFBRgeHrY9ECXYo6MjaGlpKWlsbPxkYGDgRW1tbSEWquVlZWXBzc3Nl1VVVa8hXiXc6ioqBqGaPDk7AACJTRZ3NS9lcUp86cJwoSQ7Pj4Op6enfxUXF3/V0NCQv7q6GsCvwrqGUG/01xAD4+VQTOxaSF43d5bBOisrGBJRCtXX17+/trb268rKSgASFgmz97KFkmo6OztWuVyPweiWGc4WRkhFRQVEIpHg8vJyQAIQVlLBROVxvBYQHsXnO8tk62ZcyN0wecLBwcEvYHSzEPscBqOLCRhLC4n9uqaA8UAWAcAKhtbQ3t7eTHl5+Y9gtAp3twhT056CDMQ7MRzIFTeTYKb1yYYVQFH9VdzsqNmYKpfTJBDX3Ixgdnd3XyHMT2AMALJlBBSPaMpNngrIsTyTCgaj288YDGakictrxizvKFNOjgSSBLS+vv6UYHDb7DgMVgsChjTEgCIKGG4ZU+EWkgNBzN1qamq+pAMTExPgFMzW1tZrhHkFyWE5KxgSszx0527RaDRmOSpRshEOU11dPQPG8CwHARHJlMnTSrwSRFIlfXt7m3V5ngJGuJtqzaQtZkFBVNJezN5ZAdmwjKo2k9tVtrcI3OXk4tPgcg7ChCDZ1URgMOu72Xa5VFHOkymQhWVU60YVmjN6wiC7k6p+S1syCACOwJBYFaexV+yhBekNPsMBO6KAEeE4BMaCU67RsoYhSbXgaT//ht709vZCaWmp6YkEbLFmVJWzas04+iBL7EKpm0J7duqu0B7+CTUpNJuyvb1NCfMj1CqI9wLKUOlOUMeG+gGFkHii4HizUF4z/KFUrPsJ8WbEIyx7nnZ0dDynME6BAuce09iFHo+GrnmGltltb2//E4wVAN82y7vOjKOZXSBhJdHNiT3TYWD8OY2PTUJkdd7MkJMnT5wZVQF2RFX6yBMUdzPMvvfqxz3sXHF+GNT9ANXit/10O1sgHkZvdQAOKvs9B5L7ARELGAAXLSTvM8QExTE+YbHe+HURhZp1aRyF4CJXClbbWwGketgkW9VsY+YaiBCVhfgE+XvxRwgZSM4jUVCDZFQ9pytmXR8hUTB2gnidx4XffVWydN0yQjwmx/jkAZJBrIBI5J7ZvQGZWUgVSuU/EqmOAzicKNMVu816DdRWUV1/7xAP8n+SfwF3Du3NF2sYhwAAAABJRU5ErkJggg==", Nm = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='40px'%20height='40px'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3eshape-cursor%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpath%20d='M20,21.5%20C20.2454599,21.5%2020.4496084,21.6768752%2020.4919443,21.9101244%20L20.5,22%20L20.5,27%20C20.5,27.2761424%2020.2761424,27.5%2020,27.5%20C19.7545401,27.5%2019.5503916,27.3231248%2019.5080557,27.0898756%20L19.5,27%20L19.5,22%20C19.5,21.7238576%2019.7238576,21.5%2020,21.5%20Z%20M27,19.5%20C27.2761424,19.5%2027.5,19.7238576%2027.5,20%20C27.5,20.2454599%2027.3231248,20.4496084%2027.0898756,20.4919443%20L27,20.5%20L22,20.5%20C21.7238576,20.5%2021.5,20.2761424%2021.5,20%20C21.5,19.7545401%2021.6768752,19.5503916%2021.9101244,19.5080557%20L22,19.5%20L27,19.5%20Z%20M18,19.5%20C18.2761424,19.5%2018.5,19.7238576%2018.5,20%20C18.5,20.2454599%2018.3231248,20.4496084%2018.0898756,20.4919443%20L18,20.5%20L13,20.5%20C12.7238576,20.5%2012.5,20.2761424%2012.5,20%20C12.5,19.7545401%2012.6768752,19.5503916%2012.9101244,19.5080557%20L13,19.5%20L18,19.5%20Z%20M20,12.5%20C20.2454599,12.5%2020.4496084,12.6768752%2020.4919443,12.9101244%20L20.5,13%20L20.5,18%20C20.5,18.2761424%2020.2761424,18.5%2020,18.5%20C19.7545401,18.5%2019.5503916,18.3231248%2019.5080557,18.0898756%20L19.5,18%20L19.5,13%20C19.5,12.7238576%2019.7238576,12.5%2020,12.5%20Z'%20id='path-1'%3e%3c/path%3e%3cfilter%20x='-64.6%25'%20y='-59.5%25'%20width='229.3%25'%20height='246.1%25'%20filterUnits='objectBoundingBox'%20id='filter-2'%3e%3cfeMorphology%20radius='1'%20operator='dilate'%20in='SourceAlpha'%20result='shadowSpreadOuter1'%3e%3c/feMorphology%3e%3cfeOffset%20dx='0'%20dy='2'%20in='shadowSpreadOuter1'%20result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='3'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeComposite%20in='shadowBlurOuter1'%20in2='SourceAlpha'%20operator='out'%20result='shadowBlurOuter1'%3e%3c/feComposite%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.16%200'%20type='matrix'%20in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg%20id='页面-4'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Whiteboard-Guidelines'%20transform='translate(-344.000000,%20-751.000000)'%3e%3cg%20id='shape-cursor'%20transform='translate(344.000000,%20751.000000)'%3e%3crect%20id='矩形备份-44'%20fill='%23FFFFFF'%20opacity='0.01'%20x='0'%20y='0'%20width='40'%20height='40'%20rx='2'%3e%3c/rect%3e%3cg%20id='形状结合'%20fill-rule='nonzero'%3e%3cuse%20fill='black'%20fill-opacity='1'%20filter='url(%23filter-2)'%20xlink:href='%23path-1'%3e%3c/use%3e%3cpath%20stroke='%23FFFFFF'%20stroke-width='1'%20d='M20,21%20C20.4854103,21%2020.898085,21.3479993%2020.9899479,21.8654877%20L21,22%20L21,27%20C21,27.5522847%2020.5522847,28%2020,28%20C19.5145897,28%2019.101915,27.6520007%2019.0100521,27.1345123%20L19,27%20L19,22%20C19,21.4477153%2019.4477153,21%2020,21%20Z%20M27,19%20C27.5522847,19%2028,19.4477153%2028,20%20C28,20.4854103%2027.6520007,20.898085%2027.1345123,20.9899479%20L27,21%20L22,21%20C21.4477153,21%2021,20.5522847%2021,20%20C21,19.5145897%2021.3479993,19.101915%2021.8654877,19.0100521%20L22,19%20L27,19%20Z%20M18,19%20C18.5522847,19%2019,19.4477153%2019,20%20C19,20.4854103%2018.6520007,20.898085%2018.1345123,20.9899479%20L18,21%20L13,21%20C12.4477153,21%2012,20.5522847%2012,20%20C12,19.5145897%2012.3479993,19.101915%2012.8654877,19.0100521%20L13,19%20L18,19%20Z%20M20,12%20C20.4854103,12%2020.898085,12.3479993%2020.9899479,12.8654877%20L21,13%20L21,18%20C21,18.5522847%2020.5522847,19%2020,19%20C19.5145897,19%2019.101915,18.6520007%2019.0100521,18.1345123%20L19,18%20L19,13%20C19,12.4477153%2019.4477153,12%2020,12%20Z'%20fill='%23212324'%20fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3crect%20id='矩形'%20fill='%23FFFFFF'%20x='18.5'%20y='17'%20width='3'%20height='6'%3e%3c/rect%3e%3crect%20id='矩形'%20fill='%23FFFFFF'%20x='17'%20y='18.5'%20width='6'%20height='3'%3e%3c/rect%3e%3cpath%20d='M20,21.5%20C20.2454599,21.5%2020.4496084,21.6768752%2020.4919443,21.9101244%20L20.5,22%20L20.5,27%20C20.5,27.2761424%2020.2761424,27.5%2020,27.5%20C19.7545401,27.5%2019.5503916,27.3231248%2019.5080557,27.0898756%20L19.5,27%20L19.5,22%20C19.5,21.7238576%2019.7238576,21.5%2020,21.5%20Z%20M27,19.5%20C27.2761424,19.5%2027.5,19.7238576%2027.5,20%20C27.5,20.2454599%2027.3231248,20.4496084%2027.0898756,20.4919443%20L27,20.5%20L22,20.5%20C21.7238576,20.5%2021.5,20.2761424%2021.5,20%20C21.5,19.7545401%2021.6768752,19.5503916%2021.9101244,19.5080557%20L22,19.5%20L27,19.5%20Z%20M18,19.5%20C18.2761424,19.5%2018.5,19.7238576%2018.5,20%20C18.5,20.2454599%2018.3231248,20.4496084%2018.0898756,20.4919443%20L18,20.5%20L13,20.5%20C12.7238576,20.5%2012.5,20.2761424%2012.5,20%20C12.5,19.7545401%2012.6768752,19.5503916%2012.9101244,19.5080557%20L13,19.5%20L18,19.5%20Z%20M20,12.5%20C20.2454599,12.5%2020.4496084,12.6768752%2020.4919443,12.9101244%20L20.5,13%20L20.5,18%20C20.5,18.2761424%2020.2761424,18.5%2020,18.5%20C19.7545401,18.5%2019.5503916,18.3231248%2019.5080557,18.0898756%20L19.5,18%20L19.5,13%20C19.5,12.7238576%2019.7238576,12.5%2020,12.5%20Z'%20id='形状结合'%20fill='%23212324'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Sm = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='47px'%20height='40px'%20viewBox='0%200%2047%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3etext-cursor%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpath%20d='M16,26.5%20C15.7238576,26.5%2015.5,26.2761424%2015.5,26%20C15.5,25.7545401%2015.6768752,25.5503916%2015.9101244,25.5080557%20L16,25.5%20L19.5,25.5%20L19.5,14.5%20L16,14.5%20C15.7238576,14.5%2015.5,14.2761424%2015.5,14%20C15.5,13.7545401%2015.6768752,13.5503916%2015.9101244,13.5080557%20L16,13.5%20L24,13.5%20C24.2761424,13.5%2024.5,13.7238576%2024.5,14%20C24.5,14.2454599%2024.3231248,14.4496084%2024.0898756,14.4919443%20L24,14.5%20L20.5,14.5%20L20.5,25.5%20L24,25.5%20C24.2761424,25.5%2024.5,25.7238576%2024.5,26%20C24.5,26.2454599%2024.3231248,26.4496084%2024.0898756,26.4919443%20L24,26.5%20L16,26.5%20Z'%20id='path-1'%3e%3c/path%3e%3cfilter%20x='-284.0%25'%20y='-81.5%25'%20width='668.1%25'%20height='293.9%25'%20filterUnits='objectBoundingBox'%20id='filter-2'%3e%3cfeMorphology%20radius='1'%20operator='dilate'%20in='SourceAlpha'%20result='shadowSpreadOuter1'%3e%3c/feMorphology%3e%3cfeOffset%20dx='0'%20dy='2'%20in='shadowSpreadOuter1'%20result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='3'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeComposite%20in='shadowBlurOuter1'%20in2='SourceAlpha'%20operator='out'%20result='shadowBlurOuter1'%3e%3c/feComposite%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.16%200'%20type='matrix'%20in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg%20id='页面-4'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Whiteboard-Guidelines'%20transform='translate(-388.000000,%20-672.000000)'%3e%3cg%20id='text-cursor'%20transform='translate(392.000000,%20672.000000)'%3e%3crect%20id='矩形备份-40'%20fill='%23FFFFFF'%20opacity='0.01'%20x='0'%20y='0'%20width='40'%20height='40'%20rx='2'%3e%3c/rect%3e%3cg%20id='形状结合'%20fill-rule='nonzero'%3e%3cuse%20fill='black'%20fill-opacity='1'%20filter='url(%23filter-2)'%20xlink:href='%23path-1'%3e%3c/use%3e%3cpath%20stroke='%23FFFFFF'%20stroke-width='1'%20d='M19,25%20L19,15%20L16,15%20C15.4477153,15%2015,14.5522847%2015,14%20C15,13.5145897%2015.3479993,13.101915%2015.8654877,13.0100521%20L16,13%20L24,13%20C24.5522847,13%2025,13.4477153%2025,14%20C25,14.4854103%2024.6520007,14.898085%2024.1345123,14.9899479%20L24,15%20L21,15%20L21,25%20L24,25%20C24.5522847,25%2025,25.4477153%2025,26%20C25,26.4854103%2024.6520007,26.898085%2024.1345123,26.9899479%20L24,27%20L16,27%20C15.4477153,27%2015,26.5522847%2015,26%20C15,25.5145897%2015.3479993,25.101915%2015.8654877,25.0100521%20L16,25%20L19,25%20Z'%20fill='%23212324'%20fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Tm = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgrSURBVHgB7ZprTBRXFIDP7gIt8lQppTwE5V0KaAn6o1pqNGkDDTEmTUhsgKRp+gNJw68CFkLbVC2QkDS+gD8KJdWmARvbFBNNWpuIRGPFWBXQRMPDqIki+KLATs+ZnTvcvXtnX8w2beJJToaduTP3fHPOPffcOwC8kP+2WCDwIvahGFxTuN8KmNSZmULPNjLeqF9F8rdPkIEGEn+r+vjx46LQ0NA8/Dsader58+e/h4WFDWntFO7ot6fMFAt3JLWi2lCDpqamCux2+2+KROj82NhYGrXT2lu5Z/DP/deFByElA4Pv3LlTiHY/nJ6eVnbv3q1s2bJFyc7OVrZu3arU1dUp4+PjxPUQoT+g9tp9PkMFgpo9kxljHRoaWp2Xl3duYmIiurKyEvDoclNCQgIcPnxYPc7MzHwcGRnZhaft4Ag7O9fUbRhaITCie4lgcnNzT7qDIaHz27dvh+vXr0NEREQneqoCHKFnAR+8ZCaQGGq2CxcurCGYycnJZHcwTNAzUFFRoUJFRUV1IFQ5OKBsXB9uxSwgl0TQ3d29Yt26dccwoyVXV1d7hGEiQmGi2AzOUHx/hob4K2yuYS9G987s7OwPISEh7xPM6dOnwVfBsIMjR45AZmbmo5s3b76Xnp7+J55egMVxBSAZT0v1ED+76yn66dOnLQSzd+9ev2BIyFP0MjBco1JTU/sxfFeDazp3cYgZHmKqdoaGNISHh9fv378fSJcqlPV6e3sBJ+I/goOD34VFL0k95Y+HxPHCYGxmw5DQ2NuzZw8EBQVtunXr1jvgwUP+hhz/QDXMMCNVE8zx48dNg2FCz6QQjI2N/RA8VBFmANnu3btXihnpG8pM9fX1EAi5du0aeWkVOAMBCF7yN+R0z4yOjq6NiYlpp9CgdBtIwXpPH6vgDKWLt0CygtM6MDCwBuUYZSKaOCksAiVY9wFOBePgDOOytPAGSKzNVCCC2bBhw69YdK7ypgpYimzbtk2dl7CM+hFcveOUHDylbTFO1YdhFbByx44dA1QFUP0VSJj4+Hjo6+sDq9U6iEmHKvFZTedQ50GYbN15SITVlwNlZWUnLRZL8s6dOwMOQ9UCTtKTra2ttdppt9V2kMF5cbmsjxuM43bMNrmUzc6fP6+GQiDGDoOJi4ubwb4qm5ubafyIE6nLxGqTPEsGo1cBOGNX0TyDYafC0CyOaxcVziyh53Z2dkJycvLMvn37PmpoaBgFR4jxYSbWdVIgI89Iq4CjR48CZjlYv369+tssqI6ODsjPz4f+/v668vLycxrEHHfkYdwC8SB6mGEV8Cl64cuuri5oa2tTG+EyGjZu3AiXLl1qefDgwV8lJSUFZkDV1tZCcXExXLx4sbWoqKgPFj0zx8GI9ZwO5W4M6ekZYeqpaqbqmaSqqkpNpcPDw4dwzfM9nrLduHEjEs+X0XV/Sx96LnqE1kLtBQUF3eDwCO8dGQyzV5rl+JyuegfXI29jRotiRlKnpFghHMzKyjqotVXS0tLacKPjF3bdHxjSq1evduAkepAD+ZsDYlC8V5w8ZBVg+PPq2MGMlkInqE4joTf45MmT4YyMjAPcA+ltLSQlJX2BafxnX6HI29QeK44TOTk57mCYZ0QoJ8OBM4yB6dkNkwGlSygsLFQvYtYB3BTMxFL+M+0eFgZqp4mJiU2+QKGX1fGIk/QIrn0aYXGsyDxjmAyMhO2jhaCGoUbX1NSkLSwsPMJqV8Fspu6lIZS6OYhjiOLwdU7fQM1HfRPD7wS1obZ0j0xpb4726Z49ezaJf2/S7s9ATUGNR41BjdJseRnke3WGwhrRTS9pD1mOGoeG15BxOOfoxuCkp0Ih6NeaEaSZGlieJyiCoc1FgsGldokGk8nBvAKOrWIGQ5uPsm0tt0BWDiicAaGuGhkZ+YqMw9StGzU4OKhCnT179hNsswY1FTXdE5QEJhc1S3tGogazXLOBwQSBl3tzIhQPtAL1VQJCTcNx8y1vHIUghSKFZE9PT7H2dlM1b+Wgrr1y5Uq77J75+fnplpaWMg2ch4nlYEI5z7hdensDpI4hrYNErcMMXJ32koG4ztf3pultz83NjWG99Ra2WQ0OL2VjZjwgeufUqVOqV8+cOdPIwdBLSNJeHg8TAh5WqJ6EfSmgt7IMNRJ1JThiOlnrOAMHshprmMKdoGSCpb9s3B3SYLIFGIqICJB7xisYi+RvfiypXw40DWGdlJaWRmMd141hk8V2OWm7ieYTXhBc3+BgaZyqAISjOYxSMVvXsBTNlzdiNQDgRao2AtK3pjggpmrqbGpqSsLPIN/dv38/gaBwUjTshMHcvn27JyUlpRmc5xpPMD599LIYnLNyUKKndKjGxsakXbt2deMCLIE8IVvs0YRM1fjdu3d/wrXN5+BcnzEgvor2uN3rjzAYMp5lPEoQlE5fA0fWo8GfhlCbKVFQ1pKNIfzcOHH58mWqaimVUwJI0+6n59D4pIlzmdZPMPiZzXjDjX47Le5g0Uu8x2zgPqWyKpjVe7x3+AUbq9NYjQbgp2dsBud5o8TP7d5kHAWcQchQfoEmLgn8HjOiBIF7o5hI1x6CEbLNP3bdqYAF44JzyWLzcN1i8DcT/o3awbm8Fz3DAy2A62INwPV/E3wWdx5inmBHuwChCBD6R2JwHge80TIQRQLjt7e8DTkGZgfX8cUMZTDAteFDkveaIlzjX9ySQs8X18r2t2VHUURPKoICmDR+eCO9aSdmOIub3/w9RgpgUpiJhvraXpa6jZKHGEqyusw0GLFzX+5RhN/8kYnMSNMMfyH/V/kHST6OYVElTPAAAAAASUVORK5CYII=";
-class km extends k.Component {
+}), vw = k.memo(ww, (a, i) => !!ft(a, i)), Iw = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYISURBVHgB7ZpNSCtXFIBPEuvz+dMGpYUKD/sWFX+Qti6kK7Hqpm6e9q0rIoIUFUShPLV10VZx4+JZqa9v20LBhdq9fyBUCtKNPH8qYl2IOw3G38Rkek4y15y5uTOZJDOWggcOSSYzN/ebc+45554JwIM8iBCPyTEP+86T4vyMfsRN4b+nQTKIJp0vzuGvlpID7os8EQNEIBD4oKio6Bm9DwaDv/v9/n/076JgbtWUYPchwrW8qD7UnOvr6wFNkpubm+/wu7f0c7y6mrnlvQufxB0Iau7V1dX3BDA/P6/V1dVpzc3N2uLiIofK1c8VYHys/wRKBUN3/hGHqaysNOjc3FwMis6hc0FtLTHuvYLxCCZgci8uLn4wg5Gh6Fy8Jk+/NkcCAlAAuUkoW4g0B+d5tLS05O/r67O8eGxsDNra2uDy8nKsoKCAwCIQDxQa0yTxgrvCYXyTk5Ml+Orf2dlJeeHIyAigFSE/P38ELfUNqNdSkjgF5FF89jL1TU1NlQwODl5gZPujp6cHWltbUw7Koc7Pz8mkZpHPFeFrJuZeqLnoMoPoZqe0JjDP/IZgnyLUG/o8NDRkuo5Ua2pjY6MC4oFCFf1cA0oKzRSOp6enRfTaGh0d/QxBt+1CUVgnOTs7+xrHfQzGyOcKkK3QTJMnQffZ6e/v/xwttmsHqqmpKXbdycnJCxy7ABLh3FEgVZ6hZJhnFZoFFMF0d3c/w7v+dyookXBnZ2c/xvHfhriVcvXfdBRItsxjnOhYqjwjoAimq6vrCysoGofk+Ph4Esd/F/UdiFtJAGUd2DygTpp5dmBUUJ2dnc9VUALm8PDwJY7/BPU9VD8k3M4RC6kskxZMKigKIMLN9vf3p3H8DyWgfEhEOwOQD9IXOTz7EObbwsLC4YWFBRgeHrY9ECXYo6MjaGlpKWlsbPxkYGDgRW1tbSEWquVlZWXBzc3Nl1VVVa8hXiXc6ioqBqGaPDk7AACJTRZ3NS9lcUp86cJwoSQ7Pj4Op6enfxUXF3/V0NCQv7q6GsCvwrqGUG/01xAD4+VQTOxaSF43d5bBOisrGBJRCtXX17+/trb268rKSgASFgmz97KFkmo6OztWuVyPweiWGc4WRkhFRQVEIpHg8vJyQAIQVlLBROVxvBYQHsXnO8tk62ZcyN0wecLBwcEvYHSzEPscBqOLCRhLC4n9uqaA8UAWAcAKhtbQ3t7eTHl5+Y9gtAp3twhT056CDMQ7MRzIFTeTYKb1yYYVQFH9VdzsqNmYKpfTJBDX3Ixgdnd3XyHMT2AMALJlBBSPaMpNngrIsTyTCgaj288YDGakictrxizvKFNOjgSSBLS+vv6UYHDb7DgMVgsChjTEgCIKGG4ZU+EWkgNBzN1qamq+pAMTExPgFMzW1tZrhHkFyWE5KxgSszx0527RaDRmOSpRshEOU11dPQPG8CwHARHJlMnTSrwSRFIlfXt7m3V5ngJGuJtqzaQtZkFBVNJezN5ZAdmwjKo2k9tVtrcI3OXk4tPgcg7ChCDZ1URgMOu72Xa5VFHOkymQhWVU60YVmjN6wiC7k6p+S1syCACOwJBYFaexV+yhBekNPsMBO6KAEeE4BMaCU67RsoYhSbXgaT//ht709vZCaWmp6YkEbLFmVJWzas04+iBL7EKpm0J7duqu0B7+CTUpNJuyvb1NCfMj1CqI9wLKUOlOUMeG+gGFkHii4HizUF4z/KFUrPsJ8WbEIyx7nnZ0dDynME6BAuce09iFHo+GrnmGltltb2//E4wVAN82y7vOjKOZXSBhJdHNiT3TYWD8OY2PTUJkdd7MkJMnT5wZVQF2RFX6yBMUdzPMvvfqxz3sXHF+GNT9ANXit/10O1sgHkZvdQAOKvs9B5L7ARELGAAXLSTvM8QExTE+YbHe+HURhZp1aRyF4CJXClbbWwGketgkW9VsY+YaiBCVhfgE+XvxRwgZSM4jUVCDZFQ9pytmXR8hUTB2gnidx4XffVWydN0yQjwmx/jkAZJBrIBI5J7ZvQGZWUgVSuU/EqmOAzicKNMVu816DdRWUV1/7xAP8n+SfwF3Du3NF2sYhwAAAABJRU5ErkJggg==", Nw = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='40px'%20height='40px'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3eshape-cursor%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpath%20d='M20,21.5%20C20.2454599,21.5%2020.4496084,21.6768752%2020.4919443,21.9101244%20L20.5,22%20L20.5,27%20C20.5,27.2761424%2020.2761424,27.5%2020,27.5%20C19.7545401,27.5%2019.5503916,27.3231248%2019.5080557,27.0898756%20L19.5,27%20L19.5,22%20C19.5,21.7238576%2019.7238576,21.5%2020,21.5%20Z%20M27,19.5%20C27.2761424,19.5%2027.5,19.7238576%2027.5,20%20C27.5,20.2454599%2027.3231248,20.4496084%2027.0898756,20.4919443%20L27,20.5%20L22,20.5%20C21.7238576,20.5%2021.5,20.2761424%2021.5,20%20C21.5,19.7545401%2021.6768752,19.5503916%2021.9101244,19.5080557%20L22,19.5%20L27,19.5%20Z%20M18,19.5%20C18.2761424,19.5%2018.5,19.7238576%2018.5,20%20C18.5,20.2454599%2018.3231248,20.4496084%2018.0898756,20.4919443%20L18,20.5%20L13,20.5%20C12.7238576,20.5%2012.5,20.2761424%2012.5,20%20C12.5,19.7545401%2012.6768752,19.5503916%2012.9101244,19.5080557%20L13,19.5%20L18,19.5%20Z%20M20,12.5%20C20.2454599,12.5%2020.4496084,12.6768752%2020.4919443,12.9101244%20L20.5,13%20L20.5,18%20C20.5,18.2761424%2020.2761424,18.5%2020,18.5%20C19.7545401,18.5%2019.5503916,18.3231248%2019.5080557,18.0898756%20L19.5,18%20L19.5,13%20C19.5,12.7238576%2019.7238576,12.5%2020,12.5%20Z'%20id='path-1'%3e%3c/path%3e%3cfilter%20x='-64.6%25'%20y='-59.5%25'%20width='229.3%25'%20height='246.1%25'%20filterUnits='objectBoundingBox'%20id='filter-2'%3e%3cfeMorphology%20radius='1'%20operator='dilate'%20in='SourceAlpha'%20result='shadowSpreadOuter1'%3e%3c/feMorphology%3e%3cfeOffset%20dx='0'%20dy='2'%20in='shadowSpreadOuter1'%20result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='3'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeComposite%20in='shadowBlurOuter1'%20in2='SourceAlpha'%20operator='out'%20result='shadowBlurOuter1'%3e%3c/feComposite%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.16%200'%20type='matrix'%20in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg%20id='页面-4'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Whiteboard-Guidelines'%20transform='translate(-344.000000,%20-751.000000)'%3e%3cg%20id='shape-cursor'%20transform='translate(344.000000,%20751.000000)'%3e%3crect%20id='矩形备份-44'%20fill='%23FFFFFF'%20opacity='0.01'%20x='0'%20y='0'%20width='40'%20height='40'%20rx='2'%3e%3c/rect%3e%3cg%20id='形状结合'%20fill-rule='nonzero'%3e%3cuse%20fill='black'%20fill-opacity='1'%20filter='url(%23filter-2)'%20xlink:href='%23path-1'%3e%3c/use%3e%3cpath%20stroke='%23FFFFFF'%20stroke-width='1'%20d='M20,21%20C20.4854103,21%2020.898085,21.3479993%2020.9899479,21.8654877%20L21,22%20L21,27%20C21,27.5522847%2020.5522847,28%2020,28%20C19.5145897,28%2019.101915,27.6520007%2019.0100521,27.1345123%20L19,27%20L19,22%20C19,21.4477153%2019.4477153,21%2020,21%20Z%20M27,19%20C27.5522847,19%2028,19.4477153%2028,20%20C28,20.4854103%2027.6520007,20.898085%2027.1345123,20.9899479%20L27,21%20L22,21%20C21.4477153,21%2021,20.5522847%2021,20%20C21,19.5145897%2021.3479993,19.101915%2021.8654877,19.0100521%20L22,19%20L27,19%20Z%20M18,19%20C18.5522847,19%2019,19.4477153%2019,20%20C19,20.4854103%2018.6520007,20.898085%2018.1345123,20.9899479%20L18,21%20L13,21%20C12.4477153,21%2012,20.5522847%2012,20%20C12,19.5145897%2012.3479993,19.101915%2012.8654877,19.0100521%20L13,19%20L18,19%20Z%20M20,12%20C20.4854103,12%2020.898085,12.3479993%2020.9899479,12.8654877%20L21,13%20L21,18%20C21,18.5522847%2020.5522847,19%2020,19%20C19.5145897,19%2019.101915,18.6520007%2019.0100521,18.1345123%20L19,18%20L19,13%20C19,12.4477153%2019.4477153,12%2020,12%20Z'%20fill='%23212324'%20fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3crect%20id='矩形'%20fill='%23FFFFFF'%20x='18.5'%20y='17'%20width='3'%20height='6'%3e%3c/rect%3e%3crect%20id='矩形'%20fill='%23FFFFFF'%20x='17'%20y='18.5'%20width='6'%20height='3'%3e%3c/rect%3e%3cpath%20d='M20,21.5%20C20.2454599,21.5%2020.4496084,21.6768752%2020.4919443,21.9101244%20L20.5,22%20L20.5,27%20C20.5,27.2761424%2020.2761424,27.5%2020,27.5%20C19.7545401,27.5%2019.5503916,27.3231248%2019.5080557,27.0898756%20L19.5,27%20L19.5,22%20C19.5,21.7238576%2019.7238576,21.5%2020,21.5%20Z%20M27,19.5%20C27.2761424,19.5%2027.5,19.7238576%2027.5,20%20C27.5,20.2454599%2027.3231248,20.4496084%2027.0898756,20.4919443%20L27,20.5%20L22,20.5%20C21.7238576,20.5%2021.5,20.2761424%2021.5,20%20C21.5,19.7545401%2021.6768752,19.5503916%2021.9101244,19.5080557%20L22,19.5%20L27,19.5%20Z%20M18,19.5%20C18.2761424,19.5%2018.5,19.7238576%2018.5,20%20C18.5,20.2454599%2018.3231248,20.4496084%2018.0898756,20.4919443%20L18,20.5%20L13,20.5%20C12.7238576,20.5%2012.5,20.2761424%2012.5,20%20C12.5,19.7545401%2012.6768752,19.5503916%2012.9101244,19.5080557%20L13,19.5%20L18,19.5%20Z%20M20,12.5%20C20.2454599,12.5%2020.4496084,12.6768752%2020.4919443,12.9101244%20L20.5,13%20L20.5,18%20C20.5,18.2761424%2020.2761424,18.5%2020,18.5%20C19.7545401,18.5%2019.5503916,18.3231248%2019.5080557,18.0898756%20L19.5,18%20L19.5,13%20C19.5,12.7238576%2019.7238576,12.5%2020,12.5%20Z'%20id='形状结合'%20fill='%23212324'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Sw = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='47px'%20height='40px'%20viewBox='0%200%2047%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3etext-cursor%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpath%20d='M16,26.5%20C15.7238576,26.5%2015.5,26.2761424%2015.5,26%20C15.5,25.7545401%2015.6768752,25.5503916%2015.9101244,25.5080557%20L16,25.5%20L19.5,25.5%20L19.5,14.5%20L16,14.5%20C15.7238576,14.5%2015.5,14.2761424%2015.5,14%20C15.5,13.7545401%2015.6768752,13.5503916%2015.9101244,13.5080557%20L16,13.5%20L24,13.5%20C24.2761424,13.5%2024.5,13.7238576%2024.5,14%20C24.5,14.2454599%2024.3231248,14.4496084%2024.0898756,14.4919443%20L24,14.5%20L20.5,14.5%20L20.5,25.5%20L24,25.5%20C24.2761424,25.5%2024.5,25.7238576%2024.5,26%20C24.5,26.2454599%2024.3231248,26.4496084%2024.0898756,26.4919443%20L24,26.5%20L16,26.5%20Z'%20id='path-1'%3e%3c/path%3e%3cfilter%20x='-284.0%25'%20y='-81.5%25'%20width='668.1%25'%20height='293.9%25'%20filterUnits='objectBoundingBox'%20id='filter-2'%3e%3cfeMorphology%20radius='1'%20operator='dilate'%20in='SourceAlpha'%20result='shadowSpreadOuter1'%3e%3c/feMorphology%3e%3cfeOffset%20dx='0'%20dy='2'%20in='shadowSpreadOuter1'%20result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='3'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeComposite%20in='shadowBlurOuter1'%20in2='SourceAlpha'%20operator='out'%20result='shadowBlurOuter1'%3e%3c/feComposite%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.16%200'%20type='matrix'%20in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg%20id='页面-4'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Whiteboard-Guidelines'%20transform='translate(-388.000000,%20-672.000000)'%3e%3cg%20id='text-cursor'%20transform='translate(392.000000,%20672.000000)'%3e%3crect%20id='矩形备份-40'%20fill='%23FFFFFF'%20opacity='0.01'%20x='0'%20y='0'%20width='40'%20height='40'%20rx='2'%3e%3c/rect%3e%3cg%20id='形状结合'%20fill-rule='nonzero'%3e%3cuse%20fill='black'%20fill-opacity='1'%20filter='url(%23filter-2)'%20xlink:href='%23path-1'%3e%3c/use%3e%3cpath%20stroke='%23FFFFFF'%20stroke-width='1'%20d='M19,25%20L19,15%20L16,15%20C15.4477153,15%2015,14.5522847%2015,14%20C15,13.5145897%2015.3479993,13.101915%2015.8654877,13.0100521%20L16,13%20L24,13%20C24.5522847,13%2025,13.4477153%2025,14%20C25,14.4854103%2024.6520007,14.898085%2024.1345123,14.9899479%20L24,15%20L21,15%20L21,25%20L24,25%20C24.5522847,25%2025,25.4477153%2025,26%20C25,26.4854103%2024.6520007,26.898085%2024.1345123,26.9899479%20L24,27%20L16,27%20C15.4477153,27%2015,26.5522847%2015,26%20C15,25.5145897%2015.3479993,25.101915%2015.8654877,25.0100521%20L16,25%20L19,25%20Z'%20fill='%23212324'%20fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Tw = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgrSURBVHgB7ZprTBRXFIDP7gIt8lQppTwE5V0KaAn6o1pqNGkDDTEmTUhsgKRp+gNJw68CFkLbVC2QkDS+gD8KJdWmARvbFBNNWpuIRGPFWBXQRMPDqIki+KLATs+ZnTvcvXtnX8w2beJJToaduTP3fHPOPffcOwC8kP+2WCDwIvahGFxTuN8KmNSZmULPNjLeqF9F8rdPkIEGEn+r+vjx46LQ0NA8/Dsader58+e/h4WFDWntFO7ot6fMFAt3JLWi2lCDpqamCux2+2+KROj82NhYGrXT2lu5Z/DP/deFByElA4Pv3LlTiHY/nJ6eVnbv3q1s2bJFyc7OVrZu3arU1dUp4+PjxPUQoT+g9tp9PkMFgpo9kxljHRoaWp2Xl3duYmIiurKyEvDoclNCQgIcPnxYPc7MzHwcGRnZhaft4Ag7O9fUbRhaITCie4lgcnNzT7qDIaHz27dvh+vXr0NEREQneqoCHKFnAR+8ZCaQGGq2CxcurCGYycnJZHcwTNAzUFFRoUJFRUV1IFQ5OKBsXB9uxSwgl0TQ3d29Yt26dccwoyVXV1d7hGEiQmGi2AzOUHx/hob4K2yuYS9G987s7OwPISEh7xPM6dOnwVfBsIMjR45AZmbmo5s3b76Xnp7+J55egMVxBSAZT0v1ED+76yn66dOnLQSzd+9ev2BIyFP0MjBco1JTU/sxfFeDazp3cYgZHmKqdoaGNISHh9fv378fSJcqlPV6e3sBJ+I/goOD34VFL0k95Y+HxPHCYGxmw5DQ2NuzZw8EBQVtunXr1jvgwUP+hhz/QDXMMCNVE8zx48dNg2FCz6QQjI2N/RA8VBFmANnu3btXihnpG8pM9fX1EAi5du0aeWkVOAMBCF7yN+R0z4yOjq6NiYlpp9CgdBtIwXpPH6vgDKWLt0CygtM6MDCwBuUYZSKaOCksAiVY9wFOBePgDOOytPAGSKzNVCCC2bBhw69YdK7ypgpYimzbtk2dl7CM+hFcveOUHDylbTFO1YdhFbByx44dA1QFUP0VSJj4+Hjo6+sDq9U6iEmHKvFZTedQ50GYbN15SITVlwNlZWUnLRZL8s6dOwMOQ9UCTtKTra2ttdppt9V2kMF5cbmsjxuM43bMNrmUzc6fP6+GQiDGDoOJi4ubwb4qm5ubafyIE6nLxGqTPEsGo1cBOGNX0TyDYafC0CyOaxcVziyh53Z2dkJycvLMvn37PmpoaBgFR4jxYSbWdVIgI89Iq4CjR48CZjlYv369+tssqI6ODsjPz4f+/v668vLycxrEHHfkYdwC8SB6mGEV8Cl64cuuri5oa2tTG+EyGjZu3AiXLl1qefDgwV8lJSUFZkDV1tZCcXExXLx4sbWoqKgPFj0zx8GI9ZwO5W4M6ekZYeqpaqbqmaSqqkpNpcPDw4dwzfM9nrLduHEjEs+X0XV/Sx96LnqE1kLtBQUF3eDwCO8dGQyzV5rl+JyuegfXI29jRotiRlKnpFghHMzKyjqotVXS0tLacKPjF3bdHxjSq1evduAkepAD+ZsDYlC8V5w8ZBVg+PPq2MGMlkInqE4joTf45MmT4YyMjAPcA+ltLSQlJX2BafxnX6HI29QeK44TOTk57mCYZ0QoJ8OBM4yB6dkNkwGlSygsLFQvYtYB3BTMxFL+M+0eFgZqp4mJiU2+QKGX1fGIk/QIrn0aYXGsyDxjmAyMhO2jhaCGoUbX1NSkLSwsPMJqV8Fspu6lIZS6OYhjiOLwdU7fQM1HfRPD7wS1obZ0j0xpb4726Z49ezaJf2/S7s9ATUGNR41BjdJseRnke3WGwhrRTS9pD1mOGoeG15BxOOfoxuCkp0Ih6NeaEaSZGlieJyiCoc1FgsGldokGk8nBvAKOrWIGQ5uPsm0tt0BWDiicAaGuGhkZ+YqMw9StGzU4OKhCnT179hNsswY1FTXdE5QEJhc1S3tGogazXLOBwQSBl3tzIhQPtAL1VQJCTcNx8y1vHIUghSKFZE9PT7H2dlM1b+Wgrr1y5Uq77J75+fnplpaWMg2ch4nlYEI5z7hdensDpI4hrYNErcMMXJ32koG4ztf3pultz83NjWG99Ra2WQ0OL2VjZjwgeufUqVOqV8+cOdPIwdBLSNJeHg8TAh5WqJ6EfSmgt7IMNRJ1JThiOlnrOAMHshprmMKdoGSCpb9s3B3SYLIFGIqICJB7xisYi+RvfiypXw40DWGdlJaWRmMd141hk8V2OWm7ieYTXhBc3+BgaZyqAISjOYxSMVvXsBTNlzdiNQDgRao2AtK3pjggpmrqbGpqSsLPIN/dv38/gaBwUjTshMHcvn27JyUlpRmc5xpPMD599LIYnLNyUKKndKjGxsakXbt2deMCLIE8IVvs0YRM1fjdu3d/wrXN5+BcnzEgvor2uN3rjzAYMp5lPEoQlE5fA0fWo8GfhlCbKVFQ1pKNIfzcOHH58mWqaimVUwJI0+6n59D4pIlzmdZPMPiZzXjDjX47Le5g0Uu8x2zgPqWyKpjVe7x3+AUbq9NYjQbgp2dsBud5o8TP7d5kHAWcQchQfoEmLgn8HjOiBIF7o5hI1x6CEbLNP3bdqYAF44JzyWLzcN1i8DcT/o3awbm8Fz3DAy2A62INwPV/E3wWdx5inmBHuwChCBD6R2JwHge80TIQRQLjt7e8DTkGZgfX8cUMZTDAteFDkveaIlzjX9ySQs8X18r2t2VHUURPKoICmDR+eCO9aSdmOIub3/w9RgpgUpiJhvraXpa6jZKHGEqyusw0GLFzX+5RhN/8kYnMSNMMfyH/V/kHST6OYVElTPAAAAAASUVORK5CYII=";
+class kw extends k.Component {
   constructor(t) {
     super(t);
     y(this, "renderAvatar", (t) => {
@@ -15190,20 +15165,20 @@ class km extends k.Component {
           opacity: this.getOpacity(t),
           backgroundColor: this.getCursorBackgroundColor(t),
           color: this.getCursorTextColor(t)
-        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-pencil-image", src: Im, alt: "pencilCursor" }))));
+        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-pencil-image", src: Iw, alt: "pencilCursor" }))));
       case at.eraser:
       case at.pencilEraser:
         return /* @__PURE__ */ k.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ k.createElement("div", { className: "cursor-mid cursor-pencil-offset", style: { transform: "translate(-50%, -90%)", marginLeft: "0px" } }, /* @__PURE__ */ k.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ k.createElement("div", { style: {
           opacity: this.getOpacity(t),
           backgroundColor: this.getCursorBackgroundColor(t),
           color: this.getCursorTextColor(t)
-        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-pencil-image", src: Tm, alt: "pencilEraser" }))));
+        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-pencil-image", src: Tw, alt: "pencilEraser" }))));
       case at.text:
         return /* @__PURE__ */ k.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ k.createElement("div", { className: "cursor-mid cursor-pencil-offset", style: { transform: "translate(-50%, -65%)", marginLeft: "0px" } }, /* @__PURE__ */ k.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ k.createElement("div", { style: {
           opacity: this.getOpacity(t),
           backgroundColor: this.getCursorBackgroundColor(t),
           color: this.getCursorTextColor(t)
-        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-arrow-image", src: Sm, alt: "textCursor" }))));
+        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-arrow-image", src: Sw, alt: "textCursor" }))));
       case at.rectangle:
       case at.arrow:
       case at.straight:
@@ -15213,18 +15188,18 @@ class km extends k.Component {
           opacity: this.getOpacity(t),
           backgroundColor: this.getCursorBackgroundColor(t),
           color: this.getCursorTextColor(t)
-        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-arrow-image", src: Nm, alt: "shapeCursor" }))));
+        }, className: this.getThemeClass(t) }, this.renderAvatar(t), e, this.renderTag(t))), /* @__PURE__ */ k.createElement("div", null, /* @__PURE__ */ k.createElement("img", { className: "cursor-arrow-image", src: Nw, alt: "shapeCursor" }))));
       default:
         return null;
     }
   }
 }
-const Cm = (a) => {
+const Cw = (a) => {
   const { className: i, info: t } = a, { roomMember: e, ...s } = t || {};
   return /* @__PURE__ */ k.createElement("div", { className: `${i}`, style: s ? {
     transform: `translate(${s.x}px, ${s.y}px)`
-  } : { display: "none" } }, e && /* @__PURE__ */ k.createElement(km, { roomMember: e }));
-}, bm = (a) => {
+  } : { display: "none" } }, e && /* @__PURE__ */ k.createElement(kw, { roomMember: e }));
+}, bw = (a) => {
   const { className: i, manager: t } = a, [e, s] = nt();
   yt(() => (t.internalMsgEmitter.on([ot.Cursor, t.viewId], o), () => {
     t.internalMsgEmitter.off([ot.Cursor, t.viewId], o);
@@ -15236,13 +15211,13 @@ const Cm = (a) => {
     if (e != null && e.length) {
       const r = e.map((c) => {
         var l;
-        return c.roomMember ? /* @__PURE__ */ k.createElement(Cm, { key: (l = c.roomMember) == null ? void 0 : l.memberId, className: i, info: c }) : null;
+        return c.roomMember ? /* @__PURE__ */ k.createElement(Cw, { key: (l = c.roomMember) == null ? void 0 : l.memberId, className: i, info: c }) : null;
       });
       return /* @__PURE__ */ k.createElement(k.Fragment, null, r);
     }
     return null;
   }, [e]);
-}, xm = (a) => {
+}, xw = (a) => {
   const { viewId: i, miniMapCanvas: t, highlightColor: e, miniMapManager: s, contianer: o } = a, [n, r] = nt();
   yt(() => (c(), s.listener.addListener([i, "viewCameraUpate"], c), s.listener.emitAsync([i, "miniMapCreate"], !0), () => {
     s.listener.removeListener([i, "viewCameraUpate"], c);
@@ -15251,19 +15226,19 @@ const Cm = (a) => {
     const u = s.maps.get(i);
     u && l(u.miniMapCamera, u.viewCamera);
   }, l = (u, d) => {
-    const { width: f, height: g } = o.getBoundingClientRect(), p = Math.min(f / u.width, g / u.height), M = d.width / d.scale, v = d.height / d.scale, m = [d.centerX, d.centerY], S = [u.centerX, u.centerY], T = [m[0] - S[0], m[1] - S[1]], N = Math.min(u.scale * p, u.scale * p), w = [T[0] * N, T[1] * N, M, v, N];
-    r(w);
+    const { width: f, height: g } = o.getBoundingClientRect(), p = Math.min(f / u.width, g / u.height), M = d.width / d.scale, v = d.height / d.scale, w = [d.centerX, d.centerY], S = [u.centerX, u.centerY], T = [w[0] - S[0], w[1] - S[1]], N = Math.min(u.scale * p, u.scale * p), m = [T[0] * N, T[1] * N, M, v, N];
+    r(m);
   }, h = (u) => {
     var d;
     if (s.control.renderControl.isWritable) {
       const f = u.nativeEvent.target || u.nativeEvent.srcElement;
       if (f && u.nativeEvent && n) {
-        const { width: g, height: p } = f.getBoundingClientRect(), [M, v] = [g / 2, p / 2], [m, S] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - v) / n[4]], T = s.maps.get(i);
+        const { width: g, height: p } = f.getBoundingClientRect(), [M, v] = [g / 2, p / 2], [w, S] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - v) / n[4]], T = s.maps.get(i);
         if (T != null && T.viewCamera) {
-          const [N, w] = [T.miniMapCamera.centerX + m, T.miniMapCamera.centerY + S];
+          const [N, m] = [T.miniMapCamera.centerX + w, T.miniMapCamera.centerY + S];
           (d = s.control.room) == null || d.moveCamera({
             centerX: N,
-            centerY: w,
+            centerY: m,
             animationMode: "immediately"
           });
         }
@@ -15291,7 +15266,7 @@ const Cm = (a) => {
     transform: `translate(calc(-50% + ${n[0]}px), calc(-50% + ${n[1]}px))`,
     pointerEvents: "none"
   } }));
-}, Lm = (a) => {
+}, Lw = (a) => {
   const { miniMapManager: i, active: t, className: e } = a, s = X(() => {
     const o = i.maps;
     if (t) {
@@ -15300,7 +15275,7 @@ const Cm = (a) => {
         const { miniMapCamera: r, viewCamera: c, ...l } = n;
         if (l.contianer && r && c) {
           const h = i.highlightColor;
-          return bn(/* @__PURE__ */ k.createElement(xm, { viewId: t, ...l, highlightColor: h, miniMapManager: i }), l.contianer);
+          return bn(/* @__PURE__ */ k.createElement(xw, { viewId: t, ...l, highlightColor: h, miniMapManager: i }), l.contianer);
         }
       }
     }
@@ -15422,7 +15397,7 @@ class gs extends k.Component {
       setOperationType: this.setOperationType.bind(this),
       setFloatBarData: this.setFloatBarData.bind(this)
     } }, this.state.showFloatBar && /* @__PURE__ */ k.createElement(
-      vm,
+      vw,
       {
         ref: this.props.refs.floatBarRef,
         editors: this.state.editors,
@@ -15430,7 +15405,7 @@ class gs extends k.Component {
         isHide: t
       }
     ) || null, ((c = this.state.editors) == null ? void 0 : c.size) && /* @__PURE__ */ k.createElement(
-      lm,
+      lw,
       {
         className: Et.TextEditorContainer,
         showFloatBtns: t,
@@ -15439,10 +15414,10 @@ class gs extends k.Component {
         editors: this.state.editors,
         activeTextId: this.state.activeTextId
       }
-    ) || null), /* @__PURE__ */ k.createElement(bm, { className: Et.CursorBox, manager: this.props.mananger }), /* @__PURE__ */ k.createElement(Lm, { className: Et.MiniMapBox, active: this.state.activeMiniMapViewId, miniMapManager: this.props.mananger.control.miniMapManager }));
+    ) || null), /* @__PURE__ */ k.createElement(bw, { className: Et.CursorBox, manager: this.props.mananger }), /* @__PURE__ */ k.createElement(Lw, { className: Et.MiniMapBox, active: this.state.activeMiniMapViewId, miniMapManager: this.props.mananger.control.miniMapManager }));
   }
 }
-class zm extends fn {
+class zw extends fn {
   constructor(t, e) {
     super(t, e);
     y(this, "width", 1e3);
@@ -15492,7 +15467,7 @@ class zm extends fn {
     } }), e), this.control.room && this.bindDisplayerEvent(this.eventTragetElement), this;
   }
 }
-class Pm extends ww {
+class Pw extends mm {
   constructor(t, e, s) {
     super(t, e, s);
     y(this, "dpr", ae());
@@ -15575,7 +15550,7 @@ class Ht extends Ve {
       const e = t.divElement;
       if (!e || !t.focusScenePath || !(t.focusScenePath || t.scenePath))
         return;
-      const o = new zm(this.control, bt.InternalMsgEmitter), n = t.size.width || o.width, r = t.size.height || o.height, l = {
+      const o = new zw(this.control, bt.InternalMsgEmitter), n = t.size.width || o.width, r = t.size.height || o.height, l = {
         dpr: o.dpr,
         originalPoint: [n / 2, r / 2],
         offscreenCanvasOpt: {
@@ -15656,7 +15631,7 @@ class Ht extends Ve {
           }, 0);
         });
       }
-      const r = new Pm(e, this.control, bt.InternalMsgEmitter), c = s.size.width || r.width, l = s.size.height || r.height, u = {
+      const r = new Pw(e, this.control, bt.InternalMsgEmitter), c = s.size.width || r.width, l = s.size.height || r.height, u = {
         dpr: r.dpr,
         originalPoint: [c / 2, l / 2],
         offscreenCanvasOpt: {
@@ -15950,41 +15925,41 @@ const Y = class Y extends go {
       maxScreenshotWidth: 10 * 1024,
       maxScreenshotHeight: 10 * 1024,
       getBoundingRectAsync: async function(p) {
-        var m;
+        var w;
         Y.logger.info("[ApplianceMultiPlugin] getBoundingRectAsync");
-        const M = (t.mainView || s).getBoundingRect(p), v = await ((m = Y.currentManager) == null ? void 0 : m.getBoundingRect(p));
+        const M = (t.mainView || s).getBoundingRect(p), v = await ((w = Y.currentManager) == null ? void 0 : w.getBoundingRect(p));
         return !M.width || !M.height ? v : ds(M, v);
       },
-      screenshotToCanvasAsync: async function(p, M, v, m, S, T) {
+      screenshotToCanvasAsync: async function(p, M, v, w, S, T) {
         var A;
         Y.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let N = v, w = m, C = S.scale;
-        N > this.maxScreenshotWidth && (C = this.maxScreenshotWidth / N * C, N = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (C = Math.min(this.maxScreenshotHeight / w * C, C), w = this.maxScreenshotHeight), S.scale = C;
+        let N = v, m = w, C = S.scale;
+        N > this.maxScreenshotWidth && (C = this.maxScreenshotWidth / N * C, N = this.maxScreenshotWidth), m > this.maxScreenshotHeight && (C = Math.min(this.maxScreenshotHeight / m * C, C), m = this.maxScreenshotHeight), S.scale = C;
         const L = document.createElement("canvas"), D = L.getContext("2d");
-        L.width = N * (T || 1), L.height = w * (T || 1), D && ((t.mainView || s).screenshotToCanvas(D, M, N, w, S, T), p.drawImage(L, Math.floor((v - N) / 2), Math.floor((m - w) / 2), N * (T || 1), w * (T || 1), 0, 0, N, w), L.remove()), Y.currentManager && await ((A = Y.currentManager) == null ? void 0 : A.screenshotToCanvas(p, M, N, w, S, Math.floor((v - N) / 2), Math.floor((m - w) / 2)));
+        L.width = N * (T || 1), L.height = m * (T || 1), D && ((t.mainView || s).screenshotToCanvas(D, M, N, m, S, T), p.drawImage(L, Math.floor((v - N) / 2), Math.floor((w - m) / 2), N * (T || 1), m * (T || 1), 0, 0, N, m), L.remove()), Y.currentManager && await ((A = Y.currentManager) == null ? void 0 : A.screenshotToCanvas(p, M, N, m, S, Math.floor((v - N) / 2), Math.floor((w - m) / 2)));
       },
-      scenePreviewAsync: async function(p, M, v, m, S) {
-        Y.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || s).scenePreview(p, M, v, m, S);
+      scenePreviewAsync: async function(p, M, v, w, S) {
+        Y.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || s).scenePreview(p, M, v, w, S);
         const T = document.createElement("img");
         T.className = "appliance-plugin-fill-scene-snapshot-img", M.append(T), getComputedStyle(M).position || (M.style.position = "relative"), Y.currentManager && await Y.currentManager.scenePreview(p, T);
       },
-      fillSceneSnapshotAsync: async function(p, M, v, m, S) {
-        Y.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), M.innerHTML = "", (t.mainView || s).fillSceneSnapshot(p, M, v, m, S);
-        const T = v || t.mainView.size.width, N = m || t.mainView.size.height;
-        let w = await this.getBoundingRectAsync(p);
-        w || (w = {
+      fillSceneSnapshotAsync: async function(p, M, v, w, S) {
+        Y.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), M.innerHTML = "", (t.mainView || s).fillSceneSnapshot(p, M, v, w, S);
+        const T = v || t.mainView.size.width, N = w || t.mainView.size.height;
+        let m = await this.getBoundingRectAsync(p);
+        m || (m = {
           originX: 0,
           originY: 0,
           width: T,
           height: N
         });
-        let C = Math.max(w == null ? void 0 : w.width, T), L = Math.max(w == null ? void 0 : w.height, N), D = 1;
+        let C = Math.max(m == null ? void 0 : m.width, T), L = Math.max(m == null ? void 0 : m.height, N), D = 1;
         const A = C > T && Math.min(T / C, D) || D, E = L > N && Math.min(N / L, D) || D;
         A <= E ? (C = A < 1 && T || C, L = Math.floor(L * A) + 1, D = A) : A > E && (L = E < 1 && N || L, C = Math.floor(C * E) + 1, D = E);
         const O = {
           scale: D,
-          centerX: w.originX + w.width / 2,
-          centerY: w.originY + w.height / 2
+          centerX: m.originX + m.width / 2,
+          centerY: m.originY + m.height / 2
         }, z = document.createElement("canvas"), j = z.getContext("2d");
         z.width = C, z.height = L, j && await this.screenshotToCanvasAsync(j, p, C, L, O, devicePixelRatio);
         const tt = document.createElement("img");
@@ -16196,7 +16171,7 @@ y(Y, "kind", "appliance-multi-plugin"), y(Y, "currentManager"), y(Y, "logger", {
   Y.logger.info("[ApplianceMultiPlugin] refresh ApplianceMultiManager object"), n.setWindowManager(t), Y.currentManager = n, t.room && t.room.logger.info(`[ApplianceMultiPlugin] use ${ns}`);
 });
 let uo = Y;
-class Dm extends fn {
+class Dw extends fn {
   constructor(t, e) {
     super(t, e);
     y(this, "width", 1e3);
@@ -16247,7 +16222,7 @@ class ne extends Ve {
   bindMainView() {
     if (!this.control.divMainView)
       return;
-    const t = new Dm(this.control, bt.InternalMsgEmitter);
+    const t = new Dw(this.control, bt.InternalMsgEmitter);
     this.focuedViewId = Mt;
     const { width: e, height: s, dpr: o } = t, n = {
       dpr: o,
@@ -16471,22 +16446,22 @@ const R = class R extends go {
         const p = t.getBoundingRect(g), M = await ((v = R.currentManager) == null ? void 0 : v.getBoundingRect(g));
         return !p.width || !p.height ? M : ds(p, M);
       },
-      screenshotToCanvasAsync: async function(g, p, M, v, m, S) {
+      screenshotToCanvasAsync: async function(g, p, M, v, w, S) {
         var D;
         R.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
-        let T = M, N = v, w = m.scale;
-        T > this.maxScreenshotWidth && (w = this.maxScreenshotWidth / T * w, T = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (w = Math.min(this.maxScreenshotHeight / N * w, w), N = this.maxScreenshotHeight), m.scale = w;
+        let T = M, N = v, m = w.scale;
+        T > this.maxScreenshotWidth && (m = this.maxScreenshotWidth / T * m, T = this.maxScreenshotWidth), N > this.maxScreenshotHeight && (m = Math.min(this.maxScreenshotHeight / N * m, m), N = this.maxScreenshotHeight), w.scale = m;
         const C = document.createElement("canvas"), L = C.getContext("2d");
-        C.width = T * (S || 1), C.height = N * (S || 1), L && (t.screenshotToCanvas(L, p, T, N, m, S), g.drawImage(C, Math.floor((M - T) / 2), Math.floor((v - N) / 2), T * (S || 1), N * (S || 1), 0, 0, T, N), C.remove()), R.currentManager && await ((D = R.currentManager) == null ? void 0 : D.screenshotToCanvas(g, p, T, N, m, Math.floor((M - T) / 2), Math.floor((v - N) / 2)));
+        C.width = T * (S || 1), C.height = N * (S || 1), L && (t.screenshotToCanvas(L, p, T, N, w, S), g.drawImage(C, Math.floor((M - T) / 2), Math.floor((v - N) / 2), T * (S || 1), N * (S || 1), 0, 0, T, N), C.remove()), R.currentManager && await ((D = R.currentManager) == null ? void 0 : D.screenshotToCanvas(g, p, T, N, w, Math.floor((M - T) / 2), Math.floor((v - N) / 2)));
       },
-      scenePreviewAsync: async function(g, p, M, v, m) {
-        R.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(g, p, M, v, m);
+      scenePreviewAsync: async function(g, p, M, v, w) {
+        R.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(g, p, M, v, w);
         const S = document.createElement("img");
         S.className = "appliance-plugin-fill-scene-snapshot-img", p.append(S), getComputedStyle(p).position || (p.style.position = "relative"), R.currentManager && await R.currentManager.scenePreview(g, S);
       },
-      fillSceneSnapshotAsync: async function(g, p, M, v, m) {
+      fillSceneSnapshotAsync: async function(g, p, M, v, w) {
         var tt, et;
-        R.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), p.innerHTML = "", t.fillSceneSnapshot(g, p, M, v, m);
+        R.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), p.innerHTML = "", t.fillSceneSnapshot(g, p, M, v, w);
         const S = M || ((tt = t.state.cameraState) == null ? void 0 : tt.width) || 0, T = v || ((et = t.state.cameraState) == null ? void 0 : et.height) || 0;
         let N = await this.getBoundingRectAsync(g);
         N || (N = {
@@ -16495,15 +16470,15 @@ const R = class R extends go {
           width: S,
           height: T
         });
-        let w = Math.max(N == null ? void 0 : N.width, S), C = Math.max(N == null ? void 0 : N.height, T), L = 1;
-        const D = w > S && Math.min(S / w, L) || L, A = C > T && Math.min(T / C, L) || L;
-        D <= A ? (w = D < 1 && S || w, C = Math.floor(C * D) + 1, L = D) : D > A && (C = A < 1 && T || C, w = Math.floor(w * A) + 1, L = A);
+        let m = Math.max(N == null ? void 0 : N.width, S), C = Math.max(N == null ? void 0 : N.height, T), L = 1;
+        const D = m > S && Math.min(S / m, L) || L, A = C > T && Math.min(T / C, L) || L;
+        D <= A ? (m = D < 1 && S || m, C = Math.floor(C * D) + 1, L = D) : D > A && (C = A < 1 && T || C, m = Math.floor(m * A) + 1, L = A);
         const E = {
           scale: L,
           centerX: N.originX + N.width / 2,
           centerY: N.originY + N.height / 2
         }, O = document.createElement("canvas"), z = O.getContext("2d");
-        O.width = w, O.height = C, z && await this.screenshotToCanvasAsync(z, g, w, C, E, devicePixelRatio);
+        O.width = m, O.height = C, z && await this.screenshotToCanvasAsync(z, g, m, C, E, devicePixelRatio);
         const j = document.createElement("img");
         j.className = "appliance-plugin-fill-scene-snapshot-img", j.src = O.toDataURL(), j.onload = () => {
           O.remove();
@@ -16740,7 +16715,7 @@ const Le = class Le extends k.Component {
 };
 y(Le, "emiter");
 let fo = Le;
-class Zm extends gw {
+class Zw extends gm {
   constructor(t) {
     super();
     y(this, "kind", "autoDraw");
@@ -16906,7 +16881,7 @@ class Zm extends gw {
 export {
   uo as A,
   Nt as B,
-  Qm as C,
+  Qw as C,
   Ot as D,
   P as E,
   ti as F,
@@ -16917,8 +16892,8 @@ export {
   Rt as K,
   ee as L,
   Mt as M,
-  Zm as N,
-  gw as P,
+  Zw as N,
+  gm as P,
   Vt as S,
   hs as T,
   gg as V,
@@ -16932,15 +16907,15 @@ export {
   B as h,
   RM as i,
   ze as j,
-  Gm as k,
+  Gw as k,
   ei as l,
   ht as m,
-  we as n,
+  me as n,
   Wt as o,
   Ve as p,
   xi as q,
-  Vm as r,
-  Hm as s,
+  Vw as r,
+  Hw as s,
   Ie as t,
   po as u,
   fo as v,