@netless/appliance-plugin 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/appliance-plugin.mjs

@@ -1,18 +1,18 @@
-var Qo = Object.defineProperty;
-var Ho = (n, t, e) => t in n ? Qo(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var p = (n, t, e) => (Ho(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { toJS as no, autorun as ro, isRoom as te, isPlayer as Zt, InvisiblePlugin as so, RoomPhase as Zo } from "white-web-sdk";
+var Ho = Object.defineProperty;
+var Zo = (n, t, e) => t in n ? Ho(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var p = (n, t, e) => (Zo(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { toJS as no, autorun as ro, isRoom as te, isPlayer as Ht, InvisiblePlugin as so, RoomPhase as Go } from "white-web-sdk";
 import "spritejs";
-import { decompress as Go, compress as Vo } from "lz-string";
+import { decompress as Vo, compress as Jo } from "lz-string";
 import "lineclip";
 import ao from "eventemitter2";
 import { cloneDeep as hi } from "lodash";
-import Gt from "react-dom";
-import y, { useContext as ge, useState as J, useMemo as Z, useEffect as re, useRef as He, useCallback as Jo } from "react";
+import Zt from "react-dom";
+import y, { useContext as ge, useState as J, useMemo as Z, useEffect as re, useRef as He, useCallback as Ko } from "react";
 import ct from "react-draggable";
-import { Resizable as Ko } from "re-resizable";
-var H = /* @__PURE__ */ ((n) => (n.selector = "selector", n.clicker = "clicker", n.laserPointer = "laserPointer", n.pencil = "pencil", n.rectangle = "rectangle", n.ellipse = "ellipse", n.shape = "shape", n.eraser = "eraser", n.pencilEraser = "pencilEraser", n.text = "text", n.straight = "straight", n.arrow = "arrow", n.hand = "hand", n.laserPen = "laserPen", n))(H || {}), co = /* @__PURE__ */ ((n) => (n[n.pedding = 0] = "pedding", n[n.mounted = 1] = "mounted", n[n.update = 2] = "update", n[n.unmounted = 3] = "unmounted", n))(co || {}), Pt = /* @__PURE__ */ ((n) => (n.Normal = "Normal", n.Stroke = "Stroke", n.Dotted = "Dotted", n.LongDotted = "LongDotted", n))(Pt || {}), ke = /* @__PURE__ */ ((n) => (n.Triangle = "triangle", n.Rhombus = "rhombus", n.Pentagram = "pentagram", n.SpeechBalloon = "speechBalloon", n.Star = "star", n.Polygon = "polygon", n))(ke || {}), D = /* @__PURE__ */ ((n) => (n.None = "None", n.ShowFloatBar = "ShowFloatBar", n.ZIndexFloatBar = "ZIndexFloatBar", n.DeleteNode = "DeleteNode", n.CopyNode = "CopyNode", n.ZIndexActive = "ZIndexActive", n.ZIndexNode = "ZIndexNode", n.RotateNode = "RotateNode", n.SetColorNode = "SetColorNode", n.TranslateNode = "TranslateNode", n.ScaleNode = "ScaleNode", n.OriginalEvent = "OriginalEvent", n.CreateScene = "CreateScene", n.ActiveCursor = "ActiveCursor", n.MoveCursor = "MoveCursor", n.CommandEditor = "CommandEditor", n.SetEditorData = "SetEditorData", n.SetFontStyle = "SetFontStyle", n.SetPoint = "SetPoint", n.SetLock = "SetLock", n.SetShapeOpt = "SetShapeOpt", n))(D || {}), U = /* @__PURE__ */ ((n) => (n.DisplayState = "DisplayState", n.FloatBar = "FloatBar", n.CanvasSelector = "CanvasSelector", n.MainEngine = "MainEngine", n.DisplayContainer = "DisplayContainer", n.Cursor = "Cursor", n.TextEditor = "TextEditor", n.BindMainView = "BindMainView", n.MountMainView = "MountMainView", n.MountAppView = "MountAppView", n))(U || {}), qo = /* @__PURE__ */ ((n) => (n[n.MainView = 0] = "MainView", n[n.Plugin = 1] = "Plugin", n[n.Both = 2] = "Both", n))(qo || {}), v = /* @__PURE__ */ ((n) => (n[n.Pencil = 1] = "Pencil", n[n.Eraser = 2] = "Eraser", n[n.Selector = 3] = "Selector", n[n.Clicker = 4] = "Clicker", n[n.Arrow = 5] = "Arrow", n[n.Hand = 6] = "Hand", n[n.LaserPen = 7] = "LaserPen", n[n.Text = 8] = "Text", n[n.Straight = 9] = "Straight", n[n.Rectangle = 10] = "Rectangle", n[n.Ellipse = 11] = "Ellipse", n[n.Star = 12] = "Star", n[n.Triangle = 13] = "Triangle", n[n.Rhombus = 14] = "Rhombus", n[n.Polygon = 15] = "Polygon", n[n.SpeechBalloon = 16] = "SpeechBalloon", n[n.Image = 17] = "Image", n))(v || {}), G = /* @__PURE__ */ ((n) => (n[n.Local = 1] = "Local", n[n.Service = 2] = "Service", n[n.Worker = 3] = "Worker", n))(G || {}), C = /* @__PURE__ */ ((n) => (n[n.Pending = 0] = "Pending", n[n.Start = 1] = "Start", n[n.Doing = 2] = "Doing", n[n.Done = 3] = "Done", n[n.Freeze = 4] = "Freeze", n[n.Unwritable = 5] = "Unwritable", n))(C || {}), k = /* @__PURE__ */ ((n) => (n[n.None = 0] = "None", n[n.Init = 1] = "Init", n[n.UpdateCamera = 2] = "UpdateCamera", n[n.UpdateTools = 3] = "UpdateTools", n[n.CreateWork = 4] = "CreateWork", n[n.DrawWork = 5] = "DrawWork", n[n.FullWork = 6] = "FullWork", n[n.UpdateNode = 7] = "UpdateNode", n[n.RemoveNode = 8] = "RemoveNode", n[n.Clear = 9] = "Clear", n[n.Select = 10] = "Select", n[n.Destroy = 11] = "Destroy", n[n.Snapshot = 12] = "Snapshot", n[n.BoundingBox = 13] = "BoundingBox", n[n.Cursor = 14] = "Cursor", n[n.TextUpdate = 15] = "TextUpdate", n[n.GetTextActive = 16] = "GetTextActive", n[n.TasksQueue = 17] = "TasksQueue", n[n.CursorHover = 18] = "CursorHover", n))(k || {}), mt = /* @__PURE__ */ ((n) => (n.Webgl2 = "webgl2", n.Webgl = "webgl", n.Canvas2d = "2d", n))(mt || {}), Oe = /* @__PURE__ */ ((n) => (n[n.Float = 1] = "Float", n[n.Bg = 2] = "Bg", n[n.Selector = 3] = "Selector", n[n.ServiceFloat = 4] = "ServiceFloat", n[n.None = 5] = "None", n))(Oe || {}), _e = /* @__PURE__ */ ((n) => (n[n.Cursor = 1] = "Cursor", n[n.TextCreate = 2] = "TextCreate", n))(_e || {}), Ke = /* @__PURE__ */ ((n) => (n[n.Top = 1] = "Top", n[n.Bottom = 2] = "Bottom", n))(Ke || {}), we = /* @__PURE__ */ ((n) => (n[n.none = 1] = "none", n[n.all = 2] = "all", n[n.both = 3] = "both", n[n.proportional = 4] = "proportional", n))(we || {});
-const _o = {
+import { Resizable as qo } from "re-resizable";
+var H = /* @__PURE__ */ ((n) => (n.selector = "selector", n.clicker = "clicker", n.laserPointer = "laserPointer", n.pencil = "pencil", n.rectangle = "rectangle", n.ellipse = "ellipse", n.shape = "shape", n.eraser = "eraser", n.pencilEraser = "pencilEraser", n.text = "text", n.straight = "straight", n.arrow = "arrow", n.hand = "hand", n.laserPen = "laserPen", n))(H || {}), co = /* @__PURE__ */ ((n) => (n[n.pedding = 0] = "pedding", n[n.mounted = 1] = "mounted", n[n.update = 2] = "update", n[n.unmounted = 3] = "unmounted", n))(co || {}), Yt = /* @__PURE__ */ ((n) => (n.Normal = "Normal", n.Stroke = "Stroke", n.Dotted = "Dotted", n.LongDotted = "LongDotted", n))(Yt || {}), Le = /* @__PURE__ */ ((n) => (n.Triangle = "triangle", n.Rhombus = "rhombus", n.Pentagram = "pentagram", n.SpeechBalloon = "speechBalloon", n.Star = "star", n.Polygon = "polygon", n))(Le || {}), D = /* @__PURE__ */ ((n) => (n.None = "None", n.ShowFloatBar = "ShowFloatBar", n.ZIndexFloatBar = "ZIndexFloatBar", n.DeleteNode = "DeleteNode", n.CopyNode = "CopyNode", n.ZIndexActive = "ZIndexActive", n.ZIndexNode = "ZIndexNode", n.RotateNode = "RotateNode", n.SetColorNode = "SetColorNode", n.TranslateNode = "TranslateNode", n.ScaleNode = "ScaleNode", n.OriginalEvent = "OriginalEvent", n.CreateScene = "CreateScene", n.ActiveCursor = "ActiveCursor", n.MoveCursor = "MoveCursor", n.CommandEditor = "CommandEditor", n.SetEditorData = "SetEditorData", n.SetFontStyle = "SetFontStyle", n.SetPoint = "SetPoint", n.SetLock = "SetLock", n.SetShapeOpt = "SetShapeOpt", n))(D || {}), U = /* @__PURE__ */ ((n) => (n.DisplayState = "DisplayState", n.FloatBar = "FloatBar", n.CanvasSelector = "CanvasSelector", n.MainEngine = "MainEngine", n.DisplayContainer = "DisplayContainer", n.Cursor = "Cursor", n.TextEditor = "TextEditor", n.BindMainView = "BindMainView", n.MountMainView = "MountMainView", n.MountAppView = "MountAppView", n))(U || {}), _o = /* @__PURE__ */ ((n) => (n[n.MainView = 0] = "MainView", n[n.Plugin = 1] = "Plugin", n[n.Both = 2] = "Both", n))(_o || {}), N = /* @__PURE__ */ ((n) => (n[n.Pencil = 1] = "Pencil", n[n.Eraser = 2] = "Eraser", n[n.Selector = 3] = "Selector", n[n.Clicker = 4] = "Clicker", n[n.Arrow = 5] = "Arrow", n[n.Hand = 6] = "Hand", n[n.LaserPen = 7] = "LaserPen", n[n.Text = 8] = "Text", n[n.Straight = 9] = "Straight", n[n.Rectangle = 10] = "Rectangle", n[n.Ellipse = 11] = "Ellipse", n[n.Star = 12] = "Star", n[n.Triangle = 13] = "Triangle", n[n.Rhombus = 14] = "Rhombus", n[n.Polygon = 15] = "Polygon", n[n.SpeechBalloon = 16] = "SpeechBalloon", n[n.Image = 17] = "Image", n))(N || {}), G = /* @__PURE__ */ ((n) => (n[n.Local = 1] = "Local", n[n.Service = 2] = "Service", n[n.Worker = 3] = "Worker", n))(G || {}), C = /* @__PURE__ */ ((n) => (n[n.Pending = 0] = "Pending", n[n.Start = 1] = "Start", n[n.Doing = 2] = "Doing", n[n.Done = 3] = "Done", n[n.Freeze = 4] = "Freeze", n[n.Unwritable = 5] = "Unwritable", n))(C || {}), k = /* @__PURE__ */ ((n) => (n[n.None = 0] = "None", n[n.Init = 1] = "Init", n[n.UpdateCamera = 2] = "UpdateCamera", n[n.UpdateTools = 3] = "UpdateTools", n[n.CreateWork = 4] = "CreateWork", n[n.DrawWork = 5] = "DrawWork", n[n.FullWork = 6] = "FullWork", n[n.UpdateNode = 7] = "UpdateNode", n[n.RemoveNode = 8] = "RemoveNode", n[n.Clear = 9] = "Clear", n[n.Select = 10] = "Select", n[n.Destroy = 11] = "Destroy", n[n.Snapshot = 12] = "Snapshot", n[n.BoundingBox = 13] = "BoundingBox", n[n.Cursor = 14] = "Cursor", n[n.TextUpdate = 15] = "TextUpdate", n[n.GetTextActive = 16] = "GetTextActive", n[n.TasksQueue = 17] = "TasksQueue", n[n.CursorHover = 18] = "CursorHover", n))(k || {}), Gt = /* @__PURE__ */ ((n) => (n.Webgl2 = "webgl2", n.Webgl = "webgl", n.Canvas2d = "2d", n))(Gt || {}), Oe = /* @__PURE__ */ ((n) => (n[n.Float = 1] = "Float", n[n.Bg = 2] = "Bg", n[n.Selector = 3] = "Selector", n[n.ServiceFloat = 4] = "ServiceFloat", n[n.None = 5] = "None", n))(Oe || {}), _e = /* @__PURE__ */ ((n) => (n[n.Cursor = 1] = "Cursor", n[n.TextCreate = 2] = "TextCreate", n))(_e || {}), Ke = /* @__PURE__ */ ((n) => (n[n.Top = 1] = "Top", n[n.Bottom = 2] = "Bottom", n))(Ke || {}), we = /* @__PURE__ */ ((n) => (n[n.none = 1] = "none", n[n.all = 2] = "all", n[n.both = 3] = "both", n[n.proportional = 4] = "proportional", n))(we || {});
+const Xo = {
   linear: (n) => n,
   easeInQuad: (n) => n * n,
   easeOutQuad: (n) => n * (2 - n),
@@ -391,8 +391,8 @@ class L {
   static PointsBetween(t, e, i = 6) {
     const o = [];
     for (let r = 0; r < i; r++) {
-      const s = _o.easeInQuad(r / (i - 1)), a = L.Lrp(t, e, s);
-      a.z = Math.min(1, 0.5 + Math.abs(0.5 - Xo(s)) * 0.65), o.push(a);
+      const s = Xo.easeInQuad(r / (i - 1)), a = L.Lrp(t, e, s);
+      a.z = Math.min(1, 0.5 + Math.abs(0.5 - en(s)) * 0.65), o.push(a);
     }
     return o;
   }
@@ -400,7 +400,7 @@ class L {
     return new L(Math.round(t.x / e) * e, Math.round(t.y / e) * e);
   }
 }
-const Xo = (n) => n < 0.5 ? 2 * n * n : -1 + (4 - 2 * n) * n;
+const en = (n) => n < 0.5 ? 2 * n * n : -1 + (4 - 2 * n) * n;
 class ne extends L {
   constructor(t = 0, e = 0, i = 0, o = { x: 0, y: 0 }, r = 0, s = 0) {
     super(t, e, i), this.x = t, this.y = e, this.z = i, this.v = o, this.t = r, this.a = s;
@@ -502,72 +502,72 @@ var ht = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Ze(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var en = typeof ht == "object" && ht && ht.Object === Object && ht, lo = en, tn = lo, on = typeof self == "object" && self && self.Object === Object && self, nn = tn || on || Function("return this")(), xe = nn, rn = xe, sn = rn.Symbol, Tt = sn, ui = Tt, ho = Object.prototype, an = ho.hasOwnProperty, cn = ho.toString, st = ui ? ui.toStringTag : void 0;
-function ln(n) {
-  var t = an.call(n, st), e = n[st];
+var tn = typeof ht == "object" && ht && ht.Object === Object && ht, lo = tn, on = lo, nn = typeof self == "object" && self && self.Object === Object && self, rn = on || nn || Function("return this")(), xe = rn, sn = xe, an = sn.Symbol, mt = an, ui = mt, ho = Object.prototype, cn = ho.hasOwnProperty, ln = ho.toString, st = ui ? ui.toStringTag : void 0;
+function hn(n) {
+  var t = cn.call(n, st), e = n[st];
   try {
     n[st] = void 0;
     var i = !0;
   } catch {
   }
-  var o = cn.call(n);
+  var o = ln.call(n);
   return i && (t ? n[st] = e : delete n[st]), o;
 }
-var hn = ln, un = Object.prototype, dn = un.toString;
-function gn(n) {
-  return dn.call(n);
+var un = hn, dn = Object.prototype, gn = dn.toString;
+function Mn(n) {
+  return gn.call(n);
 }
-var Mn = gn, di = Tt, pn = hn, fn = Mn, yn = "[object Null]", In = "[object Undefined]", gi = di ? di.toStringTag : void 0;
-function vn(n) {
-  return n == null ? n === void 0 ? In : yn : gi && gi in Object(n) ? pn(n) : fn(n);
-}
-var Ge = vn;
+var pn = Mn, di = mt, fn = un, yn = pn, In = "[object Null]", vn = "[object Undefined]", gi = di ? di.toStringTag : void 0;
 function Nn(n) {
+  return n == null ? n === void 0 ? vn : In : gi && gi in Object(n) ? fn(n) : yn(n);
+}
+var Ge = Nn;
+function wn(n) {
   return n != null && typeof n == "object";
 }
-var Be = Nn, wn = Ge, mn = Be, Tn = "[object Number]";
-function zn(n) {
-  return typeof n == "number" || mn(n) && wn(n) == Tn;
+var Be = wn, mn = Ge, Tn = Be, zn = "[object Number]";
+function jn(n) {
+  return typeof n == "number" || Tn(n) && mn(n) == zn;
 }
-var jn = zn;
-const le = /* @__PURE__ */ Ze(jn);
-function Cn() {
+var Cn = jn;
+const le = /* @__PURE__ */ Ze(Cn);
+function Dn() {
   this.__data__ = [], this.size = 0;
 }
-var Dn = Cn;
-function Sn(n, t) {
+var Sn = Dn;
+function xn(n, t) {
   return n === t || n !== n && t !== t;
 }
-var Vt = Sn, xn = Vt;
+var Vt = xn, Ln = Vt;
 function kn(n, t) {
   for (var e = n.length; e--; )
-    if (xn(n[e][0], t))
+    if (Ln(n[e][0], t))
       return e;
   return -1;
 }
-var zt = kn, Ln = zt, An = Array.prototype, bn = An.splice;
-function En(n) {
-  var t = this.__data__, e = Ln(t, n);
+var Tt = kn, An = Tt, bn = Array.prototype, En = bn.splice;
+function On(n) {
+  var t = this.__data__, e = An(t, n);
   if (e < 0)
     return !1;
   var i = t.length - 1;
-  return e == i ? t.pop() : bn.call(t, e, 1), --this.size, !0;
+  return e == i ? t.pop() : En.call(t, e, 1), --this.size, !0;
 }
-var On = En, Yn = zt;
-function Pn(n) {
-  var t = this.__data__, e = Yn(t, n);
+var Yn = On, Pn = Tt;
+function Rn(n) {
+  var t = this.__data__, e = Pn(t, n);
   return e < 0 ? void 0 : t[e][1];
 }
-var Rn = Pn, Bn = zt;
-function Wn(n) {
-  return Bn(this.__data__, n) > -1;
+var Bn = Rn, Wn = Tt;
+function Un(n) {
+  return Wn(this.__data__, n) > -1;
 }
-var Un = Wn, $n = zt;
-function Fn(n, t) {
-  var e = this.__data__, i = $n(e, n);
+var $n = Un, Fn = Tt;
+function Qn(n, t) {
+  var e = this.__data__, i = Fn(e, n);
   return i < 0 ? (++this.size, e.push([n, t])) : e[i][1] = t, this;
 }
-var Qn = Fn, Hn = Dn, Zn = On, Gn = Rn, Vn = Un, Jn = Qn;
+var Hn = Qn, Zn = Sn, Gn = Yn, Vn = Bn, Jn = $n, Kn = Hn;
 function tt(n) {
   var t = -1, e = n == null ? 0 : n.length;
   for (this.clear(); ++t < e; ) {
@@ -575,52 +575,52 @@ function tt(n) {
     this.set(i[0], i[1]);
   }
 }
-tt.prototype.clear = Hn;
-tt.prototype.delete = Zn;
-tt.prototype.get = Gn;
-tt.prototype.has = Vn;
-tt.prototype.set = Jn;
-var jt = tt, Kn = jt;
-function qn() {
-  this.__data__ = new Kn(), this.size = 0;
+tt.prototype.clear = Zn;
+tt.prototype.delete = Gn;
+tt.prototype.get = Vn;
+tt.prototype.has = Jn;
+tt.prototype.set = Kn;
+var zt = tt, qn = zt;
+function _n() {
+  this.__data__ = new qn(), this.size = 0;
 }
-var _n = qn;
-function Xn(n) {
+var Xn = _n;
+function er(n) {
   var t = this.__data__, e = t.delete(n);
   return this.size = t.size, e;
 }
-var er = Xn;
-function tr(n) {
+var tr = er;
+function ir(n) {
   return this.__data__.get(n);
 }
-var ir = tr;
-function or(n) {
+var or = ir;
+function nr(n) {
   return this.__data__.has(n);
 }
-var nr = or;
-function rr(n) {
+var rr = nr;
+function sr(n) {
   var t = typeof n;
   return n != null && (t == "object" || t == "function");
 }
-var Ue = rr, sr = Ge, ar = Ue, cr = "[object AsyncFunction]", lr = "[object Function]", hr = "[object GeneratorFunction]", ur = "[object Proxy]";
-function dr(n) {
-  if (!ar(n))
+var Ue = sr, ar = Ge, cr = Ue, lr = "[object AsyncFunction]", hr = "[object Function]", ur = "[object GeneratorFunction]", dr = "[object Proxy]";
+function gr(n) {
+  if (!cr(n))
     return !1;
-  var t = sr(n);
-  return t == lr || t == hr || t == cr || t == ur;
+  var t = ar(n);
+  return t == hr || t == ur || t == lr || t == dr;
 }
-var uo = dr, gr = xe, Mr = gr["__core-js_shared__"], pr = Mr, At = pr, Mi = function() {
-  var n = /[^.]+$/.exec(At && At.keys && At.keys.IE_PROTO || "");
+var uo = gr, Mr = xe, pr = Mr["__core-js_shared__"], fr = pr, kt = fr, Mi = function() {
+  var n = /[^.]+$/.exec(kt && kt.keys && kt.keys.IE_PROTO || "");
   return n ? "Symbol(src)_1." + n : "";
 }();
-function fr(n) {
+function yr(n) {
   return !!Mi && Mi in n;
 }
-var yr = fr, Ir = Function.prototype, vr = Ir.toString;
-function Nr(n) {
+var Ir = yr, vr = Function.prototype, Nr = vr.toString;
+function wr(n) {
   if (n != null) {
     try {
-      return vr.call(n);
+      return Nr.call(n);
     } catch {
     }
     try {
@@ -630,53 +630,53 @@ function Nr(n) {
   }
   return "";
 }
-var go = Nr, wr = uo, mr = yr, Tr = Ue, zr = go, jr = /[\\^$.*+?()[\]{}|]/g, Cr = /^\[object .+?Constructor\]$/, Dr = Function.prototype, Sr = Object.prototype, xr = Dr.toString, kr = Sr.hasOwnProperty, Lr = RegExp(
-  "^" + xr.call(kr).replace(jr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var go = wr, mr = uo, Tr = Ir, zr = Ue, jr = go, Cr = /[\\^$.*+?()[\]{}|]/g, Dr = /^\[object .+?Constructor\]$/, Sr = Function.prototype, xr = Object.prototype, Lr = Sr.toString, kr = xr.hasOwnProperty, Ar = RegExp(
+  "^" + Lr.call(kr).replace(Cr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function Ar(n) {
-  if (!Tr(n) || mr(n))
+function br(n) {
+  if (!zr(n) || Tr(n))
     return !1;
-  var t = wr(n) ? Lr : Cr;
-  return t.test(zr(n));
+  var t = mr(n) ? Ar : Dr;
+  return t.test(jr(n));
 }
-var br = Ar;
-function Er(n, t) {
+var Er = br;
+function Or(n, t) {
   return n == null ? void 0 : n[t];
 }
-var Or = Er, Yr = br, Pr = Or;
-function Rr(n, t) {
-  var e = Pr(n, t);
-  return Yr(e) ? e : void 0;
+var Yr = Or, Pr = Er, Rr = Yr;
+function Br(n, t) {
+  var e = Rr(n, t);
+  return Pr(e) ? e : void 0;
 }
-var Ve = Rr, Br = Ve, Wr = xe, Ur = Br(Wr, "Map"), Jt = Ur, $r = Ve, Fr = $r(Object, "create"), Ct = Fr, pi = Ct;
-function Qr() {
+var Ve = Br, Wr = Ve, Ur = xe, $r = Wr(Ur, "Map"), Jt = $r, Fr = Ve, Qr = Fr(Object, "create"), jt = Qr, pi = jt;
+function Hr() {
   this.__data__ = pi ? pi(null) : {}, this.size = 0;
 }
-var Hr = Qr;
-function Zr(n) {
+var Zr = Hr;
+function Gr(n) {
   var t = this.has(n) && delete this.__data__[n];
   return this.size -= t ? 1 : 0, t;
 }
-var Gr = Zr, Vr = Ct, Jr = "__lodash_hash_undefined__", Kr = Object.prototype, qr = Kr.hasOwnProperty;
-function _r(n) {
+var Vr = Gr, Jr = jt, Kr = "__lodash_hash_undefined__", qr = Object.prototype, _r = qr.hasOwnProperty;
+function Xr(n) {
   var t = this.__data__;
-  if (Vr) {
+  if (Jr) {
     var e = t[n];
-    return e === Jr ? void 0 : e;
+    return e === Kr ? void 0 : e;
   }
-  return qr.call(t, n) ? t[n] : void 0;
+  return _r.call(t, n) ? t[n] : void 0;
 }
-var Xr = _r, es = Ct, ts = Object.prototype, is = ts.hasOwnProperty;
-function os(n) {
+var es = Xr, ts = jt, is = Object.prototype, os = is.hasOwnProperty;
+function ns(n) {
   var t = this.__data__;
-  return es ? t[n] !== void 0 : is.call(t, n);
+  return ts ? t[n] !== void 0 : os.call(t, n);
 }
-var ns = os, rs = Ct, ss = "__lodash_hash_undefined__";
-function as(n, t) {
+var rs = ns, ss = jt, as = "__lodash_hash_undefined__";
+function cs(n, t) {
   var e = this.__data__;
-  return this.size += this.has(n) ? 0 : 1, e[n] = rs && t === void 0 ? ss : t, this;
+  return this.size += this.has(n) ? 0 : 1, e[n] = ss && t === void 0 ? as : t, this;
 }
-var cs = as, ls = Hr, hs = Gr, us = Xr, ds = ns, gs = cs;
+var ls = cs, hs = Zr, us = Vr, ds = es, gs = rs, Ms = ls;
 function it(n) {
   var t = -1, e = n == null ? 0 : n.length;
   for (this.clear(); ++t < e; ) {
@@ -684,48 +684,48 @@ function it(n) {
     this.set(i[0], i[1]);
   }
 }
-it.prototype.clear = ls;
-it.prototype.delete = hs;
-it.prototype.get = us;
-it.prototype.has = ds;
-it.prototype.set = gs;
-var Ms = it, fi = Ms, ps = jt, fs = Jt;
-function ys() {
+it.prototype.clear = hs;
+it.prototype.delete = us;
+it.prototype.get = ds;
+it.prototype.has = gs;
+it.prototype.set = Ms;
+var ps = it, fi = ps, fs = zt, ys = Jt;
+function Is() {
   this.size = 0, this.__data__ = {
     hash: new fi(),
-    map: new (fs || ps)(),
+    map: new (ys || fs)(),
     string: new fi()
   };
 }
-var Is = ys;
-function vs(n) {
+var vs = Is;
+function Ns(n) {
   var t = typeof n;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? n !== "__proto__" : n === null;
 }
-var Ns = vs, ws = Ns;
-function ms(n, t) {
+var ws = Ns, ms = ws;
+function Ts(n, t) {
   var e = n.__data__;
-  return ws(t) ? e[typeof t == "string" ? "string" : "hash"] : e.map;
+  return ms(t) ? e[typeof t == "string" ? "string" : "hash"] : e.map;
 }
-var Dt = ms, Ts = Dt;
-function zs(n) {
-  var t = Ts(this, n).delete(n);
+var Ct = Ts, zs = Ct;
+function js(n) {
+  var t = zs(this, n).delete(n);
   return this.size -= t ? 1 : 0, t;
 }
-var js = zs, Cs = Dt;
-function Ds(n) {
-  return Cs(this, n).get(n);
+var Cs = js, Ds = Ct;
+function Ss(n) {
+  return Ds(this, n).get(n);
 }
-var Ss = Ds, xs = Dt;
+var xs = Ss, Ls = Ct;
 function ks(n) {
-  return xs(this, n).has(n);
+  return Ls(this, n).has(n);
 }
-var Ls = ks, As = Dt;
-function bs(n, t) {
-  var e = As(this, n), i = e.size;
+var As = ks, bs = Ct;
+function Es(n, t) {
+  var e = bs(this, n), i = e.size;
   return e.set(n, t), this.size += e.size == i ? 0 : 1, this;
 }
-var Es = bs, Os = Is, Ys = js, Ps = Ss, Rs = Ls, Bs = Es;
+var Os = Es, Ys = vs, Ps = Cs, Rs = xs, Bs = As, Ws = Os;
 function ot(n) {
   var t = -1, e = n == null ? 0 : n.length;
   for (this.clear(); ++t < e; ) {
@@ -733,46 +733,46 @@ function ot(n) {
     this.set(i[0], i[1]);
   }
 }
-ot.prototype.clear = Os;
-ot.prototype.delete = Ys;
-ot.prototype.get = Ps;
-ot.prototype.has = Rs;
-ot.prototype.set = Bs;
-var Mo = ot, Ws = jt, Us = Jt, $s = Mo, Fs = 200;
-function Qs(n, t) {
+ot.prototype.clear = Ys;
+ot.prototype.delete = Ps;
+ot.prototype.get = Rs;
+ot.prototype.has = Bs;
+ot.prototype.set = Ws;
+var Mo = ot, Us = zt, $s = Jt, Fs = Mo, Qs = 200;
+function Hs(n, t) {
   var e = this.__data__;
-  if (e instanceof Ws) {
+  if (e instanceof Us) {
     var i = e.__data__;
-    if (!Us || i.length < Fs - 1)
+    if (!$s || i.length < Qs - 1)
       return i.push([n, t]), this.size = ++e.size, this;
-    e = this.__data__ = new $s(i);
+    e = this.__data__ = new Fs(i);
   }
   return e.set(n, t), this.size = e.size, this;
 }
-var Hs = Qs, Zs = jt, Gs = _n, Vs = er, Js = ir, Ks = nr, qs = Hs;
+var Zs = Hs, Gs = zt, Vs = Xn, Js = tr, Ks = or, qs = rr, _s = Zs;
 function nt(n) {
-  var t = this.__data__ = new Zs(n);
+  var t = this.__data__ = new Gs(n);
   this.size = t.size;
 }
-nt.prototype.clear = Gs;
-nt.prototype.delete = Vs;
-nt.prototype.get = Js;
-nt.prototype.has = Ks;
-nt.prototype.set = qs;
+nt.prototype.clear = Vs;
+nt.prototype.delete = Js;
+nt.prototype.get = Ks;
+nt.prototype.has = qs;
+nt.prototype.set = _s;
 var po = nt;
-function _s(n, t) {
+function Xs(n, t) {
   for (var e = -1, i = n == null ? 0 : n.length; ++e < i && t(n[e], e, n) !== !1; )
     ;
   return n;
 }
-var Xs = _s, ea = Ve, ta = function() {
+var ea = Xs, ta = Ve, ia = function() {
   try {
-    var n = ea(Object, "defineProperty");
+    var n = ta(Object, "defineProperty");
     return n({}, "", {}), n;
   } catch {
   }
-}(), ia = ta, yi = ia;
-function oa(n, t, e) {
+}(), oa = ia, yi = oa;
+function na(n, t, e) {
   t == "__proto__" && yi ? yi(n, t, {
     configurable: !0,
     enumerable: !0,
@@ -780,67 +780,67 @@ function oa(n, t, e) {
     writable: !0
   }) : n[t] = e;
 }
-var fo = oa, na = fo, ra = Vt, sa = Object.prototype, aa = sa.hasOwnProperty;
-function ca(n, t, e) {
+var fo = na, ra = fo, sa = Vt, aa = Object.prototype, ca = aa.hasOwnProperty;
+function la(n, t, e) {
   var i = n[t];
-  (!(aa.call(n, t) && ra(i, e)) || e === void 0 && !(t in n)) && na(n, t, e);
+  (!(ca.call(n, t) && sa(i, e)) || e === void 0 && !(t in n)) && ra(n, t, e);
 }
-var yo = ca, la = yo, ha = fo;
-function ua(n, t, e, i) {
+var yo = la, ha = yo, ua = fo;
+function da(n, t, e, i) {
   var o = !e;
   e || (e = {});
   for (var r = -1, s = t.length; ++r < s; ) {
     var a = t[r], c = i ? i(e[a], n[a], a, e, n) : void 0;
-    c === void 0 && (c = n[a]), o ? ha(e, a, c) : la(e, a, c);
+    c === void 0 && (c = n[a]), o ? ua(e, a, c) : ha(e, a, c);
   }
   return e;
 }
-var St = ua;
-function da(n, t) {
+var Dt = da;
+function ga(n, t) {
   for (var e = -1, i = Array(n); ++e < n; )
     i[e] = t(e);
   return i;
 }
-var ga = da, Ma = Ge, pa = Be, fa = "[object Arguments]";
-function ya(n) {
-  return pa(n) && Ma(n) == fa;
+var Ma = ga, pa = Ge, fa = Be, ya = "[object Arguments]";
+function Ia(n) {
+  return fa(n) && pa(n) == ya;
 }
-var Ia = ya, Ii = Ia, va = Be, Io = Object.prototype, Na = Io.hasOwnProperty, wa = Io.propertyIsEnumerable, ma = Ii(/* @__PURE__ */ function() {
+var va = Ia, Ii = va, Na = Be, Io = Object.prototype, wa = Io.hasOwnProperty, ma = Io.propertyIsEnumerable, Ta = Ii(/* @__PURE__ */ function() {
   return arguments;
 }()) ? Ii : function(n) {
-  return va(n) && Na.call(n, "callee") && !wa.call(n, "callee");
-}, Ta = ma, za = Array.isArray, xt = za, yt = { exports: {} };
-function ja() {
+  return Na(n) && wa.call(n, "callee") && !ma.call(n, "callee");
+}, za = Ta, ja = Array.isArray, St = ja, yt = { exports: {} };
+function Ca() {
   return !1;
 }
-var Ca = ja;
+var Da = Ca;
 yt.exports;
 (function(n, t) {
-  var e = xe, i = Ca, o = t && !t.nodeType && t, r = o && !0 && n && !n.nodeType && n, s = r && r.exports === o, a = s ? e.Buffer : void 0, c = a ? a.isBuffer : void 0, l = c || i;
+  var e = xe, i = Da, o = t && !t.nodeType && t, r = o && !0 && n && !n.nodeType && n, s = r && r.exports === o, a = s ? e.Buffer : void 0, c = a ? a.isBuffer : void 0, l = c || i;
   n.exports = l;
 })(yt, yt.exports);
-var Kt = yt.exports, Da = 9007199254740991, Sa = /^(?:0|[1-9]\d*)$/;
-function xa(n, t) {
+var Kt = yt.exports, Sa = 9007199254740991, xa = /^(?:0|[1-9]\d*)$/;
+function La(n, t) {
   var e = typeof n;
-  return t = t ?? Da, !!t && (e == "number" || e != "symbol" && Sa.test(n)) && n > -1 && n % 1 == 0 && n < t;
+  return t = t ?? Sa, !!t && (e == "number" || e != "symbol" && xa.test(n)) && n > -1 && n % 1 == 0 && n < t;
 }
-var ka = xa, La = 9007199254740991;
-function Aa(n) {
-  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= La;
+var ka = La, Aa = 9007199254740991;
+function ba(n) {
+  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= Aa;
 }
-var vo = Aa, ba = Ge, Ea = vo, Oa = Be, Ya = "[object Arguments]", Pa = "[object Array]", Ra = "[object Boolean]", Ba = "[object Date]", Wa = "[object Error]", Ua = "[object Function]", $a = "[object Map]", Fa = "[object Number]", Qa = "[object Object]", Ha = "[object RegExp]", Za = "[object Set]", Ga = "[object String]", Va = "[object WeakMap]", Ja = "[object ArrayBuffer]", Ka = "[object DataView]", qa = "[object Float32Array]", _a = "[object Float64Array]", Xa = "[object Int8Array]", ec = "[object Int16Array]", tc = "[object Int32Array]", ic = "[object Uint8Array]", oc = "[object Uint8ClampedArray]", nc = "[object Uint16Array]", rc = "[object Uint32Array]", oe = {};
-oe[qa] = oe[_a] = oe[Xa] = oe[ec] = oe[tc] = oe[ic] = oe[oc] = oe[nc] = oe[rc] = !0;
-oe[Ya] = oe[Pa] = oe[Ja] = oe[Ra] = oe[Ka] = oe[Ba] = oe[Wa] = oe[Ua] = oe[$a] = oe[Fa] = oe[Qa] = oe[Ha] = oe[Za] = oe[Ga] = oe[Va] = !1;
-function sc(n) {
-  return Oa(n) && Ea(n.length) && !!oe[ba(n)];
+var vo = ba, Ea = Ge, Oa = vo, Ya = Be, Pa = "[object Arguments]", Ra = "[object Array]", Ba = "[object Boolean]", Wa = "[object Date]", Ua = "[object Error]", $a = "[object Function]", Fa = "[object Map]", Qa = "[object Number]", Ha = "[object Object]", Za = "[object RegExp]", Ga = "[object Set]", Va = "[object String]", Ja = "[object WeakMap]", Ka = "[object ArrayBuffer]", qa = "[object DataView]", _a = "[object Float32Array]", Xa = "[object Float64Array]", ec = "[object Int8Array]", tc = "[object Int16Array]", ic = "[object Int32Array]", oc = "[object Uint8Array]", nc = "[object Uint8ClampedArray]", rc = "[object Uint16Array]", sc = "[object Uint32Array]", oe = {};
+oe[_a] = oe[Xa] = oe[ec] = oe[tc] = oe[ic] = oe[oc] = oe[nc] = oe[rc] = oe[sc] = !0;
+oe[Pa] = oe[Ra] = oe[Ka] = oe[Ba] = oe[qa] = oe[Wa] = oe[Ua] = oe[$a] = oe[Fa] = oe[Qa] = oe[Ha] = oe[Za] = oe[Ga] = oe[Va] = oe[Ja] = !1;
+function ac(n) {
+  return Ya(n) && Oa(n.length) && !!oe[Ea(n)];
 }
-var ac = sc;
-function cc(n) {
+var cc = ac;
+function lc(n) {
   return function(t) {
     return n(t);
   };
 }
-var qt = cc, It = { exports: {} };
+var qt = lc, It = { exports: {} };
 It.exports;
 (function(n, t) {
   var e = lo, i = t && !t.nodeType && t, o = i && !0 && n && !n.nodeType && n, r = o && o.exports === i, s = r && e.process, a = function() {
@@ -852,75 +852,75 @@ It.exports;
   }();
   n.exports = a;
 })(It, It.exports);
-var _t = It.exports, lc = ac, hc = qt, vi = _t, Ni = vi && vi.isTypedArray, uc = Ni ? hc(Ni) : lc, No = uc, dc = ga, gc = Ta, Mc = xt, pc = Kt, fc = ka, yc = No, Ic = Object.prototype, vc = Ic.hasOwnProperty;
-function Nc(n, t) {
-  var e = Mc(n), i = !e && gc(n), o = !e && !i && pc(n), r = !e && !i && !o && yc(n), s = e || i || o || r, a = s ? dc(n.length, String) : [], c = a.length;
+var _t = It.exports, hc = cc, uc = qt, vi = _t, Ni = vi && vi.isTypedArray, dc = Ni ? uc(Ni) : hc, No = dc, gc = Ma, Mc = za, pc = St, fc = Kt, yc = ka, Ic = No, vc = Object.prototype, Nc = vc.hasOwnProperty;
+function wc(n, t) {
+  var e = pc(n), i = !e && Mc(n), o = !e && !i && fc(n), r = !e && !i && !o && Ic(n), s = e || i || o || r, a = s ? gc(n.length, String) : [], c = a.length;
   for (var l in n)
-    (t || vc.call(n, l)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (t || Nc.call(n, l)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
     (l == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     o && (l == "offset" || l == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     r && (l == "buffer" || l == "byteLength" || l == "byteOffset") || // Skip index properties.
-    fc(l, c))) && a.push(l);
+    yc(l, c))) && a.push(l);
   return a;
 }
-var wo = Nc, wc = Object.prototype;
-function mc(n) {
-  var t = n && n.constructor, e = typeof t == "function" && t.prototype || wc;
+var wo = wc, mc = Object.prototype;
+function Tc(n) {
+  var t = n && n.constructor, e = typeof t == "function" && t.prototype || mc;
   return n === e;
 }
-var Xt = mc;
-function Tc(n, t) {
+var Xt = Tc;
+function zc(n, t) {
   return function(e) {
     return n(t(e));
   };
 }
-var mo = Tc, zc = mo, jc = zc(Object.keys, Object), Cc = jc, Dc = Xt, Sc = Cc, xc = Object.prototype, kc = xc.hasOwnProperty;
-function Lc(n) {
-  if (!Dc(n))
-    return Sc(n);
+var mo = zc, jc = mo, Cc = jc(Object.keys, Object), Dc = Cc, Sc = Xt, xc = Dc, Lc = Object.prototype, kc = Lc.hasOwnProperty;
+function Ac(n) {
+  if (!Sc(n))
+    return xc(n);
   var t = [];
   for (var e in Object(n))
     kc.call(n, e) && e != "constructor" && t.push(e);
   return t;
 }
-var Ac = Lc, bc = uo, Ec = vo;
-function Oc(n) {
-  return n != null && Ec(n.length) && !bc(n);
+var bc = Ac, Ec = uo, Oc = vo;
+function Yc(n) {
+  return n != null && Oc(n.length) && !Ec(n);
 }
-var To = Oc, Yc = wo, Pc = Ac, Rc = To;
-function Bc(n) {
-  return Rc(n) ? Yc(n) : Pc(n);
+var To = Yc, Pc = wo, Rc = bc, Bc = To;
+function Wc(n) {
+  return Bc(n) ? Pc(n) : Rc(n);
 }
-var ei = Bc, Wc = St, Uc = ei;
-function $c(n, t) {
-  return n && Wc(t, Uc(t), n);
+var ei = Wc, Uc = Dt, $c = ei;
+function Fc(n, t) {
+  return n && Uc(t, $c(t), n);
 }
-var Fc = $c;
-function Qc(n) {
+var Qc = Fc;
+function Hc(n) {
   var t = [];
   if (n != null)
     for (var e in Object(n))
       t.push(e);
   return t;
 }
-var Hc = Qc, Zc = Ue, Gc = Xt, Vc = Hc, Jc = Object.prototype, Kc = Jc.hasOwnProperty;
-function qc(n) {
-  if (!Zc(n))
-    return Vc(n);
-  var t = Gc(n), e = [];
+var Zc = Hc, Gc = Ue, Vc = Xt, Jc = Zc, Kc = Object.prototype, qc = Kc.hasOwnProperty;
+function _c(n) {
+  if (!Gc(n))
+    return Jc(n);
+  var t = Vc(n), e = [];
   for (var i in n)
-    i == "constructor" && (t || !Kc.call(n, i)) || e.push(i);
+    i == "constructor" && (t || !qc.call(n, i)) || e.push(i);
   return e;
 }
-var _c = qc, Xc = wo, el = _c, tl = To;
-function il(n) {
-  return tl(n) ? Xc(n, !0) : el(n);
+var Xc = _c, el = wo, tl = Xc, il = To;
+function ol(n) {
+  return il(n) ? el(n, !0) : tl(n);
 }
-var ti = il, ol = St, nl = ti;
-function rl(n, t) {
-  return n && ol(t, nl(t), n);
+var ti = ol, nl = Dt, rl = ti;
+function sl(n, t) {
+  return n && nl(t, rl(t), n);
 }
-var sl = rl, vt = { exports: {} };
+var al = sl, vt = { exports: {} };
 vt.exports;
 (function(n, t) {
   var e = xe, i = t && !t.nodeType && t, o = i && !0 && n && !n.nodeType && n, r = o && o.exports === i, s = r ? e.Buffer : void 0, a = s ? s.allocUnsafe : void 0;
@@ -932,119 +932,118 @@ vt.exports;
   }
   n.exports = c;
 })(vt, vt.exports);
-var al = vt.exports;
-function cl(n, t) {
+var cl = vt.exports;
+function ll(n, t) {
   var e = -1, i = n.length;
   for (t || (t = Array(i)); ++e < i; )
     t[e] = n[e];
   return t;
 }
-var ll = cl;
-function hl(n, t) {
+var hl = ll;
+function ul(n, t) {
   for (var e = -1, i = n == null ? 0 : n.length, o = 0, r = []; ++e < i; ) {
     var s = n[e];
     t(s, e, n) && (r[o++] = s);
   }
   return r;
 }
-var ul = hl;
-function dl() {
+var dl = ul;
+function gl() {
   return [];
 }
-var zo = dl, gl = ul, Ml = zo, pl = Object.prototype, fl = pl.propertyIsEnumerable, wi = Object.getOwnPropertySymbols, yl = wi ? function(n) {
-  return n == null ? [] : (n = Object(n), gl(wi(n), function(t) {
-    return fl.call(n, t);
+var zo = gl, Ml = dl, pl = zo, fl = Object.prototype, yl = fl.propertyIsEnumerable, wi = Object.getOwnPropertySymbols, Il = wi ? function(n) {
+  return n == null ? [] : (n = Object(n), Ml(wi(n), function(t) {
+    return yl.call(n, t);
   }));
-} : Ml, ii = yl, Il = St, vl = ii;
-function Nl(n, t) {
-  return Il(n, vl(n), t);
+} : pl, ii = Il, vl = Dt, Nl = ii;
+function wl(n, t) {
+  return vl(n, Nl(n), t);
 }
-var wl = Nl;
-function ml(n, t) {
+var ml = wl;
+function Tl(n, t) {
   for (var e = -1, i = t.length, o = n.length; ++e < i; )
     n[o + e] = t[e];
   return n;
 }
-var jo = ml, Tl = mo, zl = Tl(Object.getPrototypeOf, Object), Co = zl, jl = jo, Cl = Co, Dl = ii, Sl = zo, xl = Object.getOwnPropertySymbols, kl = xl ? function(n) {
+var jo = Tl, zl = mo, jl = zl(Object.getPrototypeOf, Object), Co = jl, Cl = jo, Dl = Co, Sl = ii, xl = zo, Ll = Object.getOwnPropertySymbols, kl = Ll ? function(n) {
   for (var t = []; n; )
-    jl(t, Dl(n)), n = Cl(n);
+    Cl(t, Sl(n)), n = Dl(n);
   return t;
-} : Sl, Do = kl, Ll = St, Al = Do;
-function bl(n, t) {
-  return Ll(n, Al(n), t);
+} : xl, Do = kl, Al = Dt, bl = Do;
+function El(n, t) {
+  return Al(n, bl(n), t);
 }
-var El = bl, Ol = jo, Yl = xt;
-function Pl(n, t, e) {
+var Ol = El, Yl = jo, Pl = St;
+function Rl(n, t, e) {
   var i = t(n);
-  return Yl(n) ? i : Ol(i, e(n));
+  return Pl(n) ? i : Yl(i, e(n));
 }
-var So = Pl, Rl = So, Bl = ii, Wl = ei;
-function Ul(n) {
-  return Rl(n, Wl, Bl);
+var So = Rl, Bl = So, Wl = ii, Ul = ei;
+function $l(n) {
+  return Bl(n, Ul, Wl);
 }
-var xo = Ul, $l = So, Fl = Do, Ql = ti;
-function Hl(n) {
-  return $l(n, Ql, Fl);
+var xo = $l, Fl = So, Ql = Do, Hl = ti;
+function Zl(n) {
+  return Fl(n, Hl, Ql);
 }
-var Zl = Hl, Gl = Ve, Vl = xe, Jl = Gl(Vl, "DataView"), Kl = Jl, ql = Ve, _l = xe, Xl = ql(_l, "Promise"), eh = Xl, th = Ve, ih = xe, oh = th(ih, "Set"), nh = oh, rh = Ve, sh = xe, ah = rh(sh, "WeakMap"), ch = ah, Rt = Kl, Bt = Jt, Wt = eh, Ut = nh, $t = ch, ko = Ge, rt = go, mi = "[object Map]", lh = "[object Object]", Ti = "[object Promise]", zi = "[object Set]", ji = "[object WeakMap]", Ci = "[object DataView]", hh = rt(Rt), uh = rt(Bt), dh = rt(Wt), gh = rt(Ut), Mh = rt($t), $e = ko;
-(Rt && $e(new Rt(new ArrayBuffer(1))) != Ci || Bt && $e(new Bt()) != mi || Wt && $e(Wt.resolve()) != Ti || Ut && $e(new Ut()) != zi || $t && $e(new $t()) != ji) && ($e = function(n) {
-  var t = ko(n), e = t == lh ? n.constructor : void 0, i = e ? rt(e) : "";
+var Gl = Zl, Vl = Ve, Jl = xe, Kl = Vl(Jl, "DataView"), ql = Kl, _l = Ve, Xl = xe, eh = _l(Xl, "Promise"), th = eh, ih = Ve, oh = xe, nh = ih(oh, "Set"), rh = nh, sh = Ve, ah = xe, ch = sh(ah, "WeakMap"), lh = ch, Pt = ql, Rt = Jt, Bt = th, Wt = rh, Ut = lh, Lo = Ge, rt = go, mi = "[object Map]", hh = "[object Object]", Ti = "[object Promise]", zi = "[object Set]", ji = "[object WeakMap]", Ci = "[object DataView]", uh = rt(Pt), dh = rt(Rt), gh = rt(Bt), Mh = rt(Wt), ph = rt(Ut), $e = Lo;
+(Pt && $e(new Pt(new ArrayBuffer(1))) != Ci || Rt && $e(new Rt()) != mi || Bt && $e(Bt.resolve()) != Ti || Wt && $e(new Wt()) != zi || Ut && $e(new Ut()) != ji) && ($e = function(n) {
+  var t = Lo(n), e = t == hh ? n.constructor : void 0, i = e ? rt(e) : "";
   if (i)
     switch (i) {
-      case hh:
-        return Ci;
       case uh:
-        return mi;
+        return Ci;
       case dh:
-        return Ti;
+        return mi;
       case gh:
-        return zi;
+        return Ti;
       case Mh:
+        return zi;
+      case ph:
         return ji;
     }
   return t;
 });
-var kt = $e, ph = Object.prototype, fh = ph.hasOwnProperty;
-function yh(n) {
+var xt = $e, fh = Object.prototype, yh = fh.hasOwnProperty;
+function Ih(n) {
   var t = n.length, e = new n.constructor(t);
-  return t && typeof n[0] == "string" && fh.call(n, "index") && (e.index = n.index, e.input = n.input), e;
+  return t && typeof n[0] == "string" && yh.call(n, "index") && (e.index = n.index, e.input = n.input), e;
 }
-var Ih = yh, vh = xe, Nh = vh.Uint8Array, Lo = Nh, Di = Lo;
-function wh(n) {
+var vh = Ih, Nh = xe, wh = Nh.Uint8Array, ko = wh, Di = ko;
+function mh(n) {
   var t = new n.constructor(n.byteLength);
   return new Di(t).set(new Di(n)), t;
 }
-var oi = wh, mh = oi;
-function Th(n, t) {
-  var e = t ? mh(n.buffer) : n.buffer;
+var oi = mh, Th = oi;
+function zh(n, t) {
+  var e = t ? Th(n.buffer) : n.buffer;
   return new n.constructor(e, n.byteOffset, n.byteLength);
 }
-var zh = Th, jh = /\w*$/;
-function Ch(n) {
-  var t = new n.constructor(n.source, jh.exec(n));
+var jh = zh, Ch = /\w*$/;
+function Dh(n) {
+  var t = new n.constructor(n.source, Ch.exec(n));
   return t.lastIndex = n.lastIndex, t;
 }
-var Dh = Ch, Si = Tt, xi = Si ? Si.prototype : void 0, ki = xi ? xi.valueOf : void 0;
-function Sh(n) {
-  return ki ? Object(ki.call(n)) : {};
+var Sh = Dh, Si = mt, xi = Si ? Si.prototype : void 0, Li = xi ? xi.valueOf : void 0;
+function xh(n) {
+  return Li ? Object(Li.call(n)) : {};
 }
-var xh = Sh, kh = oi;
-function Lh(n, t) {
+var Lh = xh, kh = oi;
+function Ah(n, t) {
   var e = t ? kh(n.buffer) : n.buffer;
   return new n.constructor(e, n.byteOffset, n.length);
 }
-var Ah = Lh, bh = oi, Eh = zh, Oh = Dh, Yh = xh, Ph = Ah, Rh = "[object Boolean]", Bh = "[object Date]", Wh = "[object Map]", Uh = "[object Number]", $h = "[object RegExp]", Fh = "[object Set]", Qh = "[object String]", Hh = "[object Symbol]", Zh = "[object ArrayBuffer]", Gh = "[object DataView]", Vh = "[object Float32Array]", Jh = "[object Float64Array]", Kh = "[object Int8Array]", qh = "[object Int16Array]", _h = "[object Int32Array]", Xh = "[object Uint8Array]", eu = "[object Uint8ClampedArray]", tu = "[object Uint16Array]", iu = "[object Uint32Array]";
-function ou(n, t, e) {
+var bh = Ah, Eh = oi, Oh = jh, Yh = Sh, Ph = Lh, Rh = bh, Bh = "[object Boolean]", Wh = "[object Date]", Uh = "[object Map]", $h = "[object Number]", Fh = "[object RegExp]", Qh = "[object Set]", Hh = "[object String]", Zh = "[object Symbol]", Gh = "[object ArrayBuffer]", Vh = "[object DataView]", Jh = "[object Float32Array]", Kh = "[object Float64Array]", qh = "[object Int8Array]", _h = "[object Int16Array]", Xh = "[object Int32Array]", eu = "[object Uint8Array]", tu = "[object Uint8ClampedArray]", iu = "[object Uint16Array]", ou = "[object Uint32Array]";
+function nu(n, t, e) {
   var i = n.constructor;
   switch (t) {
-    case Zh:
-      return bh(n);
-    case Rh:
+    case Gh:
+      return Eh(n);
     case Bh:
+    case Wh:
       return new i(+n);
-    case Gh:
-      return Eh(n, e);
     case Vh:
+      return Oh(n, e);
     case Jh:
     case Kh:
     case qh:
@@ -1053,137 +1052,138 @@ function ou(n, t, e) {
     case eu:
     case tu:
     case iu:
-      return Ph(n, e);
-    case Wh:
-      return new i();
+    case ou:
+      return Rh(n, e);
     case Uh:
-    case Qh:
-      return new i(n);
-    case $h:
-      return Oh(n);
-    case Fh:
       return new i();
+    case $h:
     case Hh:
+      return new i(n);
+    case Fh:
       return Yh(n);
+    case Qh:
+      return new i();
+    case Zh:
+      return Ph(n);
   }
 }
-var nu = ou, ru = Ue, Li = Object.create, su = /* @__PURE__ */ function() {
+var ru = nu, su = Ue, ki = Object.create, au = /* @__PURE__ */ function() {
   function n() {
   }
   return function(t) {
-    if (!ru(t))
+    if (!su(t))
       return {};
-    if (Li)
-      return Li(t);
+    if (ki)
+      return ki(t);
     n.prototype = t;
     var e = new n();
     return n.prototype = void 0, e;
   };
-}(), au = su, cu = au, lu = Co, hu = Xt;
-function uu(n) {
-  return typeof n.constructor == "function" && !hu(n) ? cu(lu(n)) : {};
+}(), cu = au, lu = cu, hu = Co, uu = Xt;
+function du(n) {
+  return typeof n.constructor == "function" && !uu(n) ? lu(hu(n)) : {};
 }
-var du = uu, gu = kt, Mu = Be, pu = "[object Map]";
-function fu(n) {
-  return Mu(n) && gu(n) == pu;
+var gu = du, Mu = xt, pu = Be, fu = "[object Map]";
+function yu(n) {
+  return pu(n) && Mu(n) == fu;
 }
-var yu = fu, Iu = yu, vu = qt, Ai = _t, bi = Ai && Ai.isMap, Nu = bi ? vu(bi) : Iu, wu = Nu, mu = kt, Tu = Be, zu = "[object Set]";
-function ju(n) {
-  return Tu(n) && mu(n) == zu;
+var Iu = yu, vu = Iu, Nu = qt, Ai = _t, bi = Ai && Ai.isMap, wu = bi ? Nu(bi) : vu, mu = wu, Tu = xt, zu = Be, ju = "[object Set]";
+function Cu(n) {
+  return zu(n) && Tu(n) == ju;
 }
-var Cu = ju, Du = Cu, Su = qt, Ei = _t, Oi = Ei && Ei.isSet, xu = Oi ? Su(Oi) : Du, ku = xu, Lu = po, Au = Xs, bu = yo, Eu = Fc, Ou = sl, Yu = al, Pu = ll, Ru = wl, Bu = El, Wu = xo, Uu = Zl, $u = kt, Fu = Ih, Qu = nu, Hu = du, Zu = xt, Gu = Kt, Vu = wu, Ju = Ue, Ku = ku, qu = ei, _u = ti, Xu = 1, ed = 2, td = 4, Ao = "[object Arguments]", id = "[object Array]", od = "[object Boolean]", nd = "[object Date]", rd = "[object Error]", bo = "[object Function]", sd = "[object GeneratorFunction]", ad = "[object Map]", cd = "[object Number]", Eo = "[object Object]", ld = "[object RegExp]", hd = "[object Set]", ud = "[object String]", dd = "[object Symbol]", gd = "[object WeakMap]", Md = "[object ArrayBuffer]", pd = "[object DataView]", fd = "[object Float32Array]", yd = "[object Float64Array]", Id = "[object Int8Array]", vd = "[object Int16Array]", Nd = "[object Int32Array]", wd = "[object Uint8Array]", md = "[object Uint8ClampedArray]", Td = "[object Uint16Array]", zd = "[object Uint32Array]", ie = {};
-ie[Ao] = ie[id] = ie[Md] = ie[pd] = ie[od] = ie[nd] = ie[fd] = ie[yd] = ie[Id] = ie[vd] = ie[Nd] = ie[ad] = ie[cd] = ie[Eo] = ie[ld] = ie[hd] = ie[ud] = ie[dd] = ie[wd] = ie[md] = ie[Td] = ie[zd] = !0;
-ie[rd] = ie[bo] = ie[gd] = !1;
+var Du = Cu, Su = Du, xu = qt, Ei = _t, Oi = Ei && Ei.isSet, Lu = Oi ? xu(Oi) : Su, ku = Lu, Au = po, bu = ea, Eu = yo, Ou = Qc, Yu = al, Pu = cl, Ru = hl, Bu = ml, Wu = Ol, Uu = xo, $u = Gl, Fu = xt, Qu = vh, Hu = ru, Zu = gu, Gu = St, Vu = Kt, Ju = mu, Ku = Ue, qu = ku, _u = ei, Xu = ti, ed = 1, td = 2, id = 4, Ao = "[object Arguments]", od = "[object Array]", nd = "[object Boolean]", rd = "[object Date]", sd = "[object Error]", bo = "[object Function]", ad = "[object GeneratorFunction]", cd = "[object Map]", ld = "[object Number]", Eo = "[object Object]", hd = "[object RegExp]", ud = "[object Set]", dd = "[object String]", gd = "[object Symbol]", Md = "[object WeakMap]", pd = "[object ArrayBuffer]", fd = "[object DataView]", yd = "[object Float32Array]", Id = "[object Float64Array]", vd = "[object Int8Array]", Nd = "[object Int16Array]", wd = "[object Int32Array]", md = "[object Uint8Array]", Td = "[object Uint8ClampedArray]", zd = "[object Uint16Array]", jd = "[object Uint32Array]", ie = {};
+ie[Ao] = ie[od] = ie[pd] = ie[fd] = ie[nd] = ie[rd] = ie[yd] = ie[Id] = ie[vd] = ie[Nd] = ie[wd] = ie[cd] = ie[ld] = ie[Eo] = ie[hd] = ie[ud] = ie[dd] = ie[gd] = ie[md] = ie[Td] = ie[zd] = ie[jd] = !0;
+ie[sd] = ie[bo] = ie[Md] = !1;
 function ft(n, t, e, i, o, r) {
-  var s, a = t & Xu, c = t & ed, l = t & td;
+  var s, a = t & ed, c = t & td, l = t & id;
   if (e && (s = o ? e(n, i, o, r) : e(n)), s !== void 0)
     return s;
-  if (!Ju(n))
+  if (!Ku(n))
     return n;
-  var u = Zu(n);
+  var u = Gu(n);
   if (u) {
-    if (s = Fu(n), !a)
-      return Pu(n, s);
+    if (s = Qu(n), !a)
+      return Ru(n, s);
   } else {
-    var h = $u(n), g = h == bo || h == sd;
-    if (Gu(n))
-      return Yu(n, a);
+    var h = Fu(n), g = h == bo || h == ad;
+    if (Vu(n))
+      return Pu(n, a);
     if (h == Eo || h == Ao || g && !o) {
-      if (s = c || g ? {} : Hu(n), !a)
-        return c ? Bu(n, Ou(s, n)) : Ru(n, Eu(s, n));
+      if (s = c || g ? {} : Zu(n), !a)
+        return c ? Wu(n, Yu(s, n)) : Bu(n, Ou(s, n));
     } else {
       if (!ie[h])
         return o ? n : {};
-      s = Qu(n, h, a);
+      s = Hu(n, h, a);
     }
   }
-  r || (r = new Lu());
+  r || (r = new Au());
   var d = r.get(n);
   if (d)
     return d;
-  r.set(n, s), Ku(n) ? n.forEach(function(m) {
+  r.set(n, s), qu(n) ? n.forEach(function(m) {
     s.add(ft(m, t, e, m, n, r));
-  }) : Vu(n) && n.forEach(function(m, M) {
+  }) : Ju(n) && n.forEach(function(m, M) {
     s.set(M, ft(m, t, e, M, n, r));
   });
-  var f = l ? c ? Uu : Wu : c ? _u : qu, N = u ? void 0 : f(n);
-  return Au(N || n, function(m, M) {
-    N && (M = m, m = n[M]), bu(s, M, ft(m, t, e, M, n, r));
+  var f = l ? c ? $u : Uu : c ? Xu : _u, v = u ? void 0 : f(n);
+  return bu(v || n, function(m, M) {
+    v && (M = m, m = n[M]), Eu(s, M, ft(m, t, e, M, n, r));
   }), s;
 }
-var Oo = ft, jd = Oo, Cd = 1, Dd = 4;
-function Sd(n) {
-  return jd(n, Cd | Dd);
+var Oo = ft, Cd = Oo, Dd = 1, Sd = 4;
+function xd(n) {
+  return Cd(n, Dd | Sd);
 }
-var xd = Sd;
-const se = /* @__PURE__ */ Ze(xd);
+var Ld = xd;
+const se = /* @__PURE__ */ Ze(Ld);
 function kd(n) {
-  return JSON.parse(Go(n));
+  return JSON.parse(Vo(n));
 }
-function Ld(n) {
-  return Vo(JSON.stringify(n));
+function Ad(n) {
+  return Jo(JSON.stringify(n));
 }
-const Ne = Object.keys, Ae = "++", O = "selector", Ad = "all";
-var bd = "__lodash_hash_undefined__";
-function Ed(n) {
-  return this.__data__.set(n, bd), this;
+const Ne = Object.keys, Ae = "++", O = "selector", bd = "all";
+var Ed = "__lodash_hash_undefined__";
+function Od(n) {
+  return this.__data__.set(n, Ed), this;
 }
-var Od = Ed;
-function Yd(n) {
+var Yd = Od;
+function Pd(n) {
   return this.__data__.has(n);
 }
-var Pd = Yd, Rd = Mo, Bd = Od, Wd = Pd;
+var Rd = Pd, Bd = Mo, Wd = Yd, Ud = Rd;
 function Nt(n) {
   var t = -1, e = n == null ? 0 : n.length;
-  for (this.__data__ = new Rd(); ++t < e; )
+  for (this.__data__ = new Bd(); ++t < e; )
     this.add(n[t]);
 }
-Nt.prototype.add = Nt.prototype.push = Bd;
-Nt.prototype.has = Wd;
-var Ud = Nt;
-function $d(n, t) {
+Nt.prototype.add = Nt.prototype.push = Wd;
+Nt.prototype.has = Ud;
+var $d = Nt;
+function Fd(n, t) {
   for (var e = -1, i = n == null ? 0 : n.length; ++e < i; )
     if (t(n[e], e, n))
       return !0;
   return !1;
 }
-var Fd = $d;
-function Qd(n, t) {
+var Qd = Fd;
+function Hd(n, t) {
   return n.has(t);
 }
-var Hd = Qd, Zd = Ud, Gd = Fd, Vd = Hd, Jd = 1, Kd = 2;
-function qd(n, t, e, i, o, r) {
-  var s = e & Jd, a = n.length, c = t.length;
+var Zd = Hd, Gd = $d, Vd = Qd, Jd = Zd, Kd = 1, qd = 2;
+function _d(n, t, e, i, o, r) {
+  var s = e & Kd, a = n.length, c = t.length;
   if (a != c && !(s && c > a))
     return !1;
   var l = r.get(n), u = r.get(t);
   if (l && u)
     return l == t && u == n;
-  var h = -1, g = !0, d = e & Kd ? new Zd() : void 0;
+  var h = -1, g = !0, d = e & qd ? new Gd() : void 0;
   for (r.set(n, t), r.set(t, n); ++h < a; ) {
-    var f = n[h], N = t[h];
+    var f = n[h], v = t[h];
     if (i)
-      var m = s ? i(N, f, h, t, n, r) : i(f, N, h, n, t, r);
+      var m = s ? i(v, f, h, t, n, r) : i(f, v, h, n, t, r);
     if (m !== void 0) {
       if (m)
         continue;
@@ -1191,84 +1191,84 @@ function qd(n, t, e, i, o, r) {
       break;
     }
     if (d) {
-      if (!Gd(t, function(M, w) {
-        if (!Vd(d, w) && (f === M || o(f, M, e, i, r)))
+      if (!Vd(t, function(M, w) {
+        if (!Jd(d, w) && (f === M || o(f, M, e, i, r)))
           return d.push(w);
       })) {
         g = !1;
         break;
       }
-    } else if (!(f === N || o(f, N, e, i, r))) {
+    } else if (!(f === v || o(f, v, e, i, r))) {
       g = !1;
       break;
     }
   }
   return r.delete(n), r.delete(t), g;
 }
-var Yo = qd;
-function _d(n) {
+var Yo = _d;
+function Xd(n) {
   var t = -1, e = Array(n.size);
   return n.forEach(function(i, o) {
     e[++t] = [o, i];
   }), e;
 }
-var Xd = _d;
-function eg(n) {
+var eg = Xd;
+function tg(n) {
   var t = -1, e = Array(n.size);
   return n.forEach(function(i) {
     e[++t] = i;
   }), e;
 }
-var tg = eg, Yi = Tt, Pi = Lo, ig = Vt, og = Yo, ng = Xd, rg = tg, sg = 1, ag = 2, cg = "[object Boolean]", lg = "[object Date]", hg = "[object Error]", ug = "[object Map]", dg = "[object Number]", gg = "[object RegExp]", Mg = "[object Set]", pg = "[object String]", fg = "[object Symbol]", yg = "[object ArrayBuffer]", Ig = "[object DataView]", Ri = Yi ? Yi.prototype : void 0, bt = Ri ? Ri.valueOf : void 0;
-function vg(n, t, e, i, o, r, s) {
+var ig = tg, Yi = mt, Pi = ko, og = Vt, ng = Yo, rg = eg, sg = ig, ag = 1, cg = 2, lg = "[object Boolean]", hg = "[object Date]", ug = "[object Error]", dg = "[object Map]", gg = "[object Number]", Mg = "[object RegExp]", pg = "[object Set]", fg = "[object String]", yg = "[object Symbol]", Ig = "[object ArrayBuffer]", vg = "[object DataView]", Ri = Yi ? Yi.prototype : void 0, At = Ri ? Ri.valueOf : void 0;
+function Ng(n, t, e, i, o, r, s) {
   switch (e) {
-    case Ig:
+    case vg:
       if (n.byteLength != t.byteLength || n.byteOffset != t.byteOffset)
         return !1;
       n = n.buffer, t = t.buffer;
-    case yg:
+    case Ig:
       return !(n.byteLength != t.byteLength || !r(new Pi(n), new Pi(t)));
-    case cg:
     case lg:
-    case dg:
-      return ig(+n, +t);
     case hg:
-      return n.name == t.name && n.message == t.message;
     case gg:
-    case pg:
-      return n == t + "";
+      return og(+n, +t);
     case ug:
-      var a = ng;
+      return n.name == t.name && n.message == t.message;
     case Mg:
-      var c = i & sg;
-      if (a || (a = rg), n.size != t.size && !c)
+    case fg:
+      return n == t + "";
+    case dg:
+      var a = rg;
+    case pg:
+      var c = i & ag;
+      if (a || (a = sg), n.size != t.size && !c)
         return !1;
       var l = s.get(n);
       if (l)
         return l == t;
-      i |= ag, s.set(n, t);
-      var u = og(a(n), a(t), i, o, r, s);
+      i |= cg, s.set(n, t);
+      var u = ng(a(n), a(t), i, o, r, s);
       return s.delete(n), u;
-    case fg:
-      if (bt)
-        return bt.call(n) == bt.call(t);
+    case yg:
+      if (At)
+        return At.call(n) == At.call(t);
   }
   return !1;
 }
-var Ng = vg, Bi = xo, wg = 1, mg = Object.prototype, Tg = mg.hasOwnProperty;
-function zg(n, t, e, i, o, r) {
-  var s = e & wg, a = Bi(n), c = a.length, l = Bi(t), u = l.length;
+var wg = Ng, Bi = xo, mg = 1, Tg = Object.prototype, zg = Tg.hasOwnProperty;
+function jg(n, t, e, i, o, r) {
+  var s = e & mg, a = Bi(n), c = a.length, l = Bi(t), u = l.length;
   if (c != u && !s)
     return !1;
   for (var h = c; h--; ) {
     var g = a[h];
-    if (!(s ? g in t : Tg.call(t, g)))
+    if (!(s ? g in t : zg.call(t, g)))
       return !1;
   }
   var d = r.get(n), f = r.get(t);
   if (d && f)
     return d == t && f == n;
-  var N = !0;
+  var v = !0;
   r.set(n, t), r.set(t, n);
   for (var m = s; ++h < c; ) {
     g = a[h];
@@ -1276,19 +1276,19 @@ function zg(n, t, e, i, o, r) {
     if (i)
       var I = s ? i(w, M, g, t, n, r) : i(M, w, g, n, t, r);
     if (!(I === void 0 ? M === w || o(M, w, e, i, r) : I)) {
-      N = !1;
+      v = !1;
       break;
     }
     m || (m = g == "constructor");
   }
-  if (N && !m) {
+  if (v && !m) {
     var z = n.constructor, T = t.constructor;
-    z != T && "constructor" in n && "constructor" in t && !(typeof z == "function" && z instanceof z && typeof T == "function" && T instanceof T) && (N = !1);
+    z != T && "constructor" in n && "constructor" in t && !(typeof z == "function" && z instanceof z && typeof T == "function" && T instanceof T) && (v = !1);
   }
-  return r.delete(n), r.delete(t), N;
+  return r.delete(n), r.delete(t), v;
 }
-var jg = zg, Et = po, Cg = Yo, Dg = Ng, Sg = jg, Wi = kt, Ui = xt, $i = Kt, xg = No, kg = 1, Fi = "[object Arguments]", Qi = "[object Array]", ut = "[object Object]", Lg = Object.prototype, Hi = Lg.hasOwnProperty;
-function Ag(n, t, e, i, o, r) {
+var Cg = jg, bt = po, Dg = Yo, Sg = wg, xg = Cg, Wi = xt, Ui = St, $i = Kt, Lg = No, kg = 1, Fi = "[object Arguments]", Qi = "[object Array]", ut = "[object Object]", Ag = Object.prototype, Hi = Ag.hasOwnProperty;
+function bg(n, t, e, i, o, r) {
   var s = Ui(n), a = Ui(t), c = s ? Qi : Wi(n), l = a ? Qi : Wi(t);
   c = c == Fi ? ut : c, l = l == Fi ? ut : l;
   var u = c == ut, h = l == ut, g = c == l;
@@ -1298,32 +1298,32 @@ function Ag(n, t, e, i, o, r) {
     s = !0, u = !1;
   }
   if (g && !u)
-    return r || (r = new Et()), s || xg(n) ? Cg(n, t, e, i, o, r) : Dg(n, t, c, e, i, o, r);
+    return r || (r = new bt()), s || Lg(n) ? Dg(n, t, e, i, o, r) : Sg(n, t, c, e, i, o, r);
   if (!(e & kg)) {
     var d = u && Hi.call(n, "__wrapped__"), f = h && Hi.call(t, "__wrapped__");
     if (d || f) {
-      var N = d ? n.value() : n, m = f ? t.value() : t;
-      return r || (r = new Et()), o(N, m, e, i, r);
+      var v = d ? n.value() : n, m = f ? t.value() : t;
+      return r || (r = new bt()), o(v, m, e, i, r);
     }
   }
-  return g ? (r || (r = new Et()), Sg(n, t, e, i, o, r)) : !1;
+  return g ? (r || (r = new bt()), xg(n, t, e, i, o, r)) : !1;
 }
-var bg = Ag, Eg = bg, Zi = Be;
+var Eg = bg, Og = Eg, Zi = Be;
 function Po(n, t, e, i, o) {
-  return n === t ? !0 : n == null || t == null || !Zi(n) && !Zi(t) ? n !== n && t !== t : Eg(n, t, e, i, Po, o);
+  return n === t ? !0 : n == null || t == null || !Zi(n) && !Zi(t) ? n !== n && t !== t : Og(n, t, e, i, Po, o);
 }
-var Og = Po, Yg = Og;
-function Pg(n, t) {
-  return Yg(n, t);
+var Yg = Po, Pg = Yg;
+function Rg(n, t) {
+  return Pg(n, t);
 }
-var Rg = Pg;
-const ue = /* @__PURE__ */ Ze(Rg);
-var Bg = Ge, Wg = Be, Ug = "[object Boolean]";
-function $g(n) {
-  return n === !0 || n === !1 || Wg(n) && Bg(n) == Ug;
+var Bg = Rg;
+const ue = /* @__PURE__ */ Ze(Bg);
+var Wg = Ge, Ug = Be, $g = "[object Boolean]";
+function Fg(n) {
+  return n === !0 || n === !1 || Ug(n) && Wg(n) == $g;
 }
-var Fg = $g;
-const ve = /* @__PURE__ */ Ze(Fg);
+var Qg = Fg;
+const ve = /* @__PURE__ */ Ze(Qg);
 function Ro(n, t) {
   if (n && t) {
     const e = Math.min(n.originX, t.originX), i = Math.min(n.originY, t.originY), o = Math.max(n.originX + n.width, t.originX + t.width), r = Math.max(n.originY + n.height, t.originY + t.height), s = o - e, a = r - i;
@@ -1485,12 +1485,12 @@ const Ye = class Ye extends Bo {
     return e.split(Ae)[0] === this.uid;
   }
   dispatch(e) {
-    const { type: i, workId: o, ops: r, index: s, opt: a, toolsType: c, removeIds: l, updateNodeOpt: u, op: h, selectIds: g, isSync: d, scenePath: f, viewId: N } = e;
-    if (N)
+    const { type: i, workId: o, ops: r, index: s, opt: a, toolsType: c, removeIds: l, updateNodeOpt: u, op: h, selectIds: g, isSync: d, scenePath: f, viewId: v } = e;
+    if (v)
       switch (i) {
         case k.Clear:
           const m = {};
-          f && this.storage[N] && this.storage[N][f] ? (delete this.storage[N][f], this.setState(m, { isSync: d, viewId: N, scenePath: f })) : this.storage[N] && (delete this.storage[N], this.setState(m, { isSync: d, viewId: N, scenePath: "" }));
+          f && this.storage[v] && this.storage[v][f] ? (delete this.storage[v][f], this.setState(m, { isSync: d, viewId: v, scenePath: f })) : this.storage[v] && (delete this.storage[v], this.setState(m, { isSync: d, viewId: v, scenePath: "" }));
           break;
         case k.CreateWork:
           if (f && o && c && a) {
@@ -1500,23 +1500,23 @@ const Ye = class Ye extends Bo {
               workId: o,
               toolsType: c,
               opt: a
-            }, { isSync: d, viewId: N, scenePath: f });
+            }, { isSync: d, viewId: v, scenePath: f });
           }
           break;
         case k.DrawWork:
           if (f && o && typeof s == "number" && (h != null && h.length)) {
-            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[N] && this.storage[N][f] && this.storage[N][f][T] || void 0, x = s ? ((j == null ? void 0 : j.op) || []).slice(0, s).concat(h) : h || (j == null ? void 0 : j.op);
+            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[v] && this.storage[v][f] && this.storage[v][f][T] || void 0, x = s ? ((j == null ? void 0 : j.op) || []).slice(0, s).concat(h) : h || (j == null ? void 0 : j.op);
             j && x && this.updateValue(T.toString(), {
               ...j,
               type: k.DrawWork,
               op: x,
               index: s
-            }, { isSync: d, viewId: N, scenePath: f });
+            }, { isSync: d, viewId: v, scenePath: f });
           }
           break;
         case k.FullWork:
           if (f && o) {
-            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[N] && this.storage[N][f] && this.storage[N][f][T] || void 0, x = u || (j == null ? void 0 : j.updateNodeOpt), A = c || (j == null ? void 0 : j.toolsType), W = a || (j == null ? void 0 : j.opt), E = r || (j == null ? void 0 : j.ops);
+            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[v] && this.storage[v][f] && this.storage[v][f][T] || void 0, x = u || (j == null ? void 0 : j.updateNodeOpt), A = c || (j == null ? void 0 : j.toolsType), W = a || (j == null ? void 0 : j.opt), E = r || (j == null ? void 0 : j.ops);
             A && W && this.updateValue(T.toString(), {
               type: k.FullWork,
               updateNodeOpt: x,
@@ -1524,21 +1524,21 @@ const Ye = class Ye extends Bo {
               toolsType: A,
               opt: W,
               ops: E
-            }, { isSync: d, viewId: N, scenePath: f });
+            }, { isSync: d, viewId: v, scenePath: f });
           }
           break;
         case k.RemoveNode:
           if (f && (l != null && l.length)) {
             const T = l.map((j) => this.isLocalId(j + "") ? this.transformKey(j) : j);
-            this.storage[N] && this.storage[N][f] && Object.keys(this.storage[N][f]).map((j) => {
-              T != null && T.includes(j) && this.updateValue(j, void 0, { isSync: d, viewId: N, scenePath: f });
+            this.storage[v] && this.storage[v][f] && Object.keys(this.storage[v][f]).map((j) => {
+              T != null && T.includes(j) && this.updateValue(j, void 0, { isSync: d, viewId: v, scenePath: f });
             });
           }
           break;
         case k.UpdateNode:
           if (f && o && (u || r || a)) {
-            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[N] && this.storage[N][f] && this.storage[N][f][T] || void 0;
-            j && (j.updateNodeOpt = u, (r || h) && (j.ops = r, j.op = h), a && (j.opt = a), j.type = k.FullWork, this.updateValue(T.toString(), j, { isSync: d, viewId: N, scenePath: f }));
+            const T = this.isLocalId(o.toString()) ? this.transformKey(o) : o, j = this.storage[v] && this.storage[v][f] && this.storage[v][f][T] || void 0;
+            j && (j.updateNodeOpt = u, (r || h) && (j.ops = r, j.op = h), a && (j.opt = a), j.type = k.FullWork, this.updateValue(T.toString(), j, { isSync: d, viewId: v, scenePath: f }));
           }
           break;
         case k.Select:
@@ -1546,13 +1546,13 @@ const Ye = class Ye extends Bo {
             return;
           let M;
           g != null && g.length && (M = g.map((T) => this.isLocalId(T + "") ? this.transformKey(T) : T));
-          const w = this.transformKey(O), I = this.storage[N] && this.storage[N][f] && this.storage[N][f][w] || void 0, z = a || (I == null ? void 0 : I.opt);
-          M && this.checkOtherSelector(w, M, { isSync: d, viewId: N, scenePath: f }), this.updateValue(w, M && {
+          const w = this.transformKey(O), I = this.storage[v] && this.storage[v][f] && this.storage[v][f][w] || void 0, z = a || (I == null ? void 0 : I.opt);
+          M && this.checkOtherSelector(w, M, { isSync: d, viewId: v, scenePath: f }), this.updateValue(w, M && {
             type: k.Select,
-            toolsType: v.Selector,
+            toolsType: N.Selector,
             opt: z,
             selectIds: M
-          }, { isSync: d, viewId: N, scenePath: f });
+          }, { isSync: d, viewId: v, scenePath: f });
           break;
       }
   }
@@ -1670,8 +1670,8 @@ const Ye = class Ye extends Bo {
   }
 };
 p(Ye, "namespace", "PluginState"), p(Ye, "syncInterval", 500);
-let Ft = Ye;
-class Qg {
+let $t = Ye;
+class Hg {
   constructor() {
     p(this, "roomMembers", []);
     p(this, "onChangeHooks", /* @__PURE__ */ new Set());
@@ -1744,7 +1744,7 @@ p(Ie, "proxyToRaw", /* @__PURE__ */ new WeakMap()), p(Ie, "interceptors", {
   }
 });
 let Fe = Ie;
-class Hg {
+class Zg {
   constructor(t) {
     p(this, "internalMsgEmitter");
     p(this, "control");
@@ -1778,14 +1778,14 @@ class Hg {
   get interceptors() {
     return {
       set: (t, e) => {
-        var d, f, N, m, M, w, I, z;
+        var d, f, v, m, M, w, I, z;
         if (!this.collector)
           return !0;
         const { viewId: i, scenePath: o, canSync: r, canWorker: s, type: a, opt: c, dataType: l } = e;
         if (!s && !r)
           return !0;
-        const h = ((d = this.collector) == null ? void 0 : d.isLocalId(t)) ? (f = this.collector) == null ? void 0 : f.transformKey(t) : t, g = ((N = this.collector) == null ? void 0 : N.storage[i]) && this.collector.storage[i][o] && this.collector.storage[i][o][h] || void 0;
-        g ? g.toolsType === v.Text && (s && (this.control.worker.queryTaskBatchData({
+        const h = ((d = this.collector) == null ? void 0 : d.isLocalId(t)) ? (f = this.collector) == null ? void 0 : f.transformKey(t) : t, g = ((v = this.collector) == null ? void 0 : v.storage[i]) && this.collector.storage[i][o] && this.collector.storage[i][o][h] || void 0;
+        g ? g.toolsType === N.Text && (s && (this.control.worker.queryTaskBatchData({
           workId: t,
           msgType: k.UpdateNode
         }).forEach((T) => {
@@ -1795,7 +1795,7 @@ class Hg {
           workId: t,
           msgType: k.UpdateNode,
           dataType: l || G.Local,
-          toolsType: v.Text,
+          toolsType: N.Text,
           opt: c,
           viewId: i,
           scenePath: o
@@ -1805,7 +1805,7 @@ class Hg {
           (T = this.collector) == null || T.dispatch({
             type: k.UpdateNode,
             workId: t,
-            toolsType: v.Text,
+            toolsType: N.Text,
             opt: c,
             viewId: i,
             scenePath: o
@@ -1813,7 +1813,7 @@ class Hg {
         }, this.control.worker.maxLastSyncTime)) : a === Se.Text && (r && ((m = this.collector) == null || m.dispatch({
           type: c.text && k.FullWork || k.CreateWork,
           workId: t,
-          toolsType: v.Text,
+          toolsType: N.Text,
           opt: c,
           isSync: !0,
           viewId: i,
@@ -1822,7 +1822,7 @@ class Hg {
           workId: t,
           msgType: c.text && k.FullWork || k.CreateWork,
           dataType: l || G.Local,
-          toolsType: v.Text,
+          toolsType: N.Text,
           opt: c,
           viewId: i,
           scenePath: o
@@ -1840,7 +1840,7 @@ class Hg {
           return !0;
         s && ((a = this.control.worker) == null || a.taskBatchData.add({
           workId: t,
-          toolsType: v.Text,
+          toolsType: N.Text,
           msgType: k.RemoveNode,
           dataType: G.Local,
           viewId: i,
@@ -1850,7 +1850,7 @@ class Hg {
           (l = this.collector) == null || l.dispatch({
             type: k.RemoveNode,
             removeIds: [t],
-            toolsType: v.Text,
+            toolsType: N.Text,
             viewId: i,
             scenePath: o
           });
@@ -1902,7 +1902,7 @@ class Hg {
       }
   }
   onServiceDerive(t) {
-    var f, N;
+    var f, v;
     const { workId: e, opt: i, msgType: o, viewId: r, scenePath: s, dataType: a } = t;
     if (!e || !r || !s)
       return;
@@ -1922,7 +1922,7 @@ class Hg {
       canSync: !1,
       dataType: a,
       // dataType: this.collector?.isLocalId(workIdStr) ? EDataType.Local : EDataType.Service,
-      scale: ((N = g == null ? void 0 : g.cameraOpt) == null ? void 0 : N.scale) || 1,
+      scale: ((v = g == null ? void 0 : g.cameraOpt) == null ? void 0 : v.scale) || 1,
       viewId: r,
       scenePath: s
     };
@@ -2088,8 +2088,8 @@ const Pe = class Pe extends Bo {
   }
 };
 p(Pe, "syncInterval", 100), p(Pe, "namespace", "PluginEvent");
-let Qt = Pe;
-class Zg {
+let Ft = Pe;
+class Gg {
   constructor(t) {
     p(this, "expirationTime", 5e3);
     p(this, "internalMsgEmitter");
@@ -2107,7 +2107,7 @@ class Zg {
   }
   activeCollector() {
     var t, e;
-    this.control.plugin && (this.eventCollector = new Qt(this.control.plugin, Math.min(((e = (t = this.control.pluginOptions) == null ? void 0 : t.syncOpt) == null ? void 0 : e.interval) || 100, 100)), this.eventCollector.addStorageStateListener((i) => {
+    this.control.plugin && (this.eventCollector = new Ft(this.control.plugin, Math.min(((e = (t = this.control.pluginOptions) == null ? void 0 : t.syncOpt) == null ? void 0 : e.interval) || 100, 100)), this.eventCollector.addStorageStateListener((i) => {
       i.forEach((o, r) => {
         var s;
         if (((s = this.eventCollector) == null ? void 0 : s.uid) !== r) {
@@ -2165,9 +2165,9 @@ class Zg {
             } else if (this.removeTimerId && (clearTimeout(this.removeTimerId), this.removeTimerId = void 0), d)
               this.activeDrawWorkShape(t, [void 0, void 0], C.Done, h), this.runAnimation();
             else {
-              const N = this.animationPointWorkers.get(g);
-              if (N)
-                N.animationWorkData = [void 0, void 0], N.animationIndex = 0, N.freeze = !1;
+              const v = this.animationPointWorkers.get(g);
+              if (v)
+                v.animationWorkData = [void 0, void 0], v.animationIndex = 0, v.freeze = !1;
               else {
                 const m = {
                   animationIndex: 0,
@@ -2353,7 +2353,7 @@ class me {
     }, this.mainEngine.maxLastSyncTime);
   }
 }
-class Gg extends me {
+class Vg extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.ZIndexActive);
@@ -2382,7 +2382,7 @@ class Gg extends me {
     }]), c.length && this.collectForLocalWorker(c), l.length && this.collectForServiceWorker(l);
   }
 }
-class Vg extends me {
+class Jg extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.CopyNode);
@@ -2410,7 +2410,7 @@ class Vg extends me {
           });
           break;
         }
-        if (g.toolsType === v.Text && g.opt && g.opt.workState && g.opt.workState !== C.Done) {
+        if (g.toolsType === N.Text && g.opt && g.opt.workState && g.opt.workState !== C.Done) {
           const d = g && this.copyText({
             viewId: o,
             store: g
@@ -2442,8 +2442,8 @@ class Vg extends me {
     const { bgCenter: i, textCenter: o, store: r, key: s, viewId: a, scenePath: c } = e, l = this.control.viewContainerManager.getView(a);
     if (!this.serviceColloctor || !l)
       return;
-    const u = Math.floor(Math.random() * 30 + 1), h = Date.now(), g = ((m = l.cameraOpt) == null ? void 0 : m.scale) || 1, d = i && o && [i[0] - o[0] + u, i[1] - o[1] + u] || [u / g, u / g], N = (this.serviceColloctor.isLocalId(s) ? s : this.serviceColloctor.getLocalId(s.toString())) + "-" + h;
-    if (this.mainEngine.internalMsgEmitter.emit("undoTickerStart", h, a), r.toolsType === v.Text && r.opt) {
+    const u = Math.floor(Math.random() * 30 + 1), h = Date.now(), g = ((m = l.cameraOpt) == null ? void 0 : m.scale) || 1, d = i && o && [i[0] - o[0] + u, i[1] - o[1] + u] || [u / g, u / g], v = (this.serviceColloctor.isLocalId(s) ? s : this.serviceColloctor.getLocalId(s.toString())) + "-" + h;
+    if (this.mainEngine.internalMsgEmitter.emit("undoTickerStart", h, a), r.toolsType === N.Text && r.opt) {
       const w = r.opt;
       if (w && w.boxPoint && w.text) {
         w.workState = C.Done;
@@ -2451,7 +2451,7 @@ class Vg extends me {
         w.boxPoint = [I[0] + d[0], I[1] + d[1]], w.workState = C.Done;
         const z = this.control.viewContainerManager.transformToOriginPoint(w.boxPoint, a);
         this.control.textEditorManager.createTextForMasterController({
-          workId: N,
+          workId: v,
           x: z[0],
           y: z[1],
           opt: w,
@@ -2464,7 +2464,7 @@ class Vg extends me {
           ...r,
           opt: w,
           type: k.FullWork,
-          workId: N,
+          workId: v,
           viewId: a,
           scenePath: c,
           undoTickerId: h
@@ -2473,7 +2473,7 @@ class Vg extends me {
     }
   }
   copySelector(e) {
-    var N, m, M, w, I, z, T, j;
+    var v, m, M, w, I, z, T, j;
     const { viewId: i, store: o } = e, r = this.control.viewContainerManager.getView(i), s = o.selectIds;
     if (!this.serviceColloctor || !(s != null && s.length) || !r)
       return;
@@ -2483,7 +2483,7 @@ class Vg extends me {
         y: 0
       },
       cameraOpt: {
-        centerX: ((N = r.cameraOpt) == null ? void 0 : N.centerX) || 0,
+        centerX: ((v = r.cameraOpt) == null ? void 0 : v.centerX) || 0,
         centerY: ((m = r.cameraOpt) == null ? void 0 : m.centerY) || 0,
         scale: ((M = r.cameraOpt) == null ? void 0 : M.scale) || 1
       }
@@ -2502,7 +2502,7 @@ class Vg extends me {
     };
   }
   pasteSelector(e) {
-    var N;
+    var v;
     const { copyStores: i, copyCoordInfo: o, viewId: r, scenePath: s } = e, a = this.control.viewContainerManager.getView(r);
     if (!i.size || !this.serviceColloctor || !a)
       return;
@@ -2510,7 +2510,7 @@ class Vg extends me {
     this.mainEngine.internalMsgEmitter.emit("undoTickerStart", g, r);
     for (const [m, M] of i.entries()) {
       const I = (this.serviceColloctor.isLocalId(m) ? m : this.serviceColloctor.getLocalId(m.toString())) + "-" + g, z = { useAnimation: !1 };
-      if (M.toolsType === v.Text && M.opt) {
+      if (M.toolsType === N.Text && M.opt) {
         const T = M.opt;
         if (T && T.boxPoint && T.text) {
           T.workState = C.Done;
@@ -2522,7 +2522,7 @@ class Vg extends me {
             x: x[0],
             y: x[1],
             opt: T,
-            scale: ((N = a.cameraOpt) == null ? void 0 : N.scale) || 1,
+            scale: ((v = a.cameraOpt) == null ? void 0 : v.scale) || 1,
             type: Se.Text,
             isActive: !1,
             viewId: r,
@@ -2540,11 +2540,11 @@ class Vg extends me {
         });
         continue;
       }
-      if (M.toolsType === v.Image && (M.opt.uuid = I, M.opt.centerX = M.opt.centerX + h[0], M.opt.centerY = M.opt.centerY + h[1]), M.ops) {
+      if (M.toolsType === N.Image && (M.opt.uuid = I, M.opt.centerX = M.opt.centerX + h[0], M.opt.centerY = M.opt.centerY + h[1]), M.ops) {
         const T = kd(M.ops).map((x, A) => {
           const W = A % 3;
           return W === 0 ? x + h[0] : W === 1 ? x + h[1] : x;
-        }), j = Ld(T);
+        }), j = Ad(T);
         M.ops = j;
       }
       f.push({
@@ -2591,7 +2591,7 @@ function gt(n) {
 function Gi(n) {
   return n === "transparent";
 }
-class Jg extends me {
+class Kg extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.SetColorNode);
@@ -2614,10 +2614,10 @@ class Jg extends me {
       return;
     const u = l.focusScenePath, h = [...i], g = this.serviceColloctor.storage, d = [], f = {};
     for (; h.length; ) {
-      const N = h.pop();
-      if (!N)
+      const v = h.pop();
+      if (!v)
         continue;
-      const m = N.toString(), M = this.serviceColloctor.isLocalId(m), w = M ? this.serviceColloctor.transformKey(N) : m;
+      const m = v.toString(), M = this.serviceColloctor.isLocalId(m), w = M ? this.serviceColloctor.transformKey(v) : m;
       let I = m;
       !M && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I));
       const z = g[c][u][w] || void 0;
@@ -2634,7 +2634,7 @@ class Jg extends me {
             const [x, A, W, E] = gt(a);
             f.textBgColor = [x, A, W], f.textBgOpacity = E;
           }
-          if (z.toolsType === v.Text && z.opt) {
+          if (z.toolsType === N.Text && z.opt) {
             this.setTextColor(I, se(z), T, c);
             continue;
           }
@@ -2672,12 +2672,12 @@ class Jg extends me {
       }
     }
     d.length && this.collectForLocalWorker(d), Object.keys(f).length && setTimeout(() => {
-      var N;
-      (N = this.control.room) == null || N.setMemberState(f);
+      var v;
+      (v = this.control.room) == null || v.setMemberState(f);
     }, 0);
   }
 }
-class Kg extends me {
+class qg extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.ZIndexNode);
@@ -2735,9 +2735,9 @@ class Kg extends me {
       const d = c.pop();
       if (!d)
         continue;
-      const f = d.toString(), N = this.serviceColloctor.isLocalId(f), m = N ? this.serviceColloctor.transformKey(d) : f;
+      const f = d.toString(), v = this.serviceColloctor.isLocalId(f), m = v ? this.serviceColloctor.transformKey(d) : f;
       let M = f;
-      !N && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
+      !v && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
       const w = se(l[r][a][m]);
       let I;
       if (w && M === O) {
@@ -2783,7 +2783,7 @@ class Kg extends me {
     }
   }
 }
-class qg extends me {
+class _g extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.TranslateNode);
@@ -2800,8 +2800,8 @@ class qg extends me {
       return;
     const c = a.focusScenePath, l = [...i], u = (m = this.serviceColloctor) == null ? void 0 : m.storage, h = [], g = (M = a.displayer.canvasBgRef.current) == null ? void 0 : M.getBoundingClientRect(), d = (I = (w = a.displayer) == null ? void 0 : w.floatBarCanvasRef.current) == null ? void 0 : I.getBoundingClientRect();
     let f = !1;
-    const N = r === C.Start && Date.now() || void 0;
-    for (N && (this.undoTickerId = N, this.mainEngine.internalMsgEmitter.emit("undoTickerStart", N, s)), g && d && this.oldRect && (this.oldRect.x < g.x && d.x > this.oldRect.x || this.oldRect.y < g.y && d.y > this.oldRect.y || this.oldRect.x + this.oldRect.width > g.x + g.width && d.x < this.oldRect.x || this.oldRect.y + this.oldRect.height > g.y + g.height && d.y < this.oldRect.y) && (f = !0), d && (this.oldRect = d); l.length; ) {
+    const v = r === C.Start && Date.now() || void 0;
+    for (v && (this.undoTickerId = v, this.mainEngine.internalMsgEmitter.emit("undoTickerStart", v, s)), g && d && this.oldRect && (this.oldRect.x < g.x && d.x > this.oldRect.x || this.oldRect.y < g.y && d.y > this.oldRect.y || this.oldRect.x + this.oldRect.width > g.x + g.width && d.x < this.oldRect.x || this.oldRect.y + this.oldRect.height > g.y + g.height && d.y < this.oldRect.y) && (f = !0), d && (this.oldRect = d); l.length; ) {
       const z = l.pop();
       if (!z)
         continue;
@@ -2836,7 +2836,7 @@ class qg extends me {
     r === C.Start ? this.mainEngine.unWritable() : r === C.Done && this.mainEngine.abled(), h.length && this.collectForLocalWorker(h);
   }
 }
-class _g extends me {
+class Xg extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.DeleteNode);
@@ -2852,10 +2852,10 @@ class _g extends me {
       const g = c.pop();
       if (!g)
         continue;
-      const d = g.toString(), f = this.serviceColloctor.isLocalId(d), N = f ? this.serviceColloctor.transformKey(g) : d, m = a[o][s][N];
+      const d = g.toString(), f = this.serviceColloctor.isLocalId(d), v = f ? this.serviceColloctor.transformKey(g) : d, m = a[o][s][v];
       if (m) {
         let M = d;
-        if (!f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M)), m.toolsType === v.Text) {
+        if (!f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M)), m.toolsType === N.Text) {
           this.control.textEditorManager.delete(M, !0, !0);
           continue;
         }
@@ -2874,7 +2874,7 @@ class _g extends me {
     }, void 0]), this.mainEngine.internalMsgEmitter.emit("undoTickerStart", h, o), this.collectForLocalWorker(l));
   }
 }
-class Xg extends me {
+class eM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.ScaleNode);
@@ -2884,7 +2884,7 @@ class Xg extends me {
     p(this, "cacheTextInfo", /* @__PURE__ */ new Map());
   }
   async collect(e) {
-    var f, N, m, M, w;
+    var f, v, m, M, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, box: o, workState: r, viewId: s, dir: a } = e, c = this.control.viewContainerManager.getView(s);
@@ -2903,7 +2903,7 @@ class Xg extends me {
         const W = A.updateNodeOpt || {};
         if (W.dir = a, W.box = o, W.workState = r, r === C.Start && o) {
           for (const Y of A.selectIds) {
-            const Q = (N = this.serviceColloctor) == null ? void 0 : N.isLocalId(Y), P = Q && ((m = this.serviceColloctor) == null ? void 0 : m.transformKey(Y)) || Y;
+            const Q = (v = this.serviceColloctor) == null ? void 0 : v.isLocalId(Y), P = Q && ((m = this.serviceColloctor) == null ? void 0 : m.transformKey(Y)) || Y;
             let ee = P;
             !Q && ((M = this.serviceColloctor) != null && M.isOwn(P)) && (ee = this.serviceColloctor.getLocalId(P));
             const _ = this.control.textEditorManager.get(ee);
@@ -2956,7 +2956,7 @@ class Xg extends me {
     r === C.Start ? this.mainEngine.unWritable() : r === C.Done && this.mainEngine.abled(), g.length && this.collectForLocalWorker(g);
   }
 }
-class eM extends me {
+class tM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.RotateNode);
@@ -2964,7 +2964,7 @@ class eM extends me {
     p(this, "cacheOriginRotate", 0);
   }
   collect(e) {
-    var d, f, N, m, M;
+    var d, f, v, m, M;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, angle: o, workState: r, viewId: s } = e, a = this.control.viewContainerManager.getView(s);
@@ -2983,7 +2983,7 @@ class eM extends me {
         if (((f = x.selectIds) == null ? void 0 : f.length) === 1) {
           const A = x.selectIds[0];
           if (r === C.Start) {
-            const Q = ((N = this.serviceColloctor) == null ? void 0 : N.isLocalId(A)) && ((m = this.serviceColloctor) == null ? void 0 : m.transformKey(A)) || A, P = u[s][c][Q];
+            const Q = ((v = this.serviceColloctor) == null ? void 0 : v.isLocalId(A)) && ((m = this.serviceColloctor) == null ? void 0 : m.transformKey(A)) || A, P = u[s][c][Q];
             this.cacheOriginRotate = ((M = P == null ? void 0 : P.opt) == null ? void 0 : M.rotate) || 0;
           }
           const W = x.updateNodeOpt || {};
@@ -3010,21 +3010,21 @@ class eM extends me {
     r === C.Start ? this.mainEngine.unWritable() : r === C.Done && this.mainEngine.abled(), h.length && this.collectForLocalWorker(h);
   }
 }
-function tM(n) {
+function iM(n) {
   switch (n) {
-    case v.Text:
+    case N.Text:
       return Se.Text;
-    case v.SpeechBalloon:
-    case v.Star:
-    case v.Ellipse:
-    case v.Rectangle:
-    case v.Triangle:
-    case v.Rhombus:
-    case v.Polygon:
+    case N.SpeechBalloon:
+    case N.Star:
+    case N.Ellipse:
+    case N.Rectangle:
+    case N.Triangle:
+    case N.Rhombus:
+    case N.Polygon:
       return Se.Shape;
   }
 }
-class iM extends me {
+class oM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.SetFontStyle);
@@ -3032,7 +3032,7 @@ class iM extends me {
   setTextStyle(e, i, o, r, s) {
     const { bold: a, underline: c, lineThrough: l, italic: u, fontSize: h } = o;
     if (i.toolsType) {
-      const g = tM(i.toolsType);
+      const g = iM(i.toolsType);
       g === Se.Text && (i.opt && (a && (i.opt.bold = a), ve(c) && (i.opt.underline = c), ve(l) && (i.opt.lineThrough = l), u && (i.opt.italic = u), h && (i.opt.fontSize = h)), this.control.textEditorManager.updateTextForMasterController({
         workId: e,
         opt: i.opt,
@@ -3043,7 +3043,7 @@ class iM extends me {
     }
   }
   collect(e) {
-    var N, m, M, w;
+    var v, m, M, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, bold: o, italic: r, lineThrough: s, underline: a, viewId: c, fontSize: l } = e, u = this.control.viewContainerManager.getView(c);
@@ -3060,16 +3060,16 @@ class iM extends me {
       const A = d[c][h][j] || void 0;
       if (A) {
         const W = A.updateNodeOpt || {};
-        if (o && (W.bold = o, f.bold = o === "bold"), r && (W.italic = r, f.italic = r === "italic"), ve(s) && (W.lineThrough = s, f.lineThrough = s), ve(a) && (W.underline = a, f.underline = a), l && (W.fontSize = l, f.textSize = l), A.toolsType === v.Text && A.opt) {
+        if (o && (W.bold = o, f.bold = o === "bold"), r && (W.italic = r, f.italic = r === "italic"), ve(s) && (W.lineThrough = s, f.lineThrough = s), ve(a) && (W.underline = a, f.underline = a), l && (W.fontSize = l, f.textSize = l), A.toolsType === N.Text && A.opt) {
           this.setTextStyle(x, se(A), W, c);
           continue;
         }
-        if (A && x === O && ((N = A.selectIds) != null && N.length))
+        if (A && x === O && ((v = A.selectIds) != null && v.length))
           for (const E of A.selectIds) {
             const Y = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(E);
             let Q = Y && ((M = this.serviceColloctor) == null ? void 0 : M.transformKey(E)) || E;
             const P = d[c][h][Q] || void 0;
-            if (!Y && ((w = this.serviceColloctor) != null && w.isOwn(Q)) && (Q = this.serviceColloctor.getLocalId(Q)), P && P.toolsType === v.Text && A.opt) {
+            if (!Y && ((w = this.serviceColloctor) != null && w.isOwn(Q)) && (Q = this.serviceColloctor.getLocalId(Q)), P && P.toolsType === N.Text && A.opt) {
               this.setTextStyle(Q, se(P), W, c);
               continue;
             }
@@ -3082,7 +3082,7 @@ class iM extends me {
     }, 0);
   }
 }
-class oM extends me {
+class nM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.SetPoint);
@@ -3100,10 +3100,10 @@ class oM extends me {
     const g = i;
     if (!g)
       return;
-    const d = g.toString(), f = this.serviceColloctor.isLocalId(d), N = f && this.serviceColloctor.transformKey(g) || d;
+    const d = g.toString(), f = this.serviceColloctor.isLocalId(d), v = f && this.serviceColloctor.transformKey(g) || d;
     let m = d;
     !f && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
-    const M = l[s][c][N];
+    const M = l[s][c][v];
     if (M && m === O && M.selectIds) {
       const I = M.updateNodeOpt || {};
       I.pointMap = o, I.workState = r;
@@ -3126,7 +3126,7 @@ class oM extends me {
     r === C.Start ? this.mainEngine.unWritable() : r === C.Done && this.mainEngine.abled(), u.length && this.collectForLocalWorker(u);
   }
 }
-class nM extends me {
+class rM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.SetLock);
@@ -3142,10 +3142,10 @@ class nM extends me {
       const g = c.pop();
       if (!g)
         continue;
-      const d = g.toString(), f = this.serviceColloctor.isLocalId(d), N = f ? this.serviceColloctor.transformKey(g) : d;
+      const d = g.toString(), f = this.serviceColloctor.isLocalId(d), v = f ? this.serviceColloctor.transformKey(g) : d;
       let m = d;
       !f && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
-      const M = l[r][a][N] || void 0;
+      const M = l[r][a][v] || void 0;
       if (M) {
         const w = M.updateNodeOpt || {};
         w.isLocked = o;
@@ -3170,7 +3170,7 @@ class nM extends me {
     this.mainEngine.internalMsgEmitter.emit("undoTickerStart", h, r), u.length && this.collectForLocalWorker(u);
   }
 }
-class rM extends me {
+class sM extends me {
   constructor() {
     super(...arguments);
     p(this, "emitEventType", D.SetShapeOpt);
@@ -3187,8 +3187,8 @@ class rM extends me {
       if (!h)
         continue;
       const g = h.toString(), d = this.serviceColloctor.isLocalId(g), f = d ? this.serviceColloctor.transformKey(h) : g;
-      let N = g;
-      !d && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N));
+      let v = g;
+      !d && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
       const m = l[o][a][f] || void 0;
       if (m) {
         const M = {
@@ -3196,9 +3196,9 @@ class rM extends me {
           ...r,
           willRefresh: !0
         };
-        if (m && N === O) {
+        if (m && v === O) {
           const w = {
-            workId: N,
+            workId: v,
             msgType: k.UpdateNode,
             dataType: G.Local,
             updateNodeOpt: M,
@@ -3210,7 +3210,7 @@ class rM extends me {
             // undoTickerId
           };
           u.push([w, {
-            workId: N,
+            workId: v,
             msgType: k.UpdateNode,
             emitEventType: this.emitEventType
           }]);
@@ -3228,29 +3228,29 @@ class F {
   build(t) {
     switch (t) {
       case D.TranslateNode:
-        return new qg();
+        return new _g();
       case D.ZIndexNode:
-        return new Kg();
+        return new qg();
       case D.ZIndexActive:
-        return new Gg();
-      case D.CopyNode:
         return new Vg();
-      case D.SetColorNode:
+      case D.CopyNode:
         return new Jg();
+      case D.SetColorNode:
+        return new Kg();
       case D.DeleteNode:
-        return new _g();
-      case D.ScaleNode:
         return new Xg();
-      case D.RotateNode:
+      case D.ScaleNode:
         return new eM();
+      case D.RotateNode:
+        return new tM();
       case D.SetFontStyle:
-        return new iM();
-      case D.SetPoint:
         return new oM();
-      case D.SetLock:
+      case D.SetPoint:
         return new nM();
-      case D.SetShapeOpt:
+      case D.SetLock:
         return new rM();
+      case D.SetShapeOpt:
+        return new sM();
     }
   }
   getBuilder(t) {
@@ -3270,7 +3270,7 @@ class F {
     me.dispatch(t, e, i);
   }
 }
-class sM {
+class aM {
   constructor() {
     /** 异步同步时间间隔 */
     p(this, "maxLastSyncTime", 500);
@@ -3295,7 +3295,7 @@ class sM {
     return this.currentLocalWorkData.workState;
   }
 }
-class aM extends sM {
+class cM extends aM {
   constructor(e) {
     var r, s;
     super();
@@ -3335,6 +3335,7 @@ class aM extends sM {
     p(this, "delayWorkStateToDoneResolve");
     p(this, "undoTickerId");
     p(this, "animationId");
+    p(this, "tmpImageConfigMap", /* @__PURE__ */ new Map());
     const { control: i, internalMsgEmitter: o } = e;
     this.control = i, this.maxLastSyncTime = (((s = (r = this.control.pluginOptions) == null ? void 0 : r.syncOpt) == null ? void 0 : s.interval) || this.maxLastSyncTime) * 0.5, this.fullWorkerUrl = this.control.pluginOptions.cdn.fullWorkerUrl, this.subWorkerUrl = this.control.pluginOptions.cdn.subWorkerUrl, this.internalMsgEmitter = o, this.currentLocalWorkData = { workState: C.Pending };
   }
@@ -3347,27 +3348,27 @@ class aM extends sM {
   get isRunSubWork() {
     var i;
     const e = (i = this.currentToolsData) == null ? void 0 : i.toolsType;
-    return e === v.Pencil || e === v.LaserPen || e === v.Arrow || e === v.Straight || e === v.Ellipse || e === v.Rectangle || e === v.Star || e === v.Polygon || e === v.SpeechBalloon;
+    return e === N.Pencil || e === N.LaserPen || e === N.Arrow || e === N.Straight || e === N.Ellipse || e === N.Rectangle || e === N.Star || e === N.Polygon || e === N.SpeechBalloon;
   }
   get isCanDrawWork() {
     var i;
     const e = (i = this.currentToolsData) == null ? void 0 : i.toolsType;
-    return e === v.Pencil || e === v.LaserPen || e === v.Arrow || e === v.Straight || e === v.Ellipse || e === v.Rectangle || e === v.Star || e === v.Polygon || e === v.SpeechBalloon || e === v.Triangle || e === v.Rhombus;
+    return e === N.Pencil || e === N.LaserPen || e === N.Arrow || e === N.Straight || e === N.Ellipse || e === N.Rectangle || e === N.Star || e === N.Polygon || e === N.SpeechBalloon || e === N.Triangle || e === N.Rhombus;
   }
   get isUseZIndex() {
     var i;
     const e = (i = this.currentToolsData) == null ? void 0 : i.toolsType;
-    return e === v.Pencil || e === v.Arrow || e === v.Straight || e === v.Ellipse || e === v.Rectangle || e === v.Star || e === v.Polygon || e === v.SpeechBalloon || e === v.Text || e === v.Image;
+    return e === N.Pencil || e === N.Arrow || e === N.Straight || e === N.Ellipse || e === N.Rectangle || e === N.Star || e === N.Polygon || e === N.SpeechBalloon || e === N.Text || e === N.Image;
   }
   get isCanRecordUndoRedo() {
     var i;
     const e = (i = this.currentToolsData) == null ? void 0 : i.toolsType;
-    return e === v.Pencil || e === v.Eraser || e === v.Arrow || e === v.Straight || e === v.Ellipse || e === v.Rectangle || e === v.Star || e === v.Polygon || e === v.SpeechBalloon || e === v.Text || e === v.Image;
+    return e === N.Pencil || e === N.Eraser || e === N.Arrow || e === N.Straight || e === N.Ellipse || e === N.Rectangle || e === N.Star || e === N.Polygon || e === N.SpeechBalloon || e === N.Text || e === N.Image;
   }
   get isCanSentCursor() {
     var i;
     const e = (i = this.currentToolsData) == null ? void 0 : i.toolsType;
-    return e === v.Pencil || e === v.Text || e === v.LaserPen || e === v.Arrow || e === v.Straight || e === v.Ellipse || e === v.Rectangle || e === v.Star || e === v.Polygon || e === v.SpeechBalloon || e === v.Triangle || e === v.Rhombus;
+    return e === N.Pencil || e === N.Text || e === N.LaserPen || e === N.Arrow || e === N.Straight || e === N.Ellipse || e === N.Rectangle || e === N.Star || e === N.Polygon || e === N.SpeechBalloon || e === N.Triangle || e === N.Rhombus;
   }
   init() {
     this.on(), this.internalMsgEmitterListener(), this.isActive = !0;
@@ -3412,7 +3413,7 @@ class aM extends sM {
         fillColor: g,
         willSyncService: d,
         isSync: f,
-        undoTickerId: N,
+        undoTickerId: v,
         imageBitmap: m,
         canvasHeight: M,
         canvasWidth: w,
@@ -3463,7 +3464,7 @@ class aM extends sM {
           P && this.viewContainerManager.showFloatBar(P, !1), P && this.clearAllResolve && this.clearAllResolve(P);
           break;
         case k.TextUpdate:
-          if (Y === v.Text && Q && P) {
+          if (Y === N.Text && Q && P) {
             const S = this.viewContainerManager.transformToOriginPoint((l == null ? void 0 : l.boxPoint) || [0, 0], P), B = (l == null ? void 0 : l.boxSize) || [0, 0], $ = (r = this.viewContainerManager.getView(P)) == null ? void 0 : r.cameraOpt;
             l ? this.control.textEditorManager.updateTextForWorker({
               x: S[0],
@@ -3481,7 +3482,7 @@ class aM extends sM {
           }
           break;
         case k.GetTextActive:
-          Y === v.Text && Q && P && this.control.textEditorManager.updateTextForWorker({
+          Y === N.Text && Q && P && this.control.textEditorManager.updateTextForWorker({
             workId: Q,
             isActive: !0,
             viewId: P,
@@ -3494,7 +3495,7 @@ class aM extends sM {
           i = !0;
           break;
       }
-      !i && N && this.internalMsgEmitter.emit("undoTickerEnd", N, P);
+      !i && v && this.internalMsgEmitter.emit("undoTickerEnd", v, P);
     }
     i && et(() => {
       this.collectorAsyncData(e);
@@ -3503,7 +3504,7 @@ class aM extends sM {
   collectorAsyncData(e) {
     var i, o, r, s;
     for (const a of e) {
-      const { type: c, op: l, workId: u, index: h, removeIds: g, ops: d, opt: f, updateNodeOpt: N, toolsType: m, isSync: M, undoTickerId: w, viewId: I } = a;
+      const { type: c, op: l, workId: u, index: h, removeIds: g, ops: d, opt: f, updateNodeOpt: v, toolsType: m, isSync: M, undoTickerId: w, viewId: I } = a;
       if (!I) {
         console.error("collectorAsyncData", a);
         return;
@@ -3527,7 +3528,7 @@ class aM extends sM {
             type: c,
             ops: d,
             workId: u,
-            updateNodeOpt: N,
+            updateNodeOpt: v,
             opt: f,
             toolsType: m,
             isSync: M,
@@ -3537,7 +3538,7 @@ class aM extends sM {
           break;
         }
         case k.UpdateNode: {
-          (r = this.collector) == null || r.dispatch({ type: c, updateNodeOpt: N, workId: u, opt: f, ops: d, op: l, isSync: M, viewId: I, scenePath: z });
+          (r = this.collector) == null || r.dispatch({ type: c, updateNodeOpt: v, workId: u, opt: f, ops: d, op: l, isSync: M, viewId: I, scenePath: z });
           break;
         }
         case k.RemoveNode: {
@@ -3563,13 +3564,13 @@ class aM extends sM {
           const h = (g = this.currentLocalWorkData.workId) == null ? void 0 : g.toString();
           h && s && this.control.runEffectWork(() => {
             var f;
-            this.setShapeSelectorByWorkId(h, i), ((f = this.currentToolsData) == null ? void 0 : f.toolsType) === v.Selector && this.viewContainerManager.activeFloatBar(i);
-          }), this.delayWorkStateToDoneResolve = u, ((d = this.currentToolsData) == null ? void 0 : d.toolsType) === v.Selector && this.viewContainerManager.activeFloatBar(i);
+            this.setShapeSelectorByWorkId(h, i), ((f = this.currentToolsData) == null ? void 0 : f.toolsType) === N.Selector && this.viewContainerManager.activeFloatBar(i);
+          }), this.delayWorkStateToDoneResolve = u, ((d = this.currentToolsData) == null ? void 0 : d.toolsType) === N.Selector && this.viewContainerManager.activeFloatBar(i);
         }, 0);
       }).then(() => {
         this.delayWorkStateToDoneResolve = void 0;
       });
-    } else if (((c = this.currentToolsData) == null ? void 0 : c.toolsType) === v.Text) {
+    } else if (((c = this.currentToolsData) == null ? void 0 : c.toolsType) === N.Text) {
       const l = this.viewContainerManager.transformToScenePoint(e, i);
       if (this.localPointsBatchData[0] === l[0] && this.localPointsBatchData[1] === l[1]) {
         const u = this.currentToolsData.toolsOpt;
@@ -3601,10 +3602,10 @@ class aM extends sM {
     var a, c, l, u, h, g, d;
     this.viewContainerManager.focuedViewId !== i && this.viewContainerManager.setFocuedViewId(i), this.clearLocalPointsBatchData();
     const o = this.viewContainerManager.transformToScenePoint(e, i);
-    if (this.pushPoint(o), ((a = this.currentToolsData) == null ? void 0 : a.toolsType) === v.Text)
+    if (this.pushPoint(o), ((a = this.currentToolsData) == null ? void 0 : a.toolsType) === N.Text)
       return;
     this.control.textEditorManager.checkEmptyTextBlur();
-    const r = ((c = this.currentToolsData) == null ? void 0 : c.toolsType) === v.Selector ? O : Date.now(), s = this.setZIndex(i);
+    const r = ((c = this.currentToolsData) == null ? void 0 : c.toolsType) === N.Selector ? O : Date.now(), s = this.setZIndex(i);
     if (this.setCurrentLocalWorkData({
       workId: r,
       workState: C.Start,
@@ -3622,7 +3623,7 @@ class aM extends sM {
         scenePath: f
       }), f && this.blurSelector(i, f);
     } else
-      ((d = this.currentToolsData) == null ? void 0 : d.toolsType) === v.Selector && this.viewContainerManager.unActiveFloatBar(i);
+      ((d = this.currentToolsData) == null ? void 0 : d.toolsType) === N.Selector && this.viewContainerManager.unActiveFloatBar(i);
     this.consume();
   }
   pushPoint(e) {
@@ -3690,7 +3691,7 @@ class aM extends sM {
         toolsType: i,
         opt: { ...e.toolsOpt, syncUnitTime: this.maxLastSyncTime },
         isRunSubWork: this.isRunSubWork,
-        viewId: Ad
+        viewId: bd
       }), this.runAnimation();
     }
   }
@@ -3738,20 +3739,20 @@ class aM extends sM {
     });
   }
   onServiceDerive(e, i) {
-    var d, f, N, m;
+    var d, f, v, m;
     const { newValue: o, oldValue: r, viewId: s, scenePath: a } = i, c = se(o) || {}, l = e;
     let u = c.type;
-    if (!o && r && (u = k.RemoveNode, r.toolsType === v.LaserPen))
+    if (!o && r && (u = k.RemoveNode, r.toolsType === N.LaserPen))
       return;
     const h = (d = this.viewContainerManager.getView(s)) == null ? void 0 : d.focusScenePath;
     if (h && h !== a)
       return;
     if (u && l) {
       const M = c;
-      if (M.workId = (f = this.collector) != null && f.isOwn(l) ? (N = this.collector) == null ? void 0 : N.getLocalId(l) : l, M.msgType = u, M.dataType = G.Service, M.viewId = s, M.scenePath = a, M.selectIds && (M.selectIds = M.selectIds.map((w) => {
+      if (M.workId = (f = this.collector) != null && f.isOwn(l) ? (v = this.collector) == null ? void 0 : v.getLocalId(l) : l, M.msgType = u, M.dataType = G.Service, M.viewId = s, M.scenePath = a, M.selectIds && (M.selectIds = M.selectIds.map((w) => {
         var I, z;
         return (I = this.collector) != null && I.isOwn(w) ? (z = this.collector) == null ? void 0 : z.getLocalId(w) : w;
-      })), M && M.toolsType === v.Text || (r == null ? void 0 : r.toolsType) === v.Text) {
+      })), M && M.toolsType === N.Text || (r == null ? void 0 : r.toolsType) === N.Text) {
         this.control.textEditorManager.onServiceDerive(M);
         return;
       }
@@ -3775,9 +3776,9 @@ class aM extends sM {
         if (h && u) {
           const g = o[u];
           if (g.workId = (a = this.collector) != null && a.isOwn(u) ? (c = this.collector) == null ? void 0 : c.getLocalId(u) : u, g.msgType = h, g.dataType = G.Service, g.viewId = e, g.scenePath = i, g.useAnimation = !1, g.selectIds && (g.selectIds = g.selectIds.map((d) => {
-            var f, N;
-            return (f = this.collector) != null && f.isOwn(d) ? (N = this.collector) == null ? void 0 : N.getLocalId(d) : d;
-          })), g.toolsType === v.Text) {
+            var f, v;
+            return (f = this.collector) != null && f.isOwn(d) ? (v = this.collector) == null ? void 0 : v.getLocalId(d) : d;
+          })), g.toolsType === N.Text) {
             this.control.textEditorManager.onServiceDerive(g);
             continue;
           }
@@ -3835,7 +3836,7 @@ class aM extends sM {
     i.size && this.subWorker.postMessage(i);
   }
   destroy() {
-    this.unWritable(), this.taskBatchData.clear(), this.clearLocalPointsBatchData(), this.fullWorker.terminate(), this.subWorker.terminate(), this.isActive = !1;
+    this.unWritable(), this.taskBatchData.clear(), this.tmpImageConfigMap.clear(), this.clearLocalPointsBatchData(), this.fullWorker.terminate(), this.subWorker.terminate(), this.isActive = !1;
   }
   updateNode(e, i, o, r) {
     this.taskBatchData.add({
@@ -3920,7 +3921,7 @@ class aM extends sM {
   }
   hoverCursor(e, i) {
     var o;
-    if (((o = this.currentToolsData) == null ? void 0 : o.toolsType) === v.Selector) {
+    if (((o = this.currentToolsData) == null ? void 0 : o.toolsType) === N.Selector) {
       const r = this.viewContainerManager.transformToScenePoint(e, i), s = {
         msgType: k.CursorHover,
         dataType: G.Local,
@@ -3944,7 +3945,7 @@ class aM extends sM {
     if (!this.currentLocalWorkData || this.currentLocalWorkData.workState === C.Unwritable || !this.currentToolsData || !this.isCanSentCursor)
       return;
     let o = [void 0, void 0];
-    this.currentToolsData && (this.isCanDrawWork || this.currentToolsData.toolsType === v.Text) && this.currentLocalWorkData.workState !== C.Start && this.currentLocalWorkData.workState !== C.Doing && (o = e, this.control.cursor.sendEvent(o, i));
+    this.currentToolsData && (this.isCanDrawWork || this.currentToolsData.toolsType === N.Text) && this.currentLocalWorkData.workState !== C.Start && this.currentLocalWorkData.workState !== C.Doing && (o = e, this.control.cursor.sendEvent(o, i));
   }
   getBoundingRect(e) {
     var o, r;
@@ -3980,14 +3981,14 @@ class aM extends sM {
       const f = (l = this.collector) == null ? void 0 : l.getStorageData(d, e);
       if (!f)
         return;
-      if (Object.keys(f).forEach((N) => {
+      if (Object.keys(f).forEach((v) => {
         var m;
-        ((m = this.collector) == null ? void 0 : m.getLocalId(N)) === O && delete f[N];
+        ((m = this.collector) == null ? void 0 : m.getLocalId(v)) === O && delete f[v];
       }), Object.keys(f).length) {
-        const N = this.viewContainerManager.getView(d) || this.viewContainerManager.focuedView;
-        if (!N)
+        const v = this.viewContainerManager.getView(d) || this.viewContainerManager.focuedView;
+        if (!v)
           return;
-        const m = i || ((u = N.cameraOpt) == null ? void 0 : u.width), M = o || ((h = N.cameraOpt) == null ? void 0 : h.height), w = {
+        const m = i || ((u = v.cameraOpt) == null ? void 0 : u.width), M = o || ((h = v.cameraOpt) == null ? void 0 : h.height), w = {
           msgType: k.Snapshot,
           dataType: G.Local,
           scenePath: e,
@@ -3998,7 +3999,7 @@ class aM extends sM {
             ...r,
             width: m,
             height: M
-          } || N.cameraOpt,
+          } || v.cameraOpt,
           isRunSubWork: !0,
           viewId: d,
           maxZIndex: (g = this.zIndexNodeMethod) == null ? void 0 : g.getMaxZIndex(d)
@@ -4026,16 +4027,21 @@ class aM extends sM {
   insertImage(e) {
     const i = this.viewContainerManager.mainView, o = i == null ? void 0 : i.id, r = i == null ? void 0 : i.focusScenePath;
     if (o && r) {
+      const { src: s, uuid: a } = e;
+      if (a && !s) {
+        this.tmpImageConfigMap.set(a, e);
+        return;
+      }
       this.setCurrentLocalWorkData({ ...this.currentLocalWorkData, undoTickerId: Date.now() }), ze.InternalMsgEmitter.emit("undoTickerStart", this.undoTickerId, o);
-      const s = { ...e };
-      this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(o), s.zIndex = this.zIndexNodeMethod.getMaxZIndex(o)), this.taskBatchData.add({
+      const c = { ...e };
+      this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(o), c.zIndex = this.zIndexNodeMethod.getMaxZIndex(o)), this.taskBatchData.add({
         msgType: k.FullWork,
         dataType: G.Local,
-        toolsType: v.Image,
+        toolsType: N.Image,
         workId: e.uuid,
-        opt: s,
+        opt: c,
         viewId: o,
-        undoTickerId: e.src && this.undoTickerId || void 0,
+        undoTickerId: Date.now(),
         willRefresh: !0,
         willSyncService: !0
       }), this.runAnimation();
@@ -4049,14 +4055,14 @@ class aM extends sM {
       if (!l)
         return;
       for (const [u, h] of Object.entries(l))
-        if (h && h.toolsType === v.Image && h.opt.uuid === e) {
+        if (h && h.toolsType === N.Image && h.opt.uuid === e) {
           const g = Date.now();
           ze.InternalMsgEmitter.emit("undoTickerStart", g, r);
           const d = (a = this.collector) != null && a.isOwn(u) ? (c = this.collector) == null ? void 0 : c.getLocalId(u) : u, f = { ...h.opt, locked: i };
           this.taskBatchData.add({
             msgType: k.FullWork,
             dataType: G.Local,
-            toolsType: v.Image,
+            toolsType: N.Image,
             workId: d,
             opt: f,
             viewId: r,
@@ -4069,28 +4075,11 @@ class aM extends sM {
     }
   }
   completeImageUpload(e, i) {
-    var a, c;
     const o = this.viewContainerManager.mainView, r = o == null ? void 0 : o.id, s = o == null ? void 0 : o.focusScenePath;
-    if (r && s && this.collector) {
-      const l = this.collector.getStorageData(r, s);
-      if (!l)
-        return;
-      for (const [u, h] of Object.entries(l))
-        if (h && h.toolsType === v.Image && h.opt.uuid === e) {
-          const g = (a = this.collector) != null && a.isOwn(u) ? (c = this.collector) == null ? void 0 : c.getLocalId(u) : u, d = { ...h.opt, src: i };
-          this.taskBatchData.add({
-            msgType: k.FullWork,
-            dataType: G.Local,
-            toolsType: v.Image,
-            workId: g,
-            opt: d,
-            viewId: r,
-            undoTickerId: this.undoTickerId,
-            willRefresh: !0,
-            willSyncService: !0
-          }), this.runAnimation();
-          break;
-        }
+    if (r && s) {
+      const a = this.tmpImageConfigMap.get(e);
+      a && (a.src = i, this.insertImage(a), this.tmpImageConfigMap.delete(e));
+      return;
     }
   }
   getImagesInformation(e) {
@@ -4100,7 +4089,7 @@ class aM extends sM {
       if (!o)
         return i;
       for (const r of Object.values(o))
-        if (r && r.toolsType === v.Image) {
+        if (r && r.toolsType === N.Image) {
           const s = r.opt;
           i.push({
             uuid: s.uuid,
@@ -4139,27 +4128,27 @@ class aM extends sM {
     }), this.runAnimation();
   }
 }
-var cM = xe, lM = function() {
-  return cM.Date.now();
-}, hM = lM, uM = /\s/;
-function dM(n) {
-  for (var t = n.length; t-- && uM.test(n.charAt(t)); )
+var lM = xe, hM = function() {
+  return lM.Date.now();
+}, uM = hM, dM = /\s/;
+function gM(n) {
+  for (var t = n.length; t-- && dM.test(n.charAt(t)); )
     ;
   return t;
 }
-var gM = dM, MM = gM, pM = /^\s+/;
-function fM(n) {
-  return n && n.slice(0, MM(n) + 1).replace(pM, "");
+var MM = gM, pM = MM, fM = /^\s+/;
+function yM(n) {
+  return n && n.slice(0, pM(n) + 1).replace(fM, "");
 }
-var yM = fM, IM = Ge, vM = Be, NM = "[object Symbol]";
-function wM(n) {
-  return typeof n == "symbol" || vM(n) && IM(n) == NM;
+var IM = yM, vM = Ge, NM = Be, wM = "[object Symbol]";
+function mM(n) {
+  return typeof n == "symbol" || NM(n) && vM(n) == wM;
 }
-var mM = wM, TM = yM, Vi = Ue, zM = mM, Ji = NaN, jM = /^[-+]0x[0-9a-f]+$/i, CM = /^0b[01]+$/i, DM = /^0o[0-7]+$/i, SM = parseInt;
-function xM(n) {
+var TM = mM, zM = IM, Vi = Ue, jM = TM, Ji = NaN, CM = /^[-+]0x[0-9a-f]+$/i, DM = /^0b[01]+$/i, SM = /^0o[0-7]+$/i, xM = parseInt;
+function LM(n) {
   if (typeof n == "number")
     return n;
-  if (zM(n))
+  if (jM(n))
     return Ji;
   if (Vi(n)) {
     var t = typeof n.valueOf == "function" ? n.valueOf() : n;
@@ -4167,16 +4156,16 @@ function xM(n) {
   }
   if (typeof n != "string")
     return n === 0 ? n : +n;
-  n = TM(n);
-  var e = CM.test(n);
-  return e || DM.test(n) ? SM(n.slice(2), e ? 2 : 8) : jM.test(n) ? Ji : +n;
+  n = zM(n);
+  var e = DM.test(n);
+  return e || SM.test(n) ? xM(n.slice(2), e ? 2 : 8) : CM.test(n) ? Ji : +n;
 }
-var kM = xM, LM = Ue, Ot = hM, Ki = kM, AM = "Expected a function", bM = Math.max, EM = Math.min;
-function OM(n, t, e) {
+var kM = LM, AM = Ue, Et = uM, Ki = kM, bM = "Expected a function", EM = Math.max, OM = Math.min;
+function YM(n, t, e) {
   var i, o, r, s, a, c, l = 0, u = !1, h = !1, g = !0;
   if (typeof n != "function")
-    throw new TypeError(AM);
-  t = Ki(t) || 0, LM(e) && (u = !!e.leading, h = "maxWait" in e, r = h ? bM(Ki(e.maxWait) || 0, t) : r, g = "trailing" in e ? !!e.trailing : g);
+    throw new TypeError(bM);
+  t = Ki(t) || 0, AM(e) && (u = !!e.leading, h = "maxWait" in e, r = h ? EM(Ki(e.maxWait) || 0, t) : r, g = "trailing" in e ? !!e.trailing : g);
   function d(j) {
     var x = i, A = o;
     return i = o = void 0, l = j, s = n.apply(A, x), s;
@@ -4184,19 +4173,19 @@ function OM(n, t, e) {
   function f(j) {
     return l = j, a = setTimeout(M, t), u ? d(j) : s;
   }
-  function N(j) {
+  function v(j) {
     var x = j - c, A = j - l, W = t - x;
-    return h ? EM(W, r - A) : W;
+    return h ? OM(W, r - A) : W;
   }
   function m(j) {
     var x = j - c, A = j - l;
     return c === void 0 || x >= t || x < 0 || h && A >= r;
   }
   function M() {
-    var j = Ot();
+    var j = Et();
     if (m(j))
       return w(j);
-    a = setTimeout(M, N(j));
+    a = setTimeout(M, v(j));
   }
   function w(j) {
     return a = void 0, g && i ? d(j) : (i = o = void 0, s);
@@ -4205,10 +4194,10 @@ function OM(n, t, e) {
     a !== void 0 && clearTimeout(a), l = 0, i = c = o = a = void 0;
   }
   function z() {
-    return a === void 0 ? s : w(Ot());
+    return a === void 0 ? s : w(Et());
   }
   function T() {
-    var j = Ot(), x = m(j);
+    var j = Et(), x = m(j);
     if (i = arguments, o = this, c = j, x) {
       if (a === void 0)
         return f(c);
@@ -4219,22 +4208,22 @@ function OM(n, t, e) {
   }
   return T.cancel = I, T.flush = z, T;
 }
-var Wo = OM;
+var Wo = YM;
 const qi = /* @__PURE__ */ Ze(Wo);
-var YM = Wo, PM = Ue, RM = "Expected a function";
-function BM(n, t, e) {
+var PM = Wo, RM = Ue, BM = "Expected a function";
+function WM(n, t, e) {
   var i = !0, o = !0;
   if (typeof n != "function")
-    throw new TypeError(RM);
-  return PM(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), YM(n, t, {
+    throw new TypeError(BM);
+  return RM(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), PM(n, t, {
     leading: i,
     maxWait: t,
     trailing: o
   });
 }
-var WM = BM;
-const ae = /* @__PURE__ */ Ze(WM);
-class UM {
+var UM = WM;
+const ae = /* @__PURE__ */ Ze(UM);
+class $M {
   constructor(t) {
     p(this, "internalMsgEmitter");
     p(this, "control");
@@ -4251,7 +4240,7 @@ class UM {
   }
   get isSelector() {
     var t;
-    return ((t = this.control.worker.currentToolsData) == null ? void 0 : t.toolsType) === v.Selector;
+    return ((t = this.control.worker.currentToolsData) == null ? void 0 : t.toolsType) === N.Selector;
   }
   get collector() {
     return this.control.collector;
@@ -4433,16 +4422,16 @@ const qe = class qe {
       (i = this.worker) == null || i.updateCamera(t, e);
     });
     const { displayer: e, plugin: i, options: o } = t;
-    this.plugin = i, this.room = te(e) ? e : void 0, this.play = Zt(e) ? e : void 0, this.pluginOptions = o, this.roomMember = new Qg();
+    this.plugin = i, this.room = te(e) ? e : void 0, this.play = Ht(e) ? e : void 0, this.pluginOptions = o, this.roomMember = new Hg();
     const r = {
       control: this,
       internalMsgEmitter: qe.InternalMsgEmitter
     };
-    this.cursor = new Zg(r), this.textEditorManager = new Hg(r), this.worker = new aM(r), this.hotkeyManager = new UM(r);
+    this.cursor = new Gg(r), this.textEditorManager = new Zg(r), this.worker = new cM(r), this.hotkeyManager = new $M(r);
   }
   bindPlugin(t) {
     var e, i;
-    this.plugin = t, this.collector && this.collector.removeStorageStateListener(), this.collector = new Ft(t, (i = (e = this.pluginOptions) == null ? void 0 : e.syncOpt) == null ? void 0 : i.interval), this.cursor.activeCollector(), this.activePlugin();
+    this.plugin = t, this.collector && this.collector.removeStorageStateListener(), this.collector = new $t(t, (i = (e = this.pluginOptions) == null ? void 0 : e.syncOpt) == null ? void 0 : i.interval), this.cursor.activeCollector(), this.activePlugin();
   }
   /** 销毁 */
   destroy() {
@@ -4466,32 +4455,32 @@ const qe = class qe {
     const e = t.currentApplianceName;
     switch (this.hasSwitchToSelectorEffect = !1, e) {
       case H.text:
-        return t.textCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), v.Text;
+        return t.textCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Text;
       case H.pencil:
-        return t.useLaserPen ? v.LaserPen : v.Pencil;
+        return t.useLaserPen ? N.LaserPen : N.Pencil;
       case H.eraser:
       case H.pencilEraser:
-        return v.Eraser;
+        return N.Eraser;
       case H.selector:
-        return v.Selector;
+        return N.Selector;
       case H.arrow:
-        return t.arrowCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), v.Arrow;
+        return t.arrowCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Arrow;
       case H.straight:
-        return t.straightCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), v.Straight;
+        return t.straightCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Straight;
       case H.ellipse:
-        return t.ellipseCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), v.Ellipse;
+        return t.ellipseCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Ellipse;
       case H.rectangle:
-        return t.rectangleCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), v.Rectangle;
+        return t.rectangleCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Rectangle;
       case H.shape:
-        if (t.shapeCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), t.shapeType === ke.Pentagram || t.shapeType === ke.Star)
-          return v.Star;
-        if (t.shapeType === ke.Polygon || t.shapeType === ke.Triangle || t.shapeType === ke.Rhombus)
-          return v.Polygon;
-        if (t.shapeType === ke.SpeechBalloon)
-          return v.SpeechBalloon;
+        if (t.shapeCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), t.shapeType === Le.Pentagram || t.shapeType === Le.Star)
+          return N.Star;
+        if (t.shapeType === Le.Polygon || t.shapeType === Le.Triangle || t.shapeType === Le.Rhombus)
+          return N.Polygon;
+        if (t.shapeType === Le.SpeechBalloon)
+          return N.SpeechBalloon;
         break;
     }
-    return v.Clicker;
+    return N.Clicker;
   }
   /** 获取当前工具默认配置 */
   getToolsOpt(t, e) {
@@ -4501,24 +4490,24 @@ const qe = class qe {
       isOpacity: (e == null ? void 0 : e.strokeOpacity) && e.strokeOpacity < 1 || (e == null ? void 0 : e.fillOpacity) && e.fillOpacity < 1 || (e == null ? void 0 : e.textOpacity) && e.textOpacity < 1 || (e == null ? void 0 : e.textBgOpacity) && e.textBgOpacity < 1 || !1
     };
     switch (t) {
-      case v.Text:
+      case N.Text:
         o.fontFamily = window.getComputedStyle(document.documentElement).getPropertyValue("font-family"), o.fontSize = (e == null ? void 0 : e.textSizeOverride) || (e == null ? void 0 : e.textSize) || Number(window.getComputedStyle(document.body).fontSize), o.textAlign = (e == null ? void 0 : e.textAlign) || "left", o.verticalAlign = (e == null ? void 0 : e.verticalAlign) || "middle", o.fontColor = (e == null ? void 0 : e.textColor) && dt(e.textColor[0], e.textColor[1], e.textColor[2], e.textOpacity || 1) || o.strokeColor || "rgba(0,0,0,1)", o.fontBgColor = Array.isArray(e == null ? void 0 : e.textBgColor) && dt(e.textBgColor[0], e.textBgColor[1], e.textBgColor[2], e.textBgOpacity || 1) || "transparent", o.bold = (e == null ? void 0 : e.bold) && "bold" || void 0, o.italic = (e == null ? void 0 : e.italic) && "italic" || void 0, o.underline = (e == null ? void 0 : e.underline) || void 0, o.lineThrough = (e == null ? void 0 : e.lineThrough) || void 0, o.text = "", o.strokeColor = void 0;
         break;
-      case v.Pencil:
-        o.strokeType = (e == null ? void 0 : e.strokeType) || Pt.Normal;
+      case N.Pencil:
+        o.strokeType = (e == null ? void 0 : e.strokeType) || Yt.Normal;
         break;
-      case v.Eraser:
+      case N.Eraser:
         o.thickness = Math.min(3, Math.max(1, Math.floor(e.pencilEraserSize || 1))) - 1, o.isLine = i === H.eraser && !0;
         break;
-      case v.LaserPen:
-        o.duration = (e == null ? void 0 : e.duration) || 1, o.strokeType = (e == null ? void 0 : e.strokeType) || Pt.Normal;
+      case N.LaserPen:
+        o.duration = (e == null ? void 0 : e.duration) || 1, o.strokeType = (e == null ? void 0 : e.strokeType) || Yt.Normal;
         break;
-      case v.Ellipse:
-      case v.Rectangle:
-      case v.Star:
-      case v.Polygon:
-      case v.SpeechBalloon:
-        t === v.Star && (e.shapeType === ke.Pentagram ? (o.vertices = 10, o.innerVerticeStep = 2, o.innerRatio = 0.4) : e != null && e.vertices && (e != null && e.innerVerticeStep) && (e != null && e.innerRatio) && (o.vertices = e.vertices, o.innerVerticeStep = e.innerVerticeStep, o.innerRatio = e.innerRatio)), t === v.Polygon && (e.shapeType === ke.Triangle ? o.vertices = 3 : e.shapeType === ke.Rhombus ? o.vertices = 4 : e.vertices && (o.vertices = e.vertices)), o.fillColor = (e == null ? void 0 : e.fillColor) && dt(e.fillColor[0], e.fillColor[1], e.fillColor[2], e == null ? void 0 : e.fillOpacity) || "transparent", t === v.SpeechBalloon && (o.placement = e.placement || "bottomLeft");
+      case N.Ellipse:
+      case N.Rectangle:
+      case N.Star:
+      case N.Polygon:
+      case N.SpeechBalloon:
+        t === N.Star && (e.shapeType === Le.Pentagram ? (o.vertices = 10, o.innerVerticeStep = 2, o.innerRatio = 0.4) : e != null && e.vertices && (e != null && e.innerVerticeStep) && (e != null && e.innerRatio) && (o.vertices = e.vertices, o.innerVerticeStep = e.innerVerticeStep, o.innerRatio = e.innerRatio)), t === N.Polygon && (e.shapeType === Le.Triangle ? o.vertices = 3 : e.shapeType === Le.Rhombus ? o.vertices = 4 : e.vertices && (o.vertices = e.vertices)), o.fillColor = (e == null ? void 0 : e.fillColor) && dt(e.fillColor[0], e.fillColor[1], e.fillColor[2], e == null ? void 0 : e.fillOpacity) || "transparent", t === N.SpeechBalloon && (o.placement = e.placement || "bottomLeft");
         break;
     }
     return {
@@ -4530,22 +4519,22 @@ const qe = class qe {
   effectViewContainer(t) {
     var e, i, o, r, s;
     switch (t) {
-      case v.Text:
-      case v.Pencil:
-      case v.LaserPen:
-      case v.Arrow:
-      case v.Straight:
-      case v.Rectangle:
-      case v.Ellipse:
-      case v.Star:
-      case v.Polygon:
-      case v.SpeechBalloon:
-      case v.Triangle:
-      case v.Rhombus:
+      case N.Text:
+      case N.Pencil:
+      case N.LaserPen:
+      case N.Arrow:
+      case N.Straight:
+      case N.Rectangle:
+      case N.Ellipse:
+      case N.Star:
+      case N.Polygon:
+      case N.SpeechBalloon:
+      case N.Triangle:
+      case N.Rhombus:
         this.room.disableDeviceInputs = !0, (e = this.worker) == null || e.abled();
         break;
-      case v.Eraser:
-      case v.Selector:
+      case N.Eraser:
+      case N.Selector:
         this.room.disableDeviceInputs = !1, (i = this.cursor) == null || i.unabled(), (o = this.worker) == null || o.abled();
         break;
       default:
@@ -4627,12 +4616,12 @@ const qe = class qe {
 };
 p(qe, "InternalMsgEmitter", new ao());
 let ze = qe;
-var $M = Oo, FM = 4;
-function QM(n) {
-  return $M(n, FM);
+var FM = Oo, QM = 4;
+function HM(n) {
+  return FM(n, QM);
 }
-var HM = QM;
-const _i = /* @__PURE__ */ Ze(HM), Re = class Re {
+var ZM = HM;
+const _i = /* @__PURE__ */ Ze(ZM), Re = class Re {
   constructor(t) {
     p(this, "emitter", new ao());
     p(this, "undoStack");
@@ -4830,7 +4819,7 @@ const _i = /* @__PURE__ */ Ze(HM), Re = class Re {
     return !!e.includes(i);
   }
   refreshPlugin(t, e = !1) {
-    var s, a, c, l, u, h, g, d, f, N, m, M, w, I, z, T, j, x, A, W, E;
+    var s, a, c, l, u, h, g, d, f, v, m, M, w, I, z, T, j, x, A, W, E;
     let i;
     const { scenePath: o } = t, r = t.data;
     if (!(!r || !this.collector))
@@ -4866,7 +4855,7 @@ const _i = /* @__PURE__ */ Ze(HM), Re = class Re {
               if (e && !Array.isArray(P))
                 (g = this.collector) == null || g.updateValue(ee, void 0, { isAfterUpdate: !0, viewId: this.viewId, scenePath: o, isSync: !0 });
               else if (!e && !Array.isArray(P)) {
-                if ((d = P.updateNodeOpt) != null && d.useAnimation && (P.updateNodeOpt.useAnimation = !1), ((f = this.collector) == null ? void 0 : f.getLocalId(Y.key)) === O && ((N = this.collector) != null && N.isOwn(Y.key))) {
+                if ((d = P.updateNodeOpt) != null && d.useAnimation && (P.updateNodeOpt.useAnimation = !1), ((f = this.collector) == null ? void 0 : f.getLocalId(Y.key)) === O && ((v = this.collector) != null && v.isOwn(Y.key))) {
                   const V = P.selectIds;
                   if (V) {
                     const K = X.filter((S) => {
@@ -4938,11 +4927,11 @@ const _i = /* @__PURE__ */ Ze(HM), Re = class Re {
 };
 p(Re, "sdkCallBack"), p(Re, "MaxStackLength", 20), p(Re, "waitTime", 100);
 let wt = Re;
-function ZM(n) {
+function GM(n) {
   return n instanceof TouchEvent || n instanceof window.TouchEvent || (n == null ? void 0 : n.touches) && (n == null ? void 0 : n.touches.length) || (n == null ? void 0 : n.changedTouches) && (n == null ? void 0 : n.changedTouches.length);
 }
 function Xe(n) {
-  return ZM(n) && (n.touches && n.touches.length === 1 || n.changedTouches && n.changedTouches.length === 1);
+  return GM(n) && (n.touches && n.touches.length === 1 || n.changedTouches && n.changedTouches.length === 1);
 }
 function Uo(n) {
   return n.touches && n.touches.length ? {
@@ -5099,7 +5088,7 @@ class at {
   }
   /** 绘制view */
   render(t) {
-    var e, i, o, r, s, a, c, l, u, h, g, d, f, N, m, M, w;
+    var e, i, o, r, s, a, c, l, u, h, g, d, f, v, m, M, w;
     for (const I of t) {
       const { rect: z, imageBitmap: T, isClear: j, isUnClose: x, drawCanvas: A, clearCanvas: W, offset: E, viewId: Y } = I, Q = (e = this.getView(Y)) == null ? void 0 : e.displayer;
       if (Q && z) {
@@ -5131,7 +5120,7 @@ class at {
               break;
             }
             case Oe.Float: {
-              (m = (N = _.current) == null ? void 0 : N.getContext("2d")) == null || m.drawImage(T, 0, 0, K, q, S, B, K, q);
+              (m = (v = _.current) == null ? void 0 : v.getContext("2d")) == null || m.drawImage(T, 0, 0, K, q, S, B, K, q);
               break;
             }
             case Oe.Bg: {
@@ -5182,13 +5171,13 @@ p(at, "defaultCameraOpt", {
   scale: 1
 }), p(at, "defaultScreenCanvasOpt", {
   autoRender: !1,
-  contextType: mt.Canvas2d
+  contextType: Gt.Canvas2d
 }), p(at, "defaultLayerOpt", {
   offscreen: !0,
   handleEvent: !1,
   depth: !1
 });
-class GM {
+class VM {
   constructor(t, e, i) {
     p(this, "viewId");
     p(this, "control");
@@ -5269,17 +5258,17 @@ class GM {
     var e, i;
     const t = (i = (e = this.control.worker) == null ? void 0 : e.currentToolsData) == null ? void 0 : i.toolsType;
     switch (t) {
-      case v.Text:
-      case v.Pencil:
-      case v.LaserPen:
-      case v.Arrow:
-      case v.Straight:
-      case v.Rectangle:
-      case v.Ellipse:
-      case v.Star:
-      case v.Polygon:
-      case v.SpeechBalloon:
-        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${t === v.Text ? "cursor-text" : t === v.Pencil || t === v.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
+      case N.Text:
+      case N.Pencil:
+      case N.LaserPen:
+      case N.Arrow:
+      case N.Straight:
+      case N.Rectangle:
+      case N.Ellipse:
+      case N.Star:
+      case N.Polygon:
+      case N.SpeechBalloon:
+        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${t === N.Text ? "cursor-text" : t === N.Pencil || t === N.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
         break;
     }
   }
@@ -5406,17 +5395,17 @@ class Te {
     var e, i;
     const t = (i = (e = this.control.worker) == null ? void 0 : e.currentToolsData) == null ? void 0 : i.toolsType;
     switch (t) {
-      case v.Text:
-      case v.Pencil:
-      case v.LaserPen:
-      case v.Arrow:
-      case v.Straight:
-      case v.Rectangle:
-      case v.Ellipse:
-      case v.Star:
-      case v.Polygon:
-      case v.SpeechBalloon:
-        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${t === v.Text ? "cursor-text" : t === v.Pencil || t === v.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
+      case N.Text:
+      case N.Pencil:
+      case N.LaserPen:
+      case N.Arrow:
+      case N.Straight:
+      case N.Rectangle:
+      case N.Ellipse:
+      case N.Star:
+      case N.Polygon:
+      case N.SpeechBalloon:
+        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${t === N.Text ? "cursor-text" : t === N.Pencil || t === N.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
         break;
     }
   }
@@ -5464,18 +5453,18 @@ class Te {
   }
 }
 p(Te, "viewId", "mainView");
-const VM = "index-module__Container__nLsM3", JM = "index-module__CanvasBox__j2Xe-", KM = "index-module__FloatCanvas__d1YR7", qM = "index-module__FloatBar__cm-EL", _M = "index-module__RotateBtn__HSSkf", XM = "index-module__ResizeBtn__yjvda", ep = "index-module__CursorBox__2UHvI", tp = "index-module__TextEditorContainer__Qm8KC", ip = "index-module__ResizeTowBox__HOllX", op = "index-module__FloatBarBtn__FJrOG", Ce = {
-  Container: VM,
-  CanvasBox: JM,
-  FloatCanvas: KM,
-  FloatBar: qM,
-  RotateBtn: _M,
-  ResizeBtn: XM,
-  CursorBox: ep,
-  TextEditorContainer: tp,
-  ResizeTowBox: ip,
-  FloatBarBtn: op
-}, np = {
+const JM = "index-module__Container__nLsM3", KM = "index-module__CanvasBox__j2Xe-", qM = "index-module__FloatCanvas__d1YR7", _M = "index-module__FloatBar__cm-EL", XM = "index-module__RotateBtn__HSSkf", ep = "index-module__ResizeBtn__yjvda", tp = "index-module__CursorBox__2UHvI", ip = "index-module__TextEditorContainer__Qm8KC", op = "index-module__ResizeTowBox__HOllX", np = "index-module__FloatBarBtn__FJrOG", Ce = {
+  Container: JM,
+  CanvasBox: KM,
+  FloatCanvas: qM,
+  FloatBar: _M,
+  RotateBtn: XM,
+  ResizeBtn: ep,
+  CursorBox: tp,
+  TextEditorContainer: ip,
+  ResizeTowBox: op,
+  FloatBarBtn: np
+}, rp = {
   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+",
@@ -5513,9 +5502,9 @@ const VM = "index-module__Container__nLsM3", JM = "index-module__CanvasBox__j2Xe
   "speechBallon-placement": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTU3NiAyMTMuMzMzMzMzbDIyLjYxMzMzMyAyMi42MTMzMzRhMzIgMzIgMCAwIDAgMC00NS4yMjY2NjdMNTc2IDIxMy4zMzMzMzN6IG0tNjIuNzItMTA3Ljk0NjY2NmEzMiAzMiAwIDEgMC00NS4yMjY2NjcgNDUuMjI2NjY2bDQ1LjIyNjY2Ny00NS4yMjY2NjZ6IG0tNDUuMjI2NjY3IDE3MC42NjY2NjZhMzIgMzIgMCAwIDAgNDUuMjI2NjY3IDQ1LjIyNjY2N2wtNDUuMjI2NjY3LTQ1LjIyNjY2N3pNNDQ4IDgxMC42NjY2NjdsLTIyLjYxMzMzMy0yMi42MTMzMzRhMzIgMzIgMCAwIDAgMCA0NS4yMjY2NjdsMjIuNjEzMzMzLTIyLjYxMzMzM3ogbTEwNy45NDY2NjctNjIuNzJhMzIgMzIgMCAxIDAtNDUuMjI2NjY3LTQ1LjIyNjY2N2w0NS4yMjY2NjcgNDUuMjI2NjY3eiBtLTQ1LjIyNjY2NyAxNzAuNjY2NjY2YTMyIDMyIDAgMSAwIDQ1LjIyNjY2Ny00NS4yMjY2NjZsLTQ1LjIyNjY2NyA0NS4yMjY2NjZ6TTgxMC42NjY2NjcgNTc2bC0yMi42MTMzMzQgMjIuNjEzMzMzYTMyIDMyIDAgMCAwIDQ1LjIyNjY2NyAwTDgxMC42NjY2NjcgNTc2eiBtMTA3Ljk0NjY2Ni02Mi43MmEzMiAzMiAwIDEgMC00NS4yMjY2NjYtNDUuMjI2NjY3bDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAtNDUuMjI2NjY3IDQ1LjIyNjY2N2w0NS4yMjY2NjctNDUuMjI2NjY3ek0yMTMuMzMzMzMzIDQ0OGwyMi42MTMzMzQtMjIuNjEzMzMzYTMyIDMyIDAgMCAwLTQ1LjIyNjY2NyAwbDIyLjYxMzMzMyAyMi42MTMzMzN6IG02Mi43MiAxMDcuOTQ2NjY3YTMyIDMyIDAgMCAwIDQ1LjIyNjY2Ny00NS4yMjY2NjdsLTQ1LjIyNjY2NyA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAgNDUuMjI2NjY2IDQ1LjIyNjY2N2wtNDUuMjI2NjY2LTQ1LjIyNjY2N3pNMzA5LjMzMzMzMyAyMTMuMzMzMzMzQTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMjM0LjY2NjY2NyAyODh2NjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDM3My4zMzMzMzMgMjEzLjMzMzMzM2gtNjR6TTIzNC42NjY2NjcgMjg4QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMTYwIDIxMy4zMzMzMzNoLTY0QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAyMzQuNjY2NjY3IDM1MnYtNjR6TTE2MCAyMTMuMzMzMzMzYzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2NnYtNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDk2IDIxMy4zMzMzMzNoNjR6TTIzNC42NjY2NjcgMTM4LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NiA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIzNC42NjY2NjcgNzQuNjY2NjY3djY0ek0zNDEuMzMzMzMzIDI0NS4zMzMzMzNoMjM0LjY2NjY2N3YtNjRIMzQxLjMzMzMzM3Y2NHogbTI1Ny4yOC01NC42MTMzMzNsLTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NiA4NS4zMzMzMzQgODUuMzMzMzM0IDQ1LjIyNjY2Ni00NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsLTg1LjMzMzMzNCA4NS4zMzMzMzMgNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2Njd6TTY1MC42NjY2NjcgODEwLjY2NjY2N2ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2NiAxMzguNjY2NjY2di02NEE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxIDcxNC42NjY2NjcgODEwLjY2NjY2N2gtNjR6IG0xMzguNjY2NjY2IDEzOC42NjY2NjZBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDkyOCA4MTAuNjY2NjY3aC02NGE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxLTc0LjY2NjY2NyA3NC42NjY2NjZ2NjR6TTkyOCA4MTAuNjY2NjY3YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY3LTEzOC42NjY2Njd2NjRjNDEuMjE2IDAgNzQuNjY2NjY3IDMzLjQ1MDY2NyA3NC42NjY2NjcgNzQuNjY2NjY3aDY0eiBtLTEzOC42NjY2NjctMTM4LjY2NjY2N0ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgNjUwLjY2NjY2NyA4MTAuNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY2LTc0LjY2NjY2N3YtNjR6IG0tMTA2LjY2NjY2NiAxMDYuNjY2NjY3aC0yMzQuNjY2NjY3djY0SDY4Mi42NjY2Njd2LTY0eiBtLTIxMi4wNTMzMzQgNTQuNjEzMzMzbDg1LjMzMzMzNC04NS4zMzMzMzMtNDUuMjI2NjY3LTQ1LjIyNjY2Ny04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsODUuMzMzMzMzIDg1LjMzMzMzMyA0NS4yMjY2NjctNDUuMjI2NjY2LTg1LjMzMzMzNC04NS4zMzMzMzQtNDUuMjI2NjY2IDQ1LjIyNjY2N3pNNjcyIDIzNC42NjY2NjdBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDgxMC42NjY2NjcgMzczLjMzMzMzM3YtNjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjctNzQuNjY2NjY2aC02NHpNODEwLjY2NjY2NyAzNzMuMzMzMzMzYTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAxMzguNjY2NjY2LTEzOC42NjY2NjZoLTY0QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgODEwLjY2NjY2NyAzMDkuMzMzMzMzdjY0eiBtMTM4LjY2NjY2Ni0xMzguNjY2NjY2QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCA4MTAuNjY2NjY3IDk2djY0YzQxLjIxNiAwIDc0LjY2NjY2NyAzMy40NTA2NjcgNzQuNjY2NjY2IDc0LjY2NjY2N2g2NHpNODEwLjY2NjY2NyA5NmExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAtMTM4LjY2NjY2NyAxMzguNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2N3YtNjR6TTc3OC42NjY2NjcgMzQxLjMzMzMzM3YyMzQuNjY2NjY3aDY0VjM0MS4zMzMzMzNoLTY0eiBtNTQuNjEzMzMzIDI1Ny4yOGw4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2NjctODUuMzMzMzM0IDg1LjMzMzMzNCA0NS4yMjY2NjcgNDUuMjI2NjY2eiBtMC00NS4yMjY2NjZsLTg1LjMzMzMzMy04NS4zMzMzMzQtNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2Ny00NS4yMjY2NjZ6TTEzOC42NjY2NjcgNzg5LjMzMzMzM2MwLTQxLjIxNiAzMy40NTA2NjctNzQuNjY2NjY3IDc0LjY2NjY2Ni03NC42NjY2NjZ2LTY0YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY2IDEzOC42NjY2NjZoNjR6TTIxMy4zMzMzMzMgNzE0LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NyA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIxMy4zMzMzMzMgNjUwLjY2NjY2N3Y2NHogbTc0LjY2NjY2NyA3NC42NjY2NjZBNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMSAyMTMuMzMzMzMzIDg2NHY2NGExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2Ny0xMzguNjY2NjY3aC02NHpNMjEzLjMzMzMzMyA4NjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjYtNzQuNjY2NjY3aC02NEExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMjEzLjMzMzMzMyA5Mjh2LTY0ek0yNDUuMzMzMzMzIDY4Mi42NjY2Njd2LTIzNC42NjY2NjdoLTY0VjY4Mi42NjY2NjdoNjR6IG0tNTQuNjEzMzMzLTIxMi4wNTMzMzRsODUuMzMzMzMzIDg1LjMzMzMzNCA0NS4yMjY2NjctNDUuMjI2NjY3LTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NnogbTAtNDUuMjI2NjY2bC04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2NjcgODUuMzMzMzM0LTg1LjMzMzMzNC00NS4yMjY2NjctNDUuMjI2NjY2eiIgIGZpbGw9IiM0NDRFNjAiPjwvcGF0aD48L3N2Zz4="
 };
 function de(n) {
-  return np[n];
+  return rp[n];
 }
-const rp = (n) => {
+const sp = (n) => {
   const { workIds: t, maranger: e } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -5538,7 +5527,7 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de("delete") })
   );
-}, sp = (n) => {
+}, ap = (n) => {
   const { workIds: t, viewId: e } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -5564,7 +5553,7 @@ const rp = (n) => {
 }, Xi = (n) => {
   const { icon: t, onClickHandler: e, onTouchEndHandler: i } = n;
   return /* @__PURE__ */ y.createElement("div", { className: "button normal-button", onClick: e, onTouchEnd: i }, /* @__PURE__ */ y.createElement("img", { src: de(t) }));
-}, ap = (n) => {
+}, cp = (n) => {
   const { open: t, setOpen: e, style: i } = n, { floatBarData: o, maranger: r } = ge(he), [s, a] = J([]), c = Z(() => {
     if (i && i.bottom) {
       const g = {};
@@ -5643,7 +5632,7 @@ const rp = (n) => {
     l,
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(t ? "layer-pressed" : "layer") })
   );
-}, cp = (n) => {
+}, lp = (n) => {
   const { activeColor: t, onClickHandler: e, onTouchEndHandler: i } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -5725,7 +5714,7 @@ const rp = (n) => {
       )
     ))
   );
-}, lp = (n) => {
+}, hp = (n) => {
   const { open: t, setOpen: e, floatBarRef: i } = n, { floatBarData: o, floatBarColors: r, maranger: s, position: a, setFloatBarData: c } = ge(he), [l, u] = J(), [h, g] = J(1);
   re(() => {
     if (o != null && o.strokeColor) {
@@ -5751,7 +5740,7 @@ const rp = (n) => {
       D.SetColorNode,
       { workIds: [O], strokeColor: z, workState: I, viewId: s == null ? void 0 : s.viewId }
     );
-  } }), [h, l, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, o]), N = Z(() => t ? /* @__PURE__ */ y.createElement(
+  } }), [h, l, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, o]), v = Z(() => t ? /* @__PURE__ */ y.createElement(
     "div",
     {
       className: "font-colors-menu",
@@ -5806,9 +5795,9 @@ const rp = (n) => {
       }
     },
     m,
-    N
+    v
   );
-}, hp = (n) => {
+}, up = (n) => {
   const { open: t, setOpen: e, floatBarRef: i } = n, { floatBarData: o, floatBarColors: r, maranger: s, position: a, setFloatBarData: c } = ge(he), [l, u] = J(), [h, g] = J(1);
   re(() => {
     if (o != null && o.fillColor) {
@@ -5834,7 +5823,7 @@ const rp = (n) => {
       D.SetColorNode,
       { workIds: [O], fillColor: l && Me(w, M), workState: I, viewId: s == null ? void 0 : s.viewId }
     );
-  } }) : null, [l, h, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, o]), N = Z(() => t ? /* @__PURE__ */ y.createElement(
+  } }) : null, [l, h, s == null ? void 0 : s.control.room, s == null ? void 0 : s.viewId, o]), v = Z(() => t ? /* @__PURE__ */ y.createElement(
     "div",
     {
       className: "font-colors-menu",
@@ -5847,7 +5836,7 @@ const rp = (n) => {
       }
     },
     /* @__PURE__ */ y.createElement(
-      cp,
+      lp,
       {
         activeColor: l,
         onTouchEndHandler: (M) => {
@@ -5916,9 +5905,9 @@ const rp = (n) => {
       }
     },
     m,
-    N
+    v
   );
-}, up = (n) => {
+}, dp = (n) => {
   const { open: t, setOpen: e, textOpt: i, workIds: o, floatBarRef: r } = n, { floatBarColors: s, maranger: a, position: c, setFloatBarData: l, floatBarData: u } = ge(he), [h, g] = J(), [d, f] = J(1);
   re(() => {
     if (i != null && i.fontColor) {
@@ -5926,7 +5915,7 @@ const rp = (n) => {
       g(I), f(z);
     }
   }, [i == null ? void 0 : i.fontColor]);
-  const N = Z(() => {
+  const v = Z(() => {
     if (r != null && r.current && c && (a != null && a.height)) {
       if (r.current.offsetTop && r.current.offsetTop + c.y > 180) {
         const I = {};
@@ -5953,7 +5942,7 @@ const rp = (n) => {
     "div",
     {
       className: "font-colors-menu",
-      style: N,
+      style: v,
       onTouchEnd: (I) => {
         I.stopPropagation(), I.nativeEvent.stopImmediatePropagation();
       },
@@ -5991,7 +5980,7 @@ const rp = (n) => {
       );
     }),
     m
-  ) : null, [t, s, m, h, d, u == null ? void 0 : u.textOpt, o, a == null ? void 0 : a.viewId, N]), w = Z(() => {
+  ) : null, [t, s, m, h, d, u == null ? void 0 : u.textOpt, o, a == null ? void 0 : a.viewId, v]), w = Z(() => {
     const I = h && h !== "transparent" && Me(h, d) || "transparent";
     return /* @__PURE__ */ y.createElement("div", { className: "color-bar" }, /* @__PURE__ */ y.createElement("div", { className: "color-bar-color", style: { backgroundColor: I } }));
   }, [h, d]);
@@ -6010,7 +5999,7 @@ const rp = (n) => {
     w,
     M
   );
-}, dp = (n) => {
+}, gp = (n) => {
   const { bold: t, setBold: e, workIds: i, viewId: o } = n, r = (s) => {
     const a = t === "bold" ? "normal" : "bold";
     s == null || s.preventDefault(), s == null || s.stopPropagation(), e(a), F.emitMethod(
@@ -6028,7 +6017,7 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(t === "bold" ? "bold-active" : "bold") })
   );
-}, gp = (n) => {
+}, Mp = (n) => {
   const { underline: t, setUnderline: e, workIds: i, viewId: o } = n, r = (s) => {
     const a = !t;
     s == null || s.preventDefault(), s == null || s.stopPropagation(), e(a), F.emitMethod(
@@ -6046,7 +6035,7 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(t ? "underline-active" : "underline") })
   );
-}, Mp = (n) => {
+}, pp = (n) => {
   const { lineThrough: t, setLineThrough: e, workIds: i, viewId: o } = n, r = (s) => {
     const a = !t;
     s == null || s.preventDefault(), s == null || s.stopPropagation(), e(a), F.emitMethod(
@@ -6064,7 +6053,7 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(t ? "line-through-active" : "line-through") })
   );
-}, pp = (n) => {
+}, fp = (n) => {
   const { italic: t, setItalic: e, workIds: i, viewId: o } = n, r = (s) => {
     const a = t === "italic" ? "normal" : "italic";
     s == null || s.preventDefault(), s == null || s.stopPropagation(), e(a), F.emitMethod(
@@ -6082,12 +6071,12 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(t === "italic" ? "italic-active" : "italic") })
   );
-}, fp = (n) => {
+}, yp = (n) => {
   const { open: t, setOpen: e, textOpt: i, workIds: o, style: r } = n, { maranger: s } = ge(he), [a, c] = J("normal"), [l, u] = J("normal"), [h, g] = J(!1), [d, f] = J(!1);
   re(() => {
     i != null && i.bold && c(i.bold), ve(i == null ? void 0 : i.underline) && g(i.underline || !1), ve(i == null ? void 0 : i.lineThrough) && f(i.lineThrough || !1), i != null && i.italic && u(i.italic);
   }, [i]);
-  const N = Z(() => {
+  const v = Z(() => {
     if (r && r.bottom) {
       const M = {};
       return M.top = "inherit", M.bottom = 50, M;
@@ -6096,7 +6085,7 @@ const rp = (n) => {
     "div",
     {
       className: "font-style-menu",
-      style: N,
+      style: v,
       onTouchEnd: (M) => {
         M.stopPropagation(), M.nativeEvent.stopImmediatePropagation();
       },
@@ -6104,11 +6093,11 @@ const rp = (n) => {
         M.preventDefault(), M.stopPropagation(), M.nativeEvent.stopImmediatePropagation();
       }
     },
-    /* @__PURE__ */ y.createElement(dp, { workIds: o || [O], bold: a, setBold: c, viewId: s == null ? void 0 : s.viewId }),
-    /* @__PURE__ */ y.createElement(gp, { workIds: o || [O], underline: h, setUnderline: g, viewId: s == null ? void 0 : s.viewId }),
-    /* @__PURE__ */ y.createElement(Mp, { workIds: o || [O], lineThrough: d, setLineThrough: f, viewId: s == null ? void 0 : s.viewId }),
-    /* @__PURE__ */ y.createElement(pp, { workIds: o || [O], italic: l, setItalic: u, viewId: s == null ? void 0 : s.viewId })
-  ) : null, [t, o, a, s == null ? void 0 : s.viewId, h, d, l, N]);
+    /* @__PURE__ */ y.createElement(gp, { workIds: o || [O], bold: a, setBold: c, viewId: s == null ? void 0 : s.viewId }),
+    /* @__PURE__ */ y.createElement(Mp, { workIds: o || [O], underline: h, setUnderline: g, viewId: s == null ? void 0 : s.viewId }),
+    /* @__PURE__ */ y.createElement(pp, { workIds: o || [O], lineThrough: d, setLineThrough: f, viewId: s == null ? void 0 : s.viewId }),
+    /* @__PURE__ */ y.createElement(fp, { workIds: o || [O], italic: l, setItalic: u, viewId: s == null ? void 0 : s.viewId })
+  ) : null, [t, o, a, s == null ? void 0 : s.viewId, h, d, l, v]);
   return /* @__PURE__ */ y.createElement(
     "div",
     {
@@ -6147,7 +6136,7 @@ const rp = (n) => {
   "right",
   "rightTop",
   "rightBottom"
-], yp = (n) => {
+], Ip = (n) => {
   const { style: t, onClickHandler: e } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -6176,7 +6165,7 @@ const rp = (n) => {
       i
     ))
   );
-}, Ip = (n) => {
+}, vp = (n) => {
   const t = He(null), { open: e, setOpen: i, textOpt: o, workIds: r, floatBarRef: s } = n, { maranger: a, position: c } = ge(he), [l, u] = J(0), [h, g] = J(), d = ye.length - 1;
   re(() => {
     o != null && o.fontSize && (u(o.fontSize), t.current && (t.current.value = o.fontSize.toString()));
@@ -6192,7 +6181,7 @@ const rp = (n) => {
       }
     }
   }, [s, c, a]);
-  function N(I) {
+  function v(I) {
     u(I), I && I >= ye[0] && I <= ye[d] && F.emitMethod(U.MainEngine, D.SetFontStyle, {
       workIds: r || [O],
       fontSize: I,
@@ -6206,8 +6195,8 @@ const rp = (n) => {
       fontSize: I,
       viewId: a == null ? void 0 : a.viewId
     });
-  }, M = Z(() => e ? /* @__PURE__ */ y.createElement(yp, { onClickHandler: m, style: f }) : null, [e, m, f]), w = (I) => {
-    I > ye[d] && (I = ye[d]), I < ye[0] && (I = ye[0]), N(I);
+  }, M = Z(() => e ? /* @__PURE__ */ y.createElement(Ip, { onClickHandler: m, style: f }) : null, [e, m, f]), w = (I) => {
+    I > ye[d] && (I = ye[d]), I < ye[0] && (I = ye[0]), v(I);
   };
   return re(() => () => {
     a != null && a.control.room && ve(h) && (a.control.room.disableDeviceInputs = h);
@@ -6249,7 +6238,7 @@ const rp = (n) => {
         },
         onChange: (I) => {
           const z = I.target.value, T = parseInt(z);
-          T && N(T);
+          T && v(T);
         },
         onFocus: () => {
           a != null && a.control.room && !a.control.room.disableDeviceInputs && (g(a.control.room.disableDeviceInputs), a.control.room.disableDeviceInputs = !0);
@@ -6284,7 +6273,7 @@ const rp = (n) => {
     )),
     M
   );
-}, vp = (n) => {
+}, Np = (n) => {
   const { workIds: t, maranger: e, islocked: i } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -6307,7 +6296,7 @@ const rp = (n) => {
     },
     /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de(i ? "unlock-new" : "lock-new") })
   );
-}, Ht = (n) => {
+}, Qt = (n) => {
   const { icon: t, min: e, max: i, step: o, value: r, onInputHandler: s } = n, [a, c] = J(0), l = He(null), u = (h) => {
     h > i && (h = i), h < e && (h = e), c(h), s(h), l.current && (l.current.value = h.toString());
   };
@@ -6380,10 +6369,10 @@ const rp = (n) => {
       }
     ))
   );
-}, Np = (n) => {
-  const { icon: t, min: e, max: i, step: o, value: r, onInputHandler: s } = n;
-  return /* @__PURE__ */ y.createElement("div", { className: "button input-button" }, /* @__PURE__ */ y.createElement("img", { src: de(t) }), /* @__PURE__ */ y.createElement(wp, { min: e, max: i, step: o, value: r, onInputHandler: s }));
 }, wp = (n) => {
+  const { icon: t, min: e, max: i, step: o, value: r, onInputHandler: s } = n;
+  return /* @__PURE__ */ y.createElement("div", { className: "button input-button" }, /* @__PURE__ */ y.createElement("img", { src: de(t) }), /* @__PURE__ */ y.createElement(mp, { min: e, max: i, step: o, value: r, onInputHandler: s }));
+}, mp = (n) => {
   const { value: t, min: e, max: i, onInputHandler: o } = n, [r, s] = J({ x: 0, y: 0 });
   re(() => {
     s({ x: t * 100, y: 0 });
@@ -6429,8 +6418,8 @@ const rp = (n) => {
       /* @__PURE__ */ y.createElement("div", { className: "circle", onClick: c })
     ))
   );
-}, mp = (n) => {
-  const { icon: t, value: e, onChangeHandler: i, style: o } = n, [r, s] = J(0), [a, c] = J(), l = He(null), u = Jo((d) => {
+}, Tp = (n) => {
+  const { icon: t, value: e, onChangeHandler: i, style: o } = n, [r, s] = J(0), [a, c] = J(), l = He(null), u = Ko((d) => {
     d >= Je.length && (d = 0), d < 0 && (d = Je.length - 1), s(d), i(Je[d]), c(!1), l.current && (l.current.value = Je[d]);
   }, [i]), h = Z(() => {
     if (o && o.bottom) {
@@ -6441,7 +6430,7 @@ const rp = (n) => {
   re(() => {
     e && (s(Je.indexOf(e)), l.current && (l.current.value = e));
   }, [e]);
-  const g = Z(() => a ? /* @__PURE__ */ y.createElement(Tp, { options: Je, onClickHandler: u, style: h }) : null, [a, u, h]);
+  const g = Z(() => a ? /* @__PURE__ */ y.createElement(zp, { options: Je, onClickHandler: u, style: h }) : null, [a, u, h]);
   return /* @__PURE__ */ y.createElement("div", { className: "button input-button" }, /* @__PURE__ */ y.createElement("img", { src: de(t) }), /* @__PURE__ */ y.createElement(
     "input",
     {
@@ -6479,7 +6468,7 @@ const rp = (n) => {
       }
     }
   )), g);
-}, Tp = (n) => {
+}, zp = (n) => {
   const { options: t, style: e, onClickHandler: i } = n;
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -6508,14 +6497,14 @@ const rp = (n) => {
       o
     ))
   );
-}, zp = (n) => {
+}, jp = (n) => {
   const { maranger: t, innerRatio: e, innerVerticeStep: i, vertices: o } = n, r = (c) => {
     console.log("onInputHandler", c), F.emitMethod(
       U.MainEngine,
       D.SetShapeOpt,
       {
         workIds: [O],
-        toolsType: v.Star,
+        toolsType: N.Star,
         viewId: t.viewId,
         vertices: c
       }
@@ -6526,7 +6515,7 @@ const rp = (n) => {
       D.SetShapeOpt,
       {
         workIds: [O],
-        toolsType: v.Star,
+        toolsType: N.Star,
         viewId: t.viewId,
         innerVerticeStep: c
       }
@@ -6537,52 +6526,52 @@ const rp = (n) => {
       D.SetShapeOpt,
       {
         workIds: [O],
-        toolsType: v.Star,
+        toolsType: N.Star,
         viewId: t.viewId,
         innerRatio: c
       }
     );
   };
-  return /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement(Ht, { value: o, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: r }), /* @__PURE__ */ y.createElement(Ht, { value: i, icon: "star-innerVertex", min: 1, max: 100, step: 1, onInputHandler: s }), /* @__PURE__ */ y.createElement(Np, { value: e, icon: "star-innerRatio", min: 0.1, max: 1, step: 0.1, onInputHandler: a }));
-}, jp = (n) => {
+  return /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement(Qt, { value: o, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: r }), /* @__PURE__ */ y.createElement(Qt, { value: i, icon: "star-innerVertex", min: 1, max: 100, step: 1, onInputHandler: s }), /* @__PURE__ */ y.createElement(wp, { value: e, icon: "star-innerRatio", min: 0.1, max: 1, step: 0.1, onInputHandler: a }));
+}, Cp = (n) => {
   const { maranger: t, vertices: e } = n, i = (o) => {
     F.emitMethod(
       U.MainEngine,
       D.SetShapeOpt,
       {
         workIds: [O],
-        toolsType: v.Polygon,
+        toolsType: N.Polygon,
         viewId: t.viewId,
         vertices: o
       }
     );
   };
-  return /* @__PURE__ */ y.createElement(Ht, { value: e, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: i });
-}, Cp = (n) => {
+  return /* @__PURE__ */ y.createElement(Qt, { value: e, icon: "polygon-vertex", min: 3, max: 100, step: 1, onInputHandler: i });
+}, Dp = (n) => {
   const { maranger: t, placement: e } = n, i = (o) => {
     console.log("onChangeHandler-SpeechBalloonFormView", o), F.emitMethod(
       U.MainEngine,
       D.SetShapeOpt,
       {
         workIds: [O],
-        toolsType: v.SpeechBalloon,
+        toolsType: N.SpeechBalloon,
         viewId: t.viewId,
         placement: o
       }
     );
   };
-  return /* @__PURE__ */ y.createElement(mp, { value: e, icon: "speechBallon-placement", onChangeHandler: i });
-}, Yt = (n) => {
+  return /* @__PURE__ */ y.createElement(Tp, { value: e, icon: "speechBallon-placement", onChangeHandler: i });
+}, Ot = (n) => {
   const { icon: t, isActive: e, onClickHandler: i, onTouchEndHandler: o } = n;
   return /* @__PURE__ */ y.createElement("div", { className: `button tab-button ${e ? "active" : ""}`, onClick: i, onTouchEnd: o }, /* @__PURE__ */ y.createElement("img", { src: de(t) }));
-}, Dp = (n) => {
+}, Sp = (n) => {
   const { toolsTypes: t, style: e, maranger: i, shapeOpt: o } = n, [r, s] = J();
   re(() => {
-    t.includes(v.Polygon) ? s(v.Polygon) : t.includes(v.Star) ? s(v.Star) : s(v.SpeechBalloon);
+    t.includes(N.Polygon) ? s(N.Polygon) : t.includes(N.Star) ? s(N.Star) : s(N.SpeechBalloon);
   }, [t]);
   const a = (h, g) => {
     g == null || g.preventDefault(), g == null || g.stopPropagation(), s(h);
-  }, c = Z(() => r === v.Polygon && i && o.vertices ? /* @__PURE__ */ y.createElement(jp, { vertices: o.vertices, maranger: i }) : null, [i, r, o]), l = Z(() => r === v.Star && i && o.vertices && o.innerVerticeStep && o.innerRatio ? /* @__PURE__ */ y.createElement(zp, { maranger: i, vertices: o.vertices, innerVerticeStep: o.innerVerticeStep, innerRatio: o.innerRatio }) : null, [i, r, o]), u = Z(() => r === v.SpeechBalloon && i && o.placement ? /* @__PURE__ */ y.createElement(Cp, { maranger: i, placement: o.placement }) : null, [i, r, o]);
+  }, c = Z(() => r === N.Polygon && i && o.vertices ? /* @__PURE__ */ y.createElement(Cp, { vertices: o.vertices, maranger: i }) : null, [i, r, o]), l = Z(() => r === N.Star && i && o.vertices && o.innerVerticeStep && o.innerRatio ? /* @__PURE__ */ y.createElement(jp, { maranger: i, vertices: o.vertices, innerVerticeStep: o.innerVerticeStep, innerRatio: o.innerRatio }) : null, [i, r, o]), u = Z(() => r === N.SpeechBalloon && i && o.placement ? /* @__PURE__ */ y.createElement(Dp, { maranger: i, placement: o.placement }) : null, [i, r, o]);
   return /* @__PURE__ */ y.createElement(
     "div",
     {
@@ -6592,10 +6581,10 @@ const rp = (n) => {
         h.stopPropagation(), h.nativeEvent.stopImmediatePropagation(), h == null || h.preventDefault();
       }
     },
-    /* @__PURE__ */ y.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, t.includes(v.Polygon) && /* @__PURE__ */ y.createElement(Yt, { isActive: r === v.Polygon, icon: r === v.Polygon ? "polygon-active" : "polygon", onClickHandler: a.bind(void 0, v.Polygon), onTouchEndHandler: a.bind(void 0, v.Polygon) }) || null, t.includes(v.Star) && /* @__PURE__ */ y.createElement(Yt, { isActive: r === v.Star, icon: r === v.Star ? "star-active" : "star", onClickHandler: a.bind(void 0, v.Star), onTouchEndHandler: a.bind(void 0, v.Star) }) || null, t.includes(v.SpeechBalloon) && /* @__PURE__ */ y.createElement(Yt, { isActive: r === v.SpeechBalloon, icon: r === v.SpeechBalloon ? "speechBallon-active" : "speechBallon", onClickHandler: a.bind(void 0, v.SpeechBalloon), onTouchEndHandler: a.bind(void 0, v.SpeechBalloon) }) || null),
+    /* @__PURE__ */ y.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, t.includes(N.Polygon) && /* @__PURE__ */ y.createElement(Ot, { isActive: r === N.Polygon, icon: r === N.Polygon ? "polygon-active" : "polygon", onClickHandler: a.bind(void 0, N.Polygon), onTouchEndHandler: a.bind(void 0, N.Polygon) }) || null, t.includes(N.Star) && /* @__PURE__ */ y.createElement(Ot, { isActive: r === N.Star, icon: r === N.Star ? "star-active" : "star", onClickHandler: a.bind(void 0, N.Star), onTouchEndHandler: a.bind(void 0, N.Star) }) || null, t.includes(N.SpeechBalloon) && /* @__PURE__ */ y.createElement(Ot, { isActive: r === N.SpeechBalloon, icon: r === N.SpeechBalloon ? "speechBallon-active" : "speechBallon", onClickHandler: a.bind(void 0, N.SpeechBalloon), onTouchEndHandler: a.bind(void 0, N.SpeechBalloon) }) || null),
     /* @__PURE__ */ y.createElement("div", { className: "shapeOpt-sub-menu-content" }, c, l, u)
   );
-}, Sp = (n) => {
+}, xp = (n) => {
   const { open: t, setOpen: e, floatBarRef: i, toolsTypes: o, shapeOpt: r } = n, { floatBarData: s, maranger: a, position: c } = ge(he), [l, u] = J([]), [h, g] = J(), d = Z(() => {
     if (i != null && i.current && c && (a != null && a.height)) {
       if (i.current.offsetTop && i.current.offsetTop + c.y > 200) {
@@ -6606,7 +6595,7 @@ const rp = (n) => {
         return M.top = "inherit", M.bottom = 50, M;
       }
     }
-  }, [i, c, a]), f = Z(() => t && o && a && r ? (a.control.room && !a.control.room.disableDeviceInputs && (g(a.control.room.disableDeviceInputs), a.control.room.disableDeviceInputs = !0), /* @__PURE__ */ y.createElement(Dp, { shapeOpt: r, style: d, toolsTypes: o, maranger: a })) : (a != null && a.control.room && ve(h) && (a.control.room.disableDeviceInputs = h), null), [t, d, o, a, r]), N = (M) => {
+  }, [i, c, a]), f = Z(() => t && o && a && r ? (a.control.room && !a.control.room.disableDeviceInputs && (g(a.control.room.disableDeviceInputs), a.control.room.disableDeviceInputs = !0), /* @__PURE__ */ y.createElement(Sp, { shapeOpt: r, style: d, toolsTypes: o, maranger: a })) : (a != null && a.control.room && ve(h) && (a.control.room.disableDeviceInputs = h), null), [t, d, o, a, r]), v = (M) => {
     M.preventDefault(), M.stopPropagation(), M.nativeEvent.stopImmediatePropagation(), e(!t);
   }, m = (M) => {
     M.stopPropagation(), M.nativeEvent.stopImmediatePropagation(), e(!t);
@@ -6619,7 +6608,7 @@ const rp = (n) => {
     "div",
     {
       className: `button normal-button ${t && "active"}`,
-      onClick: N,
+      onClick: v,
       onTouchEnd: m
     },
     f,
@@ -6641,37 +6630,37 @@ const rp = (n) => {
       }
       return I;
     }
-  }, [l, o, r == null ? void 0 : r.w, r == null ? void 0 : r.h, s == null ? void 0 : s.width, s == null ? void 0 : s.height, t == null ? void 0 : t.boxSize]), h = Z(() => r != null && r.fillColor ? /* @__PURE__ */ y.createElement(hp, { floatBarRef: l, open: a === 3, setOpen: (I) => {
+  }, [l, o, r == null ? void 0 : r.w, r == null ? void 0 : r.h, s == null ? void 0 : s.width, s == null ? void 0 : s.height, t == null ? void 0 : t.boxSize]), h = Z(() => r != null && r.fillColor ? /* @__PURE__ */ y.createElement(up, { floatBarRef: l, open: a === 3, setOpen: (I) => {
     c(
       I === !0 ? 3 : 0
       /* FillColor */
     );
-  } }) : null, [r == null ? void 0 : r.fillColor, a, l]), g = Z(() => r != null && r.strokeColor ? /* @__PURE__ */ y.createElement(lp, { floatBarRef: l, open: a === 2, setOpen: (I) => {
+  } }) : null, [r == null ? void 0 : r.fillColor, a, l]), g = Z(() => r != null && r.strokeColor ? /* @__PURE__ */ y.createElement(hp, { floatBarRef: l, open: a === 2, setOpen: (I) => {
     c(
       I === !0 ? 2 : 0
       /* StrokeColor */
     );
-  } }) : null, [r == null ? void 0 : r.strokeColor, a, l]), d = Z(() => t != null && t.fontColor && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(up, { floatBarRef: l, open: a === 4, setOpen: (I) => {
+  } }) : null, [r == null ? void 0 : r.strokeColor, a, l]), d = Z(() => t != null && t.fontColor && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(dp, { floatBarRef: l, open: a === 4, setOpen: (I) => {
     c(
       I === !0 ? 4 : 0
       /* TextColor */
     );
-  }, textOpt: t, workIds: e }) : null, [t, a, e, s, l]), f = Z(() => t && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(fp, { open: a === 6, setOpen: (I) => {
+  }, textOpt: t, workIds: e }) : null, [t, a, e, s, l]), f = Z(() => t && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(yp, { open: a === 6, setOpen: (I) => {
     c(
       I === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: t, workIds: e, style: u }) : null, [t, a, e, s, u]), N = Z(() => t && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(Ip, { open: a === 7, setOpen: (I) => {
+  }, textOpt: t, workIds: e, style: u }) : null, [t, a, e, s, u]), v = Z(() => t && (s != null && s.viewId) ? /* @__PURE__ */ y.createElement(vp, { open: a === 7, setOpen: (I) => {
     c(
       I === !0 ? 7 : 0
       /* FontSize */
     );
-  }, textOpt: t, workIds: e, floatBarRef: l }) : null, [t, a, e, s, l]), m = Z(() => i ? null : /* @__PURE__ */ y.createElement(ap, { open: a === 1, setOpen: (I) => {
+  }, textOpt: t, workIds: e, floatBarRef: l }) : null, [t, a, e, s, l]), m = Z(() => i ? null : /* @__PURE__ */ y.createElement(cp, { open: a === 1, setOpen: (I) => {
     c(
       I === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: l }), [i, a, l]), M = Z(() => r != null && r.canLock && s ? /* @__PURE__ */ y.createElement(vp, { workIds: e, maranger: s, islocked: r.isLocked }) : null, [r, s, e]), w = Z(() => s && (s != null && s.viewId) && u && (r != null && r.shapeOpt) && (r != null && r.toolsTypes) ? /* @__PURE__ */ y.createElement(Sp, { open: a === 8, setOpen: (I) => {
+  }, floatBarRef: l }), [i, a, l]), M = Z(() => r != null && r.canLock && s ? /* @__PURE__ */ y.createElement(Np, { workIds: e, maranger: s, islocked: r.isLocked }) : null, [r, s, e]), w = Z(() => s && (s != null && s.viewId) && u && (r != null && r.shapeOpt) && (r != null && r.toolsTypes) ? /* @__PURE__ */ y.createElement(xp, { open: a === 8, setOpen: (I) => {
     c(
       I === !0 ? 8 : 0
       /* ShapeOpt */
@@ -6684,24 +6673,24 @@ const rp = (n) => {
       style: u,
       ref: l
     },
-    s && /* @__PURE__ */ y.createElement(rp, { workIds: e, maranger: s }),
+    s && /* @__PURE__ */ y.createElement(sp, { workIds: e, maranger: s }),
     m,
     M,
-    !!(s != null && s.viewId) && /* @__PURE__ */ y.createElement(sp, { workIds: e, viewId: s.viewId }),
+    !!(s != null && s.viewId) && /* @__PURE__ */ y.createElement(ap, { workIds: e, viewId: s.viewId }),
     w,
-    N,
+    v,
     f,
     d,
     g,
     h
   );
-}), xp = (n) => {
+}), Lp = (n) => {
   const { data: t, isActive: e, manager: i, workId: o } = n, { opt: r, scale: s, translate: a, x: c, y: l } = t, u = `scale(${s || 1}) ${a && "translate(" + a[0] + "px," + a[1] + "px)" || ""}`, {
     fontSize: h,
     fontFamily: g,
     underline: d,
     fontColor: f,
-    lineThrough: N,
+    lineThrough: v,
     textAlign: m,
     strokeColor: M,
     lineHeight: w,
@@ -6715,7 +6704,7 @@ const rp = (n) => {
     borderColor: M,
     minHeight: `${x}px`
   };
-  g && (A.fontFamily = `${g}`), (N || d) && (A.textDecoration = `${N && "line-through" || ""}${d && " underline" || ""}`), I && (A.fontWeight = `${I}`), z && (A.fontStyle = `${z}`), m && (A.textAlign = `${m}`);
+  g && (A.fontFamily = `${g}`), (v || d) && (A.textDecoration = `${v && "line-through" || ""}${d && " underline" || ""}`), I && (A.fontWeight = `${I}`), z && (A.fontStyle = `${z}`), m && (A.textAlign = `${m}`);
   let W = "";
   r != null && r.text && (W = r.text.split(",").reduce((Q, P, ee) => {
     const _ = P === "" ? "<br/>" : P;
@@ -6769,7 +6758,7 @@ const rp = (n) => {
     }
   }, [c.fontSize]);
   const f = `scale(${l || 1}) ${u && "translate(" + u[0] + "px," + u[1] + "px)" || ""}`, {
-    fontSize: N,
+    fontSize: v,
     fontFamily: m,
     underline: M,
     fontColor: w,
@@ -6779,7 +6768,7 @@ const rp = (n) => {
     lineHeight: j,
     bold: x,
     italic: A
-  } = c, W = N, E = j || W * 1.2, Y = {
+  } = c, W = v, E = j || W * 1.2, Y = {
     fontSize: `${W}px`,
     lineHeight: `${E}px`,
     color: w,
@@ -6815,8 +6804,8 @@ const rp = (n) => {
       }
     )
   );
-}), Lp = (n) => {
-  const { data: t, workId: e, isSelect: i, handleKeyUp: o, handleFocus: r, updateOptInfo: s, showFloatBtns: a, manager: c } = n, [l, u] = J(), { opt: h, scale: g, translate: d, x: f, y: N } = t, [m, M] = J(""), w = He(null);
+}), Ap = (n) => {
+  const { data: t, workId: e, isSelect: i, handleKeyUp: o, handleFocus: r, updateOptInfo: s, showFloatBtns: a, manager: c } = n, [l, u] = J(), { opt: h, scale: g, translate: d, x: f, y: v } = t, [m, M] = J(""), w = He(null);
   re(() => {
     let S = "";
     h != null && h.text && (S = h.text.split(",").reduce(($, ce, pe) => {
@@ -6919,7 +6908,7 @@ const rp = (n) => {
       className: "editor-box",
       style: {
         left: `${f}px`,
-        top: `${N}px`,
+        top: `${v}px`,
         zIndex: 2,
         pointerEvents: "none"
       },
@@ -6932,7 +6921,7 @@ const rp = (n) => {
       onKeyDown: (S) => (S.stopPropagation(), !0),
       onMouseMove: (S) => (S.stopPropagation(), S.preventDefault(), !0)
     },
-    !i && a && /* @__PURE__ */ y.createElement($o, { textOpt: h, workIds: [e], noLayer: !0, position: { x: f, y: N } }),
+    !i && a && /* @__PURE__ */ y.createElement($o, { textOpt: h, workIds: [e], noLayer: !0, position: { x: f, y: v } }),
     /* @__PURE__ */ y.createElement(
       "div",
       {
@@ -7014,7 +7003,7 @@ class Fo extends y.Component {
     return /* @__PURE__ */ y.createElement("div", { ref: this.props.textRef }, this.editorUI);
   }
 }
-class Ap extends Fo {
+class bp extends Fo {
   constructor(t) {
     super(t);
   }
@@ -7054,7 +7043,7 @@ class Ap extends Fo {
       return this.props.editors.forEach((i, o) => {
         if (!(this.props.selectIds.includes(o) && this.props.activeTextId !== o)) {
           const a = this.props.activeTextId == o ? /* @__PURE__ */ y.createElement(
-            Lp,
+            Ap,
             {
               key: o,
               data: i,
@@ -7066,7 +7055,7 @@ class Ap extends Fo {
               manager: this.props.manager
             }
           ) : /* @__PURE__ */ y.createElement(
-            xp,
+            Lp,
             {
               manager: this.props.manager,
               isActive: i.opt.workState === C.Doing || i.opt.workState === C.Start || !1,
@@ -7085,7 +7074,7 @@ class Ap extends Fo {
     return /* @__PURE__ */ y.createElement("div", { className: `${this.props.className}` }, this.editorUI);
   }
 }
-const bp = () => {
+const Ep = () => {
   const { floatBarData: n } = ge(he);
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -7102,7 +7091,7 @@ const bp = () => {
     /* @__PURE__ */ y.createElement("div", { className: "point RB nwse-resize", style: { backgroundColor: n == null ? void 0 : n.selectorColor } }),
     /* @__PURE__ */ y.createElement("div", { className: "point BC ns-resize", style: { backgroundColor: n == null ? void 0 : n.selectorColor } })
   );
-}, Ep = () => {
+}, Op = () => {
   const { floatBarData: n } = ge(he);
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -7111,7 +7100,7 @@ const bp = () => {
       style: { borderColor: n == null ? void 0 : n.selectorColor }
     }
   );
-}, Op = () => {
+}, Yp = () => {
   const { floatBarData: n } = ge(he);
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -7124,7 +7113,7 @@ const bp = () => {
     /* @__PURE__ */ y.createElement("div", { className: "point RT nesw-resize", style: { backgroundColor: n == null ? void 0 : n.selectorColor } }),
     /* @__PURE__ */ y.createElement("div", { className: "point RB nwse-resize", style: { backgroundColor: n == null ? void 0 : n.selectorColor } })
   );
-}, Yp = () => {
+}, Pp = () => {
   const { floatBarData: n } = ge(he);
   return /* @__PURE__ */ y.createElement(
     "div",
@@ -7136,9 +7125,9 @@ const bp = () => {
     },
     /* @__PURE__ */ y.createElement("img", { className: "lock", alt: "lock", src: "https://sdk.netless.link/resource/icons/lock.svg" })
   );
-}, Pp = y.forwardRef((n, t) => {
-  const { floatBarData: e, zIndex: i, position: o, angle: r, operationType: s, setPosition: a, setOperationType: c, maranger: l } = ge(he), { className: u, editors: h, activeTextId: g } = n, d = He(null), [f, N] = J(C.Pending), [m, M] = J(), w = (E) => {
-    E.preventDefault(), E.stopPropagation(), c(D.TranslateNode), N(C.Start), M(o), l != null && l.control.room && (l.control.room.disableDeviceInputs = !0), F.emitMethod(
+}, Rp = y.forwardRef((n, t) => {
+  const { floatBarData: e, zIndex: i, position: o, angle: r, operationType: s, setPosition: a, setOperationType: c, maranger: l } = ge(he), { className: u, editors: h, activeTextId: g } = n, d = He(null), [f, v] = J(C.Pending), [m, M] = J(), w = (E) => {
+    E.preventDefault(), E.stopPropagation(), c(D.TranslateNode), v(C.Start), M(o), l != null && l.control.room && (l.control.room.disableDeviceInputs = !0), F.emitMethod(
       U.MainEngine,
       D.TranslateNode,
       { workIds: [O], position: o, workState: C.Start, viewId: l == null ? void 0 : l.viewId }
@@ -7146,7 +7135,7 @@ const bp = () => {
   }, I = ae((E, Y) => {
     E.preventDefault(), E.stopPropagation();
     const Q = { x: Y.x, y: Y.y };
-    a(Q), c(D.None), N(C.Done), l != null && l.control.room && (l.control.room.disableDeviceInputs = !1), console.log("onDragEndHandler"), F.emitMethod(
+    a(Q), c(D.None), v(C.Done), l != null && l.control.room && (l.control.room.disableDeviceInputs = !1), console.log("onDragEndHandler"), F.emitMethod(
       U.MainEngine,
       D.TranslateNode,
       { workIds: [O], position: Q, workState: C.Done, viewId: l == null ? void 0 : l.viewId }
@@ -7154,12 +7143,12 @@ const bp = () => {
   }, 100, { leading: !1 }), z = ae((E, Y) => {
     E.preventDefault(), E.stopPropagation();
     const Q = { x: Y.x, y: Y.y };
-    (Y.x !== (o == null ? void 0 : o.x) || Y.y !== (o == null ? void 0 : o.y)) && (a(Q), N(C.Doing), F.emitMethod(
+    (Y.x !== (o == null ? void 0 : o.x) || Y.y !== (o == null ? void 0 : o.y)) && (a(Q), v(C.Doing), F.emitMethod(
       U.MainEngine,
       D.TranslateNode,
       { workIds: [O], position: Q, workState: C.Doing, viewId: l == null ? void 0 : l.viewId }
     ));
-  }, 100, { leading: !1 }), T = Z(() => (e == null ? void 0 : e.scaleType) !== we.all || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(bp, null), [e, s]), j = Z(() => (e == null ? void 0 : e.scaleType) !== we.both || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(Ep, null), [e, s]), x = Z(() => (e == null ? void 0 : e.scaleType) !== we.proportional || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(Op, null), [e, s]), A = Z(() => (e == null ? void 0 : e.scaleType) === we.none && (e != null && e.canLock) ? /* @__PURE__ */ y.createElement(Yp, null) : null, [e]), W = Z(() => {
+  }, 100, { leading: !1 }), T = Z(() => (e == null ? void 0 : e.scaleType) !== we.all || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(Ep, null), [e, s]), j = Z(() => (e == null ? void 0 : e.scaleType) !== we.both || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(Op, null), [e, s]), x = Z(() => (e == null ? void 0 : e.scaleType) !== we.proportional || s === D.RotateNode ? null : /* @__PURE__ */ y.createElement(Yp, null), [e, s]), A = Z(() => (e == null ? void 0 : e.scaleType) === we.none && (e != null && e.canLock) ? /* @__PURE__ */ y.createElement(Pp, null) : null, [e]), W = Z(() => {
     const E = (e == null ? void 0 : e.selectIds) || [];
     return h && l && E ? /* @__PURE__ */ y.createElement(
       Fo,
@@ -7227,7 +7216,7 @@ const bp = () => {
       W
     )
   );
-}), Rp = y.memo(Pp, (n, t) => ue(n, t) ? !0 : (console.log("FloatBar-----isEqual", !1), !1)), Bp = (n) => {
+}), Bp = y.memo(Rp, (n, t) => ue(n, t) ? !0 : (console.log("FloatBar-----isEqual", !1), !1)), Wp = (n) => {
   const { floatBarData: t, position: e, operationType: i } = ge(he), { className: o } = n;
   return i === D.None ? /* @__PURE__ */ y.createElement(
     "div",
@@ -7242,7 +7231,7 @@ const bp = () => {
     },
     /* @__PURE__ */ y.createElement($o, { textOpt: t == null ? void 0 : t.textOpt, position: e, noLayer: t == null ? void 0 : t.isLocked })
   ) : null;
-}, Wp = (n) => {
+}, Up = (n) => {
   const { className: t } = n, { floatBarData: e, angle: i, setAngle: o, position: r, setOperationType: s, maranger: a } = ge(he), [c, l] = J(!1), [u, h] = J(new ne()), [g, d] = J(new ne());
   re(() => {
     if (e) {
@@ -7258,7 +7247,7 @@ const bp = () => {
       D.RotateNode,
       { workIds: [O], angle: I, workState: C.Start, viewId: a == null ? void 0 : a.viewId }
     );
-  }, N = ae((M, w) => {
+  }, v = ae((M, w) => {
     M.preventDefault(), M.stopPropagation(), l(!1);
     const I = Math.round(ne.GetAngleByPoints(u, g, new ne(w.x, w.y))) || 0;
     o(I), s(D.None), a != null && a.control.room && (a.control.room.disableDeviceInputs = !1), F.emitMethod(
@@ -7281,7 +7270,7 @@ const bp = () => {
       handle: ".bezier-pencil-plugin-rotate-mouse-pointer",
       onStart: f,
       onDrag: m,
-      onStop: N
+      onStop: v
     },
     /* @__PURE__ */ y.createElement(
       "div",
@@ -7296,8 +7285,8 @@ const bp = () => {
       /* @__PURE__ */ y.createElement("div", { className: `bezier-pencil-plugin-rotate-mouse-pointer ${c ? "active" : ""}` }, /* @__PURE__ */ y.createElement("img", { alt: "icon", src: de("rotation") }), /* @__PURE__ */ y.createElement("div", { className: "angle-icon" }, i, "°"))
     )
   );
-}, Up = "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==", $p = "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", Fp = "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";
-class Qp extends y.Component {
+}, $p = "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==", Fp = "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", Qp = "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";
+class Hp extends y.Component {
   constructor(e) {
     super(e);
     p(this, "renderAvatar", (e) => {
@@ -7360,13 +7349,13 @@ class Qp extends y.Component {
           opacity: this.getOpacity(e),
           backgroundColor: this.getCursorBackgroundColor(e),
           color: this.getCursorTextColor(e)
-        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-pencil-image", src: Up, alt: "pencilCursor" }))));
+        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-pencil-image", src: $p, alt: "pencilCursor" }))));
       case H.text:
         return /* @__PURE__ */ y.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ y.createElement("div", { className: "cursor-mid cursor-pencil-offset", style: { transform: "translate(-50%, -65%)", marginLeft: "0px" } }, /* @__PURE__ */ y.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ y.createElement("div", { style: {
           opacity: this.getOpacity(e),
           backgroundColor: this.getCursorBackgroundColor(e),
           color: this.getCursorTextColor(e)
-        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-arrow-image", src: Fp, alt: "textCursor" }))));
+        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-arrow-image", src: Qp, alt: "textCursor" }))));
       case H.rectangle:
       case H.arrow:
       case H.straight:
@@ -7376,18 +7365,18 @@ class Qp extends y.Component {
           opacity: this.getOpacity(e),
           backgroundColor: this.getCursorBackgroundColor(e),
           color: this.getCursorTextColor(e)
-        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-arrow-image", src: $p, alt: "shapeCursor" }))));
+        }, className: this.getThemeClass(e) }, this.renderAvatar(e), i, this.renderTag(e))), /* @__PURE__ */ y.createElement("div", null, /* @__PURE__ */ y.createElement("img", { className: "cursor-arrow-image", src: Fp, alt: "shapeCursor" }))));
       default:
         return null;
     }
   }
 }
-const Hp = (n) => {
+const Zp = (n) => {
   const { className: t, info: e } = n, { roomMember: i, ...o } = e || {};
   return /* @__PURE__ */ y.createElement("div", { className: `${t}`, style: o ? {
     transform: `translate(${o.x}px, ${o.y}px)`
-  } : { display: "none" } }, i && /* @__PURE__ */ y.createElement(Qp, { roomMember: i }));
-}, Zp = (n) => {
+  } : { display: "none" } }, i && /* @__PURE__ */ y.createElement(Hp, { roomMember: i }));
+}, Gp = (n) => {
   const { className: t, manager: e } = n, [i, o] = J();
   re(() => (e.internalMsgEmitter.on([U.Cursor, e.viewId], r), () => {
     e.internalMsgEmitter.off([U.Cursor, e.viewId], r);
@@ -7399,13 +7388,13 @@ const Hp = (n) => {
     if (i != null && i.length) {
       const a = i.map((c) => {
         var l;
-        return c.roomMember ? /* @__PURE__ */ y.createElement(Hp, { key: (l = c.roomMember) == null ? void 0 : l.memberId, className: t, info: c }) : null;
+        return c.roomMember ? /* @__PURE__ */ y.createElement(Zp, { key: (l = c.roomMember) == null ? void 0 : l.memberId, className: t, info: c }) : null;
       });
       return /* @__PURE__ */ y.createElement(y.Fragment, null, a);
     }
     return null;
   }, [i]);
-}, Gp = (n) => {
+}, Vp = (n) => {
   const { className: t } = n, [e, i] = J({ x: 0, y: 0, h: 0, w: 0 }), { floatBarData: o, position: r, maranger: s } = ge(he);
   re(() => {
     o && i({ x: o.x, y: o.y, w: o.w, h: o.h });
@@ -7478,7 +7467,7 @@ const Hp = (n) => {
     );
   }, 100, { leading: !1 });
   return /* @__PURE__ */ y.createElement(
-    Ko,
+    qo,
     {
       className: `${t}`,
       boundsByDirection: !0,
@@ -7513,14 +7502,14 @@ const Hp = (n) => {
   re(() => {
     (u === C.Pending || u === C.Done) && l(e);
   }, [e, u]);
-  const g = (N) => {
-    N.preventDefault(), N.stopPropagation(), r(D.SetPoint), h(C.Start), s != null && s.control.room && (s.control.room.disableDeviceInputs = !0), F.emitMethod(
+  const g = (v) => {
+    v.preventDefault(), v.stopPropagation(), r(D.SetPoint), h(C.Start), s != null && s.control.room && (s.control.room.disableDeviceInputs = !0), F.emitMethod(
       U.MainEngine,
       D.SetPoint,
       { workId: O, pointMap: i, workState: C.Start, viewId: s == null ? void 0 : s.viewId }
     );
-  }, d = ae((N, m) => {
-    if (N.preventDefault(), N.stopPropagation(), r(D.SetPoint), h(C.Doing), m.x !== (c == null ? void 0 : c.x) || m.y !== (c == null ? void 0 : c.y)) {
+  }, d = ae((v, m) => {
+    if (v.preventDefault(), v.stopPropagation(), r(D.SetPoint), h(C.Doing), m.x !== (c == null ? void 0 : c.x) || m.y !== (c == null ? void 0 : c.y)) {
       const M = i.get(t);
       M && o === "start" && (s != null && s.control.viewContainerManager) ? M[0] = s.control.viewContainerManager.transformToScenePoint([m.x, m.y], s.viewId) : M && o === "end" && (s != null && s.control.viewContainerManager) && (M[1] = s.control.viewContainerManager.transformToScenePoint([m.x, m.y], s.viewId)), F.emitMethod(
         U.MainEngine,
@@ -7528,8 +7517,8 @@ const Hp = (n) => {
         { workId: O, pointMap: i, workState: C.Doing, viewId: s == null ? void 0 : s.viewId }
       );
     }
-  }, 50, { leading: !1 }), f = ae((N, m) => {
-    if (N.preventDefault(), N.stopPropagation(), r(D.None), h(C.Done), m.x !== (c == null ? void 0 : c.x) || m.y !== (c == null ? void 0 : c.y)) {
+  }, 50, { leading: !1 }), f = ae((v, m) => {
+    if (v.preventDefault(), v.stopPropagation(), r(D.None), h(C.Done), m.x !== (c == null ? void 0 : c.x) || m.y !== (c == null ? void 0 : c.y)) {
       l(m);
       const M = i.get(t);
       M && o === "start" && (s != null && s.control.viewContainerManager) ? M[0] = s.control.viewContainerManager.transformToScenePoint([m.x, m.y], s.viewId) : M && o === "end" && (s != null && s.control.viewContainerManager) && (M[1] = s.control.viewContainerManager.transformToScenePoint([m.x, m.y], s.viewId)), F.emitMethod(
@@ -7557,15 +7546,15 @@ const Hp = (n) => {
       }
     ))
   );
-}, Vp = (n) => {
+}, Jp = (n) => {
   const { className: t } = n, { floatBarData: e, maranger: i } = ge(he), [o, r] = J(), [s, a] = J(), [c, l] = J(/* @__PURE__ */ new Map());
   re(() => {
     const g = [];
     if (i && (e != null && e.points)) {
       const d = i.viewId;
       if (i.control.viewContainerManager.getView(d))
-        for (const N of e.points) {
-          const m = i.control.viewContainerManager.transformToOriginPoint(N, d);
+        for (const v of e.points) {
+          const m = i.control.viewContainerManager.transformToOriginPoint(v, d);
           g.push(m);
         }
       e != null && e.selectIds && e.selectIds.length === 1 && (c.set(e.selectIds[0], e.points), l(c));
@@ -7655,7 +7644,7 @@ class ci extends y.Component {
     });
   }
   render() {
-    var i, o, r, s, a, c, l, u, h, g, d, f, N;
+    var i, o, r, s, a, c, l, u, h, g, d, f, v;
     const e = !!((o = (i = this.props.maranger.control) == null ? void 0 : i.room) != null && o.floatBarOptions);
     return /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement(
       "div",
@@ -7687,7 +7676,7 @@ class ci extends y.Component {
         setOperationType: this.setOperationType.bind(this),
         setFloatBarData: this.setFloatBarData.bind(this)
       } }, this.state.showFloatBar && /* @__PURE__ */ y.createElement(
-        Rp,
+        Bp,
         {
           className: Ce.FloatBar,
           ref: this.props.refs.floatBarCanvasRef,
@@ -7695,7 +7684,7 @@ class ci extends y.Component {
           activeTextId: this.state.activeTextId
         }
       ) || null, ((c = this.state.editors) == null ? void 0 : c.size) && /* @__PURE__ */ y.createElement(
-        Ap,
+        bp,
         {
           className: Ce.TextEditorContainer,
           showFloatBtns: e,
@@ -7704,8 +7693,8 @@ class ci extends y.Component {
           editors: this.state.editors,
           activeTextId: this.state.activeTextId
         }
-      ) || null, ((u = this.state.floatBarData) == null ? void 0 : u.canRotate) && ((g = (h = this.state.floatBarData) == null ? void 0 : h.selectIds) == null ? void 0 : g.length) === 1 && (this.state.operationType === D.None || this.state.operationType === D.RotateNode) && /* @__PURE__ */ y.createElement(Wp, { className: Ce.RotateBtn }) || null, (((d = this.state.floatBarData) == null ? void 0 : d.scaleType) === we.all || ((f = this.state.floatBarData) == null ? void 0 : f.scaleType) === we.proportional) && this.state.showFloatBar && (this.state.operationType === D.None || this.state.operationType === D.ScaleNode) && /* @__PURE__ */ y.createElement(Gp, { className: Ce.ResizeBtn }) || null, ((N = this.state.floatBarData) == null ? void 0 : N.scaleType) === we.both && this.state.showFloatBar && (this.state.operationType === D.None || this.state.operationType === D.SetPoint) && /* @__PURE__ */ y.createElement(Vp, { className: Ce.ResizeTowBox }) || null, this.state.showFloatBar && e && /* @__PURE__ */ y.createElement(Bp, { className: Ce.FloatBarBtn }) || null),
-      /* @__PURE__ */ y.createElement(Zp, { className: Ce.CursorBox, manager: this.props.maranger })
+      ) || null, ((u = this.state.floatBarData) == null ? void 0 : u.canRotate) && ((g = (h = this.state.floatBarData) == null ? void 0 : h.selectIds) == null ? void 0 : g.length) === 1 && (this.state.operationType === D.None || this.state.operationType === D.RotateNode) && /* @__PURE__ */ y.createElement(Up, { className: Ce.RotateBtn }) || null, (((d = this.state.floatBarData) == null ? void 0 : d.scaleType) === we.all || ((f = this.state.floatBarData) == null ? void 0 : f.scaleType) === we.proportional) && this.state.showFloatBar && (this.state.operationType === D.None || this.state.operationType === D.ScaleNode) && /* @__PURE__ */ y.createElement(Vp, { className: Ce.ResizeBtn }) || null, ((v = this.state.floatBarData) == null ? void 0 : v.scaleType) === we.both && this.state.showFloatBar && (this.state.operationType === D.None || this.state.operationType === D.SetPoint) && /* @__PURE__ */ y.createElement(Jp, { className: Ce.ResizeTowBox }) || null, this.state.showFloatBar && e && /* @__PURE__ */ y.createElement(Wp, { className: Ce.FloatBarBtn }) || null),
+      /* @__PURE__ */ y.createElement(Gp, { className: Ce.CursorBox, manager: this.props.maranger })
     ));
   }
 }
@@ -7742,7 +7731,7 @@ class Mt extends Te {
   }
   createMainViewDisplayer(e) {
     const i = document.createElement("div");
-    return i.className = "teaching-aids-plugin-main-view-displayer", e.appendChild(i), this.eventTragetElement = e.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Gt.render(/* @__PURE__ */ y.createElement(ci, { viewId: this.viewId, maranger: this, refs: {
+    return i.className = "teaching-aids-plugin-main-view-displayer", e.appendChild(i), this.eventTragetElement = e.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zt.render(/* @__PURE__ */ y.createElement(ci, { viewId: this.viewId, maranger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -7751,7 +7740,7 @@ class Mt extends Te {
     } }), i), this.control.room && this.bindDisplayerEvent(this.eventTragetElement), this;
   }
 }
-class Jp extends GM {
+class Kp extends VM {
   constructor(e, i, o) {
     super(e, i, o);
     p(this, "dpr", 1);
@@ -7775,7 +7764,7 @@ class Jp extends GM {
   }
   createAppViewDisplayer(e, i) {
     const o = document.createElement("div");
-    return o.className = "teaching-aids-plugin-app-view-displayer", i.appendChild(o), this.eventTragetElement = i.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Gt.render(/* @__PURE__ */ y.createElement(ci, { viewId: e, maranger: this, refs: {
+    return o.className = "teaching-aids-plugin-app-view-displayer", i.appendChild(o), this.eventTragetElement = i.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zt.render(/* @__PURE__ */ y.createElement(ci, { viewId: e, maranger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -7876,7 +7865,7 @@ class De extends at {
           f.remove();
         this.destroyAppView(e.appId, !0), (g = this.control.worker) == null || g.destroyViewWorker(i, !0);
       }
-      const a = new Jp(i, this.control, ze.InternalMsgEmitter), c = o.size.width || a.width, l = o.size.height || a.height, h = {
+      const a = new Kp(i, this.control, ze.InternalMsgEmitter), c = o.size.width || a.width, l = o.size.height || a.height, h = {
         dpr: a.dpr,
         originalPoint: [c / 2, l / 2],
         offscreenCanvasOpt: {
@@ -8061,12 +8050,23 @@ class pt extends ze {
     }), this.viewContainerManager.listenerWindowManager(this.windowManager);
   }
 }
-const R = class R extends so {
+const Qo = {
+  syncOpt: {
+    interval: 200
+  },
+  canvasOpt: {
+    contextType: Gt.Canvas2d
+  },
+  cdn: {
+    fullWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.2/cdn/fullWorker-O4uzWn.js",
+    subWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.2/cdn/subWorker-CvBoLi.js"
+  }
+}, R = class R extends so {
   constructor() {
     super(...arguments);
     p(this, "onPhaseChanged", (e) => {
       var i;
-      e === Zo.Reconnecting && ((i = R.currentManager) == null || i.setSnapshootData());
+      e === Go.Reconnecting && ((i = R.currentManager) == null || i.setSnapshootData());
     });
     p(this, "updateRoomWritable", () => {
       var e;
@@ -8087,19 +8087,19 @@ const R = class R extends so {
       getBoundingRectAsync: async function(d) {
         var m;
         R.logger.info("[ApplianceMultiPlugin] getBoundingRectAsync");
-        const f = (this.windowManager && this.windowManager.mainView || this.displayer).getBoundingRect(d), N = await ((m = R.currentManager) == null ? void 0 : m.getBoundingRect(d));
-        return !f.width || !f.height ? N : Ro(f, N);
+        const f = (this.windowManager && this.windowManager.mainView || this.displayer).getBoundingRect(d), v = await ((m = R.currentManager) == null ? void 0 : m.getBoundingRect(d));
+        return !f.width || !f.height ? v : Ro(f, v);
       },
-      screenshotToCanvasAsync: async function(d, f, N, m, M, w) {
+      screenshotToCanvasAsync: async function(d, f, v, m, M, w) {
         var A;
         R.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let I = N, z = m, T = M.scale;
+        let I = v, z = m, T = M.scale;
         I > this.maxScreenshotWidth && (T = this.maxScreenshotWidth / I * T, I = this.maxScreenshotWidth), z > this.maxScreenshotHeight && (T = Math.min(this.maxScreenshotHeight / z * T, T), z = this.maxScreenshotHeight), M.scale = T;
         const j = document.createElement("canvas"), x = j.getContext("2d");
-        j.width = I * (w || 1), j.height = z * (w || 1), x && ((this.windowManager && this.windowManager.mainView || this.displayer).screenshotToCanvas(x, f, I, z, M, w), d.drawImage(j, Math.floor((N - I) / 2), Math.floor((m - z) / 2), I * (w || 1), z * (w || 1), 0, 0, I, z), j.remove()), R.currentManager && await ((A = R.currentManager) == null ? void 0 : A.screenshotToCanvas(d, f, I, z, M, Math.floor((N - I) / 2), Math.floor((m - z) / 2)));
+        j.width = I * (w || 1), j.height = z * (w || 1), x && ((this.windowManager && this.windowManager.mainView || this.displayer).screenshotToCanvas(x, f, I, z, M, w), d.drawImage(j, Math.floor((v - I) / 2), Math.floor((m - z) / 2), I * (w || 1), z * (w || 1), 0, 0, I, z), j.remove()), R.currentManager && await ((A = R.currentManager) == null ? void 0 : A.screenshotToCanvas(d, f, I, z, M, Math.floor((v - I) / 2), Math.floor((m - z) / 2)));
       },
-      scenePreviewAsync: async function(d, f, N, m, M) {
-        R.logger.info("[ApplianceMultiPlugin] scenePreview"), (this.windowManager && this.windowManager.mainView || this.displayer).scenePreview(d, f, N, m, M);
+      scenePreviewAsync: async function(d, f, v, m, M) {
+        R.logger.info("[ApplianceMultiPlugin] scenePreview"), (this.windowManager && this.windowManager.mainView || this.displayer).scenePreview(d, f, v, m, M);
         const w = document.createElement("img");
         w.style.position = "absolute", w.style.top = "0px", w.style.left = "0px", w.style.width = "100%", w.style.height = "100%", w.style.pointerEvents = "none", f.append(w), getComputedStyle(f).position || (f.style.position = "relative"), R.currentManager && await R.currentManager.scenePreview(d, w);
       },
@@ -8181,7 +8181,7 @@ const R = class R extends so {
   }
   // static onDestroy(plugin: ApplianceMultiPlugin) {}
   get isReplay() {
-    return Zt(this.displayer);
+    return Ht(this.displayer);
   }
   get callbackName() {
     return this.isReplay ? "onPlayerStateChanged" : "onRoomStateChanged";
@@ -8204,18 +8204,7 @@ p(R, "kind", "appliance-multi-plugin"), p(R, "currentManager"), p(R, "logger", {
   info: console.log,
   warn: console.warn,
   error: console.error
-}), p(R, "options", {
-  syncOpt: {
-    interval: 300
-  },
-  canvasOpt: {
-    contextType: mt.Canvas2d
-  },
-  cdn: {
-    fullWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.1/dist/fullWorker.js",
-    subWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.1/dist/subWorker.js"
-  }
-}), p(R, "createCurrentManager", (e, i, o) => {
+}), p(R, "options", Qo), p(R, "createCurrentManager", (e, i, o) => {
   if (R.currentManager && R.currentManager.destroy(), i && e) {
     const r = {
       plugin: o,
@@ -8226,7 +8215,7 @@ p(R, "kind", "appliance-multi-plugin"), p(R, "currentManager"), p(R, "logger", {
   }
 });
 let to = R;
-class Kp extends Te {
+class qp extends Te {
   constructor(e, i) {
     super(e, i);
     p(this, "width", 1e3);
@@ -8249,7 +8238,7 @@ class Kp extends Te {
     }
   }
   createMainViewDisplayer(e) {
-    return this.vDom || (this.containerOffset = this.getContainerOffset(e, this.containerOffset), this.eventTragetElement = e.parentElement.children[0], e.innerHTML = "", Gt.render(/* @__PURE__ */ y.createElement(ci, { viewId: this.viewId, maranger: this, refs: {
+    return this.vDom || (this.containerOffset = this.getContainerOffset(e, this.containerOffset), this.eventTragetElement = e.parentElement.children[0], e.innerHTML = "", Zt.render(/* @__PURE__ */ y.createElement(ci, { viewId: this.viewId, maranger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -8269,7 +8258,7 @@ class We extends at {
   bindMainView() {
     if (!this.control.divMainView)
       return;
-    const e = new Kp(this.control, ze.InternalMsgEmitter);
+    const e = new qp(this.control, ze.InternalMsgEmitter);
     this.focuedViewId = Te.viewId;
     const { width: i, height: o, dpr: r } = e, s = {
       dpr: r,
@@ -8340,7 +8329,7 @@ class We extends at {
     }
   }
 }
-class Le extends ze {
+class ke extends ze {
   constructor(e) {
     super(e);
     p(this, "viewContainerManager");
@@ -8350,12 +8339,12 @@ class Le extends ze {
     }, 20, { leading: !1 }));
     const i = {
       control: this,
-      internalMsgEmitter: Le.InternalMsgEmitter
+      internalMsgEmitter: ke.InternalMsgEmitter
     };
     this.viewContainerManager = new We(i);
   }
   init() {
-    Le.InternalMsgEmitter.on(U.BindMainView, (e) => {
+    ke.InternalMsgEmitter.on(U.BindMainView, (e) => {
       this.divMainView = e, this.plugin && !this.viewContainerManager.mainView && this.viewContainerManager.bindMainView();
     });
   }
@@ -8377,7 +8366,7 @@ class Le extends ze {
           }
         });
         for (const [s, a] of r.entries())
-          Le.InternalMsgEmitter.emit("excludeIds", [...a], s);
+          ke.InternalMsgEmitter.emit("excludeIds", [...a], s);
       }
     }), this.room && (this.roomMember.onUidChangeHook((e) => {
       var i, o, r, s;
@@ -8419,7 +8408,7 @@ const b = class b extends so {
     });
     p(this, "roomStateChangeListener", async (e) => {
       var i, o;
-      b.currentManager instanceof Le && (e.cameraState && b.currentManager.onCameraChange(e.cameraState), e.sceneState && b.currentManager.onSceneChange(e.sceneState.scenePath, "mainView")), !(te(this.displayer) && !this.displayer.isWritable) && (e.memberState && ((i = b.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = b.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
+      b.currentManager instanceof ke && (e.cameraState && b.currentManager.onCameraChange(e.cameraState), e.sceneState && b.currentManager.onSceneChange(e.sceneState.scenePath, "mainView")), !(te(this.displayer) && !this.displayer.isWritable) && (e.memberState && ((i = b.currentManager) == null || i.onMemberChange(e.memberState)), e != null && e.roomMembers && ((o = b.currentManager) == null || o.onRoomMembersChange(e.roomMembers)));
     });
   }
   static async getInstance(e, i) {
@@ -8434,27 +8423,27 @@ const b = class b extends so {
         const g = this.displayer.getBoundingRect(h), d = await ((f = b.currentManager) == null ? void 0 : f.getBoundingRect(h));
         return !g.width || !g.height ? d : Ro(g, d);
       },
-      screenshotToCanvasAsync: async function(h, g, d, f, N, m) {
+      screenshotToCanvasAsync: async function(h, g, d, f, v, m) {
         var j;
         b.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
-        let M = d, w = f, I = N.scale;
-        M > this.maxScreenshotWidth && (I = this.maxScreenshotWidth / M * I, M = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (I = Math.min(this.maxScreenshotHeight / w * I, I), w = this.maxScreenshotHeight), N.scale = I;
+        let M = d, w = f, I = v.scale;
+        M > this.maxScreenshotWidth && (I = this.maxScreenshotWidth / M * I, M = this.maxScreenshotWidth), w > this.maxScreenshotHeight && (I = Math.min(this.maxScreenshotHeight / w * I, I), w = this.maxScreenshotHeight), v.scale = I;
         const z = document.createElement("canvas"), T = z.getContext("2d");
-        z.width = M * (m || 1), z.height = w * (m || 1), T && (this.displayer.screenshotToCanvas(T, g, M, w, N, m), h.drawImage(z, Math.floor((d - M) / 2), Math.floor((f - w) / 2), M * (m || 1), w * (m || 1), 0, 0, M, w), z.remove()), b.currentManager && await ((j = b.currentManager) == null ? void 0 : j.screenshotToCanvas(h, g, M, w, N, Math.floor((d - M) / 2), Math.floor((f - w) / 2)));
+        z.width = M * (m || 1), z.height = w * (m || 1), T && (this.displayer.screenshotToCanvas(T, g, M, w, v, m), h.drawImage(z, Math.floor((d - M) / 2), Math.floor((f - w) / 2), M * (m || 1), w * (m || 1), 0, 0, M, w), z.remove()), b.currentManager && await ((j = b.currentManager) == null ? void 0 : j.screenshotToCanvas(h, g, M, w, v, Math.floor((d - M) / 2), Math.floor((f - w) / 2)));
       },
-      scenePreviewAsync: async function(h, g, d, f, N) {
-        b.logger.info("[ApplianceSinglePlugin] scenePreview"), this.displayer.scenePreview(h, g, d, f, N);
+      scenePreviewAsync: async function(h, g, d, f, v) {
+        b.logger.info("[ApplianceSinglePlugin] scenePreview"), this.displayer.scenePreview(h, g, d, f, v);
         const m = document.createElement("img");
         m.style.position = "absolute", m.style.top = "0px", m.style.left = "0px", m.style.width = "100%", m.style.height = "100%", m.style.pointerEvents = "none", g.append(m), getComputedStyle(g).position || (g.style.position = "relative"), b.currentManager && await b.currentManager.scenePreview(h, m);
       },
       _callbacksOn: function(h, g) {
-        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? Le.InternalMsgEmitter.on(h, g) : o.call(e.callbacks, h, g);
+        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? ke.InternalMsgEmitter.on(h, g) : o.call(e.callbacks, h, g);
       },
       _callbacksOnce: function(h, g) {
-        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? Le.InternalMsgEmitter.on(h, g) : s.call(e.callbacks, h, g);
+        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? ke.InternalMsgEmitter.on(h, g) : s.call(e.callbacks, h, g);
       },
       _callbacksOff: function(h, g) {
-        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? Le.InternalMsgEmitter.off(h, g) : r.call(e.callbacks, h, g);
+        b.logger.info(`[ApplianceSinglePlugin] callbacks ${h}`), (h === "onCanUndoStepsUpdate" || h === "onCanRedoStepsUpdate") && te(this.displayer) && this.displayer.isWritable ? ke.InternalMsgEmitter.off(h, g) : r.call(e.callbacks, h, g);
       },
       undo: function() {
         return b.logger.info("[ApplianceSinglePlugin] undo"), b.currentManager && te(this.displayer) && !this.displayer.disableSerialization ? b.currentManager.viewContainerManager.undo() : 0;
@@ -8538,7 +8527,7 @@ const b = class b extends so {
     }
   }
   get isReplay() {
-    return Zt(this.displayer);
+    return Ht(this.displayer);
   }
   get callbackName() {
     return this.isReplay ? "onPlayerStateChanged" : "onRoomStateChanged";
@@ -8561,24 +8550,13 @@ p(b, "kind", "teaching-aids-single-plugin"), p(b, "cursorAdapter"), p(b, "curren
   info: console.log,
   warn: console.warn,
   error: console.error
-}), p(b, "options", {
-  syncOpt: {
-    interval: 300
-  },
-  canvasOpt: {
-    contextType: mt.Canvas2d
-  },
-  cdn: {
-    fullWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.1/dist/fullWorker.js",
-    subWorkerUrl: "https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@1.0.0-beta.1/dist/subWorker.js"
-  }
-}), p(b, "createCurrentManager", (e, i, o) => {
+}), p(b, "options", Qo), p(b, "createCurrentManager", (e, i, o) => {
   b.currentManager && b.currentManager.destroy();
   const r = {
     plugin: o,
     displayer: e,
     options: i
-  }, s = new Le(r);
+  }, s = new ke(r);
   s.init(), b.logger.info("[ApplianceSinglePlugin] refresh ApplianceSingleManager object"), b.currentManager = s;
 });
 let io = b;
@@ -8588,7 +8566,7 @@ const Qe = class Qe extends y.Component {
     p(this, "mainViewRef", null);
   }
   componentDidMount() {
-    Qe.emiter || (Qe.emiter = Le.InternalMsgEmitter), Qe.emiter.emit(U.BindMainView, this.mainViewRef);
+    Qe.emiter || (Qe.emiter = ke.InternalMsgEmitter), Qe.emiter.emit(U.BindMainView, this.mainViewRef);
   }
   componentWillUnmount() {
     Qe.emiter.emit(U.DisplayState, co.unmounted);
@@ -8600,23 +8578,23 @@ const Qe = class Qe extends y.Component {
 p(Qe, "emiter");
 let oo = Qe;
 export {
-  qo as ActiveContainerType,
+  _o as ActiveContainerType,
   to as ApplianceMultiPlugin,
   H as ApplianceNames,
   oo as ApplianceSigleWrapper,
   io as ApplianceSinglePlugin,
   co as DisplayStateEnum,
-  mt as ECanvasContextType,
+  Gt as ECanvasContextType,
   Oe as ECanvasShowType,
   G as EDataType,
   k as EPostMessageType,
   we as EScaleType,
-  Pt as EStrokeType,
-  v as EToolsKey,
+  Yt as EStrokeType,
+  N as EToolsKey,
   Ke as ElayerType,
   D as EmitEventType,
   _e as EventMessageType,
   C as EvevtWorkState,
   U as InternalMsgEmitterType,
-  ke as ShapeType
+  Le as ShapeType
 };