@anu3ev/fabric-image-editor 0.1.71 → 0.1.72

package/dist/main.js

@@ -20,24 +20,24 @@ var P = (r, e) => {
   return t;
 };
 var j = (r, e, t) => new Promise((s, n) => {
-  var a = (d) => {
+  var i = (d) => {
     try {
       o(t.next(d));
     } catch (c) {
       n(c);
     }
-  }, i = (d) => {
+  }, a = (d) => {
     try {
       o(t.throw(d));
     } catch (c) {
       n(c);
     }
-  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(a, i);
+  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, a);
   o((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as y, util as H, controlsUtils as Ae, InteractiveFabricObject as Se, loadSVGFromURL as Ce, FabricImage as U, Point as F, Rect as De, Circle as Le, Triangle as Ne, Group as J, Canvas as Ee, Pattern as we } from "fabric";
-import { create as Oe } from "jsondiffpatch";
-import Te from "diff-match-patch";
+import { ActiveSelection as y, util as H, controlsUtils as Ae, InteractiveFabricObject as Se, loadSVGFromURL as Ce, FabricImage as U, Point as F, Rect as De, Circle as Ne, Triangle as Ee, Group as J, Canvas as Le, Pattern as we } from "fabric";
+import { create as Te } from "jsondiffpatch";
+import Oe from "diff-match-patch";
 var ke = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += ke[s[e] & 63];
@@ -72,14 +72,14 @@ class Z {
       canvasDragging: t,
       mouseWheelZooming: s,
       bringToFrontOnSelection: n,
-      copyObjectsByHotkey: a,
-      pasteImageFromClipboard: i,
+      copyObjectsByHotkey: i,
+      pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
       selectAllByHotkey: d,
       deleteObjectsByHotkey: c,
       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), n && (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 }), a && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && 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);
+    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), n && (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 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -90,7 +90,7 @@ class Z {
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
     const { lockedObjects: s, unlockedObjects: n } = e.reduce(
-      (i, o) => o.locked ? (i.lockedObjects.push(o), i) : (i.unlockedObjects.push(o), i),
+      (a, o) => o.locked ? (a.lockedObjects.push(o), a) : (a.unlockedObjects.push(o), a),
       { lockedObjects: [], unlockedObjects: [] }
     );
     if (s.length === 0) return;
@@ -98,22 +98,22 @@ class Z {
       if (n.length === 1)
         this.canvas.setActiveObject(n[0]);
       else {
-        const i = new y(n, {
+        const a = new y(n, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(i);
+        this.canvas.setActiveObject(a);
       }
       this.canvas.requestRenderAll();
       return;
     }
-    const a = new y(e, {
+    const i = new y(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
-      object: a,
+      object: i,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
+    }), this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -162,7 +162,7 @@ class Z {
    * @param event — объект события
    */
   handlePasteEvent(e) {
-    this.editor.clipboardManager.handlePasteEvent(e);
+    this._shouldIgnoreKeyboardEvent(e) || this.editor.clipboardManager.handlePasteEvent(e);
   }
   /**
    * Обработчик для отмены/повтора (Ctrl+Z/Ctrl+Y).
@@ -173,8 +173,8 @@ class Z {
    */
   handleUndoRedoEvent(e) {
     return j(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: n, repeat: a } = e;
-      this._shouldIgnoreKeyboardEvent(e) || !t && !s || a || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      const { ctrlKey: t, metaKey: s, code: n, repeat: i } = e;
+      this._shouldIgnoreKeyboardEvent(e) || !t && !s || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -213,11 +213,11 @@ class Z {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space" || this._shouldIgnoreKeyboardEvent(e)) return;
-    const { canvas: t, editor: s, isSpacePressed: n, isDragging: a } = this;
-    if (n || a) return;
+    const { canvas: t, editor: s, isSpacePressed: n, isDragging: i } = this;
+    if (n || i) return;
     this.isSpacePressed = !0, e.preventDefault();
-    const i = t.getActiveObject() || null;
-    i instanceof y ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), t.discardActiveObject(), t.set({
+    const a = t.getActiveObject() || null;
+    a instanceof y ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((o) => {
@@ -256,8 +256,8 @@ class Z {
       t.setActiveObject(e[0]);
       return;
     }
-    const n = e.filter((i) => s.canvasManager.getObjects().includes(i)), a = new y(n, { canvas: t });
-    t.setActiveObject(a);
+    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), i = new y(n, { canvas: t });
+    t.setActiveObject(i);
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -322,25 +322,30 @@ class Z {
    * @returns true если событие должно быть проигнорировано
    */
   _shouldIgnoreKeyboardEvent(e) {
-    const t = e.target;
-    if (!t) return !1;
-    const s = ["input", "textarea", "select"], n = t.tagName.toLowerCase();
-    if (s.includes(n) || t.contentEditable === "true") return !0;
-    const { keyboardIgnoreSelectors: a } = this.options;
-    if (a != null && a.length)
-      for (const i of a)
-        try {
-          if (t.matches && t.matches(i) || t.closest && t.closest(i))
-            return !0;
-        } catch (o) {
-          this.editor.errorManager.emitWarning({
-            origin: "Listeners",
-            method: "_shouldIgnoreKeyboardEvent",
-            code: "INVALID_SELECTOR",
-            message: `Invalid keyboard ignore selector: "${i}". Error: ${o.message}`,
-            data: o
-          });
-        }
+    const t = document.activeElement, s = e.target, n = ["input", "textarea", "select"];
+    if (s) {
+      const a = s.tagName.toLowerCase();
+      if (n.includes(a) || s.contentEditable === "true") return !0;
+    }
+    if (t && t !== s) {
+      const a = t.tagName.toLowerCase();
+      if (n.includes(a) || t.contentEditable === "true") return !0;
+    }
+    const i = window.getSelection();
+    if (i && !i.isCollapsed && i.rangeCount > 0) {
+      let d = i.getRangeAt(0).commonAncestorContainer;
+      d.nodeType === Node.TEXT_NODE && (d = d.parentElement);
+      const { keyboardIgnoreSelectors: c } = this.options;
+      if (c != null && c.length && d)
+        for (const h of c)
+          try {
+            const l = d;
+            if (l.matches && l.matches(h) || l.closest && l.closest(h))
+              return !0;
+          } catch (l) {
+            console.warn(`Error checking selection container with selector "${h}":`, l);
+          }
+    }
     return !1;
   }
   /**
@@ -409,12 +414,12 @@ class _e {
    * @returns
    */
   _handleMessage({ data: e }) {
-    const { requestId: t, success: s, data: n, error: a } = e, i = this._callbacks.get(t);
-    if (!i) {
+    const { requestId: t, success: s, data: n, error: i } = e, a = this._callbacks.get(t);
+    if (!a) {
       console.warn(`No callback found for requestId: ${t}`);
       return;
     }
-    s ? i.resolve(n) : i.reject(new Error(a)), this._callbacks.delete(t);
+    s ? a.resolve(n) : a.reject(new Error(i)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -425,8 +430,8 @@ class _e {
    */
   post(e, t, s = []) {
     const n = `${e}:${D(8)}`;
-    return new Promise((a, i) => {
-      this._callbacks.set(n, { resolve: a, reject: i }), this.worker.postMessage({ action: e, payload: t, requestId: n }, s);
+    return new Promise((i, a) => {
+      this._callbacks.set(n, { resolve: i, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: n }, s);
     });
   }
   /**
@@ -436,52 +441,52 @@ class _e {
     this.worker.terminate();
   }
 }
-const N = 12, Re = 2, K = 8, q = 20, Ue = 100, ee = 20, te = 8, ze = 100, V = 32, se = 1, Ze = "#2B2D33", ne = "#3D8BF4", ae = "#FFFFFF";
+const E = 12, Re = 2, K = 8, q = 20, Ue = 100, ee = 20, te = 8, ze = 100, V = 32, se = 1, Ze = "#2B2D33", ne = "#3D8BF4", ie = "#FFFFFF";
 function W(r, e, t, s, n) {
-  const a = N, i = Re;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -a / 2, a, a, i), r.fill(), r.stroke(), r.restore();
+  const i = E, a = Re;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ie, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-i / 2, -i / 2, i, i, a), r.fill(), r.stroke(), r.restore();
 }
 function ue(r, e, t, s, n) {
-  const a = K, i = q, o = Ue;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -i / 2, a, i, o), r.fill(), r.stroke(), r.restore();
+  const i = K, a = q, o = Ue;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ie, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-i / 2, -a / 2, i, a, o), r.fill(), r.stroke(), r.restore();
 }
 function Me(r, e, t, s, n) {
-  const a = ee, i = te, o = ze;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -i / 2, a, i, o), r.fill(), r.stroke(), r.restore();
+  const i = ee, a = te, o = ze;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ie, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-i / 2, -a / 2, i, a, o), r.fill(), r.stroke(), r.restore();
 }
 const He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", je = new Image();
 je.src = He;
 function Ye(r, e, t, s, n) {
-  const i = V / 2;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = Ze, r.beginPath(), r.arc(0, 0, i, 0, 2 * Math.PI), r.fill(), r.drawImage(je, -i / 2, -i / 2, i, i), r.restore();
+  const a = V / 2;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = Ze, r.beginPath(), r.arc(0, 0, a, 0, 2 * Math.PI), r.fill(), r.drawImage(je, -a / 2, -a / 2, a, a), r.restore();
 }
 const Pe = {
   // Угловые точки
   tl: {
     render: W,
-    sizeX: N,
-    sizeY: N,
+    sizeX: E,
+    sizeY: E,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: W,
-    sizeX: N,
-    sizeY: N,
+    sizeX: E,
+    sizeY: E,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: W,
-    sizeX: N,
-    sizeY: N,
+    sizeX: E,
+    sizeY: E,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: W,
-    sizeX: N,
-    sizeY: N,
+    sizeX: E,
+    sizeY: E,
     offsetX: 0,
     offsetY: 0
   },
@@ -534,9 +539,9 @@ class We {
         sizeY: s.sizeY,
         offsetX: s.offsetX,
         offsetY: s.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (a, i, o, d) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, a, o, d) => {
         var h;
-        (h = i.target.canvas) == null || h.setCursor("grabbing");
+        (h = a.target.canvas) == null || h.setCursor("grabbing");
       });
     }), Se.ownDefaults.controls = e;
   }
@@ -682,8 +687,8 @@ class qe {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: n } = t, { icons: a = {}, btnStyle: i, handlers: o = {} } = this.config, d = document.createElement("button");
-      d.innerHTML = a[n] ? `<img src="${a[n]}" title="${s}" />` : s, Object.assign(d.style, i), d.onclick = () => {
+      const { name: s, handle: n } = t, { icons: i = {}, btnStyle: a, handlers: o = {} } = this.config, d = document.createElement("button");
+      d.innerHTML = i[n] ? `<img src="${i[n]}" title="${s}" />` : s, Object.assign(d.style, a), d.onclick = () => {
         var c;
         return (c = o[n]) == null ? void 0 : c.call(o, this.editor);
       }, d.onmousedown = (c) => {
@@ -746,7 +751,7 @@ class qe {
     }
     const { el: t, config: s, canvas: n } = this;
     e.setCoords();
-    const a = n.getZoom(), [, , , , i, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: c, height: h } = e.getBoundingRect(), g = d * a + i - t.offsetWidth / 2, M = s.offsetTop || 0, f = (c + h) * a + o + M;
+    const i = n.getZoom(), [, , , , a, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: c, height: h } = e.getBoundingRect(), g = d * i + a - t.offsetWidth / 2, M = s.offsetTop || 0, f = (c + h) * i + o + M;
     Object.assign(t.style, {
       left: `${g}px`,
       top: `${f}px`,
@@ -772,7 +777,7 @@ class et {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Oe({
+    this.diffPatcher = Te({
       objectHash(e) {
         const t = e;
         return [
@@ -796,7 +801,7 @@ class et {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Te,
+        diffMatchPatch: Oe,
         minLength: 60
       }
     });
@@ -827,8 +832,8 @@ class et {
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
     let n = JSON.parse(JSON.stringify(e));
-    for (let a = 0; a < t; a += 1)
-      n = this.diffPatcher.patch(n, s[a].diff);
+    for (let i = 0; i < t; i += 1)
+      n = this.diffPatcher.patch(n, s[i].diff);
     return console.log("getFullState state", n), n;
   }
   /**
@@ -873,10 +878,10 @@ class et {
     return j(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: a, height: i } = t;
+      const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: i, height: a } = t;
       yield t.loadFromJSON(e);
       const o = t.getObjects().find((c) => c.id === "montage-area");
-      o && (this.editor.montageArea = o, (a !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
+      o && (this.editor.montageArea = o, (i !== t.getWidth() || a !== t.getHeight()) && s.updateCanvas());
       const d = t.getObjects().find((c) => c.id === "overlay-mask");
       d && (n.overlayMask = d, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
@@ -963,8 +968,8 @@ class et {
     });
   }
 }
-const tt = 0.1, st = 2, nt = 0.1, at = 90, _ = 16, R = 16, O = 4096, T = 4096, me = "application/image-editor:";
-class E {
+const tt = 0.1, st = 2, nt = 0.1, it = 90, _ = 16, R = 16, T = 4096, O = 4096, me = "application/image-editor:";
+class L {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -986,10 +991,10 @@ class E {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
         withoutSave: n = !1,
-        fromClipboard: a = !1
+        fromClipboard: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: i, montageArea: o, transformManager: d, historyManager: c, errorManager: h } = this.editor, l = yield this.getContentType(t), g = E.getFormatFromContentType(l), { acceptContentTypes: M, acceptFormats: f } = this;
+      const { canvas: a, montageArea: o, transformManager: d, historyManager: c, errorManager: h } = this.editor, l = yield this.getContentType(t), g = L.getFormatFromContentType(l), { acceptContentTypes: M, acceptFormats: f } = this;
       if (!this.isAllowedContentType(l)) {
         const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return h.emitError({
@@ -997,7 +1002,7 @@ class E {
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
           message: m,
-          data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: a }
+          data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: i }
         }), null;
       }
       c.suspendHistory();
@@ -1014,7 +1019,7 @@ class E {
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-            data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: a }
+            data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: i }
           }), null;
         if (this._createdBlobUrls.push(m), g === "svg") {
           const v = yield Ce(m);
@@ -1025,7 +1030,7 @@ class E {
         if (u instanceof U) {
           const v = u.getElement();
           let C = "";
-          if (v instanceof HTMLImageElement ? C = v.src : v instanceof HTMLCanvasElement && (C = v.toDataURL()), A > T || b > O) {
+          if (v instanceof HTMLImageElement ? C = v.src : v instanceof HTMLCanvasElement && (C = v.toDataURL()), A > O || b > T) {
             const w = yield this.resizeImageToBoundaries(C, "max"), k = URL.createObjectURL(w);
             this._createdBlobUrls.push(k), u = yield U.fromURL(k, { crossOrigin: "anonymous" });
           } else if (A < R || b < _) {
@@ -1039,7 +1044,7 @@ class E {
           const { width: v, height: C } = o, w = this.calculateScaleFactor({ imageObject: u, scaleType: s });
           s === "image-contain" && w < 1 ? d.fitObject({ object: u, type: "contain", withoutSave: !0 }) : s === "image-cover" && (b > v || A > C) && d.fitObject({ object: u, type: "cover", withoutSave: !0 });
         }
-        i.add(u), i.centerObject(u), i.setActiveObject(u), i.renderAll(), c.resumeHistory(), n || c.saveState();
+        a.add(u), a.centerObject(u), a.setActiveObject(u), a.renderAll(), c.resumeHistory(), n || c.saveState();
         const S = {
           image: u,
           format: g,
@@ -1047,16 +1052,16 @@ class E {
           scale: s,
           withoutSave: n,
           source: t,
-          fromClipboard: a
+          fromClipboard: i
         };
-        return i.fire("editor:image-imported", S), S;
+        return a.fire("editor:image-imported", S), S;
       } catch (m) {
         return h.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
           message: `Ошибка импорта изображения: ${m.message}`,
-          data: { source: t, format: g, contentType: l, scale: s, withoutSave: n, fromClipboard: a }
+          data: { source: t, format: g, contentType: l, scale: s, withoutSave: n, fromClipboard: i }
         }), c.resumeHistory(), null;
       }
     });
@@ -1071,13 +1076,13 @@ class E {
    */
   resizeImageToBoundaries(e, t = "max") {
     return j(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${T}x${O}`;
       t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${_}x${R}`);
       const n = {
         dataURL: e,
         sizeType: t,
-        maxWidth: O,
-        maxHeight: T,
+        maxWidth: T,
+        maxHeight: O,
         minWidth: _,
         minHeight: R
       };
@@ -1107,12 +1112,12 @@ class E {
         fileName: t = "image.png",
         contentType: s = "image/png",
         exportAsBase64: n = !1,
-        exportAsBlob: a = !1
-      } = e, { canvas: i, montageArea: o, workerManager: d } = this.editor;
+        exportAsBlob: i = !1
+      } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
-        const c = s === "application/pdf", h = c ? "image/jpg" : s, l = E.getFormatFromContentType(h);
+        const c = s === "application/pdf", h = c ? "image/jpg" : s, l = L.getFormatFromContentType(h);
         o.setCoords();
-        const { left: g, top: M, width: f, height: m } = o.getBoundingRect(), u = yield i.clone(["id", "format", "locked"]);
+        const { left: g, top: M, width: f, height: m } = o.getBoundingRect(), u = yield a.clone(["id", "format", "locked"]);
         u.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (u.backgroundColor = "#ffffff");
         const b = u.getObjects().find((I) => I.id === o.id);
         b && (b.visible = !1), u.viewportTransform = [1, 0, 0, 1, -g, -M], u.setDimensions({ width: f, height: m }, { backstoreOnly: !0 }), u.renderAll();
@@ -1120,31 +1125,31 @@ class E {
         if (l === "svg" && A) {
           const I = u.toSVG();
           u.dispose();
-          const L = {
-            image: E._exportSVGStringAsFile(I, {
+          const N = {
+            image: L._exportSVGStringAsFile(I, {
               exportAsBase64: n,
-              exportAsBlob: a,
+              exportAsBlob: i,
               fileName: t
             }),
             format: "svg",
             contentType: "image/svg+xml",
             fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", L), L;
+          return a.fire("editor:canvas-exported", N), N;
         }
         const S = yield new Promise((I, x) => {
-          u.getElement().toBlob((L) => {
-            L ? I(L) : x(new Error("Failed to create Blob from canvas"));
+          u.getElement().toBlob((N) => {
+            N ? I(N) : x(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (u.dispose(), a) {
+        if (u.dispose(), i) {
           const I = {
             image: S,
             format: l,
             contentType: h,
             fileName: t
           };
-          return i.fire("editor:canvas-exported", I), I;
+          return a.fire("editor:canvas-exported", I), I;
         }
         const v = yield createImageBitmap(S), C = yield d.post(
           "toDataURL",
@@ -1152,19 +1157,19 @@ class E {
           [v]
         );
         if (c) {
-          const x = f * 0.264583, L = m * 0.264583, be = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, $ = new be({
-            orientation: x > L ? "landscape" : "portrait",
+          const x = f * 0.264583, N = m * 0.264583, be = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, $ = new be({
+            orientation: x > N ? "landscape" : "portrait",
             unit: "mm",
-            format: [x, L]
+            format: [x, N]
           });
-          if ($.addImage(String(C), "JPG", 0, 0, x, L), n) {
+          if ($.addImage(String(C), "JPG", 0, 0, x, N), n) {
             const ce = {
               image: $.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return i.fire("editor:canvas-exported", ce), ce;
+            return a.fire("editor:canvas-exported", ce), ce;
           }
           const pe = $.output("blob"), re = {
             image: new File([pe], t, { type: "application/pdf" }),
@@ -1172,7 +1177,7 @@ class E {
             contentType: "application/pdf",
             fileName: t
           };
-          return i.fire("editor:canvas-exported", re), re;
+          return a.fire("editor:canvas-exported", re), re;
         }
         if (n) {
           const I = {
@@ -1181,7 +1186,7 @@ class E {
             contentType: h,
             fileName: t
           };
-          return i.fire("editor:canvas-exported", I), I;
+          return a.fire("editor:canvas-exported", I), I;
         }
         const w = l === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, oe = {
           image: new File([S], w, { type: h }),
@@ -1189,14 +1194,14 @@ class E {
           contentType: h,
           fileName: w
         };
-        return i.fire("editor:canvas-exported", oe), oe;
+        return a.fire("editor:canvas-exported", oe), oe;
       } catch (c) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта изображения: ${c.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: a }
+          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: i }
         }), null;
       }
     });
@@ -1218,8 +1223,8 @@ class E {
         object: t,
         fileName: s = "image.png",
         contentType: n = "image/png",
-        exportAsBase64: a = !1,
-        exportAsBlob: i = !1
+        exportAsBase64: i = !1,
+        exportAsBlob: a = !1
       } = e, { canvas: o, workerManager: d } = this.editor, c = t || o.getActiveObject();
       if (!c)
         return this.editor.errorManager.emitError({
@@ -1227,14 +1232,14 @@ class E {
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: n, fileName: s, exportAsBase64: a, exportAsBlob: i }
+          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
         }), null;
       try {
-        const h = E.getFormatFromContentType(n);
+        const h = L.getFormatFromContentType(n);
         if (h === "svg") {
-          const m = c.toSVG(), u = E._exportSVGStringAsFile(m, {
-            exportAsBase64: a,
-            exportAsBlob: i,
+          const m = c.toSVG(), u = L._exportSVGStringAsFile(m, {
+            exportAsBase64: i,
+            exportAsBlob: a,
             fileName: s
           }), b = {
             object: c,
@@ -1245,7 +1250,7 @@ class E {
           };
           return o.fire("editor:object-exported", b), b;
         }
-        if (a && c instanceof U) {
+        if (i && c instanceof U) {
           const m = yield createImageBitmap(c.getElement()), u = yield d.post(
             "toDataURL",
             {
@@ -1270,7 +1275,7 @@ class E {
             b ? m(b) : u(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (i) {
+        if (a) {
           const m = {
             object: c,
             image: g,
@@ -1294,7 +1299,7 @@ class E {
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${h.message}`,
-          data: { contentType: n, fileName: s, exportAsBase64: a, exportAsBlob: i }
+          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
         }), null;
       }
     });
@@ -1310,7 +1315,7 @@ class E {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => E.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => L.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1361,11 +1366,11 @@ class E {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), a = {};
-      return this.acceptContentTypes.forEach((i) => {
-        const o = E.getFormatFromContentType(i);
-        o && (a[o] = i);
-      }), n && a[n] || "application/octet-stream";
+      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), i = {};
+      return this.acceptContentTypes.forEach((a) => {
+        const o = L.getFormatFromContentType(a);
+        o && (i[o] = a);
+      }), n && i[n] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1383,8 +1388,8 @@ class E {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const n = s.width, a = s.height, { width: i, height: o } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(n / i, a / o) : t === "cover" || t === "image-cover" ? Math.max(n / i, a / o) : 1;
+    const n = s.width, i = s.height, { width: a, height: o } = e;
+    return t === "contain" || t === "image-contain" ? Math.min(n / a, i / o) : t === "cover" || t === "image-cover" ? Math.max(n / a, i / o) : 1;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1416,7 +1421,7 @@ class E {
     return t ? t[1] : "";
   }
 }
-const B = (r, e, t) => Math.max(Math.min(r, t), e), fe = (r, e) => r * e, it = (r, e) => new F(r / 2, e / 2);
+const B = (r, e, t) => Math.max(Math.min(r, t), e), fe = (r, e) => r * e, at = (r, e) => new F(r / 2, e / 2);
 function ot(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";
 }
@@ -1448,17 +1453,17 @@ class rt {
     var f;
     if (!e) return;
     const {
-      canvas: a,
-      montageArea: i,
+      canvas: i,
+      montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: d, height: c } = i, h = B(Number(e), _, O);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(h), i.set({ width: h }), (f = a.clipPath) == null || f.set({ width: h }), t) {
+    } = this.editor, { width: d, height: c } = a, h = B(Number(e), _, T);
+    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(h), a.set({ width: h }), (f = i.clipPath) == null || f.set({ width: h }), t) {
       const m = h / d, u = fe(c, m);
       this.setResolutionHeight(u);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(i), M = a.getZoom();
-    a.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), a.fire("editor:resolution-width-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(a), M = i.getZoom();
+    i.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
       width: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1478,17 +1483,17 @@ class rt {
     var f;
     if (!e) return;
     const {
-      canvas: a,
-      montageArea: i,
+      canvas: i,
+      montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: d, height: c } = i, h = B(Number(e), R, T);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(h), i.set({ height: h }), (f = a.clipPath) == null || f.set({ height: h }), t) {
+    } = this.editor, { width: d, height: c } = a, h = B(Number(e), R, O);
+    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(h), a.set({ height: h }), (f = i.clipPath) == null || f.set({ height: h }), t) {
       const m = h / c, u = fe(d, m);
       this.setResolutionWidth(u);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(i), M = a.getZoom();
-    a.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), a.fire("editor:resolution-height-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(a), M = i.getZoom();
+    i.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
       height: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1501,7 +1506,7 @@ class rt {
    */
   centerMontageArea() {
     var d;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), a = e.getZoom(), i = it(s, n);
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), i = e.getZoom(), a = at(s, n);
     t.set({
       left: s / 2,
       top: n / 2
@@ -1510,7 +1515,7 @@ class rt {
       top: n / 2
     }), e.renderAll();
     const o = e.viewportTransform;
-    o[4] = s / 2 - i.x * a, o[5] = n / 2 - i.y * a, e.setViewportTransform(o), e.renderAll();
+    o[4] = s / 2 - a.x * i, o[5] = n / 2 - a.y * i, e.setViewportTransform(o), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1526,7 +1531,7 @@ class rt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: n, height: a } = s, i = t.getZoom(), o = (n - n * i) / 2, d = (a - a * i) / 2;
+    const { width: n, height: i } = s, a = t.getZoom(), o = (n - n * a) / 2, d = (i - i * a) / 2;
     return { left: o, top: d };
   }
   /**
@@ -1534,7 +1539,7 @@ class rt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = B(e, _, O);
+    const t = B(e, _, T);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1543,7 +1548,7 @@ class rt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = B(e, R, T);
+    const t = B(e, R, O);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1552,8 +1557,8 @@ class rt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, n = t.clientHeight, a = B(s, _, O), i = B(n, R, T);
-    e.setDimensions({ width: a, height: i }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, n = t.clientHeight, i = B(s, _, T), a = B(n, R, O);
+    e.setDimensions({ width: i, height: a }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1568,9 +1573,9 @@ class rt {
         width: s,
         height: n
       }
-    } = this.editor, a = t.left, i = t.top;
+    } = this.editor, i = t.left, a = t.top;
     this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const o = t.left - a, d = t.top - i;
+    const o = t.left - i, d = t.top - a;
     if (o !== 0 || d !== 0) {
       const c = e.getActiveObject(), h = [];
       if ((c == null ? void 0 : c.type) === "activeselection") {
@@ -1704,32 +1709,32 @@ class rt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: n } = this.editor, a = [];
+    const { canvas: n } = this.editor, i = [];
     switch (e) {
       case "canvas":
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        i.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        a.push(n.wrapperEl);
+        i.push(n.wrapperEl);
         break;
       case "container":
-        a.push(this.getEditorContainer());
+        i.push(this.getEditorContainer());
         break;
       default:
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        i.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
-    const i = t === "width" ? "width" : "height";
+    const a = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      a.forEach((d) => {
-        d.style[i] = s;
+      i.forEach((d) => {
+        d.style[a] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const o = `${s}px`;
-    a.forEach((d) => {
-      d.style[i] = o;
-    }), n.fire(`editor:display-${e}-${i}-changed`, {
+    i.forEach((d) => {
+      d.style[a] = o;
+    }), n.fire(`editor:display-${e}-${a}-changed`, {
       element: e,
       value: s
     });
@@ -1745,8 +1750,8 @@ class rt {
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
       canvas: n,
-      montageArea: a,
-      transformManager: i,
+      montageArea: i,
+      transformManager: a,
       options: {
         montageAreaWidth: o,
         montageAreaHeight: d
@@ -1754,15 +1759,15 @@ class rt {
     } = this.editor, c = e || n.getActiveObject();
     if (!ot(c)) return;
     const { width: h, height: l } = c;
-    let g = Math.min(h, O), M = Math.min(l, T);
+    let g = Math.min(h, T), M = Math.min(l, O);
     if (t) {
       const {
         width: f,
         height: m
-      } = a, u = h / f, b = l / m, A = Math.max(u, b);
+      } = i, u = h / f, b = l / m, A = Math.max(u, b);
       g = f * A, M = m * A;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(M, { withoutSave: !0 }), (h > o || l > d) && i.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(M, { withoutSave: !0 }), (h > o || l > d) && a.calculateAndApplyDefaultZoom(), a.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: c,
       width: g,
       height: M,
@@ -1790,11 +1795,11 @@ class rt {
       transformManager: s,
       historyManager: n,
       options: {
-        montageAreaWidth: a,
-        montageAreaHeight: i
+        montageAreaWidth: i,
+        montageAreaHeight: a
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(a, { withoutSave: !0 }), this.setResolutionHeight(i, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
+    s.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(a, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1802,7 +1807,7 @@ class rt {
    */
   getObjects() {
     const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: s } } = this.editor;
-    return e.getObjects().filter((a) => a.id !== t.id && a.id !== (s == null ? void 0 : s.id));
+    return e.getObjects().filter((i) => i.id !== t.id && i.id !== (s == null ? void 0 : s.id));
   }
 }
 class ct {
@@ -1817,7 +1822,7 @@ class ct {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, a = s.clientHeight, { width: i, height: o } = this.editor.montageArea, d = n / i * e, c = a / o * e;
+    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, i = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = n / a * e, c = i / o * e;
     this.defaultZoom = Math.min(d, c), this.setZoom();
   }
   /**
@@ -1832,10 +1837,10 @@ class ct {
   zoom(e = nt, t = {}) {
     var g, M;
     if (!e) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: a } = this.editor, i = a.getZoom(), o = a.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (M = t.pointY) != null ? M : o.y, h = new F(d, c);
-    let l = Number((i + Number(e)).toFixed(2));
-    l > n && (l = n), l < s && (l = s), a.zoomToPoint(h, l), a.fire("editor:zoom-changed", {
-      currentZoom: a.getZoom(),
+    const { minZoom: s, maxZoom: n } = this, { canvas: i } = this.editor, a = i.getZoom(), o = i.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (M = t.pointY) != null ? M : o.y, h = new F(d, c);
+    let l = Number((a + Number(e)).toFixed(2));
+    l > n && (l = n), l < s && (l = s), i.zoomToPoint(h, l), i.fire("editor:zoom-changed", {
+      currentZoom: i.getZoom(),
       zoom: l,
       point: h
     });
@@ -1846,12 +1851,12 @@ class ct {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, a = new F(n.getCenterPoint());
-    let i = e;
-    e > s && (i = s), e < t && (i = t), n.zoomToPoint(a, i), n.fire("editor:zoom-changed", {
+    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, i = new F(n.getCenterPoint());
+    let a = e;
+    e > s && (a = s), e < t && (a = t), n.zoomToPoint(i, a), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
-      zoom: i,
-      point: a
+      zoom: a,
+      point: i
     });
   }
   /**
@@ -1872,14 +1877,14 @@ class ct {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = at, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, a = s.getActiveObject();
-    if (!a) return;
-    const i = a.angle + e;
-    a.rotate(i), a.setCoords(), s.renderAll(), t || n.saveState(), s.fire("editor:object-rotated", {
-      object: a,
+  rotate(e = it, { withoutSave: t } = {}) {
+    const { canvas: s, historyManager: n } = this.editor, i = s.getActiveObject();
+    if (!i) return;
+    const a = i.angle + e;
+    i.rotate(a), i.setCoords(), s.renderAll(), t || n.saveState(), s.fire("editor:object-rotated", {
+      object: i,
       withoutSave: t,
-      angle: i
+      angle: a
     });
   }
   /**
@@ -1921,11 +1926,11 @@ class ct {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: n, historyManager: a } = this.editor, i = e || n.getActiveObject();
-    i && (i instanceof y ? i.getObjects().forEach((o) => {
+    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
+    a && (a instanceof y ? a.getObjects().forEach((o) => {
       o.set("opacity", t);
-    }) : i.set("opacity", t), n.renderAll(), s || a.saveState(), n.fire("editor:object-opacity-changed", {
-      object: i,
+    }) : a.set("opacity", t), n.renderAll(), s || i.saveState(), n.fire("editor:object-opacity-changed", {
+      object: a,
       opacity: t,
       withoutSave: s
     }));
@@ -1947,18 +1952,18 @@ class ct {
     withoutSave: s,
     fitAsOneObject: n
   } = {}) {
-    const { canvas: a, historyManager: i } = this.editor, o = e || a.getActiveObject();
+    const { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject();
     if (o) {
       if (o instanceof y && !n) {
         const d = o.getObjects();
-        a.discardActiveObject(), d.forEach((h) => {
+        i.discardActiveObject(), d.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const c = new y(d, { canvas: a });
-        a.setActiveObject(c);
+        const c = new y(d, { canvas: i });
+        i.setActiveObject(c);
       } else
         this._fitSingleObject(o, t);
-      a.renderAll(), s || i.saveState(), a.fire("editor:object-fitted", {
+      i.renderAll(), s || a.saveState(), i.fire("editor:object-fitted", {
         object: o,
         type: t,
         withoutSave: s,
@@ -1973,7 +1978,7 @@ class ct {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: n } = this.editor, { width: a, height: i, scaleX: o = 1, scaleY: d = 1, angle: c = 0 } = e, h = a * Math.abs(o), l = i * Math.abs(d), g = c * Math.PI / 180, M = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), m = h * M + l * f, u = h * f + l * M, b = n.width, A = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: i, height: a, scaleX: o = 1, scaleY: d = 1, angle: c = 0 } = e, h = i * Math.abs(o), l = a * Math.abs(d), g = c * Math.PI / 180, M = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), m = h * M + l * f, u = h * f + l * M, b = n.width, A = n.height;
     let S;
     t === "contain" ? S = Math.min(b / m, A / u) : S = Math.max(b / m, A / u), e.set({
       scaleX: o * S,
@@ -1999,8 +2004,8 @@ class ct {
   resetObject({ object: e, alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
       canvas: n,
-      montageArea: a,
-      imageManager: i,
+      montageArea: i,
+      imageManager: a,
       historyManager: o,
       options: { scaleType: d }
     } = this.editor, c = e || n.getActiveObject();
@@ -2014,7 +2019,7 @@ class ct {
     }), t)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: g } = a, { width: M, height: f } = c, m = i.calculateScaleFactor({
+      const { width: l, height: g } = i, { width: M, height: f } = c, m = a.calculateScaleFactor({
         imageObject: c,
         scaleType: d
       });
@@ -2057,8 +2062,8 @@ class dt {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: n, top: a, width: i, height: o } = t.getBoundingRect();
-    this.overlayMask.set({ left: n, top: a, width: i, height: o }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    const { left: n, top: i, width: a, height: o } = t.getBoundingRect();
+    this.overlayMask.set({ left: n, top: i, width: a, height: o }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
   }
   /**
    * Выключает редактор:
@@ -2098,11 +2103,11 @@ class G {
   bringToFront(e, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
-    const a = e || s.getActiveObject();
-    a && (a instanceof y ? a.getObjects().forEach((i) => {
-      s.bringObjectToFront(i);
-    }) : s.bringObjectToFront(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
-      object: a,
+    const i = e || s.getActiveObject();
+    i && (i instanceof y ? i.getObjects().forEach((a) => {
+      s.bringObjectToFront(a);
+    }) : s.bringObjectToFront(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2116,9 +2121,9 @@ class G {
   bringForward(e, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
-    const a = e || s.getActiveObject();
-    a && (a instanceof y ? G._moveSelectionForward(s, a) : s.bringObjectForward(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
-      object: a,
+    const i = e || s.getActiveObject();
+    i && (i instanceof y ? G._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2133,10 +2138,10 @@ class G {
     const {
       canvas: s,
       montageArea: n,
-      historyManager: a,
-      interactionBlocker: { overlayMask: i }
+      historyManager: i,
+      interactionBlocker: { overlayMask: a }
     } = this.editor;
-    a.suspendHistory();
+    i.suspendHistory();
     const o = e || s.getActiveObject();
     if (o) {
       if (o instanceof y) {
@@ -2145,7 +2150,7 @@ class G {
           s.sendObjectToBack(d[c]);
       } else
         s.sendObjectToBack(o);
-      s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-send-to-back", {
+      s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-to-back", {
         object: o,
         withoutSave: t
       });
@@ -2161,12 +2166,12 @@ class G {
     const {
       canvas: s,
       montageArea: n,
-      historyManager: a,
-      interactionBlocker: { overlayMask: i }
+      historyManager: i,
+      interactionBlocker: { overlayMask: a }
     } = this.editor;
-    a.suspendHistory();
+    i.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof y ? G._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-send-backwards", {
+    o && (o instanceof y ? G._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
       object: o,
       withoutSave: t
     }));
@@ -2240,8 +2245,8 @@ class lt {
       left: t,
       top: s,
       width: n = 100,
-      height: a = 100,
-      fill: i = "blue"
+      height: i = 100,
+      fill: a = "blue"
     } = l, o = P(l, [
       "id",
       "left",
@@ -2255,8 +2260,8 @@ class lt {
       left: t,
       top: s,
       width: n,
-      height: a,
-      fill: i
+      height: i,
+      fill: a
     }, o));
     return !t && !s && g.centerObject(M), c || (g.add(M), d || g.setActiveObject(M), g.renderAll()), M;
   }
@@ -2282,21 +2287,21 @@ class lt {
       left: t,
       top: s,
       radius: n = 50,
-      fill: a = "green"
-    } = h, i = P(h, [
+      fill: i = "green"
+    } = h, a = P(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, g = new Le(p({
+    const { canvas: l } = this.editor, g = new Ne(p({
       id: e,
       left: t,
       top: s,
-      fill: a,
+      fill: i,
       radius: n
-    }, i));
+    }, a));
     return !t && !s && l.centerObject(g), d || (l.add(g), o || l.setActiveObject(g), l.renderAll()), g;
   }
   /**
@@ -2322,8 +2327,8 @@ class lt {
       left: t,
       top: s,
       width: n = 100,
-      height: a = 100,
-      fill: i = "yellow"
+      height: i = 100,
+      fill: a = "yellow"
     } = l, o = P(l, [
       "id",
       "left",
@@ -2332,13 +2337,13 @@ class lt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, M = new Ne(p({
+    const { canvas: g } = this.editor, M = new Ee(p({
       id: e,
       left: t,
       top: s,
-      fill: i,
+      fill: a,
       width: n,
-      height: a
+      height: i
     }, o));
     return !t && !s && g.centerObject(M), c || (g.add(M), d || g.setActiveObject(M), g.renderAll()), M;
   }
@@ -2420,10 +2425,10 @@ class ht {
   _copyImageToClipboard(e, t) {
     return j(this, null, function* () {
       try {
-        const n = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), a = n.slice(5).split(";")[0], i = n.split(",")[1], o = atob(i), d = new Uint8Array(o.length);
+        const n = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), i = n.slice(5).split(";")[0], a = n.split(",")[1], o = atob(a), d = new Uint8Array(o.length);
         for (let l = 0; l < o.length; l += 1)
           d[l] = o.charCodeAt(l);
-        const c = new Blob([d.buffer], { type: a }), h = new ClipboardItem({ [a]: c });
+        const c = new Blob([d.buffer], { type: i }), h = new ClipboardItem({ [i]: c });
         return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -2503,8 +2508,8 @@ class ht {
           evented: !0
         }), this._addClonedObjectToCanvas(n), t.fire("editor:object-duplicated", { object: n }), !0;
       } catch (n) {
-        const { errorManager: a } = this.editor;
-        return a.emitError({
+        const { errorManager: i } = this.editor;
+        return i.emitError({
           origin: "ClipboardManager",
           method: "copyPaste",
           code: "COPY_PASTE_FAILED",
@@ -2532,8 +2537,8 @@ class ht {
         this.paste();
         return;
       }
-      const { items: n } = e, a = n[n.length - 1], i = a.getAsFile();
-      if (a.type !== "text/html" && i) {
+      const { items: n } = e, i = n[n.length - 1], a = i.getAsFile();
+      if (i.type !== "text/html" && a) {
         const c = new FileReader();
         c.onload = (h) => {
           h.target && this._handleImageImport(h.target.result).catch((l) => {
@@ -2545,7 +2550,7 @@ class ht {
               data: l
             });
           });
-        }, c.readAsDataURL(i);
+        }, c.readAsDataURL(a);
         return;
       }
       const o = e.getData("text/html");
@@ -2609,8 +2614,8 @@ class X {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: n, historyManager: a } = this.editor, i = e || n.getActiveObject();
-    if (!i || i.locked) return;
+    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
+    if (!a || a.locked) return;
     const o = {
       lockMovementX: !0,
       lockMovementY: !0,
@@ -2621,10 +2626,10 @@ class X {
       lockSkewingY: !0,
       locked: !0
     };
-    i.set(o), !t && X._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
+    a.set(o), !t && X._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
       c.set(o);
-    }), n.renderAll(), s || a.saveState(), n.fire("editor:object-locked", {
-      object: i,
+    }), n.renderAll(), s || i.saveState(), n.fire("editor:object-locked", {
+      object: a,
       skipInnerObjects: t,
       withoutSave: s
     });
@@ -2637,9 +2642,9 @@ class X {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, a = e || s.getActiveObject();
-    if (!a) return;
-    const i = {
+    const { canvas: s, historyManager: n } = this.editor, i = e || s.getActiveObject();
+    if (!i) return;
+    const a = {
       lockMovementX: !1,
       lockMovementY: !1,
       lockRotation: !1,
@@ -2649,10 +2654,10 @@ class X {
       lockSkewingY: !1,
       locked: !1
     };
-    a.set(i), X._isGroupOrSelection(a) && a.getObjects().forEach((o) => {
-      o.set(i);
+    i.set(a), X._isGroupOrSelection(i) && i.getObjects().forEach((o) => {
+      o.set(a);
     }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
-      object: a,
+      object: i,
       withoutSave: t
     });
   }
@@ -2677,11 +2682,11 @@ class gt {
   } = {}) {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
-    const a = e || s.getActiveObject();
-    if (!a || !(a instanceof y)) return;
-    const i = a.getObjects(), o = new J(i);
-    i.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
-      object: a,
+    const i = e || s.getActiveObject();
+    if (!i || !(i instanceof y)) return;
+    const a = i.getObjects(), o = new J(a);
+    a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
+      object: i,
       group: o,
       withoutSave: t
     });
@@ -2699,15 +2704,15 @@ class gt {
   } = {}) {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
-    const a = e || s.getActiveObject();
-    if (!(a instanceof J)) return;
-    const i = a.removeAll();
-    s.remove(a), i.forEach((d) => s.add(d));
-    const o = new y(i, {
+    const i = e || s.getActiveObject();
+    if (!(i instanceof J)) return;
+    const a = i.removeAll();
+    s.remove(i), a.forEach((d) => s.add(d));
+    const o = new y(a, {
       canvas: s
     });
     s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
-      object: a,
+      object: i,
       selection: o,
       withoutSave: t
     });
@@ -2724,8 +2729,8 @@ class ut {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const n = t.getObjects(), a = n.some((o) => o.locked), i = n.length > 1 ? new y(t.getObjects(), { canvas: e }) : n[0];
-    a && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(i), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: i });
+    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new y(t.getObjects(), { canvas: e }) : n[0];
+    i && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
 class Mt {
@@ -2743,15 +2748,15 @@ class Mt {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n, groupingManager: a } = this.editor, i = (e || s.getActiveObjects()).filter((o) => !o.locked);
-    i != null && i.length && (n.suspendHistory(), i.forEach((o) => {
+    const { canvas: s, historyManager: n, groupingManager: i } = this.editor, a = (e || s.getActiveObjects()).filter((o) => !o.locked);
+    a != null && a.length && (n.suspendHistory(), a.forEach((o) => {
       if (o.type === "group" && o.format !== "svg") {
-        a.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
+        i.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
       s.remove(o);
     }), s.discardActiveObject(), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-deleted", {
-      objects: i,
+      objects: a,
       withoutSave: t
     }));
   }
@@ -2860,19 +2865,19 @@ class Q {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: a }) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: i }) {
     if (!Q.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const i = a || s;
-    console.error(`${e}. ${t}. ${s}. ${i}`, n);
+    const a = i || s;
+    console.error(`${e}. ${t}. ${s}. ${a}`, n);
     const o = {
       code: s,
       origin: e,
       method: t,
-      message: i,
+      message: a,
       data: n
     };
     this._buffer.push(p({
@@ -2889,19 +2894,19 @@ class Q {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: a }) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: i }) {
     if (!Q.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const i = n || s;
-    console.warn(`${e}. ${t}. ${s}. ${i}`, a);
+    const a = n || s;
+    console.warn(`${e}. ${t}. ${s}. ${a}`, i);
     const o = {
       code: s,
       origin: e,
       method: t,
-      message: i,
-      data: a
+      message: a,
+      data: i
     };
     this._buffer.push(p({
       type: "editor:warning"
@@ -2916,7 +2921,7 @@ class Q {
     return e ? Object.values(mt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ie {
+class ae {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -2937,14 +2942,14 @@ class ie {
         editorContainerHeight: t,
         canvasWrapperWidth: s,
         canvasWrapperHeight: n,
-        canvasCSSWidth: a,
-        canvasCSSHeight: i,
+        canvasCSSWidth: i,
+        canvasCSSHeight: a,
         initialImage: o,
         initialStateJSON: d,
         scaleType: c,
         _onReadyCallback: h
       } = this.options;
-      if (We.apply(), this.canvas = new Ee(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new _e(), this.errorManager = new Q({ editor: this }), this.historyManager = new et({ editor: this }), this.toolbar = new qe({ editor: this }), this.transformManager = new ct({ editor: this }), this.canvasManager = new rt({ editor: this }), this.imageManager = new E({ editor: this }), this.layerManager = new G({ editor: this }), this.shapeManager = new lt({ editor: this }), this.interactionBlocker = new dt({ editor: this }), this.clipboardManager = new ht({ editor: this }), this.objectLockManager = new X({ editor: this }), this.groupingManager = new gt({ editor: this }), this.selectionManager = new ut({ editor: this }), this.deletionManager = new Mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(i), o != null && o.source) {
+      if (We.apply(), this.canvas = new Le(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new _e(), this.errorManager = new Q({ editor: this }), this.historyManager = new et({ editor: this }), this.toolbar = new qe({ editor: this }), this.transformManager = new ct({ editor: this }), this.canvasManager = new rt({ editor: this }), this.imageManager = new L({ editor: this }), this.layerManager = new G({ editor: this }), this.shapeManager = new lt({ editor: this }), this.interactionBlocker = new dt({ editor: this }), this.clipboardManager = new ht({ editor: this }), this.objectLockManager = new X({ editor: this }), this.groupingManager = new gt({ editor: this }), this.selectionManager = new ut({ editor: this }), this.deletionManager = new Mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
         const {
           source: l,
           scale: g = `image-${c}`,
@@ -2967,7 +2972,7 @@ class ie {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ie._createMosaicPattern(),
+      fill: ae._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3117,10 +3122,10 @@ function At(r, e = {}) {
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   const n = document.createElement("canvas");
-  return n.id = `${r}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((a) => {
-    t._onReadyCallback = a;
-    const i = new ie(n.id, t);
-    window[r] = i;
+  return n.id = `${r}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((i) => {
+    t._onReadyCallback = i;
+    const a = new ae(n.id, t);
+    window[r] = a;
   });
 }
 export {