@netless/appliance-plugin 1.1.27 → 1.1.28

package/dist/{index-Cqizo6hB.mjs → index-Be0GtbHC.mjs}

@@ -11,7 +11,7 @@ import { debounce as Lt, cloneDeep as ae, isEqual as ce, isSet as We, isNumber a
 import wi from "eventemitter2";
 import w, { useContext as Se, useState as se, useMemo as G, useEffect as Me, useRef as xe, useCallback as yt } from "react";
 import bi, { createPortal as Yo } from "react-dom";
-import Ct from "react-draggable";
+import vt from "react-draggable";
 import { Resizable as Ro } from "re-resizable";
 const MI = "/fullWorker.js", fI = "/subWorker.js";
 var ie = /* @__PURE__ */ ((o) => (o.selector = "selector", o.clicker = "clicker", o.laserPointer = "laserPointer", o.pencil = "pencil", o.rectangle = "rectangle", o.ellipse = "ellipse", o.shape = "shape", o.eraser = "eraser", o.pencilEraser = "pencilEraser", o.text = "text", o.straight = "straight", o.arrow = "arrow", o.hand = "hand", o.laserPen = "laserPen", o))(ie || {}), me = /* @__PURE__ */ ((o) => (o.Normal = "Normal", o.Stroke = "Stroke", o.Dotted = "Dotted", o.LongDotted = "LongDotted", o))(me || {}), _e = /* @__PURE__ */ ((o) => (o.Triangle = "triangle", o.Rhombus = "rhombus", o.Pentagram = "pentagram", o.SpeechBalloon = "speechBalloon", o.Star = "star", o.Polygon = "polygon", o))(_e || {}), U = /* @__PURE__ */ ((o) => (o.None = "None", o.ShowFloatBar = "ShowFloatBar", o.ZIndexFloatBar = "ZIndexFloatBar", o.DeleteNode = "DeleteNode", o.CopyNode = "CopyNode", o.ZIndexActive = "ZIndexActive", o.ZIndexNode = "ZIndexNode", o.RotateNode = "RotateNode", o.SetColorNode = "SetColorNode", o.TranslateNode = "TranslateNode", o.ScaleNode = "ScaleNode", o.OriginalEvent = "OriginalEvent", o.CreateScene = "CreateScene", o.ActiveCursor = "ActiveCursor", o.MoveCursor = "MoveCursor", o.CommandEditor = "CommandEditor", o.SetEditorData = "SetEditorData", o.SetFontStyle = "SetFontStyle", o.SetPoint = "SetPoint", o.SetLock = "SetLock", o.SetShapeOpt = "SetShapeOpt", o.CameraChange = "CameraChange", o.ActiveMethod = "ActiveMethod", o.HidFloatBarBtn = "HidFloatBarBtn", o))(U || {}), ee = /* @__PURE__ */ ((o) => (o.DisplayState = "DisplayState", o.MainEngine = "MainEngine", o.Cursor = "Cursor", o.BindMainView = "BindMainView", o))(ee || {}), Uo = /* @__PURE__ */ ((o) => (o[o.MainView = 0] = "MainView", o[o.Plugin = 1] = "Plugin", o[o.Both = 2] = "Both", o))(Uo || {}), Hn = /* @__PURE__ */ ((o) => (o.longPencil = "longPencil", o))(Hn || {}), T = /* @__PURE__ */ ((o) => (o[o.Pencil = 1] = "Pencil", o[o.Eraser = 2] = "Eraser", o[o.PencilEraser = 3] = "PencilEraser", o[o.BitMapEraser = 4] = "BitMapEraser", o[o.Selector = 5] = "Selector", o[o.Clicker = 6] = "Clicker", o[o.Arrow = 7] = "Arrow", o[o.Hand = 8] = "Hand", o[o.LaserPen = 9] = "LaserPen", o[o.Text = 10] = "Text", o[o.Straight = 11] = "Straight", o[o.Rectangle = 12] = "Rectangle", o[o.Ellipse = 13] = "Ellipse", o[o.Star = 14] = "Star", o[o.Triangle = 15] = "Triangle", o[o.Rhombus = 16] = "Rhombus", o[o.Polygon = 17] = "Polygon", o[o.SpeechBalloon = 18] = "SpeechBalloon", o[o.Image = 19] = "Image", o))(T || {}), q = /* @__PURE__ */ ((o) => (o[o.Local = 1] = "Local", o[o.Service = 2] = "Service", o[o.Worker = 3] = "Worker", o))(q || {}), x = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(x || {}), R = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Init = 1] = "Init", o[o.UpdateCamera = 2] = "UpdateCamera", o[o.UpdateTools = 3] = "UpdateTools", o[o.CreateWork = 4] = "CreateWork", o[o.DrawWork = 5] = "DrawWork", o[o.FullWork = 6] = "FullWork", o[o.UpdateNode = 7] = "UpdateNode", o[o.RemoveNode = 8] = "RemoveNode", o[o.Clear = 9] = "Clear", o[o.Select = 10] = "Select", o[o.Destroy = 11] = "Destroy", o[o.Snapshot = 12] = "Snapshot", o[o.BoundingBox = 13] = "BoundingBox", o[o.Cursor = 14] = "Cursor", o[o.TextUpdate = 15] = "TextUpdate", o[o.GetTextActive = 16] = "GetTextActive", o[o.TasksQueue = 17] = "TasksQueue", o[o.CursorHover = 18] = "CursorHover", o[o.CursorBlur = 19] = "CursorBlur", o[o.Console = 20] = "Console", o[o.GetImageBitMap = 23] = "GetImageBitMap", o[o.AuthWriter = 24] = "AuthWriter", o[o.AuthReader = 25] = "AuthReader", o[o.AuthClear = 26] = "AuthClear", o[o.AuthPage = 27] = "AuthPage", o[o.GetVNodeInfo = 28] = "GetVNodeInfo", o[o.UpdateDpr = 29] = "UpdateDpr", o[o.SetFontFace = 30] = "SetFontFace", o[o.ReportError = 31] = "ReportError", o[o.ReportLog = 32] = "ReportLog", o))(R || {}), nt = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Bg = 1] = "Bg", o[o.ServiceFloat = 2] = "ServiceFloat", o[o.Float = 3] = "Float", o[o.TopFloat = 4] = "TopFloat", o))(nt || {}), Qt = /* @__PURE__ */ ((o) => (o[o.Cursor = 1] = "Cursor", o[o.TextCreate = 2] = "TextCreate", o))(Qt || {}), Gt = /* @__PURE__ */ ((o) => (o[o.Top = 1] = "Top", o[o.Bottom = 2] = "Bottom", o))(Gt || {}), Fe = /* @__PURE__ */ ((o) => (o[o.none = 1] = "none", o[o.all = 2] = "all", o[o.both = 3] = "both", o[o.proportional = 4] = "proportional", o))(Fe || {}), Wo = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(Wo || {}), Vt = /* @__PURE__ */ ((o) => (o[o.inside = 0] = "inside", o[o.outside = 1] = "outside", o[o.intersect = 2] = "intersect", o))(Vt || {}), ke = /* @__PURE__ */ ((o) => (o.renderPage = "renderPage", o.addPage = "addPage", o.deletePage = "deletePage", o.addElement = "addElement", o.deleteElement = "deleteElement", o.clearPage = "clearPage", o.clearViewScenePath = "clearViewScenePath", o.clearView = "clearView", o.syncUndoStack = "syncUndoStack", o.syncRedoStack = "syncRedoStack", o))(ke || {}), tt = /* @__PURE__ */ ((o) => (o.setAuth = "setAuth", o.setShow = "addShow", o.setHide = "setHide", o.setClear = "setClear", o))(tt || {}), Zt = /* @__PURE__ */ ((o) => (o.Image = "image", o.Iconify = "iconify", o))(Zt || {});
