@anu3ev/fabric-image-editor 0.1.42 → 0.1.44

package/dist/main.js

@@ -1,12 +1,12 @@
-var Ee = Object.defineProperty;
+var we = Object.defineProperty;
 var G = Object.getOwnPropertySymbols;
 var fe = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
-var Me = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
+var me = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
   for (var t in e || (e = {}))
-    fe.call(e, t) && Me(o, t, e[t]);
+    fe.call(e, t) && me(o, t, e[t]);
   if (G)
     for (var t of G(e))
-      je.call(e, t) && Me(o, t, e[t]);
+      je.call(e, t) && me(o, t, e[t]);
   return o;
 };
 var X = (o, e) => {
@@ -18,30 +18,30 @@ var X = (o, e) => {
       e.indexOf(a) < 0 && je.call(o, a) && (t[a] = o[a]);
   return t;
 };
-var Q = (o, e, t) => new Promise((a, r) => {
-  var n = (c) => {
+var Q = (o, e, t) => new Promise((a, n) => {
+  var i = (c) => {
     try {
-      s(t.next(c));
+      r(t.next(c));
     } catch (u) {
-      r(u);
+      n(u);
     }
-  }, i = (c) => {
+  }, s = (c) => {
     try {
-      s(t.throw(c));
+      r(t.throw(c));
     } catch (u) {
-      r(u);
+      n(u);
     }
-  }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(n, i);
-  s((t = t.apply(o, e)).next());
+  }, r = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, s);
+  r((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as R, util as P, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as ke, FabricImage as ee, Point as K, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as Ye } from "fabric";
-import { create as _e } from "jsondiffpatch";
-var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+import { ActiveSelection as T, util as P, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as ke, FabricImage as ee, Point as K, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as _e } from "fabric";
+import { create as He } from "jsondiffpatch";
+var Ye = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += He[a[e] & 63];
+    t += Ye[a[e] & 63];
   return t;
 };
-class H {
+class R {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -58,7 +58,7 @@ class H {
    * @param {Boolean} [params.options.resetObjectFitByDoubleClick] — сброс фита объекта по двойному клику
    */
   constructor({ editor: e, options: t = {} }) {
-    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = H.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = H.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = H.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = R.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = R.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = R.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -68,15 +68,15 @@ class H {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: a,
-      bringToFrontOnSelection: r,
-      copyObjectsByHotkey: n,
-      pasteImageFromClipboard: i,
-      undoRedoByHotKeys: s,
+      bringToFrontOnSelection: n,
+      copyObjectsByHotkey: i,
+      pasteImageFromClipboard: s,
+      undoRedoByHotKeys: r,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
       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 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (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 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && 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 })), a && 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 }), s && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), r && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -85,20 +85,20 @@ class H {
    * @param {TPointerEvent} [params.e] - событие указателя (опционально)
    */
   _filterLockedSelection({ selected: e, e: t }) {
-    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((i) => i.locked)) return;
-    const r = e.filter((i) => !i.locked);
-    if (r.length === 0) {
+    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((s) => s.locked)) return;
+    const n = e.filter((s) => !s.locked);
+    if (n.length === 0) {
       this.canvas.discardActiveObject();
       return;
     }
-    if (r.length === 1) {
-      this.canvas.setActiveObject(r[0]);
+    if (n.length === 1) {
+      this.canvas.setActiveObject(n[0]);
       return;
     }
-    const n = new R(r, {
+    const i = new T(n, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
+    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -139,8 +139,8 @@ class H {
    * @param {String} event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: r } = e;
-    !t && !a || r !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: a, code: n } = e;
+    !t && !a || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -158,8 +158,8 @@ class H {
    */
   handleUndoRedoEvent(e) {
     return Q(this, null, function* () {
-      const { ctrlKey: t, metaKey: a, code: r, repeat: n } = e;
-      !t && !a || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (r === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : r === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      const { ctrlKey: t, metaKey: a, code: n, repeat: i } = e;
+      !t && !a || 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()));
     });
   }
   /**
@@ -178,8 +178,8 @@ class H {
    * @param {String} event.code — код клавиши
    */
   handleSelectAllEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: r } = e;
-    !t && !a || r !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: a, code: n } = e;
+    !t && !a || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete).
@@ -197,12 +197,12 @@ class H {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: a, isSpacePressed: r, isDragging: n } = this;
-    r || n || (this.isSpacePressed = !0, e.preventDefault(), t.set({
+    const { canvas: t, editor: a, isSpacePressed: n, isDragging: i } = this;
+    n || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
-    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((i) => {
-      i.set({
+    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((s) => {
+      s.set({
         selectable: !1,
         evented: !1
       });
@@ -296,10 +296,9 @@ class H {
    */
   static debounce(e, t) {
     let a = null;
-    return function(...r) {
-      const n = this;
-      a && clearTimeout(a), a = setTimeout(() => {
-        e.apply(n, r);
+    return function(...n) {
+      a !== null && clearTimeout(a), a = setTimeout(() => {
+        e.apply(this, n);
       }, t);
     };
   }
@@ -348,11 +347,11 @@ class Pe {
       data: t
     } = e, {
       requestId: a,
-      success: r,
-      data: n,
-      error: i
-    } = t, s = this._callbacks.get(a);
-    s && (r ? s.resolve(n) : s.reject(new Error(i)), this._callbacks.delete(a));
+      success: n,
+      data: i,
+      error: s
+    } = t, r = this._callbacks.get(a);
+    r && (n ? r.resolve(i) : r.reject(new Error(s)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -362,15 +361,15 @@ class Pe {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(A(8));
-    return new Promise((n, i) => {
-      this._callbacks.set(r, {
-        resolve: n,
-        reject: i
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], n = "".concat(e, ":").concat(A(8));
+    return new Promise((i, s) => {
+      this._callbacks.set(n, {
+        resolve: i,
+        reject: s
       }), this.worker.postMessage({
         action: e,
         payload: t,
-        requestId: r
+        requestId: n
       }, a);
     });
   }
@@ -381,26 +380,26 @@ class Pe {
     this.worker.terminate();
   }
 }
-var I = 12, Fe = 2, ae = 8, re = 20, We = 100, ne = 20, ie = 8, Ve = 100, se = 32, oe = 1, Ge = "#2B2D33", ce = "#3D8BF4", ue = "#FFFFFF";
-function J(o, e, t, a, r) {
-  var n = I, i = Fe;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, n, n, i), o.fill(), o.stroke(), o.restore();
+const I = 12, We = 2, ae = 8, ne = 20, Fe = 100, ie = 20, se = 8, Ve = 100, re = 32, oe = 1, Ge = "#2B2D33", ce = "#3D8BF4", ue = "#FFFFFF";
+function J(o, e, t, a, n) {
+  const i = I, s = We;
+  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, s), o.fill(), o.stroke(), o.restore();
 }
-function ye(o, e, t, a, r) {
-  var n = ae, i = re, s = We;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+function ye(o, e, t, a, n) {
+  const i = ae, s = ne, r = Fe;
+  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
 }
-function pe(o, e, t, a, r) {
-  var n = ne, i = ie, s = Ve;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+function be(o, e, t, a, n) {
+  const i = ie, s = se, r = Ve;
+  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
 }
-var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
+const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
 Ce.src = Xe;
-function Qe(o, e, t, a, r) {
-  var n = se, i = n / 2;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, i, 0, 2 * Math.PI), o.fill(), o.drawImage(Ce, -16 / 2, -16 / 2, i, i), o.restore();
+function Qe(o, e, t, a, n) {
+  const s = re / 2;
+  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, s, 0, 2 * Math.PI), o.fill(), o.drawImage(Ce, -16 / 2, -16 / 2, s, s), o.restore();
 }
-var Je = {
+const Je = {
   // Угловые точки
   tl: {
     render: J,
@@ -434,84 +433,83 @@ var Je = {
   ml: {
     render: ye,
     sizeX: ae,
-    sizeY: re,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: ye,
     sizeX: ae,
-    sizeY: re,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: pe,
-    sizeX: ne,
-    sizeY: ie,
+    render: be,
+    sizeX: ie,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: pe,
-    sizeX: ne,
-    sizeY: ie,
+    render: be,
+    sizeX: ie,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: Qe,
-    sizeX: se,
-    sizeY: se,
+    sizeX: re,
+    sizeY: re,
     offsetX: 0,
     offsetY: -32
   }
 };
 class Ke {
   static apply() {
-    var e = Oe.createObjectDefaultControls();
-    Object.entries(Je).forEach((t) => {
-      var [a, r] = t;
-      Object.assign(e[a], {
-        render: r.render,
-        sizeX: r.sizeX,
-        sizeY: r.sizeY,
-        offsetX: r.offsetX,
-        offsetY: r.offsetY
-      }), a === "mtr" && (e[a].cursorStyle = "grab", e[a].mouseDownHandler = (n, i, s, c) => {
-        var u = i.target;
-        u.canvas.setCursor("grabbing");
+    const e = Oe.createObjectDefaultControls();
+    Object.entries(Je).forEach(([t, a]) => {
+      Object.assign(e[t], {
+        render: a.render,
+        sizeX: a.sizeX,
+        sizeY: a.sizeY,
+        offsetX: a.offsetX,
+        offsetY: a.offsetY
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, s, r, c) => {
+        var l;
+        (l = s.target.canvas) == null || l.setCursor("grabbing");
       });
     }), Te.ownDefaults.controls = e;
   }
 }
-var $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function be(o, e, t, a, r, n, i) {
+var $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+function pe(o, e, t, a, n, i, s) {
   try {
-    var s = o[n](i), c = s.value;
+    var r = o[i](s), c = r.value;
   } catch (u) {
     return void t(u);
   }
-  s.done ? e(c) : Promise.resolve(c).then(a, r);
+  r.done ? e(c) : Promise.resolve(c).then(a, n);
 }
-function st(o) {
+function rt(o) {
   return function() {
     var e = this, t = arguments;
-    return new Promise(function(a, r) {
-      var n = o.apply(e, t);
-      function i(c) {
-        be(n, a, r, i, s, "next", c);
-      }
+    return new Promise(function(a, n) {
+      var i = o.apply(e, t);
       function s(c) {
-        be(n, a, r, i, s, "throw", c);
+        pe(i, a, n, s, r, "next", c);
+      }
+      function r(c) {
+        pe(i, a, n, s, r, "throw", c);
       }
-      i(void 0);
+      s(void 0);
     });
   };
 }
-const _ = {
+const Y = {
   style: {
     position: "absolute",
     display: "none",
@@ -571,17 +569,17 @@ const _ = {
   offsetTop: 50,
   icons: {
     copyPaste: $e,
-    delete: it,
+    delete: st,
     lock: qe,
     unlock: et,
-    bringToFront: rt,
-    sendToBack: nt,
+    bringToFront: nt,
+    sendToBack: it,
     bringForward: tt,
     sendBackwards: at
   },
   handlers: {
     copyPaste: function() {
-      var o = st(function* (t) {
+      var o = rt(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
@@ -616,8 +614,8 @@ function Ie(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(o);
-    e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(o, r).enumerable;
+    e && (a = a.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(o, n).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
@@ -662,11 +660,11 @@ class dt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = j(j(j({}, _), a), {}, {
-        style: j(j({}, _.style), a.style || {}),
-        btnStyle: j(j({}, _.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, _.icons), a.icons || {}),
-        handlers: j(j({}, _.handlers), a.handlers || {})
+      this.config = j(j(j({}, Y), a), {}, {
+        style: j(j({}, Y.style), a.style || {}),
+        btnStyle: j(j({}, Y.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, Y.icons), a.icons || {}),
+        handlers: j(j({}, Y.handlers), a.handlers || {})
       }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
         this.el.style.display = "none";
       }, this._createDOM(), this._bindEvents();
@@ -700,19 +698,19 @@ class dt {
     this.el.innerHTML = "";
     var a = function() {
       var {
-        name: i,
-        handle: s
-      } = r, {
+        name: s,
+        handle: r
+      } = n, {
         icons: c,
         btnStyle: u,
         handlers: l
       } = t.config, d = document.createElement("button");
-      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(i, '" />') : i, Object.assign(d.style, u), d.onclick = () => {
+      d.innerHTML = c[r] ? '<img src="'.concat(c[r], '" title="').concat(s, '" />') : s, Object.assign(d.style, u), d.onclick = () => {
         var h;
-        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
+        return (h = l[r]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
       }, t.el.appendChild(d);
     };
-    for (var r of e)
+    for (var n of e)
       a();
   }
   /**
@@ -779,15 +777,15 @@ class dt {
       var {
         el: t,
         config: a,
-        canvas: r
+        canvas: n
       } = this;
       e.setCoords();
-      var n = r.getZoom(), [, , , , i, s] = r.viewportTransform, {
+      var i = n.getZoom(), [, , , , s, r] = n.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: u,
         height: l
-      } = e.getBoundingRect(!1, !0), d = c * n + i, h = d - t.offsetWidth / 2, g = (u + l) * n + s + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), d = c * i + s, h = d - t.offsetWidth / 2, g = (u + l) * i + r + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(g, "px"),
@@ -802,26 +800,26 @@ class dt {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("selection:changed", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-function Ae(o, e, t, a, r, n, i) {
+function Ae(o, e, t, a, n, i, s) {
   try {
-    var s = o[n](i), c = s.value;
+    var r = o[i](s), c = r.value;
   } catch (u) {
     return void t(u);
   }
-  s.done ? e(c) : Promise.resolve(c).then(a, r);
+  r.done ? e(c) : Promise.resolve(c).then(a, n);
 }
 function te(o) {
   return function() {
     var e = this, t = arguments;
-    return new Promise(function(a, r) {
-      var n = o.apply(e, t);
-      function i(c) {
-        Ae(n, a, r, i, s, "next", c);
-      }
+    return new Promise(function(a, n) {
+      var i = o.apply(e, t);
       function s(c) {
-        Ae(n, a, r, i, s, "throw", c);
+        Ae(i, a, n, s, r, "next", c);
+      }
+      function r(c) {
+        Ae(i, a, n, s, r, "throw", c);
       }
-      i(void 0);
+      s(void 0);
     });
   };
 }
@@ -844,7 +842,7 @@ class lt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = _e({
+    this.diffPatcher = He({
       objectHash(e) {
         return [e.id, e.format, e.locked, e.left, e.top, e.width, e.height, e.flipX, e.flipY, e.scaleX, e.scaleY, e.angle, e.opacity].join("-");
       },
@@ -887,9 +885,9 @@ class lt {
       baseState: e,
       currentIndex: t,
       patches: a
-    } = this, r = JSON.parse(JSON.stringify(e)), n = 0; n < t; n += 1)
-      r = this.diffPatcher.patch(r, a[n].diff);
-    return console.log("getFullState state", r), r;
+    } = this, n = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
+      n = this.diffPatcher.patch(n, a[i].diff);
+    return console.log("getFullState state", n), n;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -925,17 +923,17 @@ class lt {
         console.log("loadStateFromFullState fullState", e);
         var {
           canvas: a,
-          canvasManager: r,
-          interactionBlocker: n
+          canvasManager: n,
+          interactionBlocker: i
         } = t.editor, {
-          width: i,
-          height: s
+          width: s,
+          height: r
         } = a;
         yield a.loadFromJSON(e);
         var c = a.getObjects().find((l) => l.id === "montage-area");
-        c && (t.editor.montageArea = c, (i !== e.width || s !== e.height) && r.updateCanvasAndFitObjects());
+        c && (t.editor.montageArea = c, (s !== e.width || r !== e.height) && n.updateCanvasAndFitObjects());
         var u = a.getObjects().find((l) => l.id === "overlay-mask");
-        u && (n.overlayMask = u, n.overlayMask.visible = !1), a.renderAll(), a.fire("editor:history-state-loaded", {
+        u && (i.overlayMask = u, i.overlayMask.visible = !1), a.renderAll(), a.fire("editor:history-state-loaded", {
           fullState: e,
           currentIndex: t.currentIndex,
           totalChangesCount: t.totalChangesCount,
@@ -1015,27 +1013,27 @@ class lt {
     })();
   }
 }
-const ht = 0.1, gt = 2, vt = 0.1, mt = 90, k = 16, x = 16, E = 4096, O = 4096;
-function Se(o, e, t, a, r, n, i) {
+const ht = 0.1, gt = 2, Mt = 0.1, vt = 90, x = 16, B = 16, w = 4096, O = 4096;
+function Se(o, e, t, a, n, i, s) {
   try {
-    var s = o[n](i), c = s.value;
+    var r = o[i](s), c = r.value;
   } catch (u) {
     return void t(u);
   }
-  s.done ? e(c) : Promise.resolve(c).then(a, r);
+  r.done ? e(c) : Promise.resolve(c).then(a, n);
 }
-function T(o) {
+function k(o) {
   return function() {
     var e = this, t = arguments;
-    return new Promise(function(a, r) {
-      var n = o.apply(e, t);
-      function i(c) {
-        Se(n, a, r, i, s, "next", c);
-      }
+    return new Promise(function(a, n) {
+      var i = o.apply(e, t);
       function s(c) {
-        Se(n, a, r, i, s, "throw", c);
+        Se(i, a, n, s, r, "next", c);
+      }
+      function r(c) {
+        Se(i, a, n, s, r, "throw", c);
       }
-      i(void 0);
+      s(void 0);
     });
   };
 }
@@ -1064,44 +1062,44 @@ class D {
    */
   importImage(e) {
     var t = this;
-    return T(function* () {
+    return k(function* () {
       var {
         source: a,
-        scale: r = "image-".concat(t.options.scaleType),
-        withoutSave: n = !1
+        scale: n = "image-".concat(t.options.scaleType),
+        withoutSave: i = !1
       } = e;
       if (!a) return null;
       var {
-        canvas: i,
-        montageArea: s,
+        canvas: s,
+        montageArea: r,
         transformManager: c,
         historyManager: u,
         errorManager: l
       } = t.editor, d = yield t.getContentType(a), h = D.getFormatFromContentType(d), {
         acceptContentTypes: g,
-        acceptFormats: M
+        acceptFormats: v
       } = t;
       if (!t.isAllowedContentType(d)) {
-        var m = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
+        var f = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
         return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: m,
+          message: f,
           data: {
             source: a,
             format: h,
             contentType: d,
             acceptContentTypes: g,
-            acceptFormats: M
+            acceptFormats: v
           }
         }), null;
       }
       u.suspendHistory();
       try {
-        var f, v;
+        var m, M;
         if (a instanceof File)
-          f = URL.createObjectURL(a);
+          m = URL.createObjectURL(a);
         else if (typeof a == "string") {
           var S = yield fetch(a, {
             mode: "cors"
@@ -1109,7 +1107,7 @@ class D {
             type: d,
             quality: 1
           });
-          f = URL.createObjectURL(N);
+          m = URL.createObjectURL(N);
         } else
           return l.emitError({
             origin: "ImageManager",
@@ -1121,76 +1119,76 @@ class D {
               format: h,
               contentType: d,
               acceptContentTypes: g,
-              acceptFormats: M
+              acceptFormats: v
             }
           }), null;
-        if (t._createdBlobUrls.push(f), h === "svg") {
-          var L = yield ke(f);
-          v = P.groupSVGElements(L.objects, L.options);
+        if (t._createdBlobUrls.push(m), h === "svg") {
+          var E = yield ke(m);
+          M = P.groupSVGElements(E.objects, E.options);
         } else
-          v = yield ee.fromURL(f, {
+          M = yield ee.fromURL(m, {
             crossOrigin: "anonymous"
           });
         var {
-          width: w,
+          width: L,
           height: y
-        } = v;
-        if (y > O || w > E) {
-          var p = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(p);
-          t._createdBlobUrls.push(B), v = yield ee.fromURL(B, {
+        } = M;
+        if (y > O || L > w) {
+          var b = yield t.resizeImageToBoundaries(M._element.src, "max"), Z = URL.createObjectURL(b);
+          t._createdBlobUrls.push(Z), M = yield ee.fromURL(Z, {
             crossOrigin: "anonymous"
           });
-        } else if (y < x || w < k) {
-          var F = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(F);
-          t._createdBlobUrls.push(Z), v = yield ee.fromURL(Z, {
+        } else if (y < B || L < x) {
+          var W = yield t.resizeImageToBoundaries(M._element.src, "min"), z = URL.createObjectURL(W);
+          t._createdBlobUrls.push(z), M = yield ee.fromURL(z, {
             crossOrigin: "anonymous"
           });
         }
-        if (v.set("id", "".concat(v.type, "-").concat(A())), v.set("format", h), r === "scale-montage")
+        if (M.set("id", "".concat(M.type, "-").concat(A())), M.set("format", h), n === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
-            object: v,
+            object: M,
             withoutSave: !0
           });
         else {
           var {
-            width: W,
-            height: z
-          } = s, U = t.calculateScaleFactor({
-            imageObject: v,
-            scaleType: r
+            width: F,
+            height: U
+          } = r, _ = t.calculateScaleFactor({
+            imageObject: M,
+            scaleType: n
           });
-          r === "image-contain" && U < 1 ? c.fitObject({
-            object: v,
+          n === "image-contain" && _ < 1 ? c.fitObject({
+            object: M,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (w > W || y > z) && c.fitObject({
-            object: v,
+          }) : n === "image-cover" && (L > F || y > U) && c.fitObject({
+            object: M,
             type: "cover",
             withoutSave: !0
           });
         }
-        i.add(v), i.centerObject(v), i.setActiveObject(v), i.renderAll(), u.resumeHistory(), n || u.saveState();
+        s.add(M), s.centerObject(M), s.setActiveObject(M), s.renderAll(), u.resumeHistory(), i || u.saveState();
         var V = {
-          image: v,
+          image: M,
           format: h,
           contentType: d,
-          scale: r,
-          withoutSave: n,
+          scale: n,
+          withoutSave: i,
           source: a
         };
-        return i.fire("editor:image-imported", V), V;
-      } catch (Y) {
+        return s.fire("editor:image-imported", V), V;
+      } catch (H) {
         return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: "Ошибка импорта изображения: ".concat(Y.message),
+          message: "Ошибка импорта изображения: ".concat(H.message),
           data: {
             source: a,
             format: h,
             contentType: d,
-            scale: r,
-            withoutSave: n
+            scale: n,
+            withoutSave: i
           }
         }), u.resumeHistory(), null;
       }
@@ -1206,24 +1204,24 @@ class D {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return T(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", n = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(E, "x").concat(O);
-      r === "min" && (n = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(k, "x").concat(x));
-      var i = {
+    return k(function* () {
+      var n = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(w, "x").concat(O);
+      n === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(x, "x").concat(B));
+      var s = {
         dataURL: e,
-        sizeType: r,
-        maxWidth: E,
+        sizeType: n,
+        maxWidth: w,
         maxHeight: O,
-        minWidth: k,
-        minHeight: x
+        minWidth: x,
+        minHeight: B
       };
       return a.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
-        message: n,
-        data: i
-      }), a.editor.workerManager.post("resizeImage", i);
+        message: i,
+        data: s
+      }), a.editor.workerManager.post("resizeImage", s);
     })();
   }
   /**
@@ -1239,121 +1237,121 @@ class D {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return T(function* () {
+    return k(function* () {
       var {
         fileName: a = "image.png",
-        contentType: r = "image/png",
-        exportAsBase64: n = !1,
-        exportAsBlob: i = !1
+        contentType: n = "image/png",
+        exportAsBase64: i = !1,
+        exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
-        canvas: s,
+        canvas: r,
         montageArea: c,
         workerManager: u
       } = t.editor;
       try {
-        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = D.getFormatFromContentType(d);
+        var l = n === "application/pdf", d = l ? "image/jpg" : n, h = D.getFormatFromContentType(d);
         c.setCoords();
         var {
           left: g,
-          top: M,
-          width: m,
-          height: f
-        } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(d) && (v.backgroundColor = "#ffffff");
-        var S = v.getObjects().find((b) => b.id === c.id);
-        S.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
-          width: m,
-          height: f
+          top: v,
+          width: f,
+          height: m
+        } = c.getBoundingRect(), M = yield r.clone(["id", "format", "locked"]);
+        ["image/jpg", "image/jpeg"].includes(d) && (M.backgroundColor = "#ffffff");
+        var S = M.getObjects().find((p) => p.id === c.id);
+        S.visible = !1, M.viewportTransform = [1, 0, 0, 1, -g, -v], M.setDimensions({
+          width: f,
+          height: m
         }, {
           backstoreOnly: !0
-        }), v.renderAll();
-        var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        }), M.renderAll();
+        var N = M.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
         if (h === "svg" && N) {
-          var L = v.toSVG();
-          v.dispose();
-          var w = D._exportSVGStringAsFile(L, {
-            exportAsBase64: n,
-            exportAsBlob: i,
+          var E = M.toSVG();
+          M.dispose();
+          var L = D._exportSVGStringAsFile(E, {
+            exportAsBase64: i,
+            exportAsBlob: s,
             fileName: a
           }), y = {
-            image: w,
+            image: L,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
           };
-          return s.fire("editor:canvas-exported", y), y;
+          return r.fire("editor:canvas-exported", y), y;
         }
-        var p = yield new Promise((b) => {
-          v.getElement().toBlob(b);
+        var b = yield new Promise((p) => {
+          M.getElement().toBlob(p);
         });
-        if (v.dispose(), i) {
-          var B = {
-            image: p,
+        if (M.dispose(), s) {
+          var Z = {
+            image: b,
             format: h,
             contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", B), B;
+          return r.fire("editor:canvas-exported", Z), Z;
         }
-        var F = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var W = yield createImageBitmap(b), z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: F
-        }, [F]);
+          bitmap: W
+        }, [W]);
         if (l) {
-          var W = 0.264583, z = m * W, U = f * W, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new V({
-            orientation: z > U ? "landscape" : "portrait",
+          var F = 0.264583, U = f * F, _ = m * F, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, H = new V({
+            orientation: U > _ ? "landscape" : "portrait",
             unit: "mm",
-            format: [z, U]
+            format: [U, _]
           });
-          if (Y.addImage(Z, "JPG", 0, 0, z, U), n) {
-            var De = Y.output("datauristring"), le = {
+          if (H.addImage(z, "JPG", 0, 0, U, _), i) {
+            var De = H.output("datauristring"), le = {
               image: De,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
             };
-            return s.fire("editor:canvas-exported", le), le;
+            return r.fire("editor:canvas-exported", le), le;
           }
-          var Ne = Y.output("blob"), Le = new File([Ne], a, {
+          var Ne = H.output("blob"), Ee = new File([Ne], a, {
             type: "application/pdf"
           }), he = {
-            image: Le,
+            image: Ee,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
           };
-          return s.fire("editor:canvas-exported", he), he;
+          return r.fire("editor:canvas-exported", he), he;
         }
-        if (n) {
+        if (i) {
           var ge = {
-            image: Z,
+            image: z,
             format: h,
             contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", ge), ge;
+          return r.fire("editor:canvas-exported", ge), ge;
         }
-        var ve = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, we = new File([p], ve, {
+        var Me = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([b], Me, {
           type: d
-        }), me = {
-          image: we,
+        }), ve = {
+          image: Le,
           format: h,
           contentType: d,
-          fileName: ve
+          fileName: Me
         };
-        return s.fire("editor:canvas-exported", me), me;
-      } catch (b) {
+        return r.fire("editor:canvas-exported", ve), ve;
+      } catch (p) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта изображения: ".concat(b.message),
+          message: "Ошибка экспорта изображения: ".concat(p.message),
           data: {
-            contentType: r,
+            contentType: n,
             fileName: a,
-            exportAsBase64: n,
-            exportAsBlob: i
+            exportAsBase64: i,
+            exportAsBlob: s
           }
         }), "";
       }
@@ -1372,13 +1370,13 @@ class D {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return T(function* () {
+    return k(function* () {
       var {
         object: a,
-        fileName: r = "image.png",
-        contentType: n = "image/png",
-        exportAsBase64: i = !1,
-        exportAsBlob: s = !1
+        fileName: n = "image.png",
+        contentType: i = "image/png",
+        exportAsBase64: s = !1,
+        exportAsBlob: r = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
         workerManager: u
@@ -1390,72 +1388,72 @@ class D {
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
           data: {
-            contentType: n,
-            fileName: r,
-            exportAsBase64: i,
-            exportAsBlob: s
+            contentType: i,
+            fileName: n,
+            exportAsBase64: s,
+            exportAsBlob: r
           }
         }), "";
       try {
-        var d = D.getFormatFromContentType(n);
+        var d = D.getFormatFromContentType(i);
         if (d === "svg") {
           var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
-            exportAsBase64: i,
-            exportAsBlob: s,
-            fileName: r
-          }), M = {
+            exportAsBase64: s,
+            exportAsBlob: r,
+            fileName: n
+          }), v = {
             image: g,
             format: d,
             contentType: "image/svg+xml",
-            fileName: r.replace(/\.[^/.]+$/, ".svg")
+            fileName: n.replace(/\.[^/.]+$/, ".svg")
           };
-          return c.fire("editor:object-exported", M), M;
+          return c.fire("editor:object-exported", v), v;
         }
-        if (i) {
-          var m = yield createImageBitmap(l._element), f = yield u.post("toDataURL", {
+        if (s) {
+          var f = yield createImageBitmap(l._element), m = yield u.post("toDataURL", {
             format: d,
             quality: 1,
-            bitmap: m
-          }, [m]), v = {
-            image: f,
+            bitmap: f
+          }, [f]), M = {
+            image: m,
             format: d,
-            contentType: n,
-            fileName: r
+            contentType: i,
+            fileName: n
           };
-          return c.fire("editor:object-exported", v), v;
+          return c.fire("editor:object-exported", M), M;
         }
-        var S = l.toCanvasElement(), N = yield new Promise((p) => {
-          S.toBlob(p);
+        var S = l.toCanvasElement(), N = yield new Promise((b) => {
+          S.toBlob(b);
         });
-        if (s) {
-          var L = {
+        if (r) {
+          var E = {
             image: N,
             format: d,
-            contentType: n,
-            fileName: r
+            contentType: i,
+            fileName: n
           };
-          return c.fire("editor:object-exported", L), L;
+          return c.fire("editor:object-exported", E), E;
         }
-        var w = new File([N], r, {
-          type: n
+        var L = new File([N], n, {
+          type: i
         }), y = {
-          image: w,
+          image: L,
           format: d,
-          contentType: n,
-          fileName: r
+          contentType: i,
+          fileName: n
         };
         return c.fire("editor:object-exported", y), y;
-      } catch (p) {
+      } catch (b) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта объекта: ".concat(p.message),
+          message: "Ошибка экспорта объекта: ".concat(b.message),
           data: {
-            contentType: n,
-            fileName: r,
-            exportAsBase64: i,
-            exportAsBlob: s
+            contentType: i,
+            fileName: n,
+            exportAsBase64: s,
+            exportAsBlob: r
           }
         }), "";
       }
@@ -1483,11 +1481,11 @@ class D {
     var {
       exportAsBase64: t,
       exportAsBlob: a,
-      fileName: r
+      fileName: n
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     return a ? new Blob([e], {
       type: "image/svg+xml"
-    }) : t ? "data:image/svg+xml;base64,".concat(btoa(e)) : new File([e], r.replace(/\.[^/.]+$/, ".svg"), {
+    }) : t ? "data:image/svg+xml;base64,".concat(btoa(e)) : new File([e], n.replace(/\.[^/.]+$/, ".svg"), {
       type: "image/svg+xml"
     });
   }
@@ -1526,7 +1524,7 @@ class D {
    */
   getContentType(e) {
     var t = this;
-    return T(function* () {
+    return k(function* () {
       return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     })();
   }
@@ -1538,19 +1536,19 @@ class D {
    */
   getContentTypeFromUrl(e) {
     var t = this;
-    return T(function* () {
+    return k(function* () {
       if (e.startsWith("data:")) {
         var a = e.match(/^data:([^;]+)/);
         return a ? a[1] : "application/octet-stream";
       }
       try {
-        var r = yield fetch(e, {
+        var n = yield fetch(e, {
           method: "HEAD"
-        }), n = r.headers.get("content-type");
-        if (n && n.startsWith("image/"))
-          return n.split(";")[0];
-      } catch (i) {
-        console.warn("HEAD запрос неудачен, определяем тип по расширению:", i);
+        }), i = n.headers.get("content-type");
+        if (i && i.startsWith("image/"))
+          return i.split(";")[0];
+      } catch (s) {
+        console.warn("HEAD запрос неудачен, определяем тип по расширению:", s);
       }
       return t.getContentTypeFromExtension(e);
     })();
@@ -1563,13 +1561,13 @@ class D {
    */
   getContentTypeFromExtension(e) {
     try {
-      var t, a = new URL(e), r = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), n = {};
-      return this.acceptContentTypes.forEach((i) => {
-        var s = D.getFormatFromContentType(i);
-        s && (n[s] = i);
-      }), n[r] || "application/octet-stream";
-    } catch (i) {
-      return console.warn("Не удалось определить расширение из URL:", e, i), "application/octet-stream";
+      var t, a = new URL(e), n = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
+      return this.acceptContentTypes.forEach((s) => {
+        var r = D.getFormatFromContentType(s);
+        r && (i[r] = s);
+      }), i[n] || "application/octet-stream";
+    } catch (s) {
+      return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
   }
   /**
@@ -1583,26 +1581,23 @@ class D {
       imageObject: t,
       scaleType: a = "contain"
     } = e, {
-      montageArea: r
+      montageArea: n
     } = this.editor;
-    if (!r || !t) return 1;
-    var n = r.width, i = r.height, {
-      width: s,
+    if (!n || !t) return 1;
+    var i = n.width, s = n.height, {
+      width: r,
       height: c
     } = t;
-    return a === "contain" || a === "image-contain" ? Math.min(n / s, i / c) : a === "cover" || a === "image-cover" ? Math.max(n / s, i / c) : 1;
+    return a === "contain" || a === "image-contain" ? Math.min(i / r, s / c) : a === "cover" || a === "image-cover" ? Math.max(i / r, s / c) : 1;
   }
 }
-class Mt {
+class mt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
    */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Устанавливаем внутреннюю ширину канваса (для экспорта)
@@ -1613,40 +1608,26 @@ class Mt {
    * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e) {
-    var {
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
+    var v;
+    if (!e) return;
+    const {
+      canvas: i,
+      montageArea: s,
+      options: { canvasBackstoreWidth: r }
+    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), w), x);
+    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreWidth(Number(r)) : this.setCanvasBackstoreWidth(l), s.set({ width: l }), (v = i.clipPath) == null || v.set({ width: l }), t) {
+      const f = l / c, m = u * f;
+      this.setResolutionHeight(m);
+      return;
+    }
+    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
+    i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
+      width: l,
       preserveProportional: t,
       withoutSave: a,
-      adaptCanvasToContainer: r
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (e) {
-      var {
-        canvas: n,
-        montageArea: i,
-        options: {
-          canvasBackstoreWidth: s
-        }
-      } = this.editor, {
-        width: c,
-        height: u
-      } = i, l = Number(Math.max(Math.min(e, E), k));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), i.set({
-        width: l
-      }), n.clipPath.set({
-        width: l
-      }), t) {
-        var d = l / c, h = u * d;
-        this.setResolutionHeight(h);
-        return;
-      }
-      var {
-        left: g,
-        top: M
-      } = this.getObjectDefaultCoords(i), m = n.getZoom();
-      n.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-width-changed", {
-        width: e
-      });
-    }
+      adaptCanvasToContainer: n
+    });
   }
   /**
    * Устанавливаем внутреннюю высоту канваса (для экспорта)
@@ -1657,59 +1638,43 @@ class Mt {
    * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e) {
-    var {
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
+    var v;
+    if (!e) return;
+    const {
+      canvas: i,
+      montageArea: s,
+      options: { canvasBackstoreHeight: r }
+    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), O), B);
+    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreHeight(Number(r)) : this.setCanvasBackstoreHeight(l), s.set({ height: l }), (v = i.clipPath) == null || v.set({ height: l }), t) {
+      const f = l / u, m = c * f;
+      this.setResolutionWidth(m);
+      return;
+    }
+    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
+    i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
+      height: l,
       preserveProportional: t,
       withoutSave: a,
-      adaptCanvasToContainer: r
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (e) {
-      var {
-        canvas: n,
-        montageArea: i,
-        options: {
-          canvasBackstoreHeight: s
-        }
-      } = this.editor, {
-        width: c,
-        height: u
-      } = i, l = Number(Math.max(Math.min(e, O), x));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), i.set({
-        height: l
-      }), n.clipPath.set({
-        height: l
-      }), t) {
-        var d = l / u, h = c * d;
-        this.setResolutionWidth(h);
-        return;
-      }
-      var {
-        left: g,
-        top: M
-      } = this.getObjectDefaultCoords(i), m = n.getZoom();
-      n.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-height-changed", {
-        height: e
-      });
-    }
+      adaptCanvasToContainer: n
+    });
   }
   /**
    * Центрирует монтажную область и ClipPath точно по центру канваса
    * и устанавливает правильный viewportTransform.
    */
   centerMontageArea() {
-    var {
-      canvas: e,
-      montageArea: t
-    } = this.editor, a = e.getWidth(), r = e.getHeight(), n = e.getZoom(), i = new K(a / 2, r / 2);
+    var c;
+    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), n = e.getHeight(), i = e.getZoom(), s = new K(a / 2, n / 2);
     t.set({
       left: a / 2,
-      top: r / 2
-    }), e.clipPath.set({
+      top: n / 2
+    }), (c = e.clipPath) == null || c.set({
       left: a / 2,
-      top: r / 2
+      top: n / 2
     }), e.renderAll();
-    var s = e.viewportTransform;
-    s[4] = a / 2 - i.x * n, s[5] = r / 2 - i.y * n, e.setViewportTransform(s), e.renderAll();
+    const r = e.viewportTransform;
+    r[4] = a / 2 - s.x * i, r[5] = n / 2 - s.y * i, e.setViewportTransform(r), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1717,52 +1682,43 @@ class Mt {
    * @returns {Object} координаты объекта
    */
   getObjectDefaultCoords(e) {
-    var {
-      canvas: t
-    } = this.editor, a = e || t.getActiveObject();
+    const { canvas: t } = this.editor, a = e || t.getActiveObject();
     if (!a)
-      return console.error("getObjectDefaultCoords. Не выбран объект"), this.editor.canvas.fire("editor:error", {
+      return this.editor.errorManager.emitError({
+        origin: "CanvasManager",
+        method: "getObjectDefaultCoords",
+        code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
-      }), {};
-    var {
-      width: r,
-      height: n
-    } = a, i = t.getZoom(), s = (r - r * i) / 2, c = (n - n * i) / 2;
-    return {
-      left: s,
-      top: c
-    };
+      }), { left: 0, top: 0 };
+    const { width: n, height: i } = a, s = t.getZoom(), r = (n - n * s) / 2, c = (i - i * s) / 2;
+    return { left: r, top: c };
   }
+  /**
+   * Устанавливаем ширину канваса в backstore (для экспорта)
+   * @param {Number} width
+   */
   setCanvasBackstoreWidth(e) {
-    if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, E), k);
-      this.editor.canvas.setDimensions({
-        width: t
-      }, {
-        backstoreOnly: !0
-      });
-    }
+    if (!e || typeof e != "number") return;
+    const t = Math.max(Math.min(e, w), x);
+    this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
+  /**
+   * Устанавливаем высоту канваса в backstore (для экспорта)
+   * @param {Number} height
+   */
   setCanvasBackstoreHeight(e) {
-    if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, O), x);
-      this.editor.canvas.setDimensions({
-        height: t
-      }, {
-        backstoreOnly: !0
-      });
-    }
+    if (!e || typeof e != "number") return;
+    const t = Math.max(Math.min(e, O), B);
+    this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
+  /**
+   * Адаптирует размеры канваса к размерам контейнера редактора.
+   * Устанавливает ширину и высоту канваса в зависимости от размеров контейнера
+   * с учётом минимальных и максимальных значений.
+   */
   adaptCanvasToContainer() {
-    var {
-      canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, E), k), i = Math.max(Math.min(r, O), x);
-    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", i), e.setDimensions({
-      width: n,
-      height: i
-    }, {
-      backstoreOnly: !0
-    });
+    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(a, w), x), s = Math.max(Math.min(n, O), B);
+    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", s), e.setDimensions({ width: i, height: s }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса и вписывает объекты в монтажную область.
@@ -1770,27 +1726,18 @@ class Mt {
    * @fires editor:canvas-updated
    */
   updateCanvasAndFitObjects() {
-    var {
+    const {
       canvas: e,
       selectionManager: t,
       transformManager: a,
       montageArea: {
-        width: r,
-        height: n
+        width: n,
+        height: i
       }
     } = this.editor;
-    this.setResolutionWidth(r, {
-      adaptCanvasToContainer: !0,
-      withoutSave: !0
-    }), this.setResolutionHeight(n, {
-      adaptCanvasToContainer: !0,
-      withoutSave: !0
-    }), this.centerMontageArea(), t.selectAll(), a.fitObject({
-      fitAsOneObject: !0,
-      withoutSave: !0
-    }), e.fire("editor:canvas-updated", {
-      width: r,
-      height: n
+    this.setResolutionWidth(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea(), t.selectAll(), a.fitObject({ fitAsOneObject: !0, withoutSave: !0 }), e.fire("editor:canvas-updated", {
+      width: n,
+      height: i
     });
   }
   /**
@@ -1805,16 +1752,13 @@ class Mt {
    * @param {Number} zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    var {
-      canvas: t,
-      montageArea: a
-    } = this.editor, r = a.width * e, n = a.height * e, i = t.wrapperEl.parentNode, s = r <= i.clientWidth ? "100%" : r, c = n <= i.clientHeight ? "100%" : n;
-    t.setDimensions({
-      width: s,
-      height: c
-    }, {
-      cssOnly: !0
-    });
+    const { canvas: t, montageArea: a } = this.editor, n = a.width * e, i = a.height * e, s = t.wrapperEl.parentNode;
+    if (!(s instanceof HTMLElement)) return;
+    const r = n <= s.clientWidth ? "100%" : n, c = i <= s.clientHeight ? "100%" : i;
+    t.setDimensions(
+      { width: r, height: c },
+      { cssOnly: !0 }
+    );
   }
   /**
    * Устанавливаем CSS ширину канваса для отображения
@@ -1897,50 +1841,37 @@ class Mt {
    * @param {string|number} [options.value]
    * @fires editor:display-{element}-{dimension}-changed
    */
-  setDisplayDimension() {
-    var {
+  setDisplayDimension({ element: e = "canvas", dimension: t, value: a } = {}) {
+    if (!a) return;
+    const { canvas: n, options: { editorContainer: i } } = this.editor, s = [];
+    switch (e) {
+      case "canvas":
+        s.push(n.lowerCanvasEl, n.upperCanvasEl);
+        break;
+      case "wrapper":
+        s.push(n.wrapperEl);
+        break;
+      case "container":
+        s.push(i);
+        break;
+      default:
+        s.push(n.lowerCanvasEl, n.upperCanvasEl);
+    }
+    const r = t === "width" ? "width" : "height";
+    if (typeof a == "string") {
+      s.forEach((u) => {
+        u.style[r] = a;
+      });
+      return;
+    }
+    if (isNaN(a)) return;
+    const c = `${a}px`;
+    s.forEach((u) => {
+      u.style[r] = c;
+    }), n.fire(`editor:display-${e}-${r}-changed`, {
       element: e,
-      dimension: t,
       value: a
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (a) {
-      var {
-        canvas: r,
-        options: {
-          editorContainer: n
-        }
-      } = this.editor, i = [];
-      switch (e) {
-        case "canvas":
-          i.push(r.lowerCanvasEl, r.upperCanvasEl);
-          break;
-        case "wrapper":
-          i.push(r.wrapperEl);
-          break;
-        case "container":
-          i.push(n);
-          break;
-        default:
-          i.push(r.lowerCanvasEl, r.upperCanvasEl);
-      }
-      var s = t === "width" ? "width" : "height";
-      if (typeof a == "string") {
-        i.forEach((l) => {
-          l.style[s] = a;
-        });
-        return;
-      }
-      var c = parseFloat(a);
-      if (!isNaN(c)) {
-        var u = "".concat(c, "px");
-        i.forEach((l) => {
-          l.style[s] = u;
-        }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
-          element: e,
-          value: a
-        });
-      }
-    }
+    });
   }
   /**
    * Если изображение вписывается в допустимые значения, то масштабируем под него канвас
@@ -1950,57 +1881,40 @@ class Mt {
    * @param {Boolean} [options.preserveAspectRatio] - Сохранять изначальные пропорции монтажной области
    * @fires editor:montage-area-scaled-to-image
    */
-  scaleMontageAreaToImage() {
-    var {
-      object: e,
-      preserveAspectRatio: t,
-      withoutSave: a
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: r,
-      montageArea: n,
-      transformManager: i,
+  scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: a } = {}) {
+    const {
+      canvas: n,
+      montageArea: i,
+      transformManager: s,
       options: {
-        montageAreaWidth: s,
+        montageAreaWidth: r,
         montageAreaHeight: c
       }
-    } = this.editor, u = e || r.getActiveObject();
-    if (!(!u || u.type !== "image" && u.format !== "svg")) {
-      var {
-        width: l,
-        height: d
-      } = u, h = Math.min(l, E), g = Math.min(d, O);
-      if (t) {
-        var {
-          width: M,
-          height: m
-        } = n, f = l / M, v = d / m, S = Math.max(f, v);
-        h = M * S, g = m * S;
-      }
-      this.setResolutionWidth(h, {
-        withoutSave: !0
-      }), this.setResolutionHeight(g, {
-        withoutSave: !0
-      }), (l > s || d > c) && i.calculateAndApplyDefaultZoom(), i.resetObject(u, {
-        withoutSave: !0
-      }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:montage-area-scaled-to-image", {
-        object: u,
-        width: h,
-        height: g,
-        preserveAspectRatio: t,
-        withoutSave: a
-      });
+    } = this.editor, u = e || n.getActiveObject();
+    if (!u || u.type !== "image" && u.format !== "svg") return;
+    const { width: l, height: d } = u;
+    let h = Math.min(l, w), g = Math.min(d, O);
+    if (t) {
+      const {
+        width: v,
+        height: f
+      } = i, m = l / v, M = d / f, S = Math.max(m, M);
+      h = v * S, g = f * S;
     }
+    this.setResolutionWidth(h, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), (l > r || d > c) && s.calculateAndApplyDefaultZoom(), s.resetObject(u, { withoutSave: !0 }), n.centerObject(u), n.renderAll(), a || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+      object: u,
+      width: h,
+      height: g,
+      preserveAspectRatio: t,
+      withoutSave: a
+    });
   }
   /**
    * Очистка холста
    * @fires editor:cleared
    */
   clearCanvas() {
-    var {
-      canvas: e,
-      montageArea: t,
-      historyManager: a
-    } = this.editor;
+    const { canvas: e, montageArea: t, historyManager: a } = this.editor;
     a.suspendHistory(), e.clear(), e.add(t), e.renderAll(), a.resumeHistory(), a.saveState(), e == null || e.fire("editor:cleared");
   }
   /**
@@ -2009,37 +1923,25 @@ class Mt {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:default-scale-set
    */
-  setDefaultScale() {
-    var {
-      withoutSave: e
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
+  setDefaultScale({ withoutSave: e } = {}) {
+    const {
       canvas: t,
       transformManager: a,
-      historyManager: r,
+      historyManager: n,
       options: {
-        montageAreaWidth: n,
-        montageAreaHeight: i
+        montageAreaWidth: i,
+        montageAreaHeight: s
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(n, {
-      withoutSave: !0
-    }), this.setResolutionHeight(i, {
-      withoutSave: !0
-    }), t.renderAll(), a.resetObjects(), e || r.saveState(), t.fire("editor:default-scale-set");
+    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(s, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
    * @returns {Array} массив объектов
    */
   getObjects() {
-    var {
-      canvas: e,
-      montageArea: t,
-      interactionBlocker: {
-        overlayMask: a
-      }
-    } = this.editor, r = e.getObjects();
-    return r.filter((n) => n.id !== t.id && n.id !== a.id);
+    const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: a } } = this.editor;
+    return e.getObjects().filter((i) => i.id !== t.id && i.id !== a.id);
   }
 }
 class ft {
@@ -2054,7 +1956,7 @@ class ft {
    * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, a = t.editorContainer, r = a.clientWidth, n = a.clientHeight, { width: i, height: s } = this.editor.montageArea, c = r / i * e, u = n / s * e;
+    const { canvas: t } = this.editor, a = t.editorContainer, n = a.clientWidth, i = a.clientHeight, { width: s, height: r } = this.editor.montageArea, c = n / s * e, u = i / r * e;
     this.defaultZoom = Math.min(c, u);
     const { defaultZoom: l, maxZoomFactor: d, minZoom: h, maxZoom: g } = this;
     this.minZoom = Math.min(l / d, h), this.maxZoom = Math.max(l * d, g), this.setZoom();
@@ -2068,17 +1970,17 @@ class ft {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = vt, t = {}) {
+  zoom(e = Mt, t = {}) {
     var h, g;
     if (!e) return;
-    const { minZoom: a, maxZoom: r } = this, { canvas: n } = this.editor, i = n.getZoom(), s = n.getCenterPoint(), c = (h = t.pointX) != null ? h : s.x, u = (g = t.pointY) != null ? g : s.y, l = new K(c, u);
-    let d = Number((i + Number(e)).toFixed(2));
-    d > r && (d = r), d < a && (d = a), n.zoomToPoint(l, d), console.log({
-      currentZoom: i,
+    const { minZoom: a, maxZoom: n } = this, { canvas: i } = this.editor, s = i.getZoom(), r = i.getCenterPoint(), c = (h = t.pointX) != null ? h : r.x, u = (g = t.pointY) != null ? g : r.y, l = new K(c, u);
+    let d = Number((s + Number(e)).toFixed(2));
+    d > n && (d = n), d < a && (d = a), i.zoomToPoint(l, d), console.log({
+      currentZoom: s,
       zoom: d,
       point: l
-    }), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
+    }), i.fire("editor:zoom-changed", {
+      currentZoom: i.getZoom(),
       zoom: d,
       point: l
     });
@@ -2089,12 +1991,12 @@ class ft {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: a } = this, { canvas: r } = this.editor, n = new K(r.getCenterPoint());
-    let i = e;
-    e > a && (i = a), e < t && (i = t), r.zoomToPoint(n, i), r.fire("editor:zoom-changed", {
-      currentZoom: r.getZoom(),
-      zoom: i,
-      point: n
+    const { minZoom: t, maxZoom: a } = this, { canvas: n } = this.editor, i = new K(n.getCenterPoint());
+    let s = e;
+    e > a && (s = a), e < t && (s = t), n.zoomToPoint(i, s), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
+      zoom: s,
+      point: i
     });
   }
   /**
@@ -2115,14 +2017,14 @@ class ft {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = mt, { withoutSave: t } = {}) {
-    const { canvas: a, historyManager: r } = this.editor, n = a.getActiveObject();
-    if (!n) return;
-    const i = n.angle + e;
-    n.rotate(i), n.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
-      object: n,
+  rotate(e = vt, { withoutSave: t } = {}) {
+    const { canvas: a, historyManager: n } = this.editor, i = a.getActiveObject();
+    if (!i) return;
+    const s = i.angle + e;
+    i.rotate(s), i.setCoords(), a.renderAll(), t || n.saveState(), a.fire("editor:object-rotated", {
+      object: i,
       withoutSave: t,
-      angle: i
+      angle: s
     });
   }
   /**
@@ -2132,9 +2034,9 @@ class ft {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, r = t.getActiveObject();
-    r && (r.flipX = !r.flipX, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-x", {
-      object: r,
+    const { canvas: t, historyManager: a } = this.editor, n = t.getActiveObject();
+    n && (n.flipX = !n.flipX, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-x", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -2145,9 +2047,9 @@ class ft {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, r = t.getActiveObject();
-    r && (r.flipY = !r.flipY, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-y", {
-      object: r,
+    const { canvas: t, historyManager: a } = this.editor, n = t.getActiveObject();
+    n && (n.flipY = !n.flipY, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-y", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -2161,11 +2063,11 @@ class ft {
     opacity: t = 1,
     withoutSave: a
   } = {}) {
-    const { canvas: r, historyManager: n } = this.editor, i = e || r.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((s) => {
-      s.set("opacity", t);
-    }) : i.set("opacity", t), r.renderAll(), a || n.saveState(), r.fire("editor:object-opacity-changed", {
-      object: i,
+    const { canvas: n, historyManager: i } = this.editor, s = e || n.getActiveObject();
+    s && (s instanceof T ? s.getObjects().forEach((r) => {
+      r.set("opacity", t);
+    }) : s.set("opacity", t), n.renderAll(), a || i.saveState(), n.fire("editor:object-opacity-changed", {
+      object: s,
       opacity: t,
       withoutSave: a
     }));
@@ -2185,30 +2087,30 @@ class ft {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: a,
-    fitAsOneObject: r
+    fitAsOneObject: n
   } = {}) {
-    const { canvas: n, imageManager: i, historyManager: s } = this.editor, c = e || n.getActiveObject();
+    const { canvas: i, imageManager: s, historyManager: r } = this.editor, c = e || i.getActiveObject();
     if (c) {
-      if (c.set("angle", 0), ["activeselection"].includes(c.type) && !r) {
+      if (c.set("angle", 0), c instanceof T && !n) {
         const u = c.getObjects();
-        n.discardActiveObject(), u.forEach((d) => {
-          const h = i.calculateScaleFactor({ imageObject: d, scaleType: t });
-          d.scale(h), n.centerObject(d);
+        i.discardActiveObject(), u.forEach((d) => {
+          const h = s.calculateScaleFactor({ imageObject: d, scaleType: t });
+          d.scale(h), i.centerObject(d);
         });
-        const l = new R(u, { canvas: n });
-        n.setActiveObject(l);
+        const l = new T(u, { canvas: i });
+        i.setActiveObject(l);
       } else {
-        const u = i.calculateScaleFactor({
+        const u = s.calculateScaleFactor({
           imageObject: c,
           scaleType: t
         });
-        c.scale(u), n.centerObject(c);
+        c.scale(u), i.centerObject(c);
       }
-      n.renderAll(), a || s.saveState(), n.fire("editor:object-fitted", {
+      i.renderAll(), a || r.saveState(), i.fire("editor:object-fitted", {
         object: c,
         type: t,
         withoutSave: a,
-        fitAsOneObject: r
+        fitAsOneObject: n
       });
     }
   }
@@ -2231,14 +2133,14 @@ class ft {
    */
   resetObject(e, { alwaysFitObject: t = !1, withoutSave: a = !1 } = {}) {
     const {
-      canvas: r,
-      montageArea: n,
-      imageManager: i,
-      historyManager: s,
+      canvas: n,
+      montageArea: i,
+      imageManager: s,
+      historyManager: r,
       options: { scaleType: c }
-    } = this.editor, u = e || r.getActiveObject();
+    } = this.editor, u = e || n.getActiveObject();
     if (!u || u.locked) return;
-    if (s.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
+    if (r.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
@@ -2247,13 +2149,13 @@ class ft {
     }), t)
       this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: d, height: h } = n, { width: g, height: M } = u, m = i.calculateScaleFactor({
+      const { width: d, height: h } = i, { width: g, height: v } = u, f = s.calculateScaleFactor({
         imageObject: u,
         scaleType: c
       });
-      c === "contain" && m < 1 || c === "cover" && (g > d || M > h) ? this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 }) : u.set({ scaleX: 1, scaleY: 1 });
+      c === "contain" && f < 1 || c === "cover" && (g > d || v > h) ? this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 }) : u.set({ scaleX: 1, scaleY: 1 });
     }
-    u.set({ flipX: !1, flipY: !1, angle: 0 }), r.centerObject(u), r.renderAll(), s.resumeHistory(), a || s.saveState(), r.fire("editor:object-reset", {
+    u.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(u), n.renderAll(), r.resumeHistory(), a || r.saveState(), n.fire("editor:object-reset", {
       object: u,
       withoutSave: a,
       alwaysFitObject: t
@@ -2309,16 +2211,16 @@ class jt {
     if (!(!t || !this.overlayMask)) {
       a.suspendHistory(), t.setCoords();
       var {
-        left: r,
-        top: n,
-        width: i,
-        height: s
+        left: n,
+        top: i,
+        width: s,
+        height: r
       } = t.getBoundingRect();
       this.overlayMask.set({
-        left: r,
-        top: n,
-        width: i,
-        height: s
+        left: n,
+        top: i,
+        width: s,
+        height: r
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
       }), a.resumeHistory();
@@ -2338,8 +2240,8 @@ class jt {
         canvasManager: t,
         historyManager: a
       } = this.editor;
-      a.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((r) => {
-        r.evented = !1, r.selectable = !1;
+      a.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"), a.resumeHistory();
     }
   }
@@ -2354,8 +2256,8 @@ class jt {
         canvasManager: t,
         historyManager: a
       } = this.editor;
-      a.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((r) => {
-        r.evented = !0, r.selectable = !0;
+      a.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"), a.resumeHistory();
     }
   }
@@ -2383,14 +2285,14 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      historyManager: r
+      historyManager: n
     } = this.editor;
-    r.suspendHistory();
-    var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? n.getObjects().forEach((i) => {
-      a.bringObjectToFront(i);
-    }) : a.bringObjectToFront(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-to-front", {
-      object: n,
+    n.suspendHistory();
+    var i = e || a.getActiveObject();
+    i && (i.type === "activeselection" ? i.getObjects().forEach((s) => {
+      a.bringObjectToFront(s);
+    }) : a.bringObjectToFront(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-bring-to-front", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2406,12 +2308,12 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      historyManager: r
+      historyManager: n
     } = this.editor;
-    r.suspendHistory();
-    var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? $._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward", {
-      object: n,
+    n.suspendHistory();
+    var i = e || a.getActiveObject();
+    i && (i.type === "activeselection" ? $._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-bring-forward", {
+      object: i,
       withoutSave: t
     }));
   }
@@ -2427,22 +2329,22 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      montageArea: r,
-      historyManager: n,
+      montageArea: n,
+      historyManager: i,
       interactionBlocker: {
-        overlayMask: i
+        overlayMask: s
       }
     } = this.editor;
-    n.suspendHistory();
-    var s = e || a.getActiveObject();
-    if (s) {
-      if (s.type === "activeselection")
-        for (var c = s.getObjects(), u = c.length - 1; u >= 0; u -= 1)
+    i.suspendHistory();
+    var r = e || a.getActiveObject();
+    if (r) {
+      if (r.type === "activeselection")
+        for (var c = r.getObjects(), u = c.length - 1; u >= 0; u -= 1)
           a.sendObjectToBack(c[u]);
       else
-        a.sendObjectToBack(s);
-      a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back", {
-        object: s,
+        a.sendObjectToBack(r);
+      a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
+        object: r,
         withoutSave: t
       });
     }
@@ -2458,16 +2360,16 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      montageArea: r,
-      historyManager: n,
+      montageArea: n,
+      historyManager: i,
       interactionBlocker: {
-        overlayMask: i
+        overlayMask: s
       }
     } = this.editor;
-    n.suspendHistory();
-    var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? $._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-backwards", {
-      object: s,
+    i.suspendHistory();
+    var r = e || a.getActiveObject();
+    r && (r.type === "activeselection" ? $._moveSelectionBackwards(a, r) : a.sendObjectBackwards(r), a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
+      object: r,
       withoutSave: t
     }));
   }
@@ -2479,20 +2381,20 @@ class $ {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), n = r.map((l) => a.indexOf(l)), i = -1, s = function(d) {
+    for (var a = e.getObjects(), n = t.getObjects(), i = n.map((l) => a.indexOf(l)), s = -1, r = function(d) {
       var h = a[d];
-      if (!r.includes(h) && n.some((g) => d > g))
-        return i = d, 1;
-    }, c = 0; c < a.length && !s(c); c += 1)
+      if (!n.includes(h) && i.some((g) => d > g))
+        return s = d, 1;
+    }, c = 0; c < a.length && !r(c); c += 1)
       ;
-    if (i !== -1) {
-      var u = r.map((l) => ({
+    if (s !== -1) {
+      var u = n.map((l) => ({
         obj: l,
         index: a.indexOf(l)
       })).sort((l, d) => d.index - l.index);
       u.forEach((l) => {
         var d = a.indexOf(l.obj);
-        d < i && (e.moveObjectTo(l.obj, i), i = d);
+        d < s && (e.moveObjectTo(l.obj, s), s = d);
       });
     }
   }
@@ -2504,8 +2406,8 @@ class $ {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), n = Math.min(...r.map((s) => a.indexOf(s))), i = r.length - 1; i >= 0; i -= 1)
-      e.moveObjectTo(r[i], n - 1);
+    for (var a = e.getObjects(), n = t.getObjects(), i = Math.min(...n.map((r) => a.indexOf(r))), s = n.length - 1; s >= 0; s -= 1)
+      e.moveObjectTo(n[s], i - 1);
   }
 }
 class yt {
@@ -2537,10 +2439,10 @@ class yt {
       id: e = `rect-${A()}`,
       left: t,
       top: a,
-      width: r = 100,
-      height: n = 100,
-      fill: i = "blue"
-    } = d, s = X(d, [
+      width: n = 100,
+      height: i = 100,
+      fill: s = "blue"
+    } = d, r = X(d, [
       "id",
       "left",
       "top",
@@ -2552,10 +2454,10 @@ class yt {
       id: e,
       left: t,
       top: a,
-      width: r,
-      height: n,
-      fill: i
-    }, s));
+      width: n,
+      height: i,
+      fill: s
+    }, r));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
   /**
@@ -2574,14 +2476,14 @@ class yt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
+  addCircle(u = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = u, {
       id: e = `circle-${A()}`,
       left: t,
       top: a,
-      radius: r = 50,
-      fill: n = "green"
-    } = l, i = X(l, [
+      radius: n = 50,
+      fill: i = "green"
+    } = l, s = X(l, [
       "id",
       "left",
       "top",
@@ -2592,10 +2494,10 @@ class yt {
       id: e,
       left: t,
       top: a,
-      fill: n,
-      radius: r
-    }, i));
-    return !t && !a && d.centerObject(h), c || (d.add(h), s || d.setActiveObject(h), d.renderAll()), h;
+      fill: i,
+      radius: n
+    }, s));
+    return !t && !a && d.centerObject(h), c || (d.add(h), r || d.setActiveObject(h), d.renderAll()), h;
   }
   /**
    * Добавление треугольника
@@ -2619,10 +2521,10 @@ class yt {
       id: e = `triangle-${A()}`,
       left: t,
       top: a,
-      width: r = 100,
-      height: n = 100,
-      fill: i = "yellow"
-    } = d, s = X(d, [
+      width: n = 100,
+      height: i = 100,
+      fill: s = "yellow"
+    } = d, r = X(d, [
       "id",
       "left",
       "top",
@@ -2634,14 +2536,14 @@ class yt {
       id: e,
       left: t,
       top: a,
-      fill: i,
-      width: r,
-      height: n
-    }, s));
+      fill: s,
+      width: n,
+      height: i
+    }, r));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
 }
-class pt {
+class bt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2656,16 +2558,19 @@ class pt {
   copy() {
     const { canvas: e, errorManager: t } = this.editor, a = e.getActiveObject();
     if (!a) return;
-    if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
-      return t.emitWarning({
+    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, a);
+      return;
+    }
     if (a.type !== "image") {
       const h = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
-      return navigator.clipboard.writeText(h).catch((g) => {
+      navigator.clipboard.writeText(h).catch((g) => {
         t.emitWarning({
           origin: "ClipboardManager",
           method: "copy",
@@ -2674,11 +2579,12 @@ class pt {
           data: g
         });
       }), this._cloneAndFire(e, a);
+      return;
     }
-    const n = a.toCanvasElement().toDataURL(), i = n.slice(5).split(";")[0], s = n.split(",")[1], c = atob(s), u = new Uint8Array(c.length);
-    for (let h = 0; h < c.length; h++)
+    const i = a.toCanvasElement().toDataURL(), s = i.slice(5).split(";")[0], r = i.split(",")[1], c = atob(r), u = new Uint8Array(c.length);
+    for (let h = 0; h < c.length; h += 1)
       u[h] = c.charCodeAt(h);
-    const l = new Blob([u.buffer], { type: i }), d = new ClipboardItem({ [i]: l });
+    const l = new Blob([u.buffer], { type: s }), d = new ClipboardItem({ [s]: l });
     navigator.clipboard.write([d]).catch((h) => {
       t.emitWarning({
         origin: "ClipboardManager",
@@ -2713,21 +2619,21 @@ class pt {
    * @param {Array} event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent({ clipboardData: e }) {
-    var i;
-    if (!((i = e == null ? void 0 : e.items) != null && i.length)) return;
-    const { imageManager: t } = this.editor, { items: a } = e, r = a[a.length - 1];
-    if (r.type !== "text/html") {
-      const s = r.getAsFile();
-      if (!s) return;
+    var s;
+    if (!((s = e == null ? void 0 : e.items) != null && s.length)) return;
+    const { imageManager: t } = this.editor, { items: a } = e, n = a[a.length - 1];
+    if (n.type !== "text/html") {
+      const r = n.getAsFile();
+      if (!r) return;
       const c = new FileReader();
       c.onload = (u) => {
         u.target && this.editor.imageManager.importImage({ source: u.target.result });
-      }, c.readAsDataURL(s);
+      }, c.readAsDataURL(r);
       return;
     }
-    const n = e.getData("text/html");
-    if (n) {
-      const u = new DOMParser().parseFromString(n, "text/html").querySelector("img");
+    const i = e.getData("text/html");
+    if (i) {
+      const u = new DOMParser().parseFromString(i, "text/html").querySelector("img");
       if (u != null && u.src) {
         t.importImage({ source: u.src });
         return;
@@ -2749,13 +2655,13 @@ class pt {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof R ? (t.canvas = e, t.forEachObject((a) => {
+      }), t instanceof T ? (t.canvas = e, t.forEachObject((a) => {
         e.add(a);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
   }
 }
-class bt {
+class pt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2780,11 +2686,11 @@ class bt {
       skipInnerObjects: t,
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: r,
-      historyManager: n
-    } = this.editor, i = e || r.getActiveObject();
-    if (!(!i || i.locked)) {
-      var s = {
+      canvas: n,
+      historyManager: i
+    } = this.editor, s = e || n.getActiveObject();
+    if (!(!s || s.locked)) {
+      var r = {
         lockMovementX: !0,
         lockMovementY: !0,
         lockRotation: !0,
@@ -2794,12 +2700,12 @@ class bt {
         lockSkewingY: !0,
         locked: !0
       };
-      i.set(s);
-      var c = !t && ["activeselection", "group"].includes(i.type);
-      c && i.getObjects().forEach((u) => {
-        u.set(s);
-      }), r.renderAll(), a || n.saveState(), r.fire("editor:object-locked", {
-        object: i,
+      s.set(r);
+      var c = !t && ["activeselection", "group"].includes(s.type);
+      c && s.getObjects().forEach((u) => {
+        u.set(r);
+      }), n.renderAll(), a || i.saveState(), n.fire("editor:object-locked", {
+        object: s,
         skipInnerObjects: t,
         withoutSave: a
       });
@@ -2819,10 +2725,10 @@ class bt {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: r
-    } = this.editor, n = e || a.getActiveObject();
-    if (n) {
-      var i = {
+      historyManager: n
+    } = this.editor, i = e || a.getActiveObject();
+    if (i) {
+      var s = {
         lockMovementX: !1,
         lockMovementY: !1,
         lockRotation: !1,
@@ -2832,10 +2738,10 @@ class bt {
         lockSkewingY: !1,
         locked: !1
       };
-      n.set(i), ["activeselection", "group"].includes(n.type) && n.getObjects().forEach((s) => {
-        s.set(i);
-      }), a.renderAll(), t || r.saveState(), a.fire("editor:object-unlocked", {
-        object: n,
+      i.set(s), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((r) => {
+        r.set(s);
+      }), a.renderAll(), t || n.saveState(), a.fire("editor:object-unlocked", {
+        object: i,
         withoutSave: t
       });
     }
@@ -2865,15 +2771,15 @@ class It {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: r
+      historyManager: n
     } = this.editor;
-    r.suspendHistory();
-    var n = e || a.getActiveObject();
-    if (n && n.type === "activeselection") {
-      var i = n.getObjects(), s = new ze(i);
-      i.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(A())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped", {
-        object: n,
-        group: s,
+    n.suspendHistory();
+    var i = e || a.getActiveObject();
+    if (i && i.type === "activeselection") {
+      var s = i.getObjects(), r = new ze(s);
+      s.forEach((c) => a.remove(c)), r.set("id", "".concat(r.type, "-").concat(A())), a.add(r), a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-grouped", {
+        object: i,
+        group: r,
         withoutSave: t
       });
     }
@@ -2891,19 +2797,19 @@ class It {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: r
+      historyManager: n
     } = this.editor;
-    r.suspendHistory();
-    var n = e || a.getActiveObject();
-    if (!(!n || n.type !== "group")) {
-      var i = n.removeAll();
-      a.remove(n), i.forEach((c) => a.add(c));
-      var s = new R(i, {
+    n.suspendHistory();
+    var i = e || a.getActiveObject();
+    if (!(!i || i.type !== "group")) {
+      var s = i.removeAll();
+      a.remove(i), s.forEach((c) => a.add(c));
+      var r = new T(s, {
         canvas: a
       });
-      a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped", {
-        object: n,
-        selection: s,
+      a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-ungrouped", {
+        object: i,
+        selection: r,
         withoutSave: t
       });
     }
@@ -2931,15 +2837,15 @@ class At {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new R(t.getObjects(), {
+    var n = t.getObjects(), i = n.some((r) => r.locked), s = n.length > 1 ? new T(t.getObjects(), {
       canvas: e
-    }) : r[0];
-    n && a.lockObject({
-      object: i,
+    }) : n[0];
+    i && a.lockObject({
+      object: s,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), e.setActiveObject(i), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: i
+    }), e.setActiveObject(s), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
+      selected: s
     });
   }
 }
@@ -2967,22 +2873,22 @@ class St {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: r,
-      groupingManager: n
-    } = this.editor, i = (e || a.getActiveObjects()).filter((s) => !s.locked);
-    i != null && i.length && (r.suspendHistory(), i.forEach((s) => {
-      if (s.type === "group" && s.format !== "svg") {
-        n.ungroup(s), this.deleteSelectedObjects();
+      historyManager: n,
+      groupingManager: i
+    } = this.editor, s = (e || a.getActiveObjects()).filter((r) => !r.locked);
+    s != null && s.length && (n.suspendHistory(), s.forEach((r) => {
+      if (r.type === "group" && r.format !== "svg") {
+        i.ungroup(r), this.deleteSelectedObjects();
         return;
       }
-      a.remove(s);
-    }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted", {
-      objects: i,
+      a.remove(r);
+    }), a.discardActiveObject(), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-deleted", {
+      objects: s,
       withoutSave: t
     }));
   }
 }
-var Ct = {
+const Ct = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -3012,7 +2918,7 @@ var Ct = {
   /**
    * Коды ошибок и предупреждений для ClipboardManager.
    */
-  CLIPBOARD_CODES: {
+  CLIPBOARD_MANAGER: {
     /**
      * Буфер обмена не поддерживается в браузере или отсутствует HTTPS-соединение.
      */
@@ -3029,6 +2935,15 @@ var Ct = {
      * Ошибка клонирования объекта.
      */
     CLONE_FAILED: "CLONE_FAILED"
+  },
+  /**
+   * Коды ошибок и предупреждений для CanvasManager.
+   */
+  CANVAS_MANAGER: {
+    /**
+     * Ошибка при получении активного объекта.
+     */
+    NO_ACTIVE_OBJECT: "NO_ACTIVE_OBJECT"
   }
 };
 class q {
@@ -3051,24 +2966,24 @@ class q {
    * @param {string} [options.message] — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: r, message: n }) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: n, message: i }) {
     if (!q.isValidErrorCode(a)) {
       console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
       return;
     }
     if (!a) return;
-    const i = n || a;
-    console.error(`${e}. ${t}. ${a}. ${i}`, r);
-    const s = {
+    const s = i || a;
+    console.error(`${e}. ${t}. ${a}. ${s}`, n);
+    const r = {
       code: a,
       origin: e,
       method: t,
-      message: i,
-      data: r
+      message: s,
+      data: n
     };
     this._buffer.push(C({
       type: "editor:error"
-    }, s)), this.editor.canvas.fire("editor:error", s);
+    }, r)), this.editor.canvas.fire("editor:error", r);
   }
   /**
    * Эмитит предупреждение через fabricjs
@@ -3080,23 +2995,23 @@ class q {
    * @param {string} [options.message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: r, data: n }) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: n, data: i }) {
     if (!q.isValidErrorCode(a)) {
       console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
-    const i = r || a;
-    console.warn(`${e}. ${t}. ${a}. ${i}`, n);
-    const s = {
+    const s = n || a;
+    console.warn(`${e}. ${t}. ${a}. ${s}`, i);
+    const r = {
       code: a,
       origin: e,
       method: t,
-      message: i,
-      data: n
+      message: s,
+      data: i
     };
     this._buffer.push(C({
       type: "editor:warning"
-    }, s)), this.editor.canvas.fire("editor:warning", s);
+    }, r)), this.editor.canvas.fire("editor:warning", r);
   }
   static isValidErrorCode(e) {
     return e ? Object.values(Ct).some((t) => Object.values(t).includes(e)) : !1;
@@ -3117,20 +3032,20 @@ class de {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: a,
-        canvasWrapperHeight: r,
-        canvasCSSWidth: n,
-        canvasCSSHeight: i,
-        initialImage: s,
+        canvasWrapperHeight: n,
+        canvasCSSWidth: i,
+        canvasCSSHeight: s,
+        initialImage: r,
         initialStateJSON: c,
         scaleType: u,
         _onReadyCallback: l
       } = this.options;
-      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new Pe(), this.errorManager = new q({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new Mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new pt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new At({ editor: this }), this.deletionManager = new St({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new H({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), s != null && s.source) {
+      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new Pe(), this.errorManager = new q({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new bt({ editor: this }), this.objectLockManager = new pt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new At({ editor: this }), this.deletionManager = new St({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(s), r != null && r.source) {
         const {
           source: d,
           scale: h = `image-${u}`,
           withoutSave: g = !0
-        } = s;
+        } = r;
         yield this.imageManager.importImage({ source: d, scale: h, withoutSave: g });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
@@ -3189,7 +3104,7 @@ class de {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ye({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new _e({
       source: e,
       repeat: "repeat"
     });
@@ -3283,18 +3198,18 @@ const Dt = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function Et(o, e = {}) {
+function wt(o, e = {}) {
   const t = C(C({}, Dt), e), a = document.getElementById(o);
   if (!a)
     return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
-  const r = document.createElement("canvas");
-  return r.id = `${o}-canvas`, a.appendChild(r), t.editorContainer = a, new Promise((n) => {
-    t._onReadyCallback = n;
-    const i = new de(r.id, t);
-    window[o] = i;
+  const n = document.createElement("canvas");
+  return n.id = `${o}-canvas`, a.appendChild(n), t.editorContainer = a, new Promise((i) => {
+    t._onReadyCallback = i;
+    const s = new de(n.id, t);
+    window[o] = s;
   });
 }
 export {
-  Et as default
+  wt as default
 };
 //# sourceMappingURL=main.js.map