@anu3ev/fabric-image-editor 0.1.57 → 0.1.59

package/dist/main.js

@@ -2,38 +2,38 @@ var fe = Object.defineProperty, je = Object.defineProperties;
 var be = Object.getOwnPropertyDescriptors;
 var H = Object.getOwnPropertySymbols;
 var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
-var re = (d, e, t) => e in d ? fe(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, p = (d, e) => {
+var re = (c, e, t) => e in c ? fe(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, p = (c, e) => {
   for (var t in e || (e = {}))
-    ce.call(e, t) && re(d, t, e[t]);
+    ce.call(e, t) && re(c, t, e[t]);
   if (H)
     for (var t of H(e))
-      de.call(e, t) && re(d, t, e[t]);
-  return d;
-}, le = (d, e) => je(d, be(e));
-var Y = (d, e) => {
+      de.call(e, t) && re(c, t, e[t]);
+  return c;
+}, le = (c, e) => je(c, be(e));
+var Y = (c, e) => {
   var t = {};
-  for (var s in d)
-    ce.call(d, s) && e.indexOf(s) < 0 && (t[s] = d[s]);
-  if (d != null && H)
-    for (var s of H(d))
-      e.indexOf(s) < 0 && de.call(d, s) && (t[s] = d[s]);
+  for (var s in c)
+    ce.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
+  if (c != null && H)
+    for (var s of H(c))
+      e.indexOf(s) < 0 && de.call(c, s) && (t[s] = c[s]);
   return t;
 };
-var I = (d, e, t) => new Promise((s, i) => {
-  var n = (c) => {
+var I = (c, e, t) => new Promise((s, n) => {
+  var i = (d) => {
     try {
-      o(t.next(c));
+      o(t.next(d));
     } catch (r) {
-      i(r);
+      n(r);
     }
-  }, a = (c) => {
+  }, a = (d) => {
     try {
-      o(t.throw(c));
+      o(t.throw(d));
     } catch (r) {
-      i(r);
+      n(r);
     }
-  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
-  o((t = t.apply(d, e)).next());
+  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, a);
+  o((t = t.apply(c, e)).next());
 });
 import { ActiveSelection as v, util as R, controlsUtils as pe, InteractiveFabricObject as ye, loadSVGFromURL as Ie, FabricImage as Z, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
 import { create as De } from "jsondiffpatch";
@@ -71,15 +71,15 @@ class z {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: s,
-      bringToFrontOnSelection: i,
-      copyObjectsByHotkey: n,
+      bringToFrontOnSelection: n,
+      copyObjectsByHotkey: i,
       pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
-      selectAllByHotkey: c,
+      selectAllByHotkey: d,
       deleteObjectsByHotkey: r,
       resetObjectFitByDoubleClick: l
     } = 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), i && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && 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 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), r && 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)), l && 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 }), r && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -89,19 +89,19 @@ class z {
    */
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((a) => a.locked)) return;
-    const i = e.filter((a) => !a.locked);
-    if (i.length === 0) {
+    const n = e.filter((a) => !a.locked);
+    if (n.length === 0) {
       this.canvas.discardActiveObject();
       return;
     }
-    if (i.length === 1) {
-      this.canvas.setActiveObject(i[0]);
+    if (n.length === 1) {
+      this.canvas.setActiveObject(n[0]);
       return;
     }
-    const n = new v(i, {
+    const i = new v(n, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
+    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -142,8 +142,8 @@ class z {
    * @param event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: i } = e;
-    !t && !s || i !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: s, code: n } = e;
+    !t && !s || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -161,8 +161,8 @@ class z {
    */
   handleUndoRedoEvent(e) {
     return I(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: i, repeat: n } = e;
-      !t && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (i === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : i === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      const { ctrlKey: t, metaKey: s, code: n, repeat: i } = 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()));
     });
   }
   /**
@@ -181,8 +181,8 @@ class z {
    * @param event.code — код клавиши
    */
   handleSelectAllEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: i } = e;
-    !t && !s || i !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: s, code: n } = e;
+    !t && !s || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete).
@@ -200,8 +200,8 @@ class z {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: s, isSpacePressed: i, isDragging: n } = this;
-    i || n || (this.isSpacePressed = !0, e.preventDefault(), t.set({
+    const { canvas: t, editor: s, isSpacePressed: n, isDragging: i } = this;
+    n || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
@@ -299,9 +299,9 @@ class z {
    */
   static debounce(e, t) {
     let s = null;
-    return function(...i) {
+    return function(...n) {
       s !== null && clearTimeout(s), s = setTimeout(() => {
-        e.apply(this, i);
+        e.apply(this, n);
       }, t);
     };
   }
@@ -324,11 +324,11 @@ class Ee {
     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 Oe(d) {
+function Oe(c) {
   return new Worker(
     "" + new URL("assets/worker-Cmho-Hr0.js", import.meta.url).href,
     {
-      name: d == null ? void 0 : d.name
+      name: c == null ? void 0 : c.name
     }
   );
 }
@@ -351,12 +351,12 @@ class Te {
    * @returns
    */
   _handleMessage({ data: e }) {
-    const { requestId: t, success: s, data: i, error: n } = e, a = this._callbacks.get(t);
+    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 ? a.resolve(i) : a.reject(new Error(n)), this._callbacks.delete(t);
+    s ? a.resolve(n) : a.reject(new Error(i)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -366,9 +366,9 @@ class Te {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(e, t, s = []) {
-    const i = `${e}:${L(8)}`;
-    return new Promise((n, a) => {
-      this._callbacks.set(i, { resolve: n, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: i }, s);
+    const n = `${e}:${L(8)}`;
+    return new Promise((i, a) => {
+      this._callbacks.set(n, { resolve: i, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: n }, s);
     });
   }
   /**
@@ -379,23 +379,23 @@ class Te {
   }
 }
 const N = 12, ke = 2, Q = 8, J = 20, xe = 100, $ = 20, K = 8, Be = 100, q = 32, ee = 1, Ze = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
-function W(d, e, t, s, i) {
-  const n = N, a = ke;
-  d.save(), d.translate(e, t), d.rotate(R.degreesToRadians(i.angle)), d.fillStyle = se, d.strokeStyle = te, d.lineWidth = ee, d.beginPath(), d.roundRect(-12 / 2, -12 / 2, n, n, a), d.fill(), d.stroke(), d.restore();
+function W(c, e, t, s, n) {
+  const i = N, a = ke;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-12 / 2, -12 / 2, i, i, a), c.fill(), c.stroke(), c.restore();
 }
-function he(d, e, t, s, i) {
-  const n = Q, a = J, o = xe;
-  d.save(), d.translate(e, t), d.rotate(R.degreesToRadians(i.angle)), d.fillStyle = se, d.strokeStyle = te, d.lineWidth = ee, d.beginPath(), d.roundRect(-8 / 2, -20 / 2, n, a, o), d.fill(), d.stroke(), d.restore();
+function he(c, e, t, s, n) {
+  const i = Q, a = J, o = xe;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-8 / 2, -20 / 2, i, a, o), c.fill(), c.stroke(), c.restore();
 }
-function ge(d, e, t, s, i) {
-  const n = $, a = K, o = Be;
-  d.save(), d.translate(e, t), d.rotate(R.degreesToRadians(i.angle)), d.fillStyle = se, d.strokeStyle = te, d.lineWidth = ee, d.beginPath(), d.roundRect(-20 / 2, -8 / 2, n, a, o), d.fill(), d.stroke(), d.restore();
+function ge(c, e, t, s, n) {
+  const i = $, a = K, o = Be;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-20 / 2, -8 / 2, i, a, o), c.fill(), c.stroke(), c.restore();
 }
 const Ue = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ue = new Image();
 ue.src = Ue;
-function ze(d, e, t, s, i) {
+function ze(c, e, t, s, n) {
   const a = q / 2;
-  d.save(), d.translate(e, t), d.rotate(R.degreesToRadians(i.angle)), d.fillStyle = Ze, d.beginPath(), d.arc(0, 0, a, 0, 2 * Math.PI), d.fill(), d.drawImage(ue, -16 / 2, -16 / 2, a, a), d.restore();
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = Ze, c.beginPath(), c.arc(0, 0, a, 0, 2 * Math.PI), c.fill(), c.drawImage(ue, -16 / 2, -16 / 2, a, a), c.restore();
 }
 const Re = {
   // Угловые точки
@@ -476,7 +476,7 @@ class He {
         sizeY: s.sizeY,
         offsetX: s.offsetX,
         offsetY: s.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (n, a, o, c) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, a, o, d) => {
         var l;
         (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
@@ -560,29 +560,31 @@ const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     sendBackwards: Fe
   },
   handlers: {
-    copyPaste: (d) => I(void 0, null, function* () {
-      yield d.clipboardManager.copy(), yield d.clipboardManager.paste();
+    copyPaste: (c) => I(void 0, null, function* () {
+      yield c.clipboardManager.copy(), yield c.clipboardManager.paste(), c.clipboardManager.clipboard && c.canvas.fire("editor:object-duplicated", {
+        object: c.clipboardManager.clipboard
+      });
     }),
-    delete: (d) => {
-      d.deletionManager.deleteSelectedObjects();
+    delete: (c) => {
+      c.deletionManager.deleteSelectedObjects();
     },
-    lock: (d) => {
-      d.objectLockManager.lockObject();
+    lock: (c) => {
+      c.objectLockManager.lockObject();
     },
-    unlock: (d) => {
-      d.objectLockManager.unlockObject();
+    unlock: (c) => {
+      c.objectLockManager.unlockObject();
     },
-    bringForward: (d) => {
-      d.layerManager.bringForward();
+    bringForward: (c) => {
+      c.layerManager.bringForward();
     },
-    bringToFront: (d) => {
-      d.layerManager.bringToFront();
+    bringToFront: (c) => {
+      c.layerManager.bringToFront();
     },
-    sendToBack: (d) => {
-      d.layerManager.sendToBack();
+    sendToBack: (c) => {
+      c.layerManager.sendToBack();
     },
-    sendBackwards: (d) => {
-      d.layerManager.sendBackwards();
+    sendBackwards: (c) => {
+      c.layerManager.sendBackwards();
     }
   }
 };
@@ -608,11 +610,11 @@ class Qe {
   _createDOM() {
     const { style: e } = this.config;
     this.el = document.createElement("div"), Object.assign(this.el.style, e), this.canvas.wrapperEl.appendChild(this.el), this._onBtnOver = (t) => {
-      const i = t.target.closest("button");
-      i && Object.assign(i.style, this.config.btnHover);
+      const n = t.target.closest("button");
+      n && Object.assign(n.style, this.config.btnHover);
     }, this._onBtnOut = (t) => {
-      const i = t.target.closest("button");
-      i && Object.assign(i.style, this.config.btnStyle);
+      const n = t.target.closest("button");
+      n && Object.assign(n.style, this.config.btnStyle);
     }, this.el.addEventListener("mouseover", this._onBtnOver), this.el.addEventListener("mouseout", this._onBtnOut);
   }
   /**
@@ -624,11 +626,11 @@ class Qe {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: i } = t, { icons: n = {}, btnStyle: a, handlers: o = {} } = this.config, c = document.createElement("button");
-      c.innerHTML = n[i] ? `<img src="${n[i]}" title="${s}" />` : s, Object.assign(c.style, a), c.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 r;
-        return (r = o[i]) == null ? void 0 : r.call(o, this.editor);
-      }, this.el.appendChild(c);
+        return (r = o[n]) == null ? void 0 : r.call(o, this.editor);
+      }, this.el.appendChild(d);
     }
   }
   /**
@@ -684,9 +686,9 @@ class Qe {
       this.el.style.display = "none";
       return;
     }
-    const { el: t, config: s, canvas: i } = this;
+    const { el: t, config: s, canvas: n } = this;
     e.setCoords();
-    const n = i.getZoom(), [, , , , a, o] = i.viewportTransform, { x: c } = e.getCenterPoint(), { top: r, height: l } = e.getBoundingRect(), g = c * n + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (r + l) * n + o + u;
+    const i = n.getZoom(), [, , , , a, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: r, height: l } = e.getBoundingRect(), g = d * i + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (r + l) * i + o + u;
     Object.assign(t.style, {
       left: `${g}px`,
       top: `${m}px`,
@@ -766,10 +768,10 @@ class Je {
    */
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
-    let i = JSON.parse(JSON.stringify(e));
-    for (let n = 0; n < t; n += 1)
-      i = this.diffPatcher.patch(i, s[n].diff);
-    return console.log("getFullState state", i), i;
+    let n = JSON.parse(JSON.stringify(e));
+    for (let i = 0; i < t; i += 1)
+      n = this.diffPatcher.patch(n, s[i].diff);
+    return console.log("getFullState state", n), n;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -813,12 +815,12 @@ class Je {
     return I(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: i } = this.editor, { width: n, height: a } = t;
+      const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: i, height: a } = t;
       yield t.loadFromJSON(e);
       const o = t.getObjects().find((r) => r.id === "montage-area");
-      o && (this.editor.montageArea = o, (n !== t.getWidth() || a !== t.getHeight()) && s.updateCanvas());
-      const c = t.getObjects().find((r) => r.id === "overlay-mask");
-      c && (i.overlayMask = c, i.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+      o && (this.editor.montageArea = o, (i !== t.getWidth() || a !== t.getHeight()) && s.updateCanvas());
+      const d = t.getObjects().find((r) => r.id === "overlay-mask");
+      d && (n.overlayMask = d, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -925,10 +927,10 @@ class D {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
-        withoutSave: i = !1
+        withoutSave: n = !1
       } = e;
       if (!t) return null;
-      const { canvas: n, montageArea: a, transformManager: o, historyManager: c, errorManager: r } = this.editor, l = yield this.getContentType(t), h = D.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      const { canvas: i, montageArea: a, transformManager: o, historyManager: d, errorManager: r } = this.editor, l = yield this.getContentType(t), h = D.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
       if (!this.isAllowedContentType(l)) {
         const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return r.emitError({
@@ -939,7 +941,7 @@ class D {
           data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
         }), null;
       }
-      c.suspendHistory();
+      d.suspendHistory();
       try {
         let m, M;
         if (t instanceof File)
@@ -978,24 +980,24 @@ class D {
           const { width: b, height: S } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
           s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (f > b || j > S) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
-        n.add(M), n.centerObject(M), n.setActiveObject(M), n.renderAll(), c.resumeHistory(), i || c.saveState();
+        i.add(M), i.centerObject(M), i.setActiveObject(M), i.renderAll(), d.resumeHistory(), n || d.saveState();
         const A = {
           image: M,
           format: h,
           contentType: l,
           scale: s,
-          withoutSave: i,
+          withoutSave: n,
           source: t
         };
-        return n.fire("editor:image-imported", A), A;
+        return i.fire("editor:image-imported", A), A;
       } catch (m) {
         return r.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
           message: `Ошибка импорта изображения: ${m.message}`,
-          data: { source: t, format: h, contentType: l, scale: s, withoutSave: i }
-        }), c.resumeHistory(), null;
+          data: { source: t, format: h, contentType: l, scale: s, withoutSave: n }
+        }), d.resumeHistory(), null;
       }
     });
   }
@@ -1011,7 +1013,7 @@ class D {
     return I(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
       t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${x}x${B}`);
-      const i = {
+      const n = {
         dataURL: e,
         sizeType: t,
         maxWidth: O,
@@ -1024,8 +1026,8 @@ class D {
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: s,
-        data: i
-      }), this.editor.workerManager.post("resizeImage", i);
+        data: n
+      }), this.editor.workerManager.post("resizeImage", n);
     });
   }
   /**
@@ -1044,9 +1046,9 @@ class D {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
-        exportAsBase64: i = !1,
-        exportAsBlob: n = !1
-      } = e, { canvas: a, montageArea: o, workerManager: c } = this.editor;
+        exportAsBase64: n = !1,
+        exportAsBlob: i = !1
+      } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
         const r = s === "application/pdf", l = r ? "image/jpg" : s, h = D.getFormatFromContentType(l);
         o.setCoords();
@@ -1060,8 +1062,8 @@ class D {
           f.dispose();
           const C = {
             image: D._exportSVGStringAsFile(y, {
-              exportAsBase64: i,
-              exportAsBlob: n,
+              exportAsBase64: n,
+              exportAsBlob: i,
               fileName: t
             }),
             format: "svg",
@@ -1075,7 +1077,7 @@ class D {
             C ? y(C) : k(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (f.dispose(), n) {
+        if (f.dispose(), i) {
           const y = {
             image: b,
             format: h,
@@ -1084,7 +1086,7 @@ class D {
           };
           return a.fire("editor:canvas-exported", y), y;
         }
-        const S = yield createImageBitmap(b), w = yield c.post(
+        const S = yield createImageBitmap(b), w = yield d.post(
           "toDataURL",
           { format: h, quality: 1, bitmap: S },
           [S]
@@ -1095,7 +1097,7 @@ class D {
             unit: "mm",
             format: [k, C]
           });
-          if (G.addImage(String(w), "JPG", 0, 0, k, C), i) {
+          if (G.addImage(String(w), "JPG", 0, 0, k, C), n) {
             const oe = {
               image: G.output("datauristring"),
               format: "pdf",
@@ -1112,7 +1114,7 @@ class D {
           };
           return a.fire("editor:canvas-exported", ae), ae;
         }
-        if (i) {
+        if (n) {
           const y = {
             image: w,
             format: h,
@@ -1121,20 +1123,20 @@ class D {
           };
           return a.fire("editor:canvas-exported", y), y;
         }
-        const E = h === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
+        const E = h === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, ie = {
           image: new File([b], E, { type: l }),
           format: h,
           contentType: l,
           fileName: E
         };
-        return a.fire("editor:canvas-exported", ne), ne;
+        return a.fire("editor:canvas-exported", ie), ie;
       } catch (r) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта изображения: ${r.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: i, exportAsBlob: n }
+          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: i }
         }), null;
       }
     });
@@ -1155,23 +1157,23 @@ class D {
       const {
         object: t,
         fileName: s = "image.png",
-        contentType: i = "image/png",
-        exportAsBase64: n = !1,
+        contentType: n = "image/png",
+        exportAsBase64: i = !1,
         exportAsBlob: a = !1
-      } = e, { canvas: o, workerManager: c } = this.editor, r = t || o.getActiveObject();
+      } = e, { canvas: o, workerManager: d } = this.editor, r = t || o.getActiveObject();
       if (!r)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
+          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
         }), null;
       try {
-        const l = D.getFormatFromContentType(i);
+        const l = D.getFormatFromContentType(n);
         if (l === "svg") {
           const M = r.toSVG(), f = D._exportSVGStringAsFile(M, {
-            exportAsBase64: n,
+            exportAsBase64: i,
             exportAsBlob: a,
             fileName: s
           }), j = {
@@ -1183,8 +1185,8 @@ class D {
           };
           return o.fire("editor:object-exported", j), j;
         }
-        if (n && r instanceof Z) {
-          const M = yield createImageBitmap(r.getElement()), f = yield c.post(
+        if (i && r instanceof Z) {
+          const M = yield createImageBitmap(r.getElement()), f = yield d.post(
             "toDataURL",
             {
               format: l,
@@ -1196,7 +1198,7 @@ class D {
             object: r,
             image: f,
             format: l,
-            contentType: i,
+            contentType: n,
             fileName: s
           };
           return o.fire("editor:object-exported", j), j;
@@ -1211,16 +1213,16 @@ class D {
             object: r,
             image: g,
             format: l,
-            contentType: i,
+            contentType: n,
             fileName: s
           };
           return o.fire("editor:object-exported", M), M;
         }
-        const u = new File([g], s, { type: i }), m = {
+        const u = new File([g], s, { type: n }), m = {
           object: r,
           image: u,
           format: l,
-          contentType: i,
+          contentType: n,
           fileName: s
         };
         return o.fire("editor:object-exported", m), m;
@@ -1230,7 +1232,7 @@ class D {
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${l.message}`,
-          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
+          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
         }), null;
       }
     });
@@ -1297,11 +1299,11 @@ class D {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const i = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
+      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), i = {};
       return this.acceptContentTypes.forEach((a) => {
         const o = D.getFormatFromContentType(a);
-        o && (n[o] = a);
-      }), i && n[i] || "application/octet-stream";
+        o && (i[o] = a);
+      }), n && i[n] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1319,8 +1321,8 @@ class D {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const i = s.width, n = s.height, { width: a, height: o } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(i / a, n / o) : t === "cover" || t === "image-cover" ? Math.max(i / a, n / 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
@@ -1336,9 +1338,9 @@ class D {
   static _exportSVGStringAsFile(e, {
     exportAsBase64: t,
     exportAsBlob: s,
-    fileName: i = "image.svg"
+    fileName: n = "image.svg"
   } = {}) {
-    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], i.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], n.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1369,25 +1371,25 @@ class tt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
     var m;
     if (!e) return;
     const {
-      canvas: n,
+      canvas: i,
       montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: c, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
-    if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = n.clipPath) == null || m.set({ width: l }), t) {
-      const M = l / c, f = r * M;
+    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
+    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
+      const M = l / d, f = r * M;
       this.setResolutionHeight(f);
       return;
     }
-    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
-    n.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = i.getZoom();
+    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
       width: l,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: i
+      adaptCanvasToContainer: n
     });
   }
   /**
@@ -1399,25 +1401,25 @@ class tt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
     var m;
     if (!e) return;
     const {
-      canvas: n,
+      canvas: i,
       montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: c, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
-    if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = n.clipPath) == null || m.set({ height: l }), t) {
-      const M = l / r, f = c * M;
+    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
+    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
+      const M = l / r, f = d * M;
       this.setResolutionWidth(f);
       return;
     }
-    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
-    n.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = i.getZoom();
+    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
       height: l,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: i
+      adaptCanvasToContainer: n
     });
   }
   /**
@@ -1425,17 +1427,17 @@ class tt {
    * и устанавливает правильный viewportTransform.
    */
   centerMontageArea() {
-    var c;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), i = e.getHeight(), n = e.getZoom(), a = new _(s / 2, i / 2);
+    var d;
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), i = e.getZoom(), a = new _(s / 2, n / 2);
     t.set({
       left: s / 2,
-      top: i / 2
-    }), (c = e.clipPath) == null || c.set({
+      top: n / 2
+    }), (d = e.clipPath) == null || d.set({
       left: s / 2,
-      top: i / 2
+      top: n / 2
     }), e.renderAll();
     const o = e.viewportTransform;
-    o[4] = s / 2 - a.x * n, o[5] = i / 2 - a.y * n, e.setViewportTransform(o), e.renderAll();
+    o[4] = s / 2 - a.x * i, o[5] = n / 2 - a.y * i, e.setViewportTransform(o), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1451,8 +1453,8 @@ class tt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: i, height: n } = s, a = t.getZoom(), o = (i - i * a) / 2, c = (n - n * a) / 2;
-    return { left: o, top: c };
+    const { width: n, height: i } = s, a = t.getZoom(), o = (n - n * a) / 2, d = (i - i * a) / 2;
+    return { left: o, top: d };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
@@ -1477,8 +1479,8 @@ class tt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, s = t.clientWidth, i = t.clientHeight, n = Math.max(Math.min(s, O), x), a = Math.max(Math.min(i, T), B);
-    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: n, height: a }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = e.editorContainer, s = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(s, O), x), a = Math.max(Math.min(n, T), B);
+    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: i, height: a }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1491,12 +1493,12 @@ class tt {
       montageArea: t,
       montageArea: {
         width: s,
-        height: i
+        height: n
       }
-    } = this.editor, n = t.left, a = t.top;
-    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const o = t.left - n, c = t.top - a;
-    if (o !== 0 || c !== 0) {
+    } = 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 - i, d = t.top - a;
+    if (o !== 0 || d !== 0) {
       const r = e.getActiveObject(), l = [];
       if ((r == null ? void 0 : r.type) === "activeselection") {
         const h = r;
@@ -1505,7 +1507,7 @@ class tt {
       if (e.getObjects().forEach((h) => {
         h.id === "montage-area" || h.id === "overlay-mask" || (h.set({
           left: h.left + o,
-          top: h.top + c
+          top: h.top + d
         }), h.setCoords());
       }), l.length > 0)
         if (l.length === 1)
@@ -1519,7 +1521,7 @@ class tt {
     }
     e.renderAll(), e.fire("editor:canvas-updated", {
       width: s,
-      height: i
+      height: n
     });
   }
   /**
@@ -1534,11 +1536,11 @@ class tt {
    * @param zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: s } = this.editor, i = s.width * e, n = s.height * e, a = t.wrapperEl.parentNode;
+    const { canvas: t, montageArea: s } = this.editor, n = s.width * e, i = s.height * e, a = t.wrapperEl.parentNode;
     if (!(a instanceof HTMLElement)) return;
-    const o = i <= a.clientWidth ? "100%" : i, c = n <= a.clientHeight ? "100%" : n;
+    const o = n <= a.clientWidth ? "100%" : n, d = i <= a.clientHeight ? "100%" : i;
     t.setDimensions(
-      { width: o, height: c },
+      { width: o, height: d },
       { cssOnly: !0 }
     );
   }
@@ -1625,19 +1627,19 @@ class tt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: i, options: { editorContainer: n } } = this.editor, a = [];
+    const { canvas: n, options: { editorContainer: i } } = this.editor, a = [];
     switch (e) {
       case "canvas":
-        a.push(i.lowerCanvasEl, i.upperCanvasEl);
+        a.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        a.push(i.wrapperEl);
+        a.push(n.wrapperEl);
         break;
       case "container":
-        a.push(n);
+        a.push(i);
         break;
       default:
-        a.push(i.lowerCanvasEl, i.upperCanvasEl);
+        a.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
     const o = t === "width" ? "width" : "height";
     if (typeof s == "string") {
@@ -1647,10 +1649,10 @@ class tt {
       return;
     }
     if (isNaN(s)) return;
-    const c = `${s}px`;
+    const d = `${s}px`;
     a.forEach((r) => {
-      r.style[o] = c;
-    }), i.fire(`editor:display-${e}-${o}-changed`, {
+      r.style[o] = d;
+    }), n.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
       value: s
     });
@@ -1665,14 +1667,14 @@ class tt {
    */
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
-      canvas: i,
-      montageArea: n,
+      canvas: n,
+      montageArea: i,
       transformManager: a,
       options: {
         montageAreaWidth: o,
-        montageAreaHeight: c
+        montageAreaHeight: d
       }
-    } = this.editor, r = e || i.getActiveObject();
+    } = this.editor, r = e || n.getActiveObject();
     if (!r || r.type !== "image" && r.format !== "svg") return;
     const { width: l, height: h } = r;
     let g = Math.min(l, O), u = Math.min(h, T);