@@ -572,19 +572,19 @@ function jr(o, i) {
   return t < 0 ? (++this.size, e.push([o, i])) : e[t][1] = i, this;
 }
 var xr = jr, Dr = ur, zr = Ir, Ar = Nr, kr = Cr, br = xr;
-function St(o) {
+function Ct(o) {
   var i = -1, e = o == null ? 0 : o.length;
   for (this.clear(); ++i < e; ) {
     var t = o[i];
     this.set(t[0], t[1]);
   }
 }
-St.prototype.clear = Dr;
-St.prototype.delete = zr;
-St.prototype.get = Ar;
-St.prototype.has = kr;
-St.prototype.set = br;
-var ii = St, Er = ii;
+Ct.prototype.clear = Dr;
+Ct.prototype.delete = zr;
+Ct.prototype.get = Ar;
+Ct.prototype.has = kr;
+Ct.prototype.set = br;
+var ii = Ct, Er = ii;
 function Lr() {
   this.__data__ = new Er(), this.size = 0;
 }
@@ -681,19 +681,19 @@ function Vs(o, i) {
   return this.size += this.has(o) ? 0 : 1, e[o] = Fs && i === void 0 ? Qs : i, this;
 }
 var Zs = Vs, $s = Ds, Hs = As, Gs = Os, Js = Bs, Xs = Zs;
-function jt(o) {
+function St(o) {
   var i = -1, e = o == null ? 0 : o.length;
   for (this.clear(); ++i < e; ) {
     var t = o[i];
     this.set(t[0], t[1]);
   }
 }
-jt.prototype.clear = $s;
-jt.prototype.delete = Hs;
-jt.prototype.get = Gs;
-jt.prototype.has = Js;
-jt.prototype.set = Xs;
-var Ks = jt, sn = Ks, qs = ii, _s = Pi;
+St.prototype.clear = $s;
+St.prototype.delete = Hs;
+St.prototype.get = Gs;
+St.prototype.has = Js;
+St.prototype.set = Xs;
+var Ks = St, sn = Ks, qs = ii, _s = Pi;
 function ea() {
   this.size = 0, this.__data__ = {
     hash: new sn(),
@@ -730,19 +730,19 @@ function pa(o, i) {
   return e.set(o, i), this.size += e.size == t ? 0 : 1, this;
 }
 var ya = pa, Ia = ta, wa = ca, ma = ha, Na = Ma, Ta = ya;
-function xt(o) {
+function jt(o) {
   var i = -1, e = o == null ? 0 : o.length;
   for (this.clear(); ++i < e; ) {
     var t = o[i];
     this.set(t[0], t[1]);
   }
 }
-xt.prototype.clear = Ia;
-xt.prototype.delete = wa;
-xt.prototype.get = ma;
-xt.prototype.has = Na;
-xt.prototype.set = Ta;
-var _n = xt, va = ii, Ca = Pi, Sa = _n, ja = 200;
+jt.prototype.clear = Ia;
+jt.prototype.delete = wa;
+jt.prototype.get = ma;
+jt.prototype.has = Na;
+jt.prototype.set = Ta;
+var _n = jt, va = ii, Ca = Pi, Sa = _n, ja = 200;
 function xa(o, i) {
   var e = this.__data__;
   if (e instanceof va) {
@@ -754,16 +754,16 @@ function xa(o, i) {
   return e.set(o, i), this.size = e.size, this;
 }
 var Da = xa, za = ii, Aa = Pr, ka = Yr, ba = Ur, Ea = Br, La = Da;
-function Dt(o) {
+function xt(o) {
   var i = this.__data__ = new za(o);
   this.size = i.size;
 }
-Dt.prototype.clear = Aa;
-Dt.prototype.delete = ka;
-Dt.prototype.get = ba;
-Dt.prototype.has = Ea;
-Dt.prototype.set = La;
-var Pa = Dt;
+xt.prototype.clear = Aa;
+xt.prototype.delete = ka;
+xt.prototype.get = ba;
+xt.prototype.has = Ea;
+xt.prototype.set = La;
+var Pa = xt;
 function Oa(o, i) {
   for (var e = -1, t = o == null ? 0 : o.length; ++e < t && i(o[e], e, o) !== !1; )
     ;
@@ -990,9 +990,9 @@ var Cu = vu, Su = Mo, ju = go, xu = Wi;
 function Du(o) {
   return Su(o, xu, ju);
 }
-var zu = Du, Au = wt, ku = Ge, bu = Au(ku, "DataView"), Eu = bu, Lu = wt, Pu = Ge, Ou = Lu(Pu, "Promise"), Yu = Ou, Ru = wt, Uu = Ge, Wu = Ru(Uu, "Set"), fo = Wu, Bu = wt, Fu = Ge, Qu = Bu(Fu, "WeakMap"), Vu = Qu, mi = Eu, Ni = Pi, Ti = Yu, vi = fo, Ci = Vu, po = Ot, zt = qn, dn = "[object Map]", Zu = "[object Object]", gn = "[object Promise]", Mn = "[object Set]", fn = "[object WeakMap]", pn = "[object DataView]", $u = zt(mi), Hu = zt(Ni), Gu = zt(Ti), Ju = zt(vi), Xu = zt(Ci), Mt = po;
+var zu = Du, Au = wt, ku = Ge, bu = Au(ku, "DataView"), Eu = bu, Lu = wt, Pu = Ge, Ou = Lu(Pu, "Promise"), Yu = Ou, Ru = wt, Uu = Ge, Wu = Ru(Uu, "Set"), fo = Wu, Bu = wt, Fu = Ge, Qu = Bu(Fu, "WeakMap"), Vu = Qu, mi = Eu, Ni = Pi, Ti = Yu, vi = fo, Ci = Vu, po = Ot, Dt = qn, dn = "[object Map]", Zu = "[object Object]", gn = "[object Promise]", Mn = "[object Set]", fn = "[object WeakMap]", pn = "[object DataView]", $u = Dt(mi), Hu = Dt(Ni), Gu = Dt(Ti), Ju = Dt(vi), Xu = Dt(Ci), Mt = po;
 (mi && Mt(new mi(new ArrayBuffer(1))) != pn || Ni && Mt(new Ni()) != dn || Ti && Mt(Ti.resolve()) != gn || vi && Mt(new vi()) != Mn || Ci && Mt(new Ci()) != fn) && (Mt = function(o) {
-  var i = po(o), e = i == Zu ? o.constructor : void 0, t = e ? zt(e) : "";
+  var i = po(o), e = i == Zu ? o.constructor : void 0, t = e ? Dt(e) : "";
   if (t)
     switch (t) {
       case $u:
@@ -1142,7 +1142,7 @@ function ug(o) {
   return ag(o, cg | lg);
 }
 var hg = ug;
-const ci = /* @__PURE__ */ Ei(hg), To = "1.1.27", dg = "@netless/appliance-plugin", jn = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const ci = /* @__PURE__ */ Ei(hg), To = "1.1.28", dg = "@netless/appliance-plugin", jn = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let o = window.__netlessUA || "";
   o += ` ${dg}@${To}`, window.__netlessUA = o;
@@ -2144,7 +2144,7 @@ const st = async (o, i, e = !1) => {
   }).catch(function() {
     o();
   });
-}, vt = (o) => Math.max(1, (window.devicePixelRatio || 1) / 1), OI = (o, i) => o.x + o.w < i.x || o.x > i.x + i.w || o.y + o.h < i.y || o.y > i.y + i.h ? Vt.outside : o.x >= i.x && o.y >= i.y && o.x + o.w <= i.x + i.w && o.y + o.h <= i.y + i.h ? Vt.inside : Vt.intersect;
+}, Tt = (o) => Math.max(1, (window.devicePixelRatio || 1) / 1), OI = (o, i) => o.x + o.w < i.x || o.x > i.x + i.w || o.y + o.h < i.y || o.y > i.y + i.h ? Vt.outside : o.x >= i.x && o.y >= i.y && o.x + o.w <= i.x + i.w && o.y + o.h <= i.y + i.h ? Vt.inside : Vt.intersect;
 function YI(o) {
   let i = 0;
   for (let e = 0; e < o.length; e++) {
@@ -4901,7 +4901,7 @@ class qf extends Kf {
         "set font faces in main thread success"
       );
     });
-    const { MainThreadManagerImpl: e } = await import("./index-Dble46rY.mjs");
+    const { MainThreadManagerImpl: e } = await import("./index-dNUi36ql.mjs");
     this.mainThread = new e(this);
   }
   async on() {
@@ -9101,7 +9101,7 @@ const rp = "index-module__Container__nLsM3", sp = "index-module__CanvasBox__j2Xe
   "speechBallon-active": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTgzMiA4MzJINDQ4bC0xMjggMTkyLTEyOC0xOTJjLTEwNi4wNDggMC0xOTItODYuMDE2LTE5Mi0xOTJWMTkyYTE5MiAxOTIgMCAwIDEgMTkyLTE5Mmg2NDBjMTA1Ljk4NCAwIDE5MiA4NS45NTIgMTkyIDE5MnY0NDhjMCAxMDUuOTg0LTg2LjAxNiAxOTItMTkyIDE5MnogbTY0LTY0MGE2NCA2NCAwIDAgMC02NC02NEgxOTJDMTU2LjY3MiAxMjggMTI4IDE1Ni42NzIgMTI4IDE5MnY0NDhhNjQgNjQgMCAwIDAgNjQgNjRoNDIuNjg4TDMyMCA4MzJsODUuMzEyLTEyOEg4MzJjMzUuMzkyIDAgNjQtMjguNjA4IDY0LTY0VjE5MnoiIGZpbGw9IiMzMzgxRkYiPjwvcGF0aD48L3N2Zz4=",
   "speechBallon-placement": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTU3NiAyMTMuMzMzMzMzbDIyLjYxMzMzMyAyMi42MTMzMzRhMzIgMzIgMCAwIDAgMC00NS4yMjY2NjdMNTc2IDIxMy4zMzMzMzN6IG0tNjIuNzItMTA3Ljk0NjY2NmEzMiAzMiAwIDEgMC00NS4yMjY2NjcgNDUuMjI2NjY2bDQ1LjIyNjY2Ny00NS4yMjY2NjZ6IG0tNDUuMjI2NjY3IDE3MC42NjY2NjZhMzIgMzIgMCAwIDAgNDUuMjI2NjY3IDQ1LjIyNjY2N2wtNDUuMjI2NjY3LTQ1LjIyNjY2N3pNNDQ4IDgxMC42NjY2NjdsLTIyLjYxMzMzMy0yMi42MTMzMzRhMzIgMzIgMCAwIDAgMCA0NS4yMjY2NjdsMjIuNjEzMzMzLTIyLjYxMzMzM3ogbTEwNy45NDY2NjctNjIuNzJhMzIgMzIgMCAxIDAtNDUuMjI2NjY3LTQ1LjIyNjY2N2w0NS4yMjY2NjcgNDUuMjI2NjY3eiBtLTQ1LjIyNjY2NyAxNzAuNjY2NjY2YTMyIDMyIDAgMSAwIDQ1LjIyNjY2Ny00NS4yMjY2NjZsLTQ1LjIyNjY2NyA0NS4yMjY2NjZ6TTgxMC42NjY2NjcgNTc2bC0yMi42MTMzMzQgMjIuNjEzMzMzYTMyIDMyIDAgMCAwIDQ1LjIyNjY2NyAwTDgxMC42NjY2NjcgNTc2eiBtMTA3Ljk0NjY2Ni02Mi43MmEzMiAzMiAwIDEgMC00NS4yMjY2NjYtNDUuMjI2NjY3bDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAtNDUuMjI2NjY3IDQ1LjIyNjY2N2w0NS4yMjY2NjctNDUuMjI2NjY3ek0yMTMuMzMzMzMzIDQ0OGwyMi42MTMzMzQtMjIuNjEzMzMzYTMyIDMyIDAgMCAwLTQ1LjIyNjY2NyAwbDIyLjYxMzMzMyAyMi42MTMzMzN6IG02Mi43MiAxMDcuOTQ2NjY3YTMyIDMyIDAgMCAwIDQ1LjIyNjY2Ny00NS4yMjY2NjdsLTQ1LjIyNjY2NyA0NS4yMjY2Njd6IG0tMTcwLjY2NjY2Ni00NS4yMjY2NjdhMzIgMzIgMCAxIDAgNDUuMjI2NjY2IDQ1LjIyNjY2N2wtNDUuMjI2NjY2LTQ1LjIyNjY2N3pNMzA5LjMzMzMzMyAyMTMuMzMzMzMzQTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMjM0LjY2NjY2NyAyODh2NjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDM3My4zMzMzMzMgMjEzLjMzMzMzM2gtNjR6TTIzNC42NjY2NjcgMjg4QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgMTYwIDIxMy4zMzMzMzNoLTY0QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAyMzQuNjY2NjY3IDM1MnYtNjR6TTE2MCAyMTMuMzMzMzMzYzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2NnYtNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDk2IDIxMy4zMzMzMzNoNjR6TTIzNC42NjY2NjcgMTM4LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NiA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIzNC42NjY2NjcgNzQuNjY2NjY3djY0ek0zNDEuMzMzMzMzIDI0NS4zMzMzMzNoMjM0LjY2NjY2N3YtNjRIMzQxLjMzMzMzM3Y2NHogbTI1Ny4yOC01NC42MTMzMzNsLTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NiA4NS4zMzMzMzQgODUuMzMzMzM0IDQ1LjIyNjY2Ni00NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsLTg1LjMzMzMzNCA4NS4zMzMzMzMgNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2Njd6TTY1MC42NjY2NjcgODEwLjY2NjY2N2ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2NiAxMzguNjY2NjY2di02NEE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxIDcxNC42NjY2NjcgODEwLjY2NjY2N2gtNjR6IG0xMzguNjY2NjY2IDEzOC42NjY2NjZBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDkyOCA4MTAuNjY2NjY3aC02NGE3NC42NjY2NjcgNzQuNjY2NjY3IDAgMCAxLTc0LjY2NjY2NyA3NC42NjY2NjZ2NjR6TTkyOCA4MTAuNjY2NjY3YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY3LTEzOC42NjY2Njd2NjRjNDEuMjE2IDAgNzQuNjY2NjY3IDMzLjQ1MDY2NyA3NC42NjY2NjcgNzQuNjY2NjY3aDY0eiBtLTEzOC42NjY2NjctMTM4LjY2NjY2N0ExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgNjUwLjY2NjY2NyA4MTAuNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY2LTc0LjY2NjY2N3YtNjR6IG0tMTA2LjY2NjY2NiAxMDYuNjY2NjY3aC0yMzQuNjY2NjY3djY0SDY4Mi42NjY2Njd2LTY0eiBtLTIxMi4wNTMzMzQgNTQuNjEzMzMzbDg1LjMzMzMzNC04NS4zMzMzMzMtNDUuMjI2NjY3LTQ1LjIyNjY2Ny04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2Njd6IG0tNDUuMjI2NjY2IDBsODUuMzMzMzMzIDg1LjMzMzMzMyA0NS4yMjY2NjctNDUuMjI2NjY2LTg1LjMzMzMzNC04NS4zMzMzMzQtNDUuMjI2NjY2IDQ1LjIyNjY2N3pNNjcyIDIzNC42NjY2NjdBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDgxMC42NjY2NjcgMzczLjMzMzMzM3YtNjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjctNzQuNjY2NjY2aC02NHpNODEwLjY2NjY2NyAzNzMuMzMzMzMzYTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCAxMzguNjY2NjY2LTEzOC42NjY2NjZoLTY0QTc0LjY2NjY2NyA3NC42NjY2NjcgMCAwIDEgODEwLjY2NjY2NyAzMDkuMzMzMzMzdjY0eiBtMTM4LjY2NjY2Ni0xMzguNjY2NjY2QTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMCA4MTAuNjY2NjY3IDk2djY0YzQxLjIxNiAwIDc0LjY2NjY2NyAzMy40NTA2NjcgNzQuNjY2NjY2IDc0LjY2NjY2N2g2NHpNODEwLjY2NjY2NyA5NmExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAtMTM4LjY2NjY2NyAxMzguNjY2NjY3aDY0YzAtNDEuMjE2IDMzLjQ1MDY2Ny03NC42NjY2NjcgNzQuNjY2NjY3LTc0LjY2NjY2N3YtNjR6TTc3OC42NjY2NjcgMzQxLjMzMzMzM3YyMzQuNjY2NjY3aDY0VjM0MS4zMzMzMzNoLTY0eiBtNTQuNjEzMzMzIDI1Ny4yOGw4NS4zMzMzMzMtODUuMzMzMzMzLTQ1LjIyNjY2Ni00NS4yMjY2NjctODUuMzMzMzM0IDg1LjMzMzMzNCA0NS4yMjY2NjcgNDUuMjI2NjY2eiBtMC00NS4yMjY2NjZsLTg1LjMzMzMzMy04NS4zMzMzMzQtNDUuMjI2NjY3IDQ1LjIyNjY2NyA4NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2Ny00NS4yMjY2NjZ6TTEzOC42NjY2NjcgNzg5LjMzMzMzM2MwLTQxLjIxNiAzMy40NTA2NjctNzQuNjY2NjY3IDc0LjY2NjY2Ni03NC42NjY2NjZ2LTY0YTEzOC42NjY2NjcgMTM4LjY2NjY2NyAwIDAgMC0xMzguNjY2NjY2IDEzOC42NjY2NjZoNjR6TTIxMy4zMzMzMzMgNzE0LjY2NjY2N2M0MS4yMTYgMCA3NC42NjY2NjcgMzMuNDUwNjY3IDc0LjY2NjY2NyA3NC42NjY2NjZoNjRBMTM4LjY2NjY2NyAxMzguNjY2NjY3IDAgMCAwIDIxMy4zMzMzMzMgNjUwLjY2NjY2N3Y2NHogbTc0LjY2NjY2NyA3NC42NjY2NjZBNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMSAyMTMuMzMzMzMzIDg2NHY2NGExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMTM4LjY2NjY2Ny0xMzguNjY2NjY3aC02NHpNMjEzLjMzMzMzMyA4NjRhNzQuNjY2NjY3IDc0LjY2NjY2NyAwIDAgMS03NC42NjY2NjYtNzQuNjY2NjY3aC02NEExMzguNjY2NjY3IDEzOC42NjY2NjcgMCAwIDAgMjEzLjMzMzMzMyA5Mjh2LTY0ek0yNDUuMzMzMzMzIDY4Mi42NjY2Njd2LTIzNC42NjY2NjdoLTY0VjY4Mi42NjY2NjdoNjR6IG0tNTQuNjEzMzMzLTIxMi4wNTMzMzRsODUuMzMzMzMzIDg1LjMzMzMzNCA0NS4yMjY2NjctNDUuMjI2NjY3LTg1LjMzMzMzMy04NS4zMzMzMzMtNDUuMjI2NjY3IDQ1LjIyNjY2NnogbTAtNDUuMjI2NjY2bC04NS4zMzMzMzMgODUuMzMzMzMzIDQ1LjIyNjY2NiA0NS4yMjY2NjcgODUuMzMzMzM0LTg1LjMzMzMzNC00NS4yMjY2NjctNDUuMjI2NjY2eiIgIGZpbGw9IiM0NDRFNjAiPjwvcGF0aD48L3N2Zz4="
 };
-function Le(o) {
+function Ee(o) {
   return Ip[o];
 }
 const wp = (o) => {
@@ -9122,7 +9122,7 @@ const wp = (o) => {
         );
       }
     },
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le("delete") })
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("delete") })
   );
 }, mp = (o) => {
   const { workIds: i, viewId: e } = o;
@@ -9138,11 +9138,11 @@ const wp = (o) => {
         );
       }
     },
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le("duplicate") })
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("duplicate") })
   );
 }, On = (o) => {
   const { icon: i, onPointerUpHandler: e } = o;
-  return /* @__PURE__ */ w.createElement("div", { className: "button normal-button", onPointerUp: e }, /* @__PURE__ */ w.createElement("img", { src: Le(i) }));
+  return /* @__PURE__ */ w.createElement("div", { className: "button normal-button", onPointerUp: e }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }));
 }, Np = (o) => {
   const { open: i, setOpen: e, floatBarRef: t } = o, { floatBarData: n, mananger: r } = Se(Te), [s, a] = se([]), c = G(() => {
     if (t != null && t.current && te(n == null ? void 0 : n.y) && (r != null && r.height)) {
@@ -9198,7 +9198,7 @@ const wp = (o) => {
       onPointerUp: h
     },
     l,
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le(i ? "layer-pressed" : "layer") })
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i ? "layer-pressed" : "layer") })
   );
 }, Rt = (o) => {
   o.stopPropagation(), o.nativeEvent.stopImmediatePropagation();
@@ -9282,7 +9282,7 @@ const wp = (o) => {
       }
     ),
     /* @__PURE__ */ w.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ w.createElement(
-      Ct,
+      vt,
       {
         bounds: "parent",
         axis: "x",
@@ -9345,7 +9345,7 @@ const wp = (o) => {
       }
     ),
     /* @__PURE__ */ w.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ w.createElement(
-      Ct,
+      vt,
       {
         bounds: "parent",
         axis: "x",
@@ -9804,7 +9804,7 @@ const wp = (o) => {
         M.stopPropagation(), M.nativeEvent.stopImmediatePropagation(), e(!i);
       }
     },
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le("font-colors") }),
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("font-colors") }),
     f,
     m
   );
