@anu3ev/fabric-image-editor 0.1.0 → 0.1.1

package/dist/main.js

@@ -1,34 +1,34 @@
-import { ActiveSelection as k, util as x, controlsUtils as Le, InteractiveFabricObject as Oe, Pattern as Te, loadSVGFromURL as Ee, FabricImage as ue, Point as Ze, Rect as Be, Circle as ke, Triangle as xe, Group as ze, Canvas as Ye } from "fabric";
-import { create as We } from "jsondiffpatch";
-var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", p = function() {
+import { ActiveSelection as Z, util as z, controlsUtils as Oe, InteractiveFabricObject as Te, Pattern as Ee, loadSVGFromURL as ke, FabricImage as de, Point as xe, Rect as Be, Circle as Ze, Triangle as ze, Group as Ue, Canvas as Pe } from "fabric";
+import { create as Ye } from "jsondiffpatch";
+var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", S = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += He[a[e] & 63];
   return t;
 };
-function de(n, e, t, a, r, i, o) {
+function le(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function Ue(n) {
+function We(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        de(i, a, r, o, s, "next", c);
+        le(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        de(i, a, r, o, s, "throw", c);
+        le(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
   };
 }
-class Ve {
+class B {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -49,7 +49,7 @@ class Ve {
       editor: t,
       options: a = {}
     } = e;
-    this.editor = t, this.canvas = t.canvas, this.options = a, this.isUndoRedoKeyPressed = !1, this.handleAdaptCanvasToContainerBound = this.debounce(this.handleAdaptCanvasToContainer.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.handleObjectModifiedHistoryBound = this.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = this.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.editor = t, this.canvas = t.canvas, this.options = a, this.isUndoRedoKeyPressed = !1, this.handleAdaptCanvasToContainerBound = B.debounce(this.handleAdaptCanvasToContainer.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.handleObjectModifiedHistoryBound = B.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = B.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -60,7 +60,7 @@ class Ve {
       canvasDragging: t,
       mouseWheelZooming: a,
       bringToFrontOnSelection: r,
-      copyObjectsByHotkey: i,
+      copyObjectsByHotkey: n,
       pasteImageFromClipboard: o,
       undoRedoByHotKeys: s,
       selectAllByHotkey: c,
@@ -69,7 +69,7 @@ class Ve {
     } = this.options;
     t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound)), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleAdaptCanvasToContainerBound, {
       capture: !0
-    }), i && document.addEventListener("keydown", this.handleCopyEventBound, {
+    }), n && document.addEventListener("keydown", this.handleCopyEventBound, {
       capture: !0
     }), o && document.addEventListener("paste", this.handlePasteEventBound, {
       capture: !0
@@ -102,10 +102,10 @@ class Ve {
           this.canvas.setActiveObject(r[0]);
           return;
         }
-        var i = new k(r, {
+        var n = new Z(r, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
+        this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
       }
     }
   }
@@ -180,14 +180,14 @@ class Ve {
     if (a != null && (t = a.items) !== null && t !== void 0 && t.length) {
       var {
         items: r
-      } = a, i = r[r.length - 1];
-      if (i.type.indexOf("image") !== -1) {
-        var o = i.getAsFile();
+      } = a, n = r[r.length - 1];
+      if (n.type.indexOf("image") !== -1) {
+        var o = n.getAsFile();
         if (!o) return;
         var s = new FileReader();
-        s.onload = (g) => {
+        s.onload = (h) => {
           this.editor.imageManager.importImage({
-            source: g.target.result
+            source: h.target.result
           });
         }, s.readAsDataURL(o);
         return;
@@ -214,14 +214,14 @@ class Ve {
    */
   handleUndoRedoEvent(e) {
     var t = this;
-    return Ue(function* () {
+    return We(function* () {
       var {
         ctrlKey: a,
         metaKey: r,
-        code: i,
+        code: n,
         repeat: o
       } = e;
-      !a && !r || o || t.isUndoRedoKeyPressed || (i === "KeyZ" ? (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.undo()) : i === "KeyY" && (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.redo()));
+      !a && !r || o || t.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.redo()));
     })();
   }
   /**
@@ -347,19 +347,19 @@ class Ve {
     }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound)), this.options.mouseWheelZooming && this.canvas.off("mouse:wheel", this.handleMouseWheelZoomBound), this.options.bringToFrontOnSelection && (this.canvas.off("selection:created", this.handleBringToFrontBound), this.canvas.off("selection:updated", this.handleBringToFrontBound)), this.options.resetObjectFitByDoubleClick && this.canvas.off("mouse:dblclick", this.handleResetObjectFitBound), this.canvas.off("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.off("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.off("object:added", this.handleObjectAddedHistoryBound), this.canvas.off("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.off("object:added", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleLockedSelectionBound.bind(this)), this.canvas.off("selection:updated", this.handleLockedSelectionBound.bind(this));
   }
   // Дебаунс для снижения частоты сохранения состояния
-  debounce(e, t) {
+  static debounce(e, t) {
     var a = null;
     return function() {
-      for (var r = arguments.length, i = new Array(r), o = 0; o < r; o++)
-        i[o] = arguments[o];
+      for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
+        n[o] = arguments[o];
       var s = this;
       clearTimeout(a), a = setTimeout(() => {
-        e.apply(s, i);
+        e.apply(s, n);
       }, t);
     };
   }
 }
-class Pe {
+class _e {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -383,7 +383,7 @@ class Re {
    * По-умолчанию использует файл рядом с этим модулем
    */
   constructor() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new URL("data:text/javascript;base64,LyogZXNsaW50LWRpc2FibGUgbm8tcmVzdHJpY3RlZC1nbG9iYWxzICovCgpzZWxmLm9ubWVzc2FnZSA9IGFzeW5jKGUpID0+IHsKICBjb25zdCB7IGFjdGlvbiwgcGF5bG9hZCwgcmVxdWVzdElkIH0gPSBlLmRhdGEKCiAgdHJ5IHsKICAgIHN3aXRjaCAoYWN0aW9uKSB7CiAgICBjYXNlICdyZXNpemVJbWFnZSc6IHsKICAgICAgY29uc3QgeyBkYXRhVVJMLCBtYXhXaWR0aCwgbWF4SGVpZ2h0LCBzaXplVHlwZSB9ID0gcGF5bG9hZAogICAgICBjb25zdCBpbWdCaXRtYXAgPSBhd2FpdCBjcmVhdGVJbWFnZUJpdG1hcChhd2FpdCAoYXdhaXQgZmV0Y2goZGF0YVVSTCkpLmJsb2IoKSkKCiAgICAgIC8vINCy0YvRh9C40YHQu9GP0LXQvCDQvdC+0LLRi9C5INGA0LDQt9C80LXRgAogICAgICBsZXQgeyB3aWR0aCwgaGVpZ2h0IH0gPSBpbWdCaXRtYXAKICAgICAgbGV0IHJhdGlvID0gTWF0aC5taW4obWF4V2lkdGggLyB3aWR0aCwgbWF4SGVpZ2h0IC8gaGVpZ2h0KQoKICAgICAgaWYgKHNpemVUeXBlID09PSAnbWluJykgewogICAgICAgIHJhdGlvID0gTWF0aC5tYXgobWF4V2lkdGggLyB3aWR0aCwgbWF4SGVpZ2h0IC8gaGVpZ2h0KQogICAgICB9CgogICAgICB3aWR0aCA9IE1hdGguZmxvb3Iod2lkdGggKiByYXRpbykKICAgICAgaGVpZ2h0ID0gTWF0aC5mbG9vcihoZWlnaHQgKiByYXRpbykKCiAgICAgIC8vINGA0LjRgdGD0LXQvCDQuNC30L7QsdGA0LDQttC10L3QuNC1INCyIG9mZnNjcmVlbgogICAgICBjb25zdCBvZmZzY3JlZW4gPSBuZXcgT2Zmc2NyZWVuQ2FudmFzKHdpZHRoLCBoZWlnaHQpCiAgICAgIGNvbnN0IGN0eCA9IG9mZnNjcmVlbi5nZXRDb250ZXh0KCcyZCcpCiAgICAgIGN0eC5kcmF3SW1hZ2UoaW1nQml0bWFwLCAwLCAwLCB3aWR0aCwgaGVpZ2h0KQoKICAgICAgLy8g0LrQvtC90LLQtdGA0YLQuNC8INC+0LHRgNCw0YLQvdC+INCyIGRhdGFVUkwKICAgICAgY29uc3QgcmVzaXplZEJsb2IgPSBhd2FpdCBvZmZzY3JlZW4uY29udmVydFRvQmxvYigpCgogICAgICBzZWxmLnBvc3RNZXNzYWdlKHsgcmVxdWVzdElkLCBhY3Rpb24sIHN1Y2Nlc3M6IHRydWUsIGRhdGE6IHJlc2l6ZWRCbG9iIH0pCiAgICAgIGJyZWFrCiAgICB9CgogICAgY2FzZSAndG9EYXRhVVJMJzogewogICAgICBjb25zdCB7IGJpdG1hcCwgZm9ybWF0LCBxdWFsaXR5LCByZXR1cm5CbG9iIH0gPSBwYXlsb2FkCiAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gYml0bWFwCgogICAgICAvLyDRgNC40YHRg9C10Lwg0LjQt9C+0LHRgNCw0LbQtdC90LjQtSDQsiBvZmZzY3JlZW4KICAgICAgY29uc3Qgb2ZmID0gbmV3IE9mZnNjcmVlbkNhbnZhcyhiaXRtYXAud2lkdGgsIGJpdG1hcC5oZWlnaHQpCiAgICAgIGNvbnN0IGN0eCA9IG9mZi5nZXRDb250ZXh0KCcyZCcpCiAgICAgIGN0eC5kcmF3SW1hZ2UoYml0bWFwLCAwLCAwLCB3aWR0aCwgaGVpZ2h0KQoKICAgICAgLy8g0LrQvtC90LLQtdGA0YLQuNGA0YPQtdC8INCyIGJsb2IsINCwINC30LDRgtC10Lwg0LIgZGF0YVVSTAogICAgICBjb25zdCBibG9iID0gYXdhaXQgb2ZmLmNvbnZlcnRUb0Jsb2IoeyB0eXBlOiBmb3JtYXQsIHF1YWxpdHkgfSkKCiAgICAgIGlmIChyZXR1cm5CbG9iKSB7CiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZSh7IHJlcXVlc3RJZCwgYWN0aW9uLCBzdWNjZXNzOiB0cnVlLCBkYXRhOiBibG9iIH0pCiAgICAgICAgYnJlYWsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YVVSTCA9IGF3YWl0IG5ldyBQcm9taXNlKChyZXMpID0+IHsKICAgICAgICBjb25zdCByID0gbmV3IEZpbGVSZWFkZXIoKQogICAgICAgIHIub25sb2FkID0gKCkgPT4gcmVzKHIucmVzdWx0KQogICAgICAgIHIucmVhZEFzRGF0YVVSTChibG9iKQogICAgICB9KQoKICAgICAgc2VsZi5wb3N0TWVzc2FnZSh7IHJlcXVlc3RJZCwgYWN0aW9uLCBzdWNjZXNzOiB0cnVlLCBkYXRhOiBkYXRhVVJMIH0pCiAgICAgIGJyZWFrCiAgICB9CgogICAgZGVmYXVsdDoKICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIGFjdGlvbiAke2FjdGlvbn1gKQogICAgfQogIH0gY2F0Y2ggKGVycikgewogICAgc2VsZi5wb3N0TWVzc2FnZSh7IHJlcXVlc3RJZCwgYWN0aW9uLCBzdWNjZXNzOiBmYWxzZSwgZXJyb3I6IGVyci5tZXNzYWdlIH0pCiAgfQp9Cg==", import.meta.url);
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new URL("/worker.js", import.meta.url);
     this.worker = new Worker(e, {
       type: "module"
     }), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
@@ -404,10 +404,10 @@ class Re {
     } = e, {
       requestId: a,
       success: r,
-      data: i,
+      data: n,
       error: o
     } = t, s = this._callbacks.get(a);
-    s && (r ? s.resolve(i) : s.reject(new Error(o)), this._callbacks.delete(a));
+    s && (r ? s.resolve(n) : s.reject(new Error(o)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -417,10 +417,10 @@ class Re {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(p(8));
-    return new Promise((i, o) => {
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(S(8));
+    return new Promise((n, o) => {
       this._callbacks.set(r, {
-        resolve: i,
+        resolve: n,
         reject: o
       }), this.worker.postMessage({
         action: e,
@@ -436,98 +436,98 @@ class Re {
     this.worker.terminate();
   }
 }
-var b = 12, Ge = 2, _ = 8, X = 20, Fe = 100, Q = 20, K = 8, _e = 100, J = 32, $ = 1, Xe = "#2B2D33", q = "#3D8BF4", ee = "#FFFFFF";
-function z(n, e, t, a, r) {
-  var i = b, o = Ge;
-  n.save(), n.translate(e, t), n.rotate(x.degreesToRadians(r.angle)), n.fillStyle = ee, n.strokeStyle = q, n.lineWidth = $, n.beginPath(), n.roundRect(-12 / 2, -12 / 2, i, i, o), n.fill(), n.stroke(), n.restore();
+var p = 12, Ve = 2, X = 8, Q = 20, Fe = 100, J = 20, K = 8, Ge = 100, $ = 32, q = 1, Xe = "#2B2D33", ee = "#3D8BF4", te = "#FFFFFF";
+function U(i, e, t, a, r) {
+  var n = p, o = Ve;
+  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-12 / 2, -12 / 2, n, n, o), i.fill(), i.stroke(), i.restore();
 }
-function le(n, e, t, a, r) {
-  var i = _, o = X, s = Fe;
-  n.save(), n.translate(e, t), n.rotate(x.degreesToRadians(r.angle)), n.fillStyle = ee, n.strokeStyle = q, n.lineWidth = $, n.beginPath(), n.roundRect(-8 / 2, -20 / 2, i, o, s), n.fill(), n.stroke(), n.restore();
+function he(i, e, t, a, r) {
+  var n = X, o = Q, s = Fe;
+  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-8 / 2, -20 / 2, n, o, s), i.fill(), i.stroke(), i.restore();
 }
-function ge(n, e, t, a, r) {
-  var i = Q, o = K, s = _e;
-  n.save(), n.translate(e, t), n.rotate(x.degreesToRadians(r.angle)), n.fillStyle = ee, n.strokeStyle = q, n.lineWidth = $, n.beginPath(), n.roundRect(-20 / 2, -8 / 2, i, o, s), n.fill(), n.stroke(), n.restore();
+function ge(i, e, t, a, r) {
+  var n = J, o = K, s = Ge;
+  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-20 / 2, -8 / 2, n, o, s), i.fill(), i.stroke(), i.restore();
 }
-var Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ce = new Image();
-Ce.src = Qe;
-function Ke(n, e, t, a, r) {
-  var i = J, o = i / 2;
-  n.save(), n.translate(e, t), n.rotate(x.degreesToRadians(r.angle)), n.fillStyle = Xe, n.beginPath(), n.arc(0, 0, o, 0, 2 * Math.PI), n.fill(), n.drawImage(Ce, -16 / 2, -16 / 2, o, o), n.restore();
+var Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ae = new Image();
+Ae.src = Qe;
+function Je(i, e, t, a, r) {
+  var n = $, o = n / 2;
+  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = Xe, i.beginPath(), i.arc(0, 0, o, 0, 2 * Math.PI), i.fill(), i.drawImage(Ae, -16 / 2, -16 / 2, o, o), i.restore();
 }
-var Je = {
+var Ke = {
   // Угловые точки
   tl: {
-    render: z,
-    sizeX: b,
-    sizeY: b,
+    render: U,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: z,
-    sizeX: b,
-    sizeY: b,
+    render: U,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: z,
-    sizeX: b,
-    sizeY: b,
+    render: U,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: z,
-    sizeX: b,
-    sizeY: b,
+    render: U,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
-    render: le,
-    sizeX: _,
-    sizeY: X,
+    render: he,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: le,
-    sizeX: _,
-    sizeY: X,
+    render: he,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: ge,
-    sizeX: Q,
+    sizeX: J,
     sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: ge,
-    sizeX: Q,
+    sizeX: J,
     sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ke,
-    sizeX: J,
-    sizeY: J,
+    render: Je,
+    sizeX: $,
+    sizeY: $,
     offsetX: 0,
     offsetY: -32
   }
 };
 class $e {
   static apply() {
-    var e = Le.createObjectDefaultControls();
-    Object.entries(Je).forEach((t) => {
+    var e = Oe.createObjectDefaultControls();
+    Object.entries(Ke).forEach((t) => {
       var [a, r] = t;
       Object.assign(e[a], {
         render: r.render,
@@ -536,28 +536,28 @@ class $e {
         offsetX: r.offsetX,
         offsetY: r.offsetY
       });
-    }), Oe.ownDefaults.controls = e;
+    }), Te.ownDefaults.controls = e;
   }
 }
-var qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function he(n, e, t, a, r, i, o) {
+var qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", rt = "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=", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+function ve(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function st(n) {
+function st(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        he(i, a, r, o, s, "next", c);
+        ve(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        he(i, a, r, o, s, "throw", c);
+        ve(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
@@ -626,81 +626,81 @@ const E = {
     delete: ot,
     lock: et,
     unlock: tt,
-    bringToFront: it,
-    sendToBack: nt,
+    bringToFront: nt,
+    sendToBack: it,
     bringForward: at,
     sendBackwards: rt
   },
   handlers: {
     copyPaste: function() {
-      var n = st(function* (t) {
+      var i = st(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
-        return n.apply(this, arguments);
+        return i.apply(this, arguments);
       }
       return e;
     }(),
-    delete: (n) => {
-      n.deletionManager.deleteSelectedObjects();
+    delete: (i) => {
+      i.deletionManager.deleteSelectedObjects();
     },
-    lock: (n) => {
-      n.objectLockManager.lockObject();
+    lock: (i) => {
+      i.objectLockManager.lockObject();
     },
-    unlock: (n) => {
-      n.objectLockManager.unlockObject();
+    unlock: (i) => {
+      i.objectLockManager.unlockObject();
     },
-    bringForward: (n) => {
-      n.layerManager.bringForward();
+    bringForward: (i) => {
+      i.layerManager.bringForward();
     },
-    bringToFront: (n) => {
-      n.layerManager.bringToFront();
+    bringToFront: (i) => {
+      i.layerManager.bringToFront();
     },
-    sendToBack: (n) => {
-      n.layerManager.sendToBack();
+    sendToBack: (i) => {
+      i.layerManager.sendToBack();
     },
-    sendBackwards: (n) => {
-      n.layerManager.sendBackwards();
+    sendBackwards: (i) => {
+      i.layerManager.sendBackwards();
     }
   }
 };
-function ve(n, e) {
-  var t = Object.keys(n);
+function me(i, e) {
+  var t = Object.keys(i);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(n);
+    var a = Object.getOwnPropertySymbols(i);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(n, r).enumerable;
+      return Object.getOwnPropertyDescriptor(i, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function M(n) {
+function j(i) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? ve(Object(t), !0).forEach(function(a) {
-      ct(n, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : ve(Object(t)).forEach(function(a) {
-      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
+    e % 2 ? me(Object(t), !0).forEach(function(a) {
+      ct(i, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach(function(a) {
+      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return n;
+  return i;
 }
-function ct(n, e, t) {
-  return (e = ut(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function ct(i, e, t) {
+  return (e = ut(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
 }
-function ut(n) {
-  var e = dt(n, "string");
+function ut(i) {
+  var e = dt(i, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function dt(n, e) {
-  if (typeof n != "object" || !n) return n;
-  var t = n[Symbol.toPrimitive];
+function dt(i, e) {
+  if (typeof i != "object" || !i) return i;
+  var t = i[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(n, e);
+    var a = t.call(i, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(n);
+  return (e === "string" ? String : Number)(i);
 }
 class lt {
   /**
@@ -714,11 +714,11 @@ class lt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = M(M(M({}, E), a), {}, {
-        style: M(M({}, E.style), a.style || {}),
-        btnStyle: M(M({}, E.btnStyle), a.btnStyle || {}),
-        icons: M(M({}, E.icons), a.icons || {}),
-        handlers: M(M({}, E.handlers), a.handlers || {})
+      this.config = j(j(j({}, E), a), {}, {
+        style: j(j({}, E.style), a.style || {}),
+        btnStyle: j(j({}, E.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, E.icons), a.icons || {}),
+        handlers: j(j({}, E.handlers), a.handlers || {})
       }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
         this.el.style.display = "none";
       }, this._createDOM(), this._bindEvents();
@@ -760,8 +760,8 @@ class lt {
         handlers: l
       } = t.config, u = document.createElement("button");
       u.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(o, '" />') : o, Object.assign(u.style, d), u.onclick = () => {
-        var g;
-        return (g = l[s]) === null || g === void 0 ? void 0 : g.call(l, t.editor);
+        var h;
+        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
       }, t.el.appendChild(u);
     };
     for (var r of e)
@@ -834,15 +834,15 @@ class lt {
         canvas: r
       } = this;
       e.setCoords();
-      var i = r.getZoom(), [, , , , o, s] = r.viewportTransform, {
+      var n = r.getZoom(), [, , , , o, s] = r.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: d,
         height: l
-      } = e.getBoundingRect(!1, !0), u = c * i + o, g = u - t.offsetWidth / 2, h = (d + l) * i + s + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), u = c * n + o, h = u - t.offsetWidth / 2, g = (d + l) * n + s + a.offsetTop;
       Object.assign(t.style, {
-        left: "".concat(g, "px"),
-        top: "".concat(h, "px"),
+        left: "".concat(h, "px"),
+        top: "".concat(g, "px"),
         display: "flex"
       });
     }
@@ -854,30 +854,30 @@ class lt {
     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 me(n, e, t, a, r, i, o) {
+function fe(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function R(n) {
+function V(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        me(i, a, r, o, s, "next", c);
+        fe(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        me(i, a, r, o, s, "throw", c);
+        fe(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
   };
 }
-class gt {
+class ht {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -893,7 +893,7 @@ class gt {
     return this._historySuspendCount > 0;
   }
   _createDiffPatcher() {
-    this.diffPatcher = We({
+    this.diffPatcher = Ye({
       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("-");
       },
@@ -922,8 +922,8 @@ class gt {
       baseState: e,
       currentIndex: t,
       patches: a
-    } = this, r = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
-      r = this.diffPatcher.patch(r, a[i]);
+    } = this, r = JSON.parse(JSON.stringify(e)), n = 0; n < t; n += 1)
+      r = this.diffPatcher.patch(r, a[n]);
     return console.log("getFullState state", r), r;
   }
   /**
@@ -952,12 +952,12 @@ class gt {
    */
   loadStateFromFullState(e) {
     var t = this;
-    return R(function* () {
+    return V(function* () {
       if (e) {
         console.log("loadStateFromFullState fullState", e), yield t.canvas.loadFromJSON(e);
-        var a = t.canvas.getObjects().find((i) => i.id === "montage-area");
+        var a = t.canvas.getObjects().find((n) => n.id === "montage-area");
         a && (t.editor.montageArea = a);
-        var r = t.canvas.getObjects().find((i) => i.id === "overlay-mask");
+        var r = t.canvas.getObjects().find((n) => n.id === "overlay-mask");
         r && (t.editor.interactionBlocker.overlayMask = r, t.editor.interactionBlocker.overlayMask.visible = !1), t.canvas.renderAll(), t.canvas.fire("editor:history-state-loaded");
       }
     })();
@@ -968,7 +968,7 @@ class gt {
    */
   undo() {
     var e = this;
-    return R(function* () {
+    return V(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -995,7 +995,7 @@ class gt {
    */
   redo() {
     var e = this;
-    return R(function* () {
+    return V(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex >= e.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1017,47 +1017,47 @@ class gt {
     })();
   }
 }
-function W(n) {
+function Y(i) {
   var {
     montageArea: e,
     imageObject: t,
     scaleType: a = "contain"
-  } = n;
+  } = i;
   if (!e || !t) return 1;
-  var r = e.width, i = e.height, {
+  var r = e.width, n = e.height, {
     width: o,
     height: s
   } = t;
-  return a === "contain" || a === "image-contain" ? Math.min(r / o, i / s) : a === "cover" || a === "image-cover" ? Math.max(r / o, i / s) : 1;
+  return a === "contain" || a === "image-contain" ? Math.min(r / o, n / s) : a === "cover" || a === "image-cover" ? Math.max(r / o, n / s) : 1;
 }
-function ht() {
-  var n = document.createElement("canvas");
-  n.width = 20, n.height = 20;
-  var e = n.getContext("2d");
-  return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new Te({
-    source: n,
+function gt() {
+  var i = document.createElement("canvas");
+  i.width = 20, i.height = 20;
+  var e = i.getContext("2d");
+  return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new Ee({
+    source: i,
     repeat: "repeat"
   });
 }
-var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, Z = 16, B = 16, N = 4096, D = 4096;
-function fe(n, e, t, a, r, i, o) {
+var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, k = 16, x = 16, D = 4096, C = 4096;
+function Me(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function Y(n) {
+function P(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        fe(i, a, r, o, s, "next", c);
+        Me(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        fe(i, a, r, o, s, "throw", c);
+        Me(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
@@ -1087,11 +1087,11 @@ class L {
    */
   importImage(e) {
     var t = this;
-    return Y(function* () {
+    return P(function* () {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
-        withoutSave: i = !1,
+        withoutSave: n = !1,
         contentType: o = "image/png"
       } = e;
       if (a) {
@@ -1103,13 +1103,13 @@ class L {
         } = t.editor;
         l.suspendHistory();
         try {
-          var u, g;
+          var u, h;
           if (a instanceof File)
             u = URL.createObjectURL(a);
           else if (typeof a == "string") {
-            var h = yield fetch(a, {
+            var g = yield fetch(a, {
               mode: "cors"
-            }), f = yield h.blob({
+            }), f = yield g.blob({
               type: o,
               quality: 1
             });
@@ -1119,48 +1119,49 @@ class L {
           t._createdBlobUrls.push(u);
           var v = L.getFormatFromContentType(o);
           if (v === "svg") {
-            var j = yield Ee(u);
-            g = x.groupSVGElements(j.objects, j.options);
+            var y = yield ke(u);
+            h = z.groupSVGElements(y.objects, y.options);
           } else
-            g = yield ue.fromURL(u, {
+            h = yield de.fromURL(u, {
               crossOrigin: "anonymous"
             });
-          g.set("id", "".concat(g.type, "-").concat(p())), g.set("format", v);
           var {
             width: m,
-            height: I
-          } = g;
-          if (I > D || m > N) {
-            var y = yield t.resizeImageToBoundaries(g._element.src, "max"), C = URL.createObjectURL(y);
-            t._createdBlobUrls.push(C), g = yield ue.fromURL(C, {
+            height: b
+          } = h;
+          if (b > C || m > D) {
+            var M = yield t.resizeImageToBoundaries(h._element.src, "max");
+            console.log("resizedBlob", M);
+            var I = URL.createObjectURL(M);
+            console.log("resizedBlobURL", I), t._createdBlobUrls.push(I), h = yield de.fromURL(I, {
               crossOrigin: "anonymous"
-            });
+            }), console.log("img после ресайза", h);
           }
-          if (r === "scale-montage")
+          if (h.set("id", "".concat(h.type, "-").concat(S())), h.set("format", v), r === "scale-montage")
             t.editor.canvasManager.scaleMontageAreaToImage({
-              object: g,
+              object: h,
               withoutSave: !0
             });
           else {
             var {
               width: O,
               height: A
-            } = c, S = W({
+            } = c, w = Y({
               montageArea: c,
-              imageObject: g,
+              imageObject: h,
               scaleType: r
             });
-            r === "image-contain" && S < 1 ? d.fitObject({
-              object: g,
+            r === "image-contain" && w < 1 ? d.fitObject({
+              object: h,
               type: "contain",
               withoutSave: !0
-            }) : r === "image-cover" && (m > O || I > A) && d.fitObject({
-              object: g,
+            }) : r === "image-cover" && (m > O || b > A) && d.fitObject({
+              object: h,
               type: "cover",
               withoutSave: !0
             });
           }
-          s.add(g), s.centerObject(g), s.setActiveObject(g), s.renderAll(), l.resumeHistory(), i || l.saveState();
+          s.add(h), s.centerObject(h), s.setActiveObject(h), s.renderAll(), l.resumeHistory(), n || l.saveState();
         } catch (T) {
           console.error("importImage. Ошибка импорта изображения: ", T), s.fire("editor:error", {
             message: "Ошибка импорта изображения: ".concat(T.message)
@@ -1179,15 +1180,15 @@ class L {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return Y(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(N, "x").concat(D);
-      console.warn("importImage. ".concat(i)), a.editor.canvas.fire("editor:warning", {
-        message: i
+    return P(function* () {
+      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", n = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(D, "x").concat(C);
+      console.warn("importImage. ".concat(n)), a.editor.canvas.fire("editor:warning", {
+        message: n
       });
       var o = yield a.editor.workerManager.post("resizeImage", {
         dataURL: e,
-        maxWidth: N,
-        maxHeight: D,
+        maxWidth: D,
+        maxHeight: C,
         sizeType: r
       });
       return o;
@@ -1206,38 +1207,38 @@ class L {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return Y(function* () {
+    return P(function* () {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
-        exportAsBase64: i = !1,
+        exportAsBase64: n = !1,
         exportAsBlob: o = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: s,
         montageArea: c,
         workerManager: d
-      } = t.editor, l = r === "application/pdf", u = l ? "image/jpg" : r, g = L.getFormatFromContentType(u);
+      } = t.editor, l = r === "application/pdf", u = l ? "image/jpg" : r, h = L.getFormatFromContentType(u);
       c.setCoords();
       var {
-        left: h,
+        left: g,
         top: f,
         width: v,
-        height: j
+        height: y
       } = c.getBoundingRect(), m = yield s.clone(["id", "format", "locked"]);
       ["image/jpg", "image/jpeg"].includes(u) && (m.backgroundColor = "#ffffff");
-      var I = m.getObjects().find((w) => w.id === c.id);
-      I.visible = !1, m.viewportTransform = [1, 0, 0, 1, -h, -f], m.setDimensions({
+      var b = m.getObjects().find((N) => N.id === c.id);
+      b.visible = !1, m.viewportTransform = [1, 0, 0, 1, -g, -f], m.setDimensions({
         width: v,
-        height: j
+        height: y
       }, {
         backstoreOnly: !0
       }), m.renderAll();
-      var y = m.getObjects().filter((w) => w.format).every((w) => w.format === "svg");
-      if (g === "svg" && y) {
-        var C = m.toSVG();
+      var M = m.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
+      if (h === "svg" && M) {
+        var I = m.toSVG();
         m.dispose();
-        var O = L._exportSVGStringAsFile(C, {
-          exportAsBase64: i,
+        var O = L._exportSVGStringAsFile(I, {
+          exportAsBase64: n,
           exportAsBlob: o,
           fileName: a
         }), A = {
@@ -1248,66 +1249,66 @@ class L {
         };
         return s.fire("editor:canvas-exported", A), A;
       }
-      var S = yield new Promise((w) => {
-        m.getElement().toBlob(w);
+      var w = yield new Promise((N) => {
+        m.getElement().toBlob(N);
       });
       if (m.dispose(), o) {
         var T = {
-          image: S,
-          format: g,
+          image: w,
+          format: h,
           contentType: u,
           fileName: a
         };
         return s.fire("editor:canvas-exported", T), T;
       }
-      var te = yield createImageBitmap(S), ae = yield d.post("toDataURL", {
-        format: g,
+      var ae = yield createImageBitmap(w), re = yield d.post("toDataURL", {
+        format: h,
         quality: 1,
-        bitmap: te
-      }, [te]);
+        bitmap: ae
+      }, [ae]);
       if (l) {
-        var re = 0.264583, U = v * re, V = j * re, Ae = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, P = new Ae({
-          orientation: U > V ? "landscape" : "portrait",
+        var ne = 0.264583, W = v * ne, _ = y * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
+          orientation: W > _ ? "landscape" : "portrait",
           unit: "mm",
-          format: [U, V]
+          format: [W, _]
         });
-        if (P.addImage(ae, "JPG", 0, 0, U, V), i) {
-          var Se = P.output("datauristring"), ie = {
-            image: Se,
+        if (R.addImage(re, "JPG", 0, 0, W, _), n) {
+          var Ne = R.output("datauristring"), ie = {
+            image: Ne,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
           };
           return s.fire("editor:canvas-exported", ie), ie;
         }
-        var we = P.output("blob"), Ne = new File([we], a, {
+        var De = R.output("blob"), Ce = new File([De], a, {
           type: "application/pdf"
-        }), ne = {
-          image: Ne,
+        }), oe = {
+          image: Ce,
           format: "pdf",
           contentType: "application/pdf",
           fileName: a
         };
-        return s.fire("editor:canvas-exported", ne), ne;
+        return s.fire("editor:canvas-exported", oe), oe;
       }
-      if (i) {
-        var oe = {
-          image: ae,
-          format: g,
+      if (n) {
+        var se = {
+          image: re,
+          format: h,
           contentType: u,
           fileName: a
         };
-        return s.fire("editor:canvas-exported", oe), oe;
+        return s.fire("editor:canvas-exported", se), se;
       }
-      var se = g === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, De = new File([S], se, {
+      var ce = h === "svg" && !M ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
         type: u
-      }), ce = {
-        image: De,
-        format: g,
+      }), ue = {
+        image: Le,
+        format: h,
         contentType: u,
-        fileName: se
+        fileName: ce
       };
-      return s.fire("editor:canvas-exported", ce), ce;
+      return s.fire("editor:canvas-exported", ue), ue;
     })();
   }
   /**
@@ -1323,11 +1324,11 @@ class L {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return Y(function* () {
+    return P(function* () {
       var {
         object: a,
         fileName: r = "image.png",
-        contentType: i = "image/png",
+        contentType: n = "image/png",
         exportAsBase64: o = !1,
         exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
@@ -1338,14 +1339,14 @@ class L {
         return console.error("exportObjectAsDataURL. Не выбран объект"), c.fire("editor:error", {
           message: "Не выбран объект для экспорта"
         }), "";
-      var u = L.getFormatFromContentType(i);
+      var u = L.getFormatFromContentType(n);
       if (u === "svg") {
-        var g = l.toSVG(), h = t._exportSVGStringAsFile(g, {
+        var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
           exportAsBase64: o,
           exportAsBlob: s,
           fileName: r
         }), f = {
-          image: h,
+          image: g,
           format: u,
           contentType: "image/svg+xml",
           fileName: r.replace(/\.[^/.]+$/, ".svg")
@@ -1353,36 +1354,36 @@ class L {
         return c.fire("editor:object-exported", f), f;
       }
       if (o) {
-        var v = yield createImageBitmap(l._element), j = yield d.post("toDataURL", {
+        var v = yield createImageBitmap(l._element), y = yield d.post("toDataURL", {
           format: u,
           quality: 1,
           bitmap: v
         }, [v]), m = {
-          image: j,
+          image: y,
           format: u,
-          contentType: i,
+          contentType: n,
           fileName: r
         };
         return c.fire("editor:object-exported", m), m;
       }
-      var I = l.toCanvasElement(), y = yield new Promise((S) => {
-        I.toBlob(S);
+      var b = l.toCanvasElement(), M = yield new Promise((w) => {
+        b.toBlob(w);
       });
       if (s) {
-        var C = {
-          image: y,
+        var I = {
+          image: M,
           format: u,
-          contentType: i,
+          contentType: n,
           fileName: r
         };
-        return c.fire("editor:object-exported", C), C;
+        return c.fire("editor:object-exported", I), I;
       }
-      var O = new File([y], r, {
-        type: i
+      var O = new File([M], r, {
+        type: n
       }), A = {
         image: O,
         format: u,
-        contentType: i,
+        contentType: n,
         fileName: r
       };
       return c.fire("editor:object-exported", A), A;
@@ -1457,7 +1458,7 @@ class jt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
-        canvas: i,
+        canvas: n,
         montageArea: o,
         options: {
           canvasBackstoreWidth: s
@@ -1465,21 +1466,21 @@ class jt {
       } = this.editor, {
         width: c,
         height: d
-      } = o, l = Number(Math.max(Math.min(e, N), Z));
+      } = o, l = Number(Math.max(Math.min(e, D), k));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), o.set({
         width: l
-      }), i.clipPath.set({
+      }), n.clipPath.set({
         width: l
       }), t) {
-        var u = l / c, g = d * u;
-        this.setResolutionHeight(g);
+        var u = l / c, h = d * u;
+        this.setResolutionHeight(h);
         return;
       }
       var {
-        left: h,
+        left: g,
         top: f
-      } = this.getObjectDefaultCoords(o), v = i.getZoom();
-      i.setViewportTransform([v, 0, 0, v, h, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
+      } = this.getObjectDefaultCoords(o), v = n.getZoom();
+      n.setViewportTransform([v, 0, 0, v, g, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-width-changed", {
         width: e
       });
     }
@@ -1500,7 +1501,7 @@ class jt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
-        canvas: i,
+        canvas: n,
         montageArea: o,
         options: {
           canvasBackstoreHeight: s
@@ -1508,21 +1509,21 @@ class jt {
       } = this.editor, {
         width: c,
         height: d
-      } = o, l = Number(Math.max(Math.min(e, D), B));
+      } = o, l = Number(Math.max(Math.min(e, C), x));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), o.set({
         height: l
-      }), i.clipPath.set({
+      }), n.clipPath.set({
         height: l
       }), t) {
-        var u = l / d, g = c * u;
-        this.setResolutionWidth(g);
+        var u = l / d, h = c * u;
+        this.setResolutionWidth(h);
         return;
       }
       var {
-        left: h,
+        left: g,
         top: f
-      } = this.getObjectDefaultCoords(o), v = i.getZoom();
-      i.setViewportTransform([v, 0, 0, v, h, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
+      } = this.getObjectDefaultCoords(o), v = n.getZoom();
+      n.setViewportTransform([v, 0, 0, v, g, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-height-changed", {
         height: e
       });
     }
@@ -1535,7 +1536,7 @@ class jt {
     var {
       canvas: e,
       montageArea: t
-    } = this.editor, a = e.getWidth(), r = e.getHeight(), i = e.getZoom(), o = new Ze(a / 2, r / 2);
+    } = this.editor, a = e.getWidth(), r = e.getHeight(), n = e.getZoom(), o = new xe(a / 2, r / 2);
     t.set({
       left: a / 2,
       top: r / 2
@@ -1544,7 +1545,7 @@ class jt {
       top: r / 2
     }), e.renderAll();
     var s = e.viewportTransform;
-    s[4] = a / 2 - o.x * i, s[5] = r / 2 - o.y * i, e.setViewportTransform(s), e.renderAll();
+    s[4] = a / 2 - o.x * n, s[5] = r / 2 - o.y * n, e.setViewportTransform(s), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1561,8 +1562,8 @@ class jt {
       }), {};
     var {
       width: r,
-      height: i
-    } = a, o = t.getZoom(), s = (r - r * o) / 2, c = (i - i * o) / 2;
+      height: n
+    } = a, o = t.getZoom(), s = (r - r * o) / 2, c = (n - n * o) / 2;
     return {
       left: s,
       top: c
@@ -1570,7 +1571,7 @@ class jt {
   }
   setCanvasBackstoreWidth(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, N), Z);
+      var t = Math.max(Math.min(e, D), k);
       this.editor.canvas.setDimensions({
         width: t
       }, {
@@ -1580,7 +1581,7 @@ class jt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, D), B);
+      var t = Math.max(Math.min(e, C), x);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1591,9 +1592,9 @@ class jt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, N), Z), o = Math.max(Math.min(r, D), B);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", o), e.setDimensions({
-      width: i,
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, D), k), o = Math.max(Math.min(r, C), x);
+    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", o), e.setDimensions({
+      width: n,
       height: o
     }, {
       backstoreOnly: !0
@@ -1690,7 +1691,7 @@ class jt {
       var {
         canvas: r,
         options: {
-          editorContainer: i
+          editorContainer: n
         }
       } = this.editor, o = [];
       switch (e) {
@@ -1701,7 +1702,7 @@ class jt {
           o.push(r.wrapperEl);
           break;
         case "container":
-          o.push(i);
+          o.push(n);
           break;
         default:
           o.push(r.lowerCanvasEl, r.upperCanvasEl);
@@ -1740,7 +1741,7 @@ class jt {
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
-      montageArea: i,
+      montageArea: n,
       transformManager: o,
       options: {
         montageAreaWidth: s,
@@ -1752,28 +1753,28 @@ class jt {
         width: l,
         height: u
       } = d;
-      if (l < Z || u < B) {
-        var g = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(Z, "x").concat(B);
-        console.warn("scaleMontageAreaToImage. ".concat(g)), r.fire("editor:warning", {
-          message: g
+      if (l < k || u < x) {
+        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(k, "x").concat(x);
+        console.warn("scaleMontageAreaToImage. ".concat(h)), r.fire("editor:warning", {
+          message: h
         });
       }
-      var h = Math.min(l, N), f = Math.min(u, D);
+      var g = Math.min(l, D), f = Math.min(u, C);
       if (t) {
         var {
           width: v,
-          height: j
-        } = i, m = l / v, I = u / j, y = Math.max(m, I);
-        h = v * y, f = j * y;
+          height: y
+        } = n, m = l / v, b = u / y, M = Math.max(m, b);
+        g = v * M, f = y * M;
       }
-      this.setResolutionWidth(h, {
+      this.setResolutionWidth(g, {
         withoutSave: !0
       }), this.setResolutionHeight(f, {
         withoutSave: !0
       }), (l > s || u > c) && o.calculateAndApplyDefaultZoom(s, c), o.resetObject(d, {
         withoutSave: !0
       }), r.centerObject(d), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
-        width: h,
+        width: g,
         height: f
       });
     }
@@ -1804,11 +1805,11 @@ class jt {
       transformManager: a,
       historyManager: r,
       options: {
-        montageAreaWidth: i,
+        montageAreaWidth: n,
         montageAreaHeight: o
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(i, {
+    a.resetZoom(), this.setResolutionWidth(n, {
       withoutSave: !0
     }), this.setResolutionHeight(o, {
       withoutSave: !0
@@ -1826,7 +1827,7 @@ class jt {
         overlayMask: a
       }
     } = this.editor, r = e.getObjects();
-    return r.filter((i) => i.id !== t.id && i.id !== a.id);
+    return r.filter((n) => n.id !== t.id && n.id !== a.id);
   }
 }
 class yt {
@@ -1851,7 +1852,7 @@ class yt {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.montageAreaWidth, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.options.montageAreaHeight, {
       width: a,
       height: r
-    } = this.editor.montageArea, i = e / a, o = t / r, s = Math.min(i, o), {
+    } = this.editor.montageArea, n = e / a, o = t / r, s = Math.min(n, o), {
       minZoom: c,
       maxZoom: d,
       maxZoomFactor: l
@@ -1871,15 +1872,15 @@ class yt {
     var e, t, a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (a) {
       var {
-        canvas: i,
+        canvas: n,
         minZoom: o,
         maxZoom: s
-      } = this.editor, c = i.getZoom(), d = (e = r.pointX) !== null && e !== void 0 ? e : i.getWidth() / 2, l = (t = r.pointY) !== null && t !== void 0 ? t : i.getHeight() / 2, u = Number((c + Number(a)).toFixed(2));
-      u > s && (u = s), u < o && (u = o), console.log("currentZoom", c), i.zoomToPoint({
+      } = this.editor, c = n.getZoom(), d = (e = r.pointX) !== null && e !== void 0 ? e : n.getWidth() / 2, l = (t = r.pointY) !== null && t !== void 0 ? t : n.getHeight() / 2, u = Number((c + Number(a)).toFixed(2));
+      u > s && (u = s), u < o && (u = o), console.log("currentZoom", c), n.zoomToPoint({
         x: Number(d),
         y: Number(l)
-      }, u), i.fire("editor:zoom-changed", {
-        currentZoom: i.getZoom(),
+      }, u), n.fire("editor:zoom-changed", {
+        currentZoom: n.getZoom(),
         zoom: u,
         pointX: d,
         pointY: l
@@ -1896,14 +1897,14 @@ class yt {
       canvas: t,
       minZoom: a,
       maxZoom: r
-    } = this.editor, i = t.getWidth() / 2, o = t.getHeight() / 2, s = e;
+    } = this.editor, n = t.getWidth() / 2, o = t.getHeight() / 2, s = e;
     e > r && (s = r), e < a && (s = a), t.zoomToPoint({
-      x: Number(i),
+      x: Number(n),
       y: Number(o)
     }, s), t.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       zoom: s,
-      pointX: i,
+      pointX: n,
       pointY: o
     });
   }
@@ -1936,10 +1937,10 @@ class yt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor, i = a.getActiveObject();
-    if (i) {
-      var o = i.angle + e;
-      i.rotate(o), i.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
+    } = this.editor, n = a.getActiveObject();
+    if (n) {
+      var o = n.angle + e;
+      n.rotate(o), n.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
         angle: o
       });
     }
@@ -1986,11 +1987,11 @@ class yt {
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
-      historyManager: i
+      historyManager: n
     } = this.editor, o = e || r.getActiveObject();
     o && (o.type === "activeselection" ? o.getObjects().forEach((s) => {
       s.set("opacity", t);
-    }) : o.set("opacity", t), r.renderAll(), a || i.saveState(), r.fire("editor:object-opacity-changed", t));
+    }) : o.set("opacity", t), r.renderAll(), a || n.saveState(), r.fire("editor:object-opacity-changed", t));
   }
   /**
    * Масштабирование изображения
@@ -2010,34 +2011,34 @@ class yt {
       withoutSave: a,
       fitAsOneObject: r
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: i,
+      canvas: n,
       montageArea: o,
       historyManager: s
-    } = this.editor, c = e || i.getActiveObject();
+    } = this.editor, c = e || n.getActiveObject();
     if (c) {
       if (["activeselection"].includes(c.type) && !r) {
         var d = c.getObjects();
-        i.discardActiveObject(), d.forEach((g) => {
-          var h = W({
+        n.discardActiveObject(), d.forEach((h) => {
+          var g = Y({
             montageArea: o,
-            imageObject: g,
+            imageObject: h,
             scaleType: t
           });
-          g.scale(h), i.centerObject(g);
+          h.scale(g), n.centerObject(h);
         });
-        var l = new k(d, {
-          canvas: i
+        var l = new Z(d, {
+          canvas: n
         });
-        i.setActiveObject(l);
+        n.setActiveObject(l);
       } else {
-        var u = W({
+        var u = Y({
           montageArea: o,
           imageObject: c,
           scaleType: t
         });
-        c.scale(u), i.centerObject(c);
+        c.scale(u), n.centerObject(c);
       }
-      i.renderAll(), a || s.saveState(), i.fire("editor:image-fitted", {
+      n.renderAll(), a || s.saveState(), n.fire("editor:image-fitted", {
         type: t
       });
     }
@@ -2063,7 +2064,7 @@ class yt {
       withoutSave: a = !1
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: r,
-      montageArea: i,
+      montageArea: n,
       historyManager: o,
       options: {
         scaleType: s
@@ -2085,15 +2086,15 @@ class yt {
         var {
           width: d,
           height: l
-        } = i, {
+        } = n, {
           width: u,
-          height: g
-        } = c, h = W({
-          montageArea: i,
+          height: h
+        } = c, g = Y({
+          montageArea: n,
           imageObject: c,
           scaleType: s
         });
-        s === "contain" && h < 1 || s === "cover" && (u > d || g > l) ? this.fitObject({
+        s === "contain" && g < 1 || s === "cover" && (u > d || h > l) ? this.fitObject({
           object: c,
           withoutSave: !0
         }) : c.set({
@@ -2109,7 +2110,7 @@ class yt {
     }
   }
 }
-class bt {
+class pt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -2159,13 +2160,13 @@ class bt {
       a.suspendHistory(), t.setCoords();
       var {
         left: r,
-        top: i,
+        top: n,
         width: o,
         height: s
       } = t.getBoundingRect();
       this.overlayMask.set({
         left: r,
-        top: i,
+        top: n,
         width: o,
         height: s
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
@@ -2235,10 +2236,10 @@ class H {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((o) => {
+    var n = e || a.getActiveObject();
+    n && (n.type === "activeselection" ? n.getObjects().forEach((o) => {
       a.bringObjectToFront(o);
-    }) : a.bringObjectToFront(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-to-front"));
+    }) : a.bringObjectToFront(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-to-front"));
   }
   /**
    * Поднять объект на один уровень вверх по оси Z
@@ -2255,8 +2256,8 @@ class H {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? H._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    var n = e || a.getActiveObject();
+    n && (n.type === "activeselection" ? H._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2271,12 +2272,12 @@ class H {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       montageArea: r,
-      historyManager: i,
+      historyManager: n,
       interactionBlocker: {
         overlayMask: o
       }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     var s = e || a.getActiveObject();
     if (s) {
       if (s.type === "activeselection")
@@ -2284,7 +2285,7 @@ class H {
           a.sendObjectToBack(c[d]);
       else
         a.sendObjectToBack(s);
-      a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back");
+      a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back");
     }
   }
   /**
@@ -2299,14 +2300,14 @@ class H {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       montageArea: r,
-      historyManager: i,
+      historyManager: n,
       interactionBlocker: {
         overlayMask: o
       }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? H._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
+    s && (s.type === "activeselection" ? H._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-backwards"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2316,8 +2317,8 @@ class H {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = r.length - 1; i >= 0; i -= 1) {
-      for (var o = r[i], s = a.indexOf(o), c = s + 1; c < a.length && r.includes(a[c]); )
+    for (var a = e.getObjects(), r = t.getObjects(), n = r.length - 1; n >= 0; n -= 1) {
+      for (var o = r[n], s = a.indexOf(o), c = s + 1; c < a.length && r.includes(a[c]); )
         c += 1;
       c < a.length && e.moveObjectTo(o, c);
     }
@@ -2330,68 +2331,68 @@ class H {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = Math.min(...r.map((s) => a.indexOf(s))), o = r.length - 1; o >= 0; o -= 1)
-      e.moveObjectTo(r[o], i - 1);
+    for (var a = e.getObjects(), r = t.getObjects(), n = Math.min(...r.map((s) => a.indexOf(s))), o = r.length - 1; o >= 0; o -= 1)
+      e.moveObjectTo(r[o], n - 1);
   }
 }
-var It = ["id", "left", "top", "width", "height", "fill"], pt = ["id", "left", "top", "radius", "fill"], Ct = ["id", "left", "top", "width", "height", "fill"];
-function Me(n, e) {
-  var t = Object.keys(n);
+var bt = ["id", "left", "top", "width", "height", "fill"], It = ["id", "left", "top", "radius", "fill"], St = ["id", "left", "top", "width", "height", "fill"];
+function je(i, e) {
+  var t = Object.keys(i);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(n);
+    var a = Object.getOwnPropertySymbols(i);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(n, r).enumerable;
+      return Object.getOwnPropertyDescriptor(i, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function G(n) {
+function F(i) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Me(Object(t), !0).forEach(function(a) {
-      At(n, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Me(Object(t)).forEach(function(a) {
-      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
+    e % 2 ? je(Object(t), !0).forEach(function(a) {
+      At(i, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : je(Object(t)).forEach(function(a) {
+      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return n;
+  return i;
 }
-function At(n, e, t) {
-  return (e = St(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function At(i, e, t) {
+  return (e = wt(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
 }
-function St(n) {
-  var e = wt(n, "string");
+function wt(i) {
+  var e = Nt(i, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function wt(n, e) {
-  if (typeof n != "object" || !n) return n;
-  var t = n[Symbol.toPrimitive];
+function Nt(i, e) {
+  if (typeof i != "object" || !i) return i;
+  var t = i[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(n, e);
+    var a = t.call(i, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(n);
+  return (e === "string" ? String : Number)(i);
 }
-function F(n, e) {
-  if (n == null) return {};
-  var t, a, r = Nt(n, e);
+function G(i, e) {
+  if (i == null) return {};
+  var t, a, r = Dt(i, e);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(n);
-    for (a = 0; a < i.length; a++) t = i[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(n, t) && (r[t] = n[t]);
+    var n = Object.getOwnPropertySymbols(i);
+    for (a = 0; a < n.length; a++) t = n[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(i, t) && (r[t] = i[t]);
   }
   return r;
 }
-function Nt(n, e) {
-  if (n == null) return {};
+function Dt(i, e) {
+  if (i == null) return {};
   var t = {};
-  for (var a in n) if ({}.hasOwnProperty.call(n, a)) {
+  for (var a in i) if ({}.hasOwnProperty.call(i, a)) {
     if (e.indexOf(a) !== -1) continue;
-    t[a] = n[a];
+    t[a] = i[a];
   }
   return t;
 }
-class Dt {
+class Ct {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2419,26 +2420,26 @@ class Dt {
    */
   addRectangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "rect-".concat(p()),
+      id: t = "rect-".concat(S()),
       left: a,
       top: r,
-      width: i = 100,
+      width: n = 100,
       height: o = 100,
       fill: s = "blue"
-    } = e, c = F(e, It), {
+    } = e, c = G(e, bt), {
       withoutSelection: d,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: u
-    } = this.editor, g = new Be(G({
+    } = this.editor, h = new Be(F({
       id: t,
       left: a,
       top: r,
-      width: i,
+      width: n,
       height: o,
       fill: s
     }, c));
-    return !a && !r && u.centerObject(g), l || (u.add(g), d || u.setActiveObject(g), u.renderAll()), g;
+    return !a && !r && u.centerObject(h), l || (u.add(h), d || u.setActiveObject(h), u.renderAll()), h;
   }
   /**
    * Добавление круга
@@ -2456,22 +2457,22 @@ class Dt {
    */
   addCircle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "circle-".concat(p()),
+      id: t = "circle-".concat(S()),
       left: a,
       top: r,
-      radius: i = 50,
+      radius: n = 50,
       fill: o = "green"
-    } = e, s = F(e, pt), {
+    } = e, s = G(e, It), {
       withoutSelection: c,
       withoutAdding: d
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: l
-    } = this.editor, u = new ke(G({
+    } = this.editor, u = new Ze(F({
       id: t,
       left: a,
       top: r,
       fill: o,
-      radius: i
+      radius: n
     }, s));
     return !a && !r && l.centerObject(u), d || (l.add(u), c || l.setActiveObject(u), l.renderAll()), u;
   }
@@ -2492,46 +2493,46 @@ class Dt {
    */
   addTriangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "triangle-".concat(p()),
+      id: t = "triangle-".concat(S()),
       left: a,
       top: r,
-      width: i = 100,
+      width: n = 100,
       height: o = 100,
       fill: s = "yellow"
-    } = e, c = F(e, Ct), {
+    } = e, c = G(e, St), {
       withoutSelection: d,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: u
-    } = this.editor, g = new xe(G({
+    } = this.editor, h = new ze(F({
       id: t,
       left: a,
       top: r,
       fill: s,
-      width: i,
+      width: n,
       height: o
     }, c));
-    return !a && !r && u.centerObject(g), l || (u.add(g), d || u.setActiveObject(g), u.renderAll()), g;
+    return !a && !r && u.centerObject(h), l || (u.add(h), d || u.setActiveObject(h), u.renderAll()), h;
   }
 }
-function je(n, e, t, a, r, i, o) {
+function ye(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function ye(n) {
+function pe(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        je(i, a, r, o, s, "next", c);
+        ye(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        je(i, a, r, o, s, "throw", c);
+        ye(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
@@ -2554,7 +2555,7 @@ class Lt {
    */
   copy() {
     var e = this;
-    return ye(function* () {
+    return pe(function* () {
       var {
         canvas: t
       } = e.editor, a = t.getActiveObject();
@@ -2576,8 +2577,8 @@ class Lt {
             });
             return;
           }
-          var i = r.toCanvasElement(), o = yield new Promise((d) => {
-            i.toBlob(d);
+          var n = r.toCanvasElement(), o = yield new Promise((d) => {
+            n.toBlob(d);
           }), s = new ClipboardItem({
             [o.type]: o
           });
@@ -2598,18 +2599,18 @@ class Lt {
    */
   paste() {
     var e = this;
-    return ye(function* () {
+    return pe(function* () {
       var {
         canvas: t
       } = e.editor;
       if (e.clipboard) {
         var a = yield e.clipboard.clone();
         t.discardActiveObject(), a.set({
-          id: "".concat(a.type, "-").concat(p()),
+          id: "".concat(a.type, "-").concat(S()),
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
-        }), a instanceof k ? (a.canvas = t, a.forEachObject((r) => {
+        }), a instanceof Z ? (a.canvas = t, a.forEachObject((r) => {
           t.add(r);
         })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
           object: a
@@ -2644,8 +2645,8 @@ class Ot {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor, i = e || a.getActiveObject();
-    if (i) {
+    } = this.editor, n = e || a.getActiveObject();
+    if (n) {
       var o = {
         lockMovementX: !0,
         lockMovementY: !0,
@@ -2656,10 +2657,10 @@ class Ot {
         lockSkewingY: !0,
         locked: !0
       };
-      i.set(o), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((s) => {
+      n.set(o), ["activeselection", "group"].includes(n.type) && n.getObjects().forEach((s) => {
         s.set(o);
       }), a.renderAll(), t || r.saveState(), a.fire("editor:object-locked", {
-        object: i
+        object: n
       });
     }
   }
@@ -2678,8 +2679,8 @@ class Ot {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor, i = e || a.getActiveObject();
-    if (i) {
+    } = this.editor, n = e || a.getActiveObject();
+    if (n) {
       var o = {
         lockMovementX: !1,
         lockMovementY: !1,
@@ -2690,10 +2691,10 @@ class Ot {
         lockSkewingY: !1,
         locked: !1
       };
-      i.set(o), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((s) => {
+      n.set(o), ["activeselection", "group"].includes(n.type) && n.getObjects().forEach((s) => {
         s.set(o);
       }), a.renderAll(), t || r.saveState(), a.fire("editor:object-unlocked", {
-        object: i
+        object: n
       });
     }
   }
@@ -2725,10 +2726,10 @@ class Tt {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (i && i.type === "activeselection") {
-      var o = i.getObjects(), s = new ze(o);
-      o.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(p())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+    var n = e || a.getActiveObject();
+    if (n && n.type === "activeselection") {
+      var o = n.getObjects(), s = new Ue(o);
+      o.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(S())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
     }
   }
   /**
@@ -2747,11 +2748,11 @@ class Tt {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObject();
-    if (!(!i || i.type !== "group")) {
-      var o = i.removeAll();
-      a.remove(i), o.forEach((c) => a.add(c));
-      var s = new k(o, {
+    var n = e || a.getActiveObject();
+    if (!(!n || n.type !== "group")) {
+      var o = n.removeAll();
+      a.remove(n), o.forEach((c) => a.add(c));
+      var s = new Z(o, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
@@ -2779,7 +2780,7 @@ class Et {
       canvasManager: t
     } = this.editor;
     e.discardActiveObject();
-    var a = new k(t.getObjects(), {
+    var a = new Z(t.getObjects(), {
       canvas: e
     });
     e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
@@ -2787,7 +2788,7 @@ class Et {
     });
   }
 }
-class Zt {
+class kt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2814,8 +2815,8 @@ class Zt {
       historyManager: r
     } = this.editor;
     r.suspendHistory();
-    var i = e || a.getActiveObjects();
-    i != null && i.length && (i.forEach((o) => {
+    var n = e || a.getActiveObjects();
+    n != null && n.length && (n.forEach((o) => {
       if (o.type === "group" && o.format !== "svg") {
         this.ungroup(o), this.deleteSelectedObjects();
         return;
@@ -2824,48 +2825,48 @@ class Zt {
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
   }
 }
-function be(n, e, t, a, r, i, o) {
+function be(i, e, t, a, r, n, o) {
   try {
-    var s = n[i](o), c = s.value;
+    var s = i[n](o), c = s.value;
   } catch (d) {
     return void t(d);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function Bt(n) {
+function xt(i) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = n.apply(e, t);
+      var n = i.apply(e, t);
       function o(c) {
-        be(i, a, r, o, s, "next", c);
+        be(n, a, r, o, s, "next", c);
       }
       function s(c) {
-        be(i, a, r, o, s, "throw", c);
+        be(n, a, r, o, s, "throw", c);
       }
       o(void 0);
     });
   };
 }
-class kt {
+class Bt {
   constructor(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.options = t;
     var {
       defaultScale: a,
       minZoom: r,
-      maxZoom: i
+      maxZoom: n
     } = t;
-    this.containerId = e, this.editorId = "".concat(e, "-").concat(p()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = i || mt, this.init();
+    this.containerId = e, this.editorId = "".concat(e, "-").concat(S()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = n || mt, this.init();
   }
   init() {
     var e = this;
-    return Bt(function* () {
+    return xt(function* () {
       var {
         editorContainerWidth: t,
         editorContainerHeight: a,
         canvasWrapperWidth: r,
-        canvasWrapperHeight: i,
+        canvasWrapperHeight: n,
         canvasCSSWidth: o,
         canvasCSSHeight: s,
         initialImage: c,
@@ -2873,7 +2874,7 @@ class kt {
         scaleType: l,
         _onReadyCallback: u
       } = e.options;
-      if ($e.apply(), e.canvas = new Ye(e.containerId, e.options), e.moduleLoader = new Pe(), e.workerManager = new Re(), e.historyManager = new gt({
+      if ($e.apply(), e.canvas = new Pe(e.containerId, e.options), e.moduleLoader = new _e(), e.workerManager = new Re(), e.historyManager = new ht({
         editor: e
       }), e.toolbar = new lt({
         editor: e
@@ -2885,9 +2886,9 @@ class kt {
         editor: e
       }), e.layerManager = new H({
         editor: e
-      }), e.shapeManager = new Dt({
+      }), e.shapeManager = new Ct({
         editor: e
-      }), e.interactionBlocker = new bt({
+      }), e.interactionBlocker = new pt({
         editor: e
       }), e.clipboardManager = new Lt({
         editor: e
@@ -2897,21 +2898,21 @@ class kt {
         editor: e
       }), e.selectionManager = new Et({
         editor: e
-      }), e.deletionManager = new Zt({
+      }), e.deletionManager = new kt({
         editor: e
-      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new Ve({
+      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new B({
         editor: e,
         options: e.options
-      }), e.canvasManager.setEditorContainerWidth(t), e.canvasManager.setEditorContainerHeight(a), e.canvasManager.setCanvasWrapperWidth(r), e.canvasManager.setCanvasWrapperHeight(i), e.canvasManager.setCanvasCSSWidth(o), e.canvasManager.setCanvasCSSHeight(s), c != null && c.source) {
+      }), e.canvasManager.setEditorContainerWidth(t), e.canvasManager.setEditorContainerHeight(a), e.canvasManager.setCanvasWrapperWidth(r), e.canvasManager.setCanvasWrapperHeight(n), e.canvasManager.setCanvasCSSWidth(o), e.canvasManager.setCanvasCSSHeight(s), c != null && c.source) {
         var {
-          source: g,
-          scale: h = "image-".concat(l),
+          source: h,
+          scale: g = "image-".concat(l),
           withoutSave: f = !0,
           contentType: v
         } = c;
         yield e.imageManager.importImage({
-          source: g,
-          scale: h,
+          source: h,
+          scale: g,
           withoutSave: f,
           contentType: v
         });
@@ -2935,7 +2936,7 @@ class kt {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ht(),
+      fill: gt(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -2986,7 +2987,7 @@ class kt {
     this.listeners.destroy(), this.toolbar.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls();
   }
 }
-const xt = {
+const Zt = {
   // Cохраняют ли объекты свой текущий порядок (z-index) при выделении
   preserveObjectStacking: !0,
   // Возможность взаимодействия с объектом за пределами монтажной области
@@ -3091,56 +3092,56 @@ const xt = {
   // Сброс параметров объекта по двойному клику
   resetObjectFitByDoubleClick: !0
 };
-function Ie(n, e) {
-  var t = Object.keys(n);
+function Ie(i, e) {
+  var t = Object.keys(i);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(n);
+    var a = Object.getOwnPropertySymbols(i);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(n, r).enumerable;
+      return Object.getOwnPropertyDescriptor(i, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function pe(n) {
+function Se(i) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Ie(Object(t), !0).forEach(function(a) {
-      zt(n, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
-      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
+      zt(i, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
+      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return n;
+  return i;
 }
-function zt(n, e, t) {
-  return (e = Yt(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function zt(i, e, t) {
+  return (e = Ut(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
 }
-function Yt(n) {
-  var e = Wt(n, "string");
+function Ut(i) {
+  var e = Pt(i, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Wt(n, e) {
-  if (typeof n != "object" || !n) return n;
-  var t = n[Symbol.toPrimitive];
+function Pt(i, e) {
+  if (typeof i != "object" || !i) return i;
+  var t = i[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(n, e);
+    var a = t.call(i, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(n);
+  return (e === "string" ? String : Number)(i);
 }
-function Vt(n) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = pe(pe({}, xt), e), a = document.getElementById(n);
+function Wt(i) {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = Se(Se({}, Zt), e), a = document.getElementById(i);
   if (!a)
-    return Promise.reject(new Error('Контейнер с ID "'.concat(n, '" не найден.')));
+    return Promise.reject(new Error('Контейнер с ID "'.concat(i, '" не найден.')));
   var r = document.createElement("canvas");
-  return r.id = "".concat(n, "-canvas"), a.appendChild(r), t.editorContainer = a, new Promise((i) => {
-    t._onReadyCallback = i;
-    var o = new kt(r.id, t);
-    window[n] = o;
+  return r.id = "".concat(i, "-canvas"), a.appendChild(r), t.editorContainer = a, new Promise((n) => {
+    t._onReadyCallback = n;
+    var o = new Bt(r.id, t);
+    window[i] = o;
   });
 }
 export {
-  Vt as default
+  Wt as default
 };
 //# sourceMappingURL=main.js.map