@anu3ev/fabric-image-editor 0.1.43 → 0.1.45

package/dist/main.js

@@ -1,47 +1,48 @@
-var we = Object.defineProperty;
-var G = Object.getOwnPropertySymbols;
-var fe = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
-var me = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
+var Le = Object.defineProperty;
+var X = Object.getOwnPropertySymbols;
+var ve = 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) => {
   for (var t in e || (e = {}))
-    fe.call(e, t) && me(o, t, e[t]);
-  if (G)
-    for (var t of G(e))
-      je.call(e, t) && me(o, t, e[t]);
+    ve.call(e, t) && me(o, t, e[t]);
+  if (X)
+    for (var t of X(e))
+      fe.call(e, t) && me(o, t, e[t]);
   return o;
 };
-var X = (o, e) => {
+var Q = (o, e) => {
   var t = {};
   for (var a in o)
-    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 && je.call(o, a) && (t[a] = o[a]);
+    ve.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
+  if (o != null && X)
+    for (var a of X(o))
+      e.indexOf(a) < 0 && fe.call(o, a) && (t[a] = o[a]);
   return t;
 };
-var Q = (o, e, t) => new Promise((a, n) => {
+var O = (o, e, t) => new Promise((a, n) => {
   var i = (c) => {
     try {
-      s(t.next(c));
+      r(t.next(c));
     } catch (u) {
       n(u);
     }
-  }, r = (c) => {
+  }, s = (c) => {
     try {
-      s(t.throw(c));
+      r(t.throw(c));
     } catch (u) {
       n(u);
     }
-  }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, r);
-  s((t = t.apply(o, e)).next());
+  }, r = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, s);
+  r((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as T, util as P, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as ke, FabricImage as ee, Point as K, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as _e } from "fabric";
-import { create as He } from "jsondiffpatch";
-var Ye = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+import { ActiveSelection as N, util as W, controlsUtils as we, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as ee, Point as K, Rect as ke, Circle as xe, Triangle as Be, Group as je, Canvas as Ze, Pattern as ze } from "fabric";
+import { create as Ue } from "jsondiffpatch";
+import Re from "diff-match-patch";
+var _e = "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 += Ye[a[e] & 63];
+    t += _e[a[e] & 63];
   return t;
 };
-class R {
+class P {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -58,7 +59,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 = P.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 = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -70,13 +71,13 @@ class R {
       mouseWheelZooming: a,
       bringToFrontOnSelection: n,
       copyObjectsByHotkey: i,
-      pasteImageFromClipboard: r,
-      undoRedoByHotKeys: s,
+      pasteImageFromClipboard: s,
+      undoRedoByHotKeys: r,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
       resetObjectFitByDoubleClick: l
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), r && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), s && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), r && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -85,8 +86,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((r) => r.locked)) return;
-    const n = e.filter((r) => !r.locked);
+    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((s) => s.locked)) return;
+    const n = e.filter((s) => !s.locked);
     if (n.length === 0) {
       this.canvas.discardActiveObject();
       return;
@@ -95,7 +96,7 @@ class R {
       this.canvas.setActiveObject(n[0]);
       return;
     }
-    const i = new T(n, {
+    const i = new N(n, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -157,7 +158,7 @@ class R {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return Q(this, null, function* () {
+    return O(this, null, function* () {
       const { ctrlKey: t, metaKey: a, code: n, repeat: i } = e;
       !t && !a || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -201,8 +202,8 @@ class R {
     n || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
-    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((r) => {
-      r.set({
+    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((s) => {
+      s.set({
         selectable: !1,
         evented: !1
       });
@@ -297,14 +298,13 @@ class R {
   static debounce(e, t) {
     let a = null;
     return function(...n) {
-      const i = this;
-      a && clearTimeout(a), a = setTimeout(() => {
-        e.apply(i, n);
+      a !== null && clearTimeout(a), a = setTimeout(() => {
+        e.apply(this, n);
       }, t);
     };
   }
 }
-class Re {
+class He {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -322,7 +322,7 @@ class Re {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error('Unknown module "'.concat(e, '"')));
   }
 }
-class Pe {
+class Ye {
   /**
    * @param {string|URL} [scriptUrl] — URL скрипта воркера.
    * По-умолчанию использует файл рядом с этим модулем
@@ -350,9 +350,9 @@ class Pe {
       requestId: a,
       success: n,
       data: i,
-      error: r
-    } = t, s = this._callbacks.get(a);
-    s && (n ? s.resolve(i) : s.reject(new Error(r)), this._callbacks.delete(a));
+      error: s
+    } = t, r = this._callbacks.get(a);
+    r && (n ? r.resolve(i) : r.reject(new Error(s)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -363,10 +363,10 @@ class Pe {
    */
   post(e, t) {
     var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], n = "".concat(e, ":").concat(A(8));
-    return new Promise((i, r) => {
+    return new Promise((i, s) => {
       this._callbacks.set(n, {
         resolve: i,
-        reject: r
+        reject: s
       }), this.worker.postMessage({
         action: e,
         payload: t,
@@ -381,26 +381,26 @@ class Pe {
     this.worker.terminate();
   }
 }
-var I = 12, We = 2, ae = 8, ne = 20, Fe = 100, ie = 20, re = 8, Ve = 100, se = 32, oe = 1, Ge = "#2B2D33", ce = "#3D8BF4", ue = "#FFFFFF";
+const I = 12, Pe = 2, te = 8, ae = 20, We = 100, ne = 20, ie = 8, Fe = 100, se = 32, re = 1, Ve = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
 function J(o, e, t, a, n) {
-  var i = I, r = We;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, r), o.fill(), o.stroke(), o.restore();
+  const i = I, s = Pe;
+  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, s), o.fill(), o.stroke(), o.restore();
 }
 function ye(o, e, t, a, n) {
-  var i = ae, r = ne, s = Fe;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, r, s), o.fill(), o.stroke(), o.restore();
+  const i = te, s = ae, r = We;
+  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
 }
 function be(o, e, t, a, n) {
-  var i = ie, r = re, s = Ve;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = ue, o.strokeStyle = ce, o.lineWidth = oe, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, r, s), o.fill(), o.stroke(), o.restore();
+  const i = ne, s = ie, r = Fe;
+  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
 }
-var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
-Ce.src = Xe;
-function Qe(o, e, t, a, n) {
-  var i = se, r = i / 2;
-  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(n.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, r, 0, 2 * Math.PI), o.fill(), o.drawImage(Ce, -16 / 2, -16 / 2, r, r), o.restore();
+const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Se = new Image();
+Se.src = Ge;
+function Xe(o, e, t, a, n) {
+  const s = se / 2;
+  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = Ve, o.beginPath(), o.arc(0, 0, s, 0, 2 * Math.PI), o.fill(), o.drawImage(Se, -16 / 2, -16 / 2, s, s), o.restore();
 }
-var Je = {
+const Qe = {
   // Угловые точки
   tl: {
     render: J,
@@ -433,81 +433,80 @@ var Je = {
   // Середина вертикалей
   ml: {
     render: ye,
-    sizeX: ae,
-    sizeY: ne,
+    sizeX: te,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: ye,
-    sizeX: ae,
-    sizeY: ne,
+    sizeX: te,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: be,
-    sizeX: ie,
-    sizeY: re,
+    sizeX: ne,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: be,
-    sizeX: ie,
-    sizeY: re,
+    sizeX: ne,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Qe,
+    render: Xe,
     sizeX: se,
     sizeY: se,
     offsetX: 0,
     offsetY: -32
   }
 };
-class Ke {
+class Je {
   static apply() {
-    var e = Oe.createObjectDefaultControls();
-    Object.entries(Je).forEach((t) => {
-      var [a, n] = t;
-      Object.assign(e[a], {
-        render: n.render,
-        sizeX: n.sizeX,
-        sizeY: n.sizeY,
-        offsetX: n.offsetX,
-        offsetY: n.offsetY
-      }), a === "mtr" && (e[a].cursorStyle = "grab", e[a].mouseDownHandler = (i, r, s, c) => {
-        var u = r.target;
-        u.canvas.setCursor("grabbing");
+    const e = we.createObjectDefaultControls();
+    Object.entries(Qe).forEach(([t, a]) => {
+      Object.assign(e[t], {
+        render: a.render,
+        sizeX: a.sizeX,
+        sizeY: a.sizeY,
+        offsetX: a.offsetX,
+        offsetY: a.offsetY
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, s, r, c) => {
+        var l;
+        (l = s.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), Te.ownDefaults.controls = e;
+    }), Oe.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+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function pe(o, e, t, a, n, i, r) {
+var Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", at = "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 pe(o, e, t, a, n, i, s) {
   try {
-    var s = o[i](r), c = s.value;
+    var r = o[i](s), c = r.value;
   } catch (u) {
     return void t(u);
   }
-  s.done ? e(c) : Promise.resolve(c).then(a, n);
+  r.done ? e(c) : Promise.resolve(c).then(a, n);
 }
 function st(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, n) {
       var i = o.apply(e, t);
-      function r(c) {
-        pe(i, a, n, r, s, "next", c);
-      }
       function s(c) {
-        pe(i, a, n, r, s, "throw", c);
+        pe(i, a, n, s, r, "next", c);
+      }
+      function r(c) {
+        pe(i, a, n, s, r, "throw", c);
       }
-      r(void 0);
+      s(void 0);
     });
   };
 }
@@ -570,14 +569,14 @@ const Y = {
   }],
   offsetTop: 50,
   icons: {
-    copyPaste: $e,
-    delete: rt,
-    lock: qe,
-    unlock: et,
-    bringToFront: nt,
-    sendToBack: it,
-    bringForward: tt,
-    sendBackwards: at
+    copyPaste: Ke,
+    delete: it,
+    lock: $e,
+    unlock: qe,
+    bringToFront: at,
+    sendToBack: nt,
+    bringForward: et,
+    sendBackwards: tt
   },
   handlers: {
     copyPaste: function() {
@@ -626,21 +625,21 @@ function j(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Ie(Object(t), !0).forEach(function(a) {
-      ot(o, a, t[a]);
+      rt(o, a, t[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
       Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
   return o;
 }
-function ot(o, e, t) {
-  return (e = ct(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
+function rt(o, e, t) {
+  return (e = ot(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function ct(o) {
-  var e = ut(o, "string");
+function ot(o) {
+  var e = ct(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function ut(o, e) {
+function ct(o, e) {
   if (typeof o != "object" || !o) return o;
   var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -650,7 +649,7 @@ function ut(o, e) {
   }
   return (e === "string" ? String : Number)(o);
 }
-class dt {
+class ut {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -700,16 +699,16 @@ class dt {
     this.el.innerHTML = "";
     var a = function() {
       var {
-        name: r,
-        handle: s
+        name: s,
+        handle: r
       } = n, {
         icons: c,
         btnStyle: u,
         handlers: l
       } = t.config, d = document.createElement("button");
-      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(r, '" />') : r, Object.assign(d.style, u), d.onclick = () => {
+      d.innerHTML = c[r] ? '<img src="'.concat(c[r], '" title="').concat(s, '" />') : s, Object.assign(d.style, u), d.onclick = () => {
         var h;
-        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
+        return (h = l[r]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
       }, t.el.appendChild(d);
     };
     for (var n of e)
@@ -782,12 +781,12 @@ class dt {
         canvas: n
       } = this;
       e.setCoords();
-      var i = n.getZoom(), [, , , , r, s] = n.viewportTransform, {
+      var i = n.getZoom(), [, , , , s, r] = n.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: u,
         height: l
-      } = e.getBoundingRect(!1, !0), d = c * i + r, h = d - t.offsetWidth / 2, g = (u + l) * i + s + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), d = c * i + s, h = d - t.offsetWidth / 2, g = (u + l) * i + r + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(g, "px"),
@@ -802,39 +801,9 @@ class dt {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("selection:changed", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-function Ae(o, e, t, a, n, i, r) {
-  try {
-    var s = o[i](r), c = s.value;
-  } catch (u) {
-    return void t(u);
-  }
-  s.done ? e(c) : Promise.resolve(c).then(a, n);
-}
-function te(o) {
-  return function() {
-    var e = this, t = arguments;
-    return new Promise(function(a, n) {
-      var i = o.apply(e, t);
-      function r(c) {
-        Ae(i, a, n, r, s, "next", c);
-      }
-      function s(c) {
-        Ae(i, a, n, r, s, "throw", c);
-      }
-      r(void 0);
-    });
-  };
-}
-class lt {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t, this.canvas = t.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
+class dt {
+  constructor({ editor: e }) {
+    this.editor = e, this.canvas = e.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
   /** Проверка, нужно ли пропускать сохранение истории */
   get skipHistory() {
@@ -844,15 +813,31 @@ class lt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = He({
+    this.diffPatcher = Ue({
       objectHash(e) {
-        return [e.id, e.format, e.locked, e.left, e.top, e.width, e.height, e.flipX, e.flipY, e.scaleX, e.scaleY, e.angle, e.opacity].join("-");
+        const t = e;
+        return [
+          t.id,
+          t.format,
+          t.locked,
+          t.left,
+          t.top,
+          t.width,
+          t.height,
+          t.flipX,
+          t.flipY,
+          t.scaleX,
+          t.scaleY,
+          t.angle,
+          t.opacity
+        ].join("-");
       },
       arrays: {
         detectMove: !0,
         includeValueOnMove: !1
       },
       textDiff: {
+        diffMatchPatch: Re,
         minLength: 60
       }
     });
@@ -883,11 +868,9 @@ class lt {
    * Получаем полное состояние, применяя все диффы к базовому состоянию.
    */
   getFullState() {
-    for (var {
-      baseState: e,
-      currentIndex: t,
-      patches: a
-    } = this, n = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
+    const { baseState: e, currentIndex: t, patches: a } = this;
+    let n = JSON.parse(JSON.stringify(e));
+    for (let i = 0; i < t; i += 1)
       n = this.diffPatcher.patch(n, a[i].diff);
     return console.log("getFullState state", n), n;
   }
@@ -895,147 +878,155 @@ class lt {
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
    */
   saveState() {
-    if (console.log("saveState"), !this.skipHistory) {
-      console.time("saveState");
-      var e = this.canvas.toDatalessObject(["selectable", "evented", "id", "format", "width", "height", "locked", "lockMovementX", "lockMovementY", "lockRotation", "lockScalingX", "lockScalingY", "lockSkewingX", "lockSkewingY"]);
-      if (console.timeEnd("saveState"), !this.baseState) {
-        this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
-        return;
-      }
-      var t = this.getFullState(), a = this.diffPatcher.diff(t, e);
-      if (!a) {
-        console.log("Нет изменений для сохранения.");
-        return;
-      }
-      console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({
-        id: A(),
-        diff: a
-      }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    if (console.log("saveState"), this.skipHistory) return;
+    console.time("saveState");
+    const e = this.canvas.toDatalessObject([
+      "selectable",
+      "evented",
+      "id",
+      "format",
+      "width",
+      "height",
+      "locked",
+      "lockMovementX",
+      "lockMovementY",
+      "lockRotation",
+      "lockScalingX",
+      "lockScalingY",
+      "lockSkewingX",
+      "lockSkewingY"
+    ]);
+    if (console.timeEnd("saveState"), !this.baseState) {
+      this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
+      return;
+    }
+    const t = this.getFullState(), a = this.diffPatcher.diff(t, e);
+    if (!a) {
+      console.log("Нет изменений для сохранения.");
+      return;
     }
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({ id: A(), diff: a }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Функция загрузки состояния в канвас.
-   * @param {object} fullState - полное состояние канваса
+   * @param {Partial<Canvas>} fullState - полное состояние канваса
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    var t = this;
-    return te(function* () {
-      if (e) {
-        console.log("loadStateFromFullState fullState", e);
-        var {
-          canvas: a,
-          canvasManager: n,
-          interactionBlocker: i
-        } = t.editor, {
-          width: r,
-          height: s
-        } = a;
-        yield a.loadFromJSON(e);
-        var c = a.getObjects().find((l) => l.id === "montage-area");
-        c && (t.editor.montageArea = c, (r !== e.width || s !== e.height) && n.updateCanvasAndFitObjects());
-        var u = a.getObjects().find((l) => l.id === "overlay-mask");
-        u && (i.overlayMask = u, i.overlayMask.visible = !1), a.renderAll(), a.fire("editor:history-state-loaded", {
-          fullState: e,
-          currentIndex: t.currentIndex,
-          totalChangesCount: t.totalChangesCount,
-          baseStateChangesCount: t.baseStateChangesCount,
-          patchesCount: t.patches.length,
-          patches: t.patches
-        });
-      }
-    })();
+    return O(this, null, function* () {
+      if (!e) return;
+      console.log("loadStateFromFullState fullState", e);
+      const { canvas: t, canvasManager: a, interactionBlocker: n } = this.editor, { width: i, height: s } = t;
+      yield t.loadFromJSON(e);
+      const r = t.getObjects().find((u) => u.id === "montage-area");
+      r && (this.editor.montageArea = r, (i !== e.width || s !== e.height) && a.updateCanvasAndFitObjects());
+      const c = t.getObjects().find((u) => u.id === "overlay-mask");
+      c && (n.overlayMask = c, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+        fullState: e,
+        currentIndex: this.currentIndex,
+        totalChangesCount: this.totalChangesCount,
+        baseStateChangesCount: this.baseStateChangesCount,
+        patchesCount: this.patches.length,
+        patches: this.patches
+      });
+    });
   }
   /**
    * Undo – отмена последнего действия, восстанавливая состояние по накопленным диффам.
    * @fires editor:undo
    */
   undo() {
-    var e = this;
-    return te(function* () {
-      if (!e.skipHistory) {
-        if (e.currentIndex <= 0) {
+    return O(this, null, function* () {
+      if (!this.skipHistory) {
+        if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
           return;
         }
-        e.suspendHistory();
+        this.suspendHistory();
         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", {
-            fullState: t,
-            currentIndex: e.currentIndex,
-            totalChangesCount: e.totalChangesCount,
-            baseStateChangesCount: e.baseStateChangesCount,
-            patchesCount: e.patches.length,
-            patches: e.patches
+          this.currentIndex -= 1, this.totalChangesCount -= 1;
+          const e = this.getFullState();
+          yield this.loadStateFromFullState(e), console.log("Undo выполнен. Текущий индекс истории:", this.currentIndex), this.canvas.fire("editor:undo", {
+            fullState: e,
+            currentIndex: this.currentIndex,
+            totalChangesCount: this.totalChangesCount,
+            baseStateChangesCount: this.baseStateChangesCount,
+            patchesCount: this.patches.length,
+            patches: this.patches
           });
-        } catch (a) {
-          console.error("undo. Ошибка отмены действия: ", a), e.canvas.fire("editor:error", {
-            message: "Ошибка отмены действия: ".concat(a.message)
+        } catch (e) {
+          this.editor.errorManager.emitError({
+            origin: "HistoryManager",
+            method: "undo",
+            code: "UNDO_ERROR",
+            message: "Ошибка отмены действия",
+            data: e
           });
         } finally {
-          e.resumeHistory();
+          this.resumeHistory();
         }
       }
-    })();
+    });
   }
   /**
    * Redo – повтор ранее отменённого действия.
    * @fires editor:redo
    */
   redo() {
-    var e = this;
-    return te(function* () {
-      if (!e.skipHistory) {
-        if (e.currentIndex >= e.patches.length) {
+    return O(this, null, function* () {
+      if (!this.skipHistory) {
+        if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
           return;
         }
-        e.suspendHistory();
+        this.suspendHistory();
         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", {
-            fullState: t,
-            currentIndex: e.currentIndex,
-            totalChangesCount: e.totalChangesCount,
-            baseStateChangesCount: e.baseStateChangesCount,
-            patchesCount: e.patches.length,
-            patches: e.patches
+          this.currentIndex += 1, this.totalChangesCount += 1;
+          const e = this.getFullState();
+          console.log("fullState", e), yield this.loadStateFromFullState(e), console.log("Redo выполнен. Текущий индекс истории:", this.currentIndex), this.canvas.fire("editor:redo", {
+            fullState: e,
+            currentIndex: this.currentIndex,
+            totalChangesCount: this.totalChangesCount,
+            baseStateChangesCount: this.baseStateChangesCount,
+            patchesCount: this.patches.length,
+            patches: this.patches
           });
-        } catch (a) {
-          console.error("redo. Ошибка повтора действия: ", a), e.canvas.fire("editor:error", {
-            message: "Ошибка повтора действия: ".concat(a.message)
+        } catch (e) {
+          this.editor.errorManager.emitError({
+            origin: "HistoryManager",
+            method: "redo",
+            code: "REDO_ERROR",
+            message: "Ошибка повтора действия",
+            data: e
           });
         } finally {
-          e.resumeHistory();
+          this.resumeHistory();
         }
       }
-    })();
+    });
   }
 }
-const ht = 0.1, gt = 2, vt = 0.1, Mt = 90, x = 16, B = 16, w = 4096, O = 4096;
-function Se(o, e, t, a, n, i, r) {
+const lt = 0.1, ht = 2, gt = 0.1, Mt = 90, B = 16, Z = 16, T = 4096, k = 4096;
+function Ae(o, e, t, a, n, i, s) {
   try {
-    var s = o[i](r), c = s.value;
+    var r = o[i](s), c = r.value;
   } catch (u) {
     return void t(u);
   }
-  s.done ? e(c) : Promise.resolve(c).then(a, n);
+  r.done ? e(c) : Promise.resolve(c).then(a, n);
 }
-function k(o) {
+function x(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, n) {
       var i = o.apply(e, t);
-      function r(c) {
-        Se(i, a, n, r, s, "next", c);
-      }
       function s(c) {
-        Se(i, a, n, r, s, "throw", c);
+        Ae(i, a, n, s, r, "next", c);
+      }
+      function r(c) {
+        Ae(i, a, n, s, r, "throw", c);
       }
-      r(void 0);
+      s(void 0);
     });
   };
 }
@@ -1064,7 +1055,7 @@ class D {
    */
   importImage(e) {
     var t = this;
-    return k(function* () {
+    return x(function* () {
       var {
         source: a,
         scale: n = "image-".concat(t.options.scaleType),
@@ -1072,14 +1063,14 @@ class D {
       } = e;
       if (!a) return null;
       var {
-        canvas: r,
-        montageArea: s,
+        canvas: s,
+        montageArea: r,
         transformManager: c,
         historyManager: u,
         errorManager: l
       } = t.editor, d = yield t.getContentType(a), h = D.getFormatFromContentType(d), {
         acceptContentTypes: g,
-        acceptFormats: M
+        acceptFormats: m
       } = t;
       if (!t.isAllowedContentType(d)) {
         var f = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
@@ -1093,23 +1084,23 @@ class D {
             format: h,
             contentType: d,
             acceptContentTypes: g,
-            acceptFormats: M
+            acceptFormats: m
           }
         }), null;
       }
       u.suspendHistory();
       try {
-        var m, v;
+        var v, M;
         if (a instanceof File)
-          m = URL.createObjectURL(a);
+          v = URL.createObjectURL(a);
         else if (typeof a == "string") {
           var S = yield fetch(a, {
             mode: "cors"
-          }), N = yield S.blob({
+          }), E = yield S.blob({
             type: d,
             quality: 1
           });
-          m = URL.createObjectURL(N);
+          v = URL.createObjectURL(E);
         } else
           return l.emitError({
             origin: "ImageManager",
@@ -1121,64 +1112,64 @@ class D {
               format: h,
               contentType: d,
               acceptContentTypes: g,
-              acceptFormats: M
+              acceptFormats: m
             }
           }), null;
-        if (t._createdBlobUrls.push(m), h === "svg") {
-          var E = yield ke(m);
-          v = P.groupSVGElements(E.objects, E.options);
+        if (t._createdBlobUrls.push(v), h === "svg") {
+          var L = yield Te(v);
+          M = W.groupSVGElements(L.objects, L.options);
         } else
-          v = yield ee.fromURL(m, {
+          M = yield ee.fromURL(v, {
             crossOrigin: "anonymous"
           });
         var {
-          width: L,
+          width: w,
           height: y
-        } = v;
-        if (y > O || L > w) {
-          var b = yield t.resizeImageToBoundaries(v._element.src, "max"), Z = URL.createObjectURL(b);
-          t._createdBlobUrls.push(Z), v = yield ee.fromURL(Z, {
+        } = M;
+        if (y > k || w > T) {
+          var b = yield t.resizeImageToBoundaries(M._element.src, "max"), z = URL.createObjectURL(b);
+          t._createdBlobUrls.push(z), M = yield ee.fromURL(z, {
             crossOrigin: "anonymous"
           });
-        } else if (y < B || L < x) {
-          var W = yield t.resizeImageToBoundaries(v._element.src, "min"), z = URL.createObjectURL(W);
-          t._createdBlobUrls.push(z), v = yield ee.fromURL(z, {
+        } else if (y < Z || w < B) {
+          var F = yield t.resizeImageToBoundaries(M._element.src, "min"), U = URL.createObjectURL(F);
+          t._createdBlobUrls.push(U), M = yield ee.fromURL(U, {
             crossOrigin: "anonymous"
           });
         }
-        if (v.set("id", "".concat(v.type, "-").concat(A())), v.set("format", h), n === "scale-montage")
+        if (M.set("id", "".concat(M.type, "-").concat(A())), M.set("format", h), n === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
-            object: v,
+            object: M,
             withoutSave: !0
           });
         else {
           var {
-            width: F,
-            height: U
-          } = s, _ = t.calculateScaleFactor({
-            imageObject: v,
+            width: V,
+            height: R
+          } = r, _ = t.calculateScaleFactor({
+            imageObject: M,
             scaleType: n
           });
           n === "image-contain" && _ < 1 ? c.fitObject({
-            object: v,
+            object: M,
             type: "contain",
             withoutSave: !0
-          }) : n === "image-cover" && (L > F || y > U) && c.fitObject({
-            object: v,
+          }) : n === "image-cover" && (w > V || y > R) && c.fitObject({
+            object: M,
             type: "cover",
             withoutSave: !0
           });
         }
-        r.add(v), r.centerObject(v), r.setActiveObject(v), r.renderAll(), u.resumeHistory(), i || u.saveState();
-        var V = {
-          image: v,
+        s.add(M), s.centerObject(M), s.setActiveObject(M), s.renderAll(), u.resumeHistory(), i || u.saveState();
+        var G = {
+          image: M,
           format: h,
           contentType: d,
           scale: n,
           withoutSave: i,
           source: a
         };
-        return r.fire("editor:image-imported", V), V;
+        return s.fire("editor:image-imported", G), G;
       } catch (H) {
         return l.emitError({
           origin: "ImageManager",
@@ -1206,24 +1197,24 @@ class D {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return k(function* () {
-      var n = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(w, "x").concat(O);
-      n === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(x, "x").concat(B));
-      var r = {
+    return x(function* () {
+      var n = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(T, "x").concat(k);
+      n === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(B, "x").concat(Z));
+      var s = {
         dataURL: e,
         sizeType: n,
-        maxWidth: w,
-        maxHeight: O,
-        minWidth: x,
-        minHeight: B
+        maxWidth: T,
+        maxHeight: k,
+        minWidth: B,
+        minHeight: Z
       };
       return a.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: i,
-        data: r
-      }), a.editor.workerManager.post("resizeImage", r);
+        data: s
+      }), a.editor.workerManager.post("resizeImage", s);
     })();
   }
   /**
@@ -1239,14 +1230,14 @@ class D {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return k(function* () {
+    return x(function* () {
       var {
         fileName: a = "image.png",
         contentType: n = "image/png",
         exportAsBase64: i = !1,
-        exportAsBlob: r = !1
+        exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
-        canvas: s,
+        canvas: r,
         montageArea: c,
         workerManager: u
       } = t.editor;
@@ -1255,94 +1246,94 @@ class D {
         c.setCoords();
         var {
           left: g,
-          top: M,
+          top: m,
           width: f,
-          height: m
-        } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(d) && (v.backgroundColor = "#ffffff");
-        var S = v.getObjects().find((p) => p.id === c.id);
-        S.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
+          height: v
+        } = c.getBoundingRect(), M = yield r.clone(["id", "format", "locked"]);
+        ["image/jpg", "image/jpeg"].includes(d) && (M.backgroundColor = "#ffffff");
+        var S = M.getObjects().find((p) => p.id === c.id);
+        S.visible = !1, M.viewportTransform = [1, 0, 0, 1, -g, -m], M.setDimensions({
           width: f,
-          height: m
+          height: v
         }, {
           backstoreOnly: !0
-        }), v.renderAll();
-        var N = v.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
-        if (h === "svg" && N) {
-          var E = v.toSVG();
-          v.dispose();
-          var L = D._exportSVGStringAsFile(E, {
+        }), M.renderAll();
+        var E = M.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
+        if (h === "svg" && E) {
+          var L = M.toSVG();
+          M.dispose();
+          var w = D._exportSVGStringAsFile(L, {
             exportAsBase64: i,
-            exportAsBlob: r,
+            exportAsBlob: s,
             fileName: a
           }), y = {
-            image: L,
+            image: w,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
           };
-          return s.fire("editor:canvas-exported", y), y;
+          return r.fire("editor:canvas-exported", y), y;
         }
         var b = yield new Promise((p) => {
-          v.getElement().toBlob(p);
+          M.getElement().toBlob(p);
         });
-        if (v.dispose(), r) {
-          var Z = {
+        if (M.dispose(), s) {
+          var z = {
             image: b,
             format: h,
             contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", Z), Z;
+          return r.fire("editor:canvas-exported", z), z;
         }
-        var W = yield createImageBitmap(b), z = yield u.post("toDataURL", {
+        var F = yield createImageBitmap(b), U = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: W
-        }, [W]);
+          bitmap: F
+        }, [F]);
         if (l) {
-          var F = 0.264583, U = f * F, _ = m * F, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, H = new V({
-            orientation: U > _ ? "landscape" : "portrait",
+          var V = 0.264583, R = f * V, _ = v * V, G = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, H = new G({
+            orientation: R > _ ? "landscape" : "portrait",
             unit: "mm",
-            format: [U, _]
+            format: [R, _]
           });
-          if (H.addImage(z, "JPG", 0, 0, U, _), i) {
-            var De = H.output("datauristring"), le = {
-              image: De,
+          if (H.addImage(U, "JPG", 0, 0, R, _), i) {
+            var Ce = H.output("datauristring"), de = {
+              image: Ce,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
             };
-            return s.fire("editor:canvas-exported", le), le;
+            return r.fire("editor:canvas-exported", de), de;
           }
-          var Ne = H.output("blob"), Ee = new File([Ne], a, {
+          var De = H.output("blob"), Ne = new File([De], a, {
             type: "application/pdf"
-          }), he = {
-            image: Ee,
+          }), le = {
+            image: Ne,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
           };
-          return s.fire("editor:canvas-exported", he), he;
+          return r.fire("editor:canvas-exported", le), le;
         }
         if (i) {
-          var ge = {
-            image: z,
+          var he = {
+            image: U,
             format: h,
             contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", ge), ge;
+          return r.fire("editor:canvas-exported", he), he;
         }
-        var ve = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([b], ve, {
+        var ge = h === "svg" && !E ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([b], ge, {
           type: d
         }), Me = {
-          image: Le,
+          image: Ee,
           format: h,
           contentType: d,
-          fileName: ve
+          fileName: ge
         };
-        return s.fire("editor:canvas-exported", Me), Me;
+        return r.fire("editor:canvas-exported", Me), Me;
       } catch (p) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1353,7 +1344,7 @@ class D {
             contentType: n,
             fileName: a,
             exportAsBase64: i,
-            exportAsBlob: r
+            exportAsBlob: s
           }
         }), "";
       }
@@ -1372,13 +1363,13 @@ class D {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return k(function* () {
+    return x(function* () {
       var {
         object: a,
         fileName: n = "image.png",
         contentType: i = "image/png",
-        exportAsBase64: r = !1,
-        exportAsBlob: s = !1
+        exportAsBase64: s = !1,
+        exportAsBlob: r = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
         workerManager: u
@@ -1392,54 +1383,54 @@ class D {
           data: {
             contentType: i,
             fileName: n,
-            exportAsBase64: r,
-            exportAsBlob: s
+            exportAsBase64: s,
+            exportAsBlob: r
           }
         }), "";
       try {
         var d = D.getFormatFromContentType(i);
         if (d === "svg") {
           var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
-            exportAsBase64: r,
-            exportAsBlob: s,
+            exportAsBase64: s,
+            exportAsBlob: r,
             fileName: n
-          }), M = {
+          }), m = {
             image: g,
             format: d,
             contentType: "image/svg+xml",
             fileName: n.replace(/\.[^/.]+$/, ".svg")
           };
-          return c.fire("editor:object-exported", M), M;
+          return c.fire("editor:object-exported", m), m;
         }
-        if (r) {
-          var f = yield createImageBitmap(l._element), m = yield u.post("toDataURL", {
+        if (s) {
+          var f = yield createImageBitmap(l._element), v = yield u.post("toDataURL", {
             format: d,
             quality: 1,
             bitmap: f
-          }, [f]), v = {
-            image: m,
+          }, [f]), M = {
+            image: v,
             format: d,
             contentType: i,
             fileName: n
           };
-          return c.fire("editor:object-exported", v), v;
+          return c.fire("editor:object-exported", M), M;
         }
-        var S = l.toCanvasElement(), N = yield new Promise((b) => {
+        var S = l.toCanvasElement(), E = yield new Promise((b) => {
           S.toBlob(b);
         });
-        if (s) {
-          var E = {
-            image: N,
+        if (r) {
+          var L = {
+            image: E,
             format: d,
             contentType: i,
             fileName: n
           };
-          return c.fire("editor:object-exported", E), E;
+          return c.fire("editor:object-exported", L), L;
         }
-        var L = new File([N], n, {
+        var w = new File([E], n, {
           type: i
         }), y = {
-          image: L,
+          image: w,
           format: d,
           contentType: i,
           fileName: n
@@ -1454,8 +1445,8 @@ class D {
           data: {
             contentType: i,
             fileName: n,
-            exportAsBase64: r,
-            exportAsBlob: s
+            exportAsBase64: s,
+            exportAsBlob: r
           }
         }), "";
       }
@@ -1526,7 +1517,7 @@ class D {
    */
   getContentType(e) {
     var t = this;
-    return k(function* () {
+    return x(function* () {
       return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     })();
   }
@@ -1538,7 +1529,7 @@ class D {
    */
   getContentTypeFromUrl(e) {
     var t = this;
-    return k(function* () {
+    return x(function* () {
       if (e.startsWith("data:")) {
         var a = e.match(/^data:([^;]+)/);
         return a ? a[1] : "application/octet-stream";
@@ -1549,8 +1540,8 @@ class D {
         }), i = n.headers.get("content-type");
         if (i && i.startsWith("image/"))
           return i.split(";")[0];
-      } catch (r) {
-        console.warn("HEAD запрос неудачен, определяем тип по расширению:", r);
+      } catch (s) {
+        console.warn("HEAD запрос неудачен, определяем тип по расширению:", s);
       }
       return t.getContentTypeFromExtension(e);
     })();
@@ -1564,12 +1555,12 @@ class D {
   getContentTypeFromExtension(e) {
     try {
       var t, a = new URL(e), n = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
-      return this.acceptContentTypes.forEach((r) => {
-        var s = D.getFormatFromContentType(r);
-        s && (i[s] = r);
+      return this.acceptContentTypes.forEach((s) => {
+        var r = D.getFormatFromContentType(s);
+        r && (i[r] = s);
       }), i[n] || "application/octet-stream";
-    } catch (r) {
-      return console.warn("Не удалось определить расширение из URL:", e, r), "application/octet-stream";
+    } catch (s) {
+      return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
   }
   /**
@@ -1586,11 +1577,11 @@ class D {
       montageArea: n
     } = this.editor;
     if (!n || !t) return 1;
-    var i = n.width, r = n.height, {
-      width: s,
+    var i = n.width, s = n.height, {
+      width: r,
       height: c
     } = t;
-    return a === "contain" || a === "image-contain" ? Math.min(i / s, r / c) : a === "cover" || a === "image-cover" ? Math.max(i / s, r / c) : 1;
+    return a === "contain" || a === "image-contain" ? Math.min(i / r, s / c) : a === "cover" || a === "image-cover" ? Math.max(i / r, s / c) : 1;
   }
 }
 class mt {
@@ -1611,19 +1602,19 @@ class mt {
    * @fires editor:resolution-width-changed
    */
   setResolutionWidth(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
-    var M;
+    var m;
     if (!e) return;
     const {
       canvas: i,
-      montageArea: r,
-      options: { canvasBackstoreWidth: s }
-    } = this.editor, { width: c, height: u } = r, l = Math.max(Math.min(Number(e), w), x);
-    if (!s || s === "auto" || n ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(Number(s)) : this.setCanvasBackstoreWidth(l), r.set({ width: l }), (M = i.clipPath) == null || M.set({ width: l }), t) {
-      const f = l / c, m = u * f;
-      this.setResolutionHeight(m);
+      montageArea: s,
+      options: { canvasBackstoreWidth: r }
+    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), T), B);
+    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreWidth(Number(r)) : this.setCanvasBackstoreWidth(l), s.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
+      const f = l / c, v = u * f;
+      this.setResolutionHeight(v);
       return;
     }
-    const { left: d, top: h } = this.getObjectDefaultCoords(r), g = i.getZoom();
+    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
     i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
       width: l,
       preserveProportional: t,
@@ -1641,19 +1632,19 @@ class mt {
    * @fires editor:resolution-height-changed
    */
   setResolutionHeight(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
-    var M;
+    var m;
     if (!e) return;
     const {
       canvas: i,
-      montageArea: r,
-      options: { canvasBackstoreHeight: s }
-    } = this.editor, { width: c, height: u } = r, l = Math.max(Math.min(Number(e), O), B);
-    if (!s || s === "auto" || n ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(Number(s)) : this.setCanvasBackstoreHeight(l), r.set({ height: l }), (M = i.clipPath) == null || M.set({ height: l }), t) {
-      const f = l / u, m = c * f;
-      this.setResolutionWidth(m);
+      montageArea: s,
+      options: { canvasBackstoreHeight: r }
+    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), k), Z);
+    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreHeight(Number(r)) : this.setCanvasBackstoreHeight(l), s.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
+      const f = l / u, v = c * f;
+      this.setResolutionWidth(v);
       return;
     }
-    const { left: d, top: h } = this.getObjectDefaultCoords(r), g = i.getZoom();
+    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
     i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
       height: l,
       preserveProportional: t,
@@ -1667,7 +1658,7 @@ class mt {
    */
   centerMontageArea() {
     var c;
-    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), n = e.getHeight(), i = e.getZoom(), r = new K(a / 2, n / 2);
+    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), n = e.getHeight(), i = e.getZoom(), s = new K(a / 2, n / 2);
     t.set({
       left: a / 2,
       top: n / 2
@@ -1675,8 +1666,8 @@ class mt {
       left: a / 2,
       top: n / 2
     }), e.renderAll();
-    const s = e.viewportTransform;
-    s[4] = a / 2 - r.x * i, s[5] = n / 2 - r.y * i, e.setViewportTransform(s), e.renderAll();
+    const r = e.viewportTransform;
+    r[4] = a / 2 - s.x * i, r[5] = n / 2 - s.y * i, e.setViewportTransform(r), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1692,8 +1683,8 @@ class mt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: n, height: i } = a, r = t.getZoom(), s = (n - n * r) / 2, c = (i - i * r) / 2;
-    return { left: s, top: c };
+    const { width: n, height: i } = a, s = t.getZoom(), r = (n - n * s) / 2, c = (i - i * s) / 2;
+    return { left: r, top: c };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
@@ -1701,7 +1692,7 @@ class mt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, w), x);
+    const t = Math.max(Math.min(e, T), B);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1710,7 +1701,7 @@ class mt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, O), B);
+    const t = Math.max(Math.min(e, k), Z);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1719,8 +1710,8 @@ class mt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(a, w), x), r = Math.max(Math.min(n, O), B);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", r), e.setDimensions({ width: i, height: r }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(a, T), B), s = Math.max(Math.min(n, k), Z);
+    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", s), e.setDimensions({ width: i, height: s }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса и вписывает объекты в монтажную область.
@@ -1754,11 +1745,11 @@ class mt {
    * @param {Number} zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: a } = this.editor, n = a.width * e, i = a.height * e, r = t.wrapperEl.parentNode;
-    if (!(r instanceof HTMLElement)) return;
-    const s = n <= r.clientWidth ? "100%" : n, c = i <= r.clientHeight ? "100%" : i;
+    const { canvas: t, montageArea: a } = this.editor, n = a.width * e, i = a.height * e, s = t.wrapperEl.parentNode;
+    if (!(s instanceof HTMLElement)) return;
+    const r = n <= s.clientWidth ? "100%" : n, c = i <= s.clientHeight ? "100%" : i;
     t.setDimensions(
-      { width: s, height: c },
+      { width: r, height: c },
       { cssOnly: !0 }
     );
   }
@@ -1845,32 +1836,32 @@ class mt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: a } = {}) {
     if (!a) return;
-    const { canvas: n, options: { editorContainer: i } } = this.editor, r = [];
+    const { canvas: n, options: { editorContainer: i } } = this.editor, s = [];
     switch (e) {
       case "canvas":
-        r.push(n.lowerCanvasEl, n.upperCanvasEl);
+        s.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        r.push(n.wrapperEl);
+        s.push(n.wrapperEl);
         break;
       case "container":
-        r.push(i);
+        s.push(i);
         break;
       default:
-        r.push(n.lowerCanvasEl, n.upperCanvasEl);
+        s.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
-    const s = t === "width" ? "width" : "height";
+    const r = t === "width" ? "width" : "height";
     if (typeof a == "string") {
-      r.forEach((u) => {
-        u.style[s] = a;
+      s.forEach((u) => {
+        u.style[r] = a;
       });
       return;
     }
     if (isNaN(a)) return;
     const c = `${a}px`;
-    r.forEach((u) => {
-      u.style[s] = c;
-    }), n.fire(`editor:display-${e}-${s}-changed`, {
+    s.forEach((u) => {
+      u.style[r] = c;
+    }), n.fire(`editor:display-${e}-${r}-changed`, {
       element: e,
       value: a
     });
@@ -1887,23 +1878,23 @@ class mt {
     const {
       canvas: n,
       montageArea: i,
-      transformManager: r,
+      transformManager: s,
       options: {
-        montageAreaWidth: s,
+        montageAreaWidth: r,
         montageAreaHeight: c
       }
     } = this.editor, u = e || n.getActiveObject();
     if (!u || u.type !== "image" && u.format !== "svg") return;
     const { width: l, height: d } = u;
-    let h = Math.min(l, w), g = Math.min(d, O);
+    let h = Math.min(l, T), g = Math.min(d, k);
     if (t) {
       const {
-        width: M,
+        width: m,
         height: f
-      } = i, m = l / M, v = d / f, S = Math.max(m, v);
-      h = M * S, g = f * S;
+      } = i, v = l / m, M = d / f, S = Math.max(v, M);
+      h = m * S, g = f * S;
     }
-    this.setResolutionWidth(h, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), (l > s || d > c) && r.calculateAndApplyDefaultZoom(), r.resetObject(u, { withoutSave: !0 }), n.centerObject(u), n.renderAll(), a || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(h, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), (l > r || d > c) && s.calculateAndApplyDefaultZoom(), s.resetObject(u, { withoutSave: !0 }), n.centerObject(u), n.renderAll(), a || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: u,
       width: h,
       height: g,
@@ -1932,10 +1923,10 @@ class mt {
       historyManager: n,
       options: {
         montageAreaWidth: i,
-        montageAreaHeight: r
+        montageAreaHeight: s
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(r, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
+    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(s, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1946,9 +1937,9 @@ class mt {
     return e.getObjects().filter((i) => i.id !== t.id && i.id !== a.id);
   }
 }
-class ft {
+class vt {
   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;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || lt, this.maxZoom = this.options.maxZoom || ht, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1958,7 +1949,7 @@ class ft {
    * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, a = t.editorContainer, n = a.clientWidth, i = a.clientHeight, { width: r, height: s } = this.editor.montageArea, c = n / r * e, u = i / s * e;
+    const { canvas: t } = this.editor, a = t.editorContainer, n = a.clientWidth, i = a.clientHeight, { width: s, height: r } = this.editor.montageArea, c = n / s * e, u = i / r * e;
     this.defaultZoom = Math.min(c, u);
     const { defaultZoom: l, maxZoomFactor: d, minZoom: h, maxZoom: g } = this;
     this.minZoom = Math.min(l / d, h), this.maxZoom = Math.max(l * d, g), this.setZoom();
@@ -1972,13 +1963,13 @@ class ft {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = vt, t = {}) {
+  zoom(e = gt, t = {}) {
     var h, g;
     if (!e) return;
-    const { minZoom: a, maxZoom: n } = this, { canvas: i } = this.editor, r = i.getZoom(), s = i.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((r + Number(e)).toFixed(2));
+    const { minZoom: a, maxZoom: n } = this, { canvas: i } = this.editor, s = i.getZoom(), r = i.getCenterPoint(), c = (h = t.pointX) != null ? h : r.x, u = (g = t.pointY) != null ? g : r.y, l = new K(c, u);
+    let d = Number((s + Number(e)).toFixed(2));
     d > n && (d = n), d < a && (d = a), i.zoomToPoint(l, d), console.log({
-      currentZoom: r,
+      currentZoom: s,
       zoom: d,
       point: l
     }), i.fire("editor:zoom-changed", {
@@ -1994,10 +1985,10 @@ class ft {
    */
   setZoom(e = this.defaultZoom) {
     const { minZoom: t, maxZoom: a } = this, { canvas: n } = this.editor, i = new K(n.getCenterPoint());
-    let r = e;
-    e > a && (r = a), e < t && (r = t), n.zoomToPoint(i, r), n.fire("editor:zoom-changed", {
+    let s = e;
+    e > a && (s = a), e < t && (s = t), n.zoomToPoint(i, s), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
-      zoom: r,
+      zoom: s,
       point: i
     });
   }
@@ -2022,11 +2013,11 @@ class ft {
   rotate(e = Mt, { withoutSave: t } = {}) {
     const { canvas: a, historyManager: n } = this.editor, i = a.getActiveObject();
     if (!i) return;
-    const r = i.angle + e;
-    i.rotate(r), i.setCoords(), a.renderAll(), t || n.saveState(), a.fire("editor:object-rotated", {
+    const s = i.angle + e;
+    i.rotate(s), i.setCoords(), a.renderAll(), t || n.saveState(), a.fire("editor:object-rotated", {
       object: i,
       withoutSave: t,
-      angle: r
+      angle: s
     });
   }
   /**
@@ -2065,11 +2056,11 @@ class ft {
     opacity: t = 1,
     withoutSave: a
   } = {}) {
-    const { canvas: n, historyManager: i } = this.editor, r = e || n.getActiveObject();
-    r && (r instanceof T ? r.getObjects().forEach((s) => {
-      s.set("opacity", t);
-    }) : r.set("opacity", t), n.renderAll(), a || i.saveState(), n.fire("editor:object-opacity-changed", {
-      object: r,
+    const { canvas: n, historyManager: i } = this.editor, s = e || n.getActiveObject();
+    s && (s instanceof N ? s.getObjects().forEach((r) => {
+      r.set("opacity", t);
+    }) : s.set("opacity", t), n.renderAll(), a || i.saveState(), n.fire("editor:object-opacity-changed", {
+      object: s,
       opacity: t,
       withoutSave: a
     }));
@@ -2091,24 +2082,24 @@ class ft {
     withoutSave: a,
     fitAsOneObject: n
   } = {}) {
-    const { canvas: i, imageManager: r, historyManager: s } = this.editor, c = e || i.getActiveObject();
+    const { canvas: i, imageManager: s, historyManager: r } = this.editor, c = e || i.getActiveObject();
     if (c) {
-      if (c.set("angle", 0), c instanceof T && !n) {
+      if (c.set("angle", 0), c instanceof N && !n) {
         const u = c.getObjects();
         i.discardActiveObject(), u.forEach((d) => {
-          const h = r.calculateScaleFactor({ imageObject: d, scaleType: t });
+          const h = s.calculateScaleFactor({ imageObject: d, scaleType: t });
           d.scale(h), i.centerObject(d);
         });
-        const l = new T(u, { canvas: i });
+        const l = new N(u, { canvas: i });
         i.setActiveObject(l);
       } else {
-        const u = r.calculateScaleFactor({
+        const u = s.calculateScaleFactor({
           imageObject: c,
           scaleType: t
         });
         c.scale(u), i.centerObject(c);
       }
-      i.renderAll(), a || s.saveState(), i.fire("editor:object-fitted", {
+      i.renderAll(), a || r.saveState(), i.fire("editor:object-fitted", {
         object: c,
         type: t,
         withoutSave: a,
@@ -2137,12 +2128,12 @@ class ft {
     const {
       canvas: n,
       montageArea: i,
-      imageManager: r,
-      historyManager: s,
+      imageManager: s,
+      historyManager: r,
       options: { scaleType: c }
     } = this.editor, u = e || n.getActiveObject();
     if (!u || u.locked) return;
-    if (s.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
+    if (r.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
@@ -2151,20 +2142,20 @@ class ft {
     }), t)
       this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: d, height: h } = i, { width: g, height: M } = u, f = r.calculateScaleFactor({
+      const { width: d, height: h } = i, { width: g, height: m } = u, f = s.calculateScaleFactor({
         imageObject: u,
         scaleType: c
       });
-      c === "contain" && f < 1 || c === "cover" && (g > d || M > h) ? this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 }) : u.set({ scaleX: 1, scaleY: 1 });
+      c === "contain" && f < 1 || c === "cover" && (g > d || m > h) ? this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 }) : u.set({ scaleX: 1, scaleY: 1 });
     }
-    u.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(u), n.renderAll(), s.resumeHistory(), a || s.saveState(), n.fire("editor:object-reset", {
+    u.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(u), n.renderAll(), r.resumeHistory(), a || r.saveState(), n.fire("editor:object-reset", {
       object: u,
       withoutSave: a,
       alwaysFitObject: t
     });
   }
 }
-class jt {
+class ft {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -2215,14 +2206,14 @@ class jt {
       var {
         left: n,
         top: i,
-        width: r,
-        height: s
+        width: s,
+        height: r
       } = t.getBoundingRect();
       this.overlayMask.set({
         left: n,
         top: i,
-        width: r,
-        height: s
+        width: s,
+        height: r
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
       }), a.resumeHistory();
@@ -2291,8 +2282,8 @@ class $ {
     } = this.editor;
     n.suspendHistory();
     var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((r) => {
-      a.bringObjectToFront(r);
+    i && (i.type === "activeselection" ? i.getObjects().forEach((s) => {
+      a.bringObjectToFront(s);
     }) : a.bringObjectToFront(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-bring-to-front", {
       object: i,
       withoutSave: t
@@ -2334,19 +2325,19 @@ class $ {
       montageArea: n,
       historyManager: i,
       interactionBlocker: {
-        overlayMask: r
+        overlayMask: s
       }
     } = this.editor;
     i.suspendHistory();
-    var s = e || a.getActiveObject();
-    if (s) {
-      if (s.type === "activeselection")
-        for (var c = s.getObjects(), u = c.length - 1; u >= 0; u -= 1)
+    var r = e || a.getActiveObject();
+    if (r) {
+      if (r.type === "activeselection")
+        for (var c = r.getObjects(), u = c.length - 1; u >= 0; u -= 1)
           a.sendObjectToBack(c[u]);
       else
-        a.sendObjectToBack(s);
-      a.sendObjectToBack(n), a.sendObjectToBack(r), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
-        object: s,
+        a.sendObjectToBack(r);
+      a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
+        object: r,
         withoutSave: t
       });
     }
@@ -2365,13 +2356,13 @@ class $ {
       montageArea: n,
       historyManager: i,
       interactionBlocker: {
-        overlayMask: r
+        overlayMask: s
       }
     } = this.editor;
     i.suspendHistory();
-    var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? $._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(n), a.sendObjectToBack(r), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
-      object: s,
+    var r = e || a.getActiveObject();
+    r && (r.type === "activeselection" ? $._moveSelectionBackwards(a, r) : a.sendObjectBackwards(r), a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
+      object: r,
       withoutSave: t
     }));
   }
@@ -2383,20 +2374,20 @@ class $ {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), n = t.getObjects(), i = n.map((l) => a.indexOf(l)), r = -1, s = function(d) {
+    for (var a = e.getObjects(), n = t.getObjects(), i = n.map((l) => a.indexOf(l)), s = -1, r = function(d) {
       var h = a[d];
       if (!n.includes(h) && i.some((g) => d > g))
-        return r = d, 1;
-    }, c = 0; c < a.length && !s(c); c += 1)
+        return s = d, 1;
+    }, c = 0; c < a.length && !r(c); c += 1)
       ;
-    if (r !== -1) {
+    if (s !== -1) {
       var u = n.map((l) => ({
         obj: l,
         index: a.indexOf(l)
       })).sort((l, d) => d.index - l.index);
       u.forEach((l) => {
         var d = a.indexOf(l.obj);
-        d < r && (e.moveObjectTo(l.obj, r), r = d);
+        d < s && (e.moveObjectTo(l.obj, s), s = d);
       });
     }
   }
@@ -2408,11 +2399,11 @@ class $ {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), n = t.getObjects(), i = Math.min(...n.map((s) => a.indexOf(s))), r = n.length - 1; r >= 0; r -= 1)
-      e.moveObjectTo(n[r], i - 1);
+    for (var a = e.getObjects(), n = t.getObjects(), i = Math.min(...n.map((r) => a.indexOf(r))), s = n.length - 1; s >= 0; s -= 1)
+      e.moveObjectTo(n[s], i - 1);
   }
 }
-class yt {
+class jt {
   /**
    * Менеджер фигур для редактора.
    * @param {Object} options - Опции и настройки менеджера фигур.
@@ -2443,8 +2434,8 @@ class yt {
       top: a,
       width: n = 100,
       height: i = 100,
-      fill: r = "blue"
-    } = d, s = X(d, [
+      fill: s = "blue"
+    } = d, r = Q(d, [
       "id",
       "left",
       "top",
@@ -2452,14 +2443,14 @@ class yt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new xe(C({
+    const { canvas: h } = this.editor, g = new ke(C({
       id: e,
       left: t,
       top: a,
       width: n,
       height: i,
-      fill: r
-    }, s));
+      fill: s
+    }, r));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
   /**
@@ -2478,28 +2469,28 @@ class yt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
+  addCircle(u = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = u, {
       id: e = `circle-${A()}`,
       left: t,
       top: a,
       radius: n = 50,
       fill: i = "green"
-    } = l, r = X(l, [
+    } = l, s = Q(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, h = new Be(C({
+    const { canvas: d } = this.editor, h = new xe(C({
       id: e,
       left: t,
       top: a,
       fill: i,
       radius: n
-    }, r));
-    return !t && !a && d.centerObject(h), c || (d.add(h), s || d.setActiveObject(h), d.renderAll()), h;
+    }, s));
+    return !t && !a && d.centerObject(h), c || (d.add(h), r || d.setActiveObject(h), d.renderAll()), h;
   }
   /**
    * Добавление треугольника
@@ -2525,8 +2516,8 @@ class yt {
       top: a,
       width: n = 100,
       height: i = 100,
-      fill: r = "yellow"
-    } = d, s = X(d, [
+      fill: s = "yellow"
+    } = d, r = Q(d, [
       "id",
       "left",
       "top",
@@ -2534,18 +2525,18 @@ class yt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ze(C({
+    const { canvas: h } = this.editor, g = new Be(C({
       id: e,
       left: t,
       top: a,
-      fill: r,
+      fill: s,
       width: n,
       height: i
-    }, s));
+    }, r));
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
 }
-class bt {
+class yt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2560,16 +2551,19 @@ class bt {
   copy() {
     const { canvas: e, errorManager: t } = this.editor, a = e.getActiveObject();
     if (!a) return;
-    if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
-      return t.emitWarning({
+    if (typeof ClipboardItem == "undefined" || !navigator.clipboard) {
+      t.emitWarning({
         origin: "ClipboardManager",
         method: "copy",
         code: "CLIPBOARD_NOT_SUPPORTED",
+        // eslint-disable-next-line max-len
         message: "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
       }), this._cloneAndFire(e, a);
+      return;
+    }
     if (a.type !== "image") {
       const h = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
-      return navigator.clipboard.writeText(h).catch((g) => {
+      navigator.clipboard.writeText(h).catch((g) => {
         t.emitWarning({
           origin: "ClipboardManager",
           method: "copy",
@@ -2578,11 +2572,12 @@ class bt {
           data: g
         });
       }), this._cloneAndFire(e, a);
+      return;
     }
-    const i = a.toCanvasElement().toDataURL(), r = i.slice(5).split(";")[0], s = i.split(",")[1], c = atob(s), u = new Uint8Array(c.length);
-    for (let h = 0; h < c.length; h++)
+    const i = a.toCanvasElement().toDataURL(), s = i.slice(5).split(";")[0], r = i.split(",")[1], c = atob(r), u = new Uint8Array(c.length);
+    for (let h = 0; h < c.length; h += 1)
       u[h] = c.charCodeAt(h);
-    const l = new Blob([u.buffer], { type: r }), d = new ClipboardItem({ [r]: l });
+    const l = new Blob([u.buffer], { type: s }), d = new ClipboardItem({ [s]: l });
     navigator.clipboard.write([d]).catch((h) => {
       t.emitWarning({
         origin: "ClipboardManager",
@@ -2605,7 +2600,7 @@ class bt {
         origin: "ClipboardManager",
         method: "_cloneAndFire",
         code: "CLONE_FAILED",
-        message: "ClipboardManager. Ошибка клонирования объекта",
+        message: "Ошибка клонирования объекта",
         data: a
       });
     });
@@ -2617,16 +2612,16 @@ class bt {
    * @param {Array} event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent({ clipboardData: e }) {
-    var r;
-    if (!((r = e == null ? void 0 : e.items) != null && r.length)) return;
+    var s;
+    if (!((s = e == null ? void 0 : e.items) != null && s.length)) return;
     const { imageManager: t } = this.editor, { items: a } = e, n = a[a.length - 1];
     if (n.type !== "text/html") {
-      const s = n.getAsFile();
-      if (!s) return;
+      const r = n.getAsFile();
+      if (!r) return;
       const c = new FileReader();
       c.onload = (u) => {
         u.target && this.editor.imageManager.importImage({ source: u.target.result });
-      }, c.readAsDataURL(s);
+      }, c.readAsDataURL(r);
       return;
     }
     const i = e.getData("text/html");
@@ -2644,7 +2639,7 @@ class bt {
    * @fires editor:object-pasted
    */
   paste() {
-    return Q(this, null, function* () {
+    return O(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return;
       const t = yield this.clipboard.clone(["format"]);
@@ -2653,13 +2648,13 @@ class bt {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof T ? (t.canvas = e, t.forEachObject((a) => {
+      }), t instanceof N ? (t.canvas = e, t.forEachObject((a) => {
         e.add(a);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
   }
 }
-class pt {
+class bt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2686,9 +2681,9 @@ class pt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: n,
       historyManager: i
-    } = this.editor, r = e || n.getActiveObject();
-    if (!(!r || r.locked)) {
-      var s = {
+    } = this.editor, s = e || n.getActiveObject();
+    if (!(!s || s.locked)) {
+      var r = {
         lockMovementX: !0,
         lockMovementY: !0,
         lockRotation: !0,
@@ -2698,12 +2693,12 @@ class pt {
         lockSkewingY: !0,
         locked: !0
       };
-      r.set(s);
-      var c = !t && ["activeselection", "group"].includes(r.type);
-      c && r.getObjects().forEach((u) => {
-        u.set(s);
+      s.set(r);
+      var c = !t && ["activeselection", "group"].includes(s.type);
+      c && s.getObjects().forEach((u) => {
+        u.set(r);
       }), n.renderAll(), a || i.saveState(), n.fire("editor:object-locked", {
-        object: r,
+        object: s,
         skipInnerObjects: t,
         withoutSave: a
       });
@@ -2726,7 +2721,7 @@ class pt {
       historyManager: n
     } = this.editor, i = e || a.getActiveObject();
     if (i) {
-      var r = {
+      var s = {
         lockMovementX: !1,
         lockMovementY: !1,
         lockRotation: !1,
@@ -2736,8 +2731,8 @@ class pt {
         lockSkewingY: !1,
         locked: !1
       };
-      i.set(r), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((s) => {
-        s.set(r);
+      i.set(s), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((r) => {
+        r.set(s);
       }), a.renderAll(), t || n.saveState(), a.fire("editor:object-unlocked", {
         object: i,
         withoutSave: t
@@ -2745,16 +2740,9 @@ class pt {
     }
   }
 }
-class It {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+class pt {
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Группировка объектов
@@ -2763,24 +2751,20 @@ class It {
    * @param {fabric.Object} options.object - массив объектов для группировки
    * @fires editor:objects-grouped
    */
-  group() {
-    var {
-      object: e,
-      withoutSave: t
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: a,
-      historyManager: n
-    } = this.editor;
+  group({
+    object: e,
+    withoutSave: t
+  } = {}) {
+    const { canvas: a, historyManager: n } = this.editor;
     n.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (i && i.type === "activeselection") {
-      var r = i.getObjects(), s = new ze(r);
-      r.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(A())), a.add(s), a.setActiveObject(s), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-grouped", {
-        object: i,
-        group: s,
-        withoutSave: t
-      });
-    }
+    const i = e || a.getActiveObject();
+    if (!i || !(i instanceof N)) return;
+    const s = i.getObjects(), r = new je(s);
+    s.forEach((c) => a.remove(c)), r.set("id", `${r.type}-${A()}`), a.add(r), a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-grouped", {
+      object: i,
+      group: r,
+      withoutSave: t
+    });
   }
   /**
    * Разгруппировка объектов
@@ -2789,31 +2773,27 @@ class It {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:objects-ungrouped
    */
-  ungroup() {
-    var {
-      object: e,
-      withoutSave: t
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: a,
-      historyManager: n
-    } = this.editor;
+  ungroup({
+    object: e,
+    withoutSave: t
+  } = {}) {
+    const { canvas: a, historyManager: n } = this.editor;
     n.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (!(!i || i.type !== "group")) {
-      var r = i.removeAll();
-      a.remove(i), r.forEach((c) => a.add(c));
-      var s = new T(r, {
-        canvas: a
-      });
-      a.setActiveObject(s), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-ungrouped", {
-        object: i,
-        selection: s,
-        withoutSave: t
-      });
-    }
+    const i = e || a.getActiveObject();
+    if (!(i instanceof je)) return;
+    const s = i.removeAll();
+    a.remove(i), s.forEach((c) => a.add(c));
+    const r = new N(s, {
+      canvas: a
+    });
+    a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-ungrouped", {
+      object: i,
+      selection: r,
+      withoutSave: t
+    });
   }
 }
-class At {
+class It {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2835,58 +2815,47 @@ class At {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var n = t.getObjects(), i = n.some((s) => s.locked), r = n.length > 1 ? new T(t.getObjects(), {
+    var n = t.getObjects(), i = n.some((r) => r.locked), s = n.length > 1 ? new N(t.getObjects(), {
       canvas: e
     }) : n[0];
     i && a.lockObject({
-      object: r,
+      object: s,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), e.setActiveObject(r), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: r
+    }), e.setActiveObject(s), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
+      selected: s
     });
   }
 }
-class St {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+class At {
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Удалить выбранные объекты
    * @param {Object} options
-   * @param {fabric.Object[]} options.objects - массив объектов для удаления
+   * @param {FabricObject[]} options.objects - массив объектов для удаления
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:objects-deleted
    */
-  deleteSelectedObjects() {
-    var {
-      objects: e,
-      withoutSave: t
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: a,
-      historyManager: n,
-      groupingManager: i
-    } = this.editor, r = (e || a.getActiveObjects()).filter((s) => !s.locked);
-    r != null && r.length && (n.suspendHistory(), r.forEach((s) => {
-      if (s.type === "group" && s.format !== "svg") {
-        i.ungroup(s), this.deleteSelectedObjects();
+  deleteSelectedObjects({
+    objects: e,
+    withoutSave: t
+  } = {}) {
+    const { canvas: a, historyManager: n, groupingManager: i } = this.editor, s = (e || a.getActiveObjects()).filter((r) => !r.locked);
+    s != null && s.length && (n.suspendHistory(), s.forEach((r) => {
+      if (r.type === "group" && r.format !== "svg") {
+        i.ungroup({ object: r, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
-      a.remove(s);
+      a.remove(r);
     }), a.discardActiveObject(), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-deleted", {
-      objects: r,
+      objects: s,
       withoutSave: t
     }));
   }
 }
-const Ct = {
+const St = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2942,6 +2911,10 @@ const Ct = {
      * Ошибка при получении активного объекта.
      */
     NO_ACTIVE_OBJECT: "NO_ACTIVE_OBJECT"
+  },
+  HISTORY_MANAGER: {
+    UNDO_ERROR: "UNDO_ERROR",
+    REDO_ERROR: "REDO_ERROR"
   }
 };
 class q {
@@ -2970,18 +2943,18 @@ class q {
       return;
     }
     if (!a) return;
-    const r = i || a;
-    console.error(`${e}. ${t}. ${a}. ${r}`, n);
-    const s = {
+    const s = i || a;
+    console.error(`${e}. ${t}. ${a}. ${s}`, n);
+    const r = {
       code: a,
       origin: e,
       method: t,
-      message: r,
+      message: s,
       data: n
     };
     this._buffer.push(C({
       type: "editor:error"
-    }, s)), this.editor.canvas.fire("editor:error", s);
+    }, r)), this.editor.canvas.fire("editor:error", r);
   }
   /**
    * Эмитит предупреждение через fabricjs
@@ -2998,24 +2971,24 @@ class q {
       console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
-    const r = n || a;
-    console.warn(`${e}. ${t}. ${a}. ${r}`, i);
-    const s = {
+    const s = n || a;
+    console.warn(`${e}. ${t}. ${a}. ${s}`, i);
+    const r = {
       code: a,
       origin: e,
       method: t,
-      message: r,
+      message: s,
       data: i
     };
     this._buffer.push(C({
       type: "editor:warning"
-    }, s)), this.editor.canvas.fire("editor:warning", s);
+    }, r)), this.editor.canvas.fire("editor:warning", r);
   }
   static isValidErrorCode(e) {
-    return e ? Object.values(Ct).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(St).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class de {
+class ue {
   /**
    * Конструктор класса ImageEditor.
    * @param {string} canvasId - идентификатор канваса, в котором будет создан редактор
@@ -3025,25 +2998,25 @@ class de {
     this.options = t, this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.init();
   }
   init() {
-    return Q(this, null, function* () {
+    return O(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: a,
         canvasWrapperHeight: n,
         canvasCSSWidth: i,
-        canvasCSSHeight: r,
-        initialImage: s,
+        canvasCSSHeight: s,
+        initialImage: r,
         initialStateJSON: c,
         scaleType: u,
         _onReadyCallback: l
       } = this.options;
-      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new Pe(), this.errorManager = new q({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new bt({ editor: this }), this.objectLockManager = new pt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new At({ editor: this }), this.deletionManager = new St({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(r), s != null && s.source) {
+      if (Je.apply(), this.canvas = new Ze(this.containerId, this.options), this.moduleLoader = new He(), this.workerManager = new Ye(), this.errorManager = new q({ editor: this }), this.historyManager = new dt({ editor: this }), this.toolbar = new ut({ editor: this }), this.transformManager = new vt({ editor: this }), this.canvasManager = new mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new jt({ editor: this }), this.interactionBlocker = new ft({ editor: this }), this.clipboardManager = new yt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new pt({ editor: this }), this.selectionManager = new It({ editor: this }), this.deletionManager = new At({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(s), r != null && r.source) {
         const {
           source: d,
           scale: h = `image-${u}`,
           withoutSave: g = !0
-        } = s;
+        } = r;
         yield this.imageManager.importImage({ source: d, scale: h, withoutSave: g });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
@@ -3058,7 +3031,7 @@ class de {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: de._createMosaicPattern(),
+      fill: ue._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3102,13 +3075,13 @@ class de {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new _e({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new ze({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const Dt = {
+const Ct = {
   /**
    * Опции редактора
    */
@@ -3197,14 +3170,14 @@ const Dt = {
   resetObjectFitByDoubleClick: !0
 };
 function wt(o, e = {}) {
-  const t = C(C({}, Dt), e), a = document.getElementById(o);
+  const t = C(C({}, Ct), e), a = document.getElementById(o);
   if (!a)
     return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
   const n = document.createElement("canvas");
   return n.id = `${o}-canvas`, a.appendChild(n), t.editorContainer = a, new Promise((i) => {
     t._onReadyCallback = i;
-    const r = new de(n.id, t);
-    window[o] = r;
+    const s = new ue(n.id, t);
+    window[o] = s;
   });
 }
 export {