@anu3ev/fabric-image-editor 0.1.40 → 0.1.42

package/dist/main.js

@@ -1,47 +1,47 @@
-var Le = Object.defineProperty;
+var Ee = Object.defineProperty;
 var G = Object.getOwnPropertySymbols;
-var Me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
-var me = (o, e, t) => e in o ? Le(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
+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) => {
   for (var t in e || (e = {}))
-    Me.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))
-      fe.call(e, t) && me(o, t, e[t]);
+      je.call(e, t) && Me(o, t, e[t]);
   return o;
 };
 var X = (o, e) => {
   var t = {};
   for (var a in o)
-    Me.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
+    fe.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
   if (o != null && G)
     for (var a of G(o))
-      e.indexOf(a) < 0 && fe.call(o, a) && (t[a] = o[a]);
+      e.indexOf(a) < 0 && je.call(o, a) && (t[a] = o[a]);
   return t;
 };
 var Q = (o, e, t) => new Promise((a, r) => {
-  var i = (c) => {
+  var n = (c) => {
     try {
       s(t.next(c));
     } catch (u) {
       r(u);
     }
-  }, n = (c) => {
+  }, i = (c) => {
     try {
       s(t.throw(c));
     } catch (u) {
       r(u);
     }
-  }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
+  }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(n, i);
   s((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as H, util as P, controlsUtils as Ee, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as q, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as Ye } from "fabric";
+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 Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+var He = "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 += Re[a[e] & 63];
+    t += He[a[e] & 63];
   return t;
 };
-class R {
+class H {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -58,7 +58,7 @@ class R {
    * @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 = 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();
+    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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -69,14 +69,14 @@ class R {
       canvasDragging: t,
       mouseWheelZooming: a,
       bringToFrontOnSelection: r,
-      copyObjectsByHotkey: i,
-      pasteImageFromClipboard: n,
+      copyObjectsByHotkey: n,
+      pasteImageFromClipboard: i,
       undoRedoByHotKeys: s,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
-      resetObjectFitByDoubleClick: d
+      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)), d && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && 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), 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -85,8 +85,8 @@ class R {
    * @param {TPointerEvent} [params.e] - событие указателя (опционально)
    */
   _filterLockedSelection({ selected: e, e: t }) {
-    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((n) => n.locked)) return;
-    const r = e.filter((n) => !n.locked);
+    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) {
       this.canvas.discardActiveObject();
       return;
@@ -95,10 +95,10 @@ class R {
       this.canvas.setActiveObject(r[0]);
       return;
     }
-    const i = new H(r, {
+    const n = new R(r, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
+    this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -158,8 +158,8 @@ class R {
    */
   handleUndoRedoEvent(e) {
     return Q(this, null, function* () {
-      const { ctrlKey: t, metaKey: a, code: r, repeat: i } = e;
-      !t && !a || i || !/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: 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()));
     });
   }
   /**
@@ -197,12 +197,12 @@ class R {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: a, isSpacePressed: r, isDragging: i } = this;
-    r || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
+    const { canvas: t, editor: a, isSpacePressed: r, isDragging: n } = this;
+    r || n || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
-    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((n) => {
-      n.set({
+    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((i) => {
+      i.set({
         selectable: !1,
         evented: !1
       });
@@ -297,14 +297,14 @@ class R {
   static debounce(e, t) {
     let a = null;
     return function(...r) {
-      const i = this;
+      const n = this;
       a && clearTimeout(a), a = setTimeout(() => {
-        e.apply(i, r);
+        e.apply(n, r);
       }, t);
     };
   }
 }
-class He {
+class Re {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -349,10 +349,10 @@ class Pe {
     } = e, {
       requestId: a,
       success: r,
-      data: i,
-      error: n
+      data: n,
+      error: i
     } = t, s = this._callbacks.get(a);
-    s && (r ? s.resolve(i) : s.reject(new Error(n)), this._callbacks.delete(a));
+    s && (r ? s.resolve(n) : s.reject(new Error(i)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -363,10 +363,10 @@ class Pe {
    */
   post(e, t) {
     var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(A(8));
-    return new Promise((i, n) => {
+    return new Promise((n, i) => {
       this._callbacks.set(r, {
-        resolve: i,
-        reject: n
+        resolve: n,
+        reject: i
       }), this.worker.postMessage({
         action: e,
         payload: t,
@@ -381,24 +381,24 @@ class Pe {
     this.worker.terminate();
   }
 }
-var I = 12, We = 2, te = 8, ae = 20, Fe = 100, re = 20, ie = 8, Ve = 100, ne = 32, se = 1, Ge = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
+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 i = I, n = We;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, n), o.fill(), o.stroke(), o.restore();
-}
-function je(o, e, t, a, r) {
-  var i = te, n = ae, s = Fe;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
+  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();
 }
 function ye(o, e, t, a, r) {
-  var i = re, n = ie, s = Ve;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
+  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 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();
 }
-var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Se = new Image();
-Se.src = Xe;
+var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
+Ce.src = Xe;
 function Qe(o, e, t, a, r) {
-  var i = ne, n = i / 2;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(Se, -16 / 2, -16 / 2, n, n), o.restore();
+  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();
 }
 var Je = {
   // Угловые точки
@@ -432,30 +432,30 @@ var Je = {
   },
   // Середина вертикалей
   ml: {
-    render: je,
-    sizeX: te,
-    sizeY: ae,
+    render: ye,
+    sizeX: ae,
+    sizeY: re,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: je,
-    sizeX: te,
-    sizeY: ae,
+    render: ye,
+    sizeX: ae,
+    sizeY: re,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: ye,
-    sizeX: re,
+    render: pe,
+    sizeX: ne,
     sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: ye,
-    sizeX: re,
+    render: pe,
+    sizeX: ne,
     sizeY: ie,
     offsetX: 0,
     offsetY: 0
@@ -463,15 +463,15 @@ var Je = {
   // Специальный «rotate» контрол
   mtr: {
     render: Qe,
-    sizeX: ne,
-    sizeY: ne,
+    sizeX: se,
+    sizeY: se,
     offsetX: 0,
     offsetY: -32
   }
 };
 class Ke {
   static apply() {
-    var e = Ee.createObjectDefaultControls();
+    var e = Oe.createObjectDefaultControls();
     Object.entries(Je).forEach((t) => {
       var [a, r] = t;
       Object.assign(e[a], {
@@ -480,17 +480,17 @@ class Ke {
         sizeY: r.sizeY,
         offsetX: r.offsetX,
         offsetY: r.offsetY
-      }), a === "mtr" && (e[a].cursorStyle = "grab", e[a].mouseDownHandler = (i, n, s, c) => {
-        var u = n.target;
+      }), a === "mtr" && (e[a].cursorStyle = "grab", e[a].mouseDownHandler = (n, i, s, c) => {
+        var u = i.target;
         u.canvas.setCursor("grabbing");
       });
-    }), Oe.ownDefaults.controls = e;
+    }), 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+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function pe(o, e, t, a, r, i, n) {
+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) {
   try {
-    var s = o[i](n), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
@@ -500,14 +500,14 @@ function st(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = o.apply(e, t);
-      function n(c) {
-        pe(i, a, r, n, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        be(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        pe(i, a, r, n, s, "throw", c);
+        be(n, a, r, i, s, "throw", c);
       }
-      n(void 0);
+      i(void 0);
     });
   };
 }
@@ -571,11 +571,11 @@ const _ = {
   offsetTop: 50,
   icons: {
     copyPaste: $e,
-    delete: nt,
+    delete: it,
     lock: qe,
     unlock: et,
     bringToFront: rt,
-    sendToBack: it,
+    sendToBack: nt,
     bringForward: tt,
     sendBackwards: at
   },
@@ -612,7 +612,7 @@ const _ = {
     }
   }
 };
-function be(o, e) {
+function Ie(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(o);
@@ -625,9 +625,9 @@ function be(o, e) {
 function j(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? be(Object(t), !0).forEach(function(a) {
+    e % 2 ? Ie(Object(t), !0).forEach(function(a) {
       ot(o, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : be(Object(t)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
       Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
@@ -700,17 +700,17 @@ class dt {
     this.el.innerHTML = "";
     var a = function() {
       var {
-        name: n,
+        name: i,
         handle: s
       } = r, {
         icons: c,
         btnStyle: u,
-        handlers: d
-      } = t.config, l = document.createElement("button");
-      l.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(n, '" />') : n, Object.assign(l.style, u), l.onclick = () => {
+        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 = () => {
         var h;
-        return (h = d[s]) === null || h === void 0 ? void 0 : h.call(d, t.editor);
-      }, t.el.appendChild(l);
+        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
+      }, t.el.appendChild(d);
     };
     for (var r of e)
       a();
@@ -782,12 +782,12 @@ class dt {
         canvas: r
       } = this;
       e.setCoords();
-      var i = r.getZoom(), [, , , , n, s] = r.viewportTransform, {
+      var n = r.getZoom(), [, , , , i, s] = r.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: u,
-        height: d
-      } = e.getBoundingRect(!1, !0), l = c * i + n, h = l - t.offsetWidth / 2, g = (u + d) * i + s + a.offsetTop;
+        height: l
+      } = e.getBoundingRect(!1, !0), d = c * n + i, h = d - t.offsetWidth / 2, g = (u + l) * n + s + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(g, "px"),
@@ -802,26 +802,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 Ie(o, e, t, a, r, i, n) {
+function Ae(o, e, t, a, r, n, i) {
   try {
-    var s = o[i](n), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function ee(o) {
+function te(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = o.apply(e, t);
-      function n(c) {
-        Ie(i, a, r, n, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        Ae(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        Ie(i, a, r, n, s, "throw", c);
+        Ae(n, a, r, i, s, "throw", c);
       }
-      n(void 0);
+      i(void 0);
     });
   };
 }
@@ -887,8 +887,8 @@ class lt {
       baseState: e,
       currentIndex: t,
       patches: a
-    } = this, r = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
-      r = this.diffPatcher.patch(r, a[i].diff);
+    } = 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;
   }
   /**
@@ -920,22 +920,22 @@ class lt {
    */
   loadStateFromFullState(e) {
     var t = this;
-    return ee(function* () {
+    return te(function* () {
       if (e) {
         console.log("loadStateFromFullState fullState", e);
         var {
           canvas: a,
           canvasManager: r,
-          interactionBlocker: i
+          interactionBlocker: n
         } = t.editor, {
-          width: n,
+          width: i,
           height: s
         } = a;
         yield a.loadFromJSON(e);
-        var c = a.getObjects().find((d) => d.id === "montage-area");
-        c && (t.editor.montageArea = c, (n !== e.width || s !== e.height) && r.updateCanvasAndFitObjects());
-        var u = a.getObjects().find((d) => d.id === "overlay-mask");
-        u && (i.overlayMask = u, i.overlayMask.visible = !1), a.renderAll(), a.fire("editor:history-state-loaded", {
+        var c = a.getObjects().find((l) => l.id === "montage-area");
+        c && (t.editor.montageArea = c, (i !== e.width || s !== e.height) && r.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", {
           fullState: e,
           currentIndex: t.currentIndex,
           totalChangesCount: t.totalChangesCount,
@@ -952,7 +952,7 @@ class lt {
    */
   undo() {
     var e = this;
-    return ee(function* () {
+    return te(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -962,7 +962,14 @@ class lt {
         try {
           e.currentIndex -= 1, e.totalChangesCount -= 1;
           var t = e.getFullState();
-          yield e.loadStateFromFullState(t), console.log("Undo выполнен. Текущий индекс истории:", e.currentIndex), e.canvas.fire("editor:undo");
+          yield e.loadStateFromFullState(t), console.log("Undo выполнен. Текущий индекс истории:", e.currentIndex), e.canvas.fire("editor:undo", {
+            fullState: t,
+            currentIndex: e.currentIndex,
+            totalChangesCount: e.totalChangesCount,
+            baseStateChangesCount: e.baseStateChangesCount,
+            patchesCount: e.patches.length,
+            patches: e.patches
+          });
         } catch (a) {
           console.error("undo. Ошибка отмены действия: ", a), e.canvas.fire("editor:error", {
             message: "Ошибка отмены действия: ".concat(a.message)
@@ -979,7 +986,7 @@ class lt {
    */
   redo() {
     var e = this;
-    return ee(function* () {
+    return te(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex >= e.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -989,7 +996,14 @@ class lt {
         try {
           e.currentIndex += 1, e.totalChangesCount += 1;
           var t = e.getFullState();
-          console.log("fullState", t), yield e.loadStateFromFullState(t), console.log("Redo выполнен. Текущий индекс истории:", e.currentIndex), e.canvas.fire("editor:redo");
+          console.log("fullState", t), yield e.loadStateFromFullState(t), console.log("Redo выполнен. Текущий индекс истории:", e.currentIndex), e.canvas.fire("editor:redo", {
+            fullState: t,
+            currentIndex: e.currentIndex,
+            totalChangesCount: e.totalChangesCount,
+            baseStateChangesCount: e.baseStateChangesCount,
+            patchesCount: e.patches.length,
+            patches: e.patches
+          });
         } catch (a) {
           console.error("redo. Ошибка повтора действия: ", a), e.canvas.fire("editor:error", {
             message: "Ошибка повтора действия: ".concat(a.message)
@@ -1002,9 +1016,9 @@ class lt {
   }
 }
 const ht = 0.1, gt = 2, vt = 0.1, mt = 90, k = 16, x = 16, E = 4096, O = 4096;
-function Ae(o, e, t, a, r, i, n) {
+function Se(o, e, t, a, r, n, i) {
   try {
-    var s = o[i](n), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
@@ -1014,14 +1028,14 @@ function T(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = o.apply(e, t);
-      function n(c) {
-        Ae(i, a, r, n, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        Se(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        Ae(i, a, r, n, s, "throw", c);
+        Se(n, a, r, i, s, "throw", c);
       }
-      n(void 0);
+      i(void 0);
     });
   };
 }
@@ -1054,22 +1068,22 @@ class D {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
-        withoutSave: i = !1
+        withoutSave: n = !1
       } = e;
       if (!a) return null;
       var {
-        canvas: n,
+        canvas: i,
         montageArea: s,
         transformManager: c,
         historyManager: u,
-        errorManager: d
-      } = t.editor, l = yield t.getContentType(a), h = D.getFormatFromContentType(l), {
+        errorManager: l
+      } = t.editor, d = yield t.getContentType(a), h = D.getFormatFromContentType(d), {
         acceptContentTypes: g,
         acceptFormats: M
       } = t;
-      if (!t.isAllowedContentType(l)) {
-        var m = "Неверный contentType для изображения: ".concat(l, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
-        return d.emitError({
+      if (!t.isAllowedContentType(d)) {
+        var m = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
+        return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
@@ -1077,7 +1091,7 @@ class D {
           data: {
             source: a,
             format: h,
-            contentType: l,
+            contentType: d,
             acceptContentTypes: g,
             acceptFormats: M
           }
@@ -1092,12 +1106,12 @@ class D {
           var S = yield fetch(a, {
             mode: "cors"
           }), N = yield S.blob({
-            type: l,
+            type: d,
             quality: 1
           });
           f = URL.createObjectURL(N);
         } else
-          return d.emitError({
+          return l.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
@@ -1105,30 +1119,30 @@ class D {
             data: {
               source: a,
               format: h,
-              contentType: l,
+              contentType: d,
               acceptContentTypes: g,
               acceptFormats: M
             }
           }), null;
         if (t._createdBlobUrls.push(f), h === "svg") {
-          var w = yield Te(f);
-          v = P.groupSVGElements(w.objects, w.options);
+          var L = yield ke(f);
+          v = P.groupSVGElements(L.objects, L.options);
         } else
-          v = yield q.fromURL(f, {
+          v = yield ee.fromURL(f, {
             crossOrigin: "anonymous"
           });
         var {
-          width: L,
+          width: w,
           height: y
         } = v;
-        if (y > O || L > E) {
+        if (y > O || w > E) {
           var p = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(p);
-          t._createdBlobUrls.push(B), v = yield q.fromURL(B, {
+          t._createdBlobUrls.push(B), v = yield ee.fromURL(B, {
             crossOrigin: "anonymous"
           });
-        } else if (y < x || L < k) {
-          var W = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(W);
-          t._createdBlobUrls.push(Z), v = yield q.fromURL(Z, {
+        } 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, {
             crossOrigin: "anonymous"
           });
         }
@@ -1139,7 +1153,7 @@ class D {
           });
         else {
           var {
-            width: F,
+            width: W,
             height: z
           } = s, U = t.calculateScaleFactor({
             imageObject: v,
@@ -1149,24 +1163,24 @@ class D {
             object: v,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (L > F || y > z) && c.fitObject({
+          }) : r === "image-cover" && (w > W || y > z) && c.fitObject({
             object: v,
             type: "cover",
             withoutSave: !0
           });
         }
-        n.add(v), n.centerObject(v), n.setActiveObject(v), n.renderAll(), u.resumeHistory(), i || u.saveState();
+        i.add(v), i.centerObject(v), i.setActiveObject(v), i.renderAll(), u.resumeHistory(), n || u.saveState();
         var V = {
           image: v,
           format: h,
-          contentType: l,
+          contentType: d,
           scale: r,
-          withoutSave: i,
+          withoutSave: n,
           source: a
         };
-        return n.fire("editor:image-imported", V), V;
+        return i.fire("editor:image-imported", V), V;
       } catch (Y) {
-        return d.emitError({
+        return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
@@ -1174,9 +1188,9 @@ class D {
           data: {
             source: a,
             format: h,
-            contentType: l,
+            contentType: d,
             scale: r,
-            withoutSave: i
+            withoutSave: n
           }
         }), u.resumeHistory(), null;
       }
@@ -1193,9 +1207,9 @@ class D {
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
     return T(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(E, "x").concat(O);
-      r === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(k, "x").concat(x));
-      var n = {
+      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 = {
         dataURL: e,
         sizeType: r,
         maxWidth: E,
@@ -1207,9 +1221,9 @@ class D {
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
-        message: i,
-        data: n
-      }), a.editor.workerManager.post("resizeImage", n);
+        message: n,
+        data: i
+      }), a.editor.workerManager.post("resizeImage", i);
     })();
   }
   /**
@@ -1229,15 +1243,15 @@ class D {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
-        exportAsBase64: i = !1,
-        exportAsBlob: n = !1
+        exportAsBase64: n = !1,
+        exportAsBlob: i = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: s,
         montageArea: c,
         workerManager: u
       } = t.editor;
       try {
-        var d = r === "application/pdf", l = d ? "image/jpg" : r, h = D.getFormatFromContentType(l);
+        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = D.getFormatFromContentType(d);
         c.setCoords();
         var {
           left: g,
@@ -1245,7 +1259,7 @@ class D {
           width: m,
           height: f
         } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
+        ["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,
@@ -1255,14 +1269,14 @@ class D {
         }), v.renderAll();
         var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
         if (h === "svg" && N) {
-          var w = v.toSVG();
+          var L = v.toSVG();
           v.dispose();
-          var L = D._exportSVGStringAsFile(w, {
-            exportAsBase64: i,
-            exportAsBlob: n,
+          var w = D._exportSVGStringAsFile(L, {
+            exportAsBase64: n,
+            exportAsBlob: i,
             fileName: a
           }), y = {
-            image: L,
+            image: w,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
@@ -1272,63 +1286,63 @@ class D {
         var p = yield new Promise((b) => {
           v.getElement().toBlob(b);
         });
-        if (v.dispose(), n) {
+        if (v.dispose(), i) {
           var B = {
             image: p,
             format: h,
-            contentType: l,
+            contentType: d,
             fileName: a
           };
           return s.fire("editor:canvas-exported", B), B;
         }
-        var W = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var F = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: W
-        }, [W]);
-        if (d) {
-          var F = 0.264583, z = m * F, U = f * F, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new V({
+          bitmap: F
+        }, [F]);
+        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",
             unit: "mm",
             format: [z, U]
           });
-          if (Y.addImage(Z, "JPG", 0, 0, z, U), i) {
-            var Ce = Y.output("datauristring"), de = {
-              image: Ce,
+          if (Y.addImage(Z, "JPG", 0, 0, z, U), n) {
+            var De = Y.output("datauristring"), le = {
+              image: De,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
             };
-            return s.fire("editor:canvas-exported", de), de;
+            return s.fire("editor:canvas-exported", le), le;
           }
-          var De = Y.output("blob"), Ne = new File([De], a, {
+          var Ne = Y.output("blob"), Le = new File([Ne], a, {
             type: "application/pdf"
-          }), le = {
-            image: Ne,
+          }), he = {
+            image: Le,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
           };
-          return s.fire("editor:canvas-exported", le), le;
+          return s.fire("editor:canvas-exported", he), he;
         }
-        if (i) {
-          var he = {
+        if (n) {
+          var ge = {
             image: Z,
             format: h,
-            contentType: l,
+            contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", he), he;
+          return s.fire("editor:canvas-exported", ge), ge;
         }
-        var ge = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, we = new File([p], ge, {
-          type: l
-        }), ve = {
+        var ve = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, we = new File([p], ve, {
+          type: d
+        }), me = {
           image: we,
           format: h,
-          contentType: l,
-          fileName: ge
+          contentType: d,
+          fileName: ve
         };
-        return s.fire("editor:canvas-exported", ve), ve;
+        return s.fire("editor:canvas-exported", me), me;
       } catch (b) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1338,8 +1352,8 @@ class D {
           data: {
             contentType: r,
             fileName: a,
-            exportAsBase64: i,
-            exportAsBlob: n
+            exportAsBase64: n,
+            exportAsBlob: i
           }
         }), "";
       }
@@ -1362,72 +1376,72 @@ class D {
       var {
         object: a,
         fileName: r = "image.png",
-        contentType: i = "image/png",
-        exportAsBase64: n = !1,
+        contentType: n = "image/png",
+        exportAsBase64: i = !1,
         exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
         workerManager: u
-      } = t.editor, d = a || c.getActiveObject();
-      if (!d)
+      } = t.editor, l = a || c.getActiveObject();
+      if (!l)
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
           data: {
-            contentType: i,
+            contentType: n,
             fileName: r,
-            exportAsBase64: n,
+            exportAsBase64: i,
             exportAsBlob: s
           }
         }), "";
       try {
-        var l = D.getFormatFromContentType(i);
-        if (l === "svg") {
-          var h = d.toSVG(), g = t._exportSVGStringAsFile(h, {
-            exportAsBase64: n,
+        var d = D.getFormatFromContentType(n);
+        if (d === "svg") {
+          var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
+            exportAsBase64: i,
             exportAsBlob: s,
             fileName: r
           }), M = {
             image: g,
-            format: l,
+            format: d,
             contentType: "image/svg+xml",
             fileName: r.replace(/\.[^/.]+$/, ".svg")
           };
           return c.fire("editor:object-exported", M), M;
         }
-        if (n) {
-          var m = yield createImageBitmap(d._element), f = yield u.post("toDataURL", {
-            format: l,
+        if (i) {
+          var m = yield createImageBitmap(l._element), f = yield u.post("toDataURL", {
+            format: d,
             quality: 1,
             bitmap: m
           }, [m]), v = {
             image: f,
-            format: l,
-            contentType: i,
+            format: d,
+            contentType: n,
             fileName: r
           };
           return c.fire("editor:object-exported", v), v;
         }
-        var S = d.toCanvasElement(), N = yield new Promise((p) => {
+        var S = l.toCanvasElement(), N = yield new Promise((p) => {
           S.toBlob(p);
         });
         if (s) {
-          var w = {
+          var L = {
             image: N,
-            format: l,
-            contentType: i,
+            format: d,
+            contentType: n,
             fileName: r
           };
-          return c.fire("editor:object-exported", w), w;
+          return c.fire("editor:object-exported", L), L;
         }
-        var L = new File([N], r, {
-          type: i
+        var w = new File([N], r, {
+          type: n
         }), y = {
-          image: L,
-          format: l,
-          contentType: i,
+          image: w,
+          format: d,
+          contentType: n,
           fileName: r
         };
         return c.fire("editor:object-exported", y), y;
@@ -1438,9 +1452,9 @@ class D {
           code: "IMAGE_EXPORT_FAILED",
           message: "Ошибка экспорта объекта: ".concat(p.message),
           data: {
-            contentType: i,
+            contentType: n,
             fileName: r,
-            exportAsBase64: n,
+            exportAsBase64: i,
             exportAsBlob: s
           }
         }), "";
@@ -1532,11 +1546,11 @@ class D {
       try {
         var r = yield fetch(e, {
           method: "HEAD"
-        }), i = r.headers.get("content-type");
-        if (i && i.startsWith("image/"))
-          return i.split(";")[0];
-      } catch (n) {
-        console.warn("HEAD запрос неудачен, определяем тип по расширению:", n);
+        }), n = r.headers.get("content-type");
+        if (n && n.startsWith("image/"))
+          return n.split(";")[0];
+      } catch (i) {
+        console.warn("HEAD запрос неудачен, определяем тип по расширению:", i);
       }
       return t.getContentTypeFromExtension(e);
     })();
@@ -1549,13 +1563,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(), i = {};
-      return this.acceptContentTypes.forEach((n) => {
-        var s = D.getFormatFromContentType(n);
-        s && (i[s] = n);
-      }), i[r] || "application/octet-stream";
-    } catch (n) {
-      return console.warn("Не удалось определить расширение из URL:", e, n), "application/octet-stream";
+      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";
     }
   }
   /**
@@ -1572,11 +1586,11 @@ class D {
       montageArea: r
     } = this.editor;
     if (!r || !t) return 1;
-    var i = r.width, n = r.height, {
+    var n = r.width, i = r.height, {
       width: s,
       height: c
     } = t;
-    return a === "contain" || a === "image-contain" ? Math.min(i / s, n / c) : a === "cover" || a === "image-cover" ? Math.max(i / s, n / c) : 1;
+    return a === "contain" || a === "image-contain" ? Math.min(n / s, i / c) : a === "cover" || a === "image-cover" ? Math.max(n / s, i / c) : 1;
   }
 }
 class Mt {
@@ -1607,29 +1621,29 @@ class Mt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
-        canvas: i,
-        montageArea: n,
+        canvas: n,
+        montageArea: i,
         options: {
           canvasBackstoreWidth: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = n, d = Number(Math.max(Math.min(e, E), k));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(d), n.set({
-        width: d
-      }), i.clipPath.set({
-        width: d
+      } = 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 l = d / c, h = u * l;
+        var d = l / c, h = u * d;
         this.setResolutionHeight(h);
         return;
       }
       var {
         left: g,
         top: M
-      } = this.getObjectDefaultCoords(n), m = i.getZoom();
-      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
+      } = 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
       });
     }
@@ -1651,29 +1665,29 @@ class Mt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
-        canvas: i,
-        montageArea: n,
+        canvas: n,
+        montageArea: i,
         options: {
           canvasBackstoreHeight: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = n, d = Number(Math.max(Math.min(e, O), x));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(d), n.set({
-        height: d
-      }), i.clipPath.set({
-        height: d
+      } = 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 l = d / u, h = c * l;
+        var d = l / u, h = c * d;
         this.setResolutionWidth(h);
         return;
       }
       var {
         left: g,
         top: M
-      } = this.getObjectDefaultCoords(n), m = i.getZoom();
-      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
+      } = 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
       });
     }
@@ -1686,7 +1700,7 @@ class Mt {
     var {
       canvas: e,
       montageArea: t
-    } = this.editor, a = e.getWidth(), r = e.getHeight(), i = e.getZoom(), n = new ke(a / 2, r / 2);
+    } = this.editor, a = e.getWidth(), r = e.getHeight(), n = e.getZoom(), i = new K(a / 2, r / 2);
     t.set({
       left: a / 2,
       top: r / 2
@@ -1695,7 +1709,7 @@ class Mt {
       top: r / 2
     }), e.renderAll();
     var s = e.viewportTransform;
-    s[4] = a / 2 - n.x * i, s[5] = r / 2 - n.y * i, e.setViewportTransform(s), e.renderAll();
+    s[4] = a / 2 - i.x * n, s[5] = r / 2 - i.y * n, e.setViewportTransform(s), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1712,8 +1726,8 @@ class Mt {
       }), {};
     var {
       width: r,
-      height: i
-    } = a, n = t.getZoom(), s = (r - r * n) / 2, c = (i - i * n) / 2;
+      height: n
+    } = a, i = t.getZoom(), s = (r - r * i) / 2, c = (n - n * i) / 2;
     return {
       left: s,
       top: c
@@ -1742,10 +1756,10 @@ class Mt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, E), k), n = Math.max(Math.min(r, O), x);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({
-      width: i,
-      height: n
+    } = 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
     });
@@ -1762,13 +1776,13 @@ class Mt {
       transformManager: a,
       montageArea: {
         width: r,
-        height: i
+        height: n
       }
     } = this.editor;
     this.setResolutionWidth(r, {
       adaptCanvasToContainer: !0,
       withoutSave: !0
-    }), this.setResolutionHeight(i, {
+    }), this.setResolutionHeight(n, {
       adaptCanvasToContainer: !0,
       withoutSave: !0
     }), this.centerMontageArea(), t.selectAll(), a.fitObject({
@@ -1776,7 +1790,7 @@ class Mt {
       withoutSave: !0
     }), e.fire("editor:canvas-updated", {
       width: r,
-      height: i
+      height: n
     });
   }
   /**
@@ -1794,7 +1808,7 @@ class Mt {
     var {
       canvas: t,
       montageArea: a
-    } = this.editor, r = a.width * e, i = a.height * e, n = t.wrapperEl.parentNode, s = r <= n.clientWidth ? "100%" : r, c = i <= n.clientHeight ? "100%" : i;
+    } = 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
@@ -1893,34 +1907,34 @@ class Mt {
       var {
         canvas: r,
         options: {
-          editorContainer: i
+          editorContainer: n
         }
-      } = this.editor, n = [];
+      } = this.editor, i = [];
       switch (e) {
         case "canvas":
-          n.push(r.lowerCanvasEl, r.upperCanvasEl);
+          i.push(r.lowerCanvasEl, r.upperCanvasEl);
           break;
         case "wrapper":
-          n.push(r.wrapperEl);
+          i.push(r.wrapperEl);
           break;
         case "container":
-          n.push(i);
+          i.push(n);
           break;
         default:
-          n.push(r.lowerCanvasEl, r.upperCanvasEl);
+          i.push(r.lowerCanvasEl, r.upperCanvasEl);
       }
       var s = t === "width" ? "width" : "height";
       if (typeof a == "string") {
-        n.forEach((d) => {
-          d.style[s] = a;
+        i.forEach((l) => {
+          l.style[s] = a;
         });
         return;
       }
       var c = parseFloat(a);
       if (!isNaN(c)) {
         var u = "".concat(c, "px");
-        n.forEach((d) => {
-          d.style[s] = u;
+        i.forEach((l) => {
+          l.style[s] = u;
         }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
           element: e,
           value: a
@@ -1943,8 +1957,8 @@ class Mt {
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
-      montageArea: i,
-      transformManager: n,
+      montageArea: n,
+      transformManager: i,
       options: {
         montageAreaWidth: s,
         montageAreaHeight: c
@@ -1952,21 +1966,21 @@ class Mt {
     } = this.editor, u = e || r.getActiveObject();
     if (!(!u || u.type !== "image" && u.format !== "svg")) {
       var {
-        width: d,
-        height: l
-      } = u, h = Math.min(d, E), g = Math.min(l, O);
+        width: l,
+        height: d
+      } = u, h = Math.min(l, E), g = Math.min(d, O);
       if (t) {
         var {
           width: M,
           height: m
-        } = i, f = d / M, v = l / m, S = Math.max(f, v);
+        } = 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
-      }), (d > s || l > c) && n.calculateAndApplyDefaultZoom(), n.resetObject(u, {
+      }), (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,
@@ -2003,13 +2017,13 @@ class Mt {
       transformManager: a,
       historyManager: r,
       options: {
-        montageAreaWidth: i,
-        montageAreaHeight: n
+        montageAreaWidth: n,
+        montageAreaHeight: i
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(i, {
+    a.resetZoom(), this.setResolutionWidth(n, {
       withoutSave: !0
-    }), this.setResolutionHeight(n, {
+    }), this.setResolutionHeight(i, {
       withoutSave: !0
     }), t.renderAll(), a.resetObjects(), e || r.saveState(), t.fire("editor:default-scale-set");
   }
@@ -2025,19 +2039,12 @@ class Mt {
         overlayMask: a
       }
     } = this.editor, r = e.getObjects();
-    return r.filter((i) => i.id !== t.id && i.id !== a.id);
+    return r.filter((n) => n.id !== t.id && n.id !== a.id);
   }
 }
 class ft {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t, this.options = t.options;
+  constructor({ editor: e }) {
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || ht, this.maxZoom = this.options.maxZoom || gt, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -2046,18 +2053,11 @@ class ft {
    * Если scale не передан, то используется значение из options.defaultScale.
    * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
    */
-  calculateAndApplyDefaultZoom() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.defaultScale, {
-      canvas: t
-    } = this.editor, a = t.editorContainer, r = a.clientWidth, i = a.clientHeight, {
-      width: n,
-      height: s
-    } = this.editor.montageArea, c = r / n * e, u = i / s * e, d = Math.min(c, u), {
-      minZoom: l,
-      maxZoom: h,
-      maxZoomFactor: g
-    } = this.options;
-    this.minZoom = Math.min(d / g, l), this.maxZoom = Math.max(d * g, h), this.defaultZoom = d, this.setZoom(d);
+  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;
+    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,50 +2068,33 @@ class ft {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : vt, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (e) {
-      var {
-        canvas: a,
-        minZoom: r,
-        maxZoom: i
-      } = this.editor, n = a.getZoom(), {
-        x: s = t.pointX,
-        y: c = t.pointY
-      } = a.getCenterPoint(), u = Number((n + Number(e)).toFixed(2));
-      u > i && (u = i), u < r && (u = r), a.zoomToPoint({
-        x: Number(s),
-        y: Number(c)
-      }, u), a.fire("editor:zoom-changed", {
-        currentZoom: a.getZoom(),
-        zoom: u,
-        pointX: s,
-        pointY: c
-      });
-    }
+  zoom(e = vt, 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,
+      zoom: d,
+      point: l
+    }), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
+      zoom: d,
+      point: l
+    });
   }
   /**
    * Установка зума
    * @param {Number} zoom - Зум
    * @fires editor:zoom-changed
    */
-  setZoom() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.defaultZoom, {
-      canvas: t,
-      minZoom: a,
-      maxZoom: r
-    } = this.editor, {
-      x: i,
-      y: n
-    } = t.getCenterPoint(), s = e;
-    e > r && (s = r), e < a && (s = a), t.zoomToPoint({
-      x: Number(i),
-      y: Number(n)
-    }, s), t.fire("editor:zoom-changed", {
-      currentZoom: t.getZoom(),
-      zoom: s,
-      pointX: i,
-      pointY: n
+  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
     });
   }
   /**
@@ -2119,18 +2102,10 @@ class ft {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    var {
-      canvas: e,
-      defaultZoom: t
-    } = this.editor, {
-      x: a,
-      y: r
-    } = e.getCenterPoint();
-    e.zoomToPoint({
-      x: Number(a),
-      y: Number(r)
-    }, t), this.editor.canvas.fire("editor:zoom-changed", {
-      currentZoom: e.getZoom()
+    const { canvas: e } = this.editor, t = new K(e.getCenterPoint());
+    e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
+      currentZoom: e.getZoom(),
+      point: t
     });
   }
   /**
@@ -2140,19 +2115,15 @@ class ft {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : mt, {
-      withoutSave: t
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: a,
-      historyManager: r
-    } = this.editor, i = a.getActiveObject();
-    if (i) {
-      var n = i.angle + e;
-      i.rotate(n), i.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
-        angle: n
-      });
-    }
+  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,
+      withoutSave: t,
+      angle: i
+    });
   }
   /**
    * Отразить по горизонтали
@@ -2160,14 +2131,12 @@ class ft {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:object-flipped-x
    */
-  flipX() {
-    var {
+  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,
       withoutSave: e
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      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"));
+    }));
   }
   /**
    * Отразить по вертикали
@@ -2175,32 +2144,31 @@ class ft {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:object-flipped-y
    */
-  flipY() {
-    var {
+  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,
       withoutSave: e
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      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"));
+    }));
   }
   /**
    * Установка прозрачности объекта
    * @param {Number} opacity - Прозрачность от 0 до 1
    * @fires editor:object-opacity-changed
    */
-  setActiveObjectOpacity() {
-    var {
-      object: e,
-      opacity: t = 1,
-      withoutSave: a
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: r,
-      historyManager: i
-    } = this.editor, n = e || r.getActiveObject();
-    n && (n.type === "activeselection" ? n.getObjects().forEach((s) => {
+  setActiveObjectOpacity({
+    object: e,
+    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);
-    }) : n.set("opacity", t), r.renderAll(), a || i.saveState(), r.fire("editor:object-opacity-changed", t));
+    }) : i.set("opacity", t), r.renderAll(), a || n.saveState(), r.fire("editor:object-opacity-changed", {
+      object: i,
+      opacity: t,
+      withoutSave: a
+    }));
   }
   /**
    * Масштабирование объекта
@@ -2213,39 +2181,30 @@ class ft {
    * @param {Boolean} [options.fitAsOneObject] - Масштабировать все объекты в активной группе как один объект
    * @fires editor:image-fitted
    */
-  fitObject() {
-    var {
-      object: e,
-      type: t = this.options.scaleType,
-      withoutSave: a,
-      fitAsOneObject: r
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: i,
-      imageManager: n,
-      historyManager: s
-    } = this.editor, c = e || i.getActiveObject();
+  fitObject({
+    object: e,
+    type: t = this.options.scaleType,
+    withoutSave: a,
+    fitAsOneObject: r
+  } = {}) {
+    const { canvas: n, imageManager: i, historyManager: s } = this.editor, c = e || n.getActiveObject();
     if (c) {
       if (c.set("angle", 0), ["activeselection"].includes(c.type) && !r) {
-        var u = c.getObjects();
-        i.discardActiveObject(), u.forEach((h) => {
-          var g = n.calculateScaleFactor({
-            imageObject: h,
-            scaleType: t
-          });
-          h.scale(g), i.centerObject(h);
-        });
-        var d = new H(u, {
-          canvas: i
+        const u = c.getObjects();
+        n.discardActiveObject(), u.forEach((d) => {
+          const h = i.calculateScaleFactor({ imageObject: d, scaleType: t });
+          d.scale(h), n.centerObject(d);
         });
-        i.setActiveObject(d);
+        const l = new R(u, { canvas: n });
+        n.setActiveObject(l);
       } else {
-        var l = n.calculateScaleFactor({
+        const u = i.calculateScaleFactor({
           imageObject: c,
           scaleType: t
         });
-        c.scale(l), i.centerObject(c);
+        c.scale(u), n.centerObject(c);
       }
-      i.renderAll(), a || s.saveState(), i.fire("editor:object-fitted", {
+      n.renderAll(), a || s.saveState(), n.fire("editor:object-fitted", {
         object: c,
         type: t,
         withoutSave: a,
@@ -2270,60 +2229,35 @@ class ft {
    * @returns
    * @fires editor:object-reset
    */
-  resetObject(e) {
-    var {
-      alwaysFitObject: t = !1,
-      withoutSave: a = !1
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
+  resetObject(e, { alwaysFitObject: t = !1, withoutSave: a = !1 } = {}) {
+    const {
       canvas: r,
-      montageArea: i,
-      imageManager: n,
+      montageArea: n,
+      imageManager: i,
       historyManager: s,
-      options: {
-        scaleType: c
-      }
+      options: { scaleType: c }
     } = this.editor, u = e || r.getActiveObject();
-    if (!(!u || u.locked)) {
-      s.suspendHistory();
-      var d = u.type === "image" || u.format === "svg";
-      if (d || u.set({
-        scaleX: 1,
-        scaleY: 1,
-        flipX: !1,
-        flipY: !1,
-        angle: 0
-      }), t)
-        this.fitObject({
-          object: u,
-          withoutSave: !0,
-          fitAsOneObject: !0
-        });
-      else {
-        var {
-          width: l,
-          height: h
-        } = i, {
-          width: g,
-          height: M
-        } = u, m = n.calculateScaleFactor({
-          imageObject: u,
-          scaleType: c
-        }), f = c === "contain" && m < 1 || c === "cover" && (g > l || M > h);
-        f ? 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");
+    if (!u || u.locked) return;
+    if (s.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
+      scaleX: 1,
+      scaleY: 1,
+      flipX: !1,
+      flipY: !1,
+      angle: 0
+    }), t)
+      this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 });
+    else {
+      const { width: d, height: h } = n, { width: g, height: M } = u, m = i.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 });
     }
+    u.set({ flipX: !1, flipY: !1, angle: 0 }), r.centerObject(u), r.renderAll(), s.resumeHistory(), a || s.saveState(), r.fire("editor:object-reset", {
+      object: u,
+      withoutSave: a,
+      alwaysFitObject: t
+    });
   }
 }
 class jt {
@@ -2376,14 +2310,14 @@ class jt {
       a.suspendHistory(), t.setCoords();
       var {
         left: r,
-        top: i,
-        width: n,
+        top: n,
+        width: i,
         height: s
       } = t.getBoundingRect();
       this.overlayMask.set({
         left: r,
-        top: i,
-        width: n,
+        top: n,
+        width: i,
         height: s
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
@@ -2426,7 +2360,7 @@ class jt {
     }
   }
 }
-class K {
+class $ {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2452,10 +2386,13 @@ class K {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((n) => {
-      a.bringObjectToFront(n);
-    }) : a.bringObjectToFront(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-to-front"));
+    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,
+      withoutSave: t
+    }));
   }
   /**
    * Поднять объект на один уровень вверх по оси Z
@@ -2472,8 +2409,11 @@ class K {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? K._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    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,
+      withoutSave: t
+    }));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2488,12 +2428,12 @@ class K {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       montageArea: r,
-      historyManager: i,
+      historyManager: n,
       interactionBlocker: {
-        overlayMask: n
+        overlayMask: i
       }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     var s = e || a.getActiveObject();
     if (s) {
       if (s.type === "activeselection")
@@ -2501,7 +2441,10 @@ class K {
           a.sendObjectToBack(c[u]);
       else
         a.sendObjectToBack(s);
-      a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back");
+      a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back", {
+        object: s,
+        withoutSave: t
+      });
     }
   }
   /**
@@ -2516,14 +2459,17 @@ class K {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       montageArea: r,
-      historyManager: i,
+      historyManager: n,
       interactionBlocker: {
-        overlayMask: n
+        overlayMask: i
       }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? K._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
+    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,
+      withoutSave: t
+    }));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2533,20 +2479,20 @@ class K {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = r.map((d) => a.indexOf(d)), n = -1, s = function(l) {
-      var h = a[l];
-      if (!r.includes(h) && i.some((g) => l > g))
-        return n = l, 1;
+    for (var a = e.getObjects(), r = t.getObjects(), n = r.map((l) => a.indexOf(l)), i = -1, s = 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 !== -1) {
-      var u = r.map((d) => ({
-        obj: d,
-        index: a.indexOf(d)
-      })).sort((d, l) => l.index - d.index);
-      u.forEach((d) => {
-        var l = a.indexOf(d.obj);
-        l < n && (e.moveObjectTo(d.obj, n), n = l);
+    if (i !== -1) {
+      var u = r.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);
       });
     }
   }
@@ -2558,8 +2504,8 @@ class K {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = Math.min(...r.map((s) => a.indexOf(s))), n = r.length - 1; n >= 0; n -= 1)
-      e.moveObjectTo(r[n], i - 1);
+    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);
   }
 }
 class yt {
@@ -2586,15 +2532,15 @@ class yt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var l = d, {
+  addRectangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
+    var d = l, {
       id: e = `rect-${A()}`,
       left: t,
       top: a,
       width: r = 100,
-      height: i = 100,
-      fill: n = "blue"
-    } = l, s = X(l, [
+      height: n = 100,
+      fill: i = "blue"
+    } = d, s = X(d, [
       "id",
       "left",
       "top",
@@ -2607,8 +2553,8 @@ class yt {
       left: t,
       top: a,
       width: r,
-      height: i,
-      fill: n
+      height: n,
+      fill: i
     }, s));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
@@ -2629,27 +2575,27 @@ class yt {
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
   addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
-    var d = u, {
+    var l = u, {
       id: e = `circle-${A()}`,
       left: t,
       top: a,
       radius: r = 50,
-      fill: i = "green"
-    } = d, n = X(d, [
+      fill: n = "green"
+    } = l, i = X(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, h = new Be(C({
+    const { canvas: d } = this.editor, h = new Be(C({
       id: e,
       left: t,
       top: a,
-      fill: i,
+      fill: n,
       radius: r
-    }, n));
-    return !t && !a && l.centerObject(h), c || (l.add(h), s || l.setActiveObject(h), l.renderAll()), h;
+    }, i));
+    return !t && !a && d.centerObject(h), c || (d.add(h), s || d.setActiveObject(h), d.renderAll()), h;
   }
   /**
    * Добавление треугольника
@@ -2668,15 +2614,15 @@ class yt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var l = d, {
+  addTriangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
+    var d = l, {
       id: e = `triangle-${A()}`,
       left: t,
       top: a,
       width: r = 100,
-      height: i = 100,
-      fill: n = "yellow"
-    } = l, s = X(l, [
+      height: n = 100,
+      fill: i = "yellow"
+    } = d, s = X(d, [
       "id",
       "left",
       "top",
@@ -2688,9 +2634,9 @@ class yt {
       id: e,
       left: t,
       top: a,
-      fill: n,
+      fill: i,
       width: r,
-      height: i
+      height: n
     }, s));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
@@ -2729,11 +2675,11 @@ class pt {
         });
       }), this._cloneAndFire(e, a);
     }
-    const i = a.toCanvasElement().toDataURL(), n = i.slice(5).split(";")[0], s = i.split(",")[1], c = atob(s), u = new Uint8Array(c.length);
+    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++)
       u[h] = c.charCodeAt(h);
-    const d = new Blob([u.buffer], { type: n }), l = new ClipboardItem({ [n]: d });
-    navigator.clipboard.write([l]).catch((h) => {
+    const l = new Blob([u.buffer], { type: i }), d = new ClipboardItem({ [i]: l });
+    navigator.clipboard.write([d]).catch((h) => {
       t.emitWarning({
         origin: "ClipboardManager",
         method: "copy",
@@ -2767,8 +2713,8 @@ class pt {
    * @param {Array} event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent({ clipboardData: e }) {
-    var n;
-    if (!((n = e == null ? void 0 : e.items) != null && n.length)) return;
+    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();
@@ -2779,9 +2725,9 @@ class pt {
       }, c.readAsDataURL(s);
       return;
     }
-    const i = e.getData("text/html");
-    if (i) {
-      const u = new DOMParser().parseFromString(i, "text/html").querySelector("img");
+    const n = e.getData("text/html");
+    if (n) {
+      const u = new DOMParser().parseFromString(n, "text/html").querySelector("img");
       if (u != null && u.src) {
         t.importImage({ source: u.src });
         return;
@@ -2803,7 +2749,7 @@ class pt {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof H ? (t.canvas = e, t.forEachObject((a) => {
+      }), t instanceof R ? (t.canvas = e, t.forEachObject((a) => {
         e.add(a);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
@@ -2835,9 +2781,9 @@ class bt {
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
-      historyManager: i
-    } = this.editor, n = e || r.getActiveObject();
-    if (!(!n || n.locked)) {
+      historyManager: n
+    } = this.editor, i = e || r.getActiveObject();
+    if (!(!i || i.locked)) {
       var s = {
         lockMovementX: !0,
         lockMovementY: !0,
@@ -2848,12 +2794,14 @@ class bt {
         lockSkewingY: !0,
         locked: !0
       };
-      n.set(s);
-      var c = !t && ["activeselection", "group"].includes(n.type);
-      c && n.getObjects().forEach((u) => {
+      i.set(s);
+      var c = !t && ["activeselection", "group"].includes(i.type);
+      c && i.getObjects().forEach((u) => {
         u.set(s);
-      }), r.renderAll(), a || i.saveState(), r.fire("editor:object-locked", {
-        object: n
+      }), r.renderAll(), a || n.saveState(), r.fire("editor:object-locked", {
+        object: i,
+        skipInnerObjects: t,
+        withoutSave: a
       });
     }
   }
@@ -2872,9 +2820,9 @@ class bt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor, i = e || a.getActiveObject();
-    if (i) {
-      var n = {
+    } = this.editor, n = e || a.getActiveObject();
+    if (n) {
+      var i = {
         lockMovementX: !1,
         lockMovementY: !1,
         lockRotation: !1,
@@ -2884,10 +2832,11 @@ class bt {
         lockSkewingY: !1,
         locked: !1
       };
-      i.set(n), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((s) => {
-        s.set(n);
+      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: i
+        object: n,
+        withoutSave: t
       });
     }
   }
@@ -2919,11 +2868,11 @@ class It {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (i && i.type === "activeselection") {
-      var n = i.getObjects(), s = new ze(n);
-      n.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: i,
+    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,
         withoutSave: t
       });
@@ -2945,15 +2894,15 @@ class It {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (!(!i || i.type !== "group")) {
-      var n = i.removeAll();
-      a.remove(i), n.forEach((c) => a.add(c));
-      var s = new H(n, {
+    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, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped", {
-        object: i,
+        object: n,
         selection: s,
         withoutSave: t
       });
@@ -2982,15 +2931,15 @@ class At {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new H(t.getObjects(), {
+    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new R(t.getObjects(), {
       canvas: e
     }) : r[0];
-    i && a.lockObject({
-      object: n,
+    n && a.lockObject({
+      object: i,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), e.setActiveObject(n), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: n
+    }), e.setActiveObject(i), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
+      selected: i
     });
   }
 }
@@ -3019,16 +2968,16 @@ class St {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r,
-      groupingManager: i
-    } = this.editor, n = (e || a.getActiveObjects()).filter((s) => !s.locked);
-    n != null && n.length && (r.suspendHistory(), n.forEach((s) => {
+      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") {
-        i.ungroup(s), this.deleteSelectedObjects();
+        n.ungroup(s), this.deleteSelectedObjects();
         return;
       }
       a.remove(s);
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted", {
-      objects: n,
+      objects: i,
       withoutSave: t
     }));
   }
@@ -3082,7 +3031,7 @@ var Ct = {
     CLONE_FAILED: "CLONE_FAILED"
   }
 };
-class $ {
+class q {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3102,19 +3051,19 @@ class $ {
    * @param {string} [options.message] — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: r, message: i }) {
-    if (!$.isValidErrorCode(a)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: r, message: n }) {
+    if (!q.isValidErrorCode(a)) {
       console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
       return;
     }
     if (!a) return;
-    const n = i || a;
-    console.error(`${e}. ${t}. ${a}. ${n}`, r);
+    const i = n || a;
+    console.error(`${e}. ${t}. ${a}. ${i}`, r);
     const s = {
       code: a,
       origin: e,
       method: t,
-      message: n,
+      message: i,
       data: r
     };
     this._buffer.push(C({
@@ -3131,19 +3080,19 @@ class $ {
    * @param {string} [options.message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: r, data: i }) {
-    if (!$.isValidErrorCode(a)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: r, data: n }) {
+    if (!q.isValidErrorCode(a)) {
       console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
-    const n = r || a;
-    console.warn(`${e}. ${t}. ${a}. ${n}`, i);
+    const i = r || a;
+    console.warn(`${e}. ${t}. ${a}. ${i}`, n);
     const s = {
       code: a,
       origin: e,
       method: t,
-      message: n,
-      data: i
+      message: i,
+      data: n
     };
     this._buffer.push(C({
       type: "editor:warning"
@@ -3153,16 +3102,14 @@ class $ {
     return e ? Object.values(Ct).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ue {
+class de {
   /**
    * Конструктор класса ImageEditor.
    * @param {string} canvasId - идентификатор канваса, в котором будет создан редактор
-   * @param {IEditorOptions} options - опции и настройки редактора
+   * @param {CanvasOptions} options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t;
-    const { defaultScale: a, minZoom: r, maxZoom: i } = t;
-    this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ht, this.maxZoom = i || gt, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.init();
   }
   init() {
     return Q(this, null, function* () {
@@ -3171,23 +3118,23 @@ class ue {
         editorContainerHeight: t,
         canvasWrapperWidth: a,
         canvasWrapperHeight: r,
-        canvasCSSWidth: i,
-        canvasCSSHeight: n,
+        canvasCSSWidth: n,
+        canvasCSSHeight: i,
         initialImage: s,
         initialStateJSON: c,
         scaleType: u,
-        _onReadyCallback: d
+        _onReadyCallback: l
       } = this.options;
-      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new He(), this.workerManager = new Pe(), this.errorManager = new $({ 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 K({ 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 R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), 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 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) {
         const {
-          source: l,
+          source: d,
           scale: h = `image-${u}`,
           withoutSave: g = !0
         } = s;
-        yield this.imageManager.importImage({ source: l, scale: h, withoutSave: g });
+        yield this.imageManager.importImage({ source: d, scale: h, withoutSave: g });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof d == "function" && d(this);
+      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
   _createMontageArea() {
@@ -3198,7 +3145,7 @@ class ue {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ue._createMosaicPattern(),
+      fill: de._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3341,10 +3288,10 @@ function Et(o, e = {}) {
   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((i) => {
-    t._onReadyCallback = i;
-    const n = new ue(r.id, t);
-    window[o] = n;
+  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;
   });
 }
 export {