@anu3ev/fabric-image-editor 0.1.47 → 0.1.49

package/dist/main.js

@@ -1,40 +1,41 @@
-var be = Object.defineProperty;
-var _ = Object.getOwnPropertySymbols;
-var de = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable;
-var ce = (r, e, t) => e in r ? be(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, E = (r, e) => {
+var je = Object.defineProperty, fe = Object.defineProperties;
+var be = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
+var re = (c, e, t) => e in c ? je(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, f = (c, e) => {
   for (var t in e || (e = {}))
-    de.call(e, t) && ce(r, t, e[t]);
-  if (_)
-    for (var t of _(e))
-      le.call(e, t) && ce(r, t, e[t]);
-  return r;
-};
-var Y = (r, e) => {
+    ce.call(e, t) && re(c, t, e[t]);
+  if (H)
+    for (var t of H(e))
+      de.call(e, t) && re(c, t, e[t]);
+  return c;
+}, le = (c, e) => fe(c, be(e));
+var Y = (c, e) => {
   var t = {};
-  for (var s in r)
-    de.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
-  if (r != null && _)
-    for (var s of _(r))
-      e.indexOf(s) < 0 && le.call(r, s) && (t[s] = r[s]);
+  for (var s in c)
+    ce.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
+  if (c != null && H)
+    for (var s of H(c))
+      e.indexOf(s) < 0 && de.call(c, s) && (t[s] = c[s]);
   return t;
 };
-var y = (r, e, t) => new Promise((s, n) => {
-  var i = (d) => {
+var I = (c, e, t) => new Promise((s, i) => {
+  var n = (d) => {
     try {
       o(t.next(d));
-    } catch (c) {
-      n(c);
+    } catch (r) {
+      i(r);
     }
   }, a = (d) => {
     try {
       o(t.throw(d));
-    } catch (c) {
-      n(c);
+    } catch (r) {
+      i(r);
     }
-  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, a);
-  o((t = t.apply(r, e)).next());
+  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(n, a);
+  o((t = t.apply(c, e)).next());
 });
-import { ActiveSelection as I, util as H, controlsUtils as pe, InteractiveFabricObject as ye, loadSVGFromURL as Ie, FabricImage as Z, Point as W, Rect as ve, Circle as Ae, Triangle as Se, Group as Q, Canvas as Ce, Pattern as Ne } from "fabric";
+import { ActiveSelection as v, util as R, controlsUtils as pe, InteractiveFabricObject as ye, loadSVGFromURL as Ie, FabricImage as U, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
 import { create as De } from "jsondiffpatch";
 import Le from "diff-match-patch";
 var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
@@ -42,7 +43,7 @@ var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D =
     t += we[s[e] & 63];
   return t;
 };
-class R {
+class z {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -60,7 +61,7 @@ class R {
    * @param params.options.adaptCanvasToContainerOnResize — адаптировать канвас к размерам контейнера при изменении размеров окна
    */
   constructor({ editor: e, options: t = {} }) {
-    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = R.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = R.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = R.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = z.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 = z.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = z.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -70,15 +71,15 @@ class R {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: s,
-      bringToFrontOnSelection: n,
-      copyObjectsByHotkey: i,
+      bringToFrontOnSelection: i,
+      copyObjectsByHotkey: n,
       pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
       selectAllByHotkey: d,
-      deleteObjectsByHotkey: c,
+      deleteObjectsByHotkey: r,
       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 })), s && 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 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && 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 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), i && (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 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), r && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -88,19 +89,19 @@ class R {
    */
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((a) => a.locked)) return;
-    const n = e.filter((a) => !a.locked);
-    if (n.length === 0) {
+    const i = e.filter((a) => !a.locked);
+    if (i.length === 0) {
       this.canvas.discardActiveObject();
       return;
     }
-    if (n.length === 1) {
-      this.canvas.setActiveObject(n[0]);
+    if (i.length === 1) {
+      this.canvas.setActiveObject(i[0]);
       return;
     }
-    const i = new I(n, {
+    const n = new v(i, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
+    this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -141,8 +142,8 @@ class R {
    * @param event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: n } = e;
-    !t && !s || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: s, code: i } = e;
+    !t && !s || i !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -159,9 +160,9 @@ class R {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return y(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: n, repeat: i } = e;
-      !t && !s || 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 I(this, null, function* () {
+      const { ctrlKey: t, metaKey: s, code: i, repeat: n } = e;
+      !t && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (i === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : i === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -180,8 +181,8 @@ class R {
    * @param event.code — код клавиши
    */
   handleSelectAllEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: n } = e;
-    !t && !s || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: s, code: i } = e;
+    !t && !s || i !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete).
@@ -199,8 +200,8 @@ class R {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: s, isSpacePressed: n, isDragging: i } = this;
-    n || i || (this.isSpacePressed = !0, e.preventDefault(), t.set({
+    const { canvas: t, editor: s, isSpacePressed: i, isDragging: n } = this;
+    i || n || (this.isSpacePressed = !0, e.preventDefault(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
@@ -298,14 +299,14 @@ class R {
    */
   static debounce(e, t) {
     let s = null;
-    return function(...n) {
+    return function(...i) {
       s !== null && clearTimeout(s), s = setTimeout(() => {
-        e.apply(this, n);
+        e.apply(this, i);
       }, t);
     };
   }
 }
-class Oe {
+class Ee {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -323,56 +324,43 @@ class Oe {
     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 "${e}"`));
   }
 }
-class Ee {
+class Oe {
   /**
-   * @param {string|URL} [scriptUrl] — URL скрипта воркера.
+   * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует файл рядом с этим модулем
    */
-  constructor() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new URL("" + new URL("worker.js", import.meta.url).href, import.meta.url);
-    this.worker = new Worker(e, {
-      type: "module"
-    }), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+  constructor(e = new URL("" + new URL("worker.ts", import.meta.url).href, import.meta.url)) {
+    this.worker = new Worker(e, { type: "module" }), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
-   * @param {Object} data
-   * @param {String} data.action - название действия
-   * @param {String} data.requestId - уникальный идентификатор запроса
-   * @param {Boolean} data.success - успешность выполнения действия
-   * @param {Object} data.data - данные, которые вернул воркер
-   * @param {String} data.error - ошибка, если она произошла
-   * @returns {void}
-   */
-  _handleMessage(e) {
-    var {
-      data: t
-    } = e, {
-      requestId: s,
-      success: n,
-      data: i,
-      error: a
-    } = t, o = this._callbacks.get(s);
-    o && (n ? o.resolve(i) : o.reject(new Error(a)), this._callbacks.delete(s));
+   * @param data
+   * @param data.action - название действия
+   * @param data.requestId - уникальный идентификатор запроса
+   * @param data.success - успешность выполнения действия
+   * @param data.data - данные, которые вернул воркер
+   * @param data.error - ошибка, если она произошла
+   * @returns
+   */
+  _handleMessage({ data: e }) {
+    const { requestId: t, success: s, data: i, error: n } = e, a = this._callbacks.get(t);
+    if (!a) {
+      console.warn(`No callback found for requestId: ${t}`);
+      return;
+    }
+    s ? a.resolve(i) : a.reject(new Error(n)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
-   * @param {String} action
-   * @param {Object} payload
-   * @param {Array} [transferables] - массив объектов, которые нужно передать в воркер
-   * @returns {Promise<any>}
-   */
-  post(e, t) {
-    var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], n = "".concat(e, ":").concat(D(8));
-    return new Promise((i, a) => {
-      this._callbacks.set(n, {
-        resolve: i,
-        reject: a
-      }), this.worker.postMessage({
-        action: e,
-        payload: t,
-        requestId: n
-      }, s);
+   * @param action - название действия, которое нужно выполнить в воркере
+   * @param payload - данные, которые нужно отправить в воркер
+   * @param transferables - массив объектов, которые нужно передать в воркер
+   * @returns Promise, который будет выполнен, когда воркер вернет ответ
+   */
+  post(e, t, s = []) {
+    const i = `${e}:${D(8)}`;
+    return new Promise((n, a) => {
+      this._callbacks.set(i, { resolve: n, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: i }, s);
     });
   }
   /**
@@ -382,50 +370,50 @@ class Ee {
     this.worker.terminate();
   }
 }
-const C = 12, Te = 2, J = 8, $ = 20, ke = 100, K = 20, q = 8, xe = 100, ee = 32, te = 1, Be = "#2B2D33", se = "#3D8BF4", ne = "#FFFFFF";
-function P(r, e, t, s, n) {
-  const i = C, a = Te;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-12 / 2, -12 / 2, i, i, a), r.fill(), r.stroke(), r.restore();
+const C = 12, Te = 2, Q = 8, J = 20, ke = 100, $ = 20, K = 8, xe = 100, q = 32, ee = 1, Be = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
+function W(c, e, t, s, i) {
+  const n = C, a = Te;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-12 / 2, -12 / 2, n, n, a), c.fill(), c.stroke(), c.restore();
 }
-function he(r, e, t, s, n) {
-  const i = J, a = $, o = ke;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-8 / 2, -20 / 2, i, a, o), r.fill(), r.stroke(), r.restore();
+function he(c, e, t, s, i) {
+  const n = Q, a = J, o = ke;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-8 / 2, -20 / 2, n, a, o), c.fill(), c.stroke(), c.restore();
 }
-function ge(r, e, t, s, n) {
-  const i = K, a = q, o = xe;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-20 / 2, -8 / 2, i, a, o), r.fill(), r.stroke(), r.restore();
+function ge(c, e, t, s, i) {
+  const n = $, a = K, o = xe;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-20 / 2, -8 / 2, n, a, o), c.fill(), c.stroke(), c.restore();
 }
-const Ue = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", me = new Image();
-me.src = Ue;
-function Ze(r, e, t, s, n) {
-  const a = ee / 2;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = Be, r.beginPath(), r.arc(0, 0, a, 0, 2 * Math.PI), r.fill(), r.drawImage(me, -16 / 2, -16 / 2, a, a), r.restore();
+const Ue = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ue = new Image();
+ue.src = Ue;
+function Ze(c, e, t, s, i) {
+  const a = q / 2;
+  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(i.angle)), c.fillStyle = Be, c.beginPath(), c.arc(0, 0, a, 0, 2 * Math.PI), c.fill(), c.drawImage(ue, -16 / 2, -16 / 2, a, a), c.restore();
 }
 const ze = {
   // Угловые точки
   tl: {
-    render: P,
+    render: W,
     sizeX: C,
     sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: P,
+    render: W,
     sizeX: C,
     sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: P,
+    render: W,
     sizeX: C,
     sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: P,
+    render: W,
     sizeX: C,
     sizeY: C,
     offsetX: 0,
@@ -434,38 +422,38 @@ const ze = {
   // Середина вертикалей
   ml: {
     render: he,
-    sizeX: J,
-    sizeY: $,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: he,
-    sizeX: J,
-    sizeY: $,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: ge,
-    sizeX: K,
-    sizeY: q,
+    sizeX: $,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: ge,
-    sizeX: K,
-    sizeY: q,
+    sizeX: $,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: Ze,
-    sizeX: ee,
-    sizeY: ee,
+    sizeX: q,
+    sizeY: q,
     offsetX: 0,
     offsetY: -32
   }
@@ -480,38 +468,14 @@ class Re {
         sizeY: s.sizeY,
         offsetX: s.offsetX,
         offsetY: s.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, a, o, d) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (n, a, o, d) => {
         var l;
         (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
     }), ye.ownDefaults.controls = e;
   }
 }
-var He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function ue(r, e, t, s, n, i, a) {
-  try {
-    var o = r[i](a), d = o.value;
-  } catch (c) {
-    return void t(c);
-  }
-  o.done ? e(d) : Promise.resolve(d).then(s, n);
-}
-function Xe(r) {
-  return function() {
-    var e = this, t = arguments;
-    return new Promise(function(s, n) {
-      var i = r.apply(e, t);
-      function a(d) {
-        ue(i, s, n, a, o, "next", d);
-      }
-      function o(d) {
-        ue(i, s, n, a, o, "throw", d);
-      }
-      a(void 0);
-    });
-  };
-}
-const z = {
+const He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Z = {
   style: {
     position: "absolute",
     display: "none",
@@ -546,263 +510,189 @@ const z = {
     name: "Разблокировать",
     handle: "unlock"
   }],
-  actions: [{
-    name: "Создать копию",
-    handle: "copyPaste"
-  }, {
-    name: "Заблокировать",
-    handle: "lock"
-  }, {
-    name: "На передний план",
-    handle: "bringToFront"
-  }, {
-    name: "На задний план",
-    handle: "sendToBack"
-  }, {
-    name: "На один уровень вверх",
-    handle: "bringForward"
-  }, {
-    name: "На один уровень вниз",
-    handle: "sendBackwards"
-  }, {
-    name: "Удалить",
-    handle: "delete"
-  }],
+  actions: [
+    {
+      name: "Создать копию",
+      handle: "copyPaste"
+    },
+    {
+      name: "Заблокировать",
+      handle: "lock"
+    },
+    {
+      name: "На передний план",
+      handle: "bringToFront"
+    },
+    {
+      name: "На задний план",
+      handle: "sendToBack"
+    },
+    {
+      name: "На один уровень вверх",
+      handle: "bringForward"
+    },
+    {
+      name: "На один уровень вниз",
+      handle: "sendBackwards"
+    },
+    {
+      name: "Удалить",
+      handle: "delete"
+    }
+  ],
   offsetTop: 50,
   icons: {
     copyPaste: He,
     delete: Ge,
-    lock: _e,
-    unlock: Ye,
+    lock: Ye,
+    unlock: We,
     bringToFront: Fe,
     sendToBack: Ve,
-    bringForward: Pe,
-    sendBackwards: We
+    bringForward: _e,
+    sendBackwards: Pe
   },
   handlers: {
-    copyPaste: function() {
-      var r = Xe(function* (t) {
-        yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
-      });
-      function e(t) {
-        return r.apply(this, arguments);
-      }
-      return e;
-    }(),
-    delete: (r) => {
-      r.deletionManager.deleteSelectedObjects();
+    copyPaste: (c) => I(void 0, null, function* () {
+      yield c.clipboardManager.copy(), yield c.clipboardManager.paste();
+    }),
+    delete: (c) => {
+      c.deletionManager.deleteSelectedObjects();
     },
-    lock: (r) => {
-      r.objectLockManager.lockObject();
+    lock: (c) => {
+      c.objectLockManager.lockObject();
     },
-    unlock: (r) => {
-      r.objectLockManager.unlockObject();
+    unlock: (c) => {
+      c.objectLockManager.unlockObject();
     },
-    bringForward: (r) => {
-      r.layerManager.bringForward();
+    bringForward: (c) => {
+      c.layerManager.bringForward();
     },
-    bringToFront: (r) => {
-      r.layerManager.bringToFront();
+    bringToFront: (c) => {
+      c.layerManager.bringToFront();
     },
-    sendToBack: (r) => {
-      r.layerManager.sendToBack();
+    sendToBack: (c) => {
+      c.layerManager.sendToBack();
     },
-    sendBackwards: (r) => {
-      r.layerManager.sendBackwards();
+    sendBackwards: (c) => {
+      c.layerManager.sendBackwards();
     }
   }
 };
-function Me(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(r);
-    e && (s = s.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(r, n).enumerable;
-    })), t.push.apply(t, s);
+class Xe {
+  constructor({ editor: e }) {
+    this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
   }
-  return t;
-}
-function A(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Me(Object(t), !0).forEach(function(s) {
-      Qe(r, s, t[s]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : Me(Object(t)).forEach(function(s) {
-      Object.defineProperty(r, s, Object.getOwnPropertyDescriptor(t, s));
-    });
-  }
-  return r;
-}
-function Qe(r, e, t) {
-  return (e = Je(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
-}
-function Je(r) {
-  var e = $e(r, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function $e(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var s = t.call(r, e);
-    if (typeof s != "object") return s;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-class Ke {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    if (this.options = t.options, !!this.options.showToolbar) {
-      this.editor = t, this.canvas = t.canvas;
-      var s = this.options.toolbar || {};
-      this.config = A(A(A({}, z), s), {}, {
-        style: A(A({}, z.style), s.style || {}),
-        btnStyle: A(A({}, z.btnStyle), s.btnStyle || {}),
-        icons: A(A({}, z.icons), s.icons || {}),
-        handlers: A(A({}, z.handlers), s.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();
-    }
+  _initToolbar() {
+    if (!this.options.showToolbar) return;
+    const e = this.options.toolbar || {};
+    this.config = le(f(f({}, Z), e), {
+      style: f(f({}, Z.style), e.style || {}),
+      btnStyle: f(f({}, Z.btnStyle), e.btnStyle || {}),
+      icons: f(f({}, Z.icons), e.icons || {}),
+      handlers: f(f({}, Z.handlers), e.handlers || {})
+    }), this.currentTarget = null, this.currentLocked = !1, 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();
   }
   /**
    * Создаёт DOM элемент панели инструментов и добавляет его в canvas
-   * @private
    */
   _createDOM() {
-    var {
-      style: e
-    } = this.config;
+    const { style: e } = this.config;
     this.el = document.createElement("div"), Object.assign(this.el.style, e), this.canvas.wrapperEl.appendChild(this.el), this._onBtnOver = (t) => {
-      var s = t.target.closest("button");
-      s && Object.assign(s.style, this.config.btnHover);
+      const i = t.target.closest("button");
+      i && Object.assign(i.style, this.config.btnHover);
     }, this._onBtnOut = (t) => {
-      var s = t.target.closest("button");
-      s && Object.assign(s.style, this.config.btnStyle);
+      const i = t.target.closest("button");
+      i && Object.assign(i.style, this.config.btnStyle);
     }, this.el.addEventListener("mouseover", this._onBtnOver), this.el.addEventListener("mouseout", this._onBtnOut);
   }
   /**
    * Отрисовывает кнопки панели инструментов
-   * @private
-   * @param {array} actions - массив действий для отрисовки
-   * @param {string} actions[].name - название действия
-   * @param {string} actions[].handle - название обработчика
+   * @param actions - массив действий для отрисовки
+   * @param actions[].name - название действия
+   * @param actions[].handle - название обработчика
    */
   _renderButtons(e) {
-    var t = this;
     this.el.innerHTML = "";
-    var s = function() {
-      var {
-        name: a,
-        handle: o
-      } = n, {
-        icons: d,
-        btnStyle: c,
-        handlers: l
-      } = t.config, h = document.createElement("button");
-      h.innerHTML = d[o] ? '<img src="'.concat(d[o], '" title="').concat(a, '" />') : a, Object.assign(h.style, c), 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)
-      s();
+    for (const t of e) {
+      const { name: s, handle: i } = t, { icons: n = {}, btnStyle: a, handlers: o = {} } = this.config, d = document.createElement("button");
+      d.innerHTML = n[i] ? `<img src="${n[i]}" title="${s}" />` : s, Object.assign(d.style, a), d.onclick = () => {
+        var r;
+        return (r = o[i]) == null ? void 0 : r.call(o, this.editor);
+      }, this.el.appendChild(d);
+    }
   }
   /**
    * Привязывает события к canvas
-   * @private
    */
   _bindEvents() {
-    this.canvas.on("mouse:down", this._onMouseDown), this.canvas.on("object:moving", this._onObjectMoving), this.canvas.on("object:scaling", this._onObjectScaling), this.canvas.on("object:rotating", this._onObjectRotating), this.canvas.on("mouse:up", this._onMouseUp), this.canvas.on("object:modified", this._onObjectModified), this.canvas.on("selection:created", this._onSelectionChange), this.canvas.on("selection:updated", this._onSelectionChange), this.canvas.on("selection:changed", this._onSelectionChange), this.canvas.on("after:render", this._onSelectionChange), this.canvas.on("selection:cleared", this._onSelectionClear);
+    this.canvas.on("mouse:down", this._onMouseDown), this.canvas.on("object:moving", this._onObjectMoving), this.canvas.on("object:scaling", this._onObjectScaling), this.canvas.on("object:rotating", this._onObjectRotating), this.canvas.on("mouse:up", this._onMouseUp), this.canvas.on("object:modified", this._onObjectModified), this.canvas.on("selection:created", this._onSelectionChange), this.canvas.on("selection:updated", this._onSelectionChange), this.canvas.on("after:render", this._onSelectionChange), this.canvas.on("selection:cleared", this._onSelectionClear);
   }
   /**
    * На время трансформации скрываем тулбар
-   * @private
-   * @param {Object} opt - объект события
    */
   _handleMouseDown(e) {
     var t;
-    (t = e.transform) !== null && t !== void 0 && t.actionPerformed && this._startTransform();
+    (t = e.transform) != null && t.actionPerformed && this._startTransform();
   }
   /**
    * Начало трансформации объекта
-   * @private
    */
   _startTransform() {
     this.isTransforming = !0, this.el.style.display = "none";
   }
   /**
    * Завершение трансформации объекта
-   * @private
    */
   _endTransform() {
     this.isTransforming = !1, this._updatePos();
   }
   /**
    * Обновляет панель инструментов в зависимости от выделенного объекта и его состояния
-   * @private
    */
   _updateToolbar() {
-    if (!this.isTransforming) {
-      var e = this.canvas.getActiveObject();
-      if (!e) {
-        this.el.style.display = "none", this.currentTarget = null;
-        return;
-      }
-      var t = !!e.locked;
-      if (e !== this.currentTarget || t !== this.currentLocked) {
-        this.currentTarget = e, this.currentLocked = t;
-        var s = t ? this.config.lockedActions : this.config.actions;
-        this._renderButtons(s);
-      }
-      this._updatePos();
+    if (this.isTransforming) return;
+    const e = this.canvas.getActiveObject();
+    if (!e) {
+      this.el.style.display = "none", this.currentTarget = null;
+      return;
     }
+    const t = !!e.locked;
+    if (e !== this.currentTarget || t !== this.currentLocked) {
+      this.currentTarget = e, this.currentLocked = t;
+      const s = t ? this.config.lockedActions : this.config.actions;
+      this._renderButtons(s != null ? s : []);
+    }
+    this._updatePos();
   }
   /**
    * Обновляет позицию панели инструментов в зависимости от положения выделенного объекта
-   * @private
    */
   _updatePos() {
-    if (!this.isTransforming) {
-      var e = this.canvas.getActiveObject();
-      if (!e) {
-        this.el.style.display = "none";
-        return;
-      }
-      var {
-        el: t,
-        config: s,
-        canvas: n
-      } = this;
-      e.setCoords();
-      var i = n.getZoom(), [, , , , a, o] = n.viewportTransform, {
-        x: d
-      } = e.getCenterPoint(), {
-        top: c,
-        height: l
-      } = e.getBoundingRect(!1, !0), h = d * i + a, g = h - t.offsetWidth / 2, u = (c + l) * i + o + s.offsetTop;
-      Object.assign(t.style, {
-        left: "".concat(g, "px"),
-        top: "".concat(u, "px"),
-        display: "flex"
-      });
+    if (this.isTransforming) return;
+    const e = this.canvas.getActiveObject();
+    if (!e) {
+      this.el.style.display = "none";
+      return;
     }
+    const { el: t, config: s, canvas: i } = this;
+    e.setCoords();
+    const n = i.getZoom(), [, , , , a, o] = i.viewportTransform, { x: d } = e.getCenterPoint(), { top: r, height: l } = e.getBoundingRect(), g = d * n + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (r + l) * n + o + u;
+    Object.assign(t.style, {
+      left: `${g}px`,
+      top: `${m}px`,
+      display: "flex"
+    });
   }
   /**
    * Удаляет слушатели событий и DOM элемент панели инструментов
    */
   destroy() {
-    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();
+    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("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-class qe {
+class Qe {
   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();
   }
@@ -868,10 +758,10 @@ class qe {
    */
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
-    let n = JSON.parse(JSON.stringify(e));
-    for (let i = 0; i < t; i += 1)
-      n = this.diffPatcher.patch(n, s[i].diff);
-    return console.log("getFullState state", n), n;
+    let i = JSON.parse(JSON.stringify(e));
+    for (let n = 0; n < t; n += 1)
+      i = this.diffPatcher.patch(i, s[n].diff);
+    return console.log("getFullState state", i), i;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -912,15 +802,15 @@ class qe {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: i, height: a } = t;
+      const { canvas: t, canvasManager: s, interactionBlocker: i } = this.editor, { width: n, height: a } = t;
       yield t.loadFromJSON(e);
-      const o = t.getObjects().find((c) => c.id === "montage-area");
-      o && (this.editor.montageArea = o, (i !== e.width || a !== e.height) && s.updateCanvasAndFitObjects());
-      const d = t.getObjects().find((c) => c.id === "overlay-mask");
-      d && (n.overlayMask = d, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+      const o = t.getObjects().find((r) => r.id === "montage-area");
+      o && (this.editor.montageArea = o, (n !== e.width || a !== e.height) && s.updateCanvasAndFitObjects());
+      const d = t.getObjects().find((r) => r.id === "overlay-mask");
+      d && (i.overlayMask = d, i.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -935,7 +825,7 @@ class qe {
    * @fires editor:undo
    */
   undo() {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -972,7 +862,7 @@ class qe {
    * @fires editor:redo
    */
   redo() {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1005,7 +895,7 @@ class qe {
     });
   }
 }
-const et = 0.1, tt = 2, st = 0.1, nt = 90, B = 16, U = 16, T = 4096, k = 4096;
+const Je = 0.1, $e = 2, Ke = 0.1, qe = 90, x = 16, B = 16, O = 4096, T = 4096;
 class N {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -1023,80 +913,80 @@ class N {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
-        withoutSave: n = !1
+        withoutSave: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: i, montageArea: a, transformManager: o, historyManager: d, errorManager: c } = this.editor, l = yield this.getContentType(t), h = N.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      const { canvas: n, montageArea: a, transformManager: o, historyManager: d, errorManager: r } = this.editor, l = yield this.getContentType(t), h = N.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
       if (!this.isAllowedContentType(l)) {
-        const f = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return c.emitError({
+        const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return r.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: f,
+          message: m,
           data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
         }), null;
       }
       d.suspendHistory();
       try {
-        let f, M;
+        let m, M;
         if (t instanceof File)
-          f = URL.createObjectURL(t);
+          m = URL.createObjectURL(t);
         else if (typeof t == "string") {
-          const v = yield (yield fetch(t, { mode: "cors" })).blob();
-          f = URL.createObjectURL(v);
+          const A = yield (yield fetch(t, { mode: "cors" })).blob();
+          m = URL.createObjectURL(A);
         } else
-          return c.emitError({
+          return r.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
             data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
-        if (this._createdBlobUrls.push(f), h === "svg") {
-          const p = yield Ie(f);
-          M = H.groupSVGElements(p.objects, p.options);
+        if (this._createdBlobUrls.push(m), h === "svg") {
+          const y = yield Ie(m);
+          M = R.groupSVGElements(y.objects, y.options);
         } else
-          M = yield Z.fromURL(f, { crossOrigin: "anonymous" });
-        const { width: m, height: j } = M;
-        if (M instanceof Z) {
-          const p = M.getElement();
-          let v = "";
-          if (p instanceof HTMLImageElement ? v = p.src : p instanceof HTMLCanvasElement && (v = p.toDataURL()), j > k || m > T) {
-            const w = yield this.resizeImageToBoundaries(v, "max"), O = URL.createObjectURL(w);
-            this._createdBlobUrls.push(O), M = yield Z.fromURL(O, { crossOrigin: "anonymous" });
-          } else if (j < U || m < B) {
-            const w = yield this.resizeImageToBoundaries(v, "min"), O = URL.createObjectURL(w);
-            this._createdBlobUrls.push(O), M = yield Z.fromURL(O, { crossOrigin: "anonymous" });
+          M = yield U.fromURL(m, { crossOrigin: "anonymous" });
+        const { width: j, height: b } = M;
+        if (M instanceof U) {
+          const y = M.getElement();
+          let A = "";
+          if (y instanceof HTMLImageElement ? A = y.src : y instanceof HTMLCanvasElement && (A = y.toDataURL()), b > T || j > O) {
+            const w = yield this.resizeImageToBoundaries(A, "max"), E = URL.createObjectURL(w);
+            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
+          } else if (b < B || j < x) {
+            const w = yield this.resizeImageToBoundaries(A, "min"), E = URL.createObjectURL(w);
+            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
           }
         }
         if (M.set("id", `${M.type}-${D()}`), M.set("format", h), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
         else {
-          const { width: p, height: v } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
-          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (m > p || j > v) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          const { width: y, height: A } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
+          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (j > y || b > A) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
-        i.add(M), i.centerObject(M), i.setActiveObject(M), i.renderAll(), d.resumeHistory(), n || d.saveState();
+        n.add(M), n.centerObject(M), n.setActiveObject(M), n.renderAll(), d.resumeHistory(), i || d.saveState();
         const L = {
           image: M,
           format: h,
           contentType: l,
           scale: s,
-          withoutSave: n,
+          withoutSave: i,
           source: t
         };
-        return i.fire("editor:image-imported", L), L;
-      } catch (f) {
-        return c.emitError({
+        return n.fire("editor:image-imported", L), L;
+      } catch (m) {
+        return r.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${f.message}`,
-          data: { source: t, format: h, contentType: l, scale: s, withoutSave: n }
+          message: `Ошибка импорта изображения: ${m.message}`,
+          data: { source: t, format: h, contentType: l, scale: s, withoutSave: i }
         }), d.resumeHistory(), null;
       }
     });
@@ -1110,24 +1000,24 @@ class N {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return y(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${T}x${k}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${B}x${U}`);
-      const n = {
+    return I(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${x}x${B}`);
+      const i = {
         dataURL: e,
         sizeType: t,
-        maxWidth: T,
-        maxHeight: k,
-        minWidth: B,
-        minHeight: U
+        maxWidth: O,
+        maxHeight: T,
+        minWidth: x,
+        minHeight: B
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: s,
-        data: n
-      }), this.editor.workerManager.post("resizeImage", n);
+        data: i
+      }), this.editor.workerManager.post("resizeImage", i);
     });
   }
   /**
@@ -1142,28 +1032,28 @@ class N {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return y(this, arguments, function* (e = {}) {
+    return I(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
-        exportAsBase64: n = !1,
-        exportAsBlob: i = !1
+        exportAsBase64: i = !1,
+        exportAsBlob: n = !1
       } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
-        const c = s === "application/pdf", l = c ? "image/jpg" : s, h = N.getFormatFromContentType(l);
+        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = N.getFormatFromContentType(l);
         o.setCoords();
-        const { left: g, top: u, width: f, height: M } = o.getBoundingRect(), m = yield a.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(l) && (m.backgroundColor = "#ffffff");
-        const j = m.getObjects().find((b) => b.id === o.id);
-        j && (j.visible = !1), m.viewportTransform = [1, 0, 0, 1, -g, -u], m.setDimensions({ width: f, height: M }, { backstoreOnly: !0 }), m.renderAll();
-        const L = m.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), j = yield a.clone(["id", "format", "locked"]);
+        ["image/jpg", "image/jpeg"].includes(l) && (j.backgroundColor = "#ffffff");
+        const b = j.getObjects().find((p) => p.id === o.id);
+        b && (b.visible = !1), j.viewportTransform = [1, 0, 0, 1, -g, -u], j.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), j.renderAll();
+        const L = j.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
         if (h === "svg" && L) {
-          const b = m.toSVG();
-          m.dispose();
+          const p = j.toSVG();
+          j.dispose();
           const S = {
-            image: N._exportSVGStringAsFile(b, {
-              exportAsBase64: n,
-              exportAsBlob: i,
+            image: N._exportSVGStringAsFile(p, {
+              exportAsBase64: i,
+              exportAsBlob: n,
               fileName: t
             }),
             format: "svg",
@@ -1172,71 +1062,71 @@ class N {
           };
           return a.fire("editor:canvas-exported", S), S;
         }
-        const p = yield new Promise((b, x) => {
-          m.getElement().toBlob((S) => {
-            S ? b(S) : x(new Error("Failed to create Blob from canvas"));
+        const y = yield new Promise((p, k) => {
+          j.getElement().toBlob((S) => {
+            S ? p(S) : k(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (m.dispose(), i) {
-          const b = {
-            image: p,
+        if (j.dispose(), n) {
+          const p = {
+            image: y,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", b), b;
+          return a.fire("editor:canvas-exported", p), p;
         }
-        const v = yield createImageBitmap(p), w = yield d.post(
+        const A = yield createImageBitmap(y), w = yield d.post(
           "toDataURL",
-          { format: h, quality: 1, bitmap: v },
-          [v]
+          { format: h, quality: 1, bitmap: A },
+          [A]
         );
-        if (c) {
-          const x = f * 0.264583, S = M * 0.264583, fe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, X = new fe({
-            orientation: x > S ? "landscape" : "portrait",
+        if (r) {
+          const k = m * 0.264583, S = M * 0.264583, Me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Me({
+            orientation: k > S ? "landscape" : "portrait",
             unit: "mm",
-            format: [x, S]
+            format: [k, S]
           });
-          if (X.addImage(w, "JPG", 0, 0, x, S), n) {
-            const re = {
-              image: X.output("datauristring"),
+          if (G.addImage(String(w), "JPG", 0, 0, k, S), i) {
+            const oe = {
+              image: G.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return a.fire("editor:canvas-exported", re), re;
+            return a.fire("editor:canvas-exported", oe), oe;
           }
-          const je = X.output("blob"), oe = {
-            image: new File([je], t, { type: "application/pdf" }),
+          const me = G.output("blob"), ae = {
+            image: new File([me], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return a.fire("editor:canvas-exported", oe), oe;
+          return a.fire("editor:canvas-exported", ae), ae;
         }
-        if (n) {
-          const b = {
+        if (i) {
+          const p = {
             image: w,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", b), b;
+          return a.fire("editor:canvas-exported", p), p;
         }
-        const O = h === "svg" && !L ? t.replace(/\.[^/.]+$/, ".png") : t, ae = {
-          image: new File([p], O, { type: l }),
+        const E = h === "svg" && !L ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
+          image: new File([y], E, { type: l }),
           format: h,
           contentType: l,
-          fileName: O
+          fileName: E
         };
-        return a.fire("editor:canvas-exported", ae), ae;
-      } catch (c) {
+        return a.fire("editor:canvas-exported", ne), ne;
+      } catch (r) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${c.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: i }
+          message: `Ошибка экспорта изображения: ${r.message}`,
+          data: { contentType: s, fileName: t, exportAsBase64: i, exportAsBlob: n }
         }), null;
       }
     });
@@ -1253,40 +1143,40 @@ class N {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return y(this, arguments, function* (e = {}) {
+    return I(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
-        contentType: n = "image/png",
-        exportAsBase64: i = !1,
+        contentType: i = "image/png",
+        exportAsBase64: n = !1,
         exportAsBlob: a = !1
-      } = e, { canvas: o, workerManager: d } = this.editor, c = t || o.getActiveObject();
-      if (!c)
+      } = e, { canvas: o, workerManager: d } = this.editor, r = t || o.getActiveObject();
+      if (!r)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
+          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
         }), null;
       try {
-        const l = N.getFormatFromContentType(n);
+        const l = N.getFormatFromContentType(i);
         if (l === "svg") {
-          const M = c.toSVG(), m = N._exportSVGStringAsFile(M, {
-            exportAsBase64: i,
+          const M = r.toSVG(), j = N._exportSVGStringAsFile(M, {
+            exportAsBase64: n,
             exportAsBlob: a,
             fileName: s
-          }), j = {
-            object: c,
-            image: m,
+          }), b = {
+            object: r,
+            image: j,
             format: l,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:object-exported", j), j;
+          return o.fire("editor:object-exported", b), b;
         }
-        if (i && c instanceof Z) {
-          const M = yield createImageBitmap(c.getElement()), m = yield d.post(
+        if (n && r instanceof U) {
+          const M = yield createImageBitmap(r.getElement()), j = yield d.post(
             "toDataURL",
             {
               format: l,
@@ -1294,45 +1184,45 @@ class N {
               bitmap: M
             },
             [M]
-          ), j = {
-            object: c,
-            image: m,
+          ), b = {
+            object: r,
+            image: j,
             format: l,
-            contentType: n,
+            contentType: i,
             fileName: s
           };
-          return o.fire("editor:object-exported", j), j;
+          return o.fire("editor:object-exported", b), b;
         }
-        const h = c.toCanvasElement(), g = yield new Promise((M, m) => {
-          h.toBlob((j) => {
-            j ? M(j) : m(new Error("Failed to create Blob from canvas"));
+        const h = r.toCanvasElement(), g = yield new Promise((M, j) => {
+          h.toBlob((b) => {
+            b ? M(b) : j(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
           const M = {
-            object: c,
+            object: r,
             image: g,
             format: l,
-            contentType: n,
+            contentType: i,
             fileName: s
           };
           return o.fire("editor:object-exported", M), M;
         }
-        const u = new File([g], s, { type: n }), f = {
-          object: c,
+        const u = new File([g], s, { type: i }), m = {
+          object: r,
           image: u,
           format: l,
-          contentType: n,
+          contentType: i,
           fileName: s
         };
-        return o.fire("editor:object-exported", f), f;
+        return o.fire("editor:object-exported", m), m;
       } catch (l) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${l.message}`,
-          data: { contentType: n, fileName: s, exportAsBase64: i, exportAsBlob: a }
+          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
         }), null;
       }
     });
@@ -1364,7 +1254,7 @@ class N {
    * @public
    */
   getContentType(e) {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1375,7 +1265,7 @@ class N {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1399,11 +1289,11 @@ class N {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), i = {};
+      const i = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
       return this.acceptContentTypes.forEach((a) => {
         const o = N.getFormatFromContentType(a);
-        o && (i[o] = a);
-      }), n && i[n] || "application/octet-stream";
+        o && (n[o] = a);
+      }), i && n[i] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1421,8 +1311,8 @@ class N {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const n = s.width, i = s.height, { width: a, height: o } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(n / a, i / o) : t === "cover" || t === "image-cover" ? Math.max(n / a, i / o) : 1;
+    const i = s.width, n = s.height, { width: a, height: o } = e;
+    return t === "contain" || t === "image-contain" ? Math.min(i / a, n / o) : t === "cover" || t === "image-cover" ? Math.max(i / a, n / o) : 1;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1438,9 +1328,9 @@ class N {
   static _exportSVGStringAsFile(e, {
     exportAsBase64: t,
     exportAsBlob: s,
-    fileName: n = "image.svg"
+    fileName: i = "image.svg"
   } = {}) {
-    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], n.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], i.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1454,7 +1344,7 @@ class N {
     return t ? t[1] : "";
   }
 }
-class it {
+class et {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1471,25 +1361,25 @@ class it {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
+    var m;
     if (!e) return;
     const {
-      canvas: i,
+      canvas: n,
       montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: d, height: c } = a, l = Math.max(Math.min(Number(e), T), B);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (f = i.clipPath) == null || f.set({ width: l }), t) {
-      const M = l / d, m = c * M;
-      this.setResolutionHeight(m);
+    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
+    if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = n.clipPath) == null || m.set({ width: l }), t) {
+      const M = l / d, j = r * M;
+      this.setResolutionHeight(j);
       return;
     }
-    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = i.getZoom();
-    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
+    n.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
       width: l,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: i
     });
   }
   /**
@@ -1501,25 +1391,25 @@ class it {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
+    var m;
     if (!e) return;
     const {
-      canvas: i,
+      canvas: n,
       montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: d, height: c } = a, l = Math.max(Math.min(Number(e), k), U);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (f = i.clipPath) == null || f.set({ height: l }), t) {
-      const M = l / c, m = d * M;
-      this.setResolutionWidth(m);
+    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
+    if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = n.clipPath) == null || m.set({ height: l }), t) {
+      const M = l / r, j = d * M;
+      this.setResolutionWidth(j);
       return;
     }
-    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = i.getZoom();
-    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
+    const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
+    n.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
       height: l,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: i
     });
   }
   /**
@@ -1528,16 +1418,16 @@ class it {
    */
   centerMontageArea() {
     var d;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), i = e.getZoom(), a = new W(s / 2, n / 2);
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), i = e.getHeight(), n = e.getZoom(), a = new _(s / 2, i / 2);
     t.set({
       left: s / 2,
-      top: n / 2
+      top: i / 2
     }), (d = e.clipPath) == null || d.set({
       left: s / 2,
-      top: n / 2
+      top: i / 2
     }), e.renderAll();
     const o = e.viewportTransform;
-    o[4] = s / 2 - a.x * i, o[5] = n / 2 - a.y * i, e.setViewportTransform(o), e.renderAll();
+    o[4] = s / 2 - a.x * n, o[5] = i / 2 - a.y * n, e.setViewportTransform(o), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1553,7 +1443,7 @@ class it {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: n, height: i } = s, a = t.getZoom(), o = (n - n * a) / 2, d = (i - i * a) / 2;
+    const { width: i, height: n } = s, a = t.getZoom(), o = (i - i * a) / 2, d = (n - n * a) / 2;
     return { left: o, top: d };
   }
   /**
@@ -1561,7 +1451,7 @@ class it {
    */
   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), x);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1570,7 +1460,7 @@ class it {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, k), U);
+    const t = Math.max(Math.min(e, T), B);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1579,8 +1469,8 @@ class it {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, s = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(s, T), B), a = Math.max(Math.min(n, k), U);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: i, height: a }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = e.editorContainer, s = t.clientWidth, i = t.clientHeight, n = Math.max(Math.min(s, O), x), a = Math.max(Math.min(i, T), B);
+    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: n, height: a }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса и вписывает объекты в монтажную область.
@@ -1593,13 +1483,13 @@ class it {
       selectionManager: t,
       transformManager: s,
       montageArea: {
-        width: n,
-        height: i
+        width: i,
+        height: n
       }
     } = this.editor;
-    this.setResolutionWidth(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea(), t.selectAll(), s.fitObject({ fitAsOneObject: !0, withoutSave: !0 }), e.fire("editor:canvas-updated", {
-      width: n,
-      height: i
+    this.setResolutionWidth(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea(), t.selectAll(), s.fitObject({ fitAsOneObject: !0, withoutSave: !0 }), e.fire("editor:canvas-updated", {
+      width: i,
+      height: n
     });
   }
   /**
@@ -1614,9 +1504,9 @@ class it {
    * @param zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: s } = this.editor, n = s.width * e, i = s.height * e, a = t.wrapperEl.parentNode;
+    const { canvas: t, montageArea: s } = this.editor, i = s.width * e, n = s.height * e, a = t.wrapperEl.parentNode;
     if (!(a instanceof HTMLElement)) return;
-    const o = n <= a.clientWidth ? "100%" : n, d = i <= a.clientHeight ? "100%" : i;
+    const o = i <= a.clientWidth ? "100%" : i, d = n <= a.clientHeight ? "100%" : n;
     t.setDimensions(
       { width: o, height: d },
       { cssOnly: !0 }
@@ -1705,32 +1595,32 @@ class it {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: n, options: { editorContainer: i } } = this.editor, a = [];
+    const { canvas: i, options: { editorContainer: n } } = this.editor, a = [];
     switch (e) {
       case "canvas":
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        a.push(i.lowerCanvasEl, i.upperCanvasEl);
         break;
       case "wrapper":
-        a.push(n.wrapperEl);
+        a.push(i.wrapperEl);
         break;
       case "container":
-        a.push(i);
+        a.push(n);
         break;
       default:
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        a.push(i.lowerCanvasEl, i.upperCanvasEl);
     }
     const o = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      a.forEach((c) => {
-        c.style[o] = s;
+      a.forEach((r) => {
+        r.style[o] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const d = `${s}px`;
-    a.forEach((c) => {
-      c.style[o] = d;
-    }), n.fire(`editor:display-${e}-${o}-changed`, {
+    a.forEach((r) => {
+      r.style[o] = d;
+    }), i.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
       value: s
     });
@@ -1745,26 +1635,26 @@ class it {
    */
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
-      canvas: n,
-      montageArea: i,
+      canvas: i,
+      montageArea: n,
       transformManager: a,
       options: {
         montageAreaWidth: o,
         montageAreaHeight: d
       }
-    } = this.editor, c = e || n.getActiveObject();
-    if (!c || c.type !== "image" && c.format !== "svg") return;
-    const { width: l, height: h } = c;
-    let g = Math.min(l, T), u = Math.min(h, k);
+    } = this.editor, r = e || i.getActiveObject();
+    if (!r || r.type !== "image" && r.format !== "svg") return;
+    const { width: l, height: h } = r;
+    let g = Math.min(l, O), u = Math.min(h, T);
     if (t) {
       const {
-        width: f,
+        width: m,
         height: M
-      } = i, m = l / f, j = h / M, L = Math.max(m, j);
-      g = f * L, u = M * L;
+      } = n, j = l / m, b = h / M, L = Math.max(j, b);
+      g = m * L, u = M * L;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(c, { withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
-      object: c,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), i.centerObject(r), i.renderAll(), s || this.editor.historyManager.saveState(), i.fire("editor:montage-area-scaled-to-image", {
+      object: r,
       width: g,
       height: u,
       preserveAspectRatio: t,
@@ -1789,13 +1679,13 @@ class it {
     const {
       canvas: t,
       transformManager: s,
-      historyManager: n,
+      historyManager: i,
       options: {
-        montageAreaWidth: i,
+        montageAreaWidth: n,
         montageAreaHeight: a
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(a, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
+    s.resetZoom(), this.setResolutionWidth(n, { withoutSave: !0 }), this.setResolutionHeight(a, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || i.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1803,12 +1693,12 @@ class it {
    */
   getObjects() {
     const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: s } } = this.editor;
-    return e.getObjects().filter((i) => i.id !== t.id && i.id !== (s == null ? void 0 : s.id));
+    return e.getObjects().filter((n) => n.id !== t.id && n.id !== (s == null ? void 0 : s.id));
   }
 }
-class at {
+class tt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || et, this.maxZoom = this.options.maxZoom || tt, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || Je, this.maxZoom = this.options.maxZoom || $e, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1818,8 +1708,8 @@ class at {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, i = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = n / a * e, c = i / o * e;
-    this.defaultZoom = Math.min(d, c);
+    const { canvas: t } = this.editor, s = t.editorContainer, i = s.clientWidth, n = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = i / a * e, r = n / o * e;
+    this.defaultZoom = Math.min(d, r);
     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();
   }
@@ -1832,17 +1722,17 @@ class at {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = st, t = {}) {
+  zoom(e = Ke, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: i } = this.editor, a = i.getZoom(), o = i.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (u = t.pointY) != null ? u : o.y, l = new W(d, c);
+    const { minZoom: s, maxZoom: i } = this, { canvas: n } = this.editor, a = n.getZoom(), o = n.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, r = (u = t.pointY) != null ? u : o.y, l = new _(d, r);
     let h = Number((a + Number(e)).toFixed(2));
-    h > n && (h = n), h < s && (h = s), i.zoomToPoint(l, h), console.log({
+    h > i && (h = i), h < s && (h = s), n.zoomToPoint(l, h), console.log({
       currentZoom: a,
       zoom: h,
       point: l
-    }), i.fire("editor:zoom-changed", {
-      currentZoom: i.getZoom(),
+    }), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
       zoom: h,
       point: l
     });
@@ -1853,12 +1743,12 @@ class at {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, i = new W(n.getCenterPoint());
+    const { minZoom: t, maxZoom: s } = this, { canvas: i } = this.editor, n = new _(i.getCenterPoint());
     let a = e;
-    e > s && (a = s), e < t && (a = t), n.zoomToPoint(i, a), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
+    e > s && (a = s), e < t && (a = t), i.zoomToPoint(n, a), i.fire("editor:zoom-changed", {
+      currentZoom: i.getZoom(),
       zoom: a,
-      point: i
+      point: n
     });
   }
   /**
@@ -1866,7 +1756,7 @@ class at {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new W(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new _(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -1879,12 +1769,12 @@ class at {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = nt, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, i = s.getActiveObject();
-    if (!i) return;
-    const a = i.angle + e;
-    i.rotate(a), i.setCoords(), s.renderAll(), t || n.saveState(), s.fire("editor:object-rotated", {
-      object: i,
+  rotate(e = qe, { withoutSave: t } = {}) {
+    const { canvas: s, historyManager: i } = this.editor, n = s.getActiveObject();
+    if (!n) return;
+    const a = n.angle + e;
+    n.rotate(a), n.setCoords(), s.renderAll(), t || i.saveState(), s.fire("editor:object-rotated", {
+      object: n,
       withoutSave: t,
       angle: a
     });
@@ -1896,9 +1786,9 @@ class at {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
-    n && (n.flipX = !n.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
-      object: n,
+    const { canvas: t, historyManager: s } = this.editor, i = t.getActiveObject();
+    i && (i.flipX = !i.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
+      object: i,
       withoutSave: e
     }));
   }
@@ -1909,9 +1799,9 @@ class at {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
-    n && (n.flipY = !n.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
-      object: n,
+    const { canvas: t, historyManager: s } = this.editor, i = t.getActiveObject();
+    i && (i.flipY = !i.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
+      object: i,
       withoutSave: e
     }));
   }
@@ -1928,10 +1818,10 @@ class at {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
-    a && (a instanceof I ? a.getObjects().forEach((o) => {
+    const { canvas: i, historyManager: n } = this.editor, a = e || i.getActiveObject();
+    a && (a instanceof v ? a.getObjects().forEach((o) => {
       o.set("opacity", t);
-    }) : a.set("opacity", t), n.renderAll(), s || i.saveState(), n.fire("editor:object-opacity-changed", {
+    }) : a.set("opacity", t), i.renderAll(), s || n.saveState(), i.fire("editor:object-opacity-changed", {
       object: a,
       opacity: t,
       withoutSave: s
@@ -1952,30 +1842,30 @@ class at {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: s,
-    fitAsOneObject: n
+    fitAsOneObject: i
   } = {}) {
-    const { canvas: i, imageManager: a, historyManager: o } = this.editor, d = e || i.getActiveObject();
+    const { canvas: n, imageManager: a, historyManager: o } = this.editor, d = e || n.getActiveObject();
     if (d) {
-      if (d.set("angle", 0), d instanceof I && !n) {
-        const c = d.getObjects();
-        i.discardActiveObject(), c.forEach((h) => {
+      if (d.set("angle", 0), d instanceof v && !i) {
+        const r = d.getObjects();
+        n.discardActiveObject(), r.forEach((h) => {
           const g = a.calculateScaleFactor({ imageObject: h, scaleType: t });
-          h.scale(g), i.centerObject(h);
+          h.scale(g), n.centerObject(h);
         });
-        const l = new I(c, { canvas: i });
-        i.setActiveObject(l);
+        const l = new v(r, { canvas: n });
+        n.setActiveObject(l);
       } else {
-        const c = a.calculateScaleFactor({
+        const r = a.calculateScaleFactor({
           imageObject: d,
           scaleType: t
         });
-        d.scale(c), i.centerObject(d);
+        d.scale(r), n.centerObject(d);
       }
-      i.renderAll(), s || o.saveState(), i.fire("editor:object-fitted", {
+      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
         object: d,
         type: t,
         withoutSave: s,
-        fitAsOneObject: n
+        fitAsOneObject: i
       });
     }
   }
@@ -1997,36 +1887,36 @@ class at {
    */
   resetObject(e, { alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: n,
-      montageArea: i,
+      canvas: i,
+      montageArea: n,
       imageManager: a,
       historyManager: o,
       options: { scaleType: d }
-    } = this.editor, c = e || n.getActiveObject();
-    if (!c || c.locked) return;
-    if (o.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
+    } = this.editor, r = e || i.getActiveObject();
+    if (!r || r.locked) return;
+    if (o.suspendHistory(), r.type === "image" || r.format === "svg" || r.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: g } = i, { width: u, height: f } = c, M = a.calculateScaleFactor({
-        imageObject: c,
+      const { width: h, height: g } = n, { width: u, height: m } = r, M = a.calculateScaleFactor({
+        imageObject: r,
         scaleType: d
       });
-      d === "contain" && M < 1 || d === "cover" && (u > h || f > g) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 }) : r.set({ scaleX: 1, scaleY: 1 });
     }
-    c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), o.resumeHistory(), s || o.saveState(), n.fire("editor:object-reset", {
-      object: c,
+    r.set({ flipX: !1, flipY: !1, angle: 0 }), i.centerObject(r), i.renderAll(), o.resumeHistory(), s || o.saveState(), i.fire("editor:object-reset", {
+      object: r,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
-class ot {
+class st {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2056,8 +1946,8 @@ class ot {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: n, top: i, width: a, height: o } = t.getBoundingRect();
-    this.overlayMask.set({ left: n, top: i, width: a, height: o }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    const { left: i, top: n, width: a, height: o } = t.getBoundingRect();
+    this.overlayMask.set({ left: i, top: n, width: a, height: o }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
   }
   /**
    * Выключает редактор:
@@ -2068,8 +1958,8 @@ class ot {
   block() {
     if (this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((n) => {
-      n.evented = !1, n.selectable = !1;
+    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((i) => {
+      i.evented = !1, i.selectable = !1;
     }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), s.resumeHistory();
   }
   /**
@@ -2078,12 +1968,12 @@ class ot {
   unblock() {
     if (!this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((n) => {
-      n.evented = !0, n.selectable = !0;
+    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((i) => {
+      i.evented = !0, i.selectable = !0;
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class F {
+class P {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2095,13 +1985,13 @@ class F {
    * @fires editor:object-bring-to-front
    */
   bringToFront(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const i = e || s.getActiveObject();
-    i && (i instanceof I ? i.getObjects().forEach((a) => {
+    const { canvas: s, historyManager: i } = this.editor;
+    i.suspendHistory();
+    const n = e || s.getActiveObject();
+    n && (n instanceof v ? n.getObjects().forEach((a) => {
       s.bringObjectToFront(a);
-    }) : s.bringObjectToFront(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
-      object: i,
+    }) : s.bringObjectToFront(n), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-bring-to-front", {
+      object: n,
       withoutSave: t
     }));
   }
@@ -2113,11 +2003,11 @@ class F {
    * @fires editor:object-bring-forward
    */
   bringForward(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const i = e || s.getActiveObject();
-    i && (i instanceof I ? F._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
-      object: i,
+    const { canvas: s, historyManager: i } = this.editor;
+    i.suspendHistory();
+    const n = e || s.getActiveObject();
+    n && (n instanceof v ? P._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-bring-forward", {
+      object: n,
       withoutSave: t
     }));
   }
@@ -2131,20 +2021,20 @@ class F {
   sendToBack(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: n,
-      historyManager: i,
+      montageArea: i,
+      historyManager: n,
       interactionBlocker: { overlayMask: a }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     const o = e || s.getActiveObject();
     if (o) {
-      if (o instanceof I) {
+      if (o instanceof v) {
         const d = o.getObjects();
-        for (let c = d.length - 1; c >= 0; c -= 1)
-          s.sendObjectToBack(d[c]);
+        for (let r = d.length - 1; r >= 0; r -= 1)
+          s.sendObjectToBack(d[r]);
       } else
         s.sendObjectToBack(o);
-      s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-to-back", {
+      s.sendObjectToBack(i), a && s.sendObjectToBack(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-to-back", {
         object: o,
         withoutSave: t
       });
@@ -2159,13 +2049,13 @@ class F {
   sendBackwards(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: n,
-      historyManager: i,
+      montageArea: i,
+      historyManager: n,
       interactionBlocker: { overlayMask: a }
     } = this.editor;
-    i.suspendHistory();
+    n.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof I ? F._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
+    o && (o instanceof v ? P._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(i), a && s.sendObjectToBack(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-backwards", {
       object: o,
       withoutSave: t
     }));
@@ -2176,18 +2066,18 @@ class F {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(e, t) {
-    const s = e.getObjects(), n = t.getObjects(), i = n.map((o) => s.indexOf(o));
+    const s = e.getObjects(), i = t.getObjects(), n = i.map((o) => s.indexOf(o));
     let a = -1;
     for (let o = 0; o < s.length; o += 1) {
       const d = s[o];
-      if (!n.includes(d) && i.some((c) => o > c)) {
+      if (!i.includes(d) && n.some((r) => o > r)) {
         a = o;
         break;
       }
     }
-    a !== -1 && n.map((d) => ({ obj: d, index: s.indexOf(d) })).sort((d, c) => c.index - d.index).forEach((d) => {
-      const c = s.indexOf(d.obj);
-      c < a && (e.moveObjectTo(d.obj, a), a = c);
+    a !== -1 && i.map((d) => ({ obj: d, index: s.indexOf(d) })).sort((d, r) => r.index - d.index).forEach((d) => {
+      const r = s.indexOf(d.obj);
+      r < a && (e.moveObjectTo(d.obj, a), a = r);
     });
   }
   /**
@@ -2196,12 +2086,12 @@ class F {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(e, t) {
-    const s = e.getObjects(), n = t.getObjects(), i = Math.min(...n.map((a) => s.indexOf(a)));
-    for (let a = n.length - 1; a >= 0; a -= 1)
-      e.moveObjectTo(n[a], i - 1);
+    const s = e.getObjects(), i = t.getObjects(), n = Math.min(...i.map((a) => s.indexOf(a)));
+    for (let a = i.length - 1; a >= 0; a -= 1)
+      e.moveObjectTo(i[a], n - 1);
   }
 }
-class rt {
+class it {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2225,13 +2115,13 @@ class rt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
+  addRectangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `rect-${D()}`,
       left: t,
       top: s,
-      width: n = 100,
-      height: i = 100,
+      width: i = 100,
+      height: n = 100,
       fill: a = "blue"
     } = h, o = Y(h, [
       "id",
@@ -2241,15 +2131,15 @@ class rt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new ve(E({
+    const { canvas: g } = this.editor, u = new ve(f({
       id: e,
       left: t,
       top: s,
-      width: n,
-      height: i,
+      width: i,
+      height: n,
       fill: a
     }, o));
-    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2267,13 +2157,13 @@ class rt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(c = {}, { withoutSelection: o, withoutAdding: d } = {}) {
-    var l = c, {
+  addCircle(r = {}, { withoutSelection: o, withoutAdding: d } = {}) {
+    var l = r, {
       id: e = `circle-${D()}`,
       left: t,
       top: s,
-      radius: n = 50,
-      fill: i = "green"
+      radius: i = 50,
+      fill: n = "green"
     } = l, a = Y(l, [
       "id",
       "left",
@@ -2281,12 +2171,12 @@ class rt {
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ae(E({
+    const { canvas: h } = this.editor, g = new Ae(f({
       id: e,
       left: t,
       top: s,
-      fill: i,
-      radius: n
+      fill: n,
+      radius: i
     }, a));
     return !t && !s && h.centerObject(g), d || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
   }
@@ -2307,13 +2197,13 @@ class rt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
+  addTriangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `triangle-${D()}`,
       left: t,
       top: s,
-      width: n = 100,
-      height: i = 100,
+      width: i = 100,
+      height: n = 100,
       fill: a = "yellow"
     } = h, o = Y(h, [
       "id",
@@ -2323,18 +2213,18 @@ class rt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Se(E({
+    const { canvas: g } = this.editor, u = new Se(f({
       id: e,
       left: t,
       top: s,
       fill: a,
-      width: n,
-      height: i
+      width: i,
+      height: n
     }, o));
-    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class ct {
+class nt {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2372,10 +2262,10 @@ class ct {
       }), this._cloneAndFire(e, s);
       return;
     }
-    const i = s.toCanvasElement().toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), c = new Uint8Array(d.length);
+    const n = s.toCanvasElement().toDataURL(), a = n.slice(5).split(";")[0], o = n.split(",")[1], d = atob(o), r = new Uint8Array(d.length);
     for (let g = 0; g < d.length; g += 1)
-      c[g] = d.charCodeAt(g);
-    const l = new Blob([c.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
+      r[g] = d.charCodeAt(g);
+    const l = new Blob([r.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
     navigator.clipboard.write([h]).catch((g) => {
       t.emitWarning({
         origin: "ClipboardManager",
@@ -2412,21 +2302,21 @@ class ct {
   handlePasteEvent({ clipboardData: e }) {
     var a;
     if (!((a = e == null ? void 0 : e.items) != null && a.length)) return;
-    const { imageManager: t } = this.editor, { items: s } = e, n = s[s.length - 1];
-    if (n.type !== "text/html") {
-      const o = n.getAsFile();
+    const { imageManager: t } = this.editor, { items: s } = e, i = s[s.length - 1];
+    if (i.type !== "text/html") {
+      const o = i.getAsFile();
       if (!o) return;
       const d = new FileReader();
-      d.onload = (c) => {
-        c.target && this.editor.imageManager.importImage({ source: c.target.result });
+      d.onload = (r) => {
+        r.target && this.editor.imageManager.importImage({ source: r.target.result });
       }, d.readAsDataURL(o);
       return;
     }
-    const i = e.getData("text/html");
-    if (i) {
-      const c = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-      if (c != null && c.src) {
-        t.importImage({ source: c.src });
+    const n = e.getData("text/html");
+    if (n) {
+      const r = new DOMParser().parseFromString(n, "text/html").querySelector("img");
+      if (r != null && r.src) {
+        t.importImage({ source: r.src });
         return;
       }
     }
@@ -2437,7 +2327,7 @@ class ct {
    * @fires editor:object-pasted
    */
   paste() {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return;
       const t = yield this.clipboard.clone(["format"]);
@@ -2446,13 +2336,13 @@ class ct {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof I ? (t.canvas = e, t.forEachObject((s) => {
+      }), t instanceof v ? (t.canvas = e, t.forEachObject((s) => {
         e.add(s);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
   }
 }
-class V {
+class F {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2465,7 +2355,7 @@ class V {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
+    const { canvas: i, historyManager: n } = this.editor, a = e || i.getActiveObject();
     if (!a || a.locked) return;
     const o = {
       lockMovementX: !0,
@@ -2477,9 +2367,9 @@ class V {
       lockSkewingY: !0,
       locked: !0
     };
-    a.set(o), !t && V._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
-      c.set(o);
-    }), n.renderAll(), s || i.saveState(), n.fire("editor:object-locked", {
+    a.set(o), !t && F._isGroupOrSelection(a) && a.getObjects().forEach((r) => {
+      r.set(o);
+    }), i.renderAll(), s || n.saveState(), i.fire("editor:object-locked", {
       object: a,
       skipInnerObjects: t,
       withoutSave: s
@@ -2493,8 +2383,8 @@ class V {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, i = e || s.getActiveObject();
-    if (!i) return;
+    const { canvas: s, historyManager: i } = this.editor, n = e || s.getActiveObject();
+    if (!n) return;
     const a = {
       lockMovementX: !1,
       lockMovementY: !1,
@@ -2505,18 +2395,18 @@ class V {
       lockSkewingY: !1,
       locked: !1
     };
-    i.set(a), V._isGroupOrSelection(i) && i.getObjects().forEach((o) => {
+    n.set(a), F._isGroupOrSelection(n) && n.getObjects().forEach((o) => {
       o.set(a);
-    }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
-      object: i,
+    }), s.renderAll(), t || i.saveState(), s.fire("editor:object-unlocked", {
+      object: n,
       withoutSave: t
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof I || e instanceof Q;
+    return e instanceof v || e instanceof X;
   }
 }
-class dt {
+class at {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2531,13 +2421,13 @@ class dt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const i = e || s.getActiveObject();
-    if (!i || !(i instanceof I)) return;
-    const a = i.getObjects(), o = new Q(a);
-    a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
-      object: i,
+    const { canvas: s, historyManager: i } = this.editor;
+    i.suspendHistory();
+    const n = e || s.getActiveObject();
+    if (!n || !(n instanceof v)) return;
+    const a = n.getObjects(), o = new X(a);
+    a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-grouped", {
+      object: n,
       group: o,
       withoutSave: t
     });
@@ -2553,23 +2443,23 @@ class dt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const i = e || s.getActiveObject();
-    if (!(i instanceof Q)) return;
-    const a = i.removeAll();
-    s.remove(i), a.forEach((d) => s.add(d));
-    const o = new I(a, {
+    const { canvas: s, historyManager: i } = this.editor;
+    i.suspendHistory();
+    const n = e || s.getActiveObject();
+    if (!(n instanceof X)) return;
+    const a = n.removeAll();
+    s.remove(n), a.forEach((d) => s.add(d));
+    const o = new v(a, {
       canvas: s
     });
-    s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
-      object: i,
+    s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-ungrouped", {
+      object: n,
       selection: o,
       withoutSave: t
     });
   }
 }
-class lt {
+class ot {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2580,11 +2470,11 @@ class lt {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new I(t.getObjects(), { canvas: e }) : n[0];
-    i && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
+    const i = t.getObjects(), n = i.some((o) => o.locked), a = i.length > 1 ? new v(t.getObjects(), { canvas: e }) : i[0];
+    n && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class ht {
+class rt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2599,20 +2489,20 @@ class ht {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n, groupingManager: i } = this.editor, a = (e || s.getActiveObjects()).filter((o) => !o.locked);
-    a != null && a.length && (n.suspendHistory(), a.forEach((o) => {
+    const { canvas: s, historyManager: i, groupingManager: n } = this.editor, a = (e || s.getActiveObjects()).filter((o) => !o.locked);
+    a != null && a.length && (i.suspendHistory(), a.forEach((o) => {
       if (o.type === "group" && o.format !== "svg") {
-        i.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
+        n.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
       s.remove(o);
-    }), s.discardActiveObject(), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-deleted", {
+    }), s.discardActiveObject(), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-deleted", {
       objects: a,
       withoutSave: t
     }));
   }
 }
-const gt = {
+const ct = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2674,7 +2564,7 @@ const gt = {
     REDO_ERROR: "REDO_ERROR"
   }
 };
-class G {
+class V {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -2700,22 +2590,22 @@ class G {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: i }) {
-    if (!G.isValidErrorCode(s)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: i, message: n }) {
+    if (!V.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const a = i || s;
-    console.error(`${e}. ${t}. ${s}. ${a}`, n);
+    const a = n || s;
+    console.error(`${e}. ${t}. ${s}. ${a}`, i);
     const o = {
       code: s,
       origin: e,
       method: t,
       message: a,
-      data: n
+      data: i
     };
-    this._buffer.push(E({
+    this._buffer.push(f({
       type: "editor:error"
     }, o)), this.editor.canvas.fire("editor:error", o);
   }
@@ -2729,21 +2619,21 @@ class G {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: i }) {
-    if (!G.isValidErrorCode(s)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: i, data: n }) {
+    if (!V.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const a = n || s;
-    console.warn(`${e}. ${t}. ${s}. ${a}`, i);
+    const a = i || s;
+    console.warn(`${e}. ${t}. ${s}. ${a}`, n);
     const o = {
       code: s,
       origin: e,
       method: t,
       message: a,
-      data: i
+      data: n
     };
-    this._buffer.push(E({
+    this._buffer.push(f({
       type: "editor:warning"
     }, o)), this.editor.canvas.fire("editor:warning", o);
   }
@@ -2753,7 +2643,7 @@ class G {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(gt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(ct).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
 class ie {
@@ -2771,23 +2661,23 @@ class ie {
    * @fires editor:ready
    */
   init() {
-    return y(this, null, function* () {
+    return I(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: s,
-        canvasWrapperHeight: n,
-        canvasCSSWidth: i,
+        canvasWrapperHeight: i,
+        canvasCSSWidth: n,
         canvasCSSHeight: a,
         initialImage: o,
         initialStateJSON: d,
-        scaleType: c,
+        scaleType: r,
         _onReadyCallback: l
       } = this.options;
-      if (Re.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Oe(), this.workerManager = new Ee(), this.errorManager = new G({ editor: this }), this.historyManager = new qe({ editor: this }), this.toolbar = new Ke({ editor: this }), this.transformManager = new at({ editor: this }), this.canvasManager = new it({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new F({ editor: this }), this.shapeManager = new rt({ editor: this }), this.interactionBlocker = new ot({ editor: this }), this.clipboardManager = new ct({ editor: this }), this.objectLockManager = new V({ 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(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
+      if (Re.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Oe(), this.errorManager = new V({ editor: this }), this.historyManager = new Qe({ editor: this }), this.toolbar = new Xe({ editor: this }), this.transformManager = new tt({ editor: this }), this.canvasManager = new et({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new it({ editor: this }), this.interactionBlocker = new st({ editor: this }), this.clipboardManager = new nt({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new at({ editor: this }), this.selectionManager = new ot({ editor: this }), this.deletionManager = new rt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
         const {
           source: h,
-          scale: g = `image-${c}`,
+          scale: g = `image-${r}`,
           withoutSave: u = !0
         } = o;
         yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
@@ -2863,7 +2753,7 @@ class ie {
     });
   }
 }
-const ut = {
+const dt = {
   /**
    * Опции редактора
    */
@@ -2951,18 +2841,18 @@ const ut = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function It(r, e = {}) {
-  const t = E(E({}, ut), e), s = document.getElementById(r);
+function ft(c, e = {}) {
+  const t = f(f({}, dt), e), s = document.getElementById(c);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
-  const n = document.createElement("canvas");
-  return n.id = `${r}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((i) => {
-    t._onReadyCallback = i;
-    const a = new ie(n.id, t);
-    window[r] = a;
+    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
+  const i = document.createElement("canvas");
+  return i.id = `${c}-canvas`, s.appendChild(i), t.editorContainer = s, new Promise((n) => {
+    t._onReadyCallback = n;
+    const a = new ie(i.id, t);
+    window[c] = a;
   });
 }
 export {
-  It as default
+  ft as default
 };
 //# sourceMappingURL=main.js.map