@@ -9951,7 +9951,7 @@ const wp = (o) => {
       { workIds: t, viewId: n, bold: a }
     );
   };
-  return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le(i === "bold" ? "bold-active" : "bold") }));
+  return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i === "bold" ? "bold-active" : "bold") }));
 }, Ap = (o) => {
   const { underline: i, setUnderline: e, workIds: t, viewId: n } = o, r = (s) => {
     const a = !i;
@@ -9965,7 +9965,7 @@ const wp = (o) => {
     "img",
     {
       alt: "icon",
-      src: Le(i ? "underline-active" : "underline")
+      src: Ee(i ? "underline-active" : "underline")
     }
   ));
 }, kp = (o) => {
@@ -9981,7 +9981,7 @@ const wp = (o) => {
     "img",
     {
       alt: "icon",
-      src: Le(i ? "line-through-active" : "line-through")
+      src: Ee(i ? "line-through-active" : "line-through")
     }
   ));
 }, bp = (o) => {
@@ -9997,7 +9997,7 @@ const wp = (o) => {
     "img",
     {
       alt: "icon",
-      src: Le(i === "italic" ? "italic-active" : "italic")
+      src: Ee(i === "italic" ? "italic-active" : "italic")
     }
   ));
 }, Ep = (o) => {
@@ -10089,7 +10089,7 @@ const wp = (o) => {
       "img",
       {
         alt: "icon",
-        src: Le(i ? "font-style-active" : "font-style")
+        src: Ee(i ? "font-style-active" : "font-style")
       }
     ),
     M
@@ -10105,7 +10105,7 @@ const wp = (o) => {
   80,
   144,
   288
-]), Nt = [
+]), mt = [
   "top",
   "topLeft",
   "topRight",
@@ -10275,7 +10275,7 @@ const wp = (o) => {
         );
       }
     },
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le(t ? "unlock-new" : "lock-new") })
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(t ? "unlock-new" : "lock-new") })
   );
 }, Ai = (o) => {
   const { icon: i, min: e, max: t, step: n, value: r, onInputHandler: s } = o, [a, c] = se(0), l = xe(null), h = (u) => {
@@ -10283,7 +10283,7 @@ const wp = (o) => {
   };
   return Me(() => {
     r && (c(r), l.current && (l.current.value = r.toString()));
-  }, [r]), /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Le(i) }), /* @__PURE__ */ w.createElement(
+  }, [r]), /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
     "input",
     {
       className: "input-number",
@@ -10329,7 +10329,7 @@ const wp = (o) => {
   )));
 }, Rp = (o) => {
   const { icon: i, min: e, max: t, step: n, value: r, onInputHandler: s } = o;
-  return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Le(i) }), /* @__PURE__ */ w.createElement(
+  return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
     Up,
     {
       min: e,
@@ -10370,7 +10370,7 @@ const wp = (o) => {
     },
     /* @__PURE__ */ w.createElement("div", { className: "range-number-color" }),
     /* @__PURE__ */ w.createElement("div", { className: "range-number" }, /* @__PURE__ */ w.createElement(
-      Ct,
+      vt,
       {
         bounds: "parent",
         axis: "x",
@@ -10385,7 +10385,7 @@ const wp = (o) => {
 }, Wp = (o) => {
   const { icon: i, value: e, onChangeHandler: t, style: n } = o, [r, s] = se(0), [a, c] = se(), l = xe(null), h = yt(
     (p) => {
-      p >= Nt.length && (p = 0), p < 0 && (p = Nt.length - 1), s(p), t(Nt[p]), c(!1), l.current && (l.current.value = Nt[p]);
+      p >= mt.length && (p = 0), p < 0 && (p = mt.length - 1), s(p), t(mt[p]), c(!1), l.current && (l.current.value = mt[p]);
     },
     [t]
   ), u = G(() => {
@@ -10395,17 +10395,17 @@ const wp = (o) => {
     }
   }, [n]);
   Me(() => {
-    e && (s(Nt.indexOf(e)), l.current && (l.current.value = e));
+    e && (s(mt.indexOf(e)), l.current && (l.current.value = e));
   }, [e]);
   const g = G(() => a ? /* @__PURE__ */ w.createElement(
     Bp,
     {
-      options: Nt,
+      options: mt,
       onClickHandler: h,
       style: u
     }
   ) : null, [a, h, u]);
-  return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Le(i) }), /* @__PURE__ */ w.createElement(
+  return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
     "input",
     {
       readOnly: !0,
@@ -10565,7 +10565,7 @@ const wp = (o) => {
       className: `button tab-button ${e ? "active" : ""}`,
       onPointerUp: t
     },
-    /* @__PURE__ */ w.createElement("img", { src: Le(i) })
+    /* @__PURE__ */ w.createElement("img", { src: Ee(i) })
   );
 }, Zp = (o) => {
   const { toolsTypes: i, style: e, mananger: t, shapeOpt: n, setShapeOpt: r } = o, [s, a] = se();
@@ -10684,7 +10684,7 @@ const wp = (o) => {
       onPointerUp: p
     },
     g,
-    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le(i ? "shapes-active" : "shapes") })
+    /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i ? "shapes-active" : "shapes") })
   );
 }, bo = w.memo(
   (o) => {
@@ -11021,8 +11021,8 @@ const wp = (o) => {
         if (ye.childNodes.length > 0) {
           const De = ye.lastChild;
           if (De) {
-            const Pe = De.lastChild;
-            Pe && Pe.nodeType === Node.TEXT_NODE ? Ie.setStart(Pe, ((de = Pe.textContent) == null ? void 0 : de.length) || 0) : Ie.setStart(De, 0);
+            const Le = De.lastChild;
+            Le && Le.nodeType === Node.TEXT_NODE ? Ie.setStart(Le, ((de = Le.textContent) == null ? void 0 : de.length) || 0) : Ie.setStart(De, 0);
           } else
             Ie.setStart(ye, 0);
         } else
@@ -11061,7 +11061,7 @@ const wp = (o) => {
     };
   }, [p, d, y, m, S, F]), J = G(() => {
     let B = "";
-    const H = `<div style="background-color:${g.fontBgColor};"></div>`;
+    const H = "<div></div>";
     if (g.text) {
       const K = Zi(g.text);
       for (let he = 0; he < K.length; he++) {
@@ -11077,7 +11077,7 @@ const wp = (o) => {
               "&": "&amp;"
             })[Ie]
           );
-          B = B + `<div style="background-color:${g.fontBgColor}">${ye}</div>`;
+          B = B + `<div>${ye}</div>`;
         }
       }
     } else
