npm - @anu3ev/fabric-image-editor - Versions diffs - 0.1.46 → 0.1.48 - Mend

@anu3ev/fabric-image-editor 0.1.46 → 0.1.48

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

Files changed (3) hide show

package/dist/main.js +1126 -1324
package/dist/{worker.js → worker.ts} +13 -3
package/package.json +1 -1

package/dist/main.js CHANGED Viewed

@@ -1,65 +1,67 @@
-var fe = Object.defineProperty;
-var _ = Object.getOwnPropertySymbols;
-var re = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
-var oe = (r, e, t) => e in r ? fe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, N = (r, e) => {
+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 = {}))
-    re.call(e, t) && oe(r, t, e[t]);
-  if (_)
-    for (var t of _(e))
-      ce.call(e, t) && oe(r, t, e[t]);
-  return r;
-};
-var 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 a in r)
-    re.call(r, a) && e.indexOf(a) < 0 && (t[a] = r[a]);
-  if (r != null && _)
-    for (var a of _(r))
-      e.indexOf(a) < 0 && ce.call(r, a) && (t[a] = r[a]);
+  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 b = (r, e, t) => new Promise((a, s) => {
-  var i = (c) => {
+var I = (c, e, t) => new Promise((s, i) => {
+  var n = (d) => {
     try {
-      o(t.next(c));
-    } catch (d) {
-      s(d);
+      o(t.next(d));
+    } catch (r) {
+      i(r);
     }
-  }, n = (c) => {
+  }, a = (d) => {
     try {
-      o(t.throw(c));
-    } catch (d) {
-      s(d);
+      o(t.throw(d));
+    } catch (r) {
+      i(r);
     }
-  }, o = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
-  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 E, util as H, controlsUtils as ve, InteractiveFabricObject as be, loadSVGFromURL as ye, FabricImage as Z, Point as W, Rect as pe, Circle as Ie, Triangle as Ae, Group as de, Canvas as Se, Pattern as Ce } from "fabric";
+import { 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 we from "diff-match-patch";
-var Le = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
-  for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += Le[a[e] & 63];
+import Le from "diff-match-patch";
+var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
+  for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
+    t += we[s[e] & 63];
   return t;
 };
-class R {
+class z {
   /**
    * Конструктор принимает редактор и опции.
-   * @param {Object} params
-   * @param {ImageEditor} params.editor – редактор, содержащий canvas
-   * @param {Object} params.options — настройки редактора (см. defaults.js)
-   * @param {Boolean} [params.options.canvasDragging] — включить перетаскивание канваса
-   * @param {Boolean} [params.options.mouseWheelZooming] — включить зум колесом мыши
-   * @param {Boolean} [params.options.bringToFrontOnSelection] — поднимать объект на передний план при выборе
-   * @param {Boolean} [params.options.copyObjectsByHotkey] — копировать объекты по Ctrl+C
-   * @param {Boolean} [params.options.pasteImageFromClipboard] — вставлять изображения и объекты из буфера обмена
-   * @param {Boolean} [params.options.undoRedoByHotKeys] — отмена/повтор по Ctrl+Z/Ctrl+Y
-   * @param {Boolean} [params.options.selectAllByHotkey] — выделение всех объектов по Ctrl+A
-   * @param {Boolean} [params.options.deleteObjectsByHotkey] — удаление объектов по Delete
-   * @param {Boolean} [params.options.resetObjectFitByDoubleClick] — сброс фита объекта по двойному клику
+   * @param params
+   * @param params.editor – редактор, содержащий canvas
+   * @param params.options — настройки редактора (см. defaults.js)
+   * @param params.options.canvasDragging — включить перетаскивание канваса
+   * @param params.options.mouseWheelZooming — включить зум колесом мыши
+   * @param params.options.bringToFrontOnSelection — поднимать объект на передний план при выборе
+   * @param params.options.copyObjectsByHotkey — копировать объекты по Ctrl+C
+   * @param params.options.pasteImageFromClipboard — вставлять изображения и объекты из буфера обмена
+   * @param params.options.undoRedoByHotKeys — отмена/повтор по Ctrl+Z/Ctrl+Y
+   * @param params.options.selectAllByHotkey — выделение всех объектов по Ctrl+A
+   * @param params.options.deleteObjectsByHotkey — удаление объектов по Delete
+   * @param params.options.resetObjectFitByDoubleClick — сброс фита объекта по двойному клику
+   * @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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -68,38 +70,38 @@ class R {
     const {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
-      mouseWheelZooming: a,
-      bringToFrontOnSelection: s,
-      copyObjectsByHotkey: i,
-      pasteImageFromClipboard: n,
+      mouseWheelZooming: s,
+      bringToFrontOnSelection: i,
+      copyObjectsByHotkey: n,
+      pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
-      selectAllByHotkey: c,
-      deleteObjectsByHotkey: d,
+      selectAllByHotkey: d,
+      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 })), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), s && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
-   * @param {{ selected: FabricObject[], e?: TPointerEvent }} params - параметры события
-   * @param {FabricObject[]} params.selected - массив выделенных объектов
-   * @param {TPointerEvent} [params.e] - событие указателя (опционально)
+   * @param params - параметры события
+   * @param params.selected - массив выделенных объектов
+   * @param params.e - событие указателя (опционально)
    */
   _filterLockedSelection({ selected: e, e: t }) {
-    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((n) => n.locked)) return;
-    const s = e.filter((n) => !n.locked);
-    if (s.length === 0) {
+    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((a) => a.locked)) return;
+    const i = e.filter((a) => !a.locked);
+    if (i.length === 0) {
       this.canvas.discardActiveObject();
       return;
     }
-    if (s.length === 1) {
-      this.canvas.setActiveObject(s[0]);
+    if (i.length === 1) {
+      this.canvas.setActiveObject(i[0]);
       return;
     }
-    const i = new E(s, {
+    const n = new v(i, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
+    this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -134,58 +136,58 @@ class R {
   }
   /**
    * Обработчик для Ctrl+C (копирование).
-   * @param {KeyboardEvent} event — объект события
-   * @param {Boolean} event.ctrlKey — зажата ли клавиша Ctrl
-   * @param {Boolean} event.metaKey — зажата ли клавиша Cmd (для Mac)
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.ctrlKey — зажата ли клавиша Ctrl
+   * @param event.metaKey — зажата ли клавиша Cmd (для Mac)
+   * @param event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: s } = e;
-    !t && !a || s !== "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());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
-   * @param {ClipboardEvent} event — объект события
+   * @param event — объект события
    */
   handlePasteEvent(e) {
     this.editor.clipboardManager.handlePasteEvent(e);
   }
   /**
    * Обработчик для отмены/повтора (Ctrl+Z/Ctrl+Y).
-   *  @param {Object} event — объект события
-   * @param {Boolean} event.ctrlKey — зажата ли клавиша Ctrl
-   * @param {Boolean} event.metaKey — зажата ли клавиша Cmd (для Mac)
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.ctrlKey — зажата ли клавиша Ctrl
+   * @param event.metaKey — зажата ли клавиша Cmd (для Mac)
+   * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return b(this, null, function* () {
-      const { ctrlKey: t, metaKey: a, code: s, repeat: i } = e;
-      !t && !a || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (s === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : s === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+    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()));
     });
   }
   /**
    * Обработчик для отпускания клавиш Ctrl+Z/Ctrl+Y.
-   * @param {Object} event — объект события
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.code — код клавиши
    */
   handleUndoRedoKeyUp({ code: e }) {
     ["KeyZ", "KeyY"].includes(e) && (this.isUndoRedoKeyPressed = !1);
   }
   /**
    * Обработчик для выделения всех объектов (Ctrl+A).
-   * @param {Object} event — объект события
-   * @param {Boolean} event.ctrlKey — зажата ли клавиша Ctrl
-   * @param {Boolean} event.metaKey — зажата ли клавиша Cmd (для Mac)
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.ctrlKey — зажата ли клавиша Ctrl
+   * @param event.metaKey — зажата ли клавиша Cmd (для Mac)
+   * @param event.code — код клавиши
    */
   handleSelectAllEvent(e) {
-    const { ctrlKey: t, metaKey: a, code: s } = e;
-    !t && !a || s !== "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).
-   * @param {Object} event — объект события
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.code — код клавиши
    */
   handleDeleteObjectsEvent(e) {
     e.code === "Delete" && (e.preventDefault(), this.editor.deletionManager.deleteSelectedObjects());
@@ -193,17 +195,17 @@ class R {
   /**
    * Обработчик для нажатия пробела.
    * Отключает выделение объектов и делает курсор "grab" для перетаскивания канваса.
-   * @param {Object} event — объект события
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.code — код клавиши
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space") return;
-    const { canvas: t, editor: a, isSpacePressed: s, isDragging: i } = this;
-    s || 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"), a.canvasManager.getObjects().forEach((n) => {
-      n.set({
+    }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
+      a.set({
         selectable: !1,
         evented: !1
       });
@@ -213,8 +215,8 @@ class R {
    * Обработчик для отпускания пробела.
    * Завершает перетаскивание канваса, если оно активно.
    * Включает выделение объектов и возвращает курсор в состояние "default".
-   * @param {Object} event — объект события
-   * @param {String} event.code — код клавиши
+   * @param event — объект события
+   * @param event.code — код клавиши
    */
   handleSpaceKeyUp(e) {
     e.code === "Space" && (this.isSpacePressed = !1, this.isDragging && this.handleCanvasDragEnd(), this.canvas.set({
@@ -230,16 +232,16 @@ class R {
   // --- Обработчики для событий canvas (Fabric) ---
   /**
    * Начало перетаскивания канваса (срабатывает при mouse:down и зажатом пробеле).
-   * @param {TPointerEventInfo<TPointerEvent>} options - событие указателя
-   * @param {TPointerEvent} options.e — объект события (MouseEvent или TouchEvent)
+   * @param options - событие указателя
+   * @param options.e — объект события (MouseEvent или TouchEvent)
    */
   handleCanvasDragStart({ e }) {
     !this.isSpacePressed || !(e instanceof MouseEvent) || (this.isDragging = !0, this.lastMouseX = e.clientX, this.lastMouseY = e.clientY, this.canvas.setCursor("grabbing"));
   }
   /**
    * Перетаскивание канваса (mouse:move).
-   * @param {TPointerEventInfo<TPointerEvent>} options
-   * @param {MouseEvent} options.e — объект события
+   * @param options
+   * @param options.e — объект события
    *
    * TODO: Надо как-то ограничить область перетаскивания, чтобы канвас не уходил сильно далеко за пределы экрана
    */
@@ -257,18 +259,18 @@ class R {
   }
   /**
    * Обработчик зума колесиком мыши. Работает при зажатом Ctrl или Cmd.
-   * @param {TPointerEventInfo<WheelEvent>} options - правильно!
-   * @param {WheelEvent} options.e — объект события
+   * @param options
+   * @param options.e - объект события
    */
   handleMouseWheelZoom({ e }) {
     if (!e.ctrlKey && !e.metaKey) return;
-    const a = -e.deltaY * 1e-3;
-    this.editor.transformManager.zoom(a), e.preventDefault(), e.stopPropagation();
+    const s = -e.deltaY * 1e-3;
+    this.editor.transformManager.zoom(s), e.preventDefault(), e.stopPropagation();
   }
   /**
    * Обработчик, поднимающий выделенные объекты на передний план.
-   * @param {{ selected: FabricObject[] }} event - объект события выделения
-   * @param {FabricObject[]} event.selected - массив выбранных объектов
+   * @param event - объект события выделения
+   * @param event.selected - массив выбранных объектов
    */
   handleBringToFront({ selected: e }) {
     e != null && e.length && e.forEach((t) => {
@@ -277,7 +279,7 @@ class R {
   }
   /**
    * Обработчик сброса объекта по двойному клику.
-   * @param {TPointerEventInfo<TPointerEvent>} options - объект события fabric
+   * @param options - объект события fabric
    */
   handleResetObjectFit(e) {
     const t = e == null ? void 0 : e.target;
@@ -296,17 +298,17 @@ class R {
    * @returns новую обёртку-обработчик
    */
   static debounce(e, t) {
-    let a = null;
-    return function(...s) {
-      a !== null && clearTimeout(a), a = setTimeout(() => {
-        e.apply(this, s);
+    let s = null;
+    return function(...i) {
+      s !== null && clearTimeout(s), s = setTimeout(() => {
+        e.apply(this, i);
       }, t);
     };
   }
 }
-class Ne {
+class Ee {
   /**
-   * @description Класс для динамической загрузки внешних модулей.
+   * Класс для динамической загрузки внешних модулей.
    */
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.loaders = {
@@ -315,63 +317,50 @@ class Ne {
   }
   /**
    * Загружает модуль по имени и сохраняет промис в кеше.
-   * @param {string} name — строковый литерал, например 'fabric' или '../helpers'
-   * @returns {Promise<Module>} — namespace-объект ES-модуля
+   * @param name — строковый литерал, например 'jspdf'.
+   * @returns Промис, который разрешается в загруженный модуль.
    */
   loadModule(e) {
-    return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error('Unknown module "'.concat(e, '"')));
+    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: a,
-      success: s,
-      data: i,
-      error: n
-    } = t, o = this._callbacks.get(a);
-    o && (s ? o.resolve(i) : o.reject(new Error(n)), this._callbacks.delete(a));
+   * @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 a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], s = "".concat(e, ":").concat(D(8));
-    return new Promise((i, n) => {
-      this._callbacks.set(s, {
-        resolve: i,
-        reject: n
-      }), this.worker.postMessage({
-        action: e,
-        payload: t,
-        requestId: s
-      }, a);
+   * @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);
     });
   }
   /**
@@ -381,136 +370,112 @@ class Ee {
     this.worker.terminate();
   }
 }
-const S = 12, Oe = 2, X = 8, Q = 20, Te = 100, J = 20, $ = 8, ke = 100, K = 32, q = 1, xe = "#2B2D33", ee = "#3D8BF4", te = "#FFFFFF";
-function P(r, e, t, a, s) {
-  const i = S, n = Oe;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-12 / 2, -12 / 2, i, i, n), r.fill(), r.stroke(), r.restore();
+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 le(r, e, t, a, s) {
-  const i = X, n = Q, o = Te;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-8 / 2, -20 / 2, i, n, o), r.fill(), r.stroke(), r.restore();
+function 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 he(r, e, t, a, s) {
-  const i = J, n = $, o = ke;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = te, r.strokeStyle = ee, r.lineWidth = q, r.beginPath(), r.roundRect(-20 / 2, -8 / 2, i, n, o), r.fill(), r.stroke(), r.restore();
+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 Be = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Me = new Image();
-Me.src = Be;
-function Ue(r, e, t, a, s) {
-  const n = K / 2;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(s.angle)), r.fillStyle = xe, r.beginPath(), r.arc(0, 0, n, 0, 2 * Math.PI), r.fill(), r.drawImage(Me, -16 / 2, -16 / 2, n, n), r.restore();
+const 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 = {
+const ze = {
   // Угловые точки
   tl: {
-    render: P,
-    sizeX: S,
-    sizeY: S,
+    render: W,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: P,
-    sizeX: S,
-    sizeY: S,
+    render: W,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: P,
-    sizeX: S,
-    sizeY: S,
+    render: W,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: P,
-    sizeX: S,
-    sizeY: S,
+    render: W,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
-    render: le,
-    sizeX: X,
-    sizeY: Q,
+    render: he,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: le,
-    sizeX: X,
-    sizeY: Q,
+    render: he,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: he,
-    sizeX: J,
-    sizeY: $,
+    render: ge,
+    sizeX: $,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: he,
-    sizeX: J,
-    sizeY: $,
+    render: ge,
+    sizeX: $,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ue,
-    sizeX: K,
-    sizeY: K,
+    render: Ze,
+    sizeX: q,
+    sizeY: q,
     offsetX: 0,
     offsetY: -32
   }
 };
-class ze {
+class Re {
   static apply() {
-    const e = ve.createObjectDefaultControls();
-    Object.entries(Ze).forEach(([t, a]) => {
+    const e = pe.createObjectDefaultControls();
+    Object.entries(ze).forEach(([t, s]) => {
       Object.assign(e[t], {
-        render: a.render,
-        sizeX: a.sizeX,
-        sizeY: a.sizeY,
-        offsetX: a.offsetX,
-        offsetY: a.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (i, n, o, c) => {
+        render: s.render,
+        sizeX: s.sizeX,
+        sizeY: s.sizeY,
+        offsetX: s.offsetX,
+        offsetY: s.offsetY
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (n, a, o, d) => {
         var l;
-        (l = n.target.canvas) == null || l.setCursor("grabbing");
+        (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), be.ownDefaults.controls = e;
+    }), ye.ownDefaults.controls = e;
   }
 }
-var Re = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function ge(r, e, t, a, s, i, n) {
-  try {
-    var o = r[i](n), c = o.value;
-  } catch (d) {
-    return void t(d);
-  }
-  o.done ? e(c) : Promise.resolve(c).then(a, s);
-}
-function Ge(r) {
-  return function() {
-    var e = this, t = arguments;
-    return new Promise(function(a, s) {
-      var i = r.apply(e, t);
-      function n(c) {
-        ge(i, a, s, n, o, "next", c);
-      }
-      function o(c) {
-        ge(i, a, s, n, o, "throw", c);
-      }
-      n(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",
@@ -545,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: Re,
-    delete: Ve,
-    lock: He,
-    unlock: _e,
-    bringToFront: We,
-    sendToBack: Fe,
-    bringForward: Ye,
+    copyPaste: He,
+    delete: Ge,
+    lock: Ye,
+    unlock: We,
+    bringToFront: Fe,
+    sendToBack: Ve,
+    bringForward: _e,
     sendBackwards: Pe
   },
   handlers: {
-    copyPaste: function() {
-      var r = Ge(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 ue(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(r);
-    e && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), t.push.apply(t, a);
-  }
-  return t;
-}
-function p(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? ue(Object(t), !0).forEach(function(a) {
-      Xe(r, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : ue(Object(t)).forEach(function(a) {
-      Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(t, a));
-    });
+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 r;
-}
-function Xe(r, e, t) {
-  return (e = Qe(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
-}
-function Qe(r) {
-  var e = Je(r, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function Je(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var a = t.call(r, e);
-    if (typeof a != "object") return a;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-class $e {
-  /**
-   * @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 a = this.options.toolbar || {};
-      this.config = p(p(p({}, z), a), {}, {
-        style: p(p({}, z.style), a.style || {}),
-        btnStyle: p(p({}, z.btnStyle), a.btnStyle || {}),
-        icons: p(p({}, z.icons), a.icons || {}),
-        handlers: p(p({}, z.handlers), a.handlers || {})
-      }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
-        this.el.style.display = "none";
-      }, this._createDOM(), this._bindEvents();
-    }
+  _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 a = t.target.closest("button");
-      a && Object.assign(a.style, this.config.btnHover);
+      const i = t.target.closest("button");
+      i && Object.assign(i.style, this.config.btnHover);
     }, this._onBtnOut = (t) => {
-      var a = t.target.closest("button");
-      a && Object.assign(a.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 a = function() {
-      var {
-        name: n,
-        handle: o
-      } = s, {
-        icons: c,
-        btnStyle: d,
-        handlers: l
-      } = t.config, h = document.createElement("button");
-      h.innerHTML = c[o] ? '<img src="'.concat(c[o], '" title="').concat(n, '" />') : n, Object.assign(h.style, d), h.onclick = () => {
-        var g;
-        return (g = l[o]) === null || g === void 0 ? void 0 : g.call(l, t.editor);
-      }, t.el.appendChild(h);
-    };
-    for (var s of e)
-      a();
+    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 a = t ? this.config.lockedActions : this.config.actions;
-        this._renderButtons(a);
-      }
-      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: a,
-        canvas: s
-      } = this;
-      e.setCoords();
-      var i = s.getZoom(), [, , , , n, o] = s.viewportTransform, {
-        x: c
-      } = e.getCenterPoint(), {
-        top: d,
-        height: l
-      } = e.getBoundingRect(!1, !0), h = c * i + n, g = h - t.offsetWidth / 2, u = (d + l) * i + o + a.offsetTop;
-      Object.assign(t.style, {
-        left: "".concat(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 Ke {
+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();
   }
@@ -837,7 +728,7 @@ class Ke {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: we,
+        diffMatchPatch: Le,
         minLength: 60
       }
     });
@@ -852,14 +743,12 @@ class Ke {
   }
   /**
    * Проверяет, есть ли в редакторе несохранённые изменения
-   * @returns {boolean}
    */
   hasUnsavedChanges() {
     return this.totalChangesCount > 0;
   }
   /**
    * Получает текущую позицию в общей истории изменений
-   * @returns {number}
    */
   getCurrentChangePosition() {
     return this.baseStateChangesCount + this.currentIndex;
@@ -868,11 +757,11 @@ class Ke {
    * Получаем полное состояние, применяя все диффы к базовому состоянию.
    */
   getFullState() {
-    const { baseState: e, currentIndex: t, patches: a } = this;
-    let s = JSON.parse(JSON.stringify(e));
-    for (let i = 0; i < t; i += 1)
-      s = this.diffPatcher.patch(s, a[i].diff);
-    return console.log("getFullState state", s), s;
+    const { baseState: e, currentIndex: t, patches: s } = this;
+    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;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -900,28 +789,28 @@ class Ke {
       this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
       return;
     }
-    const t = this.getFullState(), a = this.diffPatcher.diff(t, e);
-    if (!a) {
+    const t = this.getFullState(), s = this.diffPatcher.diff(t, e);
+    if (!s) {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({ id: D(), diff: a }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: D(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Функция загрузки состояния в канвас.
-   * @param {Partial<Canvas>} fullState - полное состояние канваса
+   * @param fullState - полное состояние канваса
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: a, interactionBlocker: s } = this.editor, { width: i, height: n } = t;
+      const { canvas: t, canvasManager: s, interactionBlocker: i } = this.editor, { width: n, height: a } = t;
       yield t.loadFromJSON(e);
-      const o = t.getObjects().find((d) => d.id === "montage-area");
-      o && (this.editor.montageArea = o, (i !== e.width || n !== e.height) && a.updateCanvasAndFitObjects());
-      const c = t.getObjects().find((d) => d.id === "overlay-mask");
-      c && (s.overlayMask = c, s.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+      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,
@@ -936,7 +825,7 @@ class Ke {
    * @fires editor:undo
    */
   undo() {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -973,7 +862,7 @@ class Ke {
    * @fires editor:redo
    */
   redo() {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1006,8 +895,8 @@ class Ke {
     });
   }
 }
-const qe = 0.1, et = 2, tt = 0.1, at = 90, B = 16, U = 16, O = 4096, T = 4096;
-class C {
+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,81 +912,82 @@ class C {
    * @param options.withoutSave - Не сохранять в историю изменений
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
-  importImage(s) {
-    return b(this, arguments, function* ({
-      source: e,
-      scale: t = `image-${this.options.scaleType}`,
-      withoutSave: a = !1
-    }) {
-      if (!e) return null;
-      const { canvas: i, montageArea: n, transformManager: o, historyManager: c, errorManager: d } = this.editor, l = yield this.getContentType(e), h = C.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+  importImage(e) {
+    return I(this, null, function* () {
+      const {
+        source: t,
+        scale: s = `image-${this.options.scaleType}`,
+        withoutSave: i = !1
+      } = e;
+      if (!t) return null;
+      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 m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return d.emitError({
+        return r.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
           message: m,
-          data: { source: e, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
+          data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
         }), null;
       }
-      c.suspendHistory();
+      d.suspendHistory();
       try {
         let m, M;
-        if (e instanceof File)
-          m = URL.createObjectURL(e);
-        else if (typeof e == "string") {
-          const y = yield (yield fetch(e, { mode: "cors" })).blob();
-          m = URL.createObjectURL(y);
+        if (t instanceof File)
+          m = URL.createObjectURL(t);
+        else if (typeof t == "string") {
+          const A = yield (yield fetch(t, { mode: "cors" })).blob();
+          m = URL.createObjectURL(A);
         } else
-          return d.emitError({
+          return r.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-            data: { source: e, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
+            data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
         if (this._createdBlobUrls.push(m), h === "svg") {
-          const v = yield ye(m);
-          M = H.groupSVGElements(v.objects, v.options);
+          const y = yield Ie(m);
+          M = R.groupSVGElements(y.objects, y.options);
         } else
-          M = yield Z.fromURL(m, { crossOrigin: "anonymous" });
-        const { width: j, height: w } = M;
-        if (M instanceof Z) {
-          const v = M.getElement();
-          let y = "";
-          if (v instanceof HTMLImageElement ? y = v.src : v instanceof HTMLCanvasElement && (y = v.toDataURL()), w > T || j > O) {
-            const L = yield this.resizeImageToBoundaries(y, "max"), k = URL.createObjectURL(L);
-            this._createdBlobUrls.push(k), M = yield Z.fromURL(k, { crossOrigin: "anonymous" });
-          } else if (w < U || j < B) {
-            const L = yield this.resizeImageToBoundaries(y, "min"), k = URL.createObjectURL(L);
-            this._createdBlobUrls.push(k), M = yield Z.fromURL(k, { crossOrigin: "anonymous" });
+          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), t === "scale-montage")
+        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: v, height: y } = n, L = this.calculateScaleFactor({ imageObject: M, scaleType: t });
-          t === "image-contain" && L < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : t === "image-cover" && (j > v || w > y) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          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(), c.resumeHistory(), a || c.saveState();
-        const I = {
+        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: t,
-          withoutSave: a,
-          source: e
+          scale: s,
+          withoutSave: i,
+          source: t
         };
-        return i.fire("editor:image-imported", I), I;
+        return n.fire("editor:image-imported", L), L;
       } catch (m) {
-        return d.emitError({
+        return r.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
           message: `Ошибка импорта изображения: ${m.message}`,
-          data: { source: e, format: h, contentType: l, scale: t, withoutSave: a }
-        }), c.resumeHistory(), null;
+          data: { source: t, format: h, contentType: l, scale: s, withoutSave: i }
+        }), d.resumeHistory(), null;
       }
     });
   }
@@ -1105,29 +995,29 @@ class C {
    * Функция для ресайза изображения до максимальных размеров,
    * если оно их превышает. Сохраняет пропорции.
    *
-   * @param {string} dataURL - dataURL изображения
-   * @param {string} [size='max | min'] - максимальный или минимальный размер
-   * @returns {Promise<Blob>} - возвращает Promise с Blob-объектом уменьшенного изображения
+   * @param dataURL - dataURL изображения
+   * @param size ('max | min') - максимальный или минимальный размер
+   * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return b(this, null, function* () {
-      let a = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
-      t === "min" && (a = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${B}x${U}`);
-      const s = {
+    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: O,
         maxHeight: T,
-        minWidth: B,
-        minHeight: U
+        minWidth: x,
+        minHeight: B
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
-        message: a,
-        data: s
-      }), this.editor.workerManager.post("resizeImage", s);
+        message: s,
+        data: i
+      }), this.editor.workerManager.post("resizeImage", i);
     });
   }
   /**
@@ -1142,101 +1032,101 @@ class C {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return b(this, arguments, function* ({
-      fileName: e = "image.png",
-      contentType: t = "image/png",
-      exportAsBase64: a = !1,
-      exportAsBlob: s = !1
-    } = {}) {
-      const { canvas: i, montageArea: n, workerManager: o } = this.editor;
+    return I(this, arguments, function* (e = {}) {
+      const {
+        fileName: t = "image.png",
+        contentType: s = "image/png",
+        exportAsBase64: i = !1,
+        exportAsBlob: n = !1
+      } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
-        const c = t === "application/pdf", d = c ? "image/jpg" : t, l = C.getFormatFromContentType(d);
-        n.setCoords();
-        const { left: h, top: g, width: u, height: m } = n.getBoundingRect(), M = yield i.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(d) && (M.backgroundColor = "#ffffff");
-        const j = M.getObjects().find((f) => f.id === n.id);
-        j && (j.visible = !1), M.viewportTransform = [1, 0, 0, 1, -h, -g], M.setDimensions({ width: u, height: m }, { backstoreOnly: !0 }), M.renderAll();
-        const w = M.getObjects().filter((f) => f.format).every((f) => f.format === "svg");
-        if (l === "svg" && w) {
-          const f = M.toSVG();
-          M.dispose();
-          const A = {
-            image: C._exportSVGStringAsFile(f, {
-              exportAsBase64: a,
-              exportAsBlob: s,
-              fileName: e
+        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = N.getFormatFromContentType(l);
+        o.setCoords();
+        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 p = j.toSVG();
+          j.dispose();
+          const S = {
+            image: N._exportSVGStringAsFile(p, {
+              exportAsBase64: i,
+              exportAsBlob: n,
+              fileName: t
             }),
             format: "svg",
             contentType: "image/svg+xml",
-            fileName: e.replace(/\.[^/.]+$/, ".svg")
+            fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", A), A;
+          return a.fire("editor:canvas-exported", S), S;
         }
-        const I = yield new Promise((f, x) => {
-          M.getElement().toBlob((A) => {
-            A ? f(A) : 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(), s) {
-          const f = {
-            image: I,
-            format: l,
-            contentType: d,
-            fileName: e
+        if (j.dispose(), n) {
+          const p = {
+            image: y,
+            format: h,
+            contentType: l,
+            fileName: t
           };
-          return i.fire("editor:canvas-exported", f), f;
+          return a.fire("editor:canvas-exported", p), p;
         }
-        const v = yield createImageBitmap(I), y = yield o.post(
+        const A = yield createImageBitmap(y), w = yield d.post(
           "toDataURL",
-          { format: l, quality: 1, bitmap: v },
-          [v]
+          { format: h, quality: 1, bitmap: A },
+          [A]
         );
-        if (c) {
-          const x = u * 0.264583, A = m * 0.264583, me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new me({
-            orientation: x > A ? "landscape" : "portrait",
+        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, A]
+            format: [k, S]
           });
-          if (G.addImage(y, "JPG", 0, 0, x, A), a) {
-            const ne = {
+          if (G.addImage(String(w), "JPG", 0, 0, k, S), i) {
+            const oe = {
               image: G.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
-              fileName: e
+              fileName: t
             };
-            return i.fire("editor:canvas-exported", ne), ne;
+            return a.fire("editor:canvas-exported", oe), oe;
           }
-          const je = G.output("blob"), ie = {
-            image: new File([je], e, { type: "application/pdf" }),
+          const me = G.output("blob"), ae = {
+            image: new File([me], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
-            fileName: e
+            fileName: t
           };
-          return i.fire("editor:canvas-exported", ie), ie;
+          return a.fire("editor:canvas-exported", ae), ae;
         }
-        if (a) {
-          const f = {
-            image: y,
-            format: l,
-            contentType: d,
-            fileName: e
+        if (i) {
+          const p = {
+            image: w,
+            format: h,
+            contentType: l,
+            fileName: t
           };
-          return i.fire("editor:canvas-exported", f), f;
+          return a.fire("editor:canvas-exported", p), p;
         }
-        const L = l === "svg" && !w ? e.replace(/\.[^/.]+$/, ".png") : e, se = {
-          image: new File([I], L, { type: d }),
-          format: l,
-          contentType: d,
-          fileName: L
+        const E = h === "svg" && !L ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
+          image: new File([y], E, { type: l }),
+          format: h,
+          contentType: l,
+          fileName: E
         };
-        return i.fire("editor:canvas-exported", se), se;
-      } 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: t, fileName: e, exportAsBase64: a, exportAsBlob: s }
+          message: `Ошибка экспорта изображения: ${r.message}`,
+          data: { contentType: s, fileName: t, exportAsBase64: i, exportAsBlob: n }
         }), null;
       }
     });
@@ -1253,86 +1143,86 @@ class C {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return b(this, arguments, function* ({
-      object: e,
-      fileName: t = "image.png",
-      contentType: a = "image/png",
-      exportAsBase64: s = !1,
-      exportAsBlob: i = !1
-    } = {}) {
-      const { canvas: n, workerManager: o } = this.editor, c = e || n.getActiveObject();
-      if (!c)
+    return I(this, arguments, function* (e = {}) {
+      const {
+        object: t,
+        fileName: s = "image.png",
+        contentType: i = "image/png",
+        exportAsBase64: n = !1,
+        exportAsBlob: a = !1
+      } = 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: a, fileName: t, exportAsBase64: s, exportAsBlob: i }
+          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
         }), null;
       try {
-        const d = C.getFormatFromContentType(a);
-        if (d === "svg") {
-          const m = c.toSVG(), M = C._exportSVGStringAsFile(m, {
-            exportAsBase64: s,
-            exportAsBlob: i,
-            fileName: t
-          }), j = {
-            object: c,
-            image: M,
-            format: d,
+        const l = N.getFormatFromContentType(i);
+        if (l === "svg") {
+          const M = r.toSVG(), j = N._exportSVGStringAsFile(M, {
+            exportAsBase64: n,
+            exportAsBlob: a,
+            fileName: s
+          }), b = {
+            object: r,
+            image: j,
+            format: l,
             contentType: "image/svg+xml",
-            fileName: t.replace(/\.[^/.]+$/, ".svg")
+            fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return n.fire("editor:object-exported", j), j;
+          return o.fire("editor:object-exported", b), b;
         }
-        if (s && c instanceof Z) {
-          const m = yield createImageBitmap(c.getElement()), M = yield o.post(
+        if (n && r instanceof U) {
+          const M = yield createImageBitmap(r.getElement()), j = yield d.post(
             "toDataURL",
             {
-              format: d,
+              format: l,
               quality: 1,
-              bitmap: m
+              bitmap: M
             },
-            [m]
-          ), j = {
-            object: c,
-            image: M,
-            format: d,
-            contentType: a,
-            fileName: t
+            [M]
+          ), b = {
+            object: r,
+            image: j,
+            format: l,
+            contentType: i,
+            fileName: s
           };
-          return n.fire("editor:object-exported", j), j;
+          return o.fire("editor:object-exported", b), b;
         }
-        const l = c.toCanvasElement(), h = yield new Promise((m, M) => {
-          l.toBlob((j) => {
-            j ? m(j) : M(new Error("Failed to create Blob from canvas"));
+        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 (i) {
-          const m = {
-            object: c,
-            image: h,
-            format: d,
-            contentType: a,
-            fileName: t
+        if (a) {
+          const M = {
+            object: r,
+            image: g,
+            format: l,
+            contentType: i,
+            fileName: s
           };
-          return n.fire("editor:object-exported", m), m;
+          return o.fire("editor:object-exported", M), M;
         }
-        const g = new File([h], t, { type: a }), u = {
-          object: c,
-          image: g,
-          format: d,
-          contentType: a,
-          fileName: t
+        const u = new File([g], s, { type: i }), m = {
+          object: r,
+          image: u,
+          format: l,
+          contentType: i,
+          fileName: s
         };
-        return n.fire("editor:object-exported", u), u;
-      } catch (d) {
+        return o.fire("editor:object-exported", m), m;
+      } catch (l) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта объекта: ${d.message}`,
-          data: { contentType: a, fileName: t, exportAsBase64: s, exportAsBlob: i }
+          message: `Ошибка экспорта объекта: ${l.message}`,
+          data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
         }), null;
       }
     });
@@ -1348,7 +1238,7 @@ class C {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => C.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => N.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1364,7 +1254,7 @@ class C {
    * @public
    */
   getContentType(e) {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1375,15 +1265,15 @@ class C {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
       }
       try {
-        const a = (yield fetch(e, { method: "HEAD" })).headers.get("content-type");
-        if (a && a.startsWith("image/"))
-          return a.split(";")[0];
+        const s = (yield fetch(e, { method: "HEAD" })).headers.get("content-type");
+        if (s && s.startsWith("image/"))
+          return s.split(";")[0];
       } catch (t) {
         console.warn("HEAD запрос неудачен, определяем тип по расширению:", t);
       }
@@ -1393,19 +1283,19 @@ class C {
   /**
    * Определяет contentType по расширению файла в URL
    * @param url - URL файла
-   * @returns - MIME-тип
+   * @returns MIME-тип
    * @public
    */
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const s = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), i = {};
-      return this.acceptContentTypes.forEach((n) => {
-        const o = C.getFormatFromContentType(n);
-        o && (i[o] = n);
-      }), s && i[s] || "application/octet-stream";
-    } catch (a) {
-      return console.warn("Не удалось определить расширение из URL:", e, a), "application/octet-stream";
+      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 && (n[o] = a);
+      }), i && n[i] || "application/octet-stream";
+    } catch (s) {
+      return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
   }
   /**
@@ -1419,10 +1309,10 @@ class C {
     imageObject: e,
     scaleType: t = "contain"
   }) {
-    const { montageArea: a } = this.editor;
-    if (!a || !e) return 1;
-    const s = a.width, i = a.height, { width: n, height: o } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(s / n, i / o) : t === "cover" || t === "image-cover" ? Math.max(s / n, i / o) : 1;
+    const { montageArea: s } = this.editor;
+    if (!s || !e) return 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
@@ -1437,10 +1327,10 @@ class C {
    */
   static _exportSVGStringAsFile(e, {
     exportAsBase64: t,
-    exportAsBlob: a,
-    fileName: s = "image.svg"
+    exportAsBlob: s,
+    fileName: i = "image.svg"
   } = {}) {
-    return a ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], s.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+    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,72 +1344,72 @@ class C {
     return t ? t[1] : "";
   }
 }
-class st {
+class et {
   /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor – экземпляр редактора
+   * @param options
+   * @param options.editor – экземпляр редактора
    */
   constructor({ editor: e }) {
     this.editor = e;
   }
   /**
    * Устанавливаем внутреннюю ширину канваса (для экспорта)
-   * @param {String|Number} width
-   * @param {Object} [options={}]
-   * @param {Boolean} [options.preserveProportional] - Сохранить пропорции
-   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
-   * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
+   * @param width - ширина канваса
+   * @param options
+   * @param options.preserveProportional - Сохранить пропорции
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: s } = {}) {
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
     var m;
     if (!e) return;
     const {
-      canvas: i,
-      montageArea: n,
+      canvas: n,
+      montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: c, height: d } = n, l = Math.max(Math.min(Number(e), O), B);
-    if (!o || o === "auto" || s ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), n.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
-      const M = l / c, j = d * M;
+    } = this.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(n), u = i.getZoom();
-    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-width-changed", {
+    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: a,
-      adaptCanvasToContainer: s
+      withoutSave: s,
+      adaptCanvasToContainer: i
     });
   }
   /**
    * Устанавливаем внутреннюю высоту канваса (для экспорта)
-   * @param {String|Number} height
-   * @param {Object} [options={}]
-   * @param {Boolean} [options.preserveProportional] - Сохранить пропорции
-   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
-   * @param {Boolean} [options.adaptCanvasToContainer] - Адаптировать канвас к контейнеру
+   * @param height - высота канваса
+   * @param options
+   * @param options.preserveProportional - Сохранить пропорции
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: a, adaptCanvasToContainer: s } = {}) {
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: i } = {}) {
     var m;
     if (!e) return;
     const {
-      canvas: i,
-      montageArea: n,
+      canvas: n,
+      montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: c, height: d } = n, l = Math.max(Math.min(Number(e), T), U);
-    if (!o || o === "auto" || s ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), n.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
-      const M = l / d, j = c * M;
+    } = this.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(n), u = i.getZoom();
-    i.setViewportTransform([u, 0, 0, u, h, g]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i.fire("editor:resolution-height-changed", {
+    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: a,
-      adaptCanvasToContainer: s
+      withoutSave: s,
+      adaptCanvasToContainer: i
     });
   }
   /**
@@ -1527,51 +1417,50 @@ class st {
    * и устанавливает правильный viewportTransform.
    */
   centerMontageArea() {
-    var c;
-    const { canvas: e, montageArea: t } = this.editor, a = e.getWidth(), s = e.getHeight(), i = e.getZoom(), n = new W(a / 2, s / 2);
+    var d;
+    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: a / 2,
-      top: s / 2
-    }), (c = e.clipPath) == null || c.set({
-      left: a / 2,
-      top: s / 2
+      left: s / 2,
+      top: i / 2
+    }), (d = e.clipPath) == null || d.set({
+      left: s / 2,
+      top: i / 2
     }), e.renderAll();
     const o = e.viewportTransform;
-    o[4] = a / 2 - n.x * i, o[5] = s / 2 - n.y * i, e.setViewportTransform(o), e.renderAll();
+    o[4] = s / 2 - a.x * n, o[5] = i / 2 - a.y * n, e.setViewportTransform(o), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
-   * @param {fabric.Object} object - объект, координаты которого нужно получить
-   * @returns {Object} координаты объекта
+   * @param object - объект, координаты которого нужно получить
+   * @returns координаты объекта
    */
   getObjectDefaultCoords(e) {
-    const { canvas: t } = this.editor, a = e || t.getActiveObject();
-    if (!a)
+    const { canvas: t } = this.editor, s = e || t.getActiveObject();
+    if (!s)
       return this.editor.errorManager.emitError({
         origin: "CanvasManager",
         method: "getObjectDefaultCoords",
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: s, height: i } = a, n = t.getZoom(), o = (s - s * n) / 2, c = (i - i * n) / 2;
-    return { left: o, top: c };
+    const { width: i, height: n } = s, a = t.getZoom(), o = (i - i * a) / 2, d = (n - n * a) / 2;
+    return { left: o, top: d };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
-   * @param {Number} width
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, O), B);
+    const t = Math.max(Math.min(e, O), x);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
    * Устанавливаем высоту канваса в backstore (для экспорта)
-   * @param {Number} height
+   * @param height
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, T), U);
+    const t = Math.max(Math.min(e, T), B);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1580,8 +1469,8 @@ class st {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, a = t.clientWidth, s = t.clientHeight, i = Math.max(Math.min(a, O), B), n = Math.max(Math.min(s, T), U);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({ width: i, height: n }, { backstoreOnly: !0 });
+    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 });
   }
   /**
    * Обновляет размеры канваса и вписывает объекты в монтажную область.
@@ -1592,15 +1481,15 @@ class st {
     const {
       canvas: e,
       selectionManager: t,
-      transformManager: a,
+      transformManager: s,
       montageArea: {
-        width: s,
-        height: i
+        width: i,
+        height: n
       }
     } = this.editor;
-    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea(), t.selectAll(), a.fitObject({ fitAsOneObject: !0, withoutSave: !0 }), e.fire("editor:canvas-updated", {
-      width: s,
-      height: i
+    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
     });
   }
   /**
@@ -1612,20 +1501,20 @@ class st {
    *
    * Метод нужно вызывать после zoomToPoint.
    *
-   * @param {Number} zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
+   * @param zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
   updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: a } = this.editor, s = a.width * e, i = a.height * e, n = t.wrapperEl.parentNode;
-    if (!(n instanceof HTMLElement)) return;
-    const o = s <= n.clientWidth ? "100%" : s, c = i <= n.clientHeight ? "100%" : i;
+    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 = i <= a.clientWidth ? "100%" : i, d = n <= a.clientHeight ? "100%" : n;
     t.setDimensions(
-      { width: o, height: c },
+      { width: o, height: d },
       { cssOnly: !0 }
     );
   }
   /**
    * Устанавливаем CSS ширину канваса для отображения
-   * @param {string|number} width
+   * @param width
    * @fires editor:display-canvas-width-changed
    */
   setCanvasCSSWidth(e) {
@@ -1637,7 +1526,7 @@ class st {
   }
   /**
    * Устанавливаем CSS высоту канваса для отображения
-   * @param {string|number} height
+   * @param height
    * @fires editor:display-canvas-height-changed
    */
   setCanvasCSSHeight(e) {
@@ -1649,7 +1538,7 @@ class st {
   }
   /**
    * Устанавливаем CSS ширину обертки канваса для отображения
-   * @param {string|number} width
+   * @param width
    * @fires editor:display-wrapper-width-changed
    */
   setCanvasWrapperWidth(e) {
@@ -1661,7 +1550,7 @@ class st {
   }
   /**
    * Устанавливаем CSS высоту обертки канваса для отображения
-   * @param {string|number} height
+   * @param height
    * @fires editor:display-wrapper-height-changed
    */
   setCanvasWrapperHeight(e) {
@@ -1673,7 +1562,7 @@ class st {
   }
   /**
    * Устанавливаем CSS ширину контейнера редактора для отображения
-   * @param {string|number} width
+   * @param width
    * @fires editor:display-container-width-changed
    */
   setEditorContainerWidth(e) {
@@ -1685,7 +1574,7 @@ class st {
   }
   /**
    * Устанавливаем CSS высоту контейнера редактора для отображения
-   * @param {string|number} height
+   * @param height
    * @fires editor:display-container-height-changed
    */
   setEditorContainerHeight(e) {
@@ -1697,79 +1586,79 @@ class st {
   }
   /**
    * Устанавливаем CSS ширину или высоту канваса для отображения
-   * @param {Object} options
-   * @param {String} [options.element] - элемент, для которого устанавливаем размеры:
+   * @param options
+   * @param options.element - элемент, для которого устанавливаем размеры:
    * canvas (upper & lower), wrapper, container
-   * @param {('width'|'height')} [options.dimension]
-   * @param {string|number} [options.value]
+   * @param options.dimension - размер, который нужно установить: width или height
+   * @param options.value - значение размера (строка или число)
    * @fires editor:display-{element}-{dimension}-changed
    */
-  setDisplayDimension({ element: e = "canvas", dimension: t, value: a } = {}) {
-    if (!a) return;
-    const { canvas: s, options: { editorContainer: i } } = this.editor, n = [];
+  setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
+    if (!s) return;
+    const { canvas: i, options: { editorContainer: n } } = this.editor, a = [];
     switch (e) {
       case "canvas":
-        n.push(s.lowerCanvasEl, s.upperCanvasEl);
+        a.push(i.lowerCanvasEl, i.upperCanvasEl);
         break;
       case "wrapper":
-        n.push(s.wrapperEl);
+        a.push(i.wrapperEl);
         break;
       case "container":
-        n.push(i);
+        a.push(n);
         break;
       default:
-        n.push(s.lowerCanvasEl, s.upperCanvasEl);
+        a.push(i.lowerCanvasEl, i.upperCanvasEl);
     }
     const o = t === "width" ? "width" : "height";
-    if (typeof a == "string") {
-      n.forEach((d) => {
-        d.style[o] = a;
+    if (typeof s == "string") {
+      a.forEach((r) => {
+        r.style[o] = s;
       });
       return;
     }
-    if (isNaN(a)) return;
-    const c = `${a}px`;
-    n.forEach((d) => {
-      d.style[o] = c;
-    }), s.fire(`editor:display-${e}-${o}-changed`, {
+    if (isNaN(s)) return;
+    const d = `${s}px`;
+    a.forEach((r) => {
+      r.style[o] = d;
+    }), i.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
-      value: a
+      value: s
     });
   }
   /**
    * Если изображение вписывается в допустимые значения, то масштабируем под него канвас
-   * @param {Object} options
-   * @param {fabric.Object} [options.object] - Объект с изображением, которое нужно масштабировать
-   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
-   * @param {Boolean} [options.preserveAspectRatio] - Сохранять изначальные пропорции монтажной области
+   * @param options
+   * @param options.object - Объект с изображением, которое нужно масштабировать
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.preserveAspectRatio - Сохранять изначальные пропорции монтажной области
    * @fires editor:montage-area-scaled-to-image
    */
-  scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: a } = {}) {
+  scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
-      canvas: s,
-      montageArea: i,
-      transformManager: n,
+      canvas: i,
+      montageArea: n,
+      transformManager: a,
       options: {
         montageAreaWidth: o,
-        montageAreaHeight: c
+        montageAreaHeight: d
       }
-    } = this.editor, d = e || s.getActiveObject();
-    if (!d || d.type !== "image" && d.format !== "svg") return;
-    const { width: l, height: h } = d;
+    } = 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: m,
         height: M
-      } = i, j = l / m, w = h / M, I = Math.max(j, w);
-      g = m * I, u = M * I;
+      } = 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 > c) && n.calculateAndApplyDefaultZoom(), n.resetObject(d, { withoutSave: !0 }), s.centerObject(d), s.renderAll(), a || this.editor.historyManager.saveState(), s.fire("editor:montage-area-scaled-to-image", {
-      object: d,
+    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,
-      withoutSave: a
+      withoutSave: s
     });
   }
   /**
@@ -1777,89 +1666,89 @@ class st {
    * @fires editor:cleared
    */
   clearCanvas() {
-    const { canvas: e, montageArea: t, historyManager: a } = this.editor;
-    a.suspendHistory(), e.clear(), e.add(t), e.renderAll(), a.resumeHistory(), a.saveState(), e == null || e.fire("editor:cleared");
+    const { canvas: e, montageArea: t, historyManager: s } = this.editor;
+    s.suspendHistory(), e.clear(), e.add(t), e.renderAll(), s.resumeHistory(), s.saveState(), e == null || e.fire("editor:cleared");
   }
   /**
    * Установка зума и масштаба для канваса и сброс трансформации всех объектов
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:default-scale-set
    */
   setDefaultScale({ withoutSave: e } = {}) {
     const {
       canvas: t,
-      transformManager: a,
-      historyManager: s,
+      transformManager: s,
+      historyManager: i,
       options: {
-        montageAreaWidth: i,
-        montageAreaHeight: n
+        montageAreaWidth: n,
+        montageAreaHeight: a
       }
     } = this.editor;
-    a.resetZoom(), this.setResolutionWidth(i, { withoutSave: !0 }), this.setResolutionHeight(n, { withoutSave: !0 }), t.renderAll(), a.resetObjects(), e || s.saveState(), t.fire("editor:default-scale-set");
+    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");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
-   * @returns {Array} массив объектов
+   * @returns массив объектов
    */
   getObjects() {
-    const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: a } } = this.editor;
-    return e.getObjects().filter((i) => i.id !== t.id && i.id !== a.id);
+    const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: s } } = this.editor;
+    return e.getObjects().filter((n) => n.id !== t.id && n.id !== (s == null ? void 0 : s.id));
   }
 }
-class it {
+class tt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || qe, this.maxZoom = this.options.maxZoom || et, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
+    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;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
    * Зум рассчитывается исходя из размеров контейнера редактора и текущих размеров монтажной области.
    * Расчёт происходит таким образом, чтобы монтажная область визуально целиком помещалась в контейнер редактора.
    * Если scale не передан, то используется значение из options.defaultScale.
-   * @param {Number} [scale] - Желаемый масштаб относительно размеров контейнера редактора.
+   * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, a = t.editorContainer, s = a.clientWidth, i = a.clientHeight, { width: n, height: o } = this.editor.montageArea, c = s / n * e, d = i / o * e;
-    this.defaultZoom = Math.min(c, d);
+    const { 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();
   }
   /**
    * Увеличение/уменьшение масштаба
-   * @param {Number} scale - Шаг зума
-   * @param {Object} options - Координаты зума (по умолчанию центр канваса)
-   * @param {Number} options.pointX - Координата X точки зума
-   * @param {Number} options.pointY - Координата Y точки зума
+   * @param scale - Шаг зума
+   * @param options - Координаты зума (по умолчанию центр канваса)
+   * @param options.pointX - Координата X точки зума
+   * @param options.pointY - Координата Y точки зума
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = tt, t = {}) {
+  zoom(e = Ke, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: a, maxZoom: s } = this, { canvas: i } = this.editor, n = i.getZoom(), o = i.getCenterPoint(), c = (g = t.pointX) != null ? g : o.x, d = (u = t.pointY) != null ? u : o.y, l = new W(c, d);
-    let h = Number((n + Number(e)).toFixed(2));
-    h > s && (h = s), h < a && (h = a), i.zoomToPoint(l, h), console.log({
-      currentZoom: n,
+    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 > 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
     });
   }
   /**
    * Установка зума
-   * @param {Number} zoom - Зум
+   * @param zoom - Зум
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: a } = this, { canvas: s } = this.editor, i = new W(s.getCenterPoint());
-    let n = e;
-    e > a && (n = a), e < t && (n = t), s.zoomToPoint(i, n), s.fire("editor:zoom-changed", {
-      currentZoom: s.getZoom(),
-      zoom: n,
-      point: i
+    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), i.zoomToPoint(n, a), i.fire("editor:zoom-changed", {
+      currentZoom: i.getZoom(),
+      zoom: a,
+      point: n
     });
   }
   /**
@@ -1867,7 +1756,7 @@ class it {
    * @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
@@ -1875,105 +1764,108 @@ class it {
   }
   /**
    * Поворот объекта на заданный угол
-   * @param {number} angle
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param angle
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = at, { withoutSave: t } = {}) {
-    const { canvas: a, historyManager: s } = this.editor, i = a.getActiveObject();
-    if (!i) return;
-    const n = i.angle + e;
-    i.rotate(n), i.setCoords(), a.renderAll(), t || s.saveState(), a.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: n
+      angle: a
     });
   }
   /**
    * Отразить по горизонтали
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, s = t.getActiveObject();
-    s && (s.flipX = !s.flipX, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-x", {
-      object: s,
+    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
     }));
   }
   /**
    * Отразить по вертикали
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: a } = this.editor, s = t.getActiveObject();
-    s && (s.flipY = !s.flipY, t.renderAll(), e || a.saveState(), t.fire("editor:object-flipped-y", {
-      object: s,
+    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
     }));
   }
   /**
    * Установка прозрачности объекта
-   * @param {Number} opacity - Прозрачность от 0 до 1
+   * @param options
+   * @param options.object - Объект, для которого нужно установить прозрачность
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.opacity - Прозрачность от 0 до 1
    * @fires editor:object-opacity-changed
    */
   setActiveObjectOpacity({
     object: e,
     opacity: t = 1,
-    withoutSave: a
+    withoutSave: s
   } = {}) {
-    const { canvas: s, historyManager: i } = this.editor, n = e || s.getActiveObject();
-    n && (n instanceof E ? n.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);
-    }) : n.set("opacity", t), s.renderAll(), a || i.saveState(), s.fire("editor:object-opacity-changed", {
-      object: n,
+    }) : a.set("opacity", t), i.renderAll(), s || n.saveState(), i.fire("editor:object-opacity-changed", {
+      object: a,
       opacity: t,
-      withoutSave: a
+      withoutSave: s
     }));
   }
   /**
    * Масштабирование объекта
-   * @param {Object} options
-   * @param {fabric.Object} [options.object] - Объект с изображением, которое нужно масштабировать
-   * @param {String} [options.type] - Тип масштабирования
+   * @param options
+   * @param options.object - Объект с изображением, которое нужно масштабировать
+   * @param options.type - Тип масштабирования
    * 'contain' - скейлит картинку, чтобы она вмещалась
    * 'cover' - скейлит картинку, чтобы она вписалась в размер канвас
-   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
-   * @param {Boolean} [options.fitAsOneObject] - Масштабировать все объекты в активной группе как один объект
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.fitAsOneObject - Масштабировать все объекты в активной группе как один объект
    * @fires editor:image-fitted
    */
   fitObject({
     object: e,
     type: t = this.options.scaleType,
-    withoutSave: a,
-    fitAsOneObject: s
+    withoutSave: s,
+    fitAsOneObject: i
   } = {}) {
-    const { canvas: i, imageManager: n, historyManager: o } = this.editor, c = e || i.getActiveObject();
-    if (c) {
-      if (c.set("angle", 0), c instanceof E && !s) {
-        const d = c.getObjects();
-        i.discardActiveObject(), d.forEach((h) => {
-          const g = n.calculateScaleFactor({ imageObject: h, scaleType: t });
-          h.scale(g), i.centerObject(h);
+    const { canvas: n, imageManager: a, historyManager: o } = this.editor, d = e || n.getActiveObject();
+    if (d) {
+      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), n.centerObject(h);
         });
-        const l = new E(d, { canvas: i });
-        i.setActiveObject(l);
+        const l = new v(r, { canvas: n });
+        n.setActiveObject(l);
       } else {
-        const d = n.calculateScaleFactor({
-          imageObject: c,
+        const r = a.calculateScaleFactor({
+          imageObject: d,
           scaleType: t
         });
-        c.scale(d), i.centerObject(c);
+        d.scale(r), n.centerObject(d);
       }
-      i.renderAll(), a || o.saveState(), i.fire("editor:object-fitted", {
-        object: c,
+      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
+        object: d,
         type: t,
-        withoutSave: a,
-        fitAsOneObject: s
+        withoutSave: s,
+        fitAsOneObject: i
       });
     }
   }
@@ -1987,66 +1879,54 @@ class it {
   }
   /**
    * Сброс масштаба объекта до дефолтного
-   * @param {fabric.Object} object
-   * @param {Object} options
-   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
-   * @param {Boolean} [options.alwaysFitObject] - вписывать объект в рабочую область даже если он меньше рабочей области
-   * @returns
+   * @param object
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.alwaysFitObject - вписывать объект в рабочую область даже если он меньше рабочей области
    * @fires editor:object-reset
    */
-  resetObject(e, { alwaysFitObject: t = !1, withoutSave: a = !1 } = {}) {
+  resetObject(e, { alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: s,
-      montageArea: i,
-      imageManager: n,
+      canvas: i,
+      montageArea: n,
+      imageManager: a,
       historyManager: o,
-      options: { scaleType: c }
-    } = this.editor, d = e || s.getActiveObject();
-    if (!d || d.locked) return;
-    if (o.suspendHistory(), d.type === "image" || d.format === "svg" || d.set({
+      options: { scaleType: d }
+    } = 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: d, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: g } = i, { width: u, height: m } = d, M = n.calculateScaleFactor({
-        imageObject: d,
-        scaleType: c
+      const { width: h, height: g } = n, { width: u, height: m } = r, M = a.calculateScaleFactor({
+        imageObject: r,
+        scaleType: d
       });
-      c === "contain" && M < 1 || c === "cover" && (u > h || m > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.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 });
     }
-    d.set({ flipX: !1, flipY: !1, angle: 0 }), s.centerObject(d), s.renderAll(), o.resumeHistory(), a || o.saveState(), s.fire("editor:object-reset", {
-      object: d,
-      withoutSave: a,
+    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 nt {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor – экземпляр редактора
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
+class st {
+  constructor({ editor: e }) {
+    this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
   /**
    * Создаёт overlay для блокировки монтажной области
-   * @private
-   * @returns {void}
    */
   _createOverlay() {
-    var {
+    const {
       historyManager: e,
-      options: {
-        overlayMaskColor: t = "rgba(0,0,0,0.5)"
-      }
+      options: { overlayMaskColor: t = "rgba(0,0,0,0.5)" }
     } = this.editor;
     e.suspendHistory(), this.overlayMask = this.editor.shapeManager.addRectangle({
       fill: t,
@@ -2057,156 +1937,104 @@ class nt {
       hasControls: !1,
       visible: !1,
       id: "overlay-mask"
-    }, {
-      withoutSelection: !0
-    }), e.resumeHistory();
+    }, { withoutSelection: !0 }), e.resumeHistory();
   }
   /**
    * Обновляет размеры и позицию overlay, выносит его на передний план
-   * @returns {void}
    */
   refresh() {
-    var {
-      canvas: e,
-      montageArea: t,
-      historyManager: a
-    } = this.editor;
-    if (!(!t || !this.overlayMask)) {
-      a.suspendHistory(), t.setCoords();
-      var {
-        left: s,
-        top: i,
-        width: n,
-        height: o
-      } = t.getBoundingRect();
-      this.overlayMask.set({
-        left: s,
-        top: i,
-        width: n,
-        height: o
-      }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
-        withoutSave: !0
-      }), a.resumeHistory();
-    }
+    const { canvas: e, montageArea: t, historyManager: s } = this.editor;
+    if (!t || !this.overlayMask) return;
+    s.suspendHistory(), t.setCoords();
+    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();
   }
   /**
    * Выключает редактор:
    * - убирает все селекты, события мыши, скейл/драг–н–дроп
    * - делает все объекты не‑evented и не‑selectable
    * - делает видимым overlayMask поверх всех объектов в монтажной области
-   * @returns {void}
    */
   block() {
-    if (!this.isBlocked) {
-      var {
-        canvas: e,
-        canvasManager: t,
-        historyManager: a
-      } = this.editor;
-      a.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((s) => {
-        s.evented = !1, s.selectable = !1;
-      }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), a.resumeHistory();
-    }
+    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((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();
   }
   /**
    * Включает редактор
-   * @returns {void}
    */
   unblock() {
-    if (this.isBlocked) {
-      var {
-        canvas: e,
-        canvasManager: t,
-        historyManager: a
-      } = this.editor;
-      a.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((s) => {
-        s.evented = !0, s.selectable = !0;
-      }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), a.resumeHistory();
-    }
+    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((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 {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+class P {
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Поднять объект навверх по оси Z
-   * @param {fabric.Object} object
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param object
+   * @param options
+   * @param options.withoutSave - Не сохранять действие в истории изменений
    * @fires editor:object-bring-to-front
    */
-  bringToFront(e) {
-    var {
-      withoutSave: t
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: a,
-      historyManager: s
-    } = this.editor;
-    s.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? i.getObjects().forEach((n) => {
-      a.bringObjectToFront(n);
-    }) : a.bringObjectToFront(i), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:object-bring-to-front", {
-      object: i,
+  bringToFront(e, { withoutSave: t } = {}) {
+    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(n), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-bring-to-front", {
+      object: n,
       withoutSave: t
     }));
   }
   /**
    * Поднять объект на один уровень вверх по оси Z
-   * @param {fabric.Object} object
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param object
+   * @param options
+   * @param options.withoutSave - Не сохранять действие в истории изменений
    * @fires editor:object-bring-forward
    */
-  bringForward(e) {
-    var {
-      withoutSave: t
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: a,
-      historyManager: s
-    } = this.editor;
-    s.suspendHistory();
-    var i = e || a.getActiveObject();
-    i && (i.type === "activeselection" ? F._moveSelectionForward(a, i) : a.bringObjectForward(i), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:object-bring-forward", {
-      object: i,
+  bringForward(e, { withoutSave: t } = {}) {
+    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
     }));
   }
   /**
-  * Отправить объект на задний план по оси Z
-  * @param {fabric.Object} object
-  * @param {Object} options
-  * @param {Boolean} options.withoutSave - Не сохранять состояние
-  * @fires editor:object-send-to-back
-  */
-  sendToBack(e) {
-    var {
-      withoutSave: t
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: a,
-      montageArea: s,
-      historyManager: i,
-      interactionBlocker: {
-        overlayMask: n
-      }
+   * Отправить объект на задний план по оси Z
+   * @param object
+   * @param options
+   * @param options.withoutSave - Не сохранять действие в истории изменений
+   * @fires editor:object-send-to-back
+   */
+  sendToBack(e, { withoutSave: t } = {}) {
+    const {
+      canvas: s,
+      montageArea: i,
+      historyManager: n,
+      interactionBlocker: { overlayMask: a }
     } = this.editor;
-    i.suspendHistory();
-    var o = e || a.getActiveObject();
+    n.suspendHistory();
+    const o = e || s.getActiveObject();
     if (o) {
-      if (o.type === "activeselection")
-        for (var c = o.getObjects(), d = c.length - 1; d >= 0; d -= 1)
-          a.sendObjectToBack(c[d]);
-      else
-        a.sendObjectToBack(o);
-      a.sendObjectToBack(s), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-to-back", {
+      if (o instanceof v) {
+        const d = o.getObjects();
+        for (let r = d.length - 1; r >= 0; r -= 1)
+          s.sendObjectToBack(d[r]);
+      } else
+        s.sendObjectToBack(o);
+      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
       });
@@ -2214,97 +2042,87 @@ class F {
   }
   /**
   * Отправить объект на один уровень ниже по оси Z
-  * @param {fabric.Object} object
-  * @param {Object} options
-  * @param {Boolean} options.withoutSave - Не сохранять состояние
+  * @param object
+  * @param options
+  * @param options.withoutSave - Не сохранять действие в истории изменений
   */
-  sendBackwards(e) {
-    var {
-      withoutSave: t
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: a,
-      montageArea: s,
-      historyManager: i,
-      interactionBlocker: {
-        overlayMask: n
-      }
+  sendBackwards(e, { withoutSave: t } = {}) {
+    const {
+      canvas: s,
+      montageArea: i,
+      historyManager: n,
+      interactionBlocker: { overlayMask: a }
     } = this.editor;
-    i.suspendHistory();
-    var o = e || a.getActiveObject();
-    o && (o.type === "activeselection" ? F._moveSelectionBackwards(a, o) : a.sendObjectBackwards(o), a.sendObjectToBack(s), a.sendObjectToBack(n), a.renderAll(), i.resumeHistory(), t || i.saveState(), a.fire("editor:object-send-backwards", {
+    n.suspendHistory();
+    const o = e || s.getActiveObject();
+    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
     }));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
-   * @param {fabric.Canvas} canvas - экземпляр холста
-   * @param {fabric.ActiveSelection} activeSelection - активное выделение
-   * @returns {void}
-   * @private
+   * @param canvas - экземпляр холста
+   * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), s = t.getObjects(), i = s.map((l) => a.indexOf(l)), n = -1, o = function(h) {
-      var g = a[h];
-      if (!s.includes(g) && i.some((u) => h > u))
-        return n = h, 1;
-    }, c = 0; c < a.length && !o(c); c += 1)
-      ;
-    if (n !== -1) {
-      var d = s.map((l) => ({
-        obj: l,
-        index: a.indexOf(l)
-      })).sort((l, h) => h.index - l.index);
-      d.forEach((l) => {
-        var h = a.indexOf(l.obj);
-        h < n && (e.moveObjectTo(l.obj, n), n = h);
-      });
+    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 (!i.includes(d) && n.some((r) => o > r)) {
+        a = o;
+        break;
+      }
     }
+    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);
+    });
   }
   /**
    * Сдвигает выделенные объекты на один уровень вниз относительно ближайшего нижнего объекта
-   * @param {fabric.Canvas} canvas - экземпляр холста
-   * @param {fabric.ActiveSelection} activeSelection - активное выделение
-   * @returns {void}
-   * @private
+   * @param canvas - экземпляр холста
+   * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), s = t.getObjects(), i = Math.min(...s.map((o) => a.indexOf(o))), n = s.length - 1; n >= 0; n -= 1)
-      e.moveObjectTo(s[n], i - 1);
+    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 ot {
+class it {
   /**
    * Менеджер фигур для редактора.
-   * @param {Object} options - Опции и настройки менеджера фигур.
-   * @param {ImageEditor} options.editor - Ссылка на экземпляр редактора.
+   * @param options - Опции и настройки менеджера фигур.
+   * @param options.editor - Ссылка на экземпляр редактора.
    */
   constructor({ editor: e }) {
     this.editor = e;
   }
   /**
    * Добавление прямоугольника
-   * @param {Object} shapeOptions
-   * @param {String} shapeOptions.id - Уникальный идентификатор фигуры
-   * @param {Number} shapeOptions.left - Координата X
-   * @param {Number} shapeOptions.top - Координата Y
-   * @param {Number} shapeOptions.width - Ширина
-   * @param {Number} shapeOptions.height - Высота
-   * @param {String} shapeOptions.fill - Цвет заливки
-   * @param {Rect} shapeOptions.rest - Остальные параметры
+   * @param shapeOptions
+   * @param shapeOptions.id - Уникальный идентификатор фигуры
+   * @param shapeOptions.left - Координата X
+   * @param shapeOptions.top - Координата Y
+   * @param shapeOptions.width - Ширина
+   * @param shapeOptions.height - Высота
+   * @param shapeOptions.fill - Цвет заливки
+   * @param shapeOptions.rest - Остальные параметры
    *
-   * @param {Object} flags - Флаги для управления поведением
-   * @param {Object} flags.withoutSelection - Не выделять объект
-   * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
+   * @param flags - Флаги для управления поведением
+   * @param flags.withoutSelection - Не выделять объект
+   * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+  addRectangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `rect-${D()}`,
       left: t,
-      top: a,
-      width: s = 100,
-      height: i = 100,
-      fill: n = "blue"
+      top: s,
+      width: i = 100,
+      height: n = 100,
+      fill: a = "blue"
     } = h, o = Y(h, [
       "id",
       "left",
@@ -2313,80 +2131,80 @@ class ot {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new pe(N({
+    const { canvas: g } = this.editor, u = new ve(f({
       id: e,
       left: t,
-      top: a,
-      width: s,
-      height: i,
-      fill: n
+      top: s,
+      width: i,
+      height: n,
+      fill: a
     }, o));
-    return !t && !a && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
-   * @param {Object} shapeOptions
-   * @param {String} shapeOptions.id - Уникальный идентификатор фигуры
-   * @param {Number} shapeOptions.left - Координата X
-   * @param {Number} shapeOptions.top - Координата Y
-   * @param {Number} shapeOptions.radius - Радиус
-   * @param {string} shapeOptions.fill - Цвет заливки
-   * @param {String} shapeOptions.originX - Ориентация по X
-   * @param {String} shapeOptions.originY - Ориентация по Y
-   * @param {Circle} shapeOptions.rest - Остальные параметры
+   * @param shapeOptions
+   * @param shapeOptions.id - Уникальный идентификатор фигуры
+   * @param shapeOptions.left - Координата X
+   * @param shapeOptions.top - Координата Y
+   * @param shapeOptions.radius - Радиус
+   * @param shapeOptions.fill - Цвет заливки
+   * @param shapeOptions.originX - Ориентация по X
+   * @param shapeOptions.originY - Ориентация по Y
+   * @param shapeOptions.rest - Остальные параметры
    *
-   * @param {Object} flags - Флаги для управления поведением
-   * @param {Object} flags.withoutSelection - Не выделять объект
-   * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
+   * @param flags - Флаги для управления поведением
+   * @param flags.withoutSelection - Не выделять объект
+   * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(d = {}, { withoutSelection: o, withoutAdding: c } = {}) {
-    var l = d, {
+  addCircle(r = {}, { withoutSelection: o, withoutAdding: d } = {}) {
+    var l = r, {
       id: e = `circle-${D()}`,
       left: t,
-      top: a,
-      radius: s = 50,
-      fill: i = "green"
-    } = l, n = Y(l, [
+      top: s,
+      radius: i = 50,
+      fill: n = "green"
+    } = l, a = Y(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ie(N({
+    const { canvas: h } = this.editor, g = new Ae(f({
       id: e,
       left: t,
-      top: a,
-      fill: i,
-      radius: s
-    }, n));
-    return !t && !a && h.centerObject(g), c || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
+      top: s,
+      fill: n,
+      radius: i
+    }, a));
+    return !t && !s && h.centerObject(g), d || (h.add(g), o || h.setActiveObject(g), h.renderAll()), g;
   }
   /**
    * Добавление треугольника
-   * @param {Object} shapeOptions
-   * @param {String} shapeOptions.id - Уникальный идентификатор фигуры
-   * @param {Number} shapeOptions.left - Координата X
-   * @param {Number} shapeOptions.top - Координата Y
-   * @param {Number} shapeOptions.width - Ширина
-   * @param {Number} shapeOptions.height - Высота
-   * @param {String} shapeOptions.originX - Ориентация по X
-   * @param {String} shapeOptions.originY - Ориентация по Y
-   * @param {String} shapeOptions.fill - Цвет заливки
-   * @param {Triangle} shapeOptions.rest - Остальные параметры
+   * @param shapeOptions
+   * @param shapeOptions.id - Уникальный идентификатор фигуры
+   * @param shapeOptions.left - Координата X
+   * @param shapeOptions.top - Координата Y
+   * @param shapeOptions.width - Ширина
+   * @param shapeOptions.height - Высота
+   * @param shapeOptions.originX - Ориентация по X
+   * @param shapeOptions.originY - Ориентация по Y
+   * @param shapeOptions.fill - Цвет заливки
+   * @param shapeOptions.rest - Остальные параметры
    *
-   * @param {Object} flags - Флаги для управления поведением
-   * @param {Object} flags.withoutSelection - Не выделять объект
-   * @param {Object} flags.withoutAdding - Не добавлять объект в canvas
+   * @param flags - Флаги для управления поведением
+   * @param flags.withoutSelection - Не выделять объект
+   * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+  addTriangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
     var h = l, {
       id: e = `triangle-${D()}`,
       left: t,
-      top: a,
-      width: s = 100,
-      height: i = 100,
-      fill: n = "yellow"
+      top: s,
+      width: i = 100,
+      height: n = 100,
+      fill: a = "yellow"
     } = h, o = Y(h, [
       "id",
       "left",
@@ -2395,21 +2213,21 @@ class ot {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Ae(N({
+    const { canvas: g } = this.editor, u = new Se(f({
       id: e,
       left: t,
-      top: a,
-      fill: n,
-      width: s,
-      height: i
+      top: s,
+      fill: a,
+      width: i,
+      height: n
     }, o));
-    return !t && !a && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class rt {
+class nt {
   /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
+   * @param options
+   * @param options.editor - экземпляр редактора с доступом к canvas
    */
   constructor({ editor: e }) {
     this.editor = e, this.clipboard = null;
@@ -2419,8 +2237,8 @@ class rt {
    * @fires editor:object-copied
    */
   copy() {
-    const { canvas: e, errorManager: t } = this.editor, a = e.getActiveObject();
-    if (!a) return;
+    const { canvas: e, errorManager: t } = this.editor, s = e.getActiveObject();
+    if (!s) return;
     if (typeof ClipboardItem == "undefined" || !navigator.clipboard) {
       t.emitWarning({
         origin: "ClipboardManager",
@@ -2428,11 +2246,11 @@ class rt {
         code: "CLIPBOARD_NOT_SUPPORTED",
         // eslint-disable-next-line max-len
         message: "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
-      }), this._cloneAndFire(e, a);
+      }), this._cloneAndFire(e, s);
       return;
     }
-    if (a.type !== "image") {
-      const g = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
+    if (s.type !== "image") {
+      const g = `application/image-editor:${JSON.stringify(s.toObject(["format"]))}`;
       navigator.clipboard.writeText(g).catch((u) => {
         t.emitWarning({
           origin: "ClipboardManager",
@@ -2441,13 +2259,13 @@ class rt {
           message: `Ошибка записи текстового объекта в буфер обмена: ${u.message}`,
           data: u
         });
-      }), this._cloneAndFire(e, a);
+      }), this._cloneAndFire(e, s);
       return;
     }
-    const i = a.toCanvasElement().toDataURL(), n = i.slice(5).split(";")[0], o = i.split(",")[1], c = atob(o), d = new Uint8Array(c.length);
-    for (let g = 0; g < c.length; g += 1)
-      d[g] = c.charCodeAt(g);
-    const l = new Blob([d.buffer], { type: n }), h = new ClipboardItem({ [n]: l });
+    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)
+      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",
@@ -2455,7 +2273,7 @@ class rt {
         code: "CLIPBOARD_WRITE_IMAGE_FAILED",
         message: `Ошибка записи изображения в буфер обмена: ${g.message}`
       });
-    }), this._cloneAndFire(e, a);
+    }), this._cloneAndFire(e, s);
   }
   /**
    * Клонирует объект и вызывает событие 'editor:object-copied'.
@@ -2463,42 +2281,42 @@ class rt {
    * @param object - активный объект
    */
   _cloneAndFire(e, t) {
-    t.clone(["format"]).then((a) => {
-      this.clipboard = a, e.fire("editor:object-copied", { object: a });
-    }).catch((a) => {
+    t.clone(["format"]).then((s) => {
+      this.clipboard = s, e.fire("editor:object-copied", { object: s });
+    }).catch((s) => {
       this.editor.errorManager.emitError({
         origin: "ClipboardManager",
         method: "_cloneAndFire",
         code: "CLONE_FAILED",
         message: "Ошибка клонирования объекта",
-        data: a
+        data: s
       });
     });
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
-   * @param {Object} event — объект события
-   * @param {Object} event.clipboardData — данные из буфера обмена
-   * @param {Array} event.clipboardData.items — элементы буфера обмена
+   * @param event — объект события
+   * @param event.clipboardData — данные из буфера обмена
+   * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent({ clipboardData: e }) {
-    var n;
-    if (!((n = e == null ? void 0 : e.items) != null && n.length)) return;
-    const { imageManager: t } = this.editor, { items: a } = e, s = a[a.length - 1];
-    if (s.type !== "text/html") {
-      const o = s.getAsFile();
+    var a;
+    if (!((a = e == null ? void 0 : e.items) != null && a.length)) return;
+    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 c = new FileReader();
-      c.onload = (d) => {
-        d.target && this.editor.imageManager.importImage({ source: d.target.result });
-      }, c.readAsDataURL(o);
+      const d = new FileReader();
+      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 d = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-      if (d != null && d.src) {
-        t.importImage({ source: d.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;
       }
     }
@@ -2509,7 +2327,7 @@ class rt {
    * @fires editor:object-pasted
    */
   paste() {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return;
       const t = yield this.clipboard.clone(["format"]);
@@ -2518,214 +2336,173 @@ class rt {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof E ? (t.canvas = e, t.forEachObject((a) => {
-        e.add(a);
+      }), 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 ct {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+class F {
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Блокирует объект (или группу объектов) на канвасе
-   * @param {Object} options
-   * @param {fabric.Object} [options.object] - объект, который нужно заблокировать
-   * @param {Boolean} [options.withoutSave] - не сохранять состояние
-   * @returns
+   * @param options
+   * @param options.object - объект, который нужно заблокировать
+   * @param options.skipInnerObjects - не блокировать внутренние объекты
+   * @param options.withoutSave - не сохранять состояние
    * @fires editor:object-locked
    */
-  lockObject() {
-    var {
-      object: e,
+  lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
+    const { canvas: i, historyManager: n } = this.editor, a = e || i.getActiveObject();
+    if (!a || a.locked) return;
+    const o = {
+      lockMovementX: !0,
+      lockMovementY: !0,
+      lockRotation: !0,
+      lockScalingX: !0,
+      lockScalingY: !0,
+      lockSkewingX: !0,
+      lockSkewingY: !0,
+      locked: !0
+    };
+    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: a
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: s,
-      historyManager: i
-    } = this.editor, n = e || s.getActiveObject();
-    if (!(!n || n.locked)) {
-      var o = {
-        lockMovementX: !0,
-        lockMovementY: !0,
-        lockRotation: !0,
-        lockScalingX: !0,
-        lockScalingY: !0,
-        lockSkewingX: !0,
-        lockSkewingY: !0,
-        locked: !0
-      };
-      n.set(o);
-      var c = !t && ["activeselection", "group"].includes(n.type);
-      c && n.getObjects().forEach((d) => {
-        d.set(o);
-      }), s.renderAll(), a || i.saveState(), s.fire("editor:object-locked", {
-        object: n,
-        skipInnerObjects: t,
-        withoutSave: a
-      });
-    }
+      withoutSave: s
+    });
   }
   /**
    * Разблокирует объект (или группу объектов) на канвасе
-   * @param {Object} options
-   * @param {fabric.Object} [options.object] - объект, который нужно разблокировать
-   * @param {Boolean} [options.withoutSave] - не сохранять состояние
-   * @returns
+   * @param options
+   * @param options.object - объект, который нужно разблокировать
+   * @param options.withoutSave - не сохранять состояние в истории изменений
    * @fires editor:object-unlocked
    */
-  unlockObject() {
-    var {
-      object: e,
+  unlockObject({ object: e, withoutSave: t } = {}) {
+    const { canvas: s, historyManager: i } = this.editor, n = e || s.getActiveObject();
+    if (!n) return;
+    const a = {
+      lockMovementX: !1,
+      lockMovementY: !1,
+      lockRotation: !1,
+      lockScalingX: !1,
+      lockScalingY: !1,
+      lockSkewingX: !1,
+      lockSkewingY: !1,
+      locked: !1
+    };
+    n.set(a), F._isGroupOrSelection(n) && n.getObjects().forEach((o) => {
+      o.set(a);
+    }), s.renderAll(), t || i.saveState(), s.fire("editor:object-unlocked", {
+      object: n,
       withoutSave: t
-    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      canvas: a,
-      historyManager: s
-    } = this.editor, i = e || a.getActiveObject();
-    if (i) {
-      var n = {
-        lockMovementX: !1,
-        lockMovementY: !1,
-        lockRotation: !1,
-        lockScalingX: !1,
-        lockScalingY: !1,
-        lockSkewingX: !1,
-        lockSkewingY: !1,
-        locked: !1
-      };
-      i.set(n), ["activeselection", "group"].includes(i.type) && i.getObjects().forEach((o) => {
-        o.set(n);
-      }), a.renderAll(), t || s.saveState(), a.fire("editor:object-unlocked", {
-        object: i,
-        withoutSave: t
-      });
-    }
+    });
+  }
+  static _isGroupOrSelection(e) {
+    return e instanceof v || e instanceof X;
   }
 }
-class dt {
+class at {
   constructor({ editor: e }) {
     this.editor = e;
   }
   /**
    * Группировка объектов
-   * @param {Object} options
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
-   * @param {fabric.Object} options.object - массив объектов для группировки
+   * @param options
+   * @param options.withoutSave - Не сохранять состояние
+   * @param options.object - массив объектов для группировки
    * @fires editor:objects-grouped
    */
   group({
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: s } = this.editor;
-    s.suspendHistory();
-    const i = e || a.getActiveObject();
-    if (!i || !(i instanceof E)) return;
-    const n = i.getObjects(), o = new de(n);
-    n.forEach((c) => a.remove(c)), o.set("id", `${o.type}-${D()}`), a.add(o), a.setActiveObject(o), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:objects-grouped", {
-      object: i,
+    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
     });
   }
   /**
    * Разгруппировка объектов
-   * @param {Object} options
-   * @param {fabric.Group} options.object - объект для разгруппировки
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param options
+   * @param options.object - объект для разгруппировки
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:objects-ungrouped
    */
   ungroup({
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: s } = this.editor;
-    s.suspendHistory();
-    const i = e || a.getActiveObject();
-    if (!(i instanceof de)) return;
-    const n = i.removeAll();
-    a.remove(i), n.forEach((c) => a.add(c));
-    const o = new E(n, {
-      canvas: a
+    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
     });
-    a.setActiveObject(o), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.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 {
-  /**
-   * @param {object} options
-   * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
-   */
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+class ot {
+  constructor({ editor: e }) {
+    this.editor = e;
   }
   /**
    * Выделить все объекты
    * @fires editor:all-objects-selected
    */
   selectAll() {
-    var {
-      canvas: e,
-      canvasManager: t,
-      objectLockManager: a
-    } = this.editor;
+    const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    var s = t.getObjects(), i = s.some((o) => o.locked), n = s.length > 1 ? new E(t.getObjects(), {
-      canvas: e
-    }) : s[0];
-    i && a.lockObject({
-      object: n,
-      skipInnerObjects: !0,
-      withoutSave: !0
-    }), e.setActiveObject(n), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: n
-    });
+    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;
   }
   /**
    * Удалить выбранные объекты
-   * @param {Object} options
-   * @param {FabricObject[]} options.objects - массив объектов для удаления
-   * @param {Boolean} options.withoutSave - Не сохранять состояние
+   * @param options
+   * @param options.objects - массив объектов для удаления
+   * @param options.withoutSave - Не сохранять состояние
    * @fires editor:objects-deleted
    */
   deleteSelectedObjects({
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: a, historyManager: s, groupingManager: i } = this.editor, n = (e || a.getActiveObjects()).filter((o) => !o.locked);
-    n != null && n.length && (s.suspendHistory(), n.forEach((o) => {
+    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;
       }
-      a.remove(o);
-    }), a.discardActiveObject(), a.renderAll(), s.resumeHistory(), t || s.saveState(), a.fire("editor:objects-deleted", {
-      objects: n,
+      s.remove(o);
+    }), 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 изображения
@@ -2791,108 +2568,127 @@ class V {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
+  /**
+   * Возвращает буфер с ошибками и предупреждениями
+   */
   get buffer() {
     return this._buffer;
   }
+  /**
+   * Очищает буфер ошибок и предупреждений
+   */
   cleanBuffer() {
     this._buffer.length = 0;
   }
   /**
    * Эмитит событие ошибки через fabricjs
-   * @param {object} options
-   * @param {string} [options.origin='ImageEditor'] — источник ошибки (по умолчанию 'ImageEditor')
-   * @param {string} [options.method='Unknown Method'] — метод, вызвавший ошибку (по умолчанию 'Unknown Method')
-   * @param {string} options.code — код ошибки (из errorCodes)
-   * @param {object} [options.data] — доп. данные (опционально)
-   * @param {string} [options.message] — текст ошибки (опционально, если не передан, то используется код ошибки)
+   * @param options
+   * @param options.origin — источник ошибки (по умолчанию 'ImageEditor')
+   * @param options.method — метод, вызвавший ошибку (по умолчанию 'Unknown Method')
+   * @param options.code — код ошибки (из errorCodes)
+   * @param options.data — доп. данные (опционально)
+   * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: s, message: i }) {
-    if (!V.isValidErrorCode(a)) {
-      console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
+  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 (!a) return;
-    const n = i || a;
-    console.error(`${e}. ${t}. ${a}. ${n}`, s);
+    if (!s) return;
+    const a = n || s;
+    console.error(`${e}. ${t}. ${s}. ${a}`, i);
     const o = {
-      code: a,
+      code: s,
       origin: e,
       method: t,
-      message: n,
-      data: s
+      message: a,
+      data: i
     };
-    this._buffer.push(N({
+    this._buffer.push(f({
       type: "editor:error"
     }, o)), this.editor.canvas.fire("editor:error", o);
   }
   /**
    * Эмитит предупреждение через fabricjs
-   * @param {object} options
-   * @param {string} [options.origin='ImageEditor'] — источник предупреждения (по умолчанию 'ImageEditor')
-   * @param {string} [options.method='Unknown Method'] — метод, вызвавший предупреждение (по умолчанию 'Unknown Method')
-   * @param {string} options.code — код предупреждения (из errorCodes)
-   * @param {object} [options.data] — доп. данные (опционально)
-   * @param {string} [options.message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
+   * @param options
+   * @param options.origin — источник предупреждения (по умолчанию 'ImageEditor')
+   * @param options.method — метод, вызвавший предупреждение (по умолчанию 'Unknown Method')
+   * @param ptions.code — код предупреждения (из errorCodes)
+   * @param options.data — доп. данные (опционально)
+   * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: s, data: i }) {
-    if (!V.isValidErrorCode(a)) {
-      console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
+  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 n = s || a;
-    console.warn(`${e}. ${t}. ${a}. ${n}`, i);
+    const a = i || s;
+    console.warn(`${e}. ${t}. ${s}. ${a}`, n);
     const o = {
-      code: a,
+      code: s,
       origin: e,
       method: t,
-      message: n,
-      data: i
+      message: a,
+      data: n
     };
-    this._buffer.push(N({
+    this._buffer.push(f({
       type: "editor:warning"
     }, o)), this.editor.canvas.fire("editor:warning", o);
   }
+  /**
+   * Проверяет, является ли код ошибки или предупреждения допустимым
+   * @param code - код ошибки или предупреждения
+   * @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 ae {
+class ie {
   /**
    * Конструктор класса ImageEditor.
-   * @param {string} canvasId - идентификатор канваса, в котором будет создан редактор
-   * @param {CanvasOptions} options - опции и настройки редактора
+   * @param canvasId - идентификатор канваса, в котором будет создан редактор
+   * @param options - опции и настройки редактора
    */
   constructor(e, t) {
     this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.init();
   }
+  /**
+   * Инициализация редактора.
+   * Создаёт все необходимые менеджеры и загружает начальное состояние.
+   * @fires editor:ready
+   */
   init() {
-    return b(this, null, function* () {
+    return I(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
-        canvasWrapperWidth: a,
-        canvasWrapperHeight: s,
-        canvasCSSWidth: i,
-        canvasCSSHeight: n,
+        canvasWrapperWidth: s,
+        canvasWrapperHeight: i,
+        canvasCSSWidth: n,
+        canvasCSSHeight: a,
         initialImage: o,
-        initialStateJSON: c,
-        scaleType: d,
+        initialStateJSON: d,
+        scaleType: r,
         _onReadyCallback: l
       } = this.options;
-      if (ze.apply(), this.canvas = new Se(this.containerId, this.options), this.moduleLoader = new Ne(), this.workerManager = new Ee(), this.errorManager = new V({ editor: this }), this.historyManager = new Ke({ editor: this }), this.toolbar = new $e({ editor: this }), this.transformManager = new it({ editor: this }), this.canvasManager = new st({ editor: this }), this.imageManager = new C({ editor: this }), this.layerManager = new F({ editor: this }), this.shapeManager = new ot({ editor: this }), this.interactionBlocker = new nt({ editor: this }), this.clipboardManager = new rt({ editor: this }), this.objectLockManager = new ct({ editor: this }), this.groupingManager = new dt({ editor: this }), this.selectionManager = new lt({ editor: this }), this.deletionManager = new ht({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(s), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), o != null && o.source) {
+      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-${d}`,
+          scale: g = `image-${r}`,
           withoutSave: u = !0
         } = o;
         yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
+      d && this.historyManager.loadStateFromFullState(d), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
+  /**
+   * Создаёт монтажную область
+   */
   _createMontageArea() {
     const {
       montageAreaWidth: e,
@@ -2901,7 +2697,7 @@ class ae {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ae._createMosaicPattern(),
+      fill: ie._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -2915,6 +2711,9 @@ class ae {
       noScaleCache: !0
     }, { withoutSelection: !0 });
   }
+  /**
+   * Создаёт область клиппинга
+   */
   _createClippingArea() {
     const {
       montageAreaWidth: e,
@@ -2934,24 +2733,27 @@ class ae {
       originY: "center"
     }, { withoutSelection: !0, withoutAdding: !0 });
   }
+  /**
+   * Метод для удаления редактора и всех слушателей.
+   */
   destroy() {
     this.listeners.destroy(), this.toolbar.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
   }
   /**
    * Создает паттерн мозаики.
-   * @returns {Pattern} паттерн мозаики
+   * @returns паттерн мозаики
    */
   static _createMosaicPattern() {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ce({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ne({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const ut = {
+const dt = {
   /**
    * Опции редактора
    */
@@ -3039,18 +2841,18 @@ const ut = {
   deleteObjectsByHotkey: !0,
   resetObjectFitByDoubleClick: !0
 };
-function yt(r, e = {}) {
-  const t = N(N({}, ut), e), a = document.getElementById(r);
-  if (!a)
-    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
-  const s = document.createElement("canvas");
-  return s.id = `${r}-canvas`, a.appendChild(s), t.editorContainer = a, new Promise((i) => {
-    t._onReadyCallback = i;
-    const n = new ae(s.id, t);
-    window[r] = n;
+function ft(c, e = {}) {
+  const t = f(f({}, dt), e), s = document.getElementById(c);
+  if (!s)
+    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 {
-  yt as default
+  ft as default
 };
 //# sourceMappingURL=main.js.map