@@ -1680,10 +1682,10 @@ class tt {
       const {
         width: m,
         height: M
-      } = n, f = l / m, j = h / M, A = Math.max(f, j);
+      } = i, f = l / m, j = h / M, A = Math.max(f, j);
       g = m * A, u = M * A;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > c) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), i.centerObject(r), i.renderAll(), s || this.editor.historyManager.saveState(), i.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), n.centerObject(r), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: r,
       width: g,
       height: u,
@@ -1709,13 +1711,13 @@ class tt {
     const {
       canvas: t,
       transformManager: s,
-      historyManager: i,
+      historyManager: n,
       options: {
-        montageAreaWidth: n,
+        montageAreaWidth: i,
         montageAreaHeight: a
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(n, { withoutSave: !0 }), this.setResolutionHeight(a, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || i.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");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1723,7 +1725,7 @@ class tt {
    */
   getObjects() {
     const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: s } } = this.editor;
-    return e.getObjects().filter((n) => n.id !== t.id && n.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 st {
@@ -1738,8 +1740,8 @@ class st {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, i = s.clientWidth, n = s.clientHeight, { width: a, height: o } = this.editor.montageArea, c = i / a * e, r = n / o * e;
-    this.defaultZoom = Math.min(c, r);
+    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, r = i / o * e;
+    this.defaultZoom = Math.min(d, r);
     const { defaultZoom: l, maxZoomFactor: h, minZoom: g, maxZoom: u } = this;
     this.minZoom = Math.min(l / h, g), this.maxZoom = Math.max(l * h, u), this.setZoom();
   }
@@ -1755,14 +1757,14 @@ class st {
   zoom(e = qe, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: i } = this, { canvas: n } = this.editor, a = n.getZoom(), o = n.getCenterPoint(), c = (g = t.pointX) != null ? g : o.x, r = (u = t.pointY) != null ? u : o.y, l = new _(c, r);
+    const { minZoom: s, maxZoom: n } = this, { canvas: i } = this.editor, a = i.getZoom(), o = i.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, r = (u = t.pointY) != null ? u : o.y, l = new _(d, r);
     let h = Number((a + Number(e)).toFixed(2));
-    h > i && (h = i), h < s && (h = s), n.zoomToPoint(l, h), console.log({
+    h > n && (h = n), h < s && (h = s), i.zoomToPoint(l, h), console.log({
       currentZoom: a,
       zoom: h,
       point: l
-    }), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
+    }), i.fire("editor:zoom-changed", {
+      currentZoom: i.getZoom(),
       zoom: h,
       point: l
     });
@@ -1773,12 +1775,12 @@ class st {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: i } = this.editor, n = new _(i.getCenterPoint());
+    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, i = new _(n.getCenterPoint());
     let a = e;
-    e > s && (a = s), e < t && (a = t), i.zoomToPoint(n, a), i.fire("editor:zoom-changed", {
-      currentZoom: i.getZoom(),
+    e > s && (a = s), e < t && (a = t), n.zoomToPoint(i, a), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
       zoom: a,
-      point: n
+      point: i
     });
   }
   /**
@@ -1800,11 +1802,11 @@ class st {
    * @fires editor:object-rotated
    */
   rotate(e = et, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: i } = this.editor, n = s.getActiveObject();
-    if (!n) return;
-    const a = n.angle + e;
-    n.rotate(a), n.setCoords(), s.renderAll(), t || i.saveState(), s.fire("editor:object-rotated", {
-      object: n,
+    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: a
     });
@@ -1816,9 +1818,9 @@ class st {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, i = t.getActiveObject();
-    i && (i.flipX = !i.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
-      object: i,
+    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
+    n && (n.flipX = !n.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -1829,9 +1831,9 @@ class st {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, i = t.getActiveObject();
-    i && (i.flipY = !i.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
-      object: i,
+    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
+    n && (n.flipY = !n.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -1848,10 +1850,10 @@ class st {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: i, historyManager: n } = this.editor, a = e || i.getActiveObject();
+    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
     a && (a instanceof v ? a.getObjects().forEach((o) => {
       o.set("opacity", t);
-    }) : a.set("opacity", t), i.renderAll(), s || n.saveState(), i.fire("editor:object-opacity-changed", {
+    }) : a.set("opacity", t), n.renderAll(), s || i.saveState(), n.fire("editor:object-opacity-changed", {
       object: a,
       opacity: t,
       withoutSave: s
@@ -1872,24 +1874,24 @@ class st {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: s,
-    fitAsOneObject: i
+    fitAsOneObject: n
   } = {}) {
-    const { canvas: n, historyManager: a } = this.editor, o = e || n.getActiveObject();
+    const { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject();
     if (o) {
-      if (o instanceof v && !i) {
-        const c = o.getObjects();
-        n.discardActiveObject(), c.forEach((l) => {
+      if (o instanceof v && !n) {
+        const d = o.getObjects();
+        i.discardActiveObject(), d.forEach((l) => {
           this._fitSingleObject(l, t);
         });
-        const r = new v(c, { canvas: n });
-        n.setActiveObject(r);
+        const r = new v(d, { canvas: i });
+        i.setActiveObject(r);
       } else
         this._fitSingleObject(o, t);
-      n.renderAll(), s || a.saveState(), n.fire("editor:object-fitted", {
+      i.renderAll(), s || a.saveState(), i.fire("editor:object-fitted", {
         object: o,
         type: t,
         withoutSave: s,
-        fitAsOneObject: i
+        fitAsOneObject: n
       });
     }
   }
@@ -1900,11 +1902,11 @@ class st {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: i } = this.editor, { width: n, height: a, scaleX: o = 1, scaleY: c = 1, angle: r = 0 } = e, l = n * Math.abs(o), h = a * Math.abs(c), g = r * Math.PI / 180, u = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), M = l * u + h * m, f = l * m + h * u, j = i.width, A = i.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: i, height: a, scaleX: o = 1, scaleY: d = 1, angle: r = 0 } = e, l = i * Math.abs(o), h = a * Math.abs(d), g = r * Math.PI / 180, u = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), M = l * u + h * m, f = l * m + h * u, j = n.width, A = n.height;
     let b;
     t === "contain" ? b = Math.min(j / M, A / f) : b = Math.max(j / M, A / f), e.set({
       scaleX: o * b,
-      scaleY: c * b
+      scaleY: d * b
     }), s.centerObject(e);
   }
   /**
@@ -1925,12 +1927,12 @@ class st {
    */
   resetObject(e, { alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: i,
-      montageArea: n,
+      canvas: n,
+      montageArea: i,
       imageManager: a,
       historyManager: o,
-      options: { scaleType: c }
-    } = this.editor, r = e || i.getActiveObject();
+      options: { scaleType: d }
+    } = this.editor, r = e || n.getActiveObject();
     if (!r || r.locked) return;
     if (o.suspendHistory(), r.type === "image" || r.format === "svg" || r.set({
       scaleX: 1,
@@ -1941,20 +1943,20 @@ class st {
     }), t)
       this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: g } = n, { width: u, height: m } = r, M = a.calculateScaleFactor({
+      const { width: h, height: g } = i, { width: u, height: m } = r, M = a.calculateScaleFactor({
         imageObject: r,
-        scaleType: c
+        scaleType: d
       });
-      c === "contain" && M < 1 || c === "cover" && (u > h || m > g) ? this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 }) : r.set({ scaleX: 1, scaleY: 1 });
+      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 }) : r.set({ scaleX: 1, scaleY: 1 });
     }
-    r.set({ flipX: !1, flipY: !1, angle: 0 }), i.centerObject(r), i.renderAll(), o.resumeHistory(), s || o.saveState(), i.fire("editor:object-reset", {
+    r.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(r), n.renderAll(), o.resumeHistory(), s || o.saveState(), n.fire("editor:object-reset", {
       object: r,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
-class it {
+class nt {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -1984,8 +1986,8 @@ class it {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: i, top: n, width: a, height: o } = t.getBoundingRect();
-    this.overlayMask.set({ left: i, top: n, width: a, 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();
   }
   /**
    * Выключает редактор:
@@ -1996,8 +1998,8 @@ class it {
   block() {
     if (this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((i) => {
-      i.evented = !1, i.selectable = !1;
+    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((n) => {
+      n.evented = !1, n.selectable = !1;
     }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), s.resumeHistory();
   }
   /**
@@ -2006,8 +2008,8 @@ class it {
   unblock() {
     if (!this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((i) => {
-      i.evented = !0, i.selectable = !0;
+    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((n) => {
+      n.evented = !0, n.selectable = !0;
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
@@ -2023,13 +2025,13 @@ class P {
    * @fires editor:object-bring-to-front
    */
   bringToFront(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: i } = this.editor;
-    i.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? n.getObjects().forEach((a) => {
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const i = e || s.getActiveObject();
+    i && (i instanceof v ? i.getObjects().forEach((a) => {
       s.bringObjectToFront(a);
-    }) : s.bringObjectToFront(n), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-bring-to-front", {
-      object: n,
+    }) : s.bringObjectToFront(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2041,11 +2043,11 @@ class P {
    * @fires editor:object-bring-forward
    */
   bringForward(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: i } = this.editor;
-    i.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? P._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-bring-forward", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const i = e || s.getActiveObject();
+    i && (i instanceof v ? P._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2059,20 +2061,20 @@ class P {
   sendToBack(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: i,
-      historyManager: n,
+      montageArea: n,
+      historyManager: i,
       interactionBlocker: { overlayMask: a }
     } = this.editor;
-    n.suspendHistory();
+    i.suspendHistory();
     const o = e || s.getActiveObject();
     if (o) {
       if (o instanceof v) {
-        const c = o.getObjects();
-        for (let r = c.length - 1; r >= 0; r -= 1)
-          s.sendObjectToBack(c[r]);
+        const d = o.getObjects();
+        for (let r = d.length - 1; r >= 0; r -= 1)
+          s.sendObjectToBack(d[r]);
       } else
         s.sendObjectToBack(o);
-      s.sendObjectToBack(i), a && s.sendObjectToBack(a), s.renderAll(), n.resumeHistory(), t || n.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
       });
@@ -2087,59 +2089,57 @@ class P {
   sendBackwards(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: i,
-      historyManager: n,
+      montageArea: n,
+      historyManager: i,
       interactionBlocker: { overlayMask: a }
     } = this.editor;
-    n.suspendHistory();
+    i.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof v ? P._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(i), a && s.sendObjectToBack(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-backwards", {
+    o && (o instanceof v ? P._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
     }));
   }
   /**
-   * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
+   * Сдвигает выделенные объекты на один уровень вверх - каждый объект поднимается
+   * на одну позицию выше относительно своей текущей позиции
    * @param canvas - экземпляр холста
    * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(e, t) {
-    const s = e.getObjects(), i = t.getObjects(), n = i.map((o) => s.indexOf(o));
-    let a = -1;
-    for (let o = 0; o < s.length; o += 1) {
-      const c = s[o];
-      if (!i.includes(c) && n.some((r) => o > r)) {
-        a = o;
-        break;
-      }
-    }
-    a !== -1 && i.map((c) => ({ obj: c, index: s.indexOf(c) })).sort((c, r) => r.index - c.index).forEach((c) => {
-      const r = s.indexOf(c.obj);
-      r < a && (e.moveObjectTo(c.obj, a), a = r);
+    const s = e.getObjects(), n = t.getObjects();
+    if (!n.some((o) => {
+      const d = s.indexOf(o);
+      for (let r = d + 1; r < s.length; r += 1)
+        if (!n.includes(s[r]))
+          return !0;
+      return !1;
+    })) return;
+    n.map((o) => ({ obj: o, index: s.indexOf(o) })).sort((o, d) => d.index - o.index).forEach((o) => {
+      e.bringObjectForward(o.obj);
     });
   }
   /**
-   * Сдвигает выделенные объекты на один уровень вниз относительно ближайшего нижнего объекта
+   * Сдвигает выделенные объекты на один уровень вниз - каждый объект опускается
+   * на одну позицию ниже относительно своей текущей позиции
    * @param canvas - экземпляр холста
    * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(e, t) {
-    const s = e.getObjects(), i = t.getObjects(), n = i.map((o) => s.indexOf(o));
-    let a = -1;
-    for (let o = s.length - 1; o >= 0; o -= 1) {
-      const c = s[o];
-      if (!i.includes(c) && n.some((r) => o < r)) {
-        a = o;
-        break;
-      }
-    }
-    a !== -1 && i.map((c) => ({ obj: c, index: s.indexOf(c) })).sort((c, r) => c.index - r.index).forEach((c) => {
-      const r = s.indexOf(c.obj);
-      r > a && (e.moveObjectTo(c.obj, a), a = r);
+    const s = e.getObjects(), n = t.getObjects();
+    if (!n.some((o) => {
+      const d = s.indexOf(o);
+      for (let r = d - 1; r >= 0; r -= 1)
+        if (!n.includes(s[r]))
+          return !0;
+      return !1;
+    })) return;
+    n.map((o) => ({ obj: o, index: s.indexOf(o) })).sort((o, d) => o.index - d.index).forEach((o) => {
+      e.sendObjectBackwards(o.obj);
     });
   }
 }
-class nt {
+class it {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2163,13 +2163,13 @@ class nt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: c, withoutAdding: r } = {}) {
+  addRectangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `rect-${L()}`,
       left: t,
       top: s,
-      width: i = 100,
-      height: n = 100,
+      width: n = 100,
+      height: i = 100,
       fill: a = "blue"
     } = h, o = Y(h, [
       "id",
@@ -2183,11 +2183,11 @@ class nt {
       id: e,
       left: t,
       top: s,
-      width: i,
-      height: n,
+      width: n,
+      height: i,
       fill: a
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2205,13 +2205,13 @@ class nt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(r = {}, { withoutSelection: o, withoutAdding: c } = {}) {
+  addCircle(r = {}, { withoutSelection: o, withoutAdding: d } = {}) {
     var l = r, {
       id: e = `circle-${L()}`,
       left: t,
       top: s,
-      radius: i = 50,
-      fill: n = "green"
+      radius: n = 50,
+      fill: i = "green"
     } = l, a = Y(l, [
       "id",
       "left",
@@ -2223,10 +2223,10 @@ class nt {
       id: e,
       left: t,
       top: s,
-      fill: n,
-      radius: i
+      fill: i,
+      radius: n
     }, a));
-    return !t && !s && h.centerObject(g), c || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
+    return !t && !s && h.centerObject(g), d || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
   }
   /**
    * Добавление треугольника
@@ -2245,13 +2245,13 @@ class nt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: c, withoutAdding: r } = {}) {
+  addTriangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `triangle-${L()}`,
       left: t,
       top: s,
-      width: i = 100,
-      height: n = 100,
+      width: n = 100,
+      height: i = 100,
       fill: a = "yellow"
     } = h, o = Y(h, [
       "id",
@@ -2266,10 +2266,10 @@ class nt {
       left: t,
       top: s,
       fill: a,
-      width: i,
-      height: n
+      width: n,
+      height: i
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
 }
 class at {
@@ -2285,59 +2285,56 @@ class at {
    * @fires editor:object-copied
    */
   copy() {
-    const { canvas: e, errorManager: t } = this.editor, s = e.getActiveObject();
-    if (!s) return;
-    if (typeof ClipboardItem == "undefined" || !navigator.clipboard) {
-      t.emitWarning({
-        origin: "ClipboardManager",
-        method: "copy",
-        code: "CLIPBOARD_NOT_SUPPORTED",
-        // eslint-disable-next-line max-len
-        message: "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
-      }), this._cloneAndFire(e, s);
-      return;
-    }
-    if (s.type !== "image") {
-      const g = `application/image-editor:${JSON.stringify(s.toObject(["format"]))}`;
-      navigator.clipboard.writeText(g).catch((u) => {
+    return I(this, null, function* () {
+      const { canvas: e, errorManager: t } = this.editor, s = e.getActiveObject();
+      if (!s) return;
+      try {
+        const g = yield s.clone(["format"]);
+        this.clipboard = g, e.fire("editor:object-copied", { object: g });
+      } catch (g) {
+        t.emitError({
+          origin: "ClipboardManager",
+          method: "copy",
+          code: "CLONE_FAILED",
+          message: "Ошибка клонирования объекта",
+          data: g
+        });
+        return;
+      }
+      if (typeof ClipboardItem == "undefined" || !navigator.clipboard) {
         t.emitWarning({
           origin: "ClipboardManager",
           method: "copy",
-          code: "CLIPBOARD_WRITE_TEXT_FAILED",
-          message: `Ошибка записи текстового объекта в буфер обмена: ${u.message}`,
-          data: u
+          code: "CLIPBOARD_NOT_SUPPORTED",
+          // eslint-disable-next-line max-len
+          message: "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
+        });
+        return;
+      }
+      if (s.type !== "image") {
+        const g = `application/image-editor:${JSON.stringify(s.toObject(["format"]))}`;
+        navigator.clipboard.writeText(g).catch((u) => {
+          t.emitWarning({
+            origin: "ClipboardManager",
+            method: "copy",
+            code: "CLIPBOARD_WRITE_TEXT_FAILED",
+            message: `Ошибка записи текстового объекта в буфер обмена: ${u.message}`,
+            data: u
+          });
+        });
+        return;
+      }
+      const i = s.toCanvasElement().toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), r = new Uint8Array(d.length);
+      for (let g = 0; g < d.length; g += 1)
+        r[g] = d.charCodeAt(g);
+      const l = new Blob([r.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
+      navigator.clipboard.write([h]).catch((g) => {
+        t.emitWarning({
+          origin: "ClipboardManager",
+          method: "copy",
+          code: "CLIPBOARD_WRITE_IMAGE_FAILED",
+          message: `Ошибка записи изображения в буфер обмена: ${g.message}`
         });
-      }), this._cloneAndFire(e, s);
-      return;
-    }
-    const n = s.toCanvasElement().toDataURL(), a = n.slice(5).split(";")[0], o = n.split(",")[1], c = atob(o), r = new Uint8Array(c.length);
-    for (let g = 0; g < c.length; g += 1)
-      r[g] = c.charCodeAt(g);
-    const l = new Blob([r.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
-    navigator.clipboard.write([h]).catch((g) => {
-      t.emitWarning({
-        origin: "ClipboardManager",
-        method: "copy",
-        code: "CLIPBOARD_WRITE_IMAGE_FAILED",
-        message: `Ошибка записи изображения в буфер обмена: ${g.message}`
-      });
-    }), this._cloneAndFire(e, s);
-  }
-  /**
-   * Клонирует объект и вызывает событие 'editor:object-copied'.
-   * @param canvas - экземпляр canvas
-   * @param object - активный объект
-   */
-  _cloneAndFire(e, t) {
-    t.clone(["format"]).then((s) => {
-      this.clipboard = s, e.fire("editor:object-copied", { object: s });
-    }).catch((s) => {
-      this.editor.errorManager.emitError({
-        origin: "ClipboardManager",
-        method: "_cloneAndFire",
-        code: "CLONE_FAILED",
-        message: "Ошибка клонирования объекта",
-        data: s
       });
     });
   }
@@ -2350,19 +2347,19 @@ class at {
   handlePasteEvent({ clipboardData: e }) {
     var a;
     if (!((a = e == null ? void 0 : e.items) != null && a.length)) return;
-    const { imageManager: t } = this.editor, { items: s } = e, i = s[s.length - 1];
-    if (i.type !== "text/html") {
-      const o = i.getAsFile();
+    const { imageManager: t } = this.editor, { items: s } = e, n = s[s.length - 1];
+    if (n.type !== "text/html") {
+      const o = n.getAsFile();
       if (!o) return;
-      const c = new FileReader();
-      c.onload = (r) => {
+      const d = new FileReader();
+      d.onload = (r) => {
         r.target && this.editor.imageManager.importImage({ source: r.target.result });
-      }, c.readAsDataURL(o);
+      }, d.readAsDataURL(o);
       return;
     }
-    const n = e.getData("text/html");
-    if (n) {
-      const r = new DOMParser().parseFromString(n, "text/html").querySelector("img");
+    const i = e.getData("text/html");
+    if (i) {
+      const r = new DOMParser().parseFromString(i, "text/html").querySelector("img");
       if (r != null && r.src) {
         t.importImage({ source: r.src });
         return;
@@ -2403,7 +2400,7 @@ class F {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: i, historyManager: n } = this.editor, a = e || i.getActiveObject();
+    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
     if (!a || a.locked) return;
     const o = {
       lockMovementX: !0,
@@ -2417,7 +2414,7 @@ class F {
     };
     a.set(o), !t && F._isGroupOrSelection(a) && a.getObjects().forEach((r) => {
       r.set(o);
-    }), i.renderAll(), s || n.saveState(), i.fire("editor:object-locked", {
+    }), n.renderAll(), s || i.saveState(), n.fire("editor:object-locked", {
       object: a,
       skipInnerObjects: t,
       withoutSave: s
@@ -2431,8 +2428,8 @@ class F {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: i } = this.editor, n = e || s.getActiveObject();
-    if (!n) return;
+    const { canvas: s, historyManager: n } = this.editor, i = e || s.getActiveObject();
+    if (!i) return;
     const a = {
       lockMovementX: !1,
       lockMovementY: !1,
@@ -2443,10 +2440,10 @@ class F {
       lockSkewingY: !1,
       locked: !1
     };
-    n.set(a), F._isGroupOrSelection(n) && n.getObjects().forEach((o) => {
+    i.set(a), F._isGroupOrSelection(i) && i.getObjects().forEach((o) => {
       o.set(a);
-    }), s.renderAll(), t || i.saveState(), s.fire("editor:object-unlocked", {
-      object: n,
+    }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
+      object: i,
       withoutSave: t
     });
   }
@@ -2469,13 +2466,13 @@ class ot {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: i } = this.editor;
-    i.suspendHistory();
-    const n = e || s.getActiveObject();
-    if (!n || !(n instanceof v)) return;
-    const a = n.getObjects(), o = new X(a);
-    a.forEach((c) => s.remove(c)), o.set("id", `${o.type}-${L()}`), s.add(o), s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-grouped", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const i = e || s.getActiveObject();
+    if (!i || !(i instanceof v)) return;
+    const a = i.getObjects(), o = new X(a);
+    a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${L()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
+      object: i,
       group: o,
       withoutSave: t
     });
@@ -2491,17 +2488,17 @@ class ot {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: i } = this.editor;
-    i.suspendHistory();
-    const n = e || s.getActiveObject();
-    if (!(n instanceof X)) return;
-    const a = n.removeAll();
-    s.remove(n), a.forEach((c) => s.add(c));
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const i = e || s.getActiveObject();
+    if (!(i instanceof X)) return;
+    const a = i.removeAll();
+    s.remove(i), a.forEach((d) => s.add(d));
     const o = new v(a, {
       canvas: s
     });
-    s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-ungrouped", {
-      object: n,
+    s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
+      object: i,
       selection: o,
       withoutSave: t
     });
@@ -2518,8 +2515,8 @@ class rt {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const i = t.getObjects(), n = i.some((o) => o.locked), a = i.length > 1 ? new v(t.getObjects(), { canvas: e }) : i[0];
-    n && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
+    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new v(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 ct {
@@ -2537,14 +2534,14 @@ class ct {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: i, groupingManager: n } = this.editor, a = (e || s.getActiveObjects()).filter((o) => !o.locked);
-    a != null && a.length && (i.suspendHistory(), a.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") {
-        n.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
+        i.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
       s.remove(o);
-    }), s.discardActiveObject(), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-deleted", {
+    }), s.discardActiveObject(), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-deleted", {
       objects: a,
       withoutSave: t
     }));
@@ -2638,20 +2635,20 @@ class V {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: i, message: n }) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: i }) {
     if (!V.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const a = n || s;
-    console.error(`${e}. ${t}. ${s}. ${a}`, i);
+    const a = i || s;
+    console.error(`${e}. ${t}. ${s}. ${a}`, n);
     const o = {
       code: s,
       origin: e,
       method: t,
       message: a,
-      data: i
+      data: n
     };
     this._buffer.push(p({
       type: "editor:error"
@@ -2667,19 +2664,19 @@ class V {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: i, data: n }) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: i }) {
     if (!V.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const a = i || s;
-    console.warn(`${e}. ${t}. ${s}. ${a}`, n);
+    const a = n || s;
+    console.warn(`${e}. ${t}. ${s}. ${a}`, i);
     const o = {
       code: s,
       origin: e,
       method: t,
       message: a,
-      data: n
+      data: i
     };
     this._buffer.push(p({
       type: "editor:warning"
@@ -2694,7 +2691,7 @@ class V {
     return e ? Object.values(dt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ie {
+class ne {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -2714,15 +2711,15 @@ class ie {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: s,
-        canvasWrapperHeight: i,
-        canvasCSSWidth: n,
+        canvasWrapperHeight: n,
+        canvasCSSWidth: i,
         canvasCSSHeight: a,
         initialImage: o,
-        initialStateJSON: c,
+        initialStateJSON: d,
         scaleType: r,
         _onReadyCallback: l
       } = this.options;
-      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new V({ editor: this }), this.historyManager = new Je({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new nt({ editor: this }), this.interactionBlocker = new it({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ 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(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
+      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new V({ editor: this }), this.historyManager = new Je({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new it({ editor: this }), this.interactionBlocker = new nt({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ 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: h,
           scale: g = `image-${r}`,
@@ -2731,7 +2728,7 @@ class ie {
         yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
+      d && this.historyManager.loadStateFromFullState(d), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
   /**
@@ -2745,7 +2742,7 @@ class ie {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ie._createMosaicPattern(),
+      fill: ne._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -2889,15 +2886,15 @@ const lt = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function bt(d, e = {}) {
-  const t = p(p({}, lt), e), s = document.getElementById(d);
+function bt(c, e = {}) {
+  const t = p(p({}, lt), e), s = document.getElementById(c);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${d}" не найден.`));
-  const i = document.createElement("canvas");
-  return i.id = `${d}-canvas`, s.appendChild(i), t.editorContainer = s, new Promise((n) => {
-    t._onReadyCallback = n;
-    const a = new ie(i.id, t);
-    window[d] = a;
+    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
+  const n = document.createElement("canvas");
+  return n.id = `${c}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((i) => {
+    t._onReadyCallback = i;
+    const a = new ne(n.id, t);
+    window[c] = a;
   });
 }
 export {