@anu3ev/fabric-image-editor 0.1.45 → 0.1.46

package/dist/main.js

@@ -1,48 +1,48 @@
-var Le = Object.defineProperty;
-var X = Object.getOwnPropertySymbols;
-var ve = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
-var me = (o, e, t) => e in o ? Le(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
+var fe = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var re = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
+var oe = (r, e, t) => e in r ? fe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, N = (r, e) => {
   for (var t in e || (e = {}))
-    ve.call(e, t) && me(o, t, e[t]);
-  if (X)
-    for (var t of X(e))
-      fe.call(e, t) && me(o, t, e[t]);
-  return o;
+    re.call(e, t) && oe(r, t, e[t]);
+  if (_)
+    for (var t of _(e))
+      ce.call(e, t) && oe(r, t, e[t]);
+  return r;
 };
-var Q = (o, e) => {
+var Y = (r, e) => {
   var t = {};
-  for (var a in o)
-    ve.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
-  if (o != null && X)
-    for (var a of X(o))
-      e.indexOf(a) < 0 && fe.call(o, a) && (t[a] = o[a]);
+  for (var a in r)
+    re.call(r, a) && e.indexOf(a) < 0 && (t[a] = r[a]);
+  if (r != null && _)
+    for (var a of _(r))
+      e.indexOf(a) < 0 && ce.call(r, a) && (t[a] = r[a]);
   return t;
 };
-var O = (o, e, t) => new Promise((a, n) => {
+var b = (r, e, t) => new Promise((a, s) => {
   var i = (c) => {
     try {
-      r(t.next(c));
-    } catch (u) {
-      n(u);
+      o(t.next(c));
+    } catch (d) {
+      s(d);
     }
-  }, s = (c) => {
+  }, n = (c) => {
     try {
-      r(t.throw(c));
-    } catch (u) {
-      n(u);
+      o(t.throw(c));
+    } catch (d) {
+      s(d);
     }
-  }, r = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, s);
-  r((t = t.apply(o, e)).next());
+  }, o = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
+  o((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as N, util as W, controlsUtils as we, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as ee, Point as K, Rect as ke, Circle as xe, Triangle as Be, Group as je, Canvas as Ze, Pattern as ze } from "fabric";
-import { create as Ue } from "jsondiffpatch";
-import Re from "diff-match-patch";
-var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+import { ActiveSelection as E, util as H, controlsUtils as ve, InteractiveFabricObject as be, loadSVGFromURL as ye, FabricImage as Z, Point as W, Rect as pe, Circle as Ie, Triangle as Ae, Group as de, Canvas as Se, Pattern as Ce } from "fabric";
+import { create as De } from "jsondiffpatch";
+import we from "diff-match-patch";
+var Le = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += _e[a[e] & 63];
+    t += Le[a[e] & 63];
   return t;
 };
-class P {
+class R {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -59,7 +59,7 @@ 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.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = P.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -69,15 +69,15 @@ class P {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: a,
-      bringToFrontOnSelection: n,
+      bringToFrontOnSelection: s,
       copyObjectsByHotkey: i,
-      pasteImageFromClipboard: s,
-      undoRedoByHotKeys: r,
+      pasteImageFromClipboard: n,
+      undoRedoByHotKeys: o,
       selectAllByHotkey: c,
-      deleteObjectsByHotkey: u,
+      deleteObjectsByHotkey: d,
       resetObjectFitByDoubleClick: l
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), s && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), r && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    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), s && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -86,17 +86,17 @@ class P {
    * @param {TPointerEvent} [params.e] - событие указателя (опционально)
    */
   _filterLockedSelection({ selected: e, e: t }) {
-    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((s) => s.locked)) return;
-    const n = e.filter((s) => !s.locked);
-    if (n.length === 0) {
+    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((n) => n.locked)) return;
+    const s = e.filter((n) => !n.locked);
+    if (s.length === 0) {
       this.canvas.discardActiveObject();
       return;
     }
-    if (n.length === 1) {
-      this.canvas.setActiveObject(n[0]);
+    if (s.length === 1) {
+      this.canvas.setActiveObject(s[0]);
       return;
     }
-    const i = new N(n, {
+    const i = new E(s, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -140,8 +140,8 @@ class P {
    * @param {String} event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: n } = e;
-    !t && !a || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: a, code: s } = e;
+    !t && !a || s !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -158,9 +158,9 @@ class P {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return O(this, null, function* () {
-      const { ctrlKey: t, metaKey: a, code: n, repeat: i } = e;
-      !t && !a || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+    return b(this, null, function* () {
+      const { ctrlKey: t, metaKey: a, code: s, repeat: i } = e;
+      !t && !a || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (s === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : s === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -179,8 +179,8 @@ class P {
    * @param {String} event.code — код клавиши
    */
   handleSelectAllEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: n } = e;
-    !t && !a || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: a, code: s } = e;
+    !t && !a || s !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete).
@@ -198,12 +198,12 @@ class P {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: a, isSpacePressed: n, isDragging: i } = this;
-    n || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
+    const { canvas: t, editor: a, isSpacePressed: s, isDragging: i } = this;
+    s || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
-    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((s) => {
-      s.set({
+    }), t.setCursor("grab"), a.canvasManager.getObjects().forEach((n) => {
+      n.set({
         selectable: !1,
         evented: !1
       });
@@ -297,14 +297,14 @@ class P {
    */
   static debounce(e, t) {
     let a = null;
-    return function(...n) {
+    return function(...s) {
       a !== null && clearTimeout(a), a = setTimeout(() => {
-        e.apply(this, n);
+        e.apply(this, s);
       }, t);
     };
   }
 }
-class He {
+class Ne {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -322,7 +322,7 @@ class He {
     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 Ye {
+class Ee {
   /**
    * @param {string|URL} [scriptUrl] — URL скрипта воркера.
    * По-умолчанию использует файл рядом с этим модулем
@@ -348,11 +348,11 @@ class Ye {
       data: t
     } = e, {
       requestId: a,
-      success: n,
+      success: s,
       data: i,
-      error: s
-    } = t, r = this._callbacks.get(a);
-    r && (n ? r.resolve(i) : r.reject(new Error(s)), this._callbacks.delete(a));
+      error: n
+    } = t, o = this._callbacks.get(a);
+    o && (s ? o.resolve(i) : o.reject(new Error(n)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -362,15 +362,15 @@ class Ye {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], n = "".concat(e, ":").concat(A(8));
-    return new Promise((i, s) => {
-      this._callbacks.set(n, {
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], s = "".concat(e, ":").concat(D(8));
+    return new Promise((i, n) => {
+      this._callbacks.set(s, {
         resolve: i,
-        reject: s
+        reject: n
       }), this.worker.postMessage({
         action: e,
         payload: t,
-        requestId: n
+        requestId: s
       }, a);
     });
   }
@@ -381,136 +381,136 @@ class Ye {
     this.worker.terminate();
   }
 }
-const I = 12, Pe = 2, te = 8, ae = 20, We = 100, ne = 20, ie = 8, Fe = 100, se = 32, re = 1, Ve = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
-function J(o, e, t, a, n) {
-  const i = I, s = Pe;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, s), o.fill(), o.stroke(), o.restore();
+const S = 12, Oe = 2, X = 8, Q = 20, Te = 100, J = 20, $ = 8, ke = 100, K = 32, q = 1, xe = "#2B2D33", ee = "#3D8BF4", te = "#FFFFFF";
+function P(r, e, t, a, s) {
+  const i = S, n = Oe;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-12 / 2, -12 / 2, i, i, n), r.fill(), r.stroke(), r.restore();
 }
-function ye(o, e, t, a, n) {
-  const i = te, s = ae, r = We;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
+function le(r, e, t, a, s) {
+  const i = X, n = Q, o = Te;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-8 / 2, -20 / 2, i, n, o), r.fill(), r.stroke(), r.restore();
 }
-function be(o, e, t, a, n) {
-  const i = ne, s = ie, r = Fe;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = re, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, s, r), o.fill(), o.stroke(), o.restore();
+function he(r, e, t, a, s) {
+  const i = J, n = $, o = ke;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-20 / 2, -8 / 2, i, n, o), r.fill(), r.stroke(), r.restore();
 }
-const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Se = new Image();
-Se.src = Ge;
-function Xe(o, e, t, a, n) {
-  const s = se / 2;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(n.angle)), o.fillStyle = Ve, o.beginPath(), o.arc(0, 0, s, 0, 2 * Math.PI), o.fill(), o.drawImage(Se, -16 / 2, -16 / 2, s, s), o.restore();
+const Be = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Me = new Image();
+Me.src = Be;
+function Ue(r, e, t, a, s) {
+  const n = K / 2;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = xe, r.beginPath(), r.arc(0, 0, n, 0, 2 * Math.PI), r.fill(), r.drawImage(Me, -16 / 2, -16 / 2, n, n), r.restore();
 }
-const Qe = {
+const Ze = {
   // Угловые точки
   tl: {
-    render: J,
-    sizeX: I,
-    sizeY: I,
+    render: P,
+    sizeX: S,
+    sizeY: S,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: J,
-    sizeX: I,
-    sizeY: I,
+    render: P,
+    sizeX: S,
+    sizeY: S,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: J,
-    sizeX: I,
-    sizeY: I,
+    render: P,
+    sizeX: S,
+    sizeY: S,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: J,
-    sizeX: I,
-    sizeY: I,
+    render: P,
+    sizeX: S,
+    sizeY: S,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
-    render: ye,
-    sizeX: te,
-    sizeY: ae,
+    render: le,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: ye,
-    sizeX: te,
-    sizeY: ae,
+    render: le,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: be,
-    sizeX: ne,
-    sizeY: ie,
+    render: he,
+    sizeX: J,
+    sizeY: $,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: be,
-    sizeX: ne,
-    sizeY: ie,
+    render: he,
+    sizeX: J,
+    sizeY: $,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Xe,
-    sizeX: se,
-    sizeY: se,
+    render: Ue,
+    sizeX: K,
+    sizeY: K,
     offsetX: 0,
     offsetY: -32
   }
 };
-class Je {
+class ze {
   static apply() {
-    const e = we.createObjectDefaultControls();
-    Object.entries(Qe).forEach(([t, a]) => {
+    const e = ve.createObjectDefaultControls();
+    Object.entries(Ze).forEach(([t, a]) => {
       Object.assign(e[t], {
         render: a.render,
         sizeX: a.sizeX,
         sizeY: a.sizeY,
         offsetX: a.offsetX,
         offsetY: a.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, s, r, c) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, n, o, c) => {
         var l;
-        (l = s.target.canvas) == null || l.setCursor("grabbing");
+        (l = n.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), Oe.ownDefaults.controls = e;
+    }), be.ownDefaults.controls = e;
   }
 }
-var Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function pe(o, e, t, a, n, i, s) {
+var Re = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+function ge(r, e, t, a, s, i, n) {
   try {
-    var r = o[i](s), c = r.value;
-  } catch (u) {
-    return void t(u);
+    var o = r[i](n), c = o.value;
+  } catch (d) {
+    return void t(d);
   }
-  r.done ? e(c) : Promise.resolve(c).then(a, n);
+  o.done ? e(c) : Promise.resolve(c).then(a, s);
 }
-function st(o) {
+function Ge(r) {
   return function() {
     var e = this, t = arguments;
-    return new Promise(function(a, n) {
-      var i = o.apply(e, t);
-      function s(c) {
-        pe(i, a, n, s, r, "next", c);
+    return new Promise(function(a, s) {
+      var i = r.apply(e, t);
+      function n(c) {
+        ge(i, a, s, n, o, "next", c);
       }
-      function r(c) {
-        pe(i, a, n, s, r, "throw", c);
+      function o(c) {
+        ge(i, a, s, n, o, "throw", c);
       }
-      s(void 0);
+      n(void 0);
     });
   };
 }
-const Y = {
+const z = {
   style: {
     position: "absolute",
     display: "none",
@@ -569,87 +569,87 @@ const Y = {
   }],
   offsetTop: 50,
   icons: {
-    copyPaste: Ke,
-    delete: it,
-    lock: $e,
-    unlock: qe,
-    bringToFront: at,
-    sendToBack: nt,
-    bringForward: et,
-    sendBackwards: tt
+    copyPaste: Re,
+    delete: Ve,
+    lock: He,
+    unlock: _e,
+    bringToFront: We,
+    sendToBack: Fe,
+    bringForward: Ye,
+    sendBackwards: Pe
   },
   handlers: {
     copyPaste: function() {
-      var o = st(function* (t) {
+      var r = Ge(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
-        return o.apply(this, arguments);
+        return r.apply(this, arguments);
       }
       return e;
     }(),
-    delete: (o) => {
-      o.deletionManager.deleteSelectedObjects();
+    delete: (r) => {
+      r.deletionManager.deleteSelectedObjects();
     },
-    lock: (o) => {
-      o.objectLockManager.lockObject();
+    lock: (r) => {
+      r.objectLockManager.lockObject();
     },
-    unlock: (o) => {
-      o.objectLockManager.unlockObject();
+    unlock: (r) => {
+      r.objectLockManager.unlockObject();
     },
-    bringForward: (o) => {
-      o.layerManager.bringForward();
+    bringForward: (r) => {
+      r.layerManager.bringForward();
     },
-    bringToFront: (o) => {
-      o.layerManager.bringToFront();
+    bringToFront: (r) => {
+      r.layerManager.bringToFront();
     },
-    sendToBack: (o) => {
-      o.layerManager.sendToBack();
+    sendToBack: (r) => {
+      r.layerManager.sendToBack();
     },
-    sendBackwards: (o) => {
-      o.layerManager.sendBackwards();
+    sendBackwards: (r) => {
+      r.layerManager.sendBackwards();
     }
   }
 };
-function Ie(o, e) {
-  var t = Object.keys(o);
+function ue(r, e) {
+  var t = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(o);
-    e && (a = a.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(o, n).enumerable;
+    var a = Object.getOwnPropertySymbols(r);
+    e && (a = a.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(r, s).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function j(o) {
+function p(r) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ie(Object(t), !0).forEach(function(a) {
-      rt(o, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
-      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
+    e % 2 ? ue(Object(t), !0).forEach(function(a) {
+      Xe(r, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : ue(Object(t)).forEach(function(a) {
+      Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return o;
+  return r;
 }
-function rt(o, e, t) {
-  return (e = ot(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
+function Xe(r, e, t) {
+  return (e = Qe(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
 }
-function ot(o) {
-  var e = ct(o, "string");
+function Qe(r) {
+  var e = Je(r, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function ct(o, e) {
-  if (typeof o != "object" || !o) return o;
-  var t = o[Symbol.toPrimitive];
+function Je(r, e) {
+  if (typeof r != "object" || !r) return r;
+  var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(o, e);
+    var a = t.call(r, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(o);
+  return (e === "string" ? String : Number)(r);
 }
-class ut {
+class $e {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -661,11 +661,11 @@ class ut {
     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({}, Y), a), {}, {
-        style: j(j({}, Y.style), a.style || {}),
-        btnStyle: j(j({}, Y.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, Y.icons), a.icons || {}),
-        handlers: j(j({}, Y.handlers), a.handlers || {})
+      this.config = p(p(p({}, z), a), {}, {
+        style: p(p({}, z.style), a.style || {}),
+        btnStyle: p(p({}, z.btnStyle), a.btnStyle || {}),
+        icons: p(p({}, z.icons), a.icons || {}),
+        handlers: p(p({}, z.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();
@@ -699,19 +699,19 @@ class ut {
     this.el.innerHTML = "";
     var a = function() {
       var {
-        name: s,
-        handle: r
-      } = n, {
+        name: n,
+        handle: o
+      } = s, {
         icons: c,
-        btnStyle: u,
+        btnStyle: d,
         handlers: l
-      } = t.config, d = document.createElement("button");
-      d.innerHTML = c[r] ? '<img src="'.concat(c[r], '" title="').concat(s, '" />') : s, Object.assign(d.style, u), d.onclick = () => {
-        var h;
-        return (h = l[r]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
-      }, t.el.appendChild(d);
+      } = t.config, h = document.createElement("button");
+      h.innerHTML = c[o] ? '<img src="'.concat(c[o], '" title="').concat(n, '" />') : n, Object.assign(h.style, d), h.onclick = () => {
+        var g;
+        return (g = l[o]) === null || g === void 0 ? void 0 : g.call(l, t.editor);
+      }, t.el.appendChild(h);
     };
-    for (var n of e)
+    for (var s of e)
       a();
   }
   /**
@@ -778,18 +778,18 @@ class ut {
       var {
         el: t,
         config: a,
-        canvas: n
+        canvas: s
       } = this;
       e.setCoords();
-      var i = n.getZoom(), [, , , , s, r] = n.viewportTransform, {
+      var i = s.getZoom(), [, , , , n, o] = s.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
-        top: u,
+        top: d,
         height: l
-      } = e.getBoundingRect(!1, !0), d = c * i + s, h = d - t.offsetWidth / 2, g = (u + l) * i + r + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), h = c * i + n, g = h - t.offsetWidth / 2, u = (d + l) * i + o + a.offsetTop;
       Object.assign(t.style, {
-        left: "".concat(h, "px"),
-        top: "".concat(g, "px"),
+        left: "".concat(g, "px"),
+        top: "".concat(u, "px"),
         display: "flex"
       });
     }
@@ -801,7 +801,7 @@ class ut {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("selection:changed", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-class dt {
+class Ke {
   constructor({ editor: e }) {
     this.editor = e, this.canvas = e.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -813,7 +813,7 @@ class dt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Ue({
+    this.diffPatcher = De({
       objectHash(e) {
         const t = e;
         return [
@@ -837,7 +837,7 @@ class dt {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Re,
+        diffMatchPatch: we,
         minLength: 60
       }
     });
@@ -869,10 +869,10 @@ class dt {
    */
   getFullState() {
     const { baseState: e, currentIndex: t, patches: a } = this;
-    let n = JSON.parse(JSON.stringify(e));
+    let s = JSON.parse(JSON.stringify(e));
     for (let i = 0; i < t; i += 1)
-      n = this.diffPatcher.patch(n, a[i].diff);
-    return console.log("getFullState state", n), n;
+      s = this.diffPatcher.patch(s, a[i].diff);
+    return console.log("getFullState state", s), s;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -905,7 +905,7 @@ class dt {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({ id: A(), diff: a }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    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: D(), 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);
   }
   /**
    * Функция загрузки состояния в канвас.
@@ -913,15 +913,15 @@ class dt {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return O(this, null, function* () {
+    return b(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: a, interactionBlocker: n } = this.editor, { width: i, height: s } = t;
+      const { canvas: t, canvasManager: a, interactionBlocker: s } = this.editor, { width: i, height: n } = t;
       yield t.loadFromJSON(e);
-      const r = t.getObjects().find((u) => u.id === "montage-area");
-      r && (this.editor.montageArea = r, (i !== e.width || s !== e.height) && a.updateCanvasAndFitObjects());
-      const c = t.getObjects().find((u) => u.id === "overlay-mask");
-      c && (n.overlayMask = c, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+      const o = t.getObjects().find((d) => d.id === "montage-area");
+      o && (this.editor.montageArea = o, (i !== e.width || n !== e.height) && a.updateCanvasAndFitObjects());
+      const c = t.getObjects().find((d) => d.id === "overlay-mask");
+      c && (s.overlayMask = c, s.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -936,7 +936,7 @@ class dt {
    * @fires editor:undo
    */
   undo() {
-    return O(this, null, function* () {
+    return b(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -973,7 +973,7 @@ class dt {
    * @fires editor:redo
    */
   redo() {
-    return O(this, null, function* () {
+    return b(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1006,585 +1006,455 @@ class dt {
     });
   }
 }
-const lt = 0.1, ht = 2, gt = 0.1, Mt = 90, B = 16, Z = 16, T = 4096, k = 4096;
-function Ae(o, e, t, a, n, i, s) {
-  try {
-    var r = o[i](s), c = r.value;
-  } catch (u) {
-    return void t(u);
-  }
-  r.done ? e(c) : Promise.resolve(c).then(a, n);
-}
-function x(o) {
-  return function() {
-    var e = this, t = arguments;
-    return new Promise(function(a, n) {
-      var i = o.apply(e, t);
-      function s(c) {
-        Ae(i, a, n, s, r, "next", c);
-      }
-      function r(c) {
-        Ae(i, a, n, s, r, "throw", c);
-      }
-      s(void 0);
-    });
-  };
-}
-class D {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
+const qe = 0.1, et = 2, tt = 0.1, at = 90, B = 16, U = 16, O = 4096, T = 4096;
+class C {
+  constructor({ editor: e }) {
+    this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
   /**
    * Импорт изображения
-   * @param {Object} options
-   * @param {File|string} [options.source] - URL изображения или объект File
-   * @param {String} [options.scale] - Если изображение не вписывается в допустимые размеры, то как масштабировать:
+   * @param options
+   * @param options.source - URL изображения или объект File
+   * @param options.scale - Если изображение не вписывается в допустимые размеры, то как масштабировать:
    * 'image-contain' - скейлит картинку, чтобы она вписалась в монтажную область
    * 'image-cover' - скейлит картинку, чтобы она вписалась в монтажную область
    * 'scale-montage' - Обновляет backstore-резолюцию монтажной области (масштабирует
    * экспортный размер канваса под размер изображения)
-   * @param {Boolean} [options.withoutSave] - Не сохранять в историю изменений
-   * @returns {Promise<Object|null>} - возвращает Promise с объектом изображения или null в случае ошибки
+   * @param options.withoutSave - Не сохранять в историю изменений
+   * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
-  importImage(e) {
-    var t = this;
-    return x(function* () {
-      var {
-        source: a,
-        scale: n = "image-".concat(t.options.scaleType),
-        withoutSave: i = !1
-      } = e;
-      if (!a) return null;
-      var {
-        canvas: s,
-        montageArea: r,
-        transformManager: c,
-        historyManager: u,
-        errorManager: l
-      } = t.editor, d = yield t.getContentType(a), h = D.getFormatFromContentType(d), {
-        acceptContentTypes: g,
-        acceptFormats: m
-      } = t;
-      if (!t.isAllowedContentType(d)) {
-        var f = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
-        return l.emitError({
+  importImage(s) {
+    return b(this, arguments, function* ({
+      source: e,
+      scale: t = `image-${this.options.scaleType}`,
+      withoutSave: a = !1
+    }) {
+      if (!e) return null;
+      const { canvas: i, montageArea: n, transformManager: o, historyManager: c, errorManager: d } = this.editor, l = yield this.getContentType(e), h = C.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      if (!this.isAllowedContentType(l)) {
+        const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return d.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: f,
-          data: {
-            source: a,
-            format: h,
-            contentType: d,
-            acceptContentTypes: g,
-            acceptFormats: m
-          }
+          message: m,
+          data: { source: e, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
         }), null;
       }
-      u.suspendHistory();
+      c.suspendHistory();
       try {
-        var v, M;
-        if (a instanceof File)
-          v = URL.createObjectURL(a);
-        else if (typeof a == "string") {
-          var S = yield fetch(a, {
-            mode: "cors"
-          }), E = yield S.blob({
-            type: d,
-            quality: 1
-          });
-          v = URL.createObjectURL(E);
+        let m, M;
+        if (e instanceof File)
+          m = URL.createObjectURL(e);
+        else if (typeof e == "string") {
+          const y = yield (yield fetch(e, { mode: "cors" })).blob();
+          m = URL.createObjectURL(y);
         } else
-          return l.emitError({
+          return d.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-            data: {
-              source: a,
-              format: h,
-              contentType: d,
-              acceptContentTypes: g,
-              acceptFormats: m
-            }
+            data: { source: e, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
-        if (t._createdBlobUrls.push(v), h === "svg") {
-          var L = yield Te(v);
-          M = W.groupSVGElements(L.objects, L.options);
+        if (this._createdBlobUrls.push(m), h === "svg") {
+          const v = yield ye(m);
+          M = H.groupSVGElements(v.objects, v.options);
         } else
-          M = yield ee.fromURL(v, {
-            crossOrigin: "anonymous"
-          });
-        var {
-          width: w,
-          height: y
-        } = M;
-        if (y > k || w > T) {
-          var b = yield t.resizeImageToBoundaries(M._element.src, "max"), z = URL.createObjectURL(b);
-          t._createdBlobUrls.push(z), M = yield ee.fromURL(z, {
-            crossOrigin: "anonymous"
-          });
-        } else if (y < Z || w < B) {
-          var F = yield t.resizeImageToBoundaries(M._element.src, "min"), U = URL.createObjectURL(F);
-          t._createdBlobUrls.push(U), M = yield ee.fromURL(U, {
-            crossOrigin: "anonymous"
-          });
+          M = yield Z.fromURL(m, { crossOrigin: "anonymous" });
+        const { width: j, height: w } = M;
+        if (M instanceof Z) {
+          const v = M.getElement();
+          let y = "";
+          if (v instanceof HTMLImageElement ? y = v.src : v instanceof HTMLCanvasElement && (y = v.toDataURL()), w > T || j > O) {
+            const L = yield this.resizeImageToBoundaries(y, "max"), k = URL.createObjectURL(L);
+            this._createdBlobUrls.push(k), M = yield Z.fromURL(k, { crossOrigin: "anonymous" });
+          } else if (w < U || j < B) {
+            const L = yield this.resizeImageToBoundaries(y, "min"), k = URL.createObjectURL(L);
+            this._createdBlobUrls.push(k), M = yield Z.fromURL(k, { crossOrigin: "anonymous" });
+          }
         }
-        if (M.set("id", "".concat(M.type, "-").concat(A())), M.set("format", h), n === "scale-montage")
-          t.editor.canvasManager.scaleMontageAreaToImage({
-            object: M,
-            withoutSave: !0
-          });
+        if (M.set("id", `${M.type}-${D()}`), M.set("format", h), t === "scale-montage")
+          this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
         else {
-          var {
-            width: V,
-            height: R
-          } = r, _ = t.calculateScaleFactor({
-            imageObject: M,
-            scaleType: n
-          });
-          n === "image-contain" && _ < 1 ? c.fitObject({
-            object: M,
-            type: "contain",
-            withoutSave: !0
-          }) : n === "image-cover" && (w > V || y > R) && c.fitObject({
-            object: M,
-            type: "cover",
-            withoutSave: !0
-          });
+          const { width: v, height: y } = n, L = this.calculateScaleFactor({ imageObject: M, scaleType: t });
+          t === "image-contain" && L < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : t === "image-cover" && (j > v || w > y) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
-        s.add(M), s.centerObject(M), s.setActiveObject(M), s.renderAll(), u.resumeHistory(), i || u.saveState();
-        var G = {
+        i.add(M), i.centerObject(M), i.setActiveObject(M), i.renderAll(), c.resumeHistory(), a || c.saveState();
+        const I = {
           image: M,
           format: h,
-          contentType: d,
-          scale: n,
-          withoutSave: i,
-          source: a
+          contentType: l,
+          scale: t,
+          withoutSave: a,
+          source: e
         };
-        return s.fire("editor:image-imported", G), G;
-      } catch (H) {
-        return l.emitError({
+        return i.fire("editor:image-imported", I), I;
+      } catch (m) {
+        return d.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: "Ошибка импорта изображения: ".concat(H.message),
-          data: {
-            source: a,
-            format: h,
-            contentType: d,
-            scale: n,
-            withoutSave: i
-          }
-        }), u.resumeHistory(), null;
+          message: `Ошибка импорта изображения: ${m.message}`,
+          data: { source: e, format: h, contentType: l, scale: t, withoutSave: a }
+        }), c.resumeHistory(), null;
       }
-    })();
+    });
   }
   /**
    * Функция для ресайза изображения до максимальных размеров,
    * если оно их превышает. Сохраняет пропорции.
    *
-   * @param {HTMLImageElement} imageEl - HTML элемент изображения
+   * @param {string} dataURL - dataURL изображения
    * @param {string} [size='max | min'] - максимальный или минимальный размер
-   * @returns {Promise<string>} - возвращает Promise с новым dataURL
-   */
-  resizeImageToBoundaries(e) {
-    var t = arguments, a = this;
-    return x(function* () {
-      var n = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(T, "x").concat(k);
-      n === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(B, "x").concat(Z));
-      var s = {
+   * @returns {Promise<Blob>} - возвращает Promise с Blob-объектом уменьшенного изображения
+   */
+  resizeImageToBoundaries(e, t = "max") {
+    return b(this, null, function* () {
+      let a = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
+      t === "min" && (a = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${B}x${U}`);
+      const s = {
         dataURL: e,
-        sizeType: n,
-        maxWidth: T,
-        maxHeight: k,
+        sizeType: t,
+        maxWidth: O,
+        maxHeight: T,
         minWidth: B,
-        minHeight: Z
+        minHeight: U
       };
-      return a.editor.errorManager.emitWarning({
+      return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
-        message: i,
+        message: a,
         data: s
-      }), a.editor.workerManager.post("resizeImage", s);
-    })();
+      }), this.editor.workerManager.post("resizeImage", s);
+    });
   }
   /**
    * Экспорт изображения в файл – экспортируется содержимое монтажной области.
    * Независимо от текущего зума, экспортируется монтажная область в исходном масштабе. Можно экспортировать как base64.
-   * @param {Object} options - опции
-   * @param {string} options.fileName - имя файла
-   * @param {string} options.contentType - тип контента
-   * @param {Boolean} options.exportAsBase64 - экспортировать как base64
-   * @param {Boolean} options.exportAsBlob - экспортировать как blob
-   * @returns {Promise<File> | String} - файл или base64
+   * @param options - опции
+   * @param options.fileName - имя файла
+   * @param options.contentType - тип контента
+   * @param options.exportAsBase64 - экспортировать как base64
+   * @param options.exportAsBlob - экспортировать как blob
+   * @returns возвращает Promise с объектом файла или null в случае ошибки
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    var e = arguments, t = this;
-    return x(function* () {
-      var {
-        fileName: a = "image.png",
-        contentType: n = "image/png",
-        exportAsBase64: i = !1,
-        exportAsBlob: s = !1
-      } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
-        canvas: r,
-        montageArea: c,
-        workerManager: u
-      } = t.editor;
+    return b(this, arguments, function* ({
+      fileName: e = "image.png",
+      contentType: t = "image/png",
+      exportAsBase64: a = !1,
+      exportAsBlob: s = !1
+    } = {}) {
+      const { canvas: i, montageArea: n, workerManager: o } = this.editor;
       try {
-        var l = n === "application/pdf", d = l ? "image/jpg" : n, h = D.getFormatFromContentType(d);
-        c.setCoords();
-        var {
-          left: g,
-          top: m,
-          width: f,
-          height: v
-        } = c.getBoundingRect(), M = yield r.clone(["id", "format", "locked"]);
+        const c = t === "application/pdf", d = c ? "image/jpg" : t, l = C.getFormatFromContentType(d);
+        n.setCoords();
+        const { left: h, top: g, width: u, height: m } = n.getBoundingRect(), M = yield i.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(d) && (M.backgroundColor = "#ffffff");
-        var S = M.getObjects().find((p) => p.id === c.id);
-        S.visible = !1, M.viewportTransform = [1, 0, 0, 1, -g, -m], M.setDimensions({
-          width: f,
-          height: v
-        }, {
-          backstoreOnly: !0
-        }), M.renderAll();
-        var E = M.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
-        if (h === "svg" && E) {
-          var L = M.toSVG();
+        const j = M.getObjects().find((f) => f.id === n.id);
+        j && (j.visible = !1), M.viewportTransform = [1, 0, 0, 1, -h, -g], M.setDimensions({ width: u, height: m }, { backstoreOnly: !0 }), M.renderAll();
+        const w = M.getObjects().filter((f) => f.format).every((f) => f.format === "svg");
+        if (l === "svg" && w) {
+          const f = M.toSVG();
           M.dispose();
-          var w = D._exportSVGStringAsFile(L, {
-            exportAsBase64: i,
-            exportAsBlob: s,
-            fileName: a
-          }), y = {
-            image: w,
+          const A = {
+            image: C._exportSVGStringAsFile(f, {
+              exportAsBase64: a,
+              exportAsBlob: s,
+              fileName: e
+            }),
             format: "svg",
             contentType: "image/svg+xml",
-            fileName: a.replace(/\.[^/.]+$/, ".svg")
+            fileName: e.replace(/\.[^/.]+$/, ".svg")
           };
-          return r.fire("editor:canvas-exported", y), y;
+          return i.fire("editor:canvas-exported", A), A;
         }
-        var b = yield new Promise((p) => {
-          M.getElement().toBlob(p);
+        const I = yield new Promise((f, x) => {
+          M.getElement().toBlob((A) => {
+            A ? f(A) : x(new Error("Failed to create Blob from canvas"));
+          });
         });
         if (M.dispose(), s) {
-          var z = {
-            image: b,
-            format: h,
+          const f = {
+            image: I,
+            format: l,
             contentType: d,
-            fileName: a
+            fileName: e
           };
-          return r.fire("editor:canvas-exported", z), z;
+          return i.fire("editor:canvas-exported", f), f;
         }
-        var F = yield createImageBitmap(b), U = yield u.post("toDataURL", {
-          format: h,
-          quality: 1,
-          bitmap: F
-        }, [F]);
-        if (l) {
-          var V = 0.264583, R = f * V, _ = v * V, G = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, H = new G({
-            orientation: R > _ ? "landscape" : "portrait",
+        const v = yield createImageBitmap(I), y = yield o.post(
+          "toDataURL",
+          { format: l, quality: 1, bitmap: v },
+          [v]
+        );
+        if (c) {
+          const x = u * 0.264583, A = m * 0.264583, me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new me({
+            orientation: x > A ? "landscape" : "portrait",
             unit: "mm",
-            format: [R, _]
+            format: [x, A]
           });
-          if (H.addImage(U, "JPG", 0, 0, R, _), i) {
-            var Ce = H.output("datauristring"), de = {
-              image: Ce,
+          if (G.addImage(y, "JPG", 0, 0, x, A), a) {
+            const ne = {
+              image: G.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
-              fileName: a
+              fileName: e
             };
-            return r.fire("editor:canvas-exported", de), de;
+            return i.fire("editor:canvas-exported", ne), ne;
           }
-          var De = H.output("blob"), Ne = new File([De], a, {
-            type: "application/pdf"
-          }), le = {
-            image: Ne,
+          const je = G.output("blob"), ie = {
+            image: new File([je], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
-            fileName: a
+            fileName: e
           };
-          return r.fire("editor:canvas-exported", le), le;
+          return i.fire("editor:canvas-exported", ie), ie;
         }
-        if (i) {
-          var he = {
-            image: U,
-            format: h,
+        if (a) {
+          const f = {
+            image: y,
+            format: l,
             contentType: d,
-            fileName: a
+            fileName: e
           };
-          return r.fire("editor:canvas-exported", he), he;
+          return i.fire("editor:canvas-exported", f), f;
         }
-        var ge = h === "svg" && !E ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([b], ge, {
-          type: d
-        }), Me = {
-          image: Ee,
-          format: h,
+        const L = l === "svg" && !w ? e.replace(/\.[^/.]+$/, ".png") : e, se = {
+          image: new File([I], L, { type: d }),
+          format: l,
           contentType: d,
-          fileName: ge
+          fileName: L
         };
-        return r.fire("editor:canvas-exported", Me), Me;
-      } catch (p) {
-        return t.editor.errorManager.emitError({
+        return i.fire("editor:canvas-exported", se), se;
+      } catch (c) {
+        return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта изображения: ".concat(p.message),
-          data: {
-            contentType: n,
-            fileName: a,
-            exportAsBase64: i,
-            exportAsBlob: s
-          }
-        }), "";
+          message: `Ошибка экспорта изображения: ${c.message}`,
+          data: { contentType: t, fileName: e, exportAsBase64: a, exportAsBlob: s }
+        }), null;
       }
-    })();
+    });
   }
   /**
    * Экспорт выбранного объекта в виде изображения или base64
-   * @param {Object} options - опции
-   * @param {fabric.Object} options.object - объект для экспорта
-   * @param {String} options.fileName - имя файла
-   * @param {String} options.contentType - тип контента
-   * @param {Boolean} options.exportAsBase64 - экспортировать как base64
-   * @param {Boolean} options.exportAsBlob - экспортировать как blob
-   * @returns {String} base64
+   * @param options - опции
+   * @param options.object - объект для экспорта
+   * @param options.fileName - имя файла
+   * @param options.contentType - тип контента
+   * @param options.exportAsBase64 - экспортировать как base64
+   * @param options.exportAsBlob - экспортировать как blob
+   * @returns - возвращает Promise с объектом файла или null в случае ошибки
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    var e = arguments, t = this;
-    return x(function* () {
-      var {
-        object: a,
-        fileName: n = "image.png",
-        contentType: i = "image/png",
-        exportAsBase64: s = !1,
-        exportAsBlob: r = !1
-      } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
-        canvas: c,
-        workerManager: u
-      } = t.editor, l = a || c.getActiveObject();
-      if (!l)
-        return t.editor.errorManager.emitError({
+    return b(this, arguments, function* ({
+      object: e,
+      fileName: t = "image.png",
+      contentType: a = "image/png",
+      exportAsBase64: s = !1,
+      exportAsBlob: i = !1
+    } = {}) {
+      const { canvas: n, workerManager: o } = this.editor, c = e || n.getActiveObject();
+      if (!c)
+        return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: {
-            contentType: i,
-            fileName: n,
-            exportAsBase64: s,
-            exportAsBlob: r
-          }
-        }), "";
+          data: { contentType: a, fileName: t, exportAsBase64: s, exportAsBlob: i }
+        }), null;
       try {
-        var d = D.getFormatFromContentType(i);
+        const d = C.getFormatFromContentType(a);
         if (d === "svg") {
-          var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
+          const m = c.toSVG(), M = C._exportSVGStringAsFile(m, {
             exportAsBase64: s,
-            exportAsBlob: r,
-            fileName: n
-          }), m = {
-            image: g,
+            exportAsBlob: i,
+            fileName: t
+          }), j = {
+            object: c,
+            image: M,
             format: d,
             contentType: "image/svg+xml",
-            fileName: n.replace(/\.[^/.]+$/, ".svg")
+            fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return c.fire("editor:object-exported", m), m;
+          return n.fire("editor:object-exported", j), j;
         }
-        if (s) {
-          var f = yield createImageBitmap(l._element), v = yield u.post("toDataURL", {
+        if (s && c instanceof Z) {
+          const m = yield createImageBitmap(c.getElement()), M = yield o.post(
+            "toDataURL",
+            {
+              format: d,
+              quality: 1,
+              bitmap: m
+            },
+            [m]
+          ), j = {
+            object: c,
+            image: M,
             format: d,
-            quality: 1,
-            bitmap: f
-          }, [f]), M = {
-            image: v,
-            format: d,
-            contentType: i,
-            fileName: n
+            contentType: a,
+            fileName: t
           };
-          return c.fire("editor:object-exported", M), M;
+          return n.fire("editor:object-exported", j), j;
         }
-        var S = l.toCanvasElement(), E = yield new Promise((b) => {
-          S.toBlob(b);
+        const l = c.toCanvasElement(), h = yield new Promise((m, M) => {
+          l.toBlob((j) => {
+            j ? m(j) : M(new Error("Failed to create Blob from canvas"));
+          });
         });
-        if (r) {
-          var L = {
-            image: E,
+        if (i) {
+          const m = {
+            object: c,
+            image: h,
             format: d,
-            contentType: i,
-            fileName: n
+            contentType: a,
+            fileName: t
           };
-          return c.fire("editor:object-exported", L), L;
+          return n.fire("editor:object-exported", m), m;
         }
-        var w = new File([E], n, {
-          type: i
-        }), y = {
-          image: w,
+        const g = new File([h], t, { type: a }), u = {
+          object: c,
+          image: g,
           format: d,
-          contentType: i,
-          fileName: n
+          contentType: a,
+          fileName: t
         };
-        return c.fire("editor:object-exported", y), y;
-      } catch (b) {
-        return t.editor.errorManager.emitError({
+        return n.fire("editor:object-exported", u), u;
+      } catch (d) {
+        return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта объекта: ".concat(b.message),
-          data: {
-            contentType: i,
-            fileName: n,
-            exportAsBase64: s,
-            exportAsBlob: r
-          }
-        }), "";
+          message: `Ошибка экспорта объекта: ${d.message}`,
+          data: { contentType: a, fileName: t, exportAsBase64: s, exportAsBlob: i }
+        }), null;
       }
-    })();
+    });
   }
   /**
    * Удаляет все созданные blobURL
-   * @returns {void}
    */
   revokeBlobUrls() {
     this._createdBlobUrls.forEach(URL.revokeObjectURL), this._createdBlobUrls = [];
   }
-  /**
-   * Преобразует SVG-строку в Blob, файл, или base64
-   * @param {string} svgString - SVG-строка
-   * @param {Object} options - опции
-   * @param {Boolean} options.exportAsBase64 - экспортировать как base64
-   * @param {Boolean} options.exportAsBlob - экспортировать как blob
-   * @param {String} options.fileName - имя файла
-   * @returns {Blob|String|File} - Blob, base64 или файл
-   * @private
-   * @static
-   */
-  static _exportSVGStringAsFile(e) {
-    var {
-      exportAsBase64: t,
-      exportAsBlob: a,
-      fileName: n
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    return a ? new Blob([e], {
-      type: "image/svg+xml"
-    }) : t ? "data:image/svg+xml;base64,".concat(btoa(e)) : new File([e], n.replace(/\.[^/.]+$/, ".svg"), {
-      type: "image/svg+xml"
-    });
-  }
   /**
    * Получает список допустимых форматов изображений
-   * @returns {string[]} - массив допустимых форматов изображений
+   * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => D.getFormatFromContentType(e)).filter((e) => e);
-  }
-  /**
-   * Извлекает чистый формат (subtype) из contentType,
-   * отбросив любую часть после «+» или «;»
-   * @param {string} contentType
-   * @returns {string} формат, например 'png', 'jpeg', 'svg'
-   * @static
-   */
-  static getFormatFromContentType() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = e.match(/^[^/]+\/([^+;]+)/);
-    return t ? t[1] : "";
+    return this.acceptContentTypes.map((e) => C.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
-   * @param {string} contentType - тип контента
-   * @returns {boolean} true, если contentType допустим, иначе false
+   * @returns true, если contentType допустим, иначе false
    */
-  isAllowedContentType() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+  isAllowedContentType(e = "") {
     return this.acceptContentTypes.includes(e);
   }
   /**
    * Получает contentType изображения из источника
-   * @param {File|string} source - URL изображения или объект File
-   * @returns {Promise<string>|string} - MIME-тип изображения
+   * @param source - URL изображения или объект File
+   * @returns MIME-тип изображения
    * @public
    */
   getContentType(e) {
-    var t = this;
-    return x(function* () {
-      return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
-    })();
+    return b(this, null, function* () {
+      return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
+    });
   }
   /**
    * Получает contentType изображения через HTTP HEAD запрос или анализ URL
-   * @param {string} src - URL изображения
-   * @returns {Promise<string>} - MIME-тип изображения
+   * @param src - URL изображения
+   * @returns MIME-тип изображения
    * @public
    */
   getContentTypeFromUrl(e) {
-    var t = this;
-    return x(function* () {
+    return b(this, null, function* () {
       if (e.startsWith("data:")) {
-        var a = e.match(/^data:([^;]+)/);
-        return a ? a[1] : "application/octet-stream";
+        const t = e.match(/^data:([^;]+)/);
+        return t ? t[1] : "application/octet-stream";
       }
       try {
-        var n = yield fetch(e, {
-          method: "HEAD"
-        }), i = n.headers.get("content-type");
-        if (i && i.startsWith("image/"))
-          return i.split(";")[0];
-      } catch (s) {
-        console.warn("HEAD запрос неудачен, определяем тип по расширению:", s);
+        const a = (yield fetch(e, { method: "HEAD" })).headers.get("content-type");
+        if (a && a.startsWith("image/"))
+          return a.split(";")[0];
+      } catch (t) {
+        console.warn("HEAD запрос неудачен, определяем тип по расширению:", t);
       }
-      return t.getContentTypeFromExtension(e);
-    })();
+      return this.getContentTypeFromExtension(e);
+    });
   }
   /**
    * Определяет contentType по расширению файла в URL
-   * @param {string} url - URL файла
-   * @returns {string} - MIME-тип
+   * @param url - URL файла
+   * @returns - MIME-тип
    * @public
    */
   getContentTypeFromExtension(e) {
+    var t;
     try {
-      var t, a = new URL(e), n = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
-      return this.acceptContentTypes.forEach((s) => {
-        var r = D.getFormatFromContentType(s);
-        r && (i[r] = s);
-      }), i[n] || "application/octet-stream";
-    } catch (s) {
-      return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
+      const s = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), i = {};
+      return this.acceptContentTypes.forEach((n) => {
+        const o = C.getFormatFromContentType(n);
+        o && (i[o] = n);
+      }), s && i[s] || "application/octet-stream";
+    } catch (a) {
+      return console.warn("Не удалось определить расширение из URL:", e, a), "application/octet-stream";
     }
   }
   /**
    * Рассчитывает коэффициент масштабирования изображения.
-   * @param {object} imageObject - объект изображения
-   * @param {string} scaleType - тип масштабирования ('contain' или 'cover')
-   * @returns {number} коэффициент масштабирования
+   * @param options - опции
+   * @param options.imageObject - объект изображения
+   * @param options.scaleType - тип масштабирования ('contain' или 'cover')
+   * @returns коэффициент масштабирования
    */
-  calculateScaleFactor(e) {
-    var {
-      imageObject: t,
-      scaleType: a = "contain"
-    } = e, {
-      montageArea: n
-    } = this.editor;
-    if (!n || !t) return 1;
-    var i = n.width, s = n.height, {
-      width: r,
-      height: c
-    } = t;
-    return a === "contain" || a === "image-contain" ? Math.min(i / r, s / c) : a === "cover" || a === "image-cover" ? Math.max(i / r, s / c) : 1;
+  calculateScaleFactor({
+    imageObject: e,
+    scaleType: t = "contain"
+  }) {
+    const { montageArea: a } = this.editor;
+    if (!a || !e) return 1;
+    const s = a.width, i = a.height, { width: n, height: o } = e;
+    return t === "contain" || t === "image-contain" ? Math.min(s / n, i / o) : t === "cover" || t === "image-cover" ? Math.max(s / n, i / o) : 1;
+  }
+  /**
+   * Преобразует SVG-строку в Blob, файл, или base64
+   * @param svgString - SVG-строка
+   * @param options - опции
+   * @param options.exportAsBase64 - экспортировать как base64
+   * @param options.exportAsBlob - экспортировать как blob
+   * @param options.fileName - имя файла
+   * @returns Blob, base64 или файл
+   * @private
+   * @static
+   */
+  static _exportSVGStringAsFile(e, {
+    exportAsBase64: t,
+    exportAsBlob: a,
+    fileName: s = "image.svg"
+  } = {}) {
+    return a ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], s.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+  }
+  /**
+   * Извлекает чистый формат (subtype) из contentType,
+   * отбросив любую часть после «+» или «;»
+   * @param contentType
+   * @returns формат, например 'png', 'jpeg', 'svg'
+   * @static
+   */
+  static getFormatFromContentType(e = "") {
+    const t = e.match(/^[^/]+\/([^+;]+)/);
+    return t ? t[1] : "";
   }
 }
-class mt {
+class st {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -1601,25 +1471,25 @@ class mt {
    * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: s } = {}) {
     var m;
     if (!e) return;
     const {
       canvas: i,
-      montageArea: s,
-      options: { canvasBackstoreWidth: r }
-    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), T), B);
-    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreWidth(Number(r)) : this.setCanvasBackstoreWidth(l), s.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
-      const f = l / c, v = u * f;
-      this.setResolutionHeight(v);
+      montageArea: n,
+      options: { canvasBackstoreWidth: o }
+    } = this.editor, { width: c, height: d } = n, l = Math.max(Math.min(Number(e), O), B);
+    if (!o || o === "auto" || s ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), n.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
+      const M = l / c, j = d * M;
+      this.setResolutionHeight(j);
       return;
     }
-    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
-    i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(n), u = i.getZoom();
+    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
       width: l,
       preserveProportional: t,
       withoutSave: a,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: s
     });
   }
   /**
@@ -1631,25 +1501,25 @@ class mt {
    * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: n } = {}) {
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: s } = {}) {
     var m;
     if (!e) return;
     const {
       canvas: i,
-      montageArea: s,
-      options: { canvasBackstoreHeight: r }
-    } = this.editor, { width: c, height: u } = s, l = Math.max(Math.min(Number(e), k), Z);
-    if (!r || r === "auto" || n ? this.adaptCanvasToContainer() : r ? this.setCanvasBackstoreHeight(Number(r)) : this.setCanvasBackstoreHeight(l), s.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
-      const f = l / u, v = c * f;
-      this.setResolutionWidth(v);
+      montageArea: n,
+      options: { canvasBackstoreHeight: o }
+    } = this.editor, { width: c, height: d } = n, l = Math.max(Math.min(Number(e), T), U);
+    if (!o || o === "auto" || s ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), n.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
+      const M = l / d, j = c * M;
+      this.setResolutionWidth(j);
       return;
     }
-    const { left: d, top: h } = this.getObjectDefaultCoords(s), g = i.getZoom();
-    i.setViewportTransform([g, 0, 0, g, d, h]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(n), u = i.getZoom();
+    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
       height: l,
       preserveProportional: t,
       withoutSave: a,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: s
     });
   }
   /**
@@ -1658,16 +1528,16 @@ class mt {
    */
   centerMontageArea() {
     var c;
-    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), n = e.getHeight(), i = e.getZoom(), s = new K(a / 2, n / 2);
+    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), s = e.getHeight(), i = e.getZoom(), n = new W(a / 2, s / 2);
     t.set({
       left: a / 2,
-      top: n / 2
+      top: s / 2
     }), (c = e.clipPath) == null || c.set({
       left: a / 2,
-      top: n / 2
+      top: s / 2
     }), e.renderAll();
-    const r = e.viewportTransform;
-    r[4] = a / 2 - s.x * i, r[5] = n / 2 - s.y * i, e.setViewportTransform(r), e.renderAll();
+    const o = e.viewportTransform;
+    o[4] = a / 2 - n.x * i, o[5] = s / 2 - n.y * i, e.setViewportTransform(o), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1683,8 +1553,8 @@ class mt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: n, height: i } = a, s = t.getZoom(), r = (n - n * s) / 2, c = (i - i * s) / 2;
-    return { left: r, top: c };
+    const { width: s, height: i } = a, n = t.getZoom(), o = (s - s * n) / 2, c = (i - i * n) / 2;
+    return { left: o, top: c };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
@@ -1692,7 +1562,7 @@ class mt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, T), B);
+    const t = Math.max(Math.min(e, O), B);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1701,7 +1571,7 @@ class mt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, k), Z);
+    const t = Math.max(Math.min(e, T), U);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1710,8 +1580,8 @@ class mt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(a, T), B), s = Math.max(Math.min(n, k), Z);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", s), e.setDimensions({ width: i, height: s }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, s = t.clientHeight, i = Math.max(Math.min(a, O), B), n = Math.max(Math.min(s, T), U);
+    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({ width: i, height: n }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса и вписывает объекты в монтажную область.
@@ -1724,12 +1594,12 @@ class mt {
       selectionManager: t,
       transformManager: a,
       montageArea: {
-        width: n,
+        width: s,
         height: i
       }
     } = this.editor;
-    this.setResolutionWidth(n, { 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: n,
+    this.setResolutionWidth(s, { 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: s,
       height: i
     });
   }
@@ -1745,11 +1615,11 @@ class mt {
    * @param {Number} zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: a } = this.editor, n = a.width * e, i = a.height * e, s = t.wrapperEl.parentNode;
-    if (!(s instanceof HTMLElement)) return;
-    const r = n <= s.clientWidth ? "100%" : n, c = i <= s.clientHeight ? "100%" : i;
+    const { canvas: t, montageArea: a } = this.editor, s = a.width * e, i = a.height * e, n = t.wrapperEl.parentNode;
+    if (!(n instanceof HTMLElement)) return;
+    const o = s <= n.clientWidth ? "100%" : s, c = i <= n.clientHeight ? "100%" : i;
     t.setDimensions(
-      { width: r, height: c },
+      { width: o, height: c },
       { cssOnly: !0 }
     );
   }
@@ -1836,32 +1706,32 @@ class mt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: a } = {}) {
     if (!a) return;
-    const { canvas: n, options: { editorContainer: i } } = this.editor, s = [];
+    const { canvas: s, options: { editorContainer: i } } = this.editor, n = [];
     switch (e) {
       case "canvas":
-        s.push(n.lowerCanvasEl, n.upperCanvasEl);
+        n.push(s.lowerCanvasEl, s.upperCanvasEl);
         break;
       case "wrapper":
-        s.push(n.wrapperEl);
+        n.push(s.wrapperEl);
         break;
       case "container":
-        s.push(i);
+        n.push(i);
         break;
       default:
-        s.push(n.lowerCanvasEl, n.upperCanvasEl);
+        n.push(s.lowerCanvasEl, s.upperCanvasEl);
     }
-    const r = t === "width" ? "width" : "height";
+    const o = t === "width" ? "width" : "height";
     if (typeof a == "string") {
-      s.forEach((u) => {
-        u.style[r] = a;
+      n.forEach((d) => {
+        d.style[o] = a;
       });
       return;
     }
     if (isNaN(a)) return;
     const c = `${a}px`;
-    s.forEach((u) => {
-      u.style[r] = c;
-    }), n.fire(`editor:display-${e}-${r}-changed`, {
+    n.forEach((d) => {
+      d.style[o] = c;
+    }), s.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
       value: a
     });
@@ -1876,28 +1746,28 @@ class mt {
    */
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: a } = {}) {
     const {
-      canvas: n,
+      canvas: s,
       montageArea: i,
-      transformManager: s,
+      transformManager: n,
       options: {
-        montageAreaWidth: r,
+        montageAreaWidth: o,
         montageAreaHeight: c
       }
-    } = this.editor, u = e || n.getActiveObject();
-    if (!u || u.type !== "image" && u.format !== "svg") return;
-    const { width: l, height: d } = u;
-    let h = Math.min(l, T), g = Math.min(d, k);
+    } = this.editor, d = e || s.getActiveObject();
+    if (!d || d.type !== "image" && d.format !== "svg") return;
+    const { width: l, height: h } = d;
+    let g = Math.min(l, O), u = Math.min(h, T);
     if (t) {
       const {
         width: m,
-        height: f
-      } = i, v = l / m, M = d / f, S = Math.max(v, M);
-      h = m * S, g = f * S;
+        height: M
+      } = i, j = l / m, w = h / M, I = Math.max(j, w);
+      g = m * I, u = M * I;
     }
-    this.setResolutionWidth(h, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), (l > r || d > c) && s.calculateAndApplyDefaultZoom(), s.resetObject(u, { withoutSave: !0 }), n.centerObject(u), n.renderAll(), a || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
-      object: u,
-      width: h,
-      height: g,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > c) && n.calculateAndApplyDefaultZoom(), n.resetObject(d, { withoutSave: !0 }), s.centerObject(d), s.renderAll(), a || this.editor.historyManager.saveState(), s.fire("editor:montage-area-scaled-to-image", {
+      object: d,
+      width: g,
+      height: u,
       preserveAspectRatio: t,
       withoutSave: a
     });
@@ -1920,13 +1790,13 @@ class mt {
     const {
       canvas: t,
       transformManager: a,
-      historyManager: n,
+      historyManager: s,
       options: {
         montageAreaWidth: i,
-        montageAreaHeight: s
+        montageAreaHeight: n
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(s, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
+    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(n, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || s.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1937,9 +1807,9 @@ class mt {
     return e.getObjects().filter((i) => i.id !== t.id && i.id !== a.id);
   }
 }
-class vt {
+class it {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || lt, this.maxZoom = this.options.maxZoom || ht, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || qe, this.maxZoom = this.options.maxZoom || et, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1949,10 +1819,10 @@ class vt {
    * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, a = t.editorContainer, n = a.clientWidth, i = a.clientHeight, { width: s, height: r } = this.editor.montageArea, c = n / s * e, u = i / r * e;
-    this.defaultZoom = Math.min(c, u);
-    const { defaultZoom: l, maxZoomFactor: d, minZoom: h, maxZoom: g } = this;
-    this.minZoom = Math.min(l / d, h), this.maxZoom = Math.max(l * d, g), this.setZoom();
+    const { canvas: t } = this.editor, a = t.editorContainer, s = a.clientWidth, i = a.clientHeight, { width: n, height: o } = this.editor.montageArea, c = s / n * e, d = i / o * e;
+    this.defaultZoom = Math.min(c, d);
+    const { defaultZoom: l, maxZoomFactor: h, minZoom: g, maxZoom: u } = this;
+    this.minZoom = Math.min(l / h, g), this.maxZoom = Math.max(l * h, u), this.setZoom();
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -1963,18 +1833,18 @@ class vt {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = gt, t = {}) {
-    var h, g;
+  zoom(e = tt, t = {}) {
+    var g, u;
     if (!e) return;
-    const { minZoom: a, maxZoom: n } = this, { canvas: i } = this.editor, s = i.getZoom(), r = i.getCenterPoint(), c = (h = t.pointX) != null ? h : r.x, u = (g = t.pointY) != null ? g : r.y, l = new K(c, u);
-    let d = Number((s + Number(e)).toFixed(2));
-    d > n && (d = n), d < a && (d = a), i.zoomToPoint(l, d), console.log({
-      currentZoom: s,
-      zoom: d,
+    const { minZoom: a, maxZoom: s } = this, { canvas: i } = this.editor, n = i.getZoom(), o = i.getCenterPoint(), c = (g = t.pointX) != null ? g : o.x, d = (u = t.pointY) != null ? u : o.y, l = new W(c, d);
+    let h = Number((n + Number(e)).toFixed(2));
+    h > s && (h = s), h < a && (h = a), i.zoomToPoint(l, h), console.log({
+      currentZoom: n,
+      zoom: h,
       point: l
     }), i.fire("editor:zoom-changed", {
       currentZoom: i.getZoom(),
-      zoom: d,
+      zoom: h,
       point: l
     });
   }
@@ -1984,11 +1854,11 @@ class vt {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: a } = this, { canvas: n } = this.editor, i = new K(n.getCenterPoint());
-    let s = e;
-    e > a && (s = a), e < t && (s = t), n.zoomToPoint(i, s), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
-      zoom: s,
+    const { minZoom: t, maxZoom: a } = this, { canvas: s } = this.editor, i = new W(s.getCenterPoint());
+    let n = e;
+    e > a && (n = a), e < t && (n = t), s.zoomToPoint(i, n), s.fire("editor:zoom-changed", {
+      currentZoom: s.getZoom(),
+      zoom: n,
       point: i
     });
   }
@@ -1997,7 +1867,7 @@ class vt {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new K(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new W(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -2010,14 +1880,14 @@ class vt {
    * @param {Boolean} options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = Mt, { withoutSave: t } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, i = a.getActiveObject();
+  rotate(e = at, { withoutSave: t } = {}) {
+    const { canvas: a, historyManager: s } = this.editor, i = a.getActiveObject();
     if (!i) return;
-    const s = i.angle + e;
-    i.rotate(s), i.setCoords(), a.renderAll(), t || n.saveState(), a.fire("editor:object-rotated", {
+    const n = i.angle + e;
+    i.rotate(n), i.setCoords(), a.renderAll(), t || s.saveState(), a.fire("editor:object-rotated", {
       object: i,
       withoutSave: t,
-      angle: s
+      angle: n
     });
   }
   /**
@@ -2027,9 +1897,9 @@ class vt {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, n = t.getActiveObject();
-    n && (n.flipX = !n.flipX, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-x", {
-      object: n,
+    const { canvas: t, historyManager: a } = this.editor, s = t.getActiveObject();
+    s && (s.flipX = !s.flipX, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-x", {
+      object: s,
       withoutSave: e
     }));
   }
@@ -2040,9 +1910,9 @@ class vt {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, n = t.getActiveObject();
-    n && (n.flipY = !n.flipY, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-y", {
-      object: n,
+    const { canvas: t, historyManager: a } = this.editor, s = t.getActiveObject();
+    s && (s.flipY = !s.flipY, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-y", {
+      object: s,
       withoutSave: e
     }));
   }
@@ -2056,11 +1926,11 @@ class vt {
     opacity: t = 1,
     withoutSave: a
   } = {}) {
-    const { canvas: n, historyManager: i } = this.editor, s = e || n.getActiveObject();
-    s && (s instanceof N ? s.getObjects().forEach((r) => {
-      r.set("opacity", t);
-    }) : s.set("opacity", t), n.renderAll(), a || i.saveState(), n.fire("editor:object-opacity-changed", {
-      object: s,
+    const { canvas: s, historyManager: i } = this.editor, n = e || s.getActiveObject();
+    n && (n instanceof E ? n.getObjects().forEach((o) => {
+      o.set("opacity", t);
+    }) : n.set("opacity", t), s.renderAll(), a || i.saveState(), s.fire("editor:object-opacity-changed", {
+      object: n,
       opacity: t,
       withoutSave: a
     }));
@@ -2080,30 +1950,30 @@ class vt {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: a,
-    fitAsOneObject: n
+    fitAsOneObject: s
   } = {}) {
-    const { canvas: i, imageManager: s, historyManager: r } = this.editor, c = e || i.getActiveObject();
+    const { canvas: i, imageManager: n, historyManager: o } = this.editor, c = e || i.getActiveObject();
     if (c) {
-      if (c.set("angle", 0), c instanceof N && !n) {
-        const u = c.getObjects();
-        i.discardActiveObject(), u.forEach((d) => {
-          const h = s.calculateScaleFactor({ imageObject: d, scaleType: t });
-          d.scale(h), i.centerObject(d);
+      if (c.set("angle", 0), c instanceof E && !s) {
+        const d = c.getObjects();
+        i.discardActiveObject(), d.forEach((h) => {
+          const g = n.calculateScaleFactor({ imageObject: h, scaleType: t });
+          h.scale(g), i.centerObject(h);
         });
-        const l = new N(u, { canvas: i });
+        const l = new E(d, { canvas: i });
         i.setActiveObject(l);
       } else {
-        const u = s.calculateScaleFactor({
+        const d = n.calculateScaleFactor({
           imageObject: c,
           scaleType: t
         });
-        c.scale(u), i.centerObject(c);
+        c.scale(d), i.centerObject(c);
       }
-      i.renderAll(), a || r.saveState(), i.fire("editor:object-fitted", {
+      i.renderAll(), a || o.saveState(), i.fire("editor:object-fitted", {
         object: c,
         type: t,
         withoutSave: a,
-        fitAsOneObject: n
+        fitAsOneObject: s
       });
     }
   }
@@ -2126,36 +1996,36 @@ class vt {
    */
   resetObject(e, { alwaysFitObject: t = !1, withoutSave: a = !1 } = {}) {
     const {
-      canvas: n,
+      canvas: s,
       montageArea: i,
-      imageManager: s,
-      historyManager: r,
+      imageManager: n,
+      historyManager: o,
       options: { scaleType: c }
-    } = this.editor, u = e || n.getActiveObject();
-    if (!u || u.locked) return;
-    if (r.suspendHistory(), u.type === "image" || u.format === "svg" || u.set({
+    } = this.editor, d = e || s.getActiveObject();
+    if (!d || d.locked) return;
+    if (o.suspendHistory(), d.type === "image" || d.format === "svg" || d.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: d, height: h } = i, { width: g, height: m } = u, f = s.calculateScaleFactor({
-        imageObject: u,
+      const { width: h, height: g } = i, { width: u, height: m } = d, M = n.calculateScaleFactor({
+        imageObject: d,
         scaleType: c
       });
-      c === "contain" && f < 1 || c === "cover" && (g > d || m > h) ? this.fitObject({ object: u, withoutSave: !0, fitAsOneObject: !0 }) : u.set({ scaleX: 1, scaleY: 1 });
+      c === "contain" && M < 1 || c === "cover" && (u > h || m > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
     }
-    u.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(u), n.renderAll(), r.resumeHistory(), a || r.saveState(), n.fire("editor:object-reset", {
-      object: u,
+    d.set({ flipX: !1, flipY: !1, angle: 0 }), s.centerObject(d), s.renderAll(), o.resumeHistory(), a || o.saveState(), s.fire("editor:object-reset", {
+      object: d,
       withoutSave: a,
       alwaysFitObject: t
     });
   }
 }
-class ft {
+class nt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -2204,16 +2074,16 @@ class ft {
     if (!(!t || !this.overlayMask)) {
       a.suspendHistory(), t.setCoords();
       var {
-        left: n,
+        left: s,
         top: i,
-        width: s,
-        height: r
+        width: n,
+        height: o
       } = t.getBoundingRect();
       this.overlayMask.set({
-        left: n,
+        left: s,
         top: i,
-        width: s,
-        height: r
+        width: n,
+        height: o
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
       }), a.resumeHistory();
@@ -2233,8 +2103,8 @@ class ft {
         canvasManager: t,
         historyManager: a
       } = this.editor;
-      a.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((n) => {
-        n.evented = !1, n.selectable = !1;
+      a.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((s) => {
+        s.evented = !1, s.selectable = !1;
       }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), a.resumeHistory();
     }
   }
@@ -2249,13 +2119,13 @@ class ft {
         canvasManager: t,
         historyManager: a
       } = this.editor;
-      a.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((n) => {
-        n.evented = !0, n.selectable = !0;
+      a.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((s) => {
+        s.evented = !0, s.selectable = !0;
       }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), a.resumeHistory();
     }
   }
 }
-class $ {
+class F {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2278,13 +2148,13 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      historyManager: n
+      historyManager: s
     } = this.editor;
-    n.suspendHistory();
+    s.suspendHistory();
     var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((s) => {
-      a.bringObjectToFront(s);
-    }) : a.bringObjectToFront(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-bring-to-front", {
+    i && (i.type === "activeselection" ? i.getObjects().forEach((n) => {
+      a.bringObjectToFront(n);
+    }) : a.bringObjectToFront(i), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:object-bring-to-front", {
       object: i,
       withoutSave: t
     }));
@@ -2301,11 +2171,11 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      historyManager: n
+      historyManager: s
     } = this.editor;
-    n.suspendHistory();
+    s.suspendHistory();
     var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? $._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-bring-forward", {
+    i && (i.type === "activeselection" ? F._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:object-bring-forward", {
       object: i,
       withoutSave: t
     }));
@@ -2322,22 +2192,22 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      montageArea: n,
+      montageArea: s,
       historyManager: i,
       interactionBlocker: {
-        overlayMask: s
+        overlayMask: n
       }
     } = this.editor;
     i.suspendHistory();
-    var r = e || a.getActiveObject();
-    if (r) {
-      if (r.type === "activeselection")
-        for (var c = r.getObjects(), u = c.length - 1; u >= 0; u -= 1)
-          a.sendObjectToBack(c[u]);
+    var o = e || a.getActiveObject();
+    if (o) {
+      if (o.type === "activeselection")
+        for (var c = o.getObjects(), d = c.length - 1; d >= 0; d -= 1)
+          a.sendObjectToBack(c[d]);
       else
-        a.sendObjectToBack(r);
-      a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
-        object: r,
+        a.sendObjectToBack(o);
+      a.sendObjectToBack(s), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
+        object: o,
         withoutSave: t
       });
     }
@@ -2353,16 +2223,16 @@ class $ {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
-      montageArea: n,
+      montageArea: s,
       historyManager: i,
       interactionBlocker: {
-        overlayMask: s
+        overlayMask: n
       }
     } = this.editor;
     i.suspendHistory();
-    var r = e || a.getActiveObject();
-    r && (r.type === "activeselection" ? $._moveSelectionBackwards(a, r) : a.sendObjectBackwards(r), a.sendObjectToBack(n), a.sendObjectToBack(s), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
-      object: r,
+    var o = e || a.getActiveObject();
+    o && (o.type === "activeselection" ? F._moveSelectionBackwards(a, o) : a.sendObjectBackwards(o), a.sendObjectToBack(s), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
+      object: o,
       withoutSave: t
     }));
   }
@@ -2374,20 +2244,20 @@ class $ {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), n = t.getObjects(), i = n.map((l) => a.indexOf(l)), s = -1, r = function(d) {
-      var h = a[d];
-      if (!n.includes(h) && i.some((g) => d > g))
-        return s = d, 1;
-    }, c = 0; c < a.length && !r(c); c += 1)
+    for (var a = e.getObjects(), s = t.getObjects(), i = s.map((l) => a.indexOf(l)), n = -1, o = function(h) {
+      var g = a[h];
+      if (!s.includes(g) && i.some((u) => h > u))
+        return n = h, 1;
+    }, c = 0; c < a.length && !o(c); c += 1)
       ;
-    if (s !== -1) {
-      var u = n.map((l) => ({
+    if (n !== -1) {
+      var d = s.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 < s && (e.moveObjectTo(l.obj, s), s = d);
+      })).sort((l, h) => h.index - l.index);
+      d.forEach((l) => {
+        var h = a.indexOf(l.obj);
+        h < n && (e.moveObjectTo(l.obj, n), n = h);
       });
     }
   }
@@ -2399,11 +2269,11 @@ class $ {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), n = t.getObjects(), i = Math.min(...n.map((r) => a.indexOf(r))), s = n.length - 1; s >= 0; s -= 1)
-      e.moveObjectTo(n[s], i - 1);
+    for (var a = e.getObjects(), s = t.getObjects(), i = Math.min(...s.map((o) => a.indexOf(o))), n = s.length - 1; n >= 0; n -= 1)
+      e.moveObjectTo(s[n], i - 1);
   }
 }
-class jt {
+class ot {
   /**
    * Менеджер фигур для редактора.
    * @param {Object} options - Опции и настройки менеджера фигур.
@@ -2427,15 +2297,15 @@ class jt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var d = l, {
-      id: e = `rect-${A()}`,
+  addRectangle(l = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+    var h = l, {
+      id: e = `rect-${D()}`,
       left: t,
       top: a,
-      width: n = 100,
+      width: s = 100,
       height: i = 100,
-      fill: s = "blue"
-    } = d, r = Q(d, [
+      fill: n = "blue"
+    } = h, o = Y(h, [
       "id",
       "left",
       "top",
@@ -2443,15 +2313,15 @@ class jt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new ke(C({
+    const { canvas: g } = this.editor, u = new pe(N({
       id: e,
       left: t,
       top: a,
-      width: n,
+      width: s,
       height: i,
-      fill: s
-    }, r));
-    return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
+      fill: n
+    }, o));
+    return !t && !a && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2469,28 +2339,28 @@ class jt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(u = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var l = u, {
-      id: e = `circle-${A()}`,
+  addCircle(d = {}, { withoutSelection: o, withoutAdding: c } = {}) {
+    var l = d, {
+      id: e = `circle-${D()}`,
       left: t,
       top: a,
-      radius: n = 50,
+      radius: s = 50,
       fill: i = "green"
-    } = l, s = Q(l, [
+    } = l, n = Y(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, h = new xe(C({
+    const { canvas: h } = this.editor, g = new Ie(N({
       id: e,
       left: t,
       top: a,
       fill: i,
-      radius: n
-    }, s));
-    return !t && !a && d.centerObject(h), c || (d.add(h), r || d.setActiveObject(h), d.renderAll()), h;
+      radius: s
+    }, n));
+    return !t && !a && h.centerObject(g), c || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
   }
   /**
    * Добавление треугольника
@@ -2509,15 +2379,15 @@ class jt {
    * @param {Object} flags.withoutSelection - Не выделять объект
    * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
-    var d = l, {
-      id: e = `triangle-${A()}`,
+  addTriangle(l = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+    var h = l, {
+      id: e = `triangle-${D()}`,
       left: t,
       top: a,
-      width: n = 100,
+      width: s = 100,
       height: i = 100,
-      fill: s = "yellow"
-    } = d, r = Q(d, [
+      fill: n = "yellow"
+    } = h, o = Y(h, [
       "id",
       "left",
       "top",
@@ -2525,18 +2395,18 @@ class jt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Be(C({
+    const { canvas: g } = this.editor, u = new Ae(N({
       id: e,
       left: t,
       top: a,
-      fill: s,
-      width: n,
+      fill: n,
+      width: s,
       height: i
-    }, r));
-    return !t && !a && h.centerObject(g), u || (h.add(g), c || h.setActiveObject(g), h.renderAll()), g;
+    }, o));
+    return !t && !a && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class yt {
+class rt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2562,28 +2432,28 @@ class yt {
       return;
     }
     if (a.type !== "image") {
-      const h = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
-      navigator.clipboard.writeText(h).catch((g) => {
+      const g = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
+      navigator.clipboard.writeText(g).catch((u) => {
         t.emitWarning({
           origin: "ClipboardManager",
           method: "copy",
           code: "CLIPBOARD_WRITE_TEXT_FAILED",
-          message: `Ошибка записи текстового объекта в буфер обмена: ${g.message}`,
-          data: g
+          message: `Ошибка записи текстового объекта в буфер обмена: ${u.message}`,
+          data: u
         });
       }), this._cloneAndFire(e, a);
       return;
     }
-    const i = a.toCanvasElement().toDataURL(), s = i.slice(5).split(";")[0], r = i.split(",")[1], c = atob(r), u = new Uint8Array(c.length);
-    for (let h = 0; h < c.length; h += 1)
-      u[h] = c.charCodeAt(h);
-    const l = new Blob([u.buffer], { type: s }), d = new ClipboardItem({ [s]: l });
-    navigator.clipboard.write([d]).catch((h) => {
+    const i = a.toCanvasElement().toDataURL(), n = i.slice(5).split(";")[0], o = i.split(",")[1], c = atob(o), d = new Uint8Array(c.length);
+    for (let g = 0; g < c.length; g += 1)
+      d[g] = c.charCodeAt(g);
+    const l = new Blob([d.buffer], { type: n }), h = new ClipboardItem({ [n]: l });
+    navigator.clipboard.write([h]).catch((g) => {
       t.emitWarning({
         origin: "ClipboardManager",
         method: "copy",
         code: "CLIPBOARD_WRITE_IMAGE_FAILED",
-        message: `Ошибка записи изображения в буфер обмена: ${h.message}`
+        message: `Ошибка записи изображения в буфер обмена: ${g.message}`
       });
     }), this._cloneAndFire(e, a);
   }
@@ -2612,23 +2482,23 @@ class yt {
    * @param {Array} event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent({ clipboardData: e }) {
-    var s;
-    if (!((s = e == null ? void 0 : e.items) != null && s.length)) return;
-    const { imageManager: t } = this.editor, { items: a } = e, n = a[a.length - 1];
-    if (n.type !== "text/html") {
-      const r = n.getAsFile();
-      if (!r) return;
+    var n;
+    if (!((n = e == null ? void 0 : e.items) != null && n.length)) return;
+    const { imageManager: t } = this.editor, { items: a } = e, s = a[a.length - 1];
+    if (s.type !== "text/html") {
+      const o = s.getAsFile();
+      if (!o) return;
       const c = new FileReader();
-      c.onload = (u) => {
-        u.target && this.editor.imageManager.importImage({ source: u.target.result });
-      }, c.readAsDataURL(r);
+      c.onload = (d) => {
+        d.target && this.editor.imageManager.importImage({ source: d.target.result });
+      }, c.readAsDataURL(o);
       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 });
+      const d = new DOMParser().parseFromString(i, "text/html").querySelector("img");
+      if (d != null && d.src) {
+        t.importImage({ source: d.src });
         return;
       }
     }
@@ -2639,22 +2509,22 @@ class yt {
    * @fires editor:object-pasted
    */
   paste() {
-    return O(this, null, function* () {
+    return b(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}-${A()}`,
+        id: `${t.type}-${D()}`,
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof N ? (t.canvas = e, t.forEachObject((a) => {
+      }), t instanceof E ? (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 bt {
+class ct {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2679,11 +2549,11 @@ class bt {
       skipInnerObjects: t,
       withoutSave: a
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: n,
+      canvas: s,
       historyManager: i
-    } = this.editor, s = e || n.getActiveObject();
-    if (!(!s || s.locked)) {
-      var r = {
+    } = this.editor, n = e || s.getActiveObject();
+    if (!(!n || n.locked)) {
+      var o = {
         lockMovementX: !0,
         lockMovementY: !0,
         lockRotation: !0,
@@ -2693,12 +2563,12 @@ class bt {
         lockSkewingY: !0,
         locked: !0
       };
-      s.set(r);
-      var c = !t && ["activeselection", "group"].includes(s.type);
-      c && s.getObjects().forEach((u) => {
-        u.set(r);
-      }), n.renderAll(), a || i.saveState(), n.fire("editor:object-locked", {
-        object: s,
+      n.set(o);
+      var c = !t && ["activeselection", "group"].includes(n.type);
+      c && n.getObjects().forEach((d) => {
+        d.set(o);
+      }), s.renderAll(), a || i.saveState(), s.fire("editor:object-locked", {
+        object: n,
         skipInnerObjects: t,
         withoutSave: a
       });
@@ -2718,10 +2588,10 @@ class bt {
       withoutSave: t
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
-      historyManager: n
+      historyManager: s
     } = this.editor, i = e || a.getActiveObject();
     if (i) {
-      var s = {
+      var n = {
         lockMovementX: !1,
         lockMovementY: !1,
         lockRotation: !1,
@@ -2731,16 +2601,16 @@ class bt {
         lockSkewingY: !1,
         locked: !1
       };
-      i.set(s), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((r) => {
-        r.set(s);
-      }), a.renderAll(), t || n.saveState(), a.fire("editor:object-unlocked", {
+      i.set(n), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((o) => {
+        o.set(n);
+      }), a.renderAll(), t || s.saveState(), a.fire("editor:object-unlocked", {
         object: i,
         withoutSave: t
       });
     }
   }
 }
-class pt {
+class dt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2755,14 +2625,14 @@ class pt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: n } = this.editor;
-    n.suspendHistory();
+    const { canvas: a, historyManager: s } = this.editor;
+    s.suspendHistory();
     const i = e || a.getActiveObject();
-    if (!i || !(i instanceof N)) return;
-    const s = i.getObjects(), r = new je(s);
-    s.forEach((c) => a.remove(c)), r.set("id", `${r.type}-${A()}`), a.add(r), a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-grouped", {
+    if (!i || !(i instanceof E)) return;
+    const n = i.getObjects(), o = new de(n);
+    n.forEach((c) => a.remove(c)), o.set("id", `${o.type}-${D()}`), a.add(o), a.setActiveObject(o), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:objects-grouped", {
       object: i,
-      group: r,
+      group: o,
       withoutSave: t
     });
   }
@@ -2777,23 +2647,23 @@ class pt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: n } = this.editor;
-    n.suspendHistory();
+    const { canvas: a, historyManager: s } = this.editor;
+    s.suspendHistory();
     const i = e || a.getActiveObject();
-    if (!(i instanceof je)) return;
-    const s = i.removeAll();
-    a.remove(i), s.forEach((c) => a.add(c));
-    const r = new N(s, {
+    if (!(i instanceof de)) return;
+    const n = i.removeAll();
+    a.remove(i), n.forEach((c) => a.add(c));
+    const o = new E(n, {
       canvas: a
     });
-    a.setActiveObject(r), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-ungrouped", {
+    a.setActiveObject(o), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:objects-ungrouped", {
       object: i,
-      selection: r,
+      selection: o,
       withoutSave: t
     });
   }
 }
-class It {
+class lt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2815,19 +2685,19 @@ class It {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var n = t.getObjects(), i = n.some((r) => r.locked), s = n.length > 1 ? new N(t.getObjects(), {
+    var s = t.getObjects(), i = s.some((o) => o.locked), n = s.length > 1 ? new E(t.getObjects(), {
       canvas: e
-    }) : n[0];
+    }) : s[0];
     i && a.lockObject({
-      object: s,
+      object: n,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), e.setActiveObject(s), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: s
+    }), e.setActiveObject(n), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
+      selected: n
     });
   }
 }
-class At {
+class ht {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2842,20 +2712,20 @@ class At {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: n, groupingManager: i } = this.editor, s = (e || a.getActiveObjects()).filter((r) => !r.locked);
-    s != null && s.length && (n.suspendHistory(), s.forEach((r) => {
-      if (r.type === "group" && r.format !== "svg") {
-        i.ungroup({ object: r, withoutSave: t }), this.deleteSelectedObjects();
+    const { canvas: a, historyManager: s, groupingManager: i } = this.editor, n = (e || a.getActiveObjects()).filter((o) => !o.locked);
+    n != null && n.length && (s.suspendHistory(), n.forEach((o) => {
+      if (o.type === "group" && o.format !== "svg") {
+        i.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
-      a.remove(r);
-    }), a.discardActiveObject(), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:objects-deleted", {
-      objects: s,
+      a.remove(o);
+    }), a.discardActiveObject(), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:objects-deleted", {
+      objects: n,
       withoutSave: t
     }));
   }
 }
-const St = {
+const gt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2917,7 +2787,7 @@ const St = {
     REDO_ERROR: "REDO_ERROR"
   }
 };
-class q {
+class V {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -2937,24 +2807,24 @@ class q {
    * @param {string} [options.message] — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: n, message: i }) {
-    if (!q.isValidErrorCode(a)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: s, message: i }) {
+    if (!V.isValidErrorCode(a)) {
       console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
       return;
     }
     if (!a) return;
-    const s = i || a;
-    console.error(`${e}. ${t}. ${a}. ${s}`, n);
-    const r = {
+    const n = i || a;
+    console.error(`${e}. ${t}. ${a}. ${n}`, s);
+    const o = {
       code: a,
       origin: e,
       method: t,
-      message: s,
-      data: n
+      message: n,
+      data: s
     };
-    this._buffer.push(C({
+    this._buffer.push(N({
       type: "editor:error"
-    }, r)), this.editor.canvas.fire("editor:error", r);
+    }, o)), this.editor.canvas.fire("editor:error", o);
   }
   /**
    * Эмитит предупреждение через fabricjs
@@ -2966,58 +2836,58 @@ class q {
    * @param {string} [options.message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: n, data: i }) {
-    if (!q.isValidErrorCode(a)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: s, data: i }) {
+    if (!V.isValidErrorCode(a)) {
       console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
-    const s = n || a;
-    console.warn(`${e}. ${t}. ${a}. ${s}`, i);
-    const r = {
+    const n = s || a;
+    console.warn(`${e}. ${t}. ${a}. ${n}`, i);
+    const o = {
       code: a,
       origin: e,
       method: t,
-      message: s,
+      message: n,
       data: i
     };
-    this._buffer.push(C({
+    this._buffer.push(N({
       type: "editor:warning"
-    }, r)), this.editor.canvas.fire("editor:warning", r);
+    }, o)), this.editor.canvas.fire("editor:warning", o);
   }
   static isValidErrorCode(e) {
-    return e ? Object.values(St).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(gt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ue {
+class ae {
   /**
    * Конструктор класса ImageEditor.
    * @param {string} canvasId - идентификатор канваса, в котором будет создан редактор
    * @param {CanvasOptions} options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t, this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.init();
   }
   init() {
-    return O(this, null, function* () {
+    return b(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: a,
-        canvasWrapperHeight: n,
+        canvasWrapperHeight: s,
         canvasCSSWidth: i,
-        canvasCSSHeight: s,
-        initialImage: r,
+        canvasCSSHeight: n,
+        initialImage: o,
         initialStateJSON: c,
-        scaleType: u,
+        scaleType: d,
         _onReadyCallback: l
       } = this.options;
-      if (Je.apply(), this.canvas = new Ze(this.containerId, this.options), this.moduleLoader = new He(), this.workerManager = new Ye(), this.errorManager = new q({ editor: this }), this.historyManager = new dt({ editor: this }), this.toolbar = new ut({ editor: this }), this.transformManager = new vt({ editor: this }), this.canvasManager = new mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new jt({ editor: this }), this.interactionBlocker = new ft({ editor: this }), this.clipboardManager = new yt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new pt({ editor: this }), this.selectionManager = new It({ editor: this }), this.deletionManager = new At({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(s), r != null && r.source) {
+      if (ze.apply(), this.canvas = new Se(this.containerId, this.options), this.moduleLoader = new Ne(), this.workerManager = new Ee(), this.errorManager = new V({ editor: this }), this.historyManager = new Ke({ editor: this }), this.toolbar = new $e({ editor: this }), this.transformManager = new it({ editor: this }), this.canvasManager = new st({ editor: this }), this.imageManager = new C({ editor: this }), this.layerManager = new F({ editor: this }), this.shapeManager = new ot({ editor: this }), this.interactionBlocker = new nt({ editor: this }), this.clipboardManager = new rt({ editor: this }), this.objectLockManager = new ct({ editor: this }), this.groupingManager = new dt({ editor: this }), this.selectionManager = new lt({ editor: this }), this.deletionManager = new ht({ 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(s), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), o != null && o.source) {
         const {
-          source: d,
-          scale: h = `image-${u}`,
-          withoutSave: g = !0
-        } = r;
-        yield this.imageManager.importImage({ source: d, scale: h, withoutSave: g });
+          source: h,
+          scale: g = `image-${d}`,
+          withoutSave: u = !0
+        } = o;
+        yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
       } 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);
@@ -3031,7 +2901,7 @@ class ue {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ue._createMosaicPattern(),
+      fill: ae._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3075,13 +2945,13 @@ 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 ze({
+    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 Ce({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const Ct = {
+const ut = {
   /**
    * Опции редактора
    */
@@ -3169,18 +3039,18 @@ const Ct = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function wt(o, e = {}) {
-  const t = C(C({}, Ct), e), a = document.getElementById(o);
+function yt(r, e = {}) {
+  const t = N(N({}, ut), e), a = document.getElementById(r);
   if (!a)
-    return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
-  const n = document.createElement("canvas");
-  return n.id = `${o}-canvas`, a.appendChild(n), t.editorContainer = a, new Promise((i) => {
+    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
+  const s = document.createElement("canvas");
+  return s.id = `${r}-canvas`, a.appendChild(s), t.editorContainer = a, new Promise((i) => {
     t._onReadyCallback = i;
-    const s = new ue(n.id, t);
-    window[o] = s;
+    const n = new ae(s.id, t);
+    window[r] = n;
   });
 }
 export {
-  wt as default
+  yt as default
 };
 //# sourceMappingURL=main.js.map