npm - @anu3ev/fabric-image-editor - Versions diffs - 0.1.37 → 0.1.39 - Mend

@anu3ev/fabric-image-editor 0.1.37 → 0.1.39

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 (2) hide show

package/dist/main.js +448 -409
package/package.json +1 -1

package/dist/main.js CHANGED Viewed

@@ -1,24 +1,24 @@
-var Te = Object.defineProperty;
-var G = Object.getOwnPropertySymbols;
+var Le = Object.defineProperty;
+var X = Object.getOwnPropertySymbols;
 var Me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
-var me = (o, e, t) => e in o ? Te(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, A = (o, e) => {
+var me = (o, e, t) => e in o ? Le(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
   for (var t in e || (e = {}))
     Me.call(e, t) && me(o, t, e[t]);
-  if (G)
-    for (var t of G(e))
+  if (X)
+    for (var t of X(e))
       fe.call(e, t) && me(o, t, e[t]);
   return o;
 };
-var X = (o, e) => {
+var Q = (o, e) => {
   var t = {};
   for (var a in o)
     Me.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
-  if (o != null && G)
-    for (var a of G(o))
+  if (o != null && X)
+    for (var a of X(o))
       e.indexOf(a) < 0 && fe.call(o, a) && (t[a] = o[a]);
   return t;
 };
-var $ = (o, e, t) => new Promise((a, r) => {
+var H = (o, e, t) => new Promise((a, r) => {
   var i = (c) => {
     try {
       s(t.next(c));
@@ -34,14 +34,14 @@ var $ = (o, e, t) => new Promise((a, r) => {
   }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
   s((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as _, util as R, controlsUtils as Oe, InteractiveFabricObject as ke, loadSVGFromURL as xe, FabricImage as q, Point as Be, Rect as Ze, Circle as ze, Triangle as Ue, Group as Ye, Canvas as He, Pattern as Pe } from "fabric";
-import { create as _e } from "jsondiffpatch";
-var Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
+import { ActiveSelection as W, util as _, controlsUtils as Ee, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as q, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as Ye } from "fabric";
+import { create as He } from "jsondiffpatch";
+var Pe = "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 += Re[a[e] & 63];
+    t += Pe[a[e] & 63];
   return t;
 };
-class P {
+class R {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -58,14 +58,14 @@ class P {
    * @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 = 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();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = R.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = R.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = R.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
    */
   init() {
     const {
-      adaptCanvasToContainer: e,
+      adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: a,
       bringToFrontOnSelection: r,
@@ -74,9 +74,9 @@ class P {
       undoRedoByHotKeys: s,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
-      resetObjectFitByDoubleClick: l
+      resetObjectFitByDoubleClick: d
     } = 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 }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), d && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -95,7 +95,7 @@ class P {
       this.canvas.setActiveObject(r[0]);
       return;
     }
-    const i = new _(r, {
+    const i = new W(r, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -128,9 +128,8 @@ class P {
    * Обработчик изменения размеров окна браузера.
    * Адаптирует канвас к размерам контейнера.
    */
-  handleAdaptCanvasToContainer() {
-    const { width: e, height: t } = this.editor.montageArea;
-    this.editor.canvasManager.setResolutionWidth(e, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.editor.canvasManager.setResolutionHeight(t, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.editor.canvasManager.centerMontageArea(), this.editor.selectionManager.selectAll(), this.editor.transformManager.fitObject({ fitAsOneObject: !0, withoutSave: !0 });
+  handleContainerResize() {
+    this.editor.canvasManager.updateCanvasAndFitObjects();
   }
   /**
    * Обработчик для Ctrl+C (копирование).
@@ -145,34 +144,10 @@ class P {
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
-   * @param {Object} event — объект события
-   * @param {Object} event.clipboardData — данные из буфера обмена
-   * @param {Array} event.clipboardData.items — элементы буфера обмена
-   *
-   * TODO: Попробовать вынести методы в классы-менеджеры.
+   * @param {ClipboardEvent} event — объект события
    */
-  handlePasteEvent({ clipboardData: e }) {
-    var n;
-    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 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(s);
-      return;
-    }
-    const i = e.getData("text/html");
-    if (i) {
-      const u = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-      if (u != null && u.src) {
-        t.importImage({ source: u.src });
-        return;
-      }
-    }
-    this.editor.clipboardManager.paste();
+  handlePasteEvent(e) {
+    this.editor.clipboardManager.handlePasteEvent(e);
   }
   /**
    * Обработчик для отмены/повтора (Ctrl+Z/Ctrl+Y).
@@ -182,7 +157,7 @@ class P {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return $(this, null, function* () {
+    return H(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()));
     });
@@ -311,7 +286,7 @@ class P {
    * Метод для удаления всех слушателей
    */
   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), this.canvas.off("selection:updated", this.handleLockedSelectionBound);
+    window.removeEventListener("resize", this.handleContainerResizeBound, { 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);
   }
   /**
    * Дебаунс для снижения частоты вызова функции.
@@ -329,7 +304,7 @@ class P {
     };
   }
 }
-class We {
+class Re {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -347,7 +322,7 @@ class We {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error('Unknown module "'.concat(e, '"')));
   }
 }
-class Fe {
+class We {
   /**
    * @param {string|URL} [scriptUrl] — URL скрипта воркера.
    * По-умолчанию использует файл рядом с этим модулем
@@ -387,7 +362,7 @@ class Fe {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(D(8));
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(S(8));
     return new Promise((i, n) => {
       this._callbacks.set(r, {
         resolve: i,
@@ -406,50 +381,50 @@ class Fe {
     this.worker.terminate();
   }
 }
-var I = 12, Ve = 2, te = 8, ae = 20, Ge = 100, re = 20, ie = 8, Xe = 100, ne = 32, se = 1, Qe = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
-function Q(o, e, t, a, r) {
-  var i = I, n = Ve;
-  o.save(), o.translate(e, t), o.rotate(R.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();
+var I = 12, _e = 2, te = 8, ae = 20, Fe = 100, re = 20, ie = 8, Ve = 100, ne = 32, se = 1, Ge = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
+function J(o, e, t, a, r) {
+  var i = I, n = _e;
+  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 je(o, e, t, a, r) {
-  var i = te, n = ae, s = Ge;
-  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
+  var i = te, n = ae, s = Fe;
+  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 ye(o, e, t, a, r) {
-  var i = re, n = ie, s = Xe;
-  o.save(), o.translate(e, t), o.rotate(R.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 i = re, n = ie, s = Ve;
+  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 Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", De = new Image();
-De.src = Je;
-function Ke(o, e, t, a, r) {
+var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ae = new Image();
+Ae.src = Xe;
+function Qe(o, e, t, a, r) {
   var i = ne, n = i / 2;
-  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = Qe, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(De, -16 / 2, -16 / 2, n, n), o.restore();
+  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(Ae, -16 / 2, -16 / 2, n, n), o.restore();
 }
-var $e = {
+var Je = {
   // Угловые точки
   tl: {
-    render: Q,
+    render: J,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: Q,
+    render: J,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: Q,
+    render: J,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: Q,
+    render: J,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
@@ -487,17 +462,17 @@ var $e = {
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ke,
+    render: Qe,
     sizeX: ne,
     sizeY: ne,
     offsetX: 0,
     offsetY: -32
   }
 };
-class qe {
+class Ke {
   static apply() {
-    var e = Oe.createObjectDefaultControls();
-    Object.entries($e).forEach((t) => {
+    var e = Ee.createObjectDefaultControls();
+    Object.entries(Je).forEach((t) => {
       var [a, r] = t;
       Object.assign(e[a], {
         render: r.render,
@@ -509,10 +484,10 @@ class qe {
         var u = n.target;
         u.canvas.setCursor("grabbing");
       });
-    }), ke.ownDefaults.controls = e;
+    }), Oe.ownDefaults.controls = e;
   }
 }
-var et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+var $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
 function pe(o, e, t, a, r, i, n) {
   try {
     var s = o[i](n), c = s.value;
@@ -521,7 +496,7 @@ function pe(o, e, t, a, r, i, n) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function ct(o) {
+function st(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -536,7 +511,7 @@ function ct(o) {
     });
   };
 }
-const H = {
+const P = {
   style: {
     position: "absolute",
     display: "none",
@@ -595,18 +570,18 @@ const H = {
   }],
   offsetTop: 50,
   icons: {
-    copyPaste: et,
-    delete: ot,
-    lock: tt,
-    unlock: at,
-    bringToFront: nt,
-    sendToBack: st,
-    bringForward: rt,
-    sendBackwards: it
+    copyPaste: $e,
+    delete: nt,
+    lock: qe,
+    unlock: et,
+    bringToFront: rt,
+    sendToBack: it,
+    bringForward: tt,
+    sendBackwards: at
   },
   handlers: {
     copyPaste: function() {
-      var o = ct(function* (t) {
+      var o = st(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
@@ -651,21 +626,21 @@ function j(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? be(Object(t), !0).forEach(function(a) {
-      ut(o, a, t[a]);
+      ot(o, a, t[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : be(Object(t)).forEach(function(a) {
       Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
   return o;
 }
-function ut(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 ot(o, e, t) {
+  return (e = ct(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function dt(o) {
-  var e = lt(o, "string");
+function ct(o) {
+  var e = ut(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function lt(o, e) {
+function ut(o, e) {
   if (typeof o != "object" || !o) return o;
   var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -675,7 +650,7 @@ function lt(o, e) {
   }
   return (e === "string" ? String : Number)(o);
 }
-class ht {
+class dt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -687,11 +662,11 @@ class ht {
     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({}, H), a), {}, {
-        style: j(j({}, H.style), a.style || {}),
-        btnStyle: j(j({}, H.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, H.icons), a.icons || {}),
-        handlers: j(j({}, H.handlers), a.handlers || {})
+      this.config = j(j(j({}, P), a), {}, {
+        style: j(j({}, P.style), a.style || {}),
+        btnStyle: j(j({}, P.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, P.icons), a.icons || {}),
+        handlers: j(j({}, P.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();
@@ -730,12 +705,12 @@ class ht {
       } = r, {
         icons: c,
         btnStyle: u,
-        handlers: l
-      } = t.config, d = document.createElement("button");
-      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(n, '" />') : n, Object.assign(d.style, u), d.onclick = () => {
+        handlers: d
+      } = t.config, l = document.createElement("button");
+      l.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(n, '" />') : n, Object.assign(l.style, u), l.onclick = () => {
         var h;
-        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
-      }, t.el.appendChild(d);
+        return (h = d[s]) === null || h === void 0 ? void 0 : h.call(d, t.editor);
+      }, t.el.appendChild(l);
     };
     for (var r of e)
       a();
@@ -811,8 +786,8 @@ class ht {
         x: c
       } = e.getCenterPoint(), {
         top: u,
-        height: l
-      } = e.getBoundingRect(!1, !0), d = c * i + n, h = d - t.offsetWidth / 2, g = (u + l) * i + s + a.offsetTop;
+        height: d
+      } = e.getBoundingRect(!1, !0), l = c * i + n, h = l - t.offsetWidth / 2, g = (u + d) * i + s + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(g, "px"),
@@ -850,7 +825,7 @@ function ee(o) {
     });
   };
 }
-class gt {
+class lt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -865,8 +840,11 @@ class gt {
   get skipHistory() {
     return this._historySuspendCount > 0;
   }
+  get lastPatch() {
+    return this.patches[this.currentIndex - 1] || null;
+  }
   _createDiffPatcher() {
-    this.diffPatcher = _e({
+    this.diffPatcher = He({
       objectHash(e) {
         return [e.id, e.format, e.locked, e.left, e.top, e.width, e.height, e.flipX, e.flipY, e.scaleX, e.scaleY, e.angle, e.opacity].join("-");
       },
@@ -910,7 +888,7 @@ class gt {
       currentIndex: t,
       patches: a
     } = this, r = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
-      r = this.diffPatcher.patch(r, a[i]);
+      r = this.diffPatcher.patch(r, a[i].diff);
     return console.log("getFullState state", r), r;
   }
   /**
@@ -929,7 +907,10 @@ class gt {
         console.log("Нет изменений для сохранения.");
         return;
       }
-      console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push(a), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0]), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+      console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({
+        id: S(),
+        diff: a
+      }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
     }
   }
   /**
@@ -941,11 +922,27 @@ class gt {
     var t = this;
     return ee(function* () {
       if (e) {
-        console.log("loadStateFromFullState fullState", e), yield t.canvas.loadFromJSON(e);
-        var a = t.canvas.getObjects().find((i) => i.id === "montage-area");
-        a && (t.editor.montageArea = a);
-        var r = t.canvas.getObjects().find((i) => i.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");
+        console.log("loadStateFromFullState fullState", e);
+        var {
+          canvas: a,
+          canvasManager: r,
+          interactionBlocker: i
+        } = t.editor, {
+          width: n,
+          height: s
+        } = a;
+        yield a.loadFromJSON(e);
+        var c = a.getObjects().find((d) => d.id === "montage-area");
+        c && (t.editor.montageArea = c, (n !== e.width || s !== e.height) && r.updateCanvasAndFitObjects());
+        var u = a.getObjects().find((d) => d.id === "overlay-mask");
+        u && (i.overlayMask = u, i.overlayMask.visible = !1), a.renderAll(), a.fire("editor:history-state-loaded", {
+          fullState: e,
+          currentIndex: t.currentIndex,
+          totalChangesCount: t.totalChangesCount,
+          baseStateChangesCount: t.baseStateChangesCount,
+          patchesCount: t.patches.length,
+          patches: t.patches
+        });
       }
     })();
   }
@@ -1004,7 +1001,7 @@ class gt {
     })();
   }
 }
-const vt = 0.1, mt = 2, Mt = 0.1, ft = 90, k = 16, x = 16, E = 4096, T = 4096;
+const ht = 0.1, gt = 2, vt = 0.1, mt = 90, k = 16, x = 16, E = 4096, O = 4096;
 function Se(o, e, t, a, r, i, n) {
   try {
     var s = o[i](n), c = s.value;
@@ -1013,7 +1010,7 @@ function Se(o, e, t, a, r, i, n) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function O(o) {
+function T(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -1028,7 +1025,7 @@ function O(o) {
     });
   };
 }
-class C {
+class w {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1053,7 +1050,7 @@ class C {
    */
   importImage(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
@@ -1065,24 +1062,24 @@ class C {
         montageArea: s,
         transformManager: c,
         historyManager: u,
-        errorManager: l
-      } = t.editor, d = yield t.getContentType(a), h = C.getFormatFromContentType(d), {
+        errorManager: d
+      } = t.editor, l = yield t.getContentType(a), h = w.getFormatFromContentType(l), {
         acceptContentTypes: g,
-        acceptFormats: m
+        acceptFormats: M
       } = t;
-      if (!t.isAllowedContentType(d)) {
-        var M = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
-        return l.emitError({
+      if (!t.isAllowedContentType(l)) {
+        var m = "Неверный contentType для изображения: ".concat(l, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
+        return d.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: M,
+          message: m,
           data: {
             source: a,
             format: h,
-            contentType: d,
+            contentType: l,
             acceptContentTypes: g,
-            acceptFormats: m
+            acceptFormats: M
           }
         }), null;
       }
@@ -1092,15 +1089,15 @@ class C {
         if (a instanceof File)
           f = URL.createObjectURL(a);
         else if (typeof a == "string") {
-          var S = yield fetch(a, {
+          var A = yield fetch(a, {
             mode: "cors"
-          }), N = yield S.blob({
-            type: d,
+          }), D = yield A.blob({
+            type: l,
             quality: 1
           });
-          f = URL.createObjectURL(N);
+          f = URL.createObjectURL(D);
         } else
-          return l.emitError({
+          return d.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
@@ -1108,14 +1105,14 @@ class C {
             data: {
               source: a,
               format: h,
-              contentType: d,
+              contentType: l,
               acceptContentTypes: g,
-              acceptFormats: m
+              acceptFormats: M
             }
           }), null;
         if (t._createdBlobUrls.push(f), h === "svg") {
-          var w = yield xe(f);
-          v = R.groupSVGElements(w.objects, w.options);
+          var N = yield Te(f);
+          v = _.groupSVGElements(N.objects, N.options);
         } else
           v = yield q.fromURL(f, {
             crossOrigin: "anonymous"
@@ -1124,25 +1121,25 @@ class C {
           width: L,
           height: y
         } = v;
-        if (y > T || L > E) {
+        if (y > O || L > E) {
           var p = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(p);
           t._createdBlobUrls.push(B), v = yield q.fromURL(B, {
             crossOrigin: "anonymous"
           });
         } else if (y < x || L < k) {
-          var W = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(W);
+          var F = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(F);
           t._createdBlobUrls.push(Z), v = yield q.fromURL(Z, {
             crossOrigin: "anonymous"
           });
         }
-        if (v.set("id", "".concat(v.type, "-").concat(D())), v.set("format", h), r === "scale-montage")
+        if (v.set("id", "".concat(v.type, "-").concat(S())), v.set("format", h), r === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
             object: v,
             withoutSave: !0
           });
         else {
           var {
-            width: F,
+            width: V,
             height: z
           } = s, U = t.calculateScaleFactor({
             imageObject: v,
@@ -1152,24 +1149,24 @@ class C {
             object: v,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (L > F || y > z) && c.fitObject({
+          }) : r === "image-cover" && (L > V || y > z) && c.fitObject({
             object: v,
             type: "cover",
             withoutSave: !0
           });
         }
         n.add(v), n.centerObject(v), n.setActiveObject(v), n.renderAll(), u.resumeHistory(), i || u.saveState();
-        var V = {
+        var G = {
           image: v,
           format: h,
-          contentType: d,
+          contentType: l,
           scale: r,
           withoutSave: i,
           source: a
         };
-        return n.fire("editor:image-imported", V), V;
+        return n.fire("editor:image-imported", G), G;
       } catch (Y) {
-        return l.emitError({
+        return d.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
@@ -1177,7 +1174,7 @@ class C {
           data: {
             source: a,
             format: h,
-            contentType: d,
+            contentType: l,
             scale: r,
             withoutSave: i
           }
@@ -1195,14 +1192,14 @@ class C {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return O(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(E, "x").concat(T);
+    return T(function* () {
+      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(E, "x").concat(O);
       r === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(k, "x").concat(x));
       var n = {
         dataURL: e,
         sizeType: r,
         maxWidth: E,
-        maxHeight: T,
+        maxHeight: O,
         minWidth: k,
         minHeight: x
       };
@@ -1228,7 +1225,7 @@ class C {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
@@ -1240,27 +1237,27 @@ class C {
         workerManager: u
       } = t.editor;
       try {
-        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = C.getFormatFromContentType(d);
+        var d = r === "application/pdf", l = d ? "image/jpg" : r, h = w.getFormatFromContentType(l);
         c.setCoords();
         var {
           left: g,
-          top: m,
-          width: M,
+          top: M,
+          width: m,
           height: f
         } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(d) && (v.backgroundColor = "#ffffff");
-        var S = v.getObjects().find((b) => b.id === c.id);
-        S.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -m], v.setDimensions({
-          width: M,
+        ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
+        var A = v.getObjects().find((b) => b.id === c.id);
+        A.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
+          width: m,
           height: f
         }, {
           backstoreOnly: !0
         }), v.renderAll();
-        var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
-        if (h === "svg" && N) {
-          var w = v.toSVG();
+        var D = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        if (h === "svg" && D) {
+          var N = v.toSVG();
           v.dispose();
-          var L = C._exportSVGStringAsFile(w, {
+          var L = w._exportSVGStringAsFile(N, {
             exportAsBase64: i,
             exportAsBlob: n,
             fileName: a
@@ -1279,35 +1276,35 @@ class C {
           var B = {
             image: p,
             format: h,
-            contentType: d,
+            contentType: l,
             fileName: a
           };
           return s.fire("editor:canvas-exported", B), B;
         }
-        var W = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var F = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: W
-        }, [W]);
-        if (l) {
-          var F = 0.264583, z = M * F, U = f * F, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new V({
+          bitmap: F
+        }, [F]);
+        if (d) {
+          var V = 0.264583, z = m * V, U = f * V, G = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new G({
             orientation: z > U ? "landscape" : "portrait",
             unit: "mm",
             format: [z, U]
           });
           if (Y.addImage(Z, "JPG", 0, 0, z, U), i) {
-            var Ne = Y.output("datauristring"), de = {
-              image: Ne,
+            var Ce = Y.output("datauristring"), de = {
+              image: Ce,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
             };
             return s.fire("editor:canvas-exported", de), de;
           }
-          var we = Y.output("blob"), Le = new File([we], a, {
+          var we = Y.output("blob"), De = new File([we], a, {
             type: "application/pdf"
           }), le = {
-            image: Le,
+            image: De,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
@@ -1318,17 +1315,17 @@ class C {
           var he = {
             image: Z,
             format: h,
-            contentType: d,
+            contentType: l,
             fileName: a
           };
           return s.fire("editor:canvas-exported", he), he;
         }
-        var ge = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([p], ge, {
-          type: d
+        var ge = h === "svg" && !D ? a.replace(/\.[^/.]+$/, ".png") : a, Ne = new File([p], ge, {
+          type: l
         }), ve = {
-          image: Ee,
+          image: Ne,
           format: h,
-          contentType: d,
+          contentType: l,
           fileName: ge
         };
         return s.fire("editor:canvas-exported", ve), ve;
@@ -1361,7 +1358,7 @@ class C {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         object: a,
         fileName: r = "image.png",
@@ -1371,8 +1368,8 @@ class C {
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
         workerManager: u
-      } = t.editor, l = a || c.getActiveObject();
-      if (!l)
+      } = t.editor, d = a || c.getActiveObject();
+      if (!d)
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
@@ -1386,50 +1383,50 @@ class C {
           }
         }), "";
       try {
-        var d = C.getFormatFromContentType(i);
-        if (d === "svg") {
-          var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
+        var l = w.getFormatFromContentType(i);
+        if (l === "svg") {
+          var h = d.toSVG(), g = t._exportSVGStringAsFile(h, {
             exportAsBase64: n,
             exportAsBlob: s,
             fileName: r
-          }), m = {
+          }), M = {
             image: g,
-            format: d,
+            format: l,
             contentType: "image/svg+xml",
             fileName: r.replace(/\.[^/.]+$/, ".svg")
           };
-          return c.fire("editor:object-exported", m), m;
+          return c.fire("editor:object-exported", M), M;
         }
         if (n) {
-          var M = yield createImageBitmap(l._element), f = yield u.post("toDataURL", {
-            format: d,
+          var m = yield createImageBitmap(d._element), f = yield u.post("toDataURL", {
+            format: l,
             quality: 1,
-            bitmap: M
-          }, [M]), v = {
+            bitmap: m
+          }, [m]), v = {
             image: f,
-            format: d,
+            format: l,
             contentType: i,
             fileName: r
           };
           return c.fire("editor:object-exported", v), v;
         }
-        var S = l.toCanvasElement(), N = yield new Promise((p) => {
-          S.toBlob(p);
+        var A = d.toCanvasElement(), D = yield new Promise((p) => {
+          A.toBlob(p);
         });
         if (s) {
-          var w = {
-            image: N,
-            format: d,
+          var N = {
+            image: D,
+            format: l,
             contentType: i,
             fileName: r
           };
-          return c.fire("editor:object-exported", w), w;
+          return c.fire("editor:object-exported", N), N;
         }
-        var L = new File([N], r, {
+        var L = new File([D], r, {
           type: i
         }), y = {
           image: L,
-          format: d,
+          format: l,
           contentType: i,
           fileName: r
         };
@@ -1485,7 +1482,7 @@ class C {
    * @returns {string[]} - массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => C.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => w.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1515,7 +1512,7 @@ class C {
    */
   getContentType(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     })();
   }
@@ -1527,7 +1524,7 @@ class C {
    */
   getContentTypeFromUrl(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       if (e.startsWith("data:")) {
         var a = e.match(/^data:([^;]+)/);
         return a ? a[1] : "application/octet-stream";
@@ -1554,7 +1551,7 @@ class C {
     try {
       var t, a = new URL(e), r = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
       return this.acceptContentTypes.forEach((n) => {
-        var s = C.getFormatFromContentType(n);
+        var s = w.getFormatFromContentType(n);
         s && (i[s] = n);
       }), i[r] || "application/octet-stream";
     } catch (n) {
@@ -1582,7 +1579,7 @@ class C {
     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 jt {
+class Mt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -1618,21 +1615,21 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, E), k));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), n.set({
-        width: l
+      } = n, d = Number(Math.max(Math.min(e, E), k));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(d), n.set({
+        width: d
       }), i.clipPath.set({
-        width: l
+        width: d
       }), t) {
-        var d = l / c, h = u * d;
+        var l = d / c, h = u * l;
         this.setResolutionHeight(h);
         return;
       }
       var {
         left: g,
-        top: m
-      } = this.getObjectDefaultCoords(n), M = i.getZoom();
-      i.setViewportTransform([M, 0, 0, M, g, m]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
+        top: M
+      } = this.getObjectDefaultCoords(n), m = i.getZoom();
+      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
         width: e
       });
     }
@@ -1662,21 +1659,21 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, T), x));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), n.set({
-        height: l
+      } = n, d = Number(Math.max(Math.min(e, O), x));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(d), n.set({
+        height: d
       }), i.clipPath.set({
-        height: l
+        height: d
       }), t) {
-        var d = l / u, h = c * d;
+        var l = d / u, h = c * l;
         this.setResolutionWidth(h);
         return;
       }
       var {
         left: g,
-        top: m
-      } = this.getObjectDefaultCoords(n), M = i.getZoom();
-      i.setViewportTransform([M, 0, 0, M, g, m]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
+        top: M
+      } = this.getObjectDefaultCoords(n), m = i.getZoom();
+      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
         height: e
       });
     }
@@ -1689,7 +1686,7 @@ class jt {
     var {
       canvas: e,
       montageArea: t
-    } = this.editor, a = e.getWidth(), r = e.getHeight(), i = e.getZoom(), n = new Be(a / 2, r / 2);
+    } = this.editor, a = e.getWidth(), r = e.getHeight(), i = e.getZoom(), n = new ke(a / 2, r / 2);
     t.set({
       left: a / 2,
       top: r / 2
@@ -1734,7 +1731,7 @@ class jt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, T), x);
+      var t = Math.max(Math.min(e, O), x);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1745,7 +1742,7 @@ class jt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, E), k), n = Math.max(Math.min(r, T), x);
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, E), k), n = Math.max(Math.min(r, O), x);
     console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({
       width: i,
       height: n
@@ -1753,6 +1750,35 @@ class jt {
       backstoreOnly: !0
     });
   }
+  /**
+   * Обновляет размеры канваса и вписывает объекты в монтажную область.
+   * Вызывается при изменении размеров контейнера редактора.
+   * @fires editor:canvas-updated
+   */
+  updateCanvasAndFitObjects() {
+    var {
+      canvas: e,
+      selectionManager: t,
+      transformManager: a,
+      montageArea: {
+        width: r,
+        height: i
+      }
+    } = this.editor;
+    this.setResolutionWidth(r, {
+      adaptCanvasToContainer: !0,
+      withoutSave: !0
+    }), this.setResolutionHeight(i, {
+      adaptCanvasToContainer: !0,
+      withoutSave: !0
+    }), this.centerMontageArea(), t.selectAll(), a.fitObject({
+      fitAsOneObject: !0,
+      withoutSave: !0
+    }), e.fire("editor:canvas-updated", {
+      width: r,
+      height: i
+    });
+  }
   /**
    * Заготовка.
    * Обновляет CSS-размеры канваса в зависимости от текущего зума, чтобы можно было скроллить вниз-вверх, влево-вправо.
@@ -1885,16 +1911,16 @@ class jt {
       }
       var s = t === "width" ? "width" : "height";
       if (typeof a == "string") {
-        n.forEach((l) => {
-          l.style[s] = a;
+        n.forEach((d) => {
+          d.style[s] = a;
         });
         return;
       }
       var c = parseFloat(a);
       if (!isNaN(c)) {
         var u = "".concat(c, "px");
-        n.forEach((l) => {
-          l.style[s] = u;
+        n.forEach((d) => {
+          d.style[s] = u;
         }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
           element: e,
           value: a
@@ -1908,7 +1934,7 @@ class jt {
    * @param {fabric.Object} [options.object] - Объект с изображением, которое нужно масштабировать
    * @param {Boolean} [options.withoutSave] - Не сохранять состояние
    * @param {Boolean} [options.preserveAspectRatio] - Сохранять изначальные пропорции монтажной области
-   * @fires editor:canvas-scaled
+   * @fires editor:montage-area-scaled-to-image
    */
   scaleMontageAreaToImage() {
     var {
@@ -1926,25 +1952,28 @@ class jt {
     } = this.editor, u = e || r.getActiveObject();
     if (!(!u || u.type !== "image" && u.format !== "svg")) {
       var {
-        width: l,
-        height: d
-      } = u, h = Math.min(l, E), g = Math.min(d, T);
+        width: d,
+        height: l
+      } = u, h = Math.min(d, E), g = Math.min(l, O);
       if (t) {
         var {
-          width: m,
-          height: M
-        } = i, f = l / m, v = d / M, S = Math.max(f, v);
-        h = m * S, g = M * S;
+          width: M,
+          height: m
+        } = i, f = d / M, v = l / m, A = Math.max(f, v);
+        h = M * A, g = m * A;
       }
       this.setResolutionWidth(h, {
         withoutSave: !0
       }), this.setResolutionHeight(g, {
         withoutSave: !0
-      }), (l > s || d > c) && n.calculateAndApplyDefaultZoom(s, c), n.resetObject(u, {
+      }), (d > s || l > c) && n.calculateAndApplyDefaultZoom(), n.resetObject(u, {
         withoutSave: !0
-      }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
+      }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:montage-area-scaled-to-image", {
+        object: u,
         width: h,
-        height: g
+        height: g,
+        preserveAspectRatio: t,
+        withoutSave: a
       });
     }
   }
@@ -1999,7 +2028,7 @@ class jt {
     return r.filter((i) => i.id !== t.id && i.id !== a.id);
   }
 }
-class yt {
+class ft {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2011,22 +2040,24 @@ class yt {
     this.editor = t, this.options = t.options;
   }
   /**
-   * Метод рассчитывает дефолтный, максимальный, и минимальный зум таким образом,
-   * чтобы монтажная область визуально занимала переданные размеры.
-   * Если размеры не переданы, то используются дефолтные размеры монтажной области переданные в options.
-   * @param {number} [targetWidth]  — желаемая видимая ширина (px)
-   * @param {number} [targetHeight] — желаемая видимая высота (px)
+   * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
+   * Зум рассчитывается исходя из размеров контейнера редактора и текущих размеров монтажной области.
+   * Расчёт происходит таким образом, чтобы монтажная область визуально целиком помещалась в контейнер редактора.
+   * Если scale не передан, то используется значение из options.defaultScale.
+   * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom() {
-    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, s = Math.min(i, n), {
-      minZoom: c,
-      maxZoom: u,
-      maxZoomFactor: l
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.defaultScale, {
+      canvas: t
+    } = this.editor, a = t.editorContainer, r = a.clientWidth, i = a.clientHeight, {
+      width: n,
+      height: s
+    } = this.editor.montageArea, c = r / n * e, u = i / s * e, d = Math.min(c, u), {
+      minZoom: l,
+      maxZoom: h,
+      maxZoomFactor: g
     } = this.options;
-    this.minZoom = Math.min(s / l, c), this.maxZoom = Math.max(s * l, u), this.defaultZoom = s, this.setZoom(s);
+    this.minZoom = Math.min(d / g, l), this.maxZoom = Math.max(d * g, h), this.defaultZoom = d, this.setZoom(d);
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -2038,7 +2069,7 @@ class yt {
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
   zoom() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Mt, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : vt, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
         canvas: a,
@@ -2110,7 +2141,7 @@ class yt {
    * @fires editor:object-rotated
    */
   rotate() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : mt, {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
@@ -2172,7 +2203,7 @@ class yt {
     }) : n.set("opacity", t), r.renderAll(), a || i.saveState(), r.fire("editor:object-opacity-changed", t));
   }
   /**
-   * Масштабирование изображения
+   * Масштабирование объекта
    * @param {Object} options
    * @param {fabric.Object} [options.object] - Объект с изображением, которое нужно масштабировать
    * @param {String} [options.type] - Тип масштабирования
@@ -2203,19 +2234,22 @@ class yt {
           });
           h.scale(g), i.centerObject(h);
         });
-        var l = new _(u, {
+        var d = new W(u, {
           canvas: i
         });
-        i.setActiveObject(l);
+        i.setActiveObject(d);
       } else {
-        var d = n.calculateScaleFactor({
+        var l = n.calculateScaleFactor({
           imageObject: c,
           scaleType: t
         });
-        c.scale(d), i.centerObject(c);
+        c.scale(l), i.centerObject(c);
       }
-      i.renderAll(), a || s.saveState(), i.fire("editor:image-fitted", {
-        type: t
+      i.renderAll(), a || s.saveState(), i.fire("editor:object-fitted", {
+        object: c,
+        type: t,
+        withoutSave: a,
+        fitAsOneObject: r
       });
     }
   }
@@ -2230,7 +2264,9 @@ class yt {
   /**
    * Сброс масштаба объекта до дефолтного
    * @param {fabric.Object} object
-   * @param {Boolean} [fitOnlyBigImage] - растягивать только большие изображения
+   * @param {Object} options
+   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
+   * @param {Boolean} [options.alwaysFitObject] - вписывать объект в рабочую область даже если он меньше рабочей области
    * @returns
    * @fires editor:object-reset
    */
@@ -2248,31 +2284,35 @@ class yt {
       }
     } = this.editor, u = e || r.getActiveObject();
     if (!(!u || u.locked)) {
-      if (s.suspendHistory(), u.type !== "image" && u.format !== "svg" && (u.set({
+      s.suspendHistory();
+      var d = u.type === "image" || u.format === "svg";
+      if (d || u.set({
         scaleX: 1,
         scaleY: 1,
         flipX: !1,
         flipY: !1,
         angle: 0
-      }), r.centerObject(u), r.renderAll()), t)
+      }), t)
         this.fitObject({
           object: u,
-          withoutSave: !0
+          withoutSave: !0,
+          fitAsOneObject: !0
         });
       else {
         var {
           width: l,
-          height: d
+          height: h
         } = i, {
-          width: h,
-          height: g
+          width: g,
+          height: M
         } = u, m = n.calculateScaleFactor({
           imageObject: u,
           scaleType: c
-        });
-        c === "contain" && m < 1 || c === "cover" && (h > l || g > d) ? this.fitObject({
+        }), f = c === "contain" && m < 1 || c === "cover" && (g > l || M > h);
+        f ? this.fitObject({
           object: u,
-          withoutSave: !0
+          withoutSave: !0,
+          fitAsOneObject: !0
         }) : u.set({
           scaleX: 1,
           scaleY: 1
@@ -2286,7 +2326,7 @@ class yt {
     }
   }
 }
-class pt {
+class jt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -2386,7 +2426,7 @@ class pt {
     }
   }
 }
-class J {
+class K {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2433,7 +2473,7 @@ class J {
     } = this.editor;
     r.suspendHistory();
     var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? J._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    i && (i.type === "activeselection" ? K._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2483,7 +2523,7 @@ class J {
     } = this.editor;
     i.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? J._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
+    s && (s.type === "activeselection" ? K._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2493,20 +2533,20 @@ class J {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    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((g) => d > g))
-        return n = d, 1;
+    for (var a = e.getObjects(), r = t.getObjects(), i = r.map((d) => a.indexOf(d)), n = -1, s = function(l) {
+      var h = a[l];
+      if (!r.includes(h) && i.some((g) => l > g))
+        return n = l, 1;
     }, c = 0; c < a.length && !s(c); c += 1)
       ;
     if (n !== -1) {
-      var u = r.map((l) => ({
-        obj: l,
-        index: a.indexOf(l)
-      })).sort((l, d) => d.index - l.index);
-      u.forEach((l) => {
-        var d = a.indexOf(l.obj);
-        d < n && (e.moveObjectTo(l.obj, n), n = d);
+      var u = r.map((d) => ({
+        obj: d,
+        index: a.indexOf(d)
+      })).sort((d, l) => l.index - d.index);
+      u.forEach((d) => {
+        var l = a.indexOf(d.obj);
+        l < n && (e.moveObjectTo(d.obj, n), n = l);
       });
     }
   }
@@ -2522,7 +2562,7 @@ class J {
       e.moveObjectTo(r[n], i - 1);
   }
 }
-class bt {
+class yt {
   /**
    * Менеджер фигур для редактора.
    * @param {Object} options - Опции и настройки менеджера фигур.
@@ -2546,15 +2586,15 @@ class bt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var d = l, {
-      id: e = `rect-${D()}`,
+  addRectangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
+    var l = d, {
+      id: e = `rect-${S()}`,
       left: t,
       top: a,
       width: r = 100,
       height: i = 100,
       fill: n = "blue"
-    } = d, s = X(d, [
+    } = l, s = Q(l, [
       "id",
       "left",
       "top",
@@ -2562,7 +2602,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ze(A({
+    const { canvas: h } = this.editor, g = new xe(C({
       id: e,
       left: t,
       top: a,
@@ -2589,27 +2629,27 @@ class bt {
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
   addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
-    var l = u, {
-      id: e = `circle-${D()}`,
+    var d = u, {
+      id: e = `circle-${S()}`,
       left: t,
       top: a,
       radius: r = 50,
       fill: i = "green"
-    } = l, n = X(l, [
+    } = d, n = Q(d, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, h = new ze(A({
+    const { canvas: l } = this.editor, h = new Be(C({
       id: e,
       left: t,
       top: a,
       fill: i,
       radius: r
     }, n));
-    return !t && !a && d.centerObject(h), c || (d.add(h), s || d.setActiveObject(h), d.renderAll()), h;
+    return !t && !a && l.centerObject(h), c || (l.add(h), s || l.setActiveObject(h), l.renderAll()), h;
   }
   /**
    * Добавление треугольника
@@ -2628,15 +2668,15 @@ class bt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var d = l, {
-      id: e = `triangle-${D()}`,
+  addTriangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
+    var l = d, {
+      id: e = `triangle-${S()}`,
       left: t,
       top: a,
       width: r = 100,
       height: i = 100,
       fill: n = "yellow"
-    } = d, s = X(d, [
+    } = l, s = Q(l, [
       "id",
       "left",
       "top",
@@ -2644,7 +2684,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ue(A({
+    const { canvas: h } = this.editor, g = new Ze(C({
       id: e,
       left: t,
       top: a,
@@ -2655,111 +2695,100 @@ class bt {
     return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
   }
 }
-function Ae(o, e, t, a, r, i, n) {
-  try {
-    var s = o[i](n), c = s.value;
-  } catch (u) {
-    return void t(u);
-  }
-  s.done ? e(c) : Promise.resolve(c).then(a, r);
-}
-function Ce(o) {
-  return function() {
-    var e = this, t = arguments;
-    return new Promise(function(a, r) {
-      var i = o.apply(e, t);
-      function n(c) {
-        Ae(i, a, r, n, s, "next", c);
-      }
-      function s(c) {
-        Ae(i, a, r, n, s, "throw", c);
-      }
-      n(void 0);
-    });
-  };
-}
-class It {
+class pt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
    */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t, this.clipboard = null;
+  constructor({ editor: e }) {
+    this.editor = e, this.clipboard = null;
   }
   /**
    * Копирование объекта
    * @fires editor:object-copied
    */
   copy() {
-    var e = this;
-    return Ce(function* () {
-      var {
-        canvas: t
-      } = e.editor, a = t.getActiveObject();
-      if (a)
+    return H(this, null, function* () {
+      const { canvas: e } = this.editor, t = e.getActiveObject();
+      if (t)
         try {
-          var r = yield a.clone(["format"]);
-          if (e.clipboard = r, typeof ClipboardItem == "undefined" || !navigator.clipboard) {
+          const a = yield t.clone(["format"]);
+          if (this.clipboard = a, typeof ClipboardItem == "undefined" || !navigator.clipboard) {
             console.warn(
               // eslint-disable-next-line max-len
               "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
-            ), t.fire("editor:object-copied", {
-              object: r
-            });
+            ), e.fire("editor:object-copied", { object: a });
             return;
           }
-          if (e.clipboard.type !== "image") {
-            yield navigator.clipboard.writeText(["application/image-editor", JSON.stringify(r)]), t.fire("editor:object-copied", {
-              object: r
-            });
+          if (this.clipboard.type !== "image") {
+            yield navigator.clipboard.writeText(`application/image-editor:${JSON.stringify(a)}`), e.fire("editor:object-copied", { object: a });
             return;
           }
-          var i = r.toCanvasElement(), n = yield new Promise((u) => {
-            i.toBlob(u);
-          }), s = new ClipboardItem({
-            [n.type]: n
-          });
-          yield navigator.clipboard.write([s]), t.fire("editor:object-copied", {
-            object: r
+          const r = a.toCanvasElement(), i = yield new Promise((s) => {
+            r.toBlob(s);
           });
-        } catch (u) {
-          var c = "ClipboardManager. Ошибка записи в системный буфер обмена:";
-          console.error(c, u), t.fire("editor:error", {
-            message: "".concat(c, " ").concat(u.message)
+          if (!i) return;
+          const n = new ClipboardItem({ [i.type]: i });
+          yield navigator.clipboard.write([n]), e.fire("editor:object-copied", { object: a });
+        } catch (a) {
+          if (!(a instanceof Error)) return;
+          const r = "ClipboardManager. Ошибка записи в системный буфер обмена:";
+          console.error(r, a), e.fire("editor:error", {
+            message: `${r} ${a.message}`
           });
         }
-    })();
+    });
+  }
+  /**
+  * Обработчик вставки объекта или изображения из буфера обмена.
+  * @param {Object} event — объект события
+  * @param {Object} event.clipboardData — данные из буфера обмена
+  * @param {Array} event.clipboardData.items — элементы буфера обмена
+  */
+  handlePasteEvent({ clipboardData: e }) {
+    var n;
+    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 (console.log("handlePasteEvent clipboardData", e), console.log("handlePasteEvent lastItem", r), r.type !== "text/html") {
+      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(s);
+      return;
+    }
+    const i = e.getData("text/html");
+    if (i) {
+      const u = new DOMParser().parseFromString(i, "text/html").querySelector("img");
+      if (u != null && u.src) {
+        t.importImage({ source: u.src });
+        return;
+      }
+    }
+    this.paste();
   }
   /**
    * Вставка объекта
    * @fires editor:object-pasted
    */
   paste() {
-    var e = this;
-    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(D()),
-          left: a.left + 10,
-          top: a.top + 10,
-          evented: !0
-        }), a instanceof _ ? (a.canvas = t, a.forEachObject((r) => {
-          t.add(r);
-        })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
-          object: a
-        });
-      }
-    })();
+    return H(this, null, function* () {
+      const { canvas: e } = this.editor;
+      if (!this.clipboard) return;
+      const t = yield this.clipboard.clone(["format"]);
+      e.discardActiveObject(), t.set({
+        id: `${t.type}-${S()}`,
+        left: t.left + 10,
+        top: t.top + 10,
+        evented: !0
+      }), t instanceof W ? (t.canvas = e, t.forEachObject((a) => {
+        e.add(a);
+      })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
+    });
   }
 }
-class St {
+class bt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2842,7 +2871,7 @@ class St {
     }
   }
 }
-class At {
+class It {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2871,8 +2900,12 @@ class At {
     r.suspendHistory();
     var i = e || a.getActiveObject();
     if (i && i.type === "activeselection") {
-      var n = i.getObjects(), s = new Ye(n);
-      n.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(D())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+      var n = i.getObjects(), s = new ze(n);
+      n.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", {
+        object: i,
+        group: s,
+        withoutSave: t
+      });
     }
   }
   /**
@@ -2895,14 +2928,18 @@ class At {
     if (!(!i || i.type !== "group")) {
       var n = i.removeAll();
       a.remove(i), n.forEach((c) => a.add(c));
-      var s = new _(n, {
+      var s = new W(n, {
         canvas: a
       });
-      a.setActiveObject(s), 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", {
+        object: i,
+        selection: s,
+        withoutSave: t
+      });
     }
   }
 }
-class Ct {
+class St {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2924,7 +2961,7 @@ class Ct {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new _(t.getObjects(), {
+    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new W(t.getObjects(), {
       canvas: e
     }) : r[0];
     i && a.lockObject({
@@ -2936,7 +2973,7 @@ class Ct {
     });
   }
 }
-class Dt {
+class At {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2969,10 +3006,13 @@ class Dt {
         return;
       }
       a.remove(s);
-    }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
+    }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted", {
+      objects: n,
+      withoutSave: t
+    }));
   }
 }
-var Nt = {
+var Ct = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -3000,7 +3040,7 @@ var Nt = {
     IMAGE_EXPORT_FAILED: "IMAGE_EXPORT_FAILED"
   }
 };
-class K {
+class $ {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3021,7 +3061,7 @@ class K {
    * @fires editor:error
    */
   emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: r, message: i }) {
-    if (!K.isValidErrorCode(a)) {
+    if (!$.isValidErrorCode(a)) {
       console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
       return;
     }
@@ -3035,7 +3075,7 @@ class K {
       message: n,
       data: r
     };
-    this._buffer.push(A({
+    this._buffer.push(C({
       type: "editor:error"
     }, s)), this.editor.canvas.fire("editor:error", s);
   }
@@ -3050,7 +3090,7 @@ class K {
    * @fires editor:warning
    */
   emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: r, data: i }) {
-    if (!K.isValidErrorCode(a)) {
+    if (!$.isValidErrorCode(a)) {
       console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
@@ -3063,12 +3103,12 @@ class K {
       message: n,
       data: i
     };
-    this._buffer.push(A({
+    this._buffer.push(C({
       type: "editor:warning"
     }, s)), this.editor.canvas.fire("editor:warning", s);
   }
   static isValidErrorCode(e) {
-    return e ? Object.values(Nt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(Ct).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
 class ue {
@@ -3080,10 +3120,10 @@ class ue {
   constructor(e, t) {
     this.options = t;
     const { defaultScale: a, minZoom: r, maxZoom: i } = t;
-    this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = i || mt, this.init();
+    this.containerId = e, this.editorId = `${e}-${S()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ht, this.maxZoom = i || gt, this.init();
   }
   init() {
-    return $(this, null, function* () {
+    return H(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -3094,18 +3134,18 @@ class ue {
         initialImage: s,
         initialStateJSON: c,
         scaleType: u,
-        _onReadyCallback: l
+        _onReadyCallback: d
       } = this.options;
-      if (qe.apply(), this.canvas = new He(this.containerId, this.options), this.moduleLoader = new We(), this.workerManager = new Fe(), this.errorManager = new K({ editor: this }), this.historyManager = new gt({ editor: this }), this.toolbar = new ht({ editor: this }), this.transformManager = new yt({ editor: this }), this.canvasManager = new jt({ editor: this }), this.imageManager = new C({ editor: this }), this.layerManager = new J({ editor: this }), this.shapeManager = new bt({ editor: this }), this.interactionBlocker = new pt({ editor: this }), this.clipboardManager = new It({ editor: this }), this.objectLockManager = new St({ editor: this }), this.groupingManager = new At({ editor: this }), this.selectionManager = new Ct({ editor: this }), this.deletionManager = new Dt({ 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) {
+      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new We(), this.errorManager = new $({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new Mt({ editor: this }), this.imageManager = new w({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new pt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new St({ editor: this }), this.deletionManager = new At({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), s != null && s.source) {
         const {
-          source: d,
+          source: l,
           scale: h = `image-${u}`,
           withoutSave: g = !0
         } = s;
-        yield this.imageManager.importImage({ source: d, scale: h, withoutSave: g });
+        yield this.imageManager.importImage({ source: l, scale: h, withoutSave: g });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
+      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof d == "function" && d(this);
     });
   }
   _createMontageArea() {
@@ -3160,7 +3200,7 @@ class ue {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Pe({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ye({
       source: e,
       repeat: "repeat"
     });
@@ -3172,7 +3212,6 @@ const wt = {
    */
   preserveObjectStacking: !0,
   controlsAboveOverlay: !0,
-  centeredScaling: !0,
   centeredRotation: !0,
   /*
    * Кастомные опции
@@ -3235,7 +3274,7 @@ const wt = {
   },
   initialStateJSON: null,
   initialImage: null,
-  defaultScale: 1,
+  defaultScale: 0.5,
   minZoom: 0.1,
   maxZoom: 2,
   maxZoomFactor: 2,
@@ -3244,7 +3283,7 @@ const wt = {
   /*
    * Настройки слушателей событий
    */
-  adaptCanvasToContainer: !0,
+  adaptCanvasToContainerOnResize: !0,
   bringToFrontOnSelection: !1,
   mouseWheelZooming: !0,
   canvasDragging: !0,
@@ -3255,8 +3294,8 @@ const wt = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function Ot(o, e = {}) {
-  const t = A(A({}, wt), e), a = document.getElementById(o);
+function Et(o, e = {}) {
+  const t = C(C({}, wt), e), a = document.getElementById(o);
   if (!a)
     return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
   const r = document.createElement("canvas");
@@ -3267,6 +3306,6 @@ function Ot(o, e = {}) {
   });
 }
 export {
-  Ot as default
+  Et as default
 };
 //# sourceMappingURL=main.js.map