npm - @anu3ev/fabric-image-editor - Versions diffs - 0.1.32 → 0.1.34 - Mend

@anu3ev/fabric-image-editor 0.1.32 → 0.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/{main → main.js} RENAMED Viewed

@@ -1,38 +1,38 @@
 var Oe = Object.defineProperty;
-var ge = Object.getOwnPropertySymbols;
+var me = Object.getOwnPropertySymbols;
 var Te = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
-var ve = (s, e, t) => e in s ? Oe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, X = (s, e) => {
+var fe = (o, e, t) => e in o ? Oe(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, Q = (o, e) => {
   for (var t in e || (e = {}))
-    Te.call(e, t) && ve(s, t, e[t]);
-  if (ge)
-    for (var t of ge(e))
-      ke.call(e, t) && ve(s, t, e[t]);
-  return s;
+    Te.call(e, t) && fe(o, t, e[t]);
+  if (me)
+    for (var t of me(e))
+      ke.call(e, t) && fe(o, t, e[t]);
+  return o;
 };
-var Q = (s, e, t) => new Promise((a, r) => {
+var J = (o, e, t) => new Promise((a, r) => {
   var i = (c) => {
     try {
-      o(t.next(c));
+      s(t.next(c));
     } catch (u) {
       r(u);
     }
   }, n = (c) => {
     try {
-      o(t.throw(c));
+      s(t.throw(c));
     } catch (u) {
       r(u);
     }
-  }, o = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
-  o((t = t.apply(s, e)).next());
+  }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
+  s((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as Y, util as P, controlsUtils as xe, InteractiveFabricObject as Be, loadSVGFromURL as Ze, FabricImage as me, Point as ze, Rect as Ue, Circle as Ye, Triangle as Pe, Group as He, Canvas as _e, Pattern as Re } from "fabric";
+import { ActiveSelection as H, util as _, controlsUtils as xe, InteractiveFabricObject as Be, loadSVGFromURL as Ze, FabricImage as K, Point as ze, Rect as Ue, Circle as Ye, Triangle as Pe, Group as He, Canvas as _e, Pattern as Re } from "fabric";
 import { create as We } from "jsondiffpatch";
-var Fe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", w = function() {
+var Fe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", C = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += Fe[a[e] & 63];
   return t;
 };
-class U {
+class P {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -49,7 +49,7 @@ class U {
    * @param {Boolean} [params.options.resetObjectFitByDoubleClick] — сброс фита объекта по двойному клику
    */
   constructor({ editor: e, options: t = {} }) {
-    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainer = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleAdaptCanvasToContainerBound = U.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.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = U.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = U.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainer = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleAdaptCanvasToContainerBound = P.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.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -62,12 +62,12 @@ class U {
       bringToFrontOnSelection: r,
       copyObjectsByHotkey: i,
       pasteImageFromClipboard: n,
-      undoRedoByHotKeys: o,
+      undoRedoByHotKeys: s,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
       resetObjectFitByDoubleClick: l
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleAdaptCanvasToContainerBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound.bind(this)), this.canvas.on("selection:updated", this.handleLockedSelectionBound.bind(this));
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleAdaptCanvasToContainerBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -86,7 +86,7 @@ class U {
       this.canvas.setActiveObject(r[0]);
       return;
     }
-    const i = new Y(r, {
+    const i = new H(r, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -147,12 +147,12 @@ class U {
     if (!((n = e == null ? void 0 : e.items) != null && n.length)) return;
     const { imageManager: t } = this.editor, { items: a } = e, r = a[a.length - 1];
     if (r.type.indexOf("image") !== -1) {
-      const o = r.getAsFile();
-      if (!o) return;
+      const s = r.getAsFile();
+      if (!s) return;
       const c = new FileReader();
       c.onload = (u) => {
         u.target && this.editor.imageManager.importImage({ source: u.target.result });
-      }, c.readAsDataURL(o);
+      }, c.readAsDataURL(s);
       return;
     }
     const i = e.getData("text/html");
@@ -173,7 +173,7 @@ class U {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return Q(this, null, function* () {
+    return J(this, null, function* () {
       const { ctrlKey: t, metaKey: a, code: r, repeat: i } = e;
       !t && !a || i || this.isUndoRedoKeyPressed || (r === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : r === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -302,7 +302,7 @@ class U {
    * Метод для удаления всех слушателей
    */
   destroy() {
-    window.removeEventListener("resize", this.handleAdaptCanvasToContainerBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), 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));
+    window.removeEventListener("resize", this.handleAdaptCanvasToContainerBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), 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), this.canvas.off("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * Дебаунс для снижения частоты вызова функции.
@@ -367,8 +367,8 @@ class Ge {
       success: r,
       data: i,
       error: n
-    } = t, o = this._callbacks.get(a);
-    o && (r ? o.resolve(i) : o.reject(new Error(n)), this._callbacks.delete(a));
+    } = t, s = this._callbacks.get(a);
+    s && (r ? s.resolve(i) : s.reject(new Error(n)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -378,7 +378,7 @@ class Ge {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(w(8));
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(C(8));
     return new Promise((i, n) => {
       this._callbacks.set(r, {
         resolve: i,
@@ -397,50 +397,50 @@ class Ge {
     this.worker.terminate();
   }
 }
-var I = 12, Xe = 2, q = 8, ee = 20, Qe = 100, te = 20, ae = 8, Je = 100, re = 32, ie = 1, Ke = "#2B2D33", ne = "#3D8BF4", se = "#FFFFFF";
-function W(s, e, t, a, r) {
+var I = 12, Xe = 2, te = 8, ae = 20, Qe = 100, re = 20, ie = 8, Je = 100, ne = 32, se = 1, Ke = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
+function V(o, e, t, a, r) {
   var i = I, n = Xe;
-  s.save(), s.translate(e, t), s.rotate(P.degreesToRadians(r.angle)), s.fillStyle = se, s.strokeStyle = ne, s.lineWidth = ie, s.beginPath(), s.roundRect(-12 / 2, -12 / 2, i, i, n), s.fill(), s.stroke(), s.restore();
+  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, n), o.fill(), o.stroke(), o.restore();
 }
-function fe(s, e, t, a, r) {
-  var i = q, n = ee, o = Qe;
-  s.save(), s.translate(e, t), s.rotate(P.degreesToRadians(r.angle)), s.fillStyle = se, s.strokeStyle = ne, s.lineWidth = ie, s.beginPath(), s.roundRect(-8 / 2, -20 / 2, i, n, o), s.fill(), s.stroke(), s.restore();
+function Me(o, e, t, a, r) {
+  var i = te, n = ae, s = Qe;
+  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
 }
-function Me(s, e, t, a, r) {
-  var i = te, n = ae, o = Je;
-  s.save(), s.translate(e, t), s.rotate(P.degreesToRadians(r.angle)), s.fillStyle = se, s.strokeStyle = ne, s.lineWidth = ie, s.beginPath(), s.roundRect(-20 / 2, -8 / 2, i, n, o), s.fill(), s.stroke(), s.restore();
+function je(o, e, t, a, r) {
+  var i = re, n = ie, s = Je;
+  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
 }
 var $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", we = new Image();
 we.src = $e;
-function qe(s, e, t, a, r) {
-  var i = re, n = i / 2;
-  s.save(), s.translate(e, t), s.rotate(P.degreesToRadians(r.angle)), s.fillStyle = Ke, s.beginPath(), s.arc(0, 0, n, 0, 2 * Math.PI), s.fill(), s.drawImage(we, -16 / 2, -16 / 2, n, n), s.restore();
+function qe(o, e, t, a, r) {
+  var i = ne, n = i / 2;
+  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = Ke, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(we, -16 / 2, -16 / 2, n, n), o.restore();
 }
 var et = {
   // Угловые точки
   tl: {
-    render: W,
+    render: V,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: W,
+    render: V,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: W,
+    render: V,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: W,
+    render: V,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
@@ -448,39 +448,39 @@ var et = {
   },
   // Середина вертикалей
   ml: {
-    render: fe,
-    sizeX: q,
-    sizeY: ee,
+    render: Me,
+    sizeX: te,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: fe,
-    sizeX: q,
-    sizeY: ee,
+    render: Me,
+    sizeX: te,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: Me,
-    sizeX: te,
-    sizeY: ae,
+    render: je,
+    sizeX: re,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: Me,
-    sizeX: te,
-    sizeY: ae,
+    render: je,
+    sizeX: re,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: qe,
-    sizeX: re,
-    sizeY: re,
+    sizeX: ne,
+    sizeY: ne,
     offsetX: 0,
     offsetY: -32
   }
@@ -501,30 +501,30 @@ class tt {
   }
 }
 var at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ct = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", ut = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function je(s, e, t, a, r, i, n) {
+function ye(o, e, t, a, r, i, n) {
   try {
-    var o = s[i](n), c = o.value;
+    var s = o[i](n), c = s.value;
   } catch (u) {
     return void t(u);
   }
-  o.done ? e(c) : Promise.resolve(c).then(a, r);
+  s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function dt(s) {
+function dt(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = s.apply(e, t);
+      var i = o.apply(e, t);
       function n(c) {
-        je(i, a, r, n, o, "next", c);
+        ye(i, a, r, n, s, "next", c);
       }
-      function o(c) {
-        je(i, a, r, n, o, "throw", c);
+      function s(c) {
+        ye(i, a, r, n, s, "throw", c);
       }
       n(void 0);
     });
   };
 }
-const B = {
+const Y = {
   style: {
     position: "absolute",
     display: "none",
@@ -594,74 +594,74 @@ const B = {
   },
   handlers: {
     copyPaste: function() {
-      var s = dt(function* (t) {
+      var o = dt(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
-        return s.apply(this, arguments);
+        return o.apply(this, arguments);
       }
       return e;
     }(),
-    delete: (s) => {
-      s.deletionManager.deleteSelectedObjects();
+    delete: (o) => {
+      o.deletionManager.deleteSelectedObjects();
     },
-    lock: (s) => {
-      s.objectLockManager.lockObject();
+    lock: (o) => {
+      o.objectLockManager.lockObject();
     },
-    unlock: (s) => {
-      s.objectLockManager.unlockObject();
+    unlock: (o) => {
+      o.objectLockManager.unlockObject();
     },
-    bringForward: (s) => {
-      s.layerManager.bringForward();
+    bringForward: (o) => {
+      o.layerManager.bringForward();
     },
-    bringToFront: (s) => {
-      s.layerManager.bringToFront();
+    bringToFront: (o) => {
+      o.layerManager.bringToFront();
     },
-    sendToBack: (s) => {
-      s.layerManager.sendToBack();
+    sendToBack: (o) => {
+      o.layerManager.sendToBack();
     },
-    sendBackwards: (s) => {
-      s.layerManager.sendBackwards();
+    sendBackwards: (o) => {
+      o.layerManager.sendBackwards();
     }
   }
 };
-function ye(s, e) {
-  var t = Object.keys(s);
+function pe(o, e) {
+  var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(s);
+    var a = Object.getOwnPropertySymbols(o);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(s, r).enumerable;
+      return Object.getOwnPropertyDescriptor(o, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function j(s) {
+function j(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? ye(Object(t), !0).forEach(function(a) {
-      lt(s, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : ye(Object(t)).forEach(function(a) {
-      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
+    e % 2 ? pe(Object(t), !0).forEach(function(a) {
+      lt(o, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : pe(Object(t)).forEach(function(a) {
+      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return s;
+  return o;
 }
-function lt(s, e, t) {
-  return (e = ht(e)) in s ? Object.defineProperty(s, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[e] = t, s;
+function lt(o, e, t) {
+  return (e = ht(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function ht(s) {
-  var e = gt(s, "string");
+function ht(o) {
+  var e = gt(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function gt(s, e) {
-  if (typeof s != "object" || !s) return s;
-  var t = s[Symbol.toPrimitive];
+function gt(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(s, e);
+    var a = t.call(o, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(s);
+  return (e === "string" ? String : Number)(o);
 }
 class vt {
   /**
@@ -675,11 +675,11 @@ class vt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = j(j(j({}, B), a), {}, {
-        style: j(j({}, B.style), a.style || {}),
-        btnStyle: j(j({}, B.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, B.icons), a.icons || {}),
-        handlers: j(j({}, B.handlers), a.handlers || {})
+      this.config = j(j(j({}, Y), a), {}, {
+        style: j(j({}, Y.style), a.style || {}),
+        btnStyle: j(j({}, Y.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, Y.icons), a.icons || {}),
+        handlers: j(j({}, Y.handlers), a.handlers || {})
       }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
         this.el.style.display = "none";
       }, this._createDOM(), this._bindEvents();
@@ -714,15 +714,15 @@ class vt {
     var a = function() {
       var {
         name: n,
-        handle: o
+        handle: s
       } = r, {
         icons: c,
         btnStyle: u,
         handlers: l
       } = t.config, d = document.createElement("button");
-      d.innerHTML = c[o] ? '<img src="'.concat(c[o], '" title="').concat(n, '" />') : n, Object.assign(d.style, u), d.onclick = () => {
+      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(n, '" />') : n, Object.assign(d.style, u), d.onclick = () => {
         var h;
-        return (h = l[o]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
+        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
       }, t.el.appendChild(d);
     };
     for (var r of e)
@@ -795,12 +795,12 @@ class vt {
         canvas: r
       } = this;
       e.setCoords();
-      var i = r.getZoom(), [, , , , n, o] = r.viewportTransform, {
+      var i = r.getZoom(), [, , , , n, s] = r.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: u,
         height: l
-      } = e.getBoundingRect(!1, !0), d = c * i + n, h = d - t.offsetWidth / 2, v = (u + l) * i + o + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), d = c * i + n, h = d - t.offsetWidth / 2, v = (u + l) * i + s + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(v, "px"),
@@ -815,24 +815,24 @@ class vt {
     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 pe(s, e, t, a, r, i, n) {
+function be(o, e, t, a, r, i, n) {
   try {
-    var o = s[i](n), c = o.value;
+    var s = o[i](n), c = s.value;
   } catch (u) {
     return void t(u);
   }
-  o.done ? e(c) : Promise.resolve(c).then(a, r);
+  s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function J(s) {
+function $(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = s.apply(e, t);
+      var i = o.apply(e, t);
       function n(c) {
-        pe(i, a, r, n, o, "next", c);
+        be(i, a, r, n, s, "next", c);
       }
-      function o(c) {
-        pe(i, a, r, n, o, "throw", c);
+      function s(c) {
+        be(i, a, r, n, s, "throw", c);
       }
       n(void 0);
     });
@@ -927,7 +927,7 @@ class mt {
    */
   loadStateFromFullState(e) {
     var t = this;
-    return J(function* () {
+    return $(function* () {
       if (e) {
         console.log("loadStateFromFullState fullState", e), yield t.canvas.loadFromJSON(e);
         var a = t.canvas.getObjects().find((i) => i.id === "montage-area");
@@ -943,7 +943,7 @@ class mt {
    */
   undo() {
     var e = this;
-    return J(function* () {
+    return $(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -970,7 +970,7 @@ class mt {
    */
   redo() {
     var e = this;
-    return J(function* () {
+    return $(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex >= e.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -992,25 +992,25 @@ class mt {
     })();
   }
 }
-const ft = 0.1, Mt = 2, jt = 0.1, yt = 90, Z = 16, z = 16, D = 4096, L = 4096;
-function be(s, e, t, a, r, i, n) {
+const ft = 0.1, Mt = 2, jt = 0.1, yt = 90, T = 16, k = 16, L = 4096, E = 4096;
+function Ie(o, e, t, a, r, i, n) {
   try {
-    var o = s[i](n), c = o.value;
+    var s = o[i](n), c = s.value;
   } catch (u) {
     return void t(u);
   }
-  o.done ? e(c) : Promise.resolve(c).then(a, r);
+  s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function T(s) {
+function O(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = s.apply(e, t);
+      var i = o.apply(e, t);
       function n(c) {
-        be(i, a, r, n, o, "next", c);
+        Ie(i, a, r, n, s, "next", c);
       }
-      function o(c) {
-        be(i, a, r, n, o, "throw", c);
+      function s(c) {
+        Ie(i, a, r, n, s, "throw", c);
       }
       n(void 0);
     });
@@ -1041,7 +1041,7 @@ class A {
    */
   importImage(e) {
     var t = this;
-    return T(function* () {
+    return O(function* () {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
@@ -1050,7 +1050,7 @@ class A {
       if (!a) return null;
       var {
         canvas: n,
-        montageArea: o,
+        montageArea: s,
         transformManager: c,
         historyManager: u,
         errorManager: l
@@ -1080,13 +1080,13 @@ class A {
         if (a instanceof File)
           M = URL.createObjectURL(a);
         else if (typeof a == "string") {
-          var C = yield fetch(a, {
+          var S = yield fetch(a, {
             mode: "cors"
-          }), y = yield C.blob({
+          }), w = yield S.blob({
             type: d,
             quality: 1
           });
-          M = URL.createObjectURL(y);
+          M = URL.createObjectURL(w);
         } else
           return l.emitError({
             origin: "ImageManager",
@@ -1102,47 +1102,52 @@ class A {
             }
           }), null;
         if (t._createdBlobUrls.push(M), h === "svg") {
-          var N = yield Ze(M);
-          g = P.groupSVGElements(N.objects, N.options);
+          var D = yield Ze(M);
+          g = _.groupSVGElements(D.objects, D.options);
         } else
-          g = yield me.fromURL(M, {
+          g = yield K.fromURL(M, {
             crossOrigin: "anonymous"
           });
         var {
-          width: E,
-          height: S
+          width: N,
+          height: y
         } = g;
-        if (S > L || E > D) {
-          var p = yield t.resizeImageToBoundaries(g._element.src, "max"), k = URL.createObjectURL(p);
-          t._createdBlobUrls.push(k), g = yield me.fromURL(k, {
+        if (y > E || N > L) {
+          var p = yield t.resizeImageToBoundaries(g._element.src, "max"), x = URL.createObjectURL(p);
+          t._createdBlobUrls.push(x), g = yield K.fromURL(x, {
+            crossOrigin: "anonymous"
+          });
+        } else if (y < k || N < T) {
+          var R = yield t.resizeImageToBoundaries(g._element.src, "min"), B = URL.createObjectURL(R);
+          t._createdBlobUrls.push(B), g = yield K.fromURL(B, {
             crossOrigin: "anonymous"
           });
         }
-        if (g.set("id", "".concat(g.type, "-").concat(w())), g.set("format", h), r === "scale-montage")
+        if (g.set("id", "".concat(g.type, "-").concat(C())), g.set("format", h), r === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
             object: g,
             withoutSave: !0
           });
         else {
           var {
-            width: H,
-            height: _
-          } = o, R = t.calculateScaleFactor({
+            width: W,
+            height: Z
+          } = s, z = t.calculateScaleFactor({
             imageObject: g,
             scaleType: r
           });
-          r === "image-contain" && R < 1 ? c.fitObject({
+          r === "image-contain" && z < 1 ? c.fitObject({
             object: g,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (E > H || S > _) && c.fitObject({
+          }) : r === "image-cover" && (N > W || y > Z) && c.fitObject({
             object: g,
             type: "cover",
             withoutSave: !0
           });
         }
         n.add(g), n.centerObject(g), n.setActiveObject(g), n.renderAll(), u.resumeHistory(), i || u.saveState();
-        var O = {
+        var F = {
           image: g,
           format: h,
           contentType: d,
@@ -1150,13 +1155,13 @@ class A {
           withoutSave: i,
           source: a
         };
-        return n.fire("editor:image-imported", O), O;
-      } catch (x) {
+        return n.fire("editor:image-imported", F), F;
+      } catch (U) {
         return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: "Ошибка импорта изображения: ".concat(x.message),
+          message: "Ошибка импорта изображения: ".concat(U.message),
           data: {
             source: a,
             format: h,
@@ -1178,25 +1183,24 @@ class A {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return T(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(D, "x").concat(L);
-      a.editor.errorManager.emitWarning({
+    return O(function* () {
+      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(L, "x").concat(E);
+      r === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(T, "x").concat(k));
+      var n = {
+        dataURL: e,
+        sizeType: r,
+        maxWidth: L,
+        maxHeight: E,
+        minWidth: T,
+        minHeight: k
+      };
+      return a.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: i,
-        data: {
-          dataURL: e,
-          size: r
-        }
-      });
-      var n = yield a.editor.workerManager.post("resizeImage", {
-        dataURL: e,
-        maxWidth: D,
-        maxHeight: L,
-        sizeType: r
-      });
-      return n;
+        data: n
+      }), a.editor.workerManager.post("resizeImage", n);
     })();
   }
   /**
@@ -1212,14 +1216,14 @@ class A {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return T(function* () {
+    return O(function* () {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
         exportAsBase64: i = !1,
         exportAsBlob: n = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
-        canvas: o,
+        canvas: s,
         montageArea: c,
         workerManager: u
       } = t.editor;
@@ -1231,91 +1235,91 @@ class A {
           top: m,
           width: f,
           height: M
-        } = c.getBoundingRect(), g = yield o.clone(["id", "format", "locked"]);
+        } = c.getBoundingRect(), g = yield s.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(d) && (g.backgroundColor = "#ffffff");
-        var C = g.getObjects().find((b) => b.id === c.id);
-        C.visible = !1, g.viewportTransform = [1, 0, 0, 1, -v, -m], g.setDimensions({
+        var S = g.getObjects().find((b) => b.id === c.id);
+        S.visible = !1, g.viewportTransform = [1, 0, 0, 1, -v, -m], g.setDimensions({
           width: f,
           height: M
         }, {
           backstoreOnly: !0
         }), g.renderAll();
-        var y = g.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
-        if (h === "svg" && y) {
-          var N = g.toSVG();
+        var w = g.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        if (h === "svg" && w) {
+          var D = g.toSVG();
           g.dispose();
-          var E = A._exportSVGStringAsFile(N, {
+          var N = A._exportSVGStringAsFile(D, {
             exportAsBase64: i,
             exportAsBlob: n,
             fileName: a
-          }), S = {
-            image: E,
+          }), y = {
+            image: N,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:canvas-exported", S), S;
+          return s.fire("editor:canvas-exported", y), y;
         }
         var p = yield new Promise((b) => {
           g.getElement().toBlob(b);
         });
         if (g.dispose(), n) {
-          var k = {
+          var x = {
             image: p,
             format: h,
             contentType: d,
             fileName: a
           };
-          return o.fire("editor:canvas-exported", k), k;
+          return s.fire("editor:canvas-exported", x), x;
         }
-        var H = yield createImageBitmap(p), _ = yield u.post("toDataURL", {
+        var R = yield createImageBitmap(p), B = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: H
-        }, [H]);
+          bitmap: R
+        }, [R]);
         if (l) {
-          var R = 0.264583, O = f * R, x = M * R, Ce = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Ce({
-            orientation: O > x ? "landscape" : "portrait",
+          var W = 0.264583, Z = f * W, z = M * W, F = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, U = new F({
+            orientation: Z > z ? "landscape" : "portrait",
             unit: "mm",
-            format: [O, x]
+            format: [Z, z]
           });
-          if (G.addImage(_, "JPG", 0, 0, O, x), i) {
-            var Ne = G.output("datauristring"), ce = {
-              image: Ne,
+          if (U.addImage(B, "JPG", 0, 0, Z, z), i) {
+            var De = U.output("datauristring"), de = {
+              image: De,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
             };
-            return o.fire("editor:canvas-exported", ce), ce;
+            return s.fire("editor:canvas-exported", de), de;
           }
-          var De = G.output("blob"), Le = new File([De], a, {
+          var Ne = U.output("blob"), Le = new File([Ne], a, {
             type: "application/pdf"
-          }), ue = {
+          }), le = {
             image: Le,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
           };
-          return o.fire("editor:canvas-exported", ue), ue;
+          return s.fire("editor:canvas-exported", le), le;
         }
         if (i) {
-          var de = {
-            image: _,
+          var he = {
+            image: B,
             format: h,
             contentType: d,
             fileName: a
           };
-          return o.fire("editor:canvas-exported", de), de;
+          return s.fire("editor:canvas-exported", he), he;
         }
-        var le = h === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([p], le, {
+        var ge = h === "svg" && !w ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([p], ge, {
           type: d
-        }), he = {
+        }), ve = {
           image: Ee,
           format: h,
           contentType: d,
-          fileName: le
+          fileName: ge
         };
-        return o.fire("editor:canvas-exported", he), he;
+        return s.fire("editor:canvas-exported", ve), ve;
       } catch (b) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1345,13 +1349,13 @@ class A {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return T(function* () {
+    return O(function* () {
       var {
         object: a,
         fileName: r = "image.png",
         contentType: i = "image/png",
         exportAsBase64: n = !1,
-        exportAsBlob: o = !1
+        exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
         workerManager: u
@@ -1366,7 +1370,7 @@ class A {
             contentType: i,
             fileName: r,
             exportAsBase64: n,
-            exportAsBlob: o
+            exportAsBlob: s
           }
         }), "";
       try {
@@ -1374,7 +1378,7 @@ class A {
         if (d === "svg") {
           var h = l.toSVG(), v = t._exportSVGStringAsFile(h, {
             exportAsBase64: n,
-            exportAsBlob: o,
+            exportAsBlob: s,
             fileName: r
           }), m = {
             image: v,
@@ -1397,27 +1401,27 @@ class A {
           };
           return c.fire("editor:object-exported", g), g;
         }
-        var C = l.toCanvasElement(), y = yield new Promise((p) => {
-          C.toBlob(p);
+        var S = l.toCanvasElement(), w = yield new Promise((p) => {
+          S.toBlob(p);
         });
-        if (o) {
-          var N = {
-            image: y,
+        if (s) {
+          var D = {
+            image: w,
             format: d,
             contentType: i,
             fileName: r
           };
-          return c.fire("editor:object-exported", N), N;
+          return c.fire("editor:object-exported", D), D;
         }
-        var E = new File([y], r, {
+        var N = new File([w], r, {
           type: i
-        }), S = {
-          image: E,
+        }), y = {
+          image: N,
           format: d,
           contentType: i,
           fileName: r
         };
-        return c.fire("editor:object-exported", S), S;
+        return c.fire("editor:object-exported", y), y;
       } catch (p) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1428,7 +1432,7 @@ class A {
             contentType: i,
             fileName: r,
             exportAsBase64: n,
-            exportAsBlob: o
+            exportAsBlob: s
           }
         }), "";
       }
@@ -1499,7 +1503,7 @@ class A {
    */
   getContentType(e) {
     var t = this;
-    return T(function* () {
+    return O(function* () {
       return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     })();
   }
@@ -1511,7 +1515,7 @@ class A {
    */
   getContentTypeFromUrl(e) {
     var t = this;
-    return T(function* () {
+    return O(function* () {
       if (e.startsWith("data:")) {
         var a = e.match(/^data:([^;]+)/);
         return a ? a[1] : "application/octet-stream";
@@ -1538,8 +1542,8 @@ class A {
     try {
       var t, a = new URL(e), r = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
       return this.acceptContentTypes.forEach((n) => {
-        var o = A.getFormatFromContentType(n);
-        o && (i[o] = n);
+        var s = A.getFormatFromContentType(n);
+        s && (i[s] = n);
       }), i[r] || "application/octet-stream";
     } catch (n) {
       return console.warn("Не удалось определить расширение из URL:", e, n), "application/octet-stream";
@@ -1560,10 +1564,10 @@ class A {
     } = this.editor;
     if (!r || !t) return 1;
     var i = r.width, n = r.height, {
-      width: o,
+      width: s,
       height: c
     } = t;
-    return a === "contain" || a === "image-contain" ? Math.min(i / o, n / c) : a === "cover" || a === "image-cover" ? Math.max(i / o, n / c) : 1;
+    return a === "contain" || a === "image-contain" ? Math.min(i / s, n / c) : a === "cover" || a === "image-cover" ? Math.max(i / s, n / c) : 1;
   }
 }
 class pt {
@@ -1597,13 +1601,13 @@ class pt {
         canvas: i,
         montageArea: n,
         options: {
-          canvasBackstoreWidth: o
+          canvasBackstoreWidth: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, D), Z));
-      if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(o) : this.setCanvasBackstoreWidth(l), n.set({
+      } = n, l = Number(Math.max(Math.min(e, L), T));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), n.set({
         width: l
       }), i.clipPath.set({
         width: l
@@ -1641,13 +1645,13 @@ class pt {
         canvas: i,
         montageArea: n,
         options: {
-          canvasBackstoreHeight: o
+          canvasBackstoreHeight: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, L), z));
-      if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(o) : this.setCanvasBackstoreHeight(l), n.set({
+      } = n, l = Number(Math.max(Math.min(e, E), k));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), n.set({
         height: l
       }), i.clipPath.set({
         height: l
@@ -1681,8 +1685,8 @@ class pt {
       left: a / 2,
       top: r / 2
     }), e.renderAll();
-    var o = e.viewportTransform;
-    o[4] = a / 2 - n.x * i, o[5] = r / 2 - n.y * i, e.setViewportTransform(o), e.renderAll();
+    var s = e.viewportTransform;
+    s[4] = a / 2 - n.x * i, s[5] = r / 2 - n.y * i, e.setViewportTransform(s), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1700,15 +1704,15 @@ class pt {
     var {
       width: r,
       height: i
-    } = a, n = t.getZoom(), o = (r - r * n) / 2, c = (i - i * n) / 2;
+    } = a, n = t.getZoom(), s = (r - r * n) / 2, c = (i - i * n) / 2;
     return {
-      left: o,
+      left: s,
       top: c
     };
   }
   setCanvasBackstoreWidth(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, D), Z);
+      var t = Math.max(Math.min(e, L), T);
       this.editor.canvas.setDimensions({
         width: t
       }, {
@@ -1718,7 +1722,7 @@ class pt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, L), z);
+      var t = Math.max(Math.min(e, E), k);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1729,7 +1733,7 @@ class pt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, D), Z), n = Math.max(Math.min(r, L), z);
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, L), T), n = Math.max(Math.min(r, E), k);
     console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({
       width: i,
       height: n
@@ -1752,9 +1756,9 @@ class pt {
     var {
       canvas: t,
       montageArea: a
-    } = this.editor, r = a.width * e, i = a.height * e, n = t.wrapperEl.parentNode, o = r <= n.clientWidth ? "100%" : r, c = i <= n.clientHeight ? "100%" : i;
+    } = this.editor, r = a.width * e, i = a.height * e, n = t.wrapperEl.parentNode, s = r <= n.clientWidth ? "100%" : r, c = i <= n.clientHeight ? "100%" : i;
     t.setDimensions({
-      width: o,
+      width: s,
       height: c
     }, {
       cssOnly: !0
@@ -1867,10 +1871,10 @@ class pt {
         default:
           n.push(r.lowerCanvasEl, r.upperCanvasEl);
       }
-      var o = t === "width" ? "width" : "height";
+      var s = t === "width" ? "width" : "height";
       if (typeof a == "string") {
         n.forEach((l) => {
-          l.style[o] = a;
+          l.style[s] = a;
         });
         return;
       }
@@ -1878,8 +1882,8 @@ class pt {
       if (!isNaN(c)) {
         var u = "".concat(c, "px");
         n.forEach((l) => {
-          l.style[o] = u;
-        }), r.fire("editor:display-".concat(e, "-").concat(o, "-changed"), {
+          l.style[s] = u;
+        }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
           element: e,
           value: a
         });
@@ -1904,7 +1908,7 @@ class pt {
       montageArea: i,
       transformManager: n,
       options: {
-        montageAreaWidth: o,
+        montageAreaWidth: s,
         montageAreaHeight: c
       }
     } = this.editor, u = e || r.getActiveObject();
@@ -1912,30 +1916,23 @@ class pt {
       var {
         width: l,
         height: d
-      } = u;
-      if (l < Z || d < z) {
-        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(Z, "x").concat(z);
-        console.warn("scaleMontageAreaToImage. ".concat(h)), r.fire("editor:warning", {
-          message: h
-        });
-      }
-      var v = Math.min(l, D), m = Math.min(d, L);
+      } = u, h = Math.min(l, L), v = Math.min(d, E);
       if (t) {
         var {
-          width: f,
-          height: M
-        } = i, g = l / f, C = d / M, y = Math.max(g, C);
-        v = f * y, m = M * y;
+          width: m,
+          height: f
+        } = i, M = l / m, g = d / f, S = Math.max(M, g);
+        h = m * S, v = f * S;
       }
-      this.setResolutionWidth(v, {
+      this.setResolutionWidth(h, {
         withoutSave: !0
-      }), this.setResolutionHeight(m, {
+      }), this.setResolutionHeight(v, {
         withoutSave: !0
-      }), (l > o || d > c) && n.calculateAndApplyDefaultZoom(o, c), n.resetObject(u, {
+      }), (l > s || d > c) && n.calculateAndApplyDefaultZoom(s, c), n.resetObject(u, {
         withoutSave: !0
       }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
-        width: v,
-        height: m
+        width: h,
+        height: v
       });
     }
   }
@@ -2012,12 +2009,12 @@ class bt {
     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, n = t / r, o = Math.min(i, n), {
+    } = this.editor.montageArea, i = e / a, n = t / r, s = Math.min(i, n), {
       minZoom: c,
       maxZoom: u,
       maxZoomFactor: l
     } = this.options;
-    this.minZoom = Math.min(o / l, c), this.maxZoom = Math.max(o * l, u), this.defaultZoom = o, this.setZoom(o);
+    this.minZoom = Math.min(s / l, c), this.maxZoom = Math.max(s * l, u), this.defaultZoom = s, this.setZoom(s);
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -2036,16 +2033,16 @@ class bt {
         minZoom: r,
         maxZoom: i
       } = this.editor, n = a.getZoom(), {
-        x: o = t.pointX,
+        x: s = t.pointX,
         y: c = t.pointY
       } = a.getCenterPoint(), u = Number((n + Number(e)).toFixed(2));
       u > i && (u = i), u < r && (u = r), a.zoomToPoint({
-        x: Number(o),
+        x: Number(s),
         y: Number(c)
       }, u), a.fire("editor:zoom-changed", {
         currentZoom: a.getZoom(),
         zoom: u,
-        pointX: o,
+        pointX: s,
         pointY: c
       });
     }
@@ -2063,13 +2060,13 @@ class bt {
     } = this.editor, {
       x: i,
       y: n
-    } = t.getCenterPoint(), o = e;
-    e > r && (o = r), e < a && (o = a), t.zoomToPoint({
+    } = t.getCenterPoint(), s = e;
+    e > r && (s = r), e < a && (s = a), t.zoomToPoint({
       x: Number(i),
       y: Number(n)
-    }, o), t.fire("editor:zoom-changed", {
+    }, s), t.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
-      zoom: o,
+      zoom: s,
       pointX: i,
       pointY: n
     });
@@ -2158,8 +2155,8 @@ class bt {
       canvas: r,
       historyManager: i
     } = this.editor, n = e || r.getActiveObject();
-    n && (n.type === "activeselection" ? n.getObjects().forEach((o) => {
-      o.set("opacity", t);
+    n && (n.type === "activeselection" ? n.getObjects().forEach((s) => {
+      s.set("opacity", t);
     }) : n.set("opacity", t), r.renderAll(), a || i.saveState(), r.fire("editor:object-opacity-changed", t));
   }
   /**
@@ -2182,7 +2179,7 @@ class bt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: i,
       imageManager: n,
-      historyManager: o
+      historyManager: s
     } = this.editor, c = e || i.getActiveObject();
     if (c) {
       if (["activeselection"].includes(c.type) && !r) {
@@ -2194,7 +2191,7 @@ class bt {
           });
           h.scale(v), i.centerObject(h);
         });
-        var l = new Y(u, {
+        var l = new H(u, {
           canvas: i
         });
         i.setActiveObject(l);
@@ -2205,7 +2202,7 @@ class bt {
         });
         c.scale(d), i.centerObject(c);
       }
-      i.renderAll(), a || o.saveState(), i.fire("editor:image-fitted", {
+      i.renderAll(), a || s.saveState(), i.fire("editor:image-fitted", {
         type: t
       });
     }
@@ -2233,13 +2230,13 @@ class bt {
       canvas: r,
       montageArea: i,
       imageManager: n,
-      historyManager: o,
+      historyManager: s,
       options: {
         scaleType: c
       }
     } = this.editor, u = e || r.getActiveObject();
     if (!(!u || u.locked)) {
-      if (o.suspendHistory(), u.type !== "image" && u.format !== "svg" && (u.set({
+      if (s.suspendHistory(), u.type !== "image" && u.format !== "svg" && (u.set({
         scaleX: 1,
         scaleY: 1,
         flipX: !1,
@@ -2273,7 +2270,7 @@ class bt {
         flipX: !1,
         flipY: !1,
         angle: 0
-      }), r.centerObject(u), r.renderAll(), o.resumeHistory(), a || o.saveState(), r.fire("editor:object-reset");
+      }), r.centerObject(u), r.renderAll(), s.resumeHistory(), a || s.saveState(), r.fire("editor:object-reset");
     }
   }
 }
@@ -2329,13 +2326,13 @@ class It {
         left: r,
         top: i,
         width: n,
-        height: o
+        height: s
       } = t.getBoundingRect();
       this.overlayMask.set({
         left: r,
         top: i,
         width: n,
-        height: o
+        height: s
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
       }), a.resumeHistory();
@@ -2377,7 +2374,7 @@ class It {
     }
   }
 }
-class F {
+class G {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2424,7 +2421,7 @@ class F {
     } = this.editor;
     r.suspendHistory();
     var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? F._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    i && (i.type === "activeselection" ? G._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2445,13 +2442,13 @@ class F {
       }
     } = this.editor;
     i.suspendHistory();
-    var o = e || a.getActiveObject();
-    if (o) {
-      if (o.type === "activeselection")
-        for (var c = o.getObjects(), u = c.length - 1; u >= 0; u -= 1)
+    var s = e || a.getActiveObject();
+    if (s) {
+      if (s.type === "activeselection")
+        for (var c = s.getObjects(), u = c.length - 1; u >= 0; u -= 1)
           a.sendObjectToBack(c[u]);
       else
-        a.sendObjectToBack(o);
+        a.sendObjectToBack(s);
       a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back");
     }
   }
@@ -2473,8 +2470,8 @@ class F {
       }
     } = this.editor;
     i.suspendHistory();
-    var o = e || a.getActiveObject();
-    o && (o.type === "activeselection" ? F._moveSelectionBackwards(a, o) : a.sendObjectBackwards(o), a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
+    var s = e || a.getActiveObject();
+    s && (s.type === "activeselection" ? G._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2484,11 +2481,11 @@ class F {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = r.map((l) => a.indexOf(l)), n = -1, o = function(d) {
+    for (var a = e.getObjects(), r = t.getObjects(), i = r.map((l) => a.indexOf(l)), n = -1, s = function(d) {
       var h = a[d];
       if (!r.includes(h) && i.some((v) => d > v))
         return n = d, 1;
-    }, c = 0; c < a.length && !o(c); c += 1)
+    }, c = 0; c < a.length && !s(c); c += 1)
       ;
     if (n !== -1) {
       var u = r.map((l) => ({
@@ -2509,64 +2506,64 @@ class F {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), i = Math.min(...r.map((o) => a.indexOf(o))), n = r.length - 1; n >= 0; n -= 1)
+    for (var a = e.getObjects(), r = t.getObjects(), i = Math.min(...r.map((s) => a.indexOf(s))), n = r.length - 1; n >= 0; n -= 1)
       e.moveObjectTo(r[n], i - 1);
   }
 }
-var St = ["id", "left", "top", "width", "height", "fill"], At = ["id", "left", "top", "radius", "fill"], wt = ["id", "left", "top", "width", "height", "fill"];
-function Ie(s, e) {
-  var t = Object.keys(s);
+var St = ["id", "left", "top", "width", "height", "fill"], At = ["id", "left", "top", "radius", "fill"], Ct = ["id", "left", "top", "width", "height", "fill"];
+function Se(o, e) {
+  var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(s);
+    var a = Object.getOwnPropertySymbols(o);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(s, r).enumerable;
+      return Object.getOwnPropertyDescriptor(o, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function K(s) {
+function q(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ie(Object(t), !0).forEach(function(a) {
-      Ct(s, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
-      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
+    e % 2 ? Se(Object(t), !0).forEach(function(a) {
+      wt(o, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Se(Object(t)).forEach(function(a) {
+      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return s;
+  return o;
 }
-function Ct(s, e, t) {
-  return (e = Nt(e)) in s ? Object.defineProperty(s, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[e] = t, s;
+function wt(o, e, t) {
+  return (e = Dt(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function Nt(s) {
-  var e = Dt(s, "string");
+function Dt(o) {
+  var e = Nt(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Dt(s, e) {
-  if (typeof s != "object" || !s) return s;
-  var t = s[Symbol.toPrimitive];
+function Nt(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(s, e);
+    var a = t.call(o, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(s);
+  return (e === "string" ? String : Number)(o);
 }
-function $(s, e) {
-  if (s == null) return {};
-  var t, a, r = Lt(s, e);
+function ee(o, e) {
+  if (o == null) return {};
+  var t, a, r = Lt(o, e);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(s);
-    for (a = 0; a < i.length; a++) t = i[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(s, t) && (r[t] = s[t]);
+    var i = Object.getOwnPropertySymbols(o);
+    for (a = 0; a < i.length; a++) t = i[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(o, t) && (r[t] = o[t]);
   }
   return r;
 }
-function Lt(s, e) {
-  if (s == null) return {};
+function Lt(o, e) {
+  if (o == null) return {};
   var t = {};
-  for (var a in s) if ({}.hasOwnProperty.call(s, a)) {
+  for (var a in o) if ({}.hasOwnProperty.call(o, a)) {
     if (e.indexOf(a) !== -1) continue;
-    t[a] = s[a];
+    t[a] = o[a];
   }
   return t;
 }
@@ -2598,24 +2595,24 @@ class Et {
    */
   addRectangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "rect-".concat(w()),
+      id: t = "rect-".concat(C()),
       left: a,
       top: r,
       width: i = 100,
       height: n = 100,
-      fill: o = "blue"
-    } = e, c = $(e, St), {
+      fill: s = "blue"
+    } = e, c = ee(e, St), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new Ue(K({
+    } = this.editor, h = new Ue(q({
       id: t,
       left: a,
       top: r,
       width: i,
       height: n,
-      fill: o
+      fill: s
     }, c));
     return !a && !r && d.centerObject(h), l || (d.add(h), u || d.setActiveObject(h), d.renderAll()), h;
   }
@@ -2635,23 +2632,23 @@ class Et {
    */
   addCircle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "circle-".concat(w()),
+      id: t = "circle-".concat(C()),
       left: a,
       top: r,
       radius: i = 50,
       fill: n = "green"
-    } = e, o = $(e, At), {
+    } = e, s = ee(e, At), {
       withoutSelection: c,
       withoutAdding: u
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: l
-    } = this.editor, d = new Ye(K({
+    } = this.editor, d = new Ye(q({
       id: t,
       left: a,
       top: r,
       fill: n,
       radius: i
-    }, o));
+    }, s));
     return !a && !r && l.centerObject(d), u || (l.add(d), c || l.setActiveObject(d), l.renderAll()), d;
   }
   /**
@@ -2671,46 +2668,46 @@ class Et {
    */
   addTriangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "triangle-".concat(w()),
+      id: t = "triangle-".concat(C()),
       left: a,
       top: r,
       width: i = 100,
       height: n = 100,
-      fill: o = "yellow"
-    } = e, c = $(e, wt), {
+      fill: s = "yellow"
+    } = e, c = ee(e, Ct), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new Pe(K({
+    } = this.editor, h = new Pe(q({
       id: t,
       left: a,
       top: r,
-      fill: o,
+      fill: s,
       width: i,
       height: n
     }, c));
     return !a && !r && d.centerObject(h), l || (d.add(h), u || d.setActiveObject(h), d.renderAll()), h;
   }
 }
-function Se(s, e, t, a, r, i, n) {
+function Ae(o, e, t, a, r, i, n) {
   try {
-    var o = s[i](n), c = o.value;
+    var s = o[i](n), c = s.value;
   } catch (u) {
     return void t(u);
   }
-  o.done ? e(c) : Promise.resolve(c).then(a, r);
+  s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function Ae(s) {
+function Ce(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var i = s.apply(e, t);
+      var i = o.apply(e, t);
       function n(c) {
-        Se(i, a, r, n, o, "next", c);
+        Ae(i, a, r, n, s, "next", c);
       }
-      function o(c) {
-        Se(i, a, r, n, o, "throw", c);
+      function s(c) {
+        Ae(i, a, r, n, s, "throw", c);
       }
       n(void 0);
     });
@@ -2733,7 +2730,7 @@ class Ot {
    */
   copy() {
     var e = this;
-    return Ae(function* () {
+    return Ce(function* () {
       var {
         canvas: t
       } = e.editor, a = t.getActiveObject();
@@ -2757,10 +2754,10 @@ class Ot {
           }
           var i = r.toCanvasElement(), n = yield new Promise((u) => {
             i.toBlob(u);
-          }), o = new ClipboardItem({
+          }), s = new ClipboardItem({
             [n.type]: n
           });
-          yield navigator.clipboard.write([o]), t.fire("editor:object-copied", {
+          yield navigator.clipboard.write([s]), t.fire("editor:object-copied", {
             object: r
           });
         } catch (u) {
@@ -2777,18 +2774,18 @@ class Ot {
    */
   paste() {
     var e = this;
-    return Ae(function* () {
+    return Ce(function* () {
       var {
         canvas: t
       } = e.editor;
       if (e.clipboard) {
         var a = yield e.clipboard.clone(["format"]);
         t.discardActiveObject(), a.set({
-          id: "".concat(a.type, "-").concat(w()),
+          id: "".concat(a.type, "-").concat(C()),
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
-        }), a instanceof Y ? (a.canvas = t, a.forEachObject((r) => {
+        }), a instanceof H ? (a.canvas = t, a.forEachObject((r) => {
           t.add(r);
         })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
           object: a
@@ -2826,7 +2823,7 @@ class Tt {
       historyManager: i
     } = this.editor, n = e || r.getActiveObject();
     if (!(!n || n.locked)) {
-      var o = {
+      var s = {
         lockMovementX: !0,
         lockMovementY: !0,
         lockRotation: !0,
@@ -2836,10 +2833,10 @@ class Tt {
         lockSkewingY: !0,
         locked: !0
       };
-      n.set(o);
+      n.set(s);
       var c = !t && ["activeselection", "group"].includes(n.type);
       c && n.getObjects().forEach((u) => {
-        u.set(o);
+        u.set(s);
       }), r.renderAll(), a || i.saveState(), r.fire("editor:object-locked", {
         object: n
       });
@@ -2872,8 +2869,8 @@ class Tt {
         lockSkewingY: !1,
         locked: !1
       };
-      i.set(n), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((o) => {
-        o.set(n);
+      i.set(n), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((s) => {
+        s.set(n);
       }), a.renderAll(), t || r.saveState(), a.fire("editor:object-unlocked", {
         object: i
       });
@@ -2909,8 +2906,8 @@ class kt {
     r.suspendHistory();
     var i = e || a.getActiveObject();
     if (i && i.type === "activeselection") {
-      var n = i.getObjects(), o = new He(n);
-      n.forEach((c) => a.remove(c)), o.set("id", "".concat(o.type, "-").concat(w())), a.add(o), a.setActiveObject(o), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+      var n = i.getObjects(), s = new He(n);
+      n.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(C())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
     }
   }
   /**
@@ -2933,10 +2930,10 @@ class kt {
     if (!(!i || i.type !== "group")) {
       var n = i.removeAll();
       a.remove(i), n.forEach((c) => a.add(c));
-      var o = new Y(n, {
+      var s = new H(n, {
         canvas: a
       });
-      a.setActiveObject(o), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
+      a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
     }
   }
 }
@@ -2962,7 +2959,7 @@ class xt {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), i = r.some((o) => o.locked), n = r.length > 1 ? new Y(t.getObjects(), {
+    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new H(t.getObjects(), {
       canvas: e
     }) : r[0];
     i && a.lockObject({
@@ -2990,7 +2987,7 @@ class Bt {
    * @param {Object} options
    * @param {fabric.Object[]} options.objects - массив объектов для удаления
    * @param {Boolean} options.withoutSave - Не сохранять состояние
-   * @fires editor:object-deleted
+   * @fires editor:objects-deleted
    */
   deleteSelectedObjects() {
     var {
@@ -2998,14 +2995,15 @@ class Bt {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: r
-    } = this.editor, i = (e || a.getActiveObjects()).filter((n) => !n.locked);
-    i != null && i.length && (r.suspendHistory(), i.forEach((n) => {
-      if (n.type === "group" && n.format !== "svg") {
-        this.ungroup(n), this.deleteSelectedObjects();
+      historyManager: r,
+      groupingManager: i
+    } = this.editor, n = (e || a.getActiveObjects()).filter((s) => !s.locked);
+    n != null && n.length && (r.suspendHistory(), n.forEach((s) => {
+      if (s.type === "group" && s.format !== "svg") {
+        i.ungroup(s), this.deleteSelectedObjects();
         return;
       }
-      a.remove(n);
+      a.remove(s);
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
   }
 }
@@ -3037,7 +3035,7 @@ var Zt = {
     IMAGE_EXPORT_FAILED: "IMAGE_EXPORT_FAILED"
   }
 };
-class V {
+class X {
   constructor(e) {
     var {
       editor: t
@@ -3062,7 +3060,7 @@ class V {
       data: i,
       message: n
     } = e;
-    if (!V.isValidErrorCode(r)) {
+    if (!X.isValidErrorCode(r)) {
       console.warn("Неизвестный код ошибки: ", {
         code: r,
         origin: t,
@@ -3071,12 +3069,12 @@ class V {
       return;
     }
     if (r) {
-      var o = n || r;
-      console.error("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(o), i), this.editor.canvas.fire("editor:error", {
+      var s = n || r;
+      console.error("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(s), i), this.editor.canvas.fire("editor:error", {
         code: r,
         origin: t,
         method: a,
-        message: o,
+        message: s,
         data: i
       });
     }
@@ -3099,7 +3097,7 @@ class V {
       message: i,
       data: n
     } = e;
-    if (!V.isValidErrorCode(r)) {
+    if (!X.isValidErrorCode(r)) {
       console.warn("Неизвестный код ошибки: ", {
         code: r,
         origin: t,
@@ -3107,8 +3105,8 @@ class V {
       });
       return;
     }
-    var o = i || r;
-    console.warn("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(o), n), this.editor.canvas.fire("editor:warning", {
+    var s = i || r;
+    console.warn("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(s), n), this.editor.canvas.fire("editor:warning", {
       code: r,
       origin: t,
       method: a,
@@ -3120,7 +3118,7 @@ class V {
     return e ? Object.values(Zt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class oe {
+class ue {
   /**
    * Конструктор класса ImageEditor.
    * @param {string} canvasId - идентификатор канваса, в котором будет создан редактор
@@ -3129,10 +3127,10 @@ class oe {
   constructor(e, t) {
     this.options = t;
     const { defaultScale: a, minZoom: r, maxZoom: i } = t;
-    this.containerId = e, this.editorId = `${e}-${w()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ft, this.maxZoom = i || Mt, this.init();
+    this.containerId = e, this.editorId = `${e}-${C()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ft, this.maxZoom = i || Mt, this.init();
   }
   init() {
-    return Q(this, null, function* () {
+    return J(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -3140,24 +3138,24 @@ class oe {
         canvasWrapperHeight: r,
         canvasCSSWidth: i,
         canvasCSSHeight: n,
-        initialImage: o,
+        initialImage: s,
         initialStateJSON: c,
         scaleType: u,
         _onReadyCallback: l
       } = this.options;
-      if (tt.apply(), this.canvas = new _e(this.containerId, this.options), this.moduleLoader = new Ve(), this.workerManager = new Ge(), this.errorManager = new V({ editor: this }), this.historyManager = new mt({ editor: this }), this.toolbar = new vt({ editor: this }), this.transformManager = new bt({ editor: this }), this.canvasManager = new pt({ editor: this }), this.imageManager = new A({ editor: this }), this.layerManager = new F({ editor: this }), this.shapeManager = new Et({ editor: this }), this.interactionBlocker = new It({ editor: this }), this.clipboardManager = new Ot({ editor: this }), this.objectLockManager = new Tt({ editor: this }), this.groupingManager = new kt({ editor: this }), this.selectionManager = new xt({ editor: this }), this.deletionManager = new Bt({ editor: this }), this._createMonageArea(), this._createClippingArea(), this.listeners = new U({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), o != null && o.source) {
+      if (tt.apply(), this.canvas = new _e(this.containerId, this.options), this.moduleLoader = new Ve(), this.workerManager = new Ge(), this.errorManager = new X({ editor: this }), this.historyManager = new mt({ editor: this }), this.toolbar = new vt({ editor: this }), this.transformManager = new bt({ editor: this }), this.canvasManager = new pt({ editor: this }), this.imageManager = new A({ editor: this }), this.layerManager = new G({ editor: this }), this.shapeManager = new Et({ editor: this }), this.interactionBlocker = new It({ editor: this }), this.clipboardManager = new Ot({ editor: this }), this.objectLockManager = new Tt({ editor: this }), this.groupingManager = new kt({ editor: this }), this.selectionManager = new xt({ editor: this }), this.deletionManager = new Bt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), s != null && s.source) {
         const {
           source: d,
           scale: h = `image-${u}`,
           withoutSave: v = !0
-        } = o;
+        } = s;
         yield this.imageManager.importImage({ source: d, scale: h, withoutSave: v });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
       c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
-  _createMonageArea() {
+  _createMontageArea() {
     const {
       montageAreaWidth: e,
       montageAreaHeight: t
@@ -3165,7 +3163,7 @@ class oe {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: oe._createMosaicPattern(),
+      fill: ue._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3340,18 +3338,18 @@ const zt = {
   // Сброс параметров объекта по двойному клику
   resetObjectFitByDoubleClick: !0
 };
-function Ht(s, e = {}) {
-  const t = X(X({}, zt), e), a = document.getElementById(s);
+function Ht(o, e = {}) {
+  const t = Q(Q({}, zt), e), a = document.getElementById(o);
   if (!a)
-    return Promise.reject(new Error(`Контейнер с ID "${s}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
   const r = document.createElement("canvas");
-  return r.id = `${s}-canvas`, a.appendChild(r), t.editorContainer = a, new Promise((i) => {
+  return r.id = `${o}-canvas`, a.appendChild(r), t.editorContainer = a, new Promise((i) => {
     t._onReadyCallback = i;
-    const n = new oe(r.id, t);
-    window[s] = n;
+    const n = new ue(r.id, t);
+    window[o] = n;
   });
 }
 export {
   Ht as default
 };
-//# sourceMappingURL=main.map
+//# sourceMappingURL=main.js.map