@anu3ev/fabric-image-editor 0.1.74 → 0.1.76

package/dist/main.js

@@ -1,46 +1,46 @@
-var ve = Object.defineProperty, Ae = Object.defineProperties;
-var Ce = Object.getOwnPropertyDescriptors;
+var Ae = Object.defineProperty, Ce = Object.defineProperties;
+var Se = Object.getOwnPropertyDescriptors;
 var W = Object.getOwnPropertySymbols;
-var he = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable;
-var le = (r, e, t) => e in r ? ve(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e) => {
+var ge = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var he = (r, e, t) => e in r ? Ae(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e) => {
   for (var t in e || (e = {}))
-    he.call(e, t) && le(r, t, e[t]);
+    ge.call(e, t) && he(r, t, e[t]);
   if (W)
     for (var t of W(e))
-      ge.call(e, t) && le(r, t, e[t]);
+      ue.call(e, t) && he(r, t, e[t]);
   return r;
-}, ue = (r, e) => Ae(r, Ce(e));
+}, fe = (r, e) => Ce(r, Se(e));
 var F = (r, e) => {
   var t = {};
   for (var s in r)
-    he.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+    ge.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
   if (r != null && W)
     for (var s of W(r))
-      e.indexOf(s) < 0 && ge.call(r, s) && (t[s] = r[s]);
+      e.indexOf(s) < 0 && ue.call(r, s) && (t[s] = r[s]);
   return t;
 };
 var y = (r, e, t) => new Promise((s, a) => {
-  var n = (c) => {
+  var o = (c) => {
     try {
       i(t.next(c));
     } catch (d) {
       a(d);
     }
-  }, o = (c) => {
+  }, n = (c) => {
     try {
       i(t.throw(c));
     } catch (d) {
       a(d);
     }
-  }, i = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, o);
+  }, i = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(o, n);
   i((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as v, util as P, controlsUtils as Se, InteractiveFabricObject as Ee, loadSVGFromURL as De, FabricImage as z, Point as G, Gradient as Me, Rect as Ne, Circle as Oe, Triangle as Le, Group as q, Canvas as we, Pattern as Te } from "fabric";
-import { create as ke } from "jsondiffpatch";
-import Be from "diff-match-patch";
-var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+import { ActiveSelection as v, util as P, controlsUtils as De, InteractiveFabricObject as Ee, loadSVGFromURL as Ne, FabricImage as H, Point as G, Gradient as Me, Rect as Oe, Circle as Le, Triangle as we, Group as ee, Canvas as Te, Pattern as ke } from "fabric";
+import { create as Be } from "jsondiffpatch";
+import _e from "diff-match-patch";
+var xe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += _e[s[e] & 63];
+    t += xe[s[e] & 63];
   return t;
 };
 class Y {
@@ -72,14 +72,14 @@ class Y {
       canvasDragging: t,
       mouseWheelZooming: s,
       bringToFrontOnSelection: a,
-      copyObjectsByHotkey: n,
-      pasteImageFromClipboard: o,
+      copyObjectsByHotkey: o,
+      pasteImageFromClipboard: n,
       undoRedoByHotKeys: i,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: d,
       resetObjectFitByDoubleClick: h
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), a && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), o && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), a && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), o && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -90,7 +90,7 @@ class Y {
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
     const { lockedObjects: s, unlockedObjects: a } = e.reduce(
-      (o, i) => i.locked ? (o.lockedObjects.push(i), o) : (o.unlockedObjects.push(i), o),
+      (n, i) => i.locked ? (n.lockedObjects.push(i), n) : (n.unlockedObjects.push(i), n),
       { lockedObjects: [], unlockedObjects: [] }
     );
     if (s.length === 0) return;
@@ -98,22 +98,22 @@ class Y {
       if (a.length === 1)
         this.canvas.setActiveObject(a[0]);
       else {
-        const o = new v(a, {
+        const n = new v(a, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(o);
+        this.canvas.setActiveObject(n);
       }
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new v(e, {
+    const o = new v(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
-      object: n,
+      object: o,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
+    }), this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -176,8 +176,8 @@ class Y {
    */
   handleUndoRedoEvent(e) {
     return y(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: a, repeat: n } = e;
-      this._shouldIgnoreKeyboardEvent(e) || !t && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (a === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : a === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      const { ctrlKey: t, metaKey: s, code: a, repeat: o } = e;
+      this._shouldIgnoreKeyboardEvent(e) || !t && !s || o || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (a === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : a === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -216,11 +216,11 @@ class Y {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space" || this._shouldIgnoreKeyboardEvent(e)) return;
-    const { canvas: t, editor: s, isSpacePressed: a, isDragging: n } = this;
-    if (a || n) return;
+    const { canvas: t, editor: s, isSpacePressed: a, isDragging: o } = this;
+    if (a || o) return;
     this.isSpacePressed = !0, e.preventDefault();
-    const o = t.getActiveObject() || null;
-    o instanceof v ? this.savedSelection = o.getObjects().slice() : o && (this.savedSelection = [o]), t.discardActiveObject(), t.set({
+    const n = t.getActiveObject() || null;
+    n instanceof v ? this.savedSelection = n.getObjects().slice() : n && (this.savedSelection = [n]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((i) => {
@@ -259,8 +259,8 @@ class Y {
       t.setActiveObject(e[0]);
       return;
     }
-    const a = e.filter((o) => s.canvasManager.getObjects().includes(o)), n = new v(a, { canvas: t });
-    t.setActiveObject(n);
+    const a = e.filter((n) => s.canvasManager.getObjects().includes(n)), o = new v(a, { canvas: t });
+    t.setActiveObject(o);
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -327,16 +327,16 @@ class Y {
   _shouldIgnoreKeyboardEvent(e) {
     const t = document.activeElement, s = e.target, a = ["input", "textarea", "select"];
     if (s) {
-      const o = s.tagName.toLowerCase();
-      if (a.includes(o) || s.contentEditable === "true") return !0;
+      const n = s.tagName.toLowerCase();
+      if (a.includes(n) || s.contentEditable === "true") return !0;
     }
     if (t && t !== s) {
-      const o = t.tagName.toLowerCase();
-      if (a.includes(o) || t.contentEditable === "true") return !0;
+      const n = t.tagName.toLowerCase();
+      if (a.includes(n) || t.contentEditable === "true") return !0;
     }
-    const n = window.getSelection();
-    if (n && !n.isCollapsed && n.rangeCount > 0) {
-      let c = n.getRangeAt(0).commonAncestorContainer;
+    const o = window.getSelection();
+    if (o && !o.isCollapsed && o.rangeCount > 0) {
+      let c = o.getRangeAt(0).commonAncestorContainer;
       c.nodeType === Node.TEXT_NODE && (c = c.parentElement);
       const { keyboardIgnoreSelectors: d } = this.options;
       if (d != null && d.length && c)
@@ -372,7 +372,7 @@ class Y {
     };
   }
 }
-class xe {
+class Re {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -390,7 +390,7 @@ class xe {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error(`Unknown module "${e}"`));
   }
 }
-function Re(r) {
+function Ue(r) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
@@ -398,13 +398,13 @@ function Re(r) {
     }
   );
 }
-class Ue {
+class ze {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(e) {
-    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Re(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Ue(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -417,12 +417,12 @@ class Ue {
    * @returns
    */
   _handleMessage({ data: e }) {
-    const { requestId: t, success: s, data: a, error: n } = e, o = this._callbacks.get(t);
-    if (!o) {
+    const { requestId: t, success: s, data: a, error: o } = e, n = this._callbacks.get(t);
+    if (!n) {
       console.warn(`No callback found for requestId: ${t}`);
       return;
     }
-    s ? o.resolve(a) : o.reject(new Error(n)), this._callbacks.delete(t);
+    s ? n.resolve(a) : n.reject(new Error(o)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -433,8 +433,8 @@ class Ue {
    */
   post(e, t, s = []) {
     const a = `${e}:${A(8)}`;
-    return new Promise((n, o) => {
-      this._callbacks.set(a, { resolve: n, reject: o }), this.worker.postMessage({ action: e, payload: t, requestId: a }, s);
+    return new Promise((o, n) => {
+      this._callbacks.set(a, { resolve: o, reject: n }), this.worker.postMessage({ action: e, payload: t, requestId: a }, s);
     });
   }
   /**
@@ -444,26 +444,26 @@ class Ue {
     this.worker.terminate();
   }
 }
-const N = 12, He = 2, ee = 8, te = 20, ze = 100, se = 20, ae = 8, Ze = 100, X = 32, ne = 1, Ye = "#2B2D33", oe = "#3D8BF4", ie = "#FFFFFF";
+const N = 12, He = 2, te = 8, se = 20, Ze = 100, ae = 20, oe = 8, Ye = 100, X = 32, ne = 1, Pe = "#2B2D33", ie = "#3D8BF4", re = "#FFFFFF";
 function V(r, e, t, s, a) {
-  const n = N, o = He;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -n / 2, n, n, o), r.fill(), r.stroke(), r.restore();
-}
-function fe(r, e, t, s, a) {
-  const n = ee, o = te, i = ze;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
+  const o = N, n = He;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -o / 2, o, o, n), r.fill(), r.stroke(), r.restore();
 }
 function me(r, e, t, s, a) {
-  const n = se, o = ae, i = Ze;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
+  const o = te, n = se, i = Ze;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -n / 2, o, n, i), r.fill(), r.stroke(), r.restore();
 }
-const Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ye = new Image();
-ye.src = Pe;
-function We(r, e, t, s, a) {
-  const o = X / 2;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = Ye, r.beginPath(), r.arc(0, 0, o, 0, 2 * Math.PI), r.fill(), r.drawImage(ye, -o / 2, -o / 2, o, o), r.restore();
+function be(r, e, t, s, a) {
+  const o = ae, n = oe, i = Ye;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -n / 2, o, n, i), r.fill(), r.stroke(), r.restore();
 }
-const Fe = {
+const We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", pe = new Image();
+pe.src = We;
+function Fe(r, e, t, s, a) {
+  const n = X / 2;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = Pe, r.beginPath(), r.arc(0, 0, n, 0, 2 * Math.PI), r.fill(), r.drawImage(pe, -n / 2, -n / 2, n, n), r.restore();
+}
+const Ve = {
   // Угловые точки
   tl: {
     render: V,
@@ -495,61 +495,61 @@ const Fe = {
   },
   // Середина вертикалей
   ml: {
-    render: fe,
-    sizeX: ee,
-    sizeY: te,
+    render: me,
+    sizeX: te,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: fe,
-    sizeX: ee,
-    sizeY: te,
+    render: me,
+    sizeX: te,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: me,
-    sizeX: se,
-    sizeY: ae,
+    render: be,
+    sizeX: ae,
+    sizeY: oe,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: me,
-    sizeX: se,
-    sizeY: ae,
+    render: be,
+    sizeX: ae,
+    sizeY: oe,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: We,
+    render: Fe,
     sizeX: X,
     sizeY: X,
     offsetX: 0,
     offsetY: -X
   }
 };
-class Ve {
+class Ge {
   static apply() {
-    const e = Se.createObjectDefaultControls();
-    Object.entries(Fe).forEach(([t, s]) => {
+    const e = De.createObjectDefaultControls();
+    Object.entries(Ve).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
         sizeX: s.sizeX,
         sizeY: s.sizeY,
         offsetX: s.offsetX,
         offsetY: s.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (n, o, i, c) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (o, n, i, c) => {
         var h;
-        (h = o.target.canvas) == null || h.setCursor("grabbing");
+        (h = n.target.canvas) == null || h.setCursor("grabbing");
       });
     }), Ee.ownDefaults.controls = e;
   }
 }
-const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Z = {
+const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", $e = "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+", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Z = {
   style: {
     position: "absolute",
     display: "none",
@@ -616,14 +616,14 @@ const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Ge,
-    delete: et,
-    lock: Xe,
-    unlock: Qe,
-    bringToFront: Je,
-    sendToBack: qe,
-    bringForward: Ke,
-    sendBackwards: $e
+    copyPaste: Xe,
+    delete: tt,
+    lock: Qe,
+    unlock: Ke,
+    bringToFront: qe,
+    sendToBack: et,
+    bringForward: $e,
+    sendBackwards: Je
   },
   handlers: {
     copyPaste: (r) => y(null, null, function* () {
@@ -652,14 +652,14 @@ const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     }
   }
 };
-class tt {
+class st {
   constructor({ editor: e }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = ue(I(I({}, Z), e), {
+    this.config = fe(I(I({}, Z), e), {
       style: I(I({}, Z.style), e.style || {}),
       btnStyle: I(I({}, Z.btnStyle), e.btnStyle || {}),
       icons: I(I({}, Z.icons), e.icons || {}),
@@ -690,8 +690,8 @@ class tt {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: a } = t, { icons: n = {}, btnStyle: o, handlers: i = {} } = this.config, c = document.createElement("button");
-      c.innerHTML = n[a] ? `<img src="${n[a]}" title="${s}" />` : s, Object.assign(c.style, o), c.onclick = () => {
+      const { name: s, handle: a } = t, { icons: o = {}, btnStyle: n, handlers: i = {} } = this.config, c = document.createElement("button");
+      c.innerHTML = o[a] ? `<img src="${o[a]}" title="${s}" />` : s, Object.assign(c.style, n), c.onclick = () => {
         var d;
         return (d = i[a]) == null ? void 0 : d.call(i, this.editor);
       }, c.onmousedown = (d) => {
@@ -754,10 +754,10 @@ class tt {
     }
     const { el: t, config: s, canvas: a } = this;
     e.setCoords();
-    const n = a.getZoom(), [, , , , o, i] = a.viewportTransform, { x: c } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), g = c * n + o - t.offsetWidth / 2, u = s.offsetTop || 0, f = (d + h) * n + i + u;
+    const o = a.getZoom(), [, , , , n, i] = a.viewportTransform, { x: c } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), g = c * o + n - t.offsetWidth / 2, u = s.offsetTop || 0, M = (d + h) * o + i + u;
     Object.assign(t.style, {
       left: `${g}px`,
-      top: `${f}px`,
+      top: `${M}px`,
       display: "flex"
     });
   }
@@ -768,7 +768,7 @@ class tt {
     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();
   }
 }
-class st {
+class Q {
   constructor({ editor: e }) {
     this.editor = e, this.canvas = e.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -780,12 +780,13 @@ class st {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = ke({
+    this.diffPatcher = Be({
       objectHash(e) {
         const t = e;
         return [
           t.id,
           t.backgroundId,
+          t.customData,
           t.format,
           t.locked,
           t.left,
@@ -805,7 +806,7 @@ class st {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Be,
+        diffMatchPatch: _e,
         minLength: 60
       }
     });
@@ -836,8 +837,8 @@ class st {
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
     let a = JSON.parse(JSON.stringify(e));
-    for (let n = 0; n < t; n += 1)
-      a = this.diffPatcher.patch(a, s[n].diff);
+    for (let o = 0; o < t; o += 1)
+      a = this.diffPatcher.patch(a, s[o].diff);
     return console.log("getFullState state", a), a;
   }
   /**
@@ -851,6 +852,7 @@ class st {
       "evented",
       "id",
       "backgroundId",
+      "customData",
       "backgroundType",
       "format",
       "width",
@@ -875,6 +877,31 @@ class st {
     }
     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: A(), 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, если их названия совпадают с зарезервированными.
+   *
+   * @param state - состояние канваса для сериализации
+   */
+  static _serializeCustomData(e) {
+    e.objects && e.objects.forEach((t) => {
+      t.customData && typeof t.customData == "object" && (t._serializedCustomData = JSON.stringify(t.customData), delete t.customData);
+    });
+  }
+  /**
+   * Десериализует customData из строки обратно в объект
+   * @param serializedObj - сериализованный объект из JSON
+   * @param fabricObject - объект Fabric, в который нужно записать customData
+   */
+  static _deserializeCustomData(e, t) {
+    if (!(!e._serializedCustomData || !t))
+      try {
+        t.customData = JSON.parse(
+          e._serializedCustomData
+        );
+      } catch (s) {
+        console.warn("Не удалось десериализовать customData:", s), t.customData = {};
+      }
+  }
   /**
    * Функция загрузки состояния в канвас.
    * @param fullState - полное состояние канваса
@@ -884,14 +911,16 @@ class st {
     return y(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: n } = this.editor, { width: o, height: i } = t;
-      yield t.loadFromJSON(e);
+      const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: o } = this.editor, { width: n, height: i } = t;
+      a.overlayMask = null, Q._serializeCustomData(e), yield t.loadFromJSON(e, (l, g) => {
+        Q._deserializeCustomData(l, g);
+      });
       const c = t.getObjects().find((l) => l.id === "montage-area");
-      c && (this.editor.montageArea = c, (o !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
+      c && (this.editor.montageArea = c, (n !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
       const d = t.getObjects().find((l) => l.id === "overlay-mask");
       d && (a.overlayMask = d, a.overlayMask.visible = !1);
       const h = t.getObjects().find((l) => l.id === "background");
-      h ? n.backgroundObject = h : n.removeBackground({ withoutSave: !0 }), t.renderAll(), t.fire("editor:history-state-loaded", {
+      h ? o.backgroundObject = h : o.removeBackground({ withoutSave: !0 }), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -976,7 +1005,7 @@ class st {
     });
   }
 }
-const at = 0.1, nt = 2, ot = 0.1, it = 90, R = 16, U = 16, w = 4096, T = 4096, be = "application/image-editor:";
+const at = 0.1, ot = 2, nt = 0.1, it = 90, R = 16, U = 16, w = 4096, T = 4096, je = "application/image-editor:";
 class O {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -999,12 +1028,12 @@ class O {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
         withoutSave: a = !1,
-        fromClipboard: n = !1,
-        isBackground: o = !1,
+        fromClipboard: o = !1,
+        isBackground: n = !1,
         withoutSelection: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: c, montageArea: d, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), f = O.getFormatFromContentType(u), { acceptContentTypes: m, acceptFormats: M } = this;
+      const { canvas: c, montageArea: d, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), M = O.getFormatFromContentType(u), { acceptContentTypes: m, acceptFormats: f } = this;
       if (!this.isAllowedContentType(u)) {
         const j = `Неверный contentType для изображения: ${u}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return g.emitError({
@@ -1014,12 +1043,12 @@ class O {
           message: j,
           data: {
             source: t,
-            format: f,
+            format: M,
             contentType: u,
             acceptContentTypes: m,
-            acceptFormats: M,
-            fromClipboard: n,
-            isBackground: o,
+            acceptFormats: f,
+            fromClipboard: o,
+            isBackground: n,
             withoutSelection: i
           }
         }), null;
@@ -1030,8 +1059,8 @@ class O {
         if (t instanceof File)
           j = URL.createObjectURL(t);
         else if (typeof t == "string") {
-          const E = yield (yield fetch(t, { mode: "cors" })).blob();
-          j = URL.createObjectURL(E);
+          const D = yield (yield fetch(t, { mode: "cors" })).blob();
+          j = URL.createObjectURL(D);
         } else
           return g.emitError({
             origin: "ImageManager",
@@ -1040,51 +1069,51 @@ class O {
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
             data: {
               source: t,
-              format: f,
+              format: M,
               contentType: u,
               acceptContentTypes: m,
-              acceptFormats: M,
-              fromClipboard: n,
-              isBackground: o,
+              acceptFormats: f,
+              fromClipboard: o,
+              isBackground: n,
               withoutSelection: i
             }
           }), null;
-        if (this._createdBlobUrls.push(j), f === "svg") {
-          const C = yield De(j);
+        if (this._createdBlobUrls.push(j), M === "svg") {
+          const C = yield Ne(j);
           b = P.groupSVGElements(C.objects, C.options);
         } else
-          b = yield z.fromURL(j, { crossOrigin: "anonymous" });
+          b = yield H.fromURL(j, { crossOrigin: "anonymous" });
         const { width: S, height: k } = b;
-        if (b instanceof z) {
+        if (b instanceof H) {
           const C = b.getElement();
-          let E = "";
-          if (C instanceof HTMLImageElement ? E = C.src : C instanceof HTMLCanvasElement && (E = C.toDataURL()), k > T || S > w) {
-            const L = yield this.resizeImageToBoundaries(E, "max"), p = URL.createObjectURL(L);
-            this._createdBlobUrls.push(p), b = yield z.fromURL(p, { crossOrigin: "anonymous" });
+          let D = "";
+          if (C instanceof HTMLImageElement ? D = C.src : C instanceof HTMLCanvasElement && (D = C.toDataURL()), k > T || S > w) {
+            const L = yield this.resizeImageToBoundaries(D, "max"), p = URL.createObjectURL(L);
+            this._createdBlobUrls.push(p), b = yield H.fromURL(p, { crossOrigin: "anonymous" });
           } else if (k < U || S < R) {
-            const L = yield this.resizeImageToBoundaries(E, "min"), p = URL.createObjectURL(L);
-            this._createdBlobUrls.push(p), b = yield z.fromURL(p, { crossOrigin: "anonymous" });
+            const L = yield this.resizeImageToBoundaries(D, "min"), p = URL.createObjectURL(L);
+            this._createdBlobUrls.push(p), b = yield H.fromURL(p, { crossOrigin: "anonymous" });
           }
         }
-        if (b.set("id", `${b.type}-${A()}`), b.set("format", f), s === "scale-montage")
+        if (b.set("id", `${b.type}-${A()}`), b.set("format", M), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: C, height: E } = d, L = this.calculateScaleFactor({ imageObject: b, scaleType: s });
-          s === "image-contain" && L < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || k > E) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: C, height: D } = d, L = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && L < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || k > D) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
         c.add(b), c.centerObject(b), i || c.setActiveObject(b), c.renderAll(), l.resumeHistory(), a || l.saveState();
-        const H = {
+        const z = {
           image: b,
-          format: f,
+          format: M,
           contentType: u,
           scale: s,
           withoutSave: a,
           source: t,
-          fromClipboard: n,
-          isBackground: o,
+          fromClipboard: o,
+          isBackground: n,
           withoutSelection: i
         };
-        return c.fire("editor:image-imported", H), H;
+        return c.fire("editor:image-imported", z), z;
       } catch (j) {
         return g.emitError({
           origin: "ImageManager",
@@ -1093,12 +1122,12 @@ class O {
           message: `Ошибка импорта изображения: ${j.message}`,
           data: {
             source: t,
-            format: f,
+            format: M,
             contentType: u,
             scale: s,
             withoutSave: a,
-            fromClipboard: n,
-            isBackground: o,
+            fromClipboard: o,
+            isBackground: n,
             withoutSelection: i
           }
         }), l.resumeHistory(), null;
@@ -1151,81 +1180,81 @@ class O {
         fileName: t = "image.png",
         contentType: s = "image/png",
         exportAsBase64: a = !1,
-        exportAsBlob: n = !1
-      } = e, { canvas: o, montageArea: i, workerManager: c } = this.editor;
+        exportAsBlob: o = !1
+      } = e, { canvas: n, montageArea: i, workerManager: c } = this.editor;
       try {
         const d = s === "application/pdf", h = d ? "image/jpg" : s, l = O.getFormatFromContentType(h);
         i.setCoords();
-        const { left: g, top: u, width: f, height: m } = i.getBoundingRect(), M = yield o.clone(["id", "format", "locked"]);
-        M.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (M.backgroundColor = "#ffffff");
-        const j = M.getObjects().find((p) => p.id === i.id);
-        j && (j.visible = !1), M.viewportTransform = [1, 0, 0, 1, -g, -u], M.setDimensions({ width: f, height: m }, { backstoreOnly: !0 }), M.renderAll();
-        const b = M.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
+        const { left: g, top: u, width: M, height: m } = i.getBoundingRect(), f = yield n.clone(["id", "format", "locked"]);
+        f.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (f.backgroundColor = "#ffffff");
+        const j = f.getObjects().find((p) => p.id === i.id);
+        j && (j.visible = !1), f.viewportTransform = [1, 0, 0, 1, -g, -u], f.setDimensions({ width: M, height: m }, { backstoreOnly: !0 }), f.renderAll();
+        const b = f.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
         if (l === "svg" && b) {
-          const p = M.toSVG();
-          M.dispose();
-          const D = {
+          const p = f.toSVG();
+          f.dispose();
+          const E = {
             image: O._exportSVGStringAsFile(p, {
               exportAsBase64: a,
-              exportAsBlob: n,
+              exportAsBlob: o,
               fileName: t
             }),
             format: "svg",
             contentType: "image/svg+xml",
             fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:canvas-exported", D), D;
+          return n.fire("editor:canvas-exported", E), E;
         }
         const S = yield new Promise((p, B) => {
-          M.getElement().toBlob((D) => {
-            D ? p(D) : B(new Error("Failed to create Blob from canvas"));
+          f.getElement().toBlob((E) => {
+            E ? p(E) : B(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (M.dispose(), n) {
+        if (f.dispose(), o) {
           const p = {
             image: S,
             format: l,
             contentType: h,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", p), p;
+          return n.fire("editor:canvas-exported", p), p;
         }
-        const k = yield createImageBitmap(S), H = yield c.post(
+        const k = yield createImageBitmap(S), z = yield c.post(
           "toDataURL",
           { format: l, quality: 1, bitmap: k },
           [k]
         );
         if (d) {
-          const B = f * 0.264583, D = m * 0.264583, pe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, J = new pe({
-            orientation: B > D ? "landscape" : "portrait",
+          const B = M * 0.264583, E = m * 0.264583, Ie = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, q = new Ie({
+            orientation: B > E ? "landscape" : "portrait",
             unit: "mm",
-            format: [B, D]
+            format: [B, E]
           });
-          if (J.addImage(String(H), "JPG", 0, 0, B, D), a) {
-            const de = {
-              image: J.output("datauristring"),
+          if (q.addImage(String(z), "JPG", 0, 0, B, E), a) {
+            const le = {
+              image: q.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return o.fire("editor:canvas-exported", de), de;
+            return n.fire("editor:canvas-exported", le), le;
           }
-          const Ie = J.output("blob"), ce = {
-            image: new File([Ie], t, { type: "application/pdf" }),
+          const ve = q.output("blob"), de = {
+            image: new File([ve], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return o.fire("editor:canvas-exported", ce), ce;
+          return n.fire("editor:canvas-exported", de), de;
         }
         if (a) {
           const p = {
-            image: H,
+            image: z,
             format: l,
             contentType: h,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", p), p;
+          return n.fire("editor:canvas-exported", p), p;
         }
         const C = l === "svg" && !b ? t.replace(/\.[^/.]+$/, ".png") : t, L = {
           image: new File([S], C, { type: h }),
@@ -1233,14 +1262,14 @@ class O {
           contentType: h,
           fileName: C
         };
-        return o.fire("editor:canvas-exported", L), L;
+        return n.fire("editor:canvas-exported", L), L;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта изображения: ${d.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: a, exportAsBlob: n }
+          data: { contentType: s, fileName: t, exportAsBase64: a, exportAsBlob: o }
         }), null;
       }
     });
@@ -1262,8 +1291,8 @@ class O {
         object: t,
         fileName: s = "image.png",
         contentType: a = "image/png",
-        exportAsBase64: n = !1,
-        exportAsBlob: o = !1
+        exportAsBase64: o = !1,
+        exportAsBlob: n = !1
       } = e, { canvas: i, workerManager: c } = this.editor, d = t || i.getActiveObject();
       if (!d)
         return this.editor.errorManager.emitError({
@@ -1271,26 +1300,26 @@ class O {
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
+          data: { contentType: a, fileName: s, exportAsBase64: o, exportAsBlob: n }
         }), null;
       try {
         const h = O.getFormatFromContentType(a);
         if (h === "svg") {
-          const m = d.toSVG(), M = O._exportSVGStringAsFile(m, {
-            exportAsBase64: n,
-            exportAsBlob: o,
+          const m = d.toSVG(), f = O._exportSVGStringAsFile(m, {
+            exportAsBase64: o,
+            exportAsBlob: n,
             fileName: s
           }), j = {
             object: d,
-            image: M,
+            image: f,
             format: h,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
           return i.fire("editor:object-exported", j), j;
         }
-        if (n && d instanceof z) {
-          const m = yield createImageBitmap(d.getElement()), M = yield c.post(
+        if (o && d instanceof H) {
+          const m = yield createImageBitmap(d.getElement()), f = yield c.post(
             "toDataURL",
             {
               format: h,
@@ -1300,7 +1329,7 @@ class O {
             [m]
           ), j = {
             object: d,
-            image: M,
+            image: f,
             format: h,
             contentType: a,
             fileName: s
@@ -1309,12 +1338,12 @@ class O {
         }
         const l = d.toCanvasElement({
           enableRetinaScaling: !1
-        }), g = yield new Promise((m, M) => {
+        }), g = yield new Promise((m, f) => {
           l.toBlob((j) => {
-            j ? m(j) : M(new Error("Failed to create Blob from canvas"));
+            j ? m(j) : f(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (o) {
+        if (n) {
           const m = {
             object: d,
             image: g,
@@ -1324,21 +1353,21 @@ class O {
           };
           return i.fire("editor:object-exported", m), m;
         }
-        const u = new File([g], s, { type: a }), f = {
+        const u = new File([g], s, { type: a }), M = {
           object: d,
           image: u,
           format: h,
           contentType: a,
           fileName: s
         };
-        return i.fire("editor:object-exported", f), f;
+        return i.fire("editor:object-exported", M), M;
       } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${h.message}`,
-          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
+          data: { contentType: a, fileName: s, exportAsBase64: o, exportAsBlob: n }
         }), null;
       }
     });
@@ -1405,11 +1434,11 @@ class O {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const a = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
-      return this.acceptContentTypes.forEach((o) => {
-        const i = O.getFormatFromContentType(o);
-        i && (n[i] = o);
-      }), a && n[a] || "application/octet-stream";
+      const a = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), o = {};
+      return this.acceptContentTypes.forEach((n) => {
+        const i = O.getFormatFromContentType(n);
+        i && (o[i] = n);
+      }), a && o[a] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1427,8 +1456,8 @@ class O {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const a = s.width, n = s.height, { width: o, height: i } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(a / o, n / i) : t === "cover" || t === "image-cover" ? Math.max(a / o, n / i) : 1;
+    const a = s.width, o = s.height, { width: n, height: i } = e;
+    return t === "contain" || t === "image-contain" ? Math.min(a / n, o / i) : t === "cover" || t === "image-cover" ? Math.max(a / n, o / i) : 1;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1460,7 +1489,7 @@ class O {
     return t ? t[1] : "";
   }
 }
-const _ = (r, e, t) => Math.max(Math.min(r, t), e), je = (r, e) => r * e, rt = (r, e) => new G(r / 2, e / 2);
+const _ = (r, e, t) => Math.max(Math.min(r, t), e), ye = (r, e) => r * e, rt = (r, e) => new G(r / 2, e / 2);
 function ct(r) {
   return ((r == null ? void 0 : r.type) === "image" || (r == null ? void 0 : r.format) === "svg") && typeof (r == null ? void 0 : r.width) == "number" && typeof (r == null ? void 0 : r.height) == "number";
 }
@@ -1489,20 +1518,20 @@ class dt {
    * @fires editor:resolution-width-changed
    */
   setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var f;
+    var M;
     if (!e) return;
     const {
-      canvas: n,
-      montageArea: o,
+      canvas: o,
+      montageArea: n,
       options: { canvasBackstoreWidth: i }
-    } = this.editor, { width: c, height: d } = o, h = _(Number(e), R, w);
-    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), o.set({ width: h }), (f = n.clipPath) == null || f.set({ width: h }), t) {
-      const m = h / c, M = je(d, m);
-      this.setResolutionHeight(M);
+    } = this.editor, { width: c, height: d } = n, h = _(Number(e), R, w);
+    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), n.set({ width: h }), (M = o.clipPath) == null || M.set({ width: h }), t) {
+      const m = h / c, f = ye(d, m);
+      this.setResolutionHeight(f);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(o), u = n.getZoom();
-    n.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(n), u = o.getZoom();
+    o.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
       width: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1519,20 +1548,20 @@ class dt {
    * @fires editor:resolution-height-changed
    */
   setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var f;
+    var M;
     if (!e) return;
     const {
-      canvas: n,
-      montageArea: o,
+      canvas: o,
+      montageArea: n,
       options: { canvasBackstoreHeight: i }
-    } = this.editor, { width: c, height: d } = o, h = _(Number(e), U, T);
-    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), o.set({ height: h }), (f = n.clipPath) == null || f.set({ height: h }), t) {
-      const m = h / d, M = je(c, m);
-      this.setResolutionWidth(M);
+    } = this.editor, { width: c, height: d } = n, h = _(Number(e), U, T);
+    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), n.set({ height: h }), (M = o.clipPath) == null || M.set({ height: h }), t) {
+      const m = h / d, f = ye(c, m);
+      this.setResolutionWidth(f);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(o), u = n.getZoom();
-    n.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(n), u = o.getZoom();
+    o.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
       height: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1545,7 +1574,7 @@ class dt {
    */
   centerMontageArea() {
     var c;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), n = e.getZoom(), o = rt(s, a);
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), o = e.getZoom(), n = rt(s, a);
     t.set({
       left: s / 2,
       top: a / 2
@@ -1554,7 +1583,7 @@ class dt {
       top: a / 2
     }), e.renderAll();
     const i = e.viewportTransform;
-    i[4] = s / 2 - o.x * n, i[5] = a / 2 - o.y * n, e.setViewportTransform(i), e.renderAll();
+    i[4] = s / 2 - n.x * o, i[5] = a / 2 - n.y * o, e.setViewportTransform(i), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1570,7 +1599,7 @@ class dt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: a, height: n } = s, o = t.getZoom(), i = (a - a * o) / 2, c = (n - n * o) / 2;
+    const { width: a, height: o } = s, n = t.getZoom(), i = (a - a * n) / 2, c = (o - o * n) / 2;
     return { left: i, top: c };
   }
   /**
@@ -1596,8 +1625,8 @@ class dt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = _(s, R, w), o = _(a, U, T);
-    e.setDimensions({ width: n, height: o }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, o = _(s, R, w), n = _(a, U, T);
+    e.setDimensions({ width: o, height: n }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1612,9 +1641,9 @@ class dt {
         width: s,
         height: a
       }
-    } = this.editor, n = t.left, o = t.top;
+    } = this.editor, o = t.left, n = t.top;
     this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(a, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const i = t.left - n, c = t.top - o;
+    const i = t.left - o, c = t.top - n;
     if (i !== 0 || c !== 0) {
       const d = e.getActiveObject(), h = [];
       if ((d == null ? void 0 : d.type) === "activeselection") {
@@ -1748,32 +1777,32 @@ class dt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: a } = this.editor, n = [];
+    const { canvas: a } = this.editor, o = [];
     switch (e) {
       case "canvas":
-        n.push(a.lowerCanvasEl, a.upperCanvasEl);
+        o.push(a.lowerCanvasEl, a.upperCanvasEl);
         break;
       case "wrapper":
-        n.push(a.wrapperEl);
+        o.push(a.wrapperEl);
         break;
       case "container":
-        n.push(this.getEditorContainer());
+        o.push(this.getEditorContainer());
         break;
       default:
-        n.push(a.lowerCanvasEl, a.upperCanvasEl);
+        o.push(a.lowerCanvasEl, a.upperCanvasEl);
     }
-    const o = t === "width" ? "width" : "height";
+    const n = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      n.forEach((c) => {
-        c.style[o] = s;
+      o.forEach((c) => {
+        c.style[n] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const i = `${s}px`;
-    n.forEach((c) => {
-      c.style[o] = i;
-    }), a.fire(`editor:display-${e}-${o}-changed`, {
+    o.forEach((c) => {
+      c.style[n] = i;
+    }), a.fire(`editor:display-${e}-${n}-changed`, {
       element: e,
       value: s
     });
@@ -1789,8 +1818,8 @@ class dt {
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
       canvas: a,
-      montageArea: n,
-      transformManager: o,
+      montageArea: o,
+      transformManager: n,
       options: {
         montageAreaWidth: i,
         montageAreaHeight: c
@@ -1801,12 +1830,12 @@ class dt {
     let g = Math.min(h, w), u = Math.min(l, T);
     if (t) {
       const {
-        width: f,
+        width: M,
         height: m
-      } = n, M = h / f, j = l / m, b = Math.max(M, j);
-      g = f * b, u = m * b;
+      } = o, f = h / M, j = l / m, b = Math.max(f, j);
+      g = M * b, u = m * b;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > c) && o.calculateAndApplyDefaultZoom(), o.resetObject({ object: d, withoutSave: !0 }), a.centerObject(d), a.renderAll(), s || this.editor.historyManager.saveState(), a.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > c) && n.calculateAndApplyDefaultZoom(), n.resetObject({ object: d, withoutSave: !0 }), a.centerObject(d), a.renderAll(), s || this.editor.historyManager.saveState(), a.fire("editor:montage-area-scaled-to-image", {
       object: d,
       width: g,
       height: u,
@@ -1834,11 +1863,11 @@ class dt {
       transformManager: s,
       historyManager: a,
       options: {
-        montageAreaWidth: n,
-        montageAreaHeight: o
+        montageAreaWidth: o,
+        montageAreaHeight: n
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(n, { withoutSave: !0 }), this.setResolutionHeight(o, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || a.saveState(), t.fire("editor:default-scale-set");
+    s.resetZoom(), this.setResolutionWidth(o, { withoutSave: !0 }), this.setResolutionHeight(n, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || a.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1852,13 +1881,13 @@ class dt {
       backgroundManager: { backgroundObject: a }
     } = this.editor;
     return e.getObjects().filter(
-      (o) => o.id !== t.id && o.id !== (s == null ? void 0 : s.id) && o.id !== (a == null ? void 0 : a.id)
+      (n) => n.id !== t.id && n.id !== (s == null ? void 0 : s.id) && n.id !== (a == null ? void 0 : a.id)
     );
   }
 }
 class lt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || at, this.maxZoom = this.options.maxZoom || nt, this.defaultZoom = this.options.defaultScale;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || at, this.maxZoom = this.options.maxZoom || ot, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1868,7 +1897,7 @@ class lt {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, n = s.clientHeight, { width: o, height: i } = this.editor.montageArea, c = a / o * e, d = n / i * e;
+    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, o = s.clientHeight, { width: n, height: i } = this.editor.montageArea, c = a / n * e, d = o / i * e;
     this.defaultZoom = Math.min(c, d), this.setZoom();
   }
   /**
@@ -1880,13 +1909,13 @@ class lt {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = ot, t = {}) {
+  zoom(e = nt, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: a } = this, { canvas: n } = this.editor, o = n.getZoom(), i = n.getCenterPoint(), c = (g = t.pointX) != null ? g : i.x, d = (u = t.pointY) != null ? u : i.y, h = new G(c, d);
-    let l = Number((o + Number(e)).toFixed(2));
-    l > a && (l = a), l < s && (l = s), n.zoomToPoint(h, l), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
+    const { minZoom: s, maxZoom: a } = this, { canvas: o } = this.editor, n = o.getZoom(), i = o.getCenterPoint(), c = (g = t.pointX) != null ? g : i.x, d = (u = t.pointY) != null ? u : i.y, h = new G(c, d);
+    let l = Number((n + Number(e)).toFixed(2));
+    l > a && (l = a), l < s && (l = s), o.zoomToPoint(h, l), o.fire("editor:zoom-changed", {
+      currentZoom: o.getZoom(),
       zoom: l,
       point: h
     });
@@ -1897,12 +1926,12 @@ class lt {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, n = new G(a.getCenterPoint());
-    let o = e;
-    e > s && (o = s), e < t && (o = t), a.zoomToPoint(n, o), a.fire("editor:zoom-changed", {
+    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, o = new G(a.getCenterPoint());
+    let n = e;
+    e > s && (n = s), e < t && (n = t), a.zoomToPoint(o, n), a.fire("editor:zoom-changed", {
       currentZoom: a.getZoom(),
-      zoom: o,
-      point: n
+      zoom: n,
+      point: o
     });
   }
   /**
@@ -1924,13 +1953,13 @@ class lt {
    * @fires editor:object-rotated
    */
   rotate(e = it, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor, n = s.getActiveObject();
-    if (!n) return;
-    const o = n.angle + e;
-    n.rotate(o), n.setCoords(), s.renderAll(), t || a.saveState(), s.fire("editor:object-rotated", {
-      object: n,
+    const { canvas: s, historyManager: a } = this.editor, o = s.getActiveObject();
+    if (!o) return;
+    const n = o.angle + e;
+    o.rotate(n), o.setCoords(), s.renderAll(), t || a.saveState(), s.fire("editor:object-rotated", {
+      object: o,
       withoutSave: t,
-      angle: o
+      angle: n
     });
   }
   /**
@@ -1972,11 +2001,11 @@ class lt {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
-    o && (o instanceof v ? o.getObjects().forEach((i) => {
+    const { canvas: a, historyManager: o } = this.editor, n = e || a.getActiveObject();
+    n && (n instanceof v ? n.getObjects().forEach((i) => {
       i.set("opacity", t);
-    }) : o.set("opacity", t), a.renderAll(), s || n.saveState(), a.fire("editor:object-opacity-changed", {
-      object: o,
+    }) : n.set("opacity", t), a.renderAll(), s || o.saveState(), a.fire("editor:object-opacity-changed", {
+      object: n,
       opacity: t,
       withoutSave: s
     }));
@@ -1998,18 +2027,18 @@ class lt {
     withoutSave: s,
     fitAsOneObject: a
   } = {}) {
-    const { canvas: n, historyManager: o } = this.editor, i = e || n.getActiveObject();
+    const { canvas: o, historyManager: n } = this.editor, i = e || o.getActiveObject();
     if (i) {
       if (i instanceof v && !a) {
         const c = i.getObjects();
-        n.discardActiveObject(), c.forEach((h) => {
+        o.discardActiveObject(), c.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const d = new v(c, { canvas: n });
-        n.setActiveObject(d);
+        const d = new v(c, { canvas: o });
+        o.setActiveObject(d);
       } else
         this._fitSingleObject(i, t);
-      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
+      o.renderAll(), s || n.saveState(), o.fire("editor:object-fitted", {
         object: i,
         type: t,
         withoutSave: s,
@@ -2024,9 +2053,9 @@ class lt {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: a } = this.editor, { width: n, height: o, scaleX: i = 1, scaleY: c = 1, angle: d = 0 } = e, h = n * Math.abs(i), l = o * Math.abs(c), g = d * Math.PI / 180, u = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), m = h * u + l * f, M = h * f + l * u, j = a.width, b = a.height;
+    const { canvas: s, montageArea: a } = this.editor, { width: o, height: n, scaleX: i = 1, scaleY: c = 1, angle: d = 0 } = e, h = o * Math.abs(i), l = n * Math.abs(c), g = d * Math.PI / 180, u = Math.abs(Math.cos(g)), M = Math.abs(Math.sin(g)), m = h * u + l * M, f = h * M + l * u, j = a.width, b = a.height;
     let S;
-    t === "contain" ? S = Math.min(j / m, b / M) : S = Math.max(j / m, b / M), e.set({
+    t === "contain" ? S = Math.min(j / m, b / f) : S = Math.max(j / m, b / f), e.set({
       scaleX: i * S,
       scaleY: c * S
     }), s.centerObject(e);
@@ -2050,8 +2079,8 @@ class lt {
   resetObject({ object: e, alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
       canvas: a,
-      montageArea: n,
-      imageManager: o,
+      montageArea: o,
+      imageManager: n,
       historyManager: i,
       options: { scaleType: c }
     } = this.editor, d = e || a.getActiveObject();
@@ -2065,11 +2094,11 @@ class lt {
     }), t)
       this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: g } = n, { width: u, height: f } = d, m = o.calculateScaleFactor({
+      const { width: l, height: g } = o, { width: u, height: M } = d, m = n.calculateScaleFactor({
         imageObject: d,
         scaleType: c
       });
-      c === "contain" && m < 1 || c === "cover" && (u > l || f > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
+      c === "contain" && m < 1 || c === "cover" && (u > l || M > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
     }
     d.set({ flipX: !1, flipY: !1, angle: 0 }), a.centerObject(d), a.renderAll(), i.resumeHistory(), s || i.saveState(), a.fire("editor:object-reset", {
       object: d,
@@ -2108,8 +2137,8 @@ class ht {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: a, top: n, width: o, height: i } = t.getBoundingRect();
-    this.overlayMask.set({ left: a, top: n, width: o, height: i }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    const { left: a, top: o, width: n, height: i } = t.getBoundingRect();
+    this.overlayMask.set({ left: a, top: o, width: n, height: i }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
   }
   /**
    * Выключает редактор:
@@ -2147,26 +2176,31 @@ class x {
    */
   setColorBackground({
     color: e,
-    withoutSave: t = !1
+    customData: t = {},
+    withoutSave: s = !1
   }) {
+    var a;
     try {
-      const { historyManager: s } = this.editor, { backgroundObject: a } = this;
-      if (s.suspendHistory(), a && a.backgroundType === "color") {
-        if (a.fill === e) {
-          s.resumeHistory();
+      const { historyManager: o } = this.editor, { backgroundObject: n } = this;
+      if (o.suspendHistory(), n && n.backgroundType === "color") {
+        if (n.fill === e) {
+          o.resumeHistory();
           return;
         }
-        a.set({ fill: e }), a.set("backgroundId", `background-${A()}`), this.editor.canvas.requestRenderAll();
+        n.set({
+          fill: e,
+          backgroundId: `background-${A()}`
+        }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(e);
-      this.editor.canvas.fire("background:changed", { type: "color", color: e }), s.resumeHistory(), t || s.saveState();
-    } catch (s) {
+      (a = this.backgroundObject) == null || a.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", { type: "color", color: e }), o.resumeHistory(), s || o.saveState();
+    } catch (o) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setColorBackground",
         message: "Не удалось установить цветовой фон",
-        data: { error: s }
+        data: { error: o }
       });
     }
   }
@@ -2178,30 +2212,35 @@ class x {
    */
   setGradientBackground({
     gradient: e,
-    withoutSave: t = !1
+    customData: t = {},
+    withoutSave: s = !1
   }) {
+    var a;
     try {
-      const { historyManager: s } = this.editor, { backgroundObject: a } = this;
-      if (s.suspendHistory(), a && a.backgroundType === "gradient") {
-        const n = x._createFabricGradient(e);
-        if (x._isGradientEqual(a.fill, n)) {
-          s.resumeHistory();
+      const { historyManager: o } = this.editor, { backgroundObject: n } = this;
+      if (o.suspendHistory(), n && n.backgroundType === "gradient") {
+        const i = x._createFabricGradient(e);
+        if (x._isGradientEqual(n.fill, i)) {
+          o.resumeHistory();
           return;
         }
-        a.set({ fill: n }), a.set("backgroundId", `background-${A()}`), this.editor.canvas.requestRenderAll();
+        n.set({
+          fill: i,
+          backgroundId: `background-${A()}`
+        }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(e);
-      this.editor.canvas.fire("background:changed", {
+      (a = this.backgroundObject) == null || a.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", {
         type: "gradient",
         gradientParams: e
-      }), s.resumeHistory(), t || s.saveState();
-    } catch (s) {
+      }), o.resumeHistory(), s || o.saveState();
+    } catch (o) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setGradientBackground",
         message: "Не удалось установить градиентный фон",
-        data: { error: s }
+        data: { error: o }
       });
     }
   }
@@ -2214,8 +2253,9 @@ class x {
     startColor: t,
     endColor: s,
     startPosition: a,
-    endPosition: n,
-    withoutSave: o = !1
+    endPosition: o,
+    customData: n = {},
+    withoutSave: i = !1
   }) {
     this.setGradientBackground({
       gradient: {
@@ -2224,9 +2264,10 @@ class x {
         startColor: t,
         endColor: s,
         startPosition: a,
-        endPosition: n
+        endPosition: o
       },
-      withoutSave: o
+      customData: n,
+      withoutSave: i
     });
   }
   /**
@@ -2238,10 +2279,11 @@ class x {
     centerY: t,
     radius: s,
     startColor: a,
-    endColor: n,
-    startPosition: o,
+    endColor: o,
+    startPosition: n,
     endPosition: i,
-    withoutSave: c = !1
+    customData: c = {},
+    withoutSave: d = !1
   }) {
     this.setGradientBackground({
       gradient: {
@@ -2250,11 +2292,12 @@ class x {
         centerY: t,
         radius: s,
         startColor: a,
-        endColor: n,
-        startPosition: o,
+        endColor: o,
+        startPosition: n,
         endPosition: i
       },
-      withoutSave: c
+      customData: c,
+      withoutSave: d
     });
   }
   /**
@@ -2263,25 +2306,26 @@ class x {
    * @param options.imageUrl - URL изображения
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
-  setImageBackground(s) {
+  setImageBackground(a) {
     return y(this, arguments, function* ({
       imageSource: e,
-      withoutSave: t = !1
+      customData: t = {},
+      withoutSave: s = !1
     }) {
       try {
-        const { historyManager: a } = this.editor;
-        a.suspendHistory(), this._removeCurrentBackground(), yield this._createImageBackground(e), this.editor.canvas.fire("background:changed", {
+        const { historyManager: o } = this.editor;
+        o.suspendHistory(), yield this._createImageBackground(e, t), this.editor.canvas.fire("editor:background:changed", {
           type: "image",
           imageSource: e,
           backgroundObject: this.backgroundObject
-        }), a.resumeHistory(), t || a.saveState();
-      } catch (a) {
+        }), o.resumeHistory(), s || o.saveState();
+      } catch (o) {
         this.editor.errorManager.emitError({
           code: "BACKGROUND_CREATION_FAILED",
           origin: "BackgroundManager",
           method: "setImageBackground",
           message: "Не удалось установить изображение в качестве фона",
-          data: { error: a }
+          data: { error: o }
         });
       }
     });
@@ -2294,16 +2338,8 @@ class x {
   removeBackground({ withoutSave: e = !1 } = {}) {
     try {
       const { historyManager: t } = this.editor;
-      if (!this.backgroundObject) {
-        this.editor.errorManager.emitWarning({
-          code: "NO_BACKGROUND_TO_REMOVE",
-          origin: "BackgroundManager",
-          method: "removeBackground",
-          message: "Нет фона для удаления"
-        });
-        return;
-      }
-      t.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("background:removed"), t.resumeHistory(), e || t.saveState();
+      if (!this.backgroundObject) return;
+      t.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("editor:background:removed"), t.resumeHistory(), e || t.saveState();
     } catch (t) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_REMOVAL_FAILED",
@@ -2321,8 +2357,8 @@ class x {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.backgroundObject) return;
     s.suspendHistory(), this.editor.transformManager.fitObject({ object: this.backgroundObject, withoutSave: !0, type: "cover" });
-    const a = e.getObjects(), n = a.indexOf(t), o = a.indexOf(this.backgroundObject);
-    this.backgroundObject && o !== n + 1 && e.moveObjectTo(this.backgroundObject, n + 1), e.requestRenderAll(), s.resumeHistory();
+    const a = e.getObjects(), o = a.indexOf(t), n = a.indexOf(this.backgroundObject);
+    this.backgroundObject && n !== o + 1 && e.moveObjectTo(this.backgroundObject, o + 1), e.requestRenderAll(), s.resumeHistory();
   }
   /**
    * Создает цветовой фон.
@@ -2363,27 +2399,28 @@ class x {
    * Создает фон из изображения.
    * @param source - источник изображения (URL или File)
    */
-  _createImageBackground(e) {
+  _createImageBackground(e, t) {
     return y(this, null, function* () {
-      var s;
-      const { image: t } = (s = yield this.editor.imageManager.importImage({
+      var a;
+      const { image: s } = (a = yield this.editor.imageManager.importImage({
         source: e,
         withoutSave: !0,
         isBackground: !0,
         withoutSelection: !0,
         scale: "image-cover"
-      })) != null ? s : {};
-      if (!t)
+      })) != null ? a : {};
+      if (!s)
         throw new Error("Не удалось загрузить изображение");
-      t.set({
+      s.set({
         selectable: !1,
         evented: !1,
         hasBorders: !1,
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${A()}`
-      }), this.backgroundObject = t, this.refresh();
+        backgroundId: `background-${A()}`,
+        customData: t
+      }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
   }
   /**
@@ -2401,10 +2438,10 @@ class x {
       startColor: t,
       endColor: s,
       startPosition: a = 0,
-      endPosition: n = 100
-    } = e, o = [
+      endPosition: o = 100
+    } = e, n = [
       { offset: a / 100, color: t },
-      { offset: n / 100, color: s }
+      { offset: o / 100, color: s }
     ];
     if (e.type === "linear") {
       const l = e.angle * Math.PI / 180, g = x._angleToCoords(l);
@@ -2412,7 +2449,7 @@ class x {
         type: "linear",
         gradientUnits: "percentage",
         coords: g,
-        colorStops: o
+        colorStops: n
       });
     }
     const {
@@ -2431,7 +2468,7 @@ class x {
       type: "radial",
       gradientUnits: "percentage",
       coords: h,
-      colorStops: o
+      colorStops: n
     });
   }
   /**
@@ -2456,13 +2493,13 @@ class x {
   static _isGradientEqual(e, t) {
     if (!e || !t || e.type !== t.type) return !1;
     const s = e.colorStops || [], a = t.colorStops || [];
-    return s.length !== a.length || !s.every((o, i) => {
+    return s.length !== a.length || !s.every((n, i) => {
       const c = a[i];
-      return o.color === c.color && Math.abs(o.offset - c.offset) < 1e-4;
+      return n.color === c.color && Math.abs(n.offset - c.offset) < 1e-4;
     }) ? !1 : e.type === "linear" && t.type === "linear" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 : e.type === "radial" && t.type === "radial" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 && Math.abs(e.coords.r1 - t.coords.r1) < 1e-4 && Math.abs(e.coords.r2 - t.coords.r2) < 1e-4 : !1;
   }
 }
-class Q {
+class K {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2476,11 +2513,11 @@ class Q {
   bringToFront(e, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? n.getObjects().forEach((o) => {
-      s.bringObjectToFront(o);
-    }) : s.bringObjectToFront(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-to-front", {
-      object: n,
+    const o = e || s.getActiveObject();
+    o && (o instanceof v ? o.getObjects().forEach((n) => {
+      s.bringObjectToFront(n);
+    }) : s.bringObjectToFront(o), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-to-front", {
+      object: o,
       withoutSave: t
     }));
   }
@@ -2494,9 +2531,9 @@ class Q {
   bringForward(e, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? Q._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
-      object: n,
+    const o = e || s.getActiveObject();
+    o && (o instanceof v ? K._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
+      object: o,
       withoutSave: t
     }));
   }
@@ -2511,11 +2548,11 @@ class Q {
     const {
       canvas: s,
       montageArea: a,
-      historyManager: n,
-      interactionBlocker: { overlayMask: o },
+      historyManager: o,
+      interactionBlocker: { overlayMask: n },
       backgroundManager: { backgroundObject: i }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const c = e || s.getActiveObject();
     if (c) {
       if (c instanceof v) {
@@ -2524,7 +2561,7 @@ class Q {
           s.sendObjectToBack(d[h]);
       } else
         s.sendObjectToBack(c);
-      i && s.sendObjectToBack(i), s.sendObjectToBack(a), o && s.sendObjectToBack(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-to-back", {
+      i && s.sendObjectToBack(i), s.sendObjectToBack(a), n && s.sendObjectToBack(n), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-to-back", {
         object: c,
         withoutSave: t
       });
@@ -2540,13 +2577,13 @@ class Q {
     const {
       canvas: s,
       montageArea: a,
-      historyManager: n,
-      interactionBlocker: { overlayMask: o },
+      historyManager: o,
+      interactionBlocker: { overlayMask: n },
       backgroundManager: { backgroundObject: i }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const c = e || s.getActiveObject();
-    c && (c instanceof v ? Q._moveSelectionBackwards(s, c) : s.sendObjectBackwards(c), i && s.sendObjectToBack(i), s.sendObjectToBack(a), o && s.sendObjectToBack(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-backwards", {
+    c && (c instanceof v ? K._moveSelectionBackwards(s, c) : s.sendObjectBackwards(c), i && s.sendObjectToBack(i), s.sendObjectToBack(a), n && s.sendObjectToBack(n), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-backwards", {
       object: c,
       withoutSave: t
     }));
@@ -2620,8 +2657,8 @@ class gt {
       left: t,
       top: s,
       width: a = 100,
-      height: n = 100,
-      fill: o = "blue"
+      height: o = 100,
+      fill: n = "blue"
     } = l, i = F(l, [
       "id",
       "left",
@@ -2630,13 +2667,13 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Ne(I({
+    const { canvas: g } = this.editor, u = new Oe(I({
       id: e,
       left: t,
       top: s,
       width: a,
-      height: n,
-      fill: o
+      height: o,
+      fill: n
     }, i));
     return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
@@ -2662,21 +2699,21 @@ class gt {
       left: t,
       top: s,
       radius: a = 50,
-      fill: n = "green"
-    } = h, o = F(h, [
+      fill: o = "green"
+    } = h, n = F(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, g = new Oe(I({
+    const { canvas: l } = this.editor, g = new Le(I({
       id: e,
       left: t,
       top: s,
-      fill: n,
+      fill: o,
       radius: a
-    }, o));
+    }, n));
     return !t && !s && l.centerObject(g), c || (l.add(g), i || l.setActiveObject(g), l.renderAll()), g;
   }
   /**
@@ -2702,8 +2739,8 @@ class gt {
       left: t,
       top: s,
       width: a = 100,
-      height: n = 100,
-      fill: o = "yellow"
+      height: o = 100,
+      fill: n = "yellow"
     } = l, i = F(l, [
       "id",
       "left",
@@ -2712,13 +2749,13 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Le(I({
+    const { canvas: g } = this.editor, u = new we(I({
       id: e,
       left: t,
       top: s,
-      fill: o,
+      fill: n,
       width: a,
-      height: n
+      height: o
     }, i));
     return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
@@ -2800,10 +2837,10 @@ class ut {
   _copyImageToClipboard(e, t) {
     return y(this, null, function* () {
       try {
-        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = a.slice(5).split(";")[0], o = a.split(",")[1], i = atob(o), c = new Uint8Array(i.length);
+        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = a.slice(5).split(";")[0], n = a.split(",")[1], i = atob(n), c = new Uint8Array(i.length);
         for (let l = 0; l < i.length; l += 1)
           c[l] = i.charCodeAt(l);
-        const d = new Blob([c.buffer], { type: n }), h = new ClipboardItem({ [n]: d });
+        const d = new Blob([c.buffer], { type: o }), h = new ClipboardItem({ [o]: d });
         return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -2822,7 +2859,7 @@ class ut {
   _copyTextToClipboard(e) {
     return y(this, null, function* () {
       try {
-        const t = `${be}${e}`;
+        const t = `${je}${e}`;
         return yield navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
       } catch (t) {
         const { errorManager: s } = this.editor;
@@ -2883,8 +2920,8 @@ class ut {
           evented: !0
         }), this._addClonedObjectToCanvas(a), t.fire("editor:object-duplicated", { object: a }), !0;
       } catch (a) {
-        const { errorManager: n } = this.editor;
-        return n.emitError({
+        const { errorManager: o } = this.editor;
+        return o.emitError({
           origin: "ClipboardManager",
           method: "copyPaste",
           code: "COPY_PASTE_FAILED",
@@ -2908,12 +2945,12 @@ class ut {
         return;
       }
       const s = e.getData("text/plain");
-      if (s && s.startsWith(be)) {
+      if (s && s.startsWith(je)) {
         this.paste();
         return;
       }
-      const { items: a } = e, n = a[a.length - 1], o = n.getAsFile();
-      if (n.type !== "text/html" && o) {
+      const { items: a } = e, o = a[a.length - 1], n = o.getAsFile();
+      if (o.type !== "text/html" && n) {
         const d = new FileReader();
         d.onload = (h) => {
           h.target && this._handleImageImport(h.target.result).catch((l) => {
@@ -2925,7 +2962,7 @@ class ut {
               data: l
             });
           });
-        }, d.readAsDataURL(o);
+        }, d.readAsDataURL(n);
         return;
       }
       const i = e.getData("text/html");
@@ -2976,7 +3013,7 @@ class ut {
     });
   }
 }
-class K {
+class $ {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2989,8 +3026,8 @@ class K {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
-    if (!o || o.locked) return;
+    const { canvas: a, historyManager: o } = this.editor, n = e || a.getActiveObject();
+    if (!n || n.locked) return;
     const i = {
       lockMovementX: !0,
       lockMovementY: !0,
@@ -3001,10 +3038,10 @@ class K {
       lockSkewingY: !0,
       locked: !0
     };
-    o.set(i), !t && K._isGroupOrSelection(o) && o.getObjects().forEach((d) => {
+    n.set(i), !t && $._isGroupOrSelection(n) && n.getObjects().forEach((d) => {
       d.set(i);
-    }), a.renderAll(), s || n.saveState(), a.fire("editor:object-locked", {
-      object: o,
+    }), a.renderAll(), s || o.saveState(), a.fire("editor:object-locked", {
+      object: n,
       skipInnerObjects: t,
       withoutSave: s
     });
@@ -3017,9 +3054,9 @@ class K {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor, n = e || s.getActiveObject();
-    if (!n) return;
-    const o = {
+    const { canvas: s, historyManager: a } = this.editor, o = e || s.getActiveObject();
+    if (!o) return;
+    const n = {
       lockMovementX: !1,
       lockMovementY: !1,
       lockRotation: !1,
@@ -3029,18 +3066,18 @@ class K {
       lockSkewingY: !1,
       locked: !1
     };
-    n.set(o), K._isGroupOrSelection(n) && n.getObjects().forEach((i) => {
-      i.set(o);
+    o.set(n), $._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
+      i.set(n);
     }), s.renderAll(), t || a.saveState(), s.fire("editor:object-unlocked", {
-      object: n,
+      object: o,
       withoutSave: t
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof v || e instanceof q;
+    return e instanceof v || e instanceof ee;
   }
 }
-class Mt {
+class ft {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3057,11 +3094,11 @@ class Mt {
   } = {}) {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
-    const n = e || s.getActiveObject();
-    if (!n || !(n instanceof v)) return;
-    const o = n.getObjects(), i = new q(o);
-    o.forEach((c) => s.remove(c)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
-      object: n,
+    const o = e || s.getActiveObject();
+    if (!o || !(o instanceof v)) return;
+    const n = o.getObjects(), i = new ee(n);
+    n.forEach((c) => s.remove(c)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
+      object: o,
       group: i,
       withoutSave: t
     });
@@ -3079,21 +3116,21 @@ class Mt {
   } = {}) {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
-    const n = e || s.getActiveObject();
-    if (!(n instanceof q)) return;
-    const o = n.removeAll();
-    s.remove(n), o.forEach((c) => s.add(c));
-    const i = new v(o, {
+    const o = e || s.getActiveObject();
+    if (!(o instanceof ee)) return;
+    const n = o.removeAll();
+    s.remove(o), n.forEach((c) => s.add(c));
+    const i = new v(n, {
       canvas: s
     });
     s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-ungrouped", {
-      object: n,
+      object: o,
       selection: i,
       withoutSave: t
     });
   }
 }
-class ft {
+class Mt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3104,8 +3141,8 @@ class ft {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const a = t.getObjects(), n = a.some((i) => i.locked), o = a.length > 1 ? new v(t.getObjects(), { canvas: e }) : a[0];
-    n && s.lockObject({ object: o, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(o), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: o });
+    const a = t.getObjects(), o = a.some((i) => i.locked), n = a.length > 1 ? new v(t.getObjects(), { canvas: e }) : a[0];
+    o && s.lockObject({ object: n, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(n), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: n });
   }
 }
 class mt {
@@ -3123,15 +3160,15 @@ class mt {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: a, groupingManager: n } = this.editor, o = (e || s.getActiveObjects()).filter((i) => !i.locked);
-    o != null && o.length && (a.suspendHistory(), o.forEach((i) => {
+    const { canvas: s, historyManager: a, groupingManager: o } = this.editor, n = (e || s.getActiveObjects()).filter((i) => !i.locked);
+    n != null && n.length && (a.suspendHistory(), n.forEach((i) => {
       if (i.type === "group" && i.format !== "svg") {
-        n.ungroup({ object: i, withoutSave: t }), this.deleteSelectedObjects();
+        o.ungroup({ object: i, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
       s.remove(i);
     }), s.discardActiveObject(), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-deleted", {
-      objects: o,
+      objects: n,
       withoutSave: t
     }));
   }
@@ -3235,7 +3272,7 @@ const bt = {
     INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class $ {
+class J {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3261,19 +3298,19 @@ class $ {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: n }) {
-    if (!$.isValidErrorCode(s)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: o }) {
+    if (!J.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const o = n || s;
-    console.error(`${e}. ${t}. ${s}. ${o}`, a);
+    const n = o || s;
+    console.error(`${e}. ${t}. ${s}. ${n}`, a);
     const i = {
       code: s,
       origin: e,
       method: t,
-      message: o,
+      message: n,
       data: a
     };
     this._buffer.push(I({
@@ -3290,19 +3327,19 @@ class $ {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: n }) {
-    if (!$.isValidErrorCode(s)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: o }) {
+    if (!J.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const o = a || s;
-    console.warn(`${e}. ${t}. ${s}. ${o}`, n);
+    const n = a || s;
+    console.warn(`${e}. ${t}. ${s}. ${n}`, o);
     const i = {
       code: s,
       origin: e,
       method: t,
-      message: o,
-      data: n
+      message: n,
+      data: o
     };
     this._buffer.push(I({
       type: "editor:warning"
@@ -3317,7 +3354,7 @@ class $ {
     return e ? Object.values(bt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class re {
+class ce {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -3338,14 +3375,14 @@ class re {
         editorContainerHeight: t,
         canvasWrapperWidth: s,
         canvasWrapperHeight: a,
-        canvasCSSWidth: n,
-        canvasCSSHeight: o,
+        canvasCSSWidth: o,
+        canvasCSSHeight: n,
         initialImage: i,
         initialStateJSON: c,
         scaleType: d,
         _onReadyCallback: h
       } = this.options;
-      if (Ve.apply(), this.canvas = new we(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new Ue(), this.errorManager = new $({ editor: this }), this.historyManager = new st({ editor: this }), this.toolbar = new tt({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new Q({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new x({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new K({ editor: this }), this.groupingManager = new Mt({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Y({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(o), i != null && i.source) {
+      if (Ge.apply(), this.canvas = new Te(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new ze(), this.errorManager = new J({ editor: this }), this.historyManager = new Q({ editor: this }), this.toolbar = new st({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new x({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new $({ editor: this }), this.groupingManager = new ft({ editor: this }), this.selectionManager = new Mt({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Y({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(n), i != null && i.source) {
         const {
           source: l,
           scale: g = `image-${d}`,
@@ -3368,7 +3405,7 @@ class re {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: re._createMosaicPattern(),
+      fill: ce._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3418,7 +3455,7 @@ class re {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Te({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new ke({
       source: e,
       repeat: "repeat"
     });
@@ -3518,10 +3555,10 @@ function St(r, e = {}) {
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   const a = document.createElement("canvas");
-  return a.id = `${r}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((n) => {
-    t._onReadyCallback = n;
-    const o = new re(a.id, t);
-    window[r] = o;
+  return a.id = `${r}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((o) => {
+    t._onReadyCallback = o;
+    const n = new ce(a.id, t);
+    window[r] = n;
   });
 }
 export {