@anu3ev/fabric-image-editor 0.3.0 → 0.4.0

package/dist/main.js

@@ -1,25 +1,25 @@
-var we = Object.defineProperty, De = Object.defineProperties;
-var Oe = Object.getOwnPropertyDescriptors;
+var De = Object.defineProperty, Oe = Object.defineProperties;
+var Te = Object.getOwnPropertyDescriptors;
 var pt = Object.getOwnPropertySymbols;
-var he = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
-var le = (l, t, e) => t in l ? we(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e, D = (l, t) => {
+var ge = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
+var ue = (h, t, e) => t in h ? De(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, E = (h, t) => {
   for (var e in t || (t = {}))
-    he.call(t, e) && le(l, e, t[e]);
+    ge.call(t, e) && ue(h, e, t[e]);
   if (pt)
     for (var e of pt(t))
-      ue.call(t, e) && le(l, e, t[e]);
-  return l;
-}, ge = (l, t) => De(l, Oe(t));
-var X = (l, t) => {
+      fe.call(t, e) && ue(h, e, t[e]);
+  return h;
+}, me = (h, t) => Oe(h, Te(t));
+var X = (h, t) => {
   var e = {};
-  for (var s in l)
-    he.call(l, s) && t.indexOf(s) < 0 && (e[s] = l[s]);
-  if (l != null && pt)
-    for (var s of pt(l))
-      t.indexOf(s) < 0 && ue.call(l, s) && (e[s] = l[s]);
+  for (var s in h)
+    ge.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
+  if (h != null && pt)
+    for (var s of pt(h))
+      t.indexOf(s) < 0 && fe.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var C = (l, t, e) => new Promise((s, n) => {
+var C = (h, t, e) => new Promise((s, n) => {
   var o = (r) => {
     try {
       i(e.next(r));
@@ -33,14 +33,14 @@ var C = (l, t, e) => new Promise((s, n) => {
       n(c);
     }
   }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, a);
-  i((e = e.apply(l, t)).next());
+  i((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as O, Textbox as gt, util as mt, controlsUtils as fe, InteractiveFabricObject as me, loadSVGFromURL as Ee, FabricImage as ht, Point as yt, Gradient as pe, Rect as Ne, Circle as Le, Triangle as Te, Group as $, Canvas as ke, Pattern as xe } from "fabric";
-import { create as Be } from "jsondiffpatch";
-import _e from "diff-match-patch";
-var Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", N = function() {
+import { ActiveSelection as D, Textbox as gt, util as mt, controlsUtils as pe, InteractiveFabricObject as Me, loadSVGFromURL as Ne, FabricImage as ht, Point as bt, Gradient as ye, Rect as Le, Circle as xe, Triangle as ke, Group as $, Canvas as _e, Pattern as Be } from "fabric";
+import { create as Re } from "jsondiffpatch";
+import Ue from "diff-match-patch";
+var ze = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", x = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
-    e += Re[s[t] & 63];
+    e += ze[s[t] & 63];
   return e;
 };
 class ft {
@@ -98,7 +98,7 @@ class ft {
       if (n.length === 1)
         this.canvas.setActiveObject(n[0]);
       else {
-        const a = new O(n, {
+        const a = new D(n, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(a);
@@ -106,7 +106,7 @@ class ft {
       this.canvas.requestRenderAll();
       return;
     }
-    const o = new O(t, {
+    const o = new D(t, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
@@ -120,16 +120,16 @@ class ft {
    * Срабатывают при изменении объектов (перемещение, изменение размера и т.д.).
    */
   handleObjectModifiedHistory() {
-    this.editor.historyManager.skipHistory || this.editor.historyManager.saveState();
+    this.editor.historyManager.skipHistory || this.editor.textManager.isTextEditingActive || this.editor.historyManager.saveState();
   }
   handleObjectRotatingHistory() {
-    this.editor.historyManager.skipHistory || this.editor.historyManager.saveState();
+    this.editor.historyManager.skipHistory || this.editor.textManager.isTextEditingActive || this.editor.historyManager.saveState();
   }
   handleObjectAddedHistory() {
-    this.editor.historyManager.skipHistory || this.editor.historyManager.saveState();
+    this.editor.historyManager.skipHistory || this.editor.textManager.isTextEditingActive || this.editor.historyManager.saveState();
   }
   handleObjectRemovedHistory() {
-    this.editor.historyManager.skipHistory || this.editor.historyManager.saveState();
+    this.editor.historyManager.skipHistory || this.editor.textManager.isTextEditingActive || this.editor.historyManager.saveState();
   }
   /**
    * Обновление overlayMask при добавлении объектов или выделении.
@@ -220,7 +220,7 @@ class ft {
     if (n || o) return;
     this.isSpacePressed = !0, t.preventDefault();
     const a = e.getActiveObject() || null;
-    a instanceof O ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), e.discardActiveObject(), e.set({
+    a instanceof D ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), e.discardActiveObject(), e.set({
       selection: !1,
       defaultCursor: "grab"
     }), e.setCursor("grab"), s.canvasManager.getObjects().forEach((i) => {
@@ -259,7 +259,7 @@ class ft {
       e.setActiveObject(t[0]);
       return;
     }
-    const n = t.filter((a) => s.canvasManager.getObjects().includes(a)), o = new O(n, { canvas: e });
+    const n = t.filter((a) => s.canvasManager.getObjects().includes(a)), o = new D(n, { canvas: e });
     e.setActiveObject(o);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -342,7 +342,12 @@ class ft {
     const e = document.activeElement, s = t.target, n = ["input", "textarea", "select"];
     if (s) {
       const a = s.tagName.toLowerCase();
-      if (n.includes(a) || s.contentEditable === "true") return !0;
+      if (t.type === "paste" && n.includes(a)) {
+        const i = e == null ? void 0 : e.tagName.toLowerCase();
+        return !!(i && n.includes(i));
+      }
+      if (n.includes(a) || s.contentEditable === "true")
+        return !0;
     }
     if (e && e !== s) {
       const a = e.tagName.toLowerCase();
@@ -356,11 +361,11 @@ class ft {
       if (c != null && c.length && r)
         for (const d of c)
           try {
-            const h = r;
-            if (h.matches && h.matches(d) || h.closest && h.closest(d))
+            const l = r;
+            if (l.matches && l.matches(d) || l.closest && l.closest(d))
               return !0;
-          } catch (h) {
-            console.warn(`Error checking selection container with selector "${d}":`, h);
+          } catch (l) {
+            console.warn(`Error checking selection container with selector "${d}":`, l);
           }
     }
     return !1;
@@ -386,7 +391,7 @@ class ft {
     };
   }
 }
-class Ue {
+class Ye {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -404,21 +409,21 @@ class Ue {
     return this.loaders[t] ? (this.cache.has(t) || this.cache.set(t, this.loaders[t]()), this.cache.get(t)) : Promise.reject(new Error(`Unknown module "${t}"`));
   }
 }
-function ze(l) {
+function Fe(h) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
-      name: l == null ? void 0 : l.name
+      name: h == null ? void 0 : h.name
     }
   );
 }
-class Ye {
+class He {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(t) {
-    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new ze(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new Fe(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -446,7 +451,7 @@ class Ye {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(t, e, s = []) {
-    const n = `${t}:${N(8)}`;
+    const n = `${t}:${x(8)}`;
     return new Promise((o, a) => {
       this._callbacks.set(n, { resolve: o, reject: a }), this.worker.postMessage({ action: t, payload: e, requestId: n }, s);
     });
@@ -458,26 +463,26 @@ class Ye {
     this.worker.terminate();
   }
 }
-const F = 12, Fe = 2, Dt = 8, Ot = 20, He = 100, Et = 20, Nt = 8, Ze = 100, bt = 32, Tt = 1, We = "#2B2D33", kt = "#3D8BF4", xt = "#FFFFFF";
-function Mt(l, t, e, s, n) {
-  const o = F, a = Fe;
-  l.save(), l.translate(t, e), l.rotate(mt.degreesToRadians(n.angle)), l.fillStyle = xt, l.strokeStyle = kt, l.lineWidth = Tt, l.beginPath(), l.roundRect(-o / 2, -o / 2, o, o, a), l.fill(), l.stroke(), l.restore();
+const F = 12, Ze = 2, Dt = 8, Ot = 20, We = 100, Tt = 20, Nt = 8, Pe = 100, vt = 32, xt = 1, Ve = "#2B2D33", kt = "#3D8BF4", _t = "#FFFFFF";
+function Mt(h, t, e, s, n) {
+  const o = F, a = Ze;
+  h.save(), h.translate(t, e), h.rotate(mt.degreesToRadians(n.angle)), h.fillStyle = _t, h.strokeStyle = kt, h.lineWidth = xt, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, a), h.fill(), h.stroke(), h.restore();
 }
-function Me(l, t, e, s, n) {
-  const o = Dt, a = Ot, i = He;
-  l.save(), l.translate(t, e), l.rotate(mt.degreesToRadians(n.angle)), l.fillStyle = xt, l.strokeStyle = kt, l.lineWidth = Tt, l.beginPath(), l.roundRect(-o / 2, -a / 2, o, a, i), l.fill(), l.stroke(), l.restore();
+function be(h, t, e, s, n) {
+  const o = Dt, a = Ot, i = We;
+  h.save(), h.translate(t, e), h.rotate(mt.degreesToRadians(n.angle)), h.fillStyle = _t, h.strokeStyle = kt, h.lineWidth = xt, h.beginPath(), h.roundRect(-o / 2, -a / 2, o, a, i), h.fill(), h.stroke(), h.restore();
 }
-function ye(l, t, e, s, n) {
-  const o = Et, a = Nt, i = Ze;
-  l.save(), l.translate(t, e), l.rotate(mt.degreesToRadians(n.angle)), l.fillStyle = xt, l.strokeStyle = kt, l.lineWidth = Tt, l.beginPath(), l.roundRect(-o / 2, -a / 2, o, a, i), l.fill(), l.stroke(), l.restore();
+function ve(h, t, e, s, n) {
+  const o = Tt, a = Nt, i = Pe;
+  h.save(), h.translate(t, e), h.rotate(mt.degreesToRadians(n.angle)), h.fillStyle = _t, h.strokeStyle = kt, h.lineWidth = xt, h.beginPath(), h.roundRect(-o / 2, -a / 2, o, a, i), h.fill(), h.stroke(), h.restore();
 }
-const Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
-Ce.src = Pe;
-function Ve(l, t, e, s, n) {
-  const a = bt / 2;
-  l.save(), l.translate(t, e), l.rotate(mt.degreesToRadians(n.angle)), l.fillStyle = We, l.beginPath(), l.arc(0, 0, a, 0, 2 * Math.PI), l.fill(), l.drawImage(Ce, -a / 2, -a / 2, a, a), l.restore();
+const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", we = new Image();
+we.src = Ge;
+function Xe(h, t, e, s, n) {
+  const a = vt / 2;
+  h.save(), h.translate(t, e), h.rotate(mt.degreesToRadians(n.angle)), h.fillStyle = Ve, h.beginPath(), h.arc(0, 0, a, 0, 2 * Math.PI), h.fill(), h.drawImage(we, -a / 2, -a / 2, a, a), h.restore();
 }
-const Ge = {
+const Ke = {
   // Угловые точки
   tl: {
     render: Mt,
@@ -509,14 +514,14 @@ const Ge = {
   },
   // Середина вертикалей
   ml: {
-    render: Me,
+    render: be,
     sizeX: Dt,
     sizeY: Ot,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: Me,
+    render: be,
     sizeX: Dt,
     sizeY: Ot,
     offsetX: 0,
@@ -524,31 +529,31 @@ const Ge = {
   },
   // Середина горизонталей
   mt: {
-    render: ye,
-    sizeX: Et,
+    render: ve,
+    sizeX: Tt,
     sizeY: Nt,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: ye,
-    sizeX: Et,
+    render: ve,
+    sizeX: Tt,
     sizeY: Nt,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ve,
-    sizeX: bt,
-    sizeY: bt,
+    render: Xe,
+    sizeX: vt,
+    sizeY: vt,
     offsetX: 0,
-    offsetY: -bt
+    offsetY: -vt
   }
 };
-class vt {
+class jt {
   static applyControlOverrides(t) {
-    Object.entries(Ge).forEach(([e, s]) => {
+    Object.entries(Ke).forEach(([e, s]) => {
       const n = t[e];
       n && (Object.assign(n, s), e === "mtr" && (n.cursorStyle = "grab", n.mouseDownHandler = (o, a, i, r) => {
         var d;
@@ -558,13 +563,13 @@ class vt {
     });
   }
   static apply() {
-    const t = fe.createObjectDefaultControls();
-    vt.applyControlOverrides(t), me.ownDefaults.controls = t;
-    const e = fe.createTextboxDefaultControls();
-    vt.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), gt.ownDefaults.controls = e, me.ownDefaults.snapAngle = 1;
+    const t = pe.createObjectDefaultControls();
+    jt.applyControlOverrides(t), Me.ownDefaults.controls = t;
+    const e = pe.createTextboxDefaultControls();
+    jt.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), gt.ownDefaults.controls = e, Me.ownDefaults.snapAngle = 1;
   }
 }
-const I = class I {
+const j = class j {
   constructor(t = []) {
     this.fonts = t;
   }
@@ -578,7 +583,7 @@ const I = class I {
       if (!t.length) return;
       const e = typeof document != "undefined" ? document : void 0;
       if (!e) return;
-      const s = t.map((o) => I.loadFont(o, e));
+      const s = t.map((o) => j.loadFont(o, e));
       yield Promise.allSettled(s);
     });
   }
@@ -587,21 +592,21 @@ const I = class I {
       var c, d;
       const s = typeof FontFace != "undefined", n = (c = t.family) == null ? void 0 : c.trim(), o = (d = t.source) == null ? void 0 : d.trim();
       if (!n || !o) return;
-      const a = I.normalizeFontSource(o), i = I.getDescriptorSnapshot(t.descriptors), r = I.getFontRegistrationKey(n, a, i);
-      if (!I.registeredFontKeys.has(r)) {
-        if (I.isFontFaceAlreadyApplied(e, n, i)) {
-          I.registeredFontKeys.add(r);
+      const a = j.normalizeFontSource(o), i = j.getDescriptorSnapshot(t.descriptors), r = j.getFontRegistrationKey(n, a, i);
+      if (!j.registeredFontKeys.has(r)) {
+        if (j.isFontFaceAlreadyApplied(e, n, i)) {
+          j.registeredFontKeys.add(r);
           return;
         }
         if (s && e.fonts && typeof e.fonts.add == "function")
           try {
             const u = yield new FontFace(n, a, t.descriptors).load();
-            e.fonts.add(u), I.registeredFontKeys.add(r);
+            e.fonts.add(u), j.registeredFontKeys.add(r);
             return;
-          } catch (h) {
-            console.warn(`Не удалось загрузить шрифт "${n}" через FontFace API`, h);
+          } catch (l) {
+            console.warn(`Не удалось загрузить шрифт "${n}" через FontFace API`, l);
           }
-        I.injectFontFace({
+        j.injectFontFace({
           font: t,
           source: a,
           doc: e,
@@ -621,15 +626,15 @@ const I = class I {
     if (!a) return;
     const i = s.createElement("style");
     i.setAttribute("data-editor-font", a), i.setAttribute("data-editor-font-key", n);
-    const r = I.descriptorsToCss(o), c = [
+    const r = j.descriptorsToCss(o), c = [
       "@font-face {",
-      `  font-family: ${I.formatFontFamilyForCss(a)};`,
+      `  font-family: ${j.formatFontFamilyForCss(a)};`,
       `  src: ${e};`,
-      ...r.map((h) => `  ${h}`),
+      ...r.map((l) => `  ${l}`),
       "}"
     ];
     i.textContent = c.join(`
-`), s.head.appendChild(i), I.registeredFontKeys.add(n);
+`), s.head.appendChild(i), j.registeredFontKeys.add(n);
   }
   static normalizeFontSource(t) {
     const e = t.trim();
@@ -652,15 +657,15 @@ const I = class I {
     return t ? t.trim().replace(/^['"]+|['"]+$/g, "").toLowerCase() : "";
   }
   static getDescriptorSnapshot(t) {
-    const e = I.descriptorDefaults;
+    const e = j.descriptorDefaults;
     return {
-      style: I.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
-      weight: I.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
-      stretch: I.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
-      unicodeRange: I.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
-      variant: I.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
-      featureSettings: I.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
-      display: I.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
+      style: j.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
+      weight: j.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
+      stretch: j.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
+      unicodeRange: j.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
+      variant: j.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
+      featureSettings: j.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
+      display: j.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
     };
   }
   static areDescriptorSnapshotsEqual(t, e) {
@@ -668,7 +673,7 @@ const I = class I {
   }
   static getFontRegistrationKey(t, e, s) {
     return [
-      I.normalizeFamilyName(t),
+      j.normalizeFamilyName(t),
       e,
       s.style,
       s.weight,
@@ -682,12 +687,12 @@ const I = class I {
   static isFontFaceAlreadyApplied(t, e, s) {
     const n = t.fonts;
     if (!n || typeof n.forEach != "function") return !1;
-    const o = I.normalizeFamilyName(e);
+    const o = j.normalizeFamilyName(e);
     let a = !1;
     try {
       n.forEach((i) => {
-        if (a || I.normalizeFamilyName(i.family) !== o) return;
-        const c = I.getDescriptorSnapshot({
+        if (a || j.normalizeFamilyName(i.family) !== o) return;
+        const c = j.getDescriptorSnapshot({
           style: i.style,
           weight: i.weight,
           stretch: i.stretch,
@@ -696,7 +701,7 @@ const I = class I {
           featureSettings: i.featureSettings,
           display: i.display
         });
-        I.areDescriptorSnapshotsEqual(s, c) && (a = !0);
+        j.areDescriptorSnapshotsEqual(s, c) && (a = !0);
       });
     } catch (i) {
       return console.warn("Не удалось проверить, загружен ли шрифт ранее через FontFaceSet", i), !1;
@@ -723,7 +728,7 @@ const I = class I {
     });
   }
 };
-I.registeredFontKeys = /* @__PURE__ */ new Set(), I.descriptorDefaults = {
+j.registeredFontKeys = /* @__PURE__ */ new Set(), j.descriptorDefaults = {
   style: "normal",
   weight: "normal",
   stretch: "normal",
@@ -732,8 +737,8 @@ I.registeredFontKeys = /* @__PURE__ */ new Set(), I.descriptorDefaults = {
   featureSettings: "normal",
   display: "auto"
 };
-let Lt = I;
-const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ts = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", es = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ut = {
+let Lt = j;
+const $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ts = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", es = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ss = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ut = {
   style: {
     position: "absolute",
     display: "none",
@@ -800,54 +805,54 @@ const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Xe,
-    delete: es,
-    lock: Ke,
-    unlock: $e,
-    bringToFront: qe,
-    sendToBack: ts,
-    bringForward: Qe,
-    sendBackwards: Je
+    copyPaste: $e,
+    delete: ns,
+    lock: Qe,
+    unlock: Je,
+    bringToFront: es,
+    sendToBack: ss,
+    bringForward: qe,
+    sendBackwards: ts
   },
   handlers: {
-    copyPaste: (l) => C(null, null, function* () {
-      l.clipboardManager.copyPaste();
+    copyPaste: (h) => C(null, null, function* () {
+      h.clipboardManager.copyPaste();
     }),
-    delete: (l) => {
-      l.deletionManager.deleteSelectedObjects();
+    delete: (h) => {
+      h.deletionManager.deleteSelectedObjects();
     },
-    lock: (l) => {
-      l.objectLockManager.lockObject();
+    lock: (h) => {
+      h.objectLockManager.lockObject();
     },
-    unlock: (l) => {
-      l.objectLockManager.unlockObject();
+    unlock: (h) => {
+      h.objectLockManager.unlockObject();
     },
-    bringForward: (l) => {
-      l.layerManager.bringForward();
+    bringForward: (h) => {
+      h.layerManager.bringForward();
     },
-    bringToFront: (l) => {
-      l.layerManager.bringToFront();
+    bringToFront: (h) => {
+      h.layerManager.bringToFront();
     },
-    sendToBack: (l) => {
-      l.layerManager.sendToBack();
+    sendToBack: (h) => {
+      h.layerManager.sendToBack();
     },
-    sendBackwards: (l) => {
-      l.layerManager.sendBackwards();
+    sendBackwards: (h) => {
+      h.layerManager.sendBackwards();
     }
   }
 };
-class ss {
+class os {
   constructor({ editor: t }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    this.config = ge(D(D({}, ut), t), {
-      style: D(D({}, ut.style), t.style || {}),
-      btnStyle: D(D({}, ut.btnStyle), t.btnStyle || {}),
-      icons: D(D({}, ut.icons), t.icons || {}),
-      handlers: D(D({}, ut.handlers), t.handlers || {})
+    this.config = me(E(E({}, ut), t), {
+      style: E(E({}, ut.style), t.style || {}),
+      btnStyle: E(E({}, ut.btnStyle), t.btnStyle || {}),
+      icons: E(E({}, ut.icons), t.icons || {}),
+      handlers: E(E({}, ut.handlers), t.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
       this.el.style.display = "none";
     }, this._createDOM(), this._bindEvents();
@@ -952,7 +957,7 @@ class ss {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-const ns = {
+const as = {
   position: "absolute",
   display: "none",
   background: "#2B2D33",
@@ -966,7 +971,7 @@ const ns = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, be = 16, ve = 16, os = "fabric-editor-angle-indicator";
+}, je = 16, Ie = 16, is = "fabric-editor-angle-indicator";
 class Bt {
   constructor({ editor: t }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._createDOM(), this._bindEvents();
@@ -975,7 +980,7 @@ class Bt {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = os, Object.entries(ns).forEach(([t, e]) => {
+    this.el = document.createElement("div"), this.el.className = is, Object.entries(as).forEach(([t, e]) => {
       this.el.style.setProperty(t, e);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -1026,9 +1031,9 @@ class Bt {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + be, n = t.clientY - e.top + ve;
+    let s = t.clientX - e.left + je, n = t.clientY - e.top + Ie;
     const o = this.el.getBoundingClientRect(), a = o.width, i = o.height;
-    s + a > e.width && (s = t.clientX - e.left - a - be), n + i > e.height && (n = t.clientY - e.top - i - ve), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
+    s + a > e.width && (s = t.clientX - e.left - a - je), n + i > e.height && (n = t.clientY - e.top - i - Ie), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
   }
   /**
    * Показать индикатор
@@ -1059,7 +1064,7 @@ class Bt {
     this.canvas && (this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:cleared", this._onSelectionCleared)), (t = this.el) != null && t.parentNode && this.el.parentNode.removeChild(this.el), this.el = null, this.editor = null, this.canvas = null, this.options = null;
   }
 }
-const as = [
+const rs = [
   "selectable",
   "evented",
   "id",
@@ -1076,9 +1081,11 @@ const as = [
   "lockScalingX",
   "lockScalingY",
   "lockSkewingX",
-  "lockSkewingY"
+  "lockSkewingY",
+  "textCaseRaw",
+  "uppercase"
 ];
-class jt {
+class It {
   constructor({ editor: t }) {
     this.editor = t, this.canvas = t.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -1090,7 +1097,7 @@ class jt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Be({
+    this.diffPatcher = Re({
       objectHash(t) {
         const e = t, s = t;
         return [
@@ -1109,6 +1116,7 @@ class jt {
           e.scaleY,
           e.angle,
           e.opacity,
+          s.text,
           s.textCaseRaw,
           s.uppercase,
           s.underline,
@@ -1125,7 +1133,7 @@ class jt {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: _e,
+        diffMatchPatch: Ue,
         minLength: 60
       }
     });
@@ -1166,7 +1174,7 @@ class jt {
   saveState() {
     if (console.log("saveState"), this.skipHistory) return;
     console.time("saveState");
-    const t = this.canvas.toDatalessObject([...as]);
+    const t = this.canvas.toDatalessObject([...rs]);
     if (console.timeEnd("saveState"), !this.baseState) {
       this.baseState = t, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
       return;
@@ -1176,7 +1184,7 @@ class jt {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: N(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: x(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Сериализует customData объектов в строку. Это необходимо чтобы при вызове loadFromJSON fabricjs не пытался обрабатывать свойства внутри customData, как свойства FabricObject, если их названия совпадают с зарезервированными.
@@ -1213,14 +1221,14 @@ class jt {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: n, backgroundManager: o } = this.editor, { width: a, height: i } = e;
-      n.overlayMask = null, jt._serializeCustomData(t), yield e.loadFromJSON(t, (h, u) => {
-        jt._deserializeCustomData(h, u);
+      n.overlayMask = null, It._serializeCustomData(t), yield e.loadFromJSON(t, (l, u) => {
+        It._deserializeCustomData(l, u);
       });
-      const r = e.getObjects().find((h) => h.id === "montage-area");
+      const r = e.getObjects().find((l) => l.id === "montage-area");
       r && (this.editor.montageArea = r, (a !== e.getWidth() || i !== e.getHeight()) && s.updateCanvas());
-      const c = e.getObjects().find((h) => h.id === "overlay-mask");
+      const c = e.getObjects().find((l) => l.id === "overlay-mask");
       c && (n.overlayMask = c, n.overlayMask.visible = !1);
-      const d = e.getObjects().find((h) => h.id === "background");
+      const d = e.getObjects().find((l) => l.id === "background");
       d ? (o.backgroundObject = d, o.refresh()) : o.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
         fullState: t,
         currentIndex: this.currentIndex,
@@ -1306,7 +1314,7 @@ class jt {
     });
   }
 }
-const is = 0.1, rs = 2, je = 0.1, cs = 90, J = 16, q = 16, P = 4096, V = 4096, Ie = "application/image-editor:";
+const cs = 0.1, ds = 2, Ae = 0.1, ls = 90, J = 16, q = 16, P = 4096, V = 4096, Ce = "application/image-editor:", yt = ["format", "uppercase", "textCaseRaw"], hs = 50;
 class H {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -1334,7 +1342,7 @@ class H {
         withoutSelection: i = !1
       } = t;
       if (!e) return null;
-      const { canvas: r, montageArea: c, transformManager: d, historyManager: h, errorManager: u } = this.editor, g = yield this.getContentType(e), f = H.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: y } = this;
+      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = H.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: b } = this;
       if (!this.isAllowedContentType(g)) {
         const p = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return u.emitError({
@@ -1347,21 +1355,21 @@ class H {
             format: f,
             contentType: g,
             acceptContentTypes: m,
-            acceptFormats: y,
+            acceptFormats: b,
             fromClipboard: o,
             isBackground: a,
             withoutSelection: i
           }
         }), null;
       }
-      h.suspendHistory();
+      l.suspendHistory();
       try {
         let p, M;
         if (e instanceof File)
           p = URL.createObjectURL(e);
         else if (typeof e == "string") {
-          const j = yield (yield fetch(e, { mode: "cors" })).blob();
-          p = URL.createObjectURL(j);
+          const A = yield (yield fetch(e, { mode: "cors" })).blob();
+          p = URL.createObjectURL(A);
         } else
           return u.emitError({
             origin: "ImageManager",
@@ -1373,37 +1381,37 @@ class H {
               format: f,
               contentType: g,
               acceptContentTypes: m,
-              acceptFormats: y,
+              acceptFormats: b,
               fromClipboard: o,
               isBackground: a,
               withoutSelection: i
             }
           }), null;
         if (this._createdBlobUrls.push(p), f === "svg") {
-          const A = yield Ee(p);
-          M = mt.groupSVGElements(A.objects, A.options);
+          const y = yield Ne(p);
+          M = mt.groupSVGElements(y.objects, y.options);
         } else
           M = yield ht.fromURL(p, { crossOrigin: "anonymous" });
-        const { width: S, height: E } = M;
+        const { width: S, height: O } = M;
         if (M instanceof ht) {
-          const A = M.getElement();
-          let j = "";
-          if (A instanceof HTMLImageElement ? j = A.src : A instanceof HTMLCanvasElement && (j = A.toDataURL()), E > V || S > P) {
-            const L = yield this.resizeImageToBoundaries(j, "max"), w = URL.createObjectURL(L);
-            this._createdBlobUrls.push(w), M = yield ht.fromURL(w, { crossOrigin: "anonymous" });
-          } else if (E < q || S < J) {
-            const L = yield this.resizeImageToBoundaries(j, "min"), w = URL.createObjectURL(L);
-            this._createdBlobUrls.push(w), M = yield ht.fromURL(w, { crossOrigin: "anonymous" });
+          const y = M.getElement();
+          let A = "";
+          if (y instanceof HTMLImageElement ? A = y.src : y instanceof HTMLCanvasElement && (A = y.toDataURL()), O > V || S > P) {
+            const N = yield this.resizeImageToBoundaries(A, "max"), I = URL.createObjectURL(N);
+            this._createdBlobUrls.push(I), M = yield ht.fromURL(I, { crossOrigin: "anonymous" });
+          } else if (O < q || S < J) {
+            const N = yield this.resizeImageToBoundaries(A, "min"), I = URL.createObjectURL(N);
+            this._createdBlobUrls.push(I), M = yield ht.fromURL(I, { crossOrigin: "anonymous" });
           }
         }
-        if (M.set("id", `${M.type}-${N()}`), M.set("format", f), s === "scale-montage")
+        if (M.set("id", `${M.type}-${x()}`), M.set("format", f), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
         else {
-          const { width: A, height: j } = c, L = this.calculateScaleFactor({ imageObject: M, scaleType: s });
-          s === "image-contain" && L < 1 ? d.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > A || E > j) && d.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          const { width: y, height: A } = c, N = this.calculateScaleFactor({ imageObject: M, scaleType: s });
+          s === "image-contain" && N < 1 ? d.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > y || O > A) && d.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
-        r.add(M), r.centerObject(M), i || r.setActiveObject(M), r.renderAll(), h.resumeHistory(), n || h.saveState();
-        const v = {
+        r.add(M), r.centerObject(M), i || r.setActiveObject(M), r.renderAll(), l.resumeHistory(), n || l.saveState();
+        const T = {
           image: M,
           format: f,
           contentType: g,
@@ -1414,7 +1422,7 @@ class H {
           isBackground: a,
           withoutSelection: i
         };
-        return r.fire("editor:image-imported", v), v;
+        return r.fire("editor:image-imported", T), T;
       } catch (p) {
         return u.emitError({
           origin: "ImageManager",
@@ -1431,7 +1439,7 @@ class H {
             isBackground: a,
             withoutSelection: i
           }
-        }), h.resumeHistory(), null;
+        }), l.resumeHistory(), null;
       }
     });
   }
@@ -1484,22 +1492,22 @@ class H {
         exportAsBlob: o = !1
       } = t, { canvas: a, montageArea: i, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const d = s === "application/pdf", h = d ? "image/jpg" : s, u = H.getFormatFromContentType(h);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = H.getFormatFromContentType(l);
         i.setCoords();
-        const { left: g, top: f, width: m, height: y } = i.getBoundingRect(), p = yield a.clone(["id", "format", "locked"]);
-        p.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (p.backgroundColor = "#ffffff");
-        const M = p.getObjects().find((b) => b.id === i.id);
+        const { left: g, top: f, width: m, height: b } = i.getBoundingRect(), p = yield a.clone(["id", "format", "locked"]);
+        p.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (p.backgroundColor = "#ffffff");
+        const M = p.getObjects().find((v) => v.id === i.id);
         if (M && (M.visible = !1), c != null && c.isBlocked) {
-          const b = p.getObjects().find((T) => T.id === c.overlayMask.id);
-          b && (b.visible = !1);
+          const v = p.getObjects().find((w) => w.id === c.overlayMask.id);
+          v && (v.visible = !1);
         }
-        p.viewportTransform = [1, 0, 0, 1, -g, -f], p.setDimensions({ width: m, height: y }, { backstoreOnly: !0 }), p.renderAll();
-        const S = p.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        p.viewportTransform = [1, 0, 0, 1, -g, -f], p.setDimensions({ width: m, height: b }, { backstoreOnly: !0 }), p.renderAll();
+        const S = p.getObjects().filter((v) => v.format).every((v) => v.format === "svg");
         if (u === "svg" && S) {
-          const b = p.toSVG();
+          const v = p.toSVG();
           p.dispose();
-          const k = {
-            image: H._exportSVGStringAsFile(b, {
+          const L = {
+            image: H._exportSVGStringAsFile(v, {
               exportAsBase64: n,
               exportAsBlob: o,
               fileName: e
@@ -1508,34 +1516,34 @@ class H {
             contentType: "image/svg+xml",
             fileName: e.replace(/\.[^/.]+$/, ".svg")
           };
-          return a.fire("editor:canvas-exported", k), k;
+          return a.fire("editor:canvas-exported", L), L;
         }
-        const E = yield new Promise((b, T) => {
-          p.getElement().toBlob((k) => {
-            k ? b(k) : T(new Error("Failed to create Blob from canvas"));
+        const O = yield new Promise((v, w) => {
+          p.getElement().toBlob((L) => {
+            L ? v(L) : w(new Error("Failed to create Blob from canvas"));
           });
         });
         if (p.dispose(), o) {
-          const b = {
-            image: E,
+          const v = {
+            image: O,
             format: u,
-            contentType: h,
+            contentType: l,
             fileName: e
           };
-          return a.fire("editor:canvas-exported", b), b;
+          return a.fire("editor:canvas-exported", v), v;
         }
-        const v = yield createImageBitmap(E), A = yield r.post(
+        const T = yield createImageBitmap(O), y = yield r.post(
           "toDataURL",
-          { format: u, quality: 1, bitmap: v },
-          [v]
+          { format: u, quality: 1, bitmap: T },
+          [T]
         );
         if (d) {
-          const T = m * 0.264583, k = y * 0.264583, x = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new x({
-            orientation: T > k ? "landscape" : "portrait",
+          const w = m * 0.264583, L = b * 0.264583, _ = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new _({
+            orientation: w > L ? "landscape" : "portrait",
             unit: "mm",
-            format: [T, k]
+            format: [w, L]
           });
-          if (Y.addImage(String(A), "JPG", 0, 0, T, k), n) {
+          if (Y.addImage(String(y), "JPG", 0, 0, w, L), n) {
             const W = {
               image: Y.output("datauristring"),
               format: "pdf",
@@ -1544,8 +1552,8 @@ class H {
             };
             return a.fire("editor:canvas-exported", W), W;
           }
-          const _ = Y.output("blob"), Z = {
-            image: new File([_], e, { type: "application/pdf" }),
+          const B = Y.output("blob"), Z = {
+            image: new File([B], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
@@ -1553,21 +1561,21 @@ class H {
           return a.fire("editor:canvas-exported", Z), Z;
         }
         if (n) {
-          const b = {
-            image: A,
+          const v = {
+            image: y,
             format: u,
-            contentType: h,
+            contentType: l,
             fileName: e
           };
-          return a.fire("editor:canvas-exported", b), b;
+          return a.fire("editor:canvas-exported", v), v;
         }
-        const j = u === "svg" && !S ? e.replace(/\.[^/.]+$/, ".png") : e, w = {
-          image: new File([E], j, { type: h }),
+        const A = u === "svg" && !S ? e.replace(/\.[^/.]+$/, ".png") : e, I = {
+          image: new File([O], A, { type: l }),
           format: u,
-          contentType: h,
-          fileName: j
+          contentType: l,
+          fileName: A
         };
-        return a.fire("editor:canvas-exported", w), w;
+        return a.fire("editor:canvas-exported", I), I;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1610,13 +1618,13 @@ class H {
       try {
         const d = H.getFormatFromContentType(n);
         if (d === "svg") {
-          const m = c.toSVG(), y = H._exportSVGStringAsFile(m, {
+          const m = c.toSVG(), b = H._exportSVGStringAsFile(m, {
             exportAsBase64: o,
             exportAsBlob: a,
             fileName: s
           }), p = {
             object: c,
-            image: y,
+            image: b,
             format: d,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
@@ -1624,7 +1632,7 @@ class H {
           return i.fire("editor:object-exported", p), p;
         }
         if (o && c instanceof ht) {
-          const m = yield createImageBitmap(c.getElement()), y = yield r.post(
+          const m = yield createImageBitmap(c.getElement()), b = yield r.post(
             "toDataURL",
             {
               format: d,
@@ -1634,18 +1642,18 @@ class H {
             [m]
           ), p = {
             object: c,
-            image: y,
+            image: b,
             format: d,
             contentType: n,
             fileName: s
           };
           return i.fire("editor:object-exported", p), p;
         }
-        const h = c.toCanvasElement({
+        const l = c.toCanvasElement({
           enableRetinaScaling: !1
-        }), u = yield new Promise((m, y) => {
-          h.toBlob((p) => {
-            p ? m(p) : y(new Error("Failed to create Blob from canvas"));
+        }), u = yield new Promise((m, b) => {
+          l.toBlob((p) => {
+            p ? m(p) : b(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
@@ -1794,11 +1802,11 @@ class H {
     return e ? e[1] : "";
   }
 }
-const K = (l, t, e) => Math.max(Math.min(l, e), t), Ae = (l, t) => l * t, ds = (l, t) => new yt(l / 2, t / 2);
-function ls(l) {
-  return ((l == null ? void 0 : l.type) === "image" || (l == null ? void 0 : l.format) === "svg") && typeof (l == null ? void 0 : l.width) == "number" && typeof (l == null ? void 0 : l.height) == "number";
+const K = (h, t, e) => Math.max(Math.min(h, e), t), Se = (h, t) => h * t, us = (h, t) => new bt(h / 2, t / 2);
+function gs(h) {
+  return ((h == null ? void 0 : h.type) === "image" || (h == null ? void 0 : h.format) === "svg") && typeof (h == null ? void 0 : h.width) == "number" && typeof (h == null ? void 0 : h.height) == "number";
 }
-class hs {
+class fs {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1831,12 +1839,12 @@ class hs {
       options: { canvasBackstoreWidth: i }
     } = this.editor, { width: r, height: c } = a, d = K(Number(t), J, P);
     if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(d), a.set({ width: d }), (f = o.clipPath) == null || f.set({ width: d }), e) {
-      const m = d / r, y = Ae(c, m);
-      this.setResolutionHeight(y);
+      const m = d / r, b = Se(c, m);
+      this.setResolutionHeight(b);
       return;
     }
-    const { left: h, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
-    o.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
+    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
       width: d,
       preserveProportional: e,
       withoutSave: s,
@@ -1861,12 +1869,12 @@ class hs {
       options: { canvasBackstoreHeight: i }
     } = this.editor, { width: r, height: c } = a, d = K(Number(t), q, V);
     if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(d), a.set({ height: d }), (f = o.clipPath) == null || f.set({ height: d }), e) {
-      const m = d / c, y = Ae(r, m);
-      this.setResolutionWidth(y);
+      const m = d / c, b = Se(r, m);
+      this.setResolutionWidth(b);
       return;
     }
-    const { left: h, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
-    o.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
+    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
       height: d,
       preserveProportional: e,
       withoutSave: s,
@@ -1879,7 +1887,7 @@ class hs {
    */
   centerMontageArea() {
     var r;
-    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), n = t.getHeight(), o = t.getZoom(), a = ds(s, n);
+    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), n = t.getHeight(), o = t.getZoom(), a = us(s, n);
     e.set({
       left: s / 2,
       top: n / 2
@@ -1952,22 +1960,22 @@ class hs {
     if (i !== 0 || r !== 0) {
       const c = t.getActiveObject(), d = [];
       if ((c == null ? void 0 : c.type) === "activeselection") {
-        const h = c;
-        d.push(...h.getObjects()), t.discardActiveObject();
+        const l = c;
+        d.push(...l.getObjects()), t.discardActiveObject();
       }
-      if (t.getObjects().forEach((h) => {
-        h.id === "montage-area" || h.id === "overlay-mask" || h.id === "background" || (h.set({
-          left: h.left + i,
-          top: h.top + r
-        }), h.setCoords());
+      if (t.getObjects().forEach((l) => {
+        l.id === "montage-area" || l.id === "overlay-mask" || l.id === "background" || (l.set({
+          left: l.left + i,
+          top: l.top + r
+        }), l.setCoords());
       }), d.length > 0)
         if (d.length === 1)
           t.setActiveObject(d[0]);
         else {
-          const h = new O(d, {
+          const l = new D(d, {
             canvas: t
           });
-          t.setActiveObject(h);
+          t.setActiveObject(l);
         }
     }
     t.renderAll(), t.fire("editor:canvas-updated", {
@@ -2130,17 +2138,17 @@ class hs {
         montageAreaHeight: r
       }
     } = this.editor, c = t || n.getActiveObject();
-    if (!ls(c)) return;
-    const { width: d, height: h } = c;
-    let u = Math.min(d, P), g = Math.min(h, V);
+    if (!gs(c)) return;
+    const { width: d, height: l } = c;
+    let u = Math.min(d, P), g = Math.min(l, V);
     if (e) {
       const {
         width: f,
         height: m
-      } = o, y = d / f, p = h / m, M = Math.max(y, p);
+      } = o, b = d / f, p = l / m, M = Math.max(b, p);
       u = f * M, g = m * M;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > i || h > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), a.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > i || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), a.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: c,
       width: u,
       height: g,
@@ -2190,7 +2198,7 @@ class hs {
     );
   }
 }
-class us {
+class ms {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options;
   }
@@ -2201,7 +2209,7 @@ class us {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(t = cs, { withoutSave: e } = {}) {
+  rotate(t = ls, { withoutSave: e } = {}) {
     const { canvas: s, historyManager: n } = this.editor, o = s.getActiveObject();
     if (!o) return;
     const a = o.angle + t;
@@ -2251,7 +2259,7 @@ class us {
     withoutSave: s
   } = {}) {
     const { canvas: n, historyManager: o } = this.editor, a = t || n.getActiveObject();
-    a && (a instanceof O ? a.getObjects().forEach((i) => {
+    a && (a instanceof D ? a.getObjects().forEach((i) => {
       i.set("opacity", e);
     }) : a.set("opacity", e), n.renderAll(), s || o.saveState(), n.fire("editor:object-opacity-changed", {
       object: a,
@@ -2278,12 +2286,12 @@ class us {
   } = {}) {
     const { canvas: o, historyManager: a } = this.editor, i = t || o.getActiveObject();
     if (i) {
-      if (i instanceof O && !n) {
+      if (i instanceof D && !n) {
         const r = i.getObjects();
         o.discardActiveObject(), r.forEach((d) => {
           this._fitSingleObject(d, e);
         });
-        const c = new O(r, { canvas: o });
+        const c = new D(r, { canvas: o });
         o.setActiveObject(c);
       } else
         this._fitSingleObject(i, e);
@@ -2302,9 +2310,9 @@ class us {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: n } = this.editor, { width: o, height: a, scaleX: i = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(i), h = a * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), m = d * g + h * f, y = d * f + h * g, p = n.width, M = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: a, scaleX: i = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(i), l = a * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), m = d * g + l * f, b = d * f + l * g, p = n.width, M = n.height;
     let S;
-    e === "contain" ? S = Math.min(p / m, M / y) : S = Math.max(p / m, M / y), t.set({
+    e === "contain" ? S = Math.min(p / m, M / b) : S = Math.max(p / m, M / b), t.set({
       scaleX: i * S,
       scaleY: r * S
     }), s.centerObject(t);
@@ -2343,11 +2351,11 @@ class us {
     }), e)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: u } = o, { width: g, height: f } = c, m = a.calculateScaleFactor({
+      const { width: l, height: u } = o, { width: g, height: f } = c, m = a.calculateScaleFactor({
         imageObject: c,
         scaleType: r
       });
-      r === "contain" && m < 1 || r === "cover" && (g > h || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && m < 1 || r === "cover" && (g > l || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
     c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), i.resumeHistory(), s || i.saveState(), n.fire("editor:object-reset", {
       object: c,
@@ -2356,9 +2364,9 @@ class us {
     });
   }
 }
-class gs {
+class ps {
   constructor({ editor: t }) {
-    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || is, this.maxZoom = this.options.maxZoom || rs, this.defaultZoom = this.options.defaultScale;
+    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || cs, this.maxZoom = this.options.maxZoom || ds, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Вспомогательный метод для вычисления размеров масштабированной монтажной области
@@ -2380,10 +2388,10 @@ class gs {
    * @private
    */
   _getClampedPointerCoordinates(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, a = e.getZoom(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, h = i * a + o[4], u = r * a + o[4], g = c * a + o[5], f = d * a + o[5], m = Math.max(h, Math.min(u, n.x)), y = Math.max(g, Math.min(f, n.y));
+    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, a = e.getZoom(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = i * a + o[4], u = r * a + o[4], g = c * a + o[5], f = d * a + o[5], m = Math.max(l, Math.min(u, n.x)), b = Math.max(g, Math.min(f, n.y));
     return {
       x: m,
-      y
+      y: b
     };
   }
   /**
@@ -2415,10 +2423,10 @@ class gs {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), a = e.getHeight(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, h = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + a) / t, m = h < i, y = u > r, p = g < c, M = f > d;
-    if (!(m || y || p || M)) return 0;
-    const E = Math.max(0, i - h), v = Math.max(0, u - r), A = Math.max(0, c - g), j = Math.max(0, f - d), L = Math.max(E, v), w = Math.max(A, j), b = L / o, T = w / a;
-    return Math.max(b, T);
+    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), a = e.getHeight(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + a) / t, m = l < i, b = u > r, p = g < c, M = f > d;
+    if (!(m || b || p || M)) return 0;
+    const O = Math.max(0, i - l), T = Math.max(0, u - r), y = Math.max(0, c - g), A = Math.max(0, f - d), N = Math.max(O, T), I = Math.max(y, A), v = N / o, w = I / a;
+    return Math.max(v, w);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -2431,11 +2439,11 @@ class gs {
    * @private
    */
   _calculateSmoothCenteringStep(t, e, s, n, o) {
-    const { canvas: a, montageArea: i } = this.editor, r = a.viewportTransform, c = a.getWidth(), d = a.getHeight(), h = t.x - r[4], u = t.y - r[5], g = Math.abs(n), f = e - s;
+    const { canvas: a, montageArea: i } = this.editor, r = a.viewportTransform, c = a.getWidth(), d = a.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(n), f = e - s;
     if (Math.abs(f) / g <= 0.1)
-      return { x: h, y: u };
-    const y = c / 2, p = d / 2, M = i.left, S = i.top, E = y - M * s, v = p - S * s, A = (E - r[4]) / (e - s), j = (v - r[5]) / (e - s), L = A * g, w = j * g, b = L * o, T = w * o, k = Math.abs(b) > Math.abs(h) ? h : b, x = Math.abs(T) > Math.abs(u) ? u : T;
-    return { x: k, y: x };
+      return { x: l, y: u };
+    const b = c / 2, p = d / 2, M = i.left, S = i.top, O = b - M * s, T = p - S * s, y = (O - r[4]) / (e - s), A = (T - r[5]) / (e - s), N = y * g, I = A * g, v = N * o, w = I * o, L = Math.abs(v) > Math.abs(l) ? l : v, _ = Math.abs(w) > Math.abs(u) ? u : w;
+    return { x: L, y: _ };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2447,7 +2455,7 @@ class gs {
    * @returns true если центрирование было применено
    * @private
    */
-  _applyViewportCentering(t, e = !1, s = je) {
+  _applyViewportCentering(t, e = !1, s = Ae) {
     const { canvas: n } = this.editor, o = this._getScaledMontageDimensions(t), a = n.getWidth(), i = n.getHeight(), r = o.width > a || o.height > i, c = this._calculateFitZoom(), d = t - c;
     if (!(!r || d) && !e)
       return !1;
@@ -2508,10 +2516,10 @@ class gs {
       });
       return;
     }
-    const h = this._getClampedPointerCoordinates(e);
+    const l = this._getClampedPointerCoordinates(e);
     this.zoom(t, {
-      pointX: h.x,
-      pointY: h.y
+      pointX: l.x,
+      pointY: l.y
     });
   }
   /**
@@ -2522,16 +2530,16 @@ class gs {
    * @param options.pointY - Координата Y точки зума
    * @fires editor:zoom-changed
    */
-  zoom(t = je, e = {}) {
+  zoom(t = Ae, e = {}) {
     var g, f;
     if (!t) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, a = t < 0, i = o.getZoom(), r = o.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, h = new yt(c, d);
+    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, a = t < 0, i = o.getZoom(), r = o.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new bt(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
     let u = Number((i + Number(t)).toFixed(3));
-    u > n && (u = n), u < s && (u = s), o.zoomToPoint(h, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, a, t), o.fire("editor:zoom-changed", {
+    u > n && (u = n), u < s && (u = s), o.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, a, t), o.fire("editor:zoom-changed", {
       currentZoom: o.getZoom(),
       zoom: u,
-      point: h
+      point: l
     });
   }
   /**
@@ -2540,7 +2548,7 @@ class gs {
    * @fires editor:zoom-changed
    */
   setZoom(t = this.defaultZoom) {
-    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new yt(n.getCenterPoint());
+    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new bt(n.getCenterPoint());
     let a = t;
     t > s && (a = s), t < e && (a = e), n.zoomToPoint(o, a), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
@@ -2553,14 +2561,14 @@ class gs {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: t } = this.editor, e = new yt(t.getCenterPoint());
+    const { canvas: t } = this.editor, e = new bt(t.getCenterPoint());
     t.zoomToPoint(e, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       point: e
     }), this.editor.panConstraintManager.updateBounds();
   }
 }
-class fs {
+class Ms {
   constructor({ editor: t }) {
     this.editor = t, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2642,7 +2650,7 @@ class Q {
         }
         a.set({
           fill: t,
-          backgroundId: `background-${N()}`
+          backgroundId: `background-${x()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(t);
@@ -2679,7 +2687,7 @@ class Q {
         }
         a.set({
           fill: i,
-          backgroundId: `background-${N()}`
+          backgroundId: `background-${x()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(t);
@@ -2826,7 +2834,7 @@ class Q {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${N()}`
+      backgroundId: `background-${x()}`
     }, { withoutSelection: !0 }), this.refresh();
   }
   /**
@@ -2843,7 +2851,7 @@ class Q {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${N()}`
+      backgroundId: `background-${x()}`
     }, { withoutSelection: !0 }), this.refresh();
     const e = Q._createFabricGradient(t);
     this.backgroundObject.set("fill", e), this.editor.canvas.requestRenderAll();
@@ -2871,7 +2879,7 @@ class Q {
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${N()}`,
+        backgroundId: `background-${x()}`,
         customData: e
       }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
@@ -2897,8 +2905,8 @@ class Q {
       { offset: o / 100, color: s }
     ];
     if (t.type === "linear") {
-      const h = t.angle * Math.PI / 180, u = Q._angleToCoords(h);
-      return new pe({
+      const l = t.angle * Math.PI / 180, u = Q._angleToCoords(l);
+      return new ye({
         type: "linear",
         gradientUnits: "percentage",
         coords: u,
@@ -2917,7 +2925,7 @@ class Q {
       r1: 0,
       r2: c / 100
     };
-    return new pe({
+    return new ye({
       type: "radial",
       gradientUnits: "percentage",
       coords: d,
@@ -2952,7 +2960,7 @@ class Q {
     }) ? !1 : t.type === "linear" && e.type === "linear" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 : t.type === "radial" && e.type === "radial" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 && Math.abs(t.coords.r1 - e.coords.r1) < 1e-4 && Math.abs(t.coords.r2 - e.coords.r2) < 1e-4 : !1;
   }
 }
-class It {
+class At {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -2967,7 +2975,7 @@ class It {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const o = t || s.getActiveObject();
-    o && (o instanceof O ? o.getObjects().forEach((a) => {
+    o && (o instanceof D ? o.getObjects().forEach((a) => {
       s.bringObjectToFront(a);
     }) : s.bringObjectToFront(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-to-front", {
       object: o,
@@ -2985,7 +2993,7 @@ class It {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const o = t || s.getActiveObject();
-    o && (o instanceof O ? It._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
+    o && (o instanceof D ? At._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
       object: o,
       withoutSave: e
     }));
@@ -3008,7 +3016,7 @@ class It {
     o.suspendHistory();
     const r = t || s.getActiveObject();
     if (r) {
-      if (r instanceof O) {
+      if (r instanceof D) {
         const c = r.getObjects();
         for (let d = c.length - 1; d >= 0; d -= 1)
           s.sendObjectToBack(c[d]);
@@ -3036,7 +3044,7 @@ class It {
     } = this.editor;
     o.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof O ? It._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), i && s.sendObjectToBack(i), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof D ? At._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), i && s.sendObjectToBack(i), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: e
     }));
@@ -3080,7 +3088,7 @@ class It {
     });
   }
 }
-class ms {
+class ys {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -3105,14 +3113,14 @@ class ms {
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
   addRectangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var h = d, {
-      id: t = `rect-${N()}`,
+    var l = d, {
+      id: t = `rect-${x()}`,
       left: e,
       top: s,
       width: n = 100,
       height: o = 100,
       fill: a = "blue"
-    } = h, i = X(h, [
+    } = l, i = X(l, [
       "id",
       "left",
       "top",
@@ -3120,7 +3128,7 @@ class ms {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new Ne(D({
+    const { canvas: u } = this.editor, g = new Le(E({
       id: t,
       left: e,
       top: s,
@@ -3148,7 +3156,7 @@ class ms {
    */
   addCircle(c = {}, { withoutSelection: i, withoutAdding: r } = {}) {
     var d = c, {
-      id: t = `circle-${N()}`,
+      id: t = `circle-${x()}`,
       left: e,
       top: s,
       radius: n = 50,
@@ -3160,14 +3168,14 @@ class ms {
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, u = new Le(D({
+    const { canvas: l } = this.editor, u = new xe(E({
       id: t,
       left: e,
       top: s,
       fill: o,
       radius: n
     }, a));
-    return !e && !s && h.centerObject(u), r || (h.add(u), i || h.setActiveObject(u), h.renderAll()), u;
+    return !e && !s && l.centerObject(u), r || (l.add(u), i || l.setActiveObject(u), l.renderAll()), u;
   }
   /**
    * Добавление треугольника
@@ -3187,14 +3195,14 @@ class ms {
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
   addTriangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var h = d, {
-      id: t = `triangle-${N()}`,
+    var l = d, {
+      id: t = `triangle-${x()}`,
       left: e,
       top: s,
       width: n = 100,
       height: o = 100,
       fill: a = "yellow"
-    } = h, i = X(h, [
+    } = l, i = X(l, [
       "id",
       "left",
       "top",
@@ -3202,7 +3210,7 @@ class ms {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new Te(D({
+    const { canvas: u } = this.editor, g = new ke(E({
       id: t,
       left: e,
       top: s,
@@ -3213,7 +3221,7 @@ class ms {
     return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
   }
 }
-class ps {
+class bs {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -3244,7 +3252,7 @@ class ps {
     return C(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
-        const n = yield t.clone(["format"]);
+        const n = yield t.clone(yt);
         this.clipboard = n, e.fire("editor:object-copied", { object: n });
       } catch (n) {
         s.emitError({
@@ -3271,7 +3279,7 @@ class ps {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = t.toObject(["format"]), n = JSON.stringify(s);
+        const s = t.toObject(yt), n = JSON.stringify(s);
         return t.type === "image" ? this._copyImageToClipboard(t, n) : this._copyTextToClipboard(n);
       } catch (s) {
         return e.emitError({
@@ -3291,8 +3299,8 @@ class ps {
     return C(this, null, function* () {
       try {
         const n = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = n.slice(5).split(";")[0], a = n.split(",")[1], i = atob(a), r = new Uint8Array(i.length);
-        for (let h = 0; h < i.length; h += 1)
-          r[h] = i.charCodeAt(h);
+        for (let l = 0; l < i.length; l += 1)
+          r[l] = i.charCodeAt(l);
         const c = new Blob([r.buffer], { type: o }), d = new ClipboardItem({ [o]: c });
         return yield navigator.clipboard.write([d]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
@@ -3312,7 +3320,7 @@ class ps {
   _copyTextToClipboard(t) {
     return C(this, null, function* () {
       try {
-        const e = `${Ie}${t}`;
+        const e = `${Ce}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
       } catch (e) {
         const { errorManager: s } = this.editor;
@@ -3332,7 +3340,7 @@ class ps {
    */
   _addClonedObjectToCanvas(t) {
     const { canvas: e, historyManager: s } = this.editor;
-    if (e.discardActiveObject(), t instanceof O) {
+    if (e.discardActiveObject(), t instanceof D) {
       s.suspendHistory(), t.canvas = e, t.forEachObject((n) => {
         e.add(n);
       }), e.setActiveObject(t), e.requestRenderAll(), s.resumeHistory(), s.saveState();
@@ -3365,14 +3373,14 @@ class ps {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const n = yield s.clone(["format"]);
-        return n instanceof O && n.forEachObject((o) => {
+        const n = yield s.clone(yt);
+        return n instanceof D && n.forEachObject((o) => {
           o.set({
-            id: `${o.type}-${N()}`,
+            id: `${o.type}-${x()}`,
             evented: !0
           });
         }), n.set({
-          id: `${n.type}-${N()}`,
+          id: `${n.type}-${x()}`,
           left: n.left + 10,
           top: n.top + 10,
           evented: !0
@@ -3403,7 +3411,7 @@ class ps {
         return;
       }
       const s = t.getData("text/plain");
-      if (s && s.startsWith(Ie)) {
+      if (s && s.startsWith(Ce)) {
         this.paste();
         return;
       }
@@ -3411,13 +3419,13 @@ class ps {
       if (o.type !== "text/html" && a) {
         const c = new FileReader();
         c.onload = (d) => {
-          d.target && this._handleImageImport(d.target.result).catch((h) => {
+          d.target && this._handleImageImport(d.target.result).catch((l) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
               code: "PASTE_IMAGE_FAILED",
               message: "Ошибка вставки изображения из буфера обмена",
-              data: h
+              data: l
             });
           });
         }, c.readAsDataURL(a);
@@ -3425,9 +3433,9 @@ class ps {
       }
       const i = t.getData("text/html");
       if (i) {
-        const h = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-        if (h != null && h.src) {
-          this._handleImageImport(h.src).catch((u) => {
+        const l = new DOMParser().parseFromString(i, "text/html").querySelector("img");
+        if (l != null && l.src) {
+          this._handleImageImport(l.src).catch((u) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
@@ -3451,14 +3459,14 @@ class ps {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
-        const e = yield this.clipboard.clone(["format"]);
-        return t.discardActiveObject(), e instanceof O && e.forEachObject((s) => {
+        const e = yield this.clipboard.clone(yt);
+        return t.discardActiveObject(), e instanceof D && e.forEachObject((s) => {
           s.set({
-            id: `${s.type}-${N()}`,
+            id: `${s.type}-${x()}`,
             evented: !0
           });
         }), e.set({
-          id: `${e.type}-${N()}`,
+          id: `${e.type}-${x()}`,
           left: e.left + 10,
           top: e.top + 10,
           evented: !0
@@ -3476,7 +3484,7 @@ class ps {
     });
   }
 }
-class At {
+class Ct {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3501,7 +3509,7 @@ class At {
       lockSkewingY: !0,
       locked: !0
     };
-    a.set(i), !e && At._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
+    a.set(i), !e && Ct._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
       c.set(i);
     }), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
       object: a,
@@ -3529,7 +3537,7 @@ class At {
       lockSkewingY: !1,
       locked: !1
     };
-    o.set(a), At._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
+    o.set(a), Ct._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
       i.set(a);
     }), s.renderAll(), e || n.saveState(), s.fire("editor:object-unlocked", {
       object: o,
@@ -3537,10 +3545,10 @@ class At {
     });
   }
   static _isGroupOrSelection(t) {
-    return t instanceof O || t instanceof $;
+    return t instanceof D || t instanceof $;
   }
 }
-class Ms {
+class vs {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3552,7 +3560,7 @@ class Ms {
     if (Array.isArray(t))
       return t.length > 0 ? t : null;
     const e = t || this.editor.canvas.getActiveObject();
-    return !e || !(e instanceof O) ? null : e.getObjects();
+    return !e || !(e instanceof D) ? null : e.getObjects();
   }
   /**
    * Получить группы для разгруппировки
@@ -3563,13 +3571,13 @@ class Ms {
       const s = t.filter((n) => n instanceof $);
       return s.length > 0 ? s : null;
     }
-    if (t instanceof O) {
+    if (t instanceof D) {
       const s = t.getObjects().filter((n) => n instanceof $);
       return s.length > 0 ? s : null;
     }
     const e = t || this.editor.canvas.getActiveObject();
     if (!e) return null;
-    if (e instanceof O) {
+    if (e instanceof D) {
       const s = e.getObjects().filter((n) => n instanceof $);
       return s.length > 0 ? s : null;
     }
@@ -3591,7 +3599,7 @@ class Ms {
     try {
       n.suspendHistory();
       const a = new $(o, {
-        id: `group-${N()}`
+        id: `group-${x()}`
       });
       o.forEach((r) => s.remove(r)), s.add(a), s.setActiveObject(a), s.requestRenderAll();
       const i = {
@@ -3622,11 +3630,11 @@ class Ms {
       const a = [];
       o.forEach((c) => {
         const d = c.removeAll();
-        s.remove(c), d.forEach((h) => {
-          s.add(h), a.push(h);
+        s.remove(c), d.forEach((l) => {
+          s.add(l), a.push(l);
         });
       });
-      const i = new O(a, {
+      const i = new D(a, {
         canvas: s
       });
       s.setActiveObject(i), s.requestRenderAll();
@@ -3641,7 +3649,7 @@ class Ms {
     }
   }
 }
-class ys {
+class js {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3652,11 +3660,11 @@ class ys {
   selectAll() {
     const { canvas: t, canvasManager: e, objectLockManager: s } = this.editor;
     t.discardActiveObject();
-    const n = e.getObjects(), o = n.some((i) => i.locked), a = n.length > 1 ? new O(e.getObjects(), { canvas: t }) : n[0];
+    const n = e.getObjects(), o = n.some((i) => i.locked), a = n.length > 1 ? new D(e.getObjects(), { canvas: t }) : n[0];
     o && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class _t {
+class Rt {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3703,9 +3711,9 @@ class _t {
     s || o.suspendHistory();
     const r = [];
     if (i.forEach((d) => {
-      if (_t._isUngroupableGroup(d)) {
-        const h = this._handleGroupDeletion(d);
-        r.push(...h);
+      if (Rt._isUngroupableGroup(d)) {
+        const l = this._handleGroupDeletion(d);
+        r.push(...l);
         return;
       }
       n.remove(d), r.push(d);
@@ -3718,7 +3726,7 @@ class _t {
     return n.fire("editor:objects-deleted", c), c;
   }
 }
-const bs = {
+const Is = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -3817,7 +3825,7 @@ const bs = {
     INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class Ct {
+class St {
   constructor({ editor: t }) {
     this._buffer = [], this.editor = t;
   }
@@ -3844,7 +3852,7 @@ class Ct {
    * @fires editor:error
    */
   emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: n, message: o }) {
-    if (!Ct.isValidErrorCode(s)) {
+    if (!St.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
@@ -3858,7 +3866,7 @@ class Ct {
       message: a,
       data: n
     };
-    this._buffer.push(D({
+    this._buffer.push(E({
       type: "editor:error"
     }, i)), this.editor.canvas.fire("editor:error", i);
   }
@@ -3873,7 +3881,7 @@ class Ct {
    * @fires editor:warning
    */
   emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: n, data: o }) {
-    if (!Ct.isValidErrorCode(s)) {
+    if (!St.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
@@ -3886,7 +3894,7 @@ class Ct {
       message: a,
       data: o
     };
-    this._buffer.push(D({
+    this._buffer.push(E({
       type: "editor:warning"
     }, i)), this.editor.canvas.fire("editor:warning", i);
   }
@@ -3896,10 +3904,10 @@ class Ct {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(t) {
-    return t ? Object.values(bs).some((e) => Object.values(e).includes(t)) : !1;
+    return t ? Object.values(Is).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
-class vs {
+class As {
   constructor({ editor: t }) {
     this.currentBounds = null, this.editor = t;
   }
@@ -3949,12 +3957,12 @@ class vs {
   constrainPan(t, e) {
     if (!this.currentBounds || !this.currentBounds.canPan)
       return { x: 0, y: 0 };
-    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), a = n.left, i = n.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = a * o + t - r, h = i * o + e - c, u = Math.max(
+    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), a = n.left, i = n.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = a * o + t - r, l = i * o + e - c, u = Math.max(
       this.currentBounds.minX,
       Math.min(this.currentBounds.maxX, d)
     ), g = Math.max(
       this.currentBounds.minY,
-      Math.min(this.currentBounds.maxY, h)
+      Math.min(this.currentBounds.maxY, l)
     ), f = u + r - a * o, m = g + c - i * o;
     return {
       x: f,
@@ -3984,56 +3992,83 @@ class vs {
     this.currentBounds = this.calculatePanBounds();
   }
 }
-const wt = 0.01;
-class B {
+const Et = 0.01;
+class k {
   constructor({ editor: t }) {
     var e;
-    this.handleObjectScaling = (s) => {
+    this._handleTextEditingEntered = () => {
+      this.isTextEditingActive = !0;
+    }, this._handleTextChanged = (s) => {
+      var r, c;
+      const { target: n } = s;
+      if (!k._isTextbox(n)) return;
+      const o = (r = n.text) != null ? r : "", a = !!n.uppercase, i = (c = n.textCaseRaw) != null ? c : "";
+      if (a) {
+        const d = k._toUpperCase(o);
+        d !== o && (n.set({ text: d }), this.canvas.requestRenderAll());
+        const l = i.length, u = o.length;
+        if (u > l) {
+          const g = o.slice(l).toLocaleLowerCase();
+          n.textCaseRaw = i + g;
+        } else u < l ? n.textCaseRaw = i.slice(0, u) : n.textCaseRaw = o.toLocaleLowerCase();
+      } else
+        n.textCaseRaw = o;
+    }, this._handleTextEditingExited = (s) => {
+      var i, r;
+      const { target: n } = s;
+      if (!k._isTextbox(n)) return;
+      const o = (i = n.text) != null ? i : "";
+      if (!!n.uppercase) {
+        const c = (r = n.textCaseRaw) != null ? r : o.toLocaleLowerCase();
+        n.textCaseRaw = c;
+      } else
+        n.textCaseRaw = o;
+      n.locked || n.set({
+        lockMovementX: !1,
+        lockMovementY: !1
+      }), setTimeout(() => {
+        this.isTextEditingActive = !1, this.editor.historyManager.saveState();
+      }, hs);
+    }, this._handleObjectScaling = (s) => {
       var Z, G, W, tt, et, st, nt, ot, at, it, rt, ct, dt, lt;
       const { target: n, transform: o } = s;
-      if (!B._isTextbox(n) || !o) return;
-      const a = this._ensureScalingState(n), { baseWidth: i, baseLeft: r, baseFontSize: c } = a, d = typeof ((Z = o.original) == null ? void 0 : Z.width) == "number" ? o.original.width : void 0, h = typeof ((G = o.original) == null ? void 0 : G.left) == "number" ? o.original.left : void 0, u = d != null ? d : i, g = h != null ? h : r, f = (W = o.corner) != null ? W : "", m = (tt = o.action) != null ? tt : "", y = ["ml", "mr"].includes(f) || m === "scaleX", p = ["mt", "mb"].includes(f) || m === "scaleY", M = ["tl", "tr", "bl", "br"].includes(f) || m === "scale";
-      if (!y && !p && !M) return;
-      const S = Math.abs((st = (et = n.scaleX) != null ? et : o.scaleX) != null ? st : 1) || 1, E = Math.abs((ot = (nt = n.scaleY) != null ? nt : o.scaleY) != null ? ot : 1) || 1, v = Math.max(1, u * S), A = Math.max(1, c * E), j = (it = (at = o.originX) != null ? at : n.originX) != null ? it : "left", L = g + u, w = g + u / 2, b = (rt = n.width) != null ? rt : u, T = Math.abs(v - b) > wt, k = Math.abs(A - ((ct = n.fontSize) != null ? ct : c)) > wt;
-      if (!T && !k) {
+      if (!k._isTextbox(n) || !o) return;
+      const a = this._ensureScalingState(n), { baseWidth: i, baseLeft: r, baseFontSize: c } = a, d = typeof ((Z = o.original) == null ? void 0 : Z.width) == "number" ? o.original.width : void 0, l = typeof ((G = o.original) == null ? void 0 : G.left) == "number" ? o.original.left : void 0, u = d != null ? d : i, g = l != null ? l : r, f = (W = o.corner) != null ? W : "", m = (tt = o.action) != null ? tt : "", b = ["ml", "mr"].includes(f) || m === "scaleX", p = ["mt", "mb"].includes(f) || m === "scaleY", M = ["tl", "tr", "bl", "br"].includes(f) || m === "scale";
+      if (!b && !p && !M) return;
+      const S = Math.abs((st = (et = n.scaleX) != null ? et : o.scaleX) != null ? st : 1) || 1, O = Math.abs((ot = (nt = n.scaleY) != null ? nt : o.scaleY) != null ? ot : 1) || 1, T = Math.max(1, u * S), y = Math.max(1, c * O), A = (it = (at = o.originX) != null ? at : n.originX) != null ? it : "left", N = g + u, I = g + u / 2, v = (rt = n.width) != null ? rt : u, w = Math.abs(T - v) > Et, L = Math.abs(y - ((ct = n.fontSize) != null ? ct : c)) > Et;
+      if (!w && !L) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
       n.set({
-        width: v,
-        fontSize: M || p ? A : c,
+        width: T,
+        fontSize: M || p ? y : c,
         scaleX: 1,
         scaleY: 1
       });
-      const x = (dt = n.width) != null ? dt : v, Y = Math.abs(x - b) > wt;
-      let _ = g;
-      Y && (y || M) && (j === "right" ? _ = L - x : j === "center" && (_ = w - x / 2)), n.set({ left: _ }), a.baseLeft = _, o.scaleX = 1, o.scaleY = 1;
+      const _ = (dt = n.width) != null ? dt : T, Y = Math.abs(_ - v) > Et;
+      let B = g;
+      Y && (b || M) && (A === "right" ? B = N - _ : A === "center" && (B = I - _ / 2)), n.set({ left: B }), a.baseLeft = B, o.scaleX = 1, o.scaleY = 1;
       const { original: R } = o;
-      R && (R.scaleX = 1, R.scaleY = 1, R.width = x, R.height = n.height, R.left = _), n.setCoords(), this.canvas.requestRenderAll(), a.baseWidth = x, a.baseFontSize = (lt = n.fontSize) != null ? lt : A, a.hasWidthChange = Y || k;
-    }, this.handleObjectModified = (s) => {
+      R && (R.scaleX = 1, R.scaleY = 1, R.width = _, R.height = n.height, R.left = B), n.setCoords(), this.canvas.requestRenderAll(), a.baseWidth = _, a.baseFontSize = (lt = n.fontSize) != null ? lt : y, a.hasWidthChange = Y || L;
+    }, this._handleObjectModified = (s) => {
       var r, c, d;
       const { target: n } = s;
-      if (!B._isTextbox(n)) return;
+      if (!k._isTextbox(n)) return;
       const o = this.scalingState.get(n);
       if (this.scalingState.delete(n), !(o != null && o.hasWidthChange)) return;
       const a = (r = n.width) != null ? r : n.calcTextWidth(), i = (d = (c = n.fontSize) != null ? c : o == null ? void 0 : o.baseFontSize) != null ? d : 16;
-      this.updateText(n, { width: a, fontSize: i }), n.set({ scaleX: 1, scaleY: 1 }), n.setCoords();
-    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this._bindEvents();
-  }
-  /**
-   * Уничтожает менеджер и снимает слушатели.
-   */
-  destroy() {
-    this.canvas.off("object:scaling", this.handleObjectScaling), this.canvas.off("object:modified", this.handleObjectModified);
+      this.updateText({ target: n, style: { width: a, fontSize: i } }), n.set({ scaleX: 1, scaleY: 1 }), n.setCoords();
+    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents();
   }
   /**
    * Добавляет новый текстовый объект на канвас.
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(M = {}, { withoutSelection: y, withoutAdding: p } = {}) {
-    var S = M, {
-      id: t = `text-${N()}`,
+  addText(S = {}, { withoutSelection: b = !1, withoutSave: p = !1, withoutAdding: M = !1 } = {}) {
+    var O = S, {
+      id: t = `text-${x()}`,
       text: e = "Новый текст",
       fontFamily: s,
       fontSize: n = 48,
@@ -4043,11 +4078,11 @@ class B {
       uppercase: r = !1,
       strikethrough: c = !1,
       align: d = "left",
-      color: h = "#000000",
+      color: l = "#000000",
       strokeColor: u,
       strokeWidth: g = 0,
       opacity: f = 1
-    } = S, m = X(S, [
+    } = O, m = X(O, [
       "id",
       "text",
       "fontFamily",
@@ -4064,12 +4099,14 @@ class B {
       "opacity"
     ]);
     var w;
-    const E = s != null ? s : this._getDefaultFontFamily(), v = B._resolveStrokeWidth(g), A = B._resolveStrokeColor(
+    const { historyManager: T } = this.editor;
+    T.suspendHistory();
+    const y = s != null ? s : this._getDefaultFontFamily(), A = k._resolveStrokeWidth(g), N = k._resolveStrokeColor(
       u,
-      v
-    ), j = new gt(e, D({
+      A
+    ), I = new gt(e, E({
       id: t,
-      fontFamily: E,
+      fontFamily: y,
       fontSize: n,
       fontWeight: o ? "bold" : "normal",
       fontStyle: a ? "italic" : "normal",
@@ -4077,21 +4114,21 @@ class B {
       uppercase: r,
       linethrough: c,
       textAlign: d,
-      fill: h,
-      stroke: A,
-      strokeWidth: v,
+      fill: l,
+      stroke: N,
+      strokeWidth: A,
       strokeUniform: !0,
       opacity: f
     }, m));
-    if (j.textCaseRaw = (w = j.text) != null ? w : "", r) {
-      const b = B._toUpperCase(j.textCaseRaw);
-      b !== j.text && j.set({ text: b });
+    if (I.textCaseRaw = (w = I.text) != null ? w : "", r) {
+      const L = k._toUpperCase(I.textCaseRaw);
+      L !== I.text && I.set({ text: L });
     }
-    m.left === void 0 && m.top === void 0 && this.canvas.centerObject(j), p || this.canvas.add(j), y || this.canvas.setActiveObject(j), this.canvas.requestRenderAll();
-    const L = D({
+    m.left === void 0 && m.top === void 0 && this.canvas.centerObject(I), M || this.canvas.add(I), b || this.canvas.setActiveObject(I), this.canvas.requestRenderAll(), T.resumeHistory(), p || T.saveState();
+    const v = E({
       id: t,
       text: e,
-      fontFamily: E,
+      fontFamily: y,
       fontSize: n,
       bold: o,
       italic: a,
@@ -4099,68 +4136,73 @@ class B {
       uppercase: r,
       strikethrough: c,
       align: d,
-      color: h,
-      strokeColor: A,
-      strokeWidth: v,
+      color: l,
+      strokeColor: N,
+      strokeWidth: A,
       opacity: f
     }, m);
     return this.canvas.fire("editor:text-added", {
-      textbox: j,
-      options: L,
+      textbox: I,
+      options: v,
       flags: {
-        withoutSelection: !!y,
-        withoutAdding: !!p
+        withoutSelection: !!b,
+        withoutSave: !!p,
+        withoutAdding: !!M
       }
-    }), j;
+    }), I;
   }
   /**
    * Обновляет текстовый объект.
-   * @param target — объект, его id или активный объект (если не передан)
-   * @param style — стиль, который нужно применить
    * @param options — настройки обновления
+   * @param options.target — объект, его id или активный объект (если не передан)
+   * @param options.style — стиль, который нужно применить
+   * @param options.withoutSave — не сохранять состояние в историю
+   * @param options.skipRender — не вызывать перерисовку канваса
    */
-  updateText(t, e = {}, { withoutSave: s, skipRender: n } = {}) {
-    var x, Y, _, R, Z, G, W, tt, et, st, nt, ot, at, it, rt, ct, dt, lt, Ut, Yt, Ft, Ht, Zt, Wt, Pt, Vt, Gt, Xt, Kt, $t, Qt, Jt, qt, te, ee, se, ne, oe, ae, ie, re, ce;
+  updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
+    var Y, B, R, Z, G, W, tt, et, st, nt, ot, at, it, rt, ct, dt, lt, zt, Yt, Ht, Zt, Wt, Pt, Vt, Gt, Xt, Kt, $t, Qt, Jt, qt, te, ee, se, ne, oe, ae, ie, re, ce, de, le;
     const o = this._resolveTextObject(t);
     if (!o) return null;
-    const a = {
+    const { historyManager: a } = this.editor;
+    a.suspendHistory();
+    const i = {
       id: o.id,
-      text: (x = o.text) != null ? x : void 0,
-      textCaseRaw: (Y = o.textCaseRaw) != null ? Y : void 0,
+      text: (Y = o.text) != null ? Y : void 0,
+      textCaseRaw: (B = o.textCaseRaw) != null ? B : void 0,
       uppercase: !!o.uppercase,
-      fontFamily: (_ = o.fontFamily) != null ? _ : void 0,
-      fontSize: (R = o.fontSize) != null ? R : void 0,
-      fontWeight: (Z = o.fontWeight) != null ? Z : void 0,
-      fontStyle: (G = o.fontStyle) != null ? G : void 0,
-      underline: (W = o.underline) != null ? W : void 0,
-      linethrough: (tt = o.linethrough) != null ? tt : void 0,
+      fontFamily: (R = o.fontFamily) != null ? R : void 0,
+      fontSize: (Z = o.fontSize) != null ? Z : void 0,
+      fontWeight: (G = o.fontWeight) != null ? G : void 0,
+      fontStyle: (W = o.fontStyle) != null ? W : void 0,
+      underline: (tt = o.underline) != null ? tt : void 0,
+      linethrough: (et = o.linethrough) != null ? et : void 0,
       textAlign: o.textAlign,
-      fill: (et = o.fill) != null ? et : void 0,
-      stroke: (st = o.stroke) != null ? st : void 0,
-      strokeWidth: (nt = o.strokeWidth) != null ? nt : void 0,
-      opacity: (ot = o.opacity) != null ? ot : void 0,
-      left: (at = o.left) != null ? at : void 0,
-      top: (it = o.top) != null ? it : void 0,
-      width: (rt = o.width) != null ? rt : void 0,
-      height: (ct = o.height) != null ? ct : void 0,
-      angle: (dt = o.angle) != null ? dt : void 0,
-      scaleX: (lt = o.scaleX) != null ? lt : void 0,
-      scaleY: (Ut = o.scaleY) != null ? Ut : void 0
-    }, zt = e, {
-      text: i,
-      fontFamily: r,
-      fontSize: c,
-      bold: d,
-      italic: h,
-      underline: u,
-      uppercase: g,
-      strikethrough: f,
-      align: m,
-      color: y,
-      strokeColor: p,
-      strokeWidth: M,
-      opacity: S
-    } = zt, E = X(zt, [
+      fill: (st = o.fill) != null ? st : void 0,
+      stroke: (nt = o.stroke) != null ? nt : void 0,
+      strokeWidth: (ot = o.strokeWidth) != null ? ot : void 0,
+      opacity: (at = o.opacity) != null ? at : void 0,
+      left: (it = o.left) != null ? it : void 0,
+      top: (rt = o.top) != null ? rt : void 0,
+      width: (ct = o.width) != null ? ct : void 0,
+      height: (dt = o.height) != null ? dt : void 0,
+      angle: (lt = o.angle) != null ? lt : void 0,
+      scaleX: (zt = o.scaleX) != null ? zt : void 0,
+      scaleY: (Yt = o.scaleY) != null ? Yt : void 0
+    }, Ft = e, {
+      text: r,
+      fontFamily: c,
+      fontSize: d,
+      bold: l,
+      italic: u,
+      underline: g,
+      uppercase: f,
+      strikethrough: m,
+      align: b,
+      color: p,
+      strokeColor: M,
+      strokeWidth: S,
+      opacity: O
+    } = Ft, T = X(Ft, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4174,41 +4216,41 @@ class B {
       "strokeColor",
       "strokeWidth",
       "opacity"
-    ]), v = D({}, E);
-    if (r !== void 0 && (v.fontFamily = r), c !== void 0 && (v.fontSize = c), d !== void 0 && (v.fontWeight = d ? "bold" : "normal"), h !== void 0 && (v.fontStyle = h ? "italic" : "normal"), u !== void 0 && (v.underline = u), f !== void 0 && (v.linethrough = f), m !== void 0 && (v.textAlign = m), y !== void 0 && (v.fill = y), p !== void 0 || M !== void 0) {
-      const St = (Yt = M != null ? M : o.strokeWidth) != null ? Yt : 0, de = B._resolveStrokeWidth(St), Se = (Ft = p != null ? p : o.stroke) != null ? Ft : void 0;
-      v.stroke = B._resolveStrokeColor(Se, de), v.strokeWidth = de;
+    ]), y = E({}, T);
+    if (c !== void 0 && (y.fontFamily = c), d !== void 0 && (y.fontSize = d), l !== void 0 && (y.fontWeight = l ? "bold" : "normal"), u !== void 0 && (y.fontStyle = u ? "italic" : "normal"), g !== void 0 && (y.underline = g), m !== void 0 && (y.linethrough = m), b !== void 0 && (y.textAlign = b), p !== void 0 && (y.fill = p), M !== void 0 || S !== void 0) {
+      const wt = (Ht = S != null ? S : o.strokeWidth) != null ? Ht : 0, he = k._resolveStrokeWidth(wt), Ee = (Zt = M != null ? M : o.stroke) != null ? Zt : void 0;
+      y.stroke = k._resolveStrokeColor(Ee, he), y.strokeWidth = he;
     }
-    S !== void 0 && (v.opacity = S);
-    const A = (Zt = o.textCaseRaw) != null ? Zt : (Ht = o.text) != null ? Ht : "", j = !!o.uppercase, L = i !== void 0, w = L ? i != null ? i : "" : A, b = g != null ? g : j;
-    if (L || b !== j) {
-      const St = b ? B._toUpperCase(w) : w;
-      v.text = St, o.textCaseRaw = w;
+    O !== void 0 && (y.opacity = O);
+    const A = (Pt = o.textCaseRaw) != null ? Pt : (Wt = o.text) != null ? Wt : "", N = !!o.uppercase, I = r !== void 0, v = I ? r != null ? r : "" : A, w = f != null ? f : N;
+    if (I || w !== N) {
+      const wt = w ? k._toUpperCase(v) : v;
+      y.text = wt, o.textCaseRaw = v;
     } else o.textCaseRaw === void 0 && (o.textCaseRaw = A);
-    o.uppercase = b, o.set(v), o.setCoords(), n || this.canvas.requestRenderAll(), s || this.editor.historyManager.saveState();
-    const k = {
+    o.uppercase = w, o.set(y), o.setCoords(), n || this.canvas.requestRenderAll(), a.resumeHistory(), s || a.saveState();
+    const _ = {
       id: o.id,
-      text: (Wt = o.text) != null ? Wt : void 0,
-      textCaseRaw: (Pt = o.textCaseRaw) != null ? Pt : void 0,
+      text: (Vt = o.text) != null ? Vt : void 0,
+      textCaseRaw: (Gt = o.textCaseRaw) != null ? Gt : void 0,
       uppercase: !!o.uppercase,
-      fontFamily: (Vt = o.fontFamily) != null ? Vt : void 0,
-      fontSize: (Gt = o.fontSize) != null ? Gt : void 0,
-      fontWeight: (Xt = o.fontWeight) != null ? Xt : void 0,
-      fontStyle: (Kt = o.fontStyle) != null ? Kt : void 0,
-      underline: ($t = o.underline) != null ? $t : void 0,
-      linethrough: (Qt = o.linethrough) != null ? Qt : void 0,
+      fontFamily: (Xt = o.fontFamily) != null ? Xt : void 0,
+      fontSize: (Kt = o.fontSize) != null ? Kt : void 0,
+      fontWeight: ($t = o.fontWeight) != null ? $t : void 0,
+      fontStyle: (Qt = o.fontStyle) != null ? Qt : void 0,
+      underline: (Jt = o.underline) != null ? Jt : void 0,
+      linethrough: (qt = o.linethrough) != null ? qt : void 0,
       textAlign: o.textAlign,
-      fill: (Jt = o.fill) != null ? Jt : void 0,
-      stroke: (qt = o.stroke) != null ? qt : void 0,
-      strokeWidth: (te = o.strokeWidth) != null ? te : void 0,
-      opacity: (ee = o.opacity) != null ? ee : void 0,
-      left: (se = o.left) != null ? se : void 0,
-      top: (ne = o.top) != null ? ne : void 0,
-      width: (oe = o.width) != null ? oe : void 0,
-      height: (ae = o.height) != null ? ae : void 0,
-      angle: (ie = o.angle) != null ? ie : void 0,
-      scaleX: (re = o.scaleX) != null ? re : void 0,
-      scaleY: (ce = o.scaleY) != null ? ce : void 0
+      fill: (te = o.fill) != null ? te : void 0,
+      stroke: (ee = o.stroke) != null ? ee : void 0,
+      strokeWidth: (se = o.strokeWidth) != null ? se : void 0,
+      opacity: (ne = o.opacity) != null ? ne : void 0,
+      left: (oe = o.left) != null ? oe : void 0,
+      top: (ae = o.top) != null ? ae : void 0,
+      width: (ie = o.width) != null ? ie : void 0,
+      height: (re = o.height) != null ? re : void 0,
+      angle: (ce = o.angle) != null ? ce : void 0,
+      scaleX: (de = o.scaleX) != null ? de : void 0,
+      scaleY: (le = o.scaleY) != null ? le : void 0
     };
     return this.canvas.fire("editor:text-updated", {
       textbox: o,
@@ -4218,11 +4260,17 @@ class B {
         withoutSave: !!s,
         skipRender: !!n
       },
-      updates: v,
-      before: a,
-      after: k
+      updates: y,
+      before: i,
+      after: _
     }), o;
   }
+  /**
+   * Уничтожает менеджер и снимает слушатели.
+   */
+  destroy() {
+    this.canvas.off("object:scaling", this._handleObjectScaling), this.canvas.off("object:modified", this._handleObjectModified), this.canvas.off("text:editing:exited", this._handleTextEditingExited), this.canvas.off("text:editing:entered", this._handleTextEditingEntered), this.canvas.off("text:changed", this._handleTextChanged);
+  }
   /**
    * Возвращает активный текст или ищет по id.
    */
@@ -4230,10 +4278,10 @@ class B {
     if (t instanceof gt) return t;
     if (!t) {
       const e = this.canvas.getActiveObject();
-      return B._isTextbox(e) ? e : null;
+      return k._isTextbox(e) ? e : null;
     }
     if (typeof t == "string") {
-      const e = this.canvas.getObjects().find((s) => B._isTextbox(s) && s.id === t);
+      const e = this.canvas.getObjects().find((s) => k._isTextbox(s) && s.id === t);
       return e != null ? e : null;
     }
     return null;
@@ -4242,7 +4290,7 @@ class B {
     return !!t && t instanceof gt;
   }
   _bindEvents() {
-    this.canvas.on("object:scaling", this.handleObjectScaling), this.canvas.on("object:modified", this.handleObjectModified);
+    this.canvas.on("object:scaling", this._handleObjectScaling), this.canvas.on("object:modified", this._handleObjectModified), this.canvas.on("text:editing:entered", this._handleTextEditingEntered), this.canvas.on("text:editing:exited", this._handleTextEditingExited), this.canvas.on("text:changed", this._handleTextChanged);
   }
   _ensureScalingState(t) {
     var s, n, o;
@@ -4273,14 +4321,14 @@ class B {
     return (e = (t = this.fonts[0]) == null ? void 0 : t.family) != null ? e : "Arial";
   }
 }
-class Rt {
+class Ut {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
    * @param options - опции и настройки редактора
    */
   constructor(t, e) {
-    this.options = e, this.containerId = t, this.editorId = `${t}-${N()}`, this.clipboard = null, this.init();
+    this.options = e, this.containerId = t, this.editorId = `${t}-${x()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -4301,9 +4349,9 @@ class Rt {
         initialStateJSON: r,
         scaleType: c,
         showRotationAngle: d,
-        _onReadyCallback: h
+        _onReadyCallback: l
       } = this.options;
-      if (vt.apply(), this.canvas = new ke(this.containerId, this.options), this.moduleLoader = new Ue(), this.workerManager = new Ye(), this.errorManager = new Ct({ editor: this }), this.historyManager = new jt({ editor: this }), this.toolbar = new ss({ editor: this }), this.transformManager = new us({ editor: this }), this.zoomManager = new gs({ editor: this }), this.canvasManager = new hs({ editor: this }), this.imageManager = new H({ editor: this }), this.layerManager = new It({ editor: this }), this.shapeManager = new ms({ editor: this }), this.interactionBlocker = new fs({ editor: this }), this.backgroundManager = new Q({ editor: this }), this.clipboardManager = new ps({ editor: this }), this.objectLockManager = new At({ editor: this }), this.groupingManager = new Ms({ editor: this }), this.selectionManager = new ys({ editor: this }), this.deletionManager = new _t({ editor: this }), this.panConstraintManager = new vs({ editor: this }), this.fontManager = new Lt((u = this.options.fonts) != null ? u : []), yield this.fontManager.loadFonts(), this.textManager = new B({ editor: this }), d && (this.angleIndicator = new Bt({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(a), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), i != null && i.source) {
+      if (jt.apply(), this.canvas = new _e(this.containerId, this.options), this.moduleLoader = new Ye(), this.workerManager = new He(), this.errorManager = new St({ editor: this }), this.historyManager = new It({ editor: this }), this.toolbar = new os({ editor: this }), this.transformManager = new ms({ editor: this }), this.zoomManager = new ps({ editor: this }), this.canvasManager = new fs({ editor: this }), this.imageManager = new H({ editor: this }), this.layerManager = new At({ editor: this }), this.shapeManager = new ys({ editor: this }), this.interactionBlocker = new Ms({ editor: this }), this.backgroundManager = new Q({ editor: this }), this.clipboardManager = new bs({ editor: this }), this.objectLockManager = new Ct({ editor: this }), this.groupingManager = new vs({ editor: this }), this.selectionManager = new js({ editor: this }), this.deletionManager = new Rt({ editor: this }), this.panConstraintManager = new As({ editor: this }), this.fontManager = new Lt((u = this.options.fonts) != null ? u : []), this.textManager = new k({ editor: this }), d && (this.angleIndicator = new Bt({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(a), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), i != null && i.source) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -4311,7 +4359,7 @@ class Rt {
         } = i;
         yield this.imageManager.importImage({ source: g, scale: f, withoutSave: m });
       }
-      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
+      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
   /**
@@ -4325,7 +4373,7 @@ class Rt {
     this.montageArea = this.shapeManager.addRectangle({
       width: t,
       height: e,
-      fill: Rt._createMosaicPattern(),
+      fill: Ut._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -4376,7 +4424,7 @@ class Rt {
     const t = document.createElement("canvas");
     t.width = 20, t.height = 20;
     const e = t.getContext("2d");
-    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new xe({
+    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new Be({
       source: t,
       repeat: "repeat"
     });
@@ -4408,7 +4456,7 @@ const U = [
   "U+0490-0491",
   "U+04B0-04B1",
   "U+2116"
-].join(", "), js = [
+].join(", "), Cs = [
   {
     family: "Arial",
     source: 'local("Arial"), local("Liberation Sans"), local("DejaVu Sans")',
@@ -4618,7 +4666,7 @@ const U = [
       unicodeRange: U
     }
   }
-], Is = {
+], Ss = {
   /**
    * Опции редактора
    */
@@ -4710,20 +4758,20 @@ const U = [
   /**
    * Список шрифтов, которые будут доступны в редакторе по умолчанию.
    */
-  fonts: js
+  fonts: Cs
 };
-function Ds(l, t = {}) {
-  const e = D(D({}, Is), t), s = document.getElementById(l);
+function Ts(h, t = {}) {
+  const e = E(E({}, Ss), t), s = document.getElementById(h);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${l}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const n = document.createElement("canvas");
-  return n.id = `${l}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
+  return n.id = `${h}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
     e._onReadyCallback = o;
-    const a = new Rt(n.id, e);
-    window[l] = a;
+    const a = new Ut(n.id, e);
+    window[h] = a;
   });
 }
 export {
-  Ds as default
+  Ts as default
 };
 //# sourceMappingURL=main.js.map