@@ -11151,47 +11151,47 @@ const wp = (o) => {
         if (!(de instanceof Text))
           return !1;
         const De = de.length || 0;
-        let Pe = 0, ve = 0, Re = De;
+        let Le = 0, ve = 0, Re = De;
         for (; ve < Re; ) {
-          const Ee = Math.floor((ve + Re) / 2), ct = document.createRange();
-          ct.setStart(de, 0), ct.setEnd(de, Ee);
-          const mt = ct.getBoundingClientRect(), Ki = ge.right - mt.right;
+          const Pe = Math.floor((ve + Re) / 2), ct = document.createRange();
+          ct.setStart(de, 0), ct.setEnd(de, Pe);
+          const zt = ct.getBoundingClientRect(), Ki = ge.right - zt.right;
           if (Ki < B) {
-            if (Ee > 0) {
+            if (Pe > 0) {
               const gt = document.createRange();
-              gt.setStart(de, 0), gt.setEnd(de, Ee - 1);
+              gt.setStart(de, 0), gt.setEnd(de, Pe - 1);
               const At = gt.getBoundingClientRect();
               if (ge.right - At.right >= B) {
-                Pe = Ee - 1;
+                Le = Pe - 1;
                 break;
               }
             }
-            Re = Ee;
+            Re = Pe;
           } else {
-            const gt = Ee + 1;
+            const gt = Pe + 1;
             if (gt < De) {
               const At = document.createRange();
               At.setStart(de, 0), At.setEnd(de, gt);
               const qi = At.getBoundingClientRect();
               if (ge.right - qi.right <= B && Ki > B) {
-                Pe = Ee;
+                Le = Pe;
                 break;
               }
             }
             ve = gt;
           }
         }
-        if (!Pe) {
-          const Ee = document.createRange();
-          Ee.setStart(de, 0), Ee.setEnd(de, ve);
-          const ct = Ee.getBoundingClientRect();
-          ge.right - ct.right > B ? Pe = ve : ve > 0 && (Pe = ve - 1);
+        if (!Le) {
+          const Pe = document.createRange();
+          Pe.setStart(de, 0), Pe.setEnd(de, ve);
+          const ct = Pe.getBoundingClientRect();
+          ge.right - ct.right > B ? Le = ve : ve > 0 && (Le = ve - 1);
         }
-        if (Pe > 0) {
-          const Ee = ((ye = de.textContent) == null ? void 0 : ye.slice(0, Pe)) || "", ct = ((Ie = de.textContent) == null ? void 0 : Ie.slice(Pe)) || "";
-          de.textContent = Ee;
-          const mt = document.createElement("div");
-          return g.fontBgColor && (mt.style.backgroundColor = g.fontBgColor), ct && (mt.textContent = ct), E.current.appendChild(mt), le(B), !0;
+        if (Le > 0) {
+          const Pe = ((ye = de.textContent) == null ? void 0 : ye.slice(0, Le)) || "", ct = ((Ie = de.textContent) == null ? void 0 : Ie.slice(Le)) || "";
+          de.textContent = Pe;
+          const zt = document.createElement("div");
+          return ct && (zt.textContent = ct), E.current.appendChild(zt), le(B), !0;
         }
       }
       return !1;
@@ -11220,13 +11220,13 @@ const wp = (o) => {
     let ye = he.anchorNode.parentNode;
     ye === K && (ye = he.anchorNode);
     const Ie = [...K.childNodes], de = [];
-    let De, Pe = he.anchorOffset;
+    let De, Le = he.anchorOffset;
     for (; Ie.length; ) {
       const ve = Ie.pop();
       if (ve) {
         if (ve === ye) {
           let Re = ge[0];
-          ge.length === 1 && (Pe = ge[0].length, Re = ge[0].concat(H)), ye.nodeName === "#text" ? (ye.textContent = Re, De = ye) : ye.nodeName === "DIV" && (ye.innerText = Re, De = ye.childNodes[0]);
+          ge.length === 1 && (Le = ge[0].length, Re = ge[0].concat(H)), ye.nodeName === "#text" ? (ye.textContent = Re, De = ye) : ye.nodeName === "DIV" && (ye.innerText = Re, De = ye.childNodes[0]);
           break;
         }
         de.push(ve), K.removeChild(ve);
@@ -11235,8 +11235,8 @@ const wp = (o) => {
     if (ge.length > 1)
       for (let ve = 1; ve < ge.length; ve++) {
         let Re = ge[ve];
-        const Ee = document.createElement("div");
-        g.fontBgColor && (Ee.style.backgroundColor = g.fontBgColor), ve === ge.length - 1 && (Pe = Re.length, Re = Re.concat(H)), Ee.innerText = Re, K.appendChild(Ee), ve === ge.length - 1 && (De = Ee.childNodes[0]);
+        const Pe = document.createElement("div");
+        ve === ge.length - 1 && (Le = Re.length, Re = Re.concat(H)), Pe.innerText = Re, K.appendChild(Pe), ve === ge.length - 1 && (De = Pe.childNodes[0]);
       }
     if (de.length) {
       de.reverse();
@@ -11245,7 +11245,7 @@ const wp = (o) => {
     }
     if (De && De.nodeName === "#text") {
       he.deleteFromDocument();
-      const ve = document.createRange(), Re = Math.min(Pe, (De == null ? void 0 : De.length) || 0);
+      const ve = document.createRange(), Re = Math.min(Le, (De == null ? void 0 : De.length) || 0);
       ve.setStart(De, Re), ve.collapse(!0), he.removeAllRanges(), he.addRange(ve);
     }
   }
@@ -11777,7 +11777,7 @@ const wp = (o) => {
     }, 60));
   };
   return /* @__PURE__ */ w.createElement(
-    Ct,
+    vt,
     {
       disabled: f,
       position: l,
@@ -11801,7 +11801,7 @@ const wp = (o) => {
           className: "appliance-plugin-rotate-btn",
           style: { backgroundColor: e == null ? void 0 : e.selectorColor }
         },
-        /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le("rotation-button") })
+        /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("rotation-button") })
       ),
       /* @__PURE__ */ w.createElement(
         "div",
@@ -11809,7 +11809,7 @@ const wp = (o) => {
           ref: S,
           className: `appliance-plugin-rotate-mouse-pointer ${u ? "active" : ""}`
         },
-        /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Le("rotation") }),
+        /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("rotation") }),
         /* @__PURE__ */ w.createElement("div", { className: "angle-icon" }, t, "°")
       )
     )
@@ -11908,7 +11908,7 @@ const wp = (o) => {
       r && e && p.current === x.Start && g.current && r.control.textEditorManager.active(g.current);
     };
     return /* @__PURE__ */ w.createElement(
-      Ct,
+      vt,
       {
         disabled: l,
         position: a,
@@ -12262,7 +12262,7 @@ const wp = (o) => {
     s != null && s.control.worker.isBusy && p(!0), f(v, j);
   };
   return /* @__PURE__ */ w.createElement(
-    Ct,
+    vt,
     {
       disabled: g,
       position: c,
@@ -12985,7 +12985,7 @@ class py extends Ao {
     super(e, t);
     I(this, "width", 1e3);
     I(this, "height", 1e3);
-    I(this, "dpr", vt());
+    I(this, "dpr", Tt());
     I(this, "vDom");
     I(this, "eventTragetElement");
     I(this, "snapshotContainerRef");
@@ -13002,7 +13002,7 @@ class py extends Ao {
   setCanvassStyle() {
     var e;
     if (this.eventTragetElement) {
-      const t = this.eventTragetElement.offsetWidth || this.width, n = this.eventTragetElement.offsetHeight || this.height, r = vt();
+      const t = this.eventTragetElement.offsetWidth || this.width, n = this.eventTragetElement.offsetHeight || this.height, r = Tt();
       r !== this.dpr && (this.dpr = r, this.control.worker.updateDpr(this.viewId, this.dpr)), t && n && this.canvasContainerRef.current && (t !== this.width || n !== this.height) && (this.width = t, this.height = n, this.canvasContainerRef.current.style.width = `${t}px`, this.canvasContainerRef.current.style.height = `${n}px`), t && n && this.snapshotContainerRef && this.snapshotContainerRef.current && (t !== this.width || n !== this.height) && (this.width = t, this.height = n), t && n && this.canvasBgRef.current && (t !== this.width || n !== this.height) && (this.width = t, this.height = n, this.control.isUseOffscreenTransfer || (this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = n * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = n * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = n * this.dpr), (e = this.canvasTopRef) != null && e.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = n * this.dpr)));
     }
   }
@@ -13048,7 +13048,7 @@ class py extends Ao {
 class yy extends op {
   constructor(e, t, n) {
     super(e, t, n);
-    I(this, "dpr", vt());
+    I(this, "dpr", Tt());
     I(this, "width", 1e3);
     I(this, "height", 1e3);
     I(this, "vDom");
@@ -13066,7 +13066,7 @@ class yy extends op {
   setCanvassStyle() {
     var e;
     if (this.eventTragetElement) {
-      const t = vt();
+      const t = Tt();
       if (t !== this.dpr && (this.dpr = t, this.control.worker.updateDpr(this.viewId, this.dpr)), this.canvasContainerRef.current) {
         const n = this.eventTragetElement.offsetWidth || this.width, r = this.eventTragetElement.offsetHeight || this.height;
         n && r && (n !== this.width || r !== this.height) && (this.width = n, this.height = r, this.canvasContainerRef.current.style.width = `${n}px`, this.canvasContainerRef.current.style.height = `${r}px`);
@@ -14301,7 +14301,7 @@ class _y extends Ao {
     super(e, t);
     I(this, "width", 1e3);
     I(this, "height", 1e3);
-    I(this, "dpr", vt());
+    I(this, "dpr", Tt());
     I(this, "vDom");
     I(this, "eventTragetElement");
     I(this, "snapshotContainerRef");
@@ -14318,7 +14318,7 @@ class _y extends Ao {
   setCanvassStyle() {
     var e;
     if (this.eventTragetElement) {
-      const t = this.eventTragetElement.offsetWidth, n = this.eventTragetElement.offsetHeight, r = vt();
+      const t = this.eventTragetElement.offsetWidth, n = this.eventTragetElement.offsetHeight, r = Tt();
       r !== this.dpr && (this.dpr = r, this.control.worker.updateDpr(this.viewId, this.dpr)), t && n && this.canvasContainerRef.current && (t !== this.width || n !== this.height) && (this.width = t, this.height = n), t && n && this.canvasBgRef.current && (t !== this.width || n !== this.height) && (this.width = t, this.height = n, this.control.isUseOffscreenTransfer || (this.canvasBgRef.current.width = t * this.dpr, this.canvasBgRef.current.height = n * this.dpr, this.canvasFloatRef.current && (this.canvasFloatRef.current.width = t * this.dpr, this.canvasFloatRef.current.height = n * this.dpr), this.canvasServiceFloatRef.current && (this.canvasServiceFloatRef.current.width = t * this.dpr, this.canvasServiceFloatRef.current.height = n * this.dpr), (e = this.canvasTopRef) != null && e.current && (this.canvasTopRef.current.width = t * this.dpr, this.canvasTopRef.current.height = n * this.dpr)));
     }
   }
@@ -15177,13 +15177,13 @@ I(A, "kind", "appliance-single-plugin"), I(A, "cursorAdapter"), I(A, "currentMan
   }
 });
 let Fn = A;
-const Tt = class Tt extends w.Component {
+const Nt = class Nt extends w.Component {
   constructor() {
     super(...arguments);
     I(this, "mainViewRef", null);
   }
   componentDidMount() {
-    Tt.emiter || (Tt.emiter = Ze.InternalMsgEmitter), Tt.emiter.emit(
+    Nt.emiter || (Nt.emiter = Ze.InternalMsgEmitter), Nt.emiter.emit(
       ee.BindMainView,
       this.mainViewRef
     );
@@ -15198,8 +15198,8 @@ const Tt = class Tt extends w.Component {
     ));
   }
 };
-I(Tt, "emiter");
-let Qn = Tt;
+I(Nt, "emiter");
+let Qn = Nt;
 export {
   Lf as $,
   II as A,