@anu3ev/fabric-image-editor 0.1.82 → 0.2.1

package/dist/main.js

@@ -1,49 +1,49 @@
 var Ne = Object.defineProperty, Le = Object.defineProperties;
-var we = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var Me = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
-var fe = (c, e, t) => e in c ? Ne(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, I = (c, e) => {
+var Te = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var Me = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
+var me = (d, e, t) => e in d ? Ne(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, I = (d, e) => {
   for (var t in e || (e = {}))
-    Me.call(e, t) && fe(c, t, e[t]);
-  if (F)
-    for (var t of F(e))
-      me.call(e, t) && fe(c, t, e[t]);
-  return c;
-}, be = (c, e) => Le(c, we(e));
-var V = (c, e) => {
+    Me.call(e, t) && me(d, t, e[t]);
+  if (V)
+    for (var t of V(e))
+      pe.call(e, t) && me(d, t, e[t]);
+  return d;
+}, be = (d, e) => Le(d, Te(e));
+var G = (d, e) => {
   var t = {};
-  for (var s in c)
-    Me.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
-  if (c != null && F)
-    for (var s of F(c))
-      e.indexOf(s) < 0 && me.call(c, s) && (t[s] = c[s]);
+  for (var s in d)
+    Me.call(d, s) && e.indexOf(s) < 0 && (t[s] = d[s]);
+  if (d != null && V)
+    for (var s of V(d))
+      e.indexOf(s) < 0 && pe.call(d, s) && (t[s] = d[s]);
   return t;
 };
-var j = (c, e, t) => new Promise((s, a) => {
-  var n = (r) => {
+var y = (d, e, t) => new Promise((s, n) => {
+  var o = (r) => {
     try {
       i(t.next(r));
-    } catch (d) {
-      a(d);
+    } catch (c) {
+      n(c);
     }
-  }, o = (r) => {
+  }, a = (r) => {
     try {
       i(t.throw(r));
-    } catch (d) {
-      a(d);
+    } catch (c) {
+      n(c);
     }
-  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, o);
-  i((t = t.apply(c, e)).next());
+  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, a);
+  i((t = t.apply(d, e)).next());
 });
-import { ActiveSelection as v, util as W, controlsUtils as Te, InteractiveFabricObject as je, loadSVGFromURL as ke, FabricImage as Z, Point as X, Gradient as pe, Rect as _e, Circle as Be, Triangle as xe, Group as te, Canvas as Re, Pattern as Ue } from "fabric";
-import { create as ze } from "jsondiffpatch";
+import { ActiveSelection as v, util as F, controlsUtils as ke, InteractiveFabricObject as je, loadSVGFromURL as _e, FabricImage as z, Point as $, Gradient as ye, Rect as Be, Circle as xe, Triangle as Re, Group as U, Canvas as Ue, Pattern as Ye } from "fabric";
+import { create as Ze } from "jsondiffpatch";
 import He from "diff-match-patch";
-var Ze = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+var ze = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", C = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += Ze[s[e] & 63];
+    t += ze[s[e] & 63];
   return t;
 };
-class P {
+class W {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class P {
    * @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.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = P.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.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.savedSelection = [], 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 = W.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 = W.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = W.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.handleBackgroundUpdateBound = this.handleBackgroundUpdate.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -71,15 +71,15 @@ class P {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: s,
-      bringToFrontOnSelection: a,
-      copyObjectsByHotkey: n,
-      pasteImageFromClipboard: o,
+      bringToFrontOnSelection: n,
+      copyObjectsByHotkey: o,
+      pasteImageFromClipboard: a,
       undoRedoByHotKeys: i,
       selectAllByHotkey: r,
-      deleteObjectsByHotkey: d,
+      deleteObjectsByHotkey: c,
       resetObjectFitByDoubleClick: h
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), a && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), o && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), r && 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), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), o && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), r && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -89,31 +89,31 @@ class P {
    */
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
-    const { lockedObjects: s, unlockedObjects: a } = e.reduce(
-      (o, i) => i.locked ? (o.lockedObjects.push(i), o) : (o.unlockedObjects.push(i), o),
+    const { lockedObjects: s, unlockedObjects: n } = e.reduce(
+      (a, i) => i.locked ? (a.lockedObjects.push(i), a) : (a.unlockedObjects.push(i), a),
       { lockedObjects: [], unlockedObjects: [] }
     );
     if (s.length === 0) return;
-    if (a.length > 0) {
-      if (a.length === 1)
-        this.canvas.setActiveObject(a[0]);
+    if (n.length > 0) {
+      if (n.length === 1)
+        this.canvas.setActiveObject(n[0]);
       else {
-        const o = new v(a, {
+        const a = new v(n, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(o);
+        this.canvas.setActiveObject(a);
       }
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new v(e, {
+    const o = new v(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
-      object: n,
+      object: o,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
+    }), this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -157,8 +157,8 @@ class P {
    * @param event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: a } = e;
-    this._shouldIgnoreKeyboardEvent(e) || !t && !s || a !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: s, code: n } = e;
+    this._shouldIgnoreKeyboardEvent(e) || !t && !s || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -175,9 +175,9 @@ class P {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return j(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: a, repeat: n } = e;
-      this._shouldIgnoreKeyboardEvent(e) || !t && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (a === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : a === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+    return y(this, null, function* () {
+      const { ctrlKey: t, metaKey: s, code: n, repeat: o } = e;
+      this._shouldIgnoreKeyboardEvent(e) || !t && !s || o || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -197,8 +197,8 @@ class P {
    */
   handleSelectAllEvent(e) {
     if (this._shouldIgnoreKeyboardEvent(e)) return;
-    const { ctrlKey: t, metaKey: s, code: a } = e;
-    !t && !s || a !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: s, code: n } = e;
+    !t && !s || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete или Backspace).
@@ -216,11 +216,11 @@ class P {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space" || this._shouldIgnoreKeyboardEvent(e)) return;
-    const { canvas: t, editor: s, isSpacePressed: a, isDragging: n } = this;
-    if (a || n) return;
+    const { canvas: t, editor: s, isSpacePressed: n, isDragging: o } = this;
+    if (n || o) return;
     this.isSpacePressed = !0, e.preventDefault();
-    const o = t.getActiveObject() || null;
-    o instanceof v ? this.savedSelection = o.getObjects().slice() : o && (this.savedSelection = [o]), t.discardActiveObject(), t.set({
+    const a = t.getActiveObject() || null;
+    a instanceof v ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((i) => {
@@ -259,8 +259,8 @@ class P {
       t.setActiveObject(e[0]);
       return;
     }
-    const a = e.filter((o) => s.canvasManager.getObjects().includes(o)), n = new v(a, { canvas: t });
-    t.setActiveObject(n);
+    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), o = new v(n, { canvas: t });
+    t.setActiveObject(o);
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -273,15 +273,17 @@ class P {
   }
   /**
    * Перетаскивание канваса (mouse:move).
+   * Проверяет, разрешено ли перетаскивание при текущем зуме и применяет ограничения на панорамирование с помощью panConstraintManager.
    * @param options
    * @param options.e — объект события
-   *
-   * TODO: Надо как-то ограничить область перетаскивания, чтобы канвас не уходил сильно далеко за пределы экрана
    */
   handleCanvasDragging({ e }) {
     if (!this.isDragging || !this.isSpacePressed || !(e instanceof MouseEvent)) return;
-    const t = this.canvas.viewportTransform;
-    t[4] += e.clientX - this.lastMouseX, t[5] += e.clientY - this.lastMouseY, this.canvas.requestRenderAll(), this.lastMouseX = e.clientX, this.lastMouseY = e.clientY;
+    const { panConstraintManager: t, montageArea: s } = this.editor;
+    if (!t.isPanAllowed())
+      return;
+    const n = this.canvas.viewportTransform, o = n[4] + (e.clientX - this.lastMouseX), a = n[5] + (e.clientY - this.lastMouseY), i = t.constrainPan(o, a);
+    n[4] = i.x, n[5] = i.y, s.setCoords(), this.canvas.requestRenderAll(), this.lastMouseX = e.clientX, this.lastMouseY = e.clientY;
   }
   /**
    * Завершение перетаскивания канваса (mouse:up).
@@ -290,6 +292,18 @@ class P {
   handleCanvasDragEnd() {
     this.isDragging && (this.canvas.setViewportTransform(this.canvas.viewportTransform), this.isDragging = !1, this.isSpacePressed && (this.canvas.set("defaultCursor", "grab"), this.canvas.setCursor("grab")));
   }
+  /**
+   * Рассчитывает шаг зума на основе текущего масштаба канваса.
+   * Логика: один скролл изменяет зум на фиксированный процент от текущего значения.
+   *
+   * @param currentZoom - Текущий уровень зума канваса
+   * @param deltaY - Значение deltaY из WheelEvent
+   * @returns Шаг изменения зума
+   */
+  _calculateAdaptiveZoomStep(e) {
+    const t = this.canvas.getZoom(), s = 0.05, o = e / 100;
+    return -(t * s * o);
+  }
   /**
    * Обработчик зума колесиком мыши. Работает при зажатом Ctrl или Cmd.
    * @param options
@@ -297,8 +311,8 @@ class P {
    */
   handleMouseWheelZoom({ e }) {
     if (!e.ctrlKey && !e.metaKey) return;
-    const s = -e.deltaY * 1e-3;
-    this.editor.transformManager.zoom(s), e.preventDefault(), e.stopPropagation();
+    const t = this._calculateAdaptiveZoomStep(e.deltaY);
+    this.editor.zoomManager.handleMouseWheelZoom(t, e), e.preventDefault(), e.stopPropagation();
   }
   /**
    * Обработчик, поднимающий выделенные объекты на передний план.
@@ -325,22 +339,22 @@ class P {
    * @returns true если событие должно быть проигнорировано
    */
   _shouldIgnoreKeyboardEvent(e) {
-    const t = document.activeElement, s = e.target, a = ["input", "textarea", "select"];
+    const t = document.activeElement, s = e.target, n = ["input", "textarea", "select"];
     if (s) {
-      const o = s.tagName.toLowerCase();
-      if (a.includes(o) || s.contentEditable === "true") return !0;
+      const a = s.tagName.toLowerCase();
+      if (n.includes(a) || s.contentEditable === "true") return !0;
     }
     if (t && t !== s) {
-      const o = t.tagName.toLowerCase();
-      if (a.includes(o) || t.contentEditable === "true") return !0;
+      const a = t.tagName.toLowerCase();
+      if (n.includes(a) || t.contentEditable === "true") return !0;
     }
-    const n = window.getSelection();
-    if (n && !n.isCollapsed && n.rangeCount > 0) {
-      let r = n.getRangeAt(0).commonAncestorContainer;
+    const o = window.getSelection();
+    if (o && !o.isCollapsed && o.rangeCount > 0) {
+      let r = o.getRangeAt(0).commonAncestorContainer;
       r.nodeType === Node.TEXT_NODE && (r = r.parentElement);
-      const { keyboardIgnoreSelectors: d } = this.options;
-      if (d != null && d.length && r)
-        for (const h of d)
+      const { keyboardIgnoreSelectors: c } = this.options;
+      if (c != null && c.length && r)
+        for (const h of c)
           try {
             const l = r;
             if (l.matches && l.matches(h) || l.closest && l.closest(h))
@@ -365,14 +379,14 @@ class P {
    */
   static debounce(e, t) {
     let s = null;
-    return function(...a) {
+    return function(...n) {
       s !== null && clearTimeout(s), s = setTimeout(() => {
-        e.apply(this, a);
+        e.apply(this, n);
       }, t);
     };
   }
 }
-class Ye {
+class Pe {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -390,21 +404,21 @@ class Ye {
     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}"`));
   }
 }
-function Pe(c) {
+function We(d) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
-      name: c == null ? void 0 : c.name
+      name: d == null ? void 0 : d.name
     }
   );
 }
-class We {
+class Fe {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(e) {
-    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Pe(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new We(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -417,12 +431,12 @@ class We {
    * @returns
    */
   _handleMessage({ data: e }) {
-    const { requestId: t, success: s, data: a, error: n } = e, o = this._callbacks.get(t);
-    if (!o) {
+    const { requestId: t, success: s, data: n, error: o } = e, a = this._callbacks.get(t);
+    if (!a) {
       console.warn(`No callback found for requestId: ${t}`);
       return;
     }
-    s ? o.resolve(a) : o.reject(new Error(n)), this._callbacks.delete(t);
+    s ? a.resolve(n) : a.reject(new Error(o)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -432,9 +446,9 @@ class We {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(e, t, s = []) {
-    const a = `${e}:${A(8)}`;
-    return new Promise((n, o) => {
-      this._callbacks.set(a, { resolve: n, reject: o }), this.worker.postMessage({ action: e, payload: t, requestId: a }, s);
+    const n = `${e}:${C(8)}`;
+    return new Promise((o, a) => {
+      this._callbacks.set(n, { resolve: o, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: n }, s);
     });
   }
   /**
@@ -444,112 +458,112 @@ class We {
     this.worker.terminate();
   }
 }
-const O = 12, Fe = 2, se = 8, ae = 20, Ve = 100, ne = 20, oe = 8, Ge = 100, Q = 32, ie = 1, Xe = "#2B2D33", re = "#3D8BF4", ce = "#FFFFFF";
-function G(c, e, t, s, a) {
-  const n = O, o = Fe;
-  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-n / 2, -n / 2, n, n, o), c.fill(), c.stroke(), c.restore();
+const k = 12, Ve = 2, ne = 8, oe = 20, Ge = 100, ae = 20, ie = 8, Xe = 100, Q = 32, re = 1, $e = "#2B2D33", ce = "#3D8BF4", de = "#FFFFFF";
+function X(d, e, t, s, n) {
+  const o = k, a = Ve;
+  d.save(), d.translate(e, t), d.rotate(F.degreesToRadians(n.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-o / 2, -o / 2, o, o, a), d.fill(), d.stroke(), d.restore();
 }
-function ye(c, e, t, s, a) {
-  const n = se, o = ae, i = Ve;
-  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-n / 2, -o / 2, n, o, i), c.fill(), c.stroke(), c.restore();
+function ve(d, e, t, s, n) {
+  const o = ne, a = oe, i = Ge;
+  d.save(), d.translate(e, t), d.rotate(F.degreesToRadians(n.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-o / 2, -a / 2, o, a, i), d.fill(), d.stroke(), d.restore();
 }
-function Ie(c, e, t, s, a) {
-  const n = ne, o = oe, i = Ge;
-  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-n / 2, -o / 2, n, o, i), c.fill(), c.stroke(), c.restore();
+function Ie(d, e, t, s, n) {
+  const o = ae, a = ie, i = Xe;
+  d.save(), d.translate(e, t), d.rotate(F.degreesToRadians(n.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-o / 2, -a / 2, o, a, i), d.fill(), d.stroke(), d.restore();
 }
-const Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", De = new Image();
-De.src = Qe;
-function $e(c, e, t, s, a) {
-  const o = Q / 2;
-  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = Xe, c.beginPath(), c.arc(0, 0, o, 0, 2 * Math.PI), c.fill(), c.drawImage(De, -o / 2, -o / 2, o, o), c.restore();
+const Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Oe = new Image();
+Oe.src = Qe;
+function Ke(d, e, t, s, n) {
+  const a = Q / 2;
+  d.save(), d.translate(e, t), d.rotate(F.degreesToRadians(n.angle)), d.fillStyle = $e, d.beginPath(), d.arc(0, 0, a, 0, 2 * Math.PI), d.fill(), d.drawImage(Oe, -a / 2, -a / 2, a, a), d.restore();
 }
-const Ke = {
+const Je = {
   // Угловые точки
   tl: {
-    render: G,
-    sizeX: O,
-    sizeY: O,
+    render: X,
+    sizeX: k,
+    sizeY: k,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: G,
-    sizeX: O,
-    sizeY: O,
+    render: X,
+    sizeX: k,
+    sizeY: k,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: G,
-    sizeX: O,
-    sizeY: O,
+    render: X,
+    sizeX: k,
+    sizeY: k,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: G,
-    sizeX: O,
-    sizeY: O,
+    render: X,
+    sizeX: k,
+    sizeY: k,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
-    render: ye,
-    sizeX: se,
-    sizeY: ae,
+    render: ve,
+    sizeX: ne,
+    sizeY: oe,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: ye,
-    sizeX: se,
-    sizeY: ae,
+    render: ve,
+    sizeX: ne,
+    sizeY: oe,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: Ie,
-    sizeX: ne,
-    sizeY: oe,
+    sizeX: ae,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: Ie,
-    sizeX: ne,
-    sizeY: oe,
+    sizeX: ae,
+    sizeY: ie,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: $e,
+    render: Ke,
     sizeX: Q,
     sizeY: Q,
     offsetX: 0,
     offsetY: -Q
   }
 };
-class Je {
+class qe {
   static apply() {
-    const e = Te.createObjectDefaultControls();
-    Object.entries(Ke).forEach(([t, s]) => {
+    const e = ke.createObjectDefaultControls();
+    Object.entries(Je).forEach(([t, s]) => {
       Object.assign(e[t], {
         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, o, i, r) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (o, a, i, r) => {
         var h;
-        (h = o.target.canvas) == null || h.setCursor("grabbing");
+        (h = a.target.canvas) == null || h.setCursor("grabbing");
       });
     }), je.ownDefaults.controls = e, je.ownDefaults.snapAngle = 1;
   }
 }
-const qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Y = {
+const et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", P = {
   style: {
     position: "absolute",
     display: "none",
@@ -616,54 +630,54 @@ const qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: qe,
-    delete: it,
-    lock: et,
-    unlock: tt,
-    bringToFront: nt,
-    sendToBack: ot,
-    bringForward: st,
-    sendBackwards: at
+    copyPaste: et,
+    delete: rt,
+    lock: tt,
+    unlock: st,
+    bringToFront: at,
+    sendToBack: it,
+    bringForward: nt,
+    sendBackwards: ot
   },
   handlers: {
-    copyPaste: (c) => j(null, null, function* () {
-      c.clipboardManager.copyPaste();
+    copyPaste: (d) => y(null, null, function* () {
+      d.clipboardManager.copyPaste();
     }),
-    delete: (c) => {
-      c.deletionManager.deleteSelectedObjects();
+    delete: (d) => {
+      d.deletionManager.deleteSelectedObjects();
     },
-    lock: (c) => {
-      c.objectLockManager.lockObject();
+    lock: (d) => {
+      d.objectLockManager.lockObject();
     },
-    unlock: (c) => {
-      c.objectLockManager.unlockObject();
+    unlock: (d) => {
+      d.objectLockManager.unlockObject();
     },
-    bringForward: (c) => {
-      c.layerManager.bringForward();
+    bringForward: (d) => {
+      d.layerManager.bringForward();
     },
-    bringToFront: (c) => {
-      c.layerManager.bringToFront();
+    bringToFront: (d) => {
+      d.layerManager.bringToFront();
     },
-    sendToBack: (c) => {
-      c.layerManager.sendToBack();
+    sendToBack: (d) => {
+      d.layerManager.sendToBack();
     },
-    sendBackwards: (c) => {
-      c.layerManager.sendBackwards();
+    sendBackwards: (d) => {
+      d.layerManager.sendBackwards();
     }
   }
 };
-class rt {
+class ct {
   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();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = be(I(I({}, Y), e), {
-      style: I(I({}, Y.style), e.style || {}),
-      btnStyle: I(I({}, Y.btnStyle), e.btnStyle || {}),
-      icons: I(I({}, Y.icons), e.icons || {}),
-      handlers: I(I({}, Y.handlers), e.handlers || {})
+    this.config = be(I(I({}, P), e), {
+      style: I(I({}, P.style), e.style || {}),
+      btnStyle: I(I({}, P.btnStyle), e.btnStyle || {}),
+      icons: I(I({}, P.icons), e.icons || {}),
+      handlers: I(I({}, P.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();
@@ -674,11 +688,11 @@ class rt {
   _createDOM() {
     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) => {
-      const a = t.target.closest("button");
-      a && Object.assign(a.style, this.config.btnHover);
+      const n = t.target.closest("button");
+      n && Object.assign(n.style, this.config.btnHover);
     }, this._onBtnOut = (t) => {
-      const a = t.target.closest("button");
-      a && Object.assign(a.style, this.config.btnStyle);
+      const n = t.target.closest("button");
+      n && Object.assign(n.style, this.config.btnStyle);
     }, this.el.addEventListener("mouseover", this._onBtnOver), this.el.addEventListener("mouseout", this._onBtnOut);
   }
   /**
@@ -690,13 +704,13 @@ class rt {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: a } = t, { icons: n = {}, btnStyle: o, handlers: i = {} } = this.config, r = document.createElement("button");
-      r.innerHTML = n[a] ? `<img src="${n[a]}" title="${s}" />` : s, Object.assign(r.style, o), r.onclick = () => {
-        var d;
-        return (d = i[a]) == null ? void 0 : d.call(i, this.editor);
-      }, r.onmousedown = (d) => {
-        d.stopPropagation(), d.preventDefault();
-      }, r.ondragstart = (d) => d.preventDefault(), this.el.appendChild(r);
+      const { name: s, handle: n } = t, { icons: o = {}, btnStyle: a, handlers: i = {} } = this.config, r = document.createElement("button");
+      r.innerHTML = o[n] ? `<img src="${o[n]}" title="${s}" />` : s, Object.assign(r.style, a), r.onclick = () => {
+        var c;
+        return (c = i[n]) == null ? void 0 : c.call(i, this.editor);
+      }, r.onmousedown = (c) => {
+        c.stopPropagation(), c.preventDefault();
+      }, r.ondragstart = (c) => c.preventDefault(), this.el.appendChild(r);
     }
   }
   /**
@@ -752,12 +766,12 @@ class rt {
       this.el.style.display = "none";
       return;
     }
-    const { el: t, config: s, canvas: a } = this;
+    const { el: t, config: s, canvas: n } = this;
     e.setCoords();
-    const n = a.getZoom(), [, , , , o, i] = a.viewportTransform, { x: r } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), u = r * n + o - t.offsetWidth / 2, g = s.offsetTop || 0, M = (d + h) * n + i + g;
+    const o = n.getZoom(), [, , , , a, i] = n.viewportTransform, { x: r } = e.getCenterPoint(), { top: c, height: h } = e.getBoundingRect(), g = r * o + a - t.offsetWidth / 2, u = s.offsetTop || 0, f = (c + h) * o + i + u;
     Object.assign(t.style, {
-      left: `${u}px`,
-      top: `${M}px`,
+      left: `${g}px`,
+      top: `${f}px`,
       display: "flex"
     });
   }
@@ -768,7 +782,7 @@ class rt {
     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();
   }
 }
-const ct = {
+const dt = {
   position: "absolute",
   display: "none",
   background: "#2B2D33",
@@ -782,8 +796,8 @@ const ct = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, ve = 16, Ae = 16, dt = "fabric-editor-angle-indicator";
-class de {
+}, Ae = 16, Ce = 16, lt = "fabric-editor-angle-indicator";
+class le {
   constructor({ editor: e }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._createDOM(), this._bindEvents();
   }
@@ -791,7 +805,7 @@ class de {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = dt, Object.entries(ct).forEach(([e, t]) => {
+    this.el = document.createElement("div"), this.el.className = lt, Object.entries(dt).forEach(([e, t]) => {
       this.el.style.setProperty(e, t);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -811,7 +825,7 @@ class de {
       return;
     }
     const s = t.angle || 0;
-    this.currentAngle = de._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(e.e), this.isActive || this._showIndicator();
+    this.currentAngle = le._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(e.e), this.isActive || this._showIndicator();
   }
   /**
    * Обработчик отпускания кнопки мыши
@@ -842,9 +856,9 @@ class de {
    */
   _positionIndicator(e) {
     const t = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = e.clientX - t.left + ve, a = e.clientY - t.top + Ae;
-    const n = this.el.getBoundingClientRect(), o = n.width, i = n.height;
-    s + o > t.width && (s = e.clientX - t.left - o - ve), a + i > t.height && (a = e.clientY - t.top - i - Ae), this.el.style.left = `${s}px`, this.el.style.top = `${a}px`;
+    let s = e.clientX - t.left + Ae, n = e.clientY - t.top + Ce;
+    const o = this.el.getBoundingClientRect(), a = o.width, i = o.height;
+    s + a > t.width && (s = e.clientX - t.left - a - Ae), n + i > t.height && (n = e.clientY - t.top - i - Ce), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
   }
   /**
    * Показать индикатор
@@ -875,7 +889,7 @@ class de {
     this.canvas && (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:cleared", this._onSelectionCleared)), (e = this.el) != null && e.parentNode && this.el.parentNode.removeChild(this.el), this.el = null, this.editor = null, this.canvas = null, this.options = null;
   }
 }
-class $ {
+class K {
   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();
   }
@@ -887,7 +901,7 @@ class $ {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = ze({
+    this.diffPatcher = Ze({
       objectHash(e) {
         const t = e;
         return [
@@ -943,10 +957,10 @@ class $ {
    */
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
-    let a = JSON.parse(JSON.stringify(e));
-    for (let n = 0; n < t; n += 1)
-      a = this.diffPatcher.patch(a, s[n].diff);
-    return console.log("getFullState state", a), a;
+    let n = JSON.parse(JSON.stringify(e));
+    for (let o = 0; o < t; o += 1)
+      n = this.diffPatcher.patch(n, s[o].diff);
+    return console.log("getFullState state", n), n;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -982,7 +996,7 @@ class $ {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    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: A(), 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);
+    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: C(), 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);
   }
   /**
    * Сериализует customData объектов в строку. Это необходимо чтобы при вызове loadFromJSON fabricjs не пытался обрабатывать свойства внутри customData, как свойства FabricObject, если их названия совпадают с зарезервированными.
@@ -1015,19 +1029,19 @@ class $ {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: n } = this.editor, { width: o, height: i } = t;
-      a.overlayMask = null, $._serializeCustomData(e), yield t.loadFromJSON(e, (l, u) => {
-        $._deserializeCustomData(l, u);
+      const { canvas: t, canvasManager: s, interactionBlocker: n, backgroundManager: o } = this.editor, { width: a, height: i } = t;
+      n.overlayMask = null, K._serializeCustomData(e), yield t.loadFromJSON(e, (l, g) => {
+        K._deserializeCustomData(l, g);
       });
       const r = t.getObjects().find((l) => l.id === "montage-area");
-      r && (this.editor.montageArea = r, (o !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
-      const d = t.getObjects().find((l) => l.id === "overlay-mask");
-      d && (a.overlayMask = d, a.overlayMask.visible = !1);
+      r && (this.editor.montageArea = r, (a !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
+      const c = t.getObjects().find((l) => l.id === "overlay-mask");
+      c && (n.overlayMask = c, n.overlayMask.visible = !1);
       const h = t.getObjects().find((l) => l.id === "background");
-      h ? (n.backgroundObject = h, n.refresh()) : n.removeBackground({ withoutSave: !0 }), t.renderAll(), t.fire("editor:history-state-loaded", {
+      h ? (o.backgroundObject = h, o.refresh()) : o.removeBackground({ withoutSave: !0 }), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -1042,7 +1056,7 @@ class $ {
    * @fires editor:undo
    */
   undo() {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1079,7 +1093,7 @@ class $ {
    * @fires editor:redo
    */
   redo() {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1112,8 +1126,8 @@ class $ {
     });
   }
 }
-const lt = 0.1, ht = 2, ut = 0.1, gt = 90, U = 16, z = 16, k = 4096, _ = 4096, Ce = "application/image-editor:";
-class N {
+const ht = 0.1, gt = 2, Se = 0.1, ut = 90, Z = 16, H = 16, B = 4096, x = 4096, De = "application/image-editor:";
+class _ {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -1130,111 +1144,111 @@ class N {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
-        withoutSave: a = !1,
-        fromClipboard: n = !1,
-        isBackground: o = !1,
+        withoutSave: n = !1,
+        fromClipboard: o = !1,
+        isBackground: a = !1,
         withoutSelection: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: r, montageArea: d, transformManager: h, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(t), M = N.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: p } = this;
-      if (!this.isAllowedContentType(g)) {
-        const f = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return u.emitError({
+      const { canvas: r, montageArea: c, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), f = _.getFormatFromContentType(u), { acceptContentTypes: M, acceptFormats: b } = this;
+      if (!this.isAllowedContentType(u)) {
+        const m = `Неверный contentType для изображения: ${u}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: f,
+          message: m,
           data: {
             source: t,
-            format: M,
-            contentType: g,
-            acceptContentTypes: m,
-            acceptFormats: p,
-            fromClipboard: n,
-            isBackground: o,
+            format: f,
+            contentType: u,
+            acceptContentTypes: M,
+            acceptFormats: b,
+            fromClipboard: o,
+            isBackground: a,
             withoutSelection: i
           }
         }), null;
       }
       l.suspendHistory();
       try {
-        let f, b;
+        let m, p;
         if (t instanceof File)
-          f = URL.createObjectURL(t);
+          m = URL.createObjectURL(t);
         else if (typeof t == "string") {
-          const D = yield (yield fetch(t, { mode: "cors" })).blob();
-          f = URL.createObjectURL(D);
+          const S = yield (yield fetch(t, { mode: "cors" })).blob();
+          m = URL.createObjectURL(S);
         } else
-          return u.emitError({
+          return g.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
             data: {
               source: t,
-              format: M,
-              contentType: g,
-              acceptContentTypes: m,
-              acceptFormats: p,
-              fromClipboard: n,
-              isBackground: o,
+              format: f,
+              contentType: u,
+              acceptContentTypes: M,
+              acceptFormats: b,
+              fromClipboard: o,
+              isBackground: a,
               withoutSelection: i
             }
           }), null;
-        if (this._createdBlobUrls.push(f), M === "svg") {
-          const C = yield ke(f);
-          b = W.groupSVGElements(C.objects, C.options);
+        if (this._createdBlobUrls.push(m), f === "svg") {
+          const A = yield _e(m);
+          p = F.groupSVGElements(A.objects, A.options);
         } else
-          b = yield Z.fromURL(f, { crossOrigin: "anonymous" });
-        const { width: S, height: T } = b;
-        if (b instanceof Z) {
-          const C = b.getElement();
-          let D = "";
-          if (C instanceof HTMLImageElement ? D = C.src : C instanceof HTMLCanvasElement && (D = C.toDataURL()), T > _ || S > k) {
-            const B = yield this.resizeImageToBoundaries(D, "max"), L = URL.createObjectURL(B);
-            this._createdBlobUrls.push(L), b = yield Z.fromURL(L, { crossOrigin: "anonymous" });
-          } else if (T < z || S < U) {
-            const B = yield this.resizeImageToBoundaries(D, "min"), L = URL.createObjectURL(B);
-            this._createdBlobUrls.push(L), b = yield Z.fromURL(L, { crossOrigin: "anonymous" });
+          p = yield z.fromURL(m, { crossOrigin: "anonymous" });
+        const { width: D, height: w } = p;
+        if (p instanceof z) {
+          const A = p.getElement();
+          let S = "";
+          if (A instanceof HTMLImageElement ? S = A.src : A instanceof HTMLCanvasElement && (S = A.toDataURL()), w > x || D > B) {
+            const L = yield this.resizeImageToBoundaries(S, "max"), O = URL.createObjectURL(L);
+            this._createdBlobUrls.push(O), p = yield z.fromURL(O, { crossOrigin: "anonymous" });
+          } else if (w < H || D < Z) {
+            const L = yield this.resizeImageToBoundaries(S, "min"), O = URL.createObjectURL(L);
+            this._createdBlobUrls.push(O), p = yield z.fromURL(O, { crossOrigin: "anonymous" });
           }
         }
-        if (b.set("id", `${b.type}-${A()}`), b.set("format", M), s === "scale-montage")
-          this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
+        if (p.set("id", `${p.type}-${C()}`), p.set("format", f), s === "scale-montage")
+          this.editor.canvasManager.scaleMontageAreaToImage({ object: p, withoutSave: !0 });
         else {
-          const { width: C, height: D } = d, B = this.calculateScaleFactor({ imageObject: b, scaleType: s });
-          s === "image-contain" && B < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || T > D) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: A, height: S } = c, L = this.calculateScaleFactor({ imageObject: p, scaleType: s });
+          s === "image-contain" && L < 1 ? h.fitObject({ object: p, type: "contain", withoutSave: !0 }) : s === "image-cover" && (D > A || w > S) && h.fitObject({ object: p, type: "cover", withoutSave: !0 });
         }
-        r.add(b), r.centerObject(b), i || r.setActiveObject(b), r.renderAll(), l.resumeHistory(), a || l.saveState();
-        const H = {
-          image: b,
-          format: M,
-          contentType: g,
+        r.add(p), r.centerObject(p), i || r.setActiveObject(p), r.renderAll(), l.resumeHistory(), n || l.saveState();
+        const T = {
+          image: p,
+          format: f,
+          contentType: u,
           scale: s,
-          withoutSave: a,
+          withoutSave: n,
           source: t,
-          fromClipboard: n,
-          isBackground: o,
+          fromClipboard: o,
+          isBackground: a,
           withoutSelection: i
         };
-        return r.fire("editor:image-imported", H), H;
-      } catch (f) {
-        return u.emitError({
+        return r.fire("editor:image-imported", T), T;
+      } catch (m) {
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${f.message}`,
+          message: `Ошибка импорта изображения: ${m.message}`,
           data: {
             source: t,
-            format: M,
-            contentType: g,
+            format: f,
+            contentType: u,
             scale: s,
-            withoutSave: a,
-            fromClipboard: n,
-            isBackground: o,
+            withoutSave: n,
+            fromClipboard: o,
+            isBackground: a,
             withoutSelection: i
           }
         }), l.resumeHistory(), null;
@@ -1250,24 +1264,24 @@ class N {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return j(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${k}x${_}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${U}x${z}`);
-      const a = {
+    return y(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${B}x${x}`;
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Z}x${H}`);
+      const n = {
         dataURL: e,
         sizeType: t,
-        maxWidth: k,
-        maxHeight: _,
-        minWidth: U,
-        minHeight: z
+        maxWidth: B,
+        maxHeight: x,
+        minWidth: Z,
+        minHeight: H
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: s,
-        data: a
-      }), this.editor.workerManager.post("resizeImage", a);
+        data: n
+      }), this.editor.workerManager.post("resizeImage", n);
     });
   }
   /**
@@ -1282,105 +1296,105 @@ class N {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return j(this, arguments, function* (e = {}) {
+    return y(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
-        exportAsBase64: a = !1,
-        exportAsBlob: n = !1
-      } = e, { canvas: o, montageArea: i, workerManager: r, interactionBlocker: d } = this.editor;
+        exportAsBase64: n = !1,
+        exportAsBlob: o = !1
+      } = e, { canvas: a, montageArea: i, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const h = s === "application/pdf", l = h ? "image/jpg" : s, u = N.getFormatFromContentType(l);
+        const h = s === "application/pdf", l = h ? "image/jpg" : s, g = _.getFormatFromContentType(l);
         i.setCoords();
-        const { left: g, top: M, width: m, height: p } = i.getBoundingRect(), f = yield o.clone(["id", "format", "locked"]);
-        f.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
-        const b = f.getObjects().find((y) => y.id === i.id);
-        if (b && (b.visible = !1), d != null && d.isBlocked) {
-          const y = f.getObjects().find((w) => w.id === d.overlayMask.id);
-          y && (y.visible = !1);
+        const { left: u, top: f, width: M, height: b } = i.getBoundingRect(), m = yield a.clone(["id", "format", "locked"]);
+        m.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (m.backgroundColor = "#ffffff");
+        const p = m.getObjects().find((j) => j.id === i.id);
+        if (p && (p.visible = !1), c != null && c.isBlocked) {
+          const j = m.getObjects().find((E) => E.id === c.overlayMask.id);
+          j && (j.visible = !1);
         }
-        f.viewportTransform = [1, 0, 0, 1, -g, -M], f.setDimensions({ width: m, height: p }, { backstoreOnly: !0 }), f.renderAll();
-        const S = f.getObjects().filter((y) => y.format).every((y) => y.format === "svg");
-        if (u === "svg" && S) {
-          const y = f.toSVG();
-          f.dispose();
-          const E = {
-            image: N._exportSVGStringAsFile(y, {
-              exportAsBase64: a,
-              exportAsBlob: n,
+        m.viewportTransform = [1, 0, 0, 1, -u, -f], m.setDimensions({ width: M, height: b }, { backstoreOnly: !0 }), m.renderAll();
+        const D = m.getObjects().filter((j) => j.format).every((j) => j.format === "svg");
+        if (g === "svg" && D) {
+          const j = m.toSVG();
+          m.dispose();
+          const N = {
+            image: _._exportSVGStringAsFile(j, {
+              exportAsBase64: n,
+              exportAsBlob: o,
               fileName: t
             }),
             format: "svg",
             contentType: "image/svg+xml",
             fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:canvas-exported", E), E;
+          return a.fire("editor:canvas-exported", N), N;
         }
-        const T = yield new Promise((y, w) => {
-          f.getElement().toBlob((E) => {
-            E ? y(E) : w(new Error("Failed to create Blob from canvas"));
+        const w = yield new Promise((j, E) => {
+          m.getElement().toBlob((N) => {
+            N ? j(N) : E(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (f.dispose(), n) {
-          const y = {
-            image: T,
-            format: u,
+        if (m.dispose(), o) {
+          const j = {
+            image: w,
+            format: g,
             contentType: l,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", y), y;
+          return a.fire("editor:canvas-exported", j), j;
         }
-        const H = yield createImageBitmap(T), C = yield r.post(
+        const T = yield createImageBitmap(w), A = yield r.post(
           "toDataURL",
-          { format: u, quality: 1, bitmap: H },
-          [H]
+          { format: g, quality: 1, bitmap: T },
+          [T]
         );
         if (h) {
-          const w = m * 0.264583, E = p * 0.264583, Ee = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, ee = new Ee({
-            orientation: w > E ? "landscape" : "portrait",
+          const E = M * 0.264583, N = b * 0.264583, te = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, se = new te({
+            orientation: E > N ? "landscape" : "portrait",
             unit: "mm",
-            format: [w, E]
+            format: [E, N]
           });
-          if (ee.addImage(String(C), "JPG", 0, 0, w, E), a) {
-            const ge = {
-              image: ee.output("datauristring"),
+          if (se.addImage(String(A), "JPG", 0, 0, E, N), n) {
+            const fe = {
+              image: se.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return o.fire("editor:canvas-exported", ge), ge;
+            return a.fire("editor:canvas-exported", fe), fe;
           }
-          const Oe = ee.output("blob"), ue = {
-            image: new File([Oe], t, { type: "application/pdf" }),
+          const we = se.output("blob"), ue = {
+            image: new File([we], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return o.fire("editor:canvas-exported", ue), ue;
+          return a.fire("editor:canvas-exported", ue), ue;
         }
-        if (a) {
-          const y = {
-            image: C,
-            format: u,
+        if (n) {
+          const j = {
+            image: A,
+            format: g,
             contentType: l,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", y), y;
+          return a.fire("editor:canvas-exported", j), j;
         }
-        const D = u === "svg" && !S ? t.replace(/\.[^/.]+$/, ".png") : t, L = {
-          image: new File([T], D, { type: l }),
-          format: u,
+        const S = g === "svg" && !D ? t.replace(/\.[^/.]+$/, ".png") : t, O = {
+          image: new File([w], S, { type: l }),
+          format: g,
           contentType: l,
-          fileName: D
+          fileName: S
         };
-        return o.fire("editor:canvas-exported", L), L;
+        return a.fire("editor:canvas-exported", O), O;
       } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта изображения: ${h.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: a, exportAsBlob: n }
+          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: o }
         }), null;
       }
     });
@@ -1397,88 +1411,88 @@ class N {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return j(this, arguments, function* (e = {}) {
+    return y(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
-        contentType: a = "image/png",
-        exportAsBase64: n = !1,
-        exportAsBlob: o = !1
-      } = e, { canvas: i, workerManager: r } = this.editor, d = t || i.getActiveObject();
-      if (!d)
+        contentType: n = "image/png",
+        exportAsBase64: o = !1,
+        exportAsBlob: a = !1
+      } = e, { canvas: i, workerManager: r } = this.editor, c = t || i.getActiveObject();
+      if (!c)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
+          data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: a }
         }), null;
       try {
-        const h = N.getFormatFromContentType(a);
+        const h = _.getFormatFromContentType(n);
         if (h === "svg") {
-          const m = d.toSVG(), p = N._exportSVGStringAsFile(m, {
-            exportAsBase64: n,
-            exportAsBlob: o,
+          const M = c.toSVG(), b = _._exportSVGStringAsFile(M, {
+            exportAsBase64: o,
+            exportAsBlob: a,
             fileName: s
-          }), f = {
-            object: d,
-            image: p,
+          }), m = {
+            object: c,
+            image: b,
             format: h,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:object-exported", f), f;
+          return i.fire("editor:object-exported", m), m;
         }
-        if (n && d instanceof Z) {
-          const m = yield createImageBitmap(d.getElement()), p = yield r.post(
+        if (o && c instanceof z) {
+          const M = yield createImageBitmap(c.getElement()), b = yield r.post(
             "toDataURL",
             {
               format: h,
               quality: 1,
-              bitmap: m
+              bitmap: M
             },
-            [m]
-          ), f = {
-            object: d,
-            image: p,
+            [M]
+          ), m = {
+            object: c,
+            image: b,
             format: h,
-            contentType: a,
+            contentType: n,
             fileName: s
           };
-          return i.fire("editor:object-exported", f), f;
+          return i.fire("editor:object-exported", m), m;
         }
-        const l = d.toCanvasElement({
+        const l = c.toCanvasElement({
           enableRetinaScaling: !1
-        }), u = yield new Promise((m, p) => {
-          l.toBlob((f) => {
-            f ? m(f) : p(new Error("Failed to create Blob from canvas"));
+        }), g = yield new Promise((M, b) => {
+          l.toBlob((m) => {
+            m ? M(m) : b(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (o) {
-          const m = {
-            object: d,
-            image: u,
+        if (a) {
+          const M = {
+            object: c,
+            image: g,
             format: h,
-            contentType: a,
+            contentType: n,
             fileName: s
           };
-          return i.fire("editor:object-exported", m), m;
+          return i.fire("editor:object-exported", M), M;
         }
-        const g = new File([u], s, { type: a }), M = {
-          object: d,
-          image: g,
+        const u = new File([g], s, { type: n }), f = {
+          object: c,
+          image: u,
           format: h,
-          contentType: a,
+          contentType: n,
           fileName: s
         };
-        return i.fire("editor:object-exported", M), M;
+        return i.fire("editor:object-exported", f), f;
       } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${h.message}`,
-          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
+          data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: a }
         }), null;
       }
     });
@@ -1494,7 +1508,7 @@ class N {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => N.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => _.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1510,7 +1524,7 @@ class N {
    * @public
    */
   getContentType(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1521,7 +1535,7 @@ class N {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1545,11 +1559,11 @@ class N {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const a = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
-      return this.acceptContentTypes.forEach((o) => {
-        const i = N.getFormatFromContentType(o);
-        i && (n[i] = o);
-      }), a && n[a] || "application/octet-stream";
+      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), o = {};
+      return this.acceptContentTypes.forEach((a) => {
+        const i = _.getFormatFromContentType(a);
+        i && (o[i] = a);
+      }), n && o[n] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1567,8 +1581,8 @@ class N {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const a = s.width, n = s.height, { width: o, height: i } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(a / o, n / i) : t === "cover" || t === "image-cover" ? Math.max(a / o, n / i) : 1;
+    const n = s.width, o = s.height, { width: a, height: i } = e;
+    return t === "contain" || t === "image-contain" ? Math.min(n / a, o / i) : t === "cover" || t === "image-cover" ? Math.max(n / a, o / i) : 1;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1584,9 +1598,9 @@ class N {
   static _exportSVGStringAsFile(e, {
     exportAsBase64: t,
     exportAsBlob: s,
-    fileName: a = "image.svg"
+    fileName: n = "image.svg"
   } = {}) {
-    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], a.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], n.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1600,11 +1614,11 @@ class N {
     return t ? t[1] : "";
   }
 }
-const x = (c, e, t) => Math.max(Math.min(c, t), e), Se = (c, e) => c * e, ft = (c, e) => new X(c / 2, e / 2);
-function Mt(c) {
-  return ((c == null ? void 0 : c.type) === "image" || (c == null ? void 0 : c.format) === "svg") && typeof (c == null ? void 0 : c.width) == "number" && typeof (c == null ? void 0 : c.height) == "number";
+const R = (d, e, t) => Math.max(Math.min(d, t), e), Ee = (d, e) => d * e, ft = (d, e) => new $(d / 2, e / 2);
+function mt(d) {
+  return ((d == null ? void 0 : d.type) === "image" || (d == null ? void 0 : d.format) === "svg") && typeof (d == null ? void 0 : d.width) == "number" && typeof (d == null ? void 0 : d.height) == "number";
 }
-class mt {
+class Mt {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1628,26 +1642,26 @@ class mt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var M;
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
+    var f;
     if (!e) return;
     const {
-      canvas: n,
-      montageArea: o,
+      canvas: o,
+      montageArea: a,
       options: { canvasBackstoreWidth: i }
-    } = this.editor, { width: r, height: d } = o, h = x(Number(e), U, k);
-    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), o.set({ width: h }), (M = n.clipPath) == null || M.set({ width: h }), t) {
-      const m = h / r, p = Se(d, m);
-      this.setResolutionHeight(p);
+    } = this.editor, { width: r, height: c } = a, h = R(Number(e), Z, B);
+    if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), a.set({ width: h }), (f = o.clipPath) == null || f.set({ width: h }), t) {
+      const M = h / r, b = Ee(c, M);
+      this.setResolutionHeight(b);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(o), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(a), u = o.getZoom();
+    o.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
       width: h,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: a
-    });
+      adaptCanvasToContainer: n
+    }), this.editor.panConstraintManager.updateBounds();
   }
   /**
    * Устанавливаем внутреннюю высоту канваса (для экспорта)
@@ -1658,26 +1672,26 @@ class mt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var M;
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
+    var f;
     if (!e) return;
     const {
-      canvas: n,
-      montageArea: o,
+      canvas: o,
+      montageArea: a,
       options: { canvasBackstoreHeight: i }
-    } = this.editor, { width: r, height: d } = o, h = x(Number(e), z, _);
-    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), o.set({ height: h }), (M = n.clipPath) == null || M.set({ height: h }), t) {
-      const m = h / d, p = Se(r, m);
-      this.setResolutionWidth(p);
+    } = this.editor, { width: r, height: c } = a, h = R(Number(e), H, x);
+    if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), a.set({ height: h }), (f = o.clipPath) == null || f.set({ height: h }), t) {
+      const M = h / c, b = Ee(r, M);
+      this.setResolutionWidth(b);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(o), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(a), u = o.getZoom();
+    o.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
       height: h,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: a
-    });
+      adaptCanvasToContainer: n
+    }), this.editor.panConstraintManager.updateBounds();
   }
   /**
    * Центрирует монтажную область и ClipPath точно по центру канваса
@@ -1685,16 +1699,16 @@ class mt {
    */
   centerMontageArea() {
     var r;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), n = e.getZoom(), o = ft(s, a);
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), o = e.getZoom(), a = ft(s, n);
     t.set({
       left: s / 2,
-      top: a / 2
+      top: n / 2
     }), (r = e.clipPath) == null || r.set({
       left: s / 2,
-      top: a / 2
+      top: n / 2
     }), e.renderAll();
     const i = e.viewportTransform;
-    i[4] = s / 2 - o.x * n, i[5] = a / 2 - o.y * n, e.setViewportTransform(i), e.renderAll();
+    i[4] = s / 2 - a.x * o, i[5] = n / 2 - a.y * o, e.setViewportTransform(i), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1710,7 +1724,7 @@ class mt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: a, height: n } = s, o = t.getZoom(), i = (a - a * o) / 2, r = (n - n * o) / 2;
+    const { width: n, height: o } = s, a = t.getZoom(), i = (n - n * a) / 2, r = (o - o * a) / 2;
     return { left: i, top: r };
   }
   /**
@@ -1718,7 +1732,7 @@ class mt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = x(e, U, k);
+    const t = R(e, Z, B);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1727,7 +1741,7 @@ class mt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = x(e, z, _);
+    const t = R(e, H, x);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1736,8 +1750,8 @@ class mt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = x(s, U, k), o = x(a, z, _);
-    e.setDimensions({ width: n, height: o }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, n = t.clientHeight, o = R(s, Z, B), a = R(n, H, x);
+    e.setDimensions({ width: o, height: a }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1750,15 +1764,15 @@ class mt {
       montageArea: t,
       montageArea: {
         width: s,
-        height: a
+        height: n
       }
-    } = this.editor, n = t.left, o = t.top;
-    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(a, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const i = t.left - n, r = t.top - o;
+    } = this.editor, o = t.left, a = t.top;
+    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
+    const i = t.left - o, r = t.top - a;
     if (i !== 0 || r !== 0) {
-      const d = e.getActiveObject(), h = [];
-      if ((d == null ? void 0 : d.type) === "activeselection") {
-        const l = d;
+      const c = e.getActiveObject(), h = [];
+      if ((c == null ? void 0 : c.type) === "activeselection") {
+        const l = c;
         h.push(...l.getObjects()), e.discardActiveObject();
       }
       if (e.getObjects().forEach((l) => {
@@ -1778,8 +1792,8 @@ class mt {
     }
     e.renderAll(), e.fire("editor:canvas-updated", {
       width: s,
-      height: a
-    });
+      height: n
+    }), this.editor.panConstraintManager.updateBounds();
   }
   /**
    * Заготовка.
@@ -1888,32 +1902,32 @@ class mt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: a } = this.editor, n = [];
+    const { canvas: n } = this.editor, o = [];
     switch (e) {
       case "canvas":
-        n.push(a.lowerCanvasEl, a.upperCanvasEl);
+        o.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        n.push(a.wrapperEl);
+        o.push(n.wrapperEl);
         break;
       case "container":
-        n.push(this.getEditorContainer());
+        o.push(this.getEditorContainer());
         break;
       default:
-        n.push(a.lowerCanvasEl, a.upperCanvasEl);
+        o.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
-    const o = t === "width" ? "width" : "height";
+    const a = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      n.forEach((r) => {
-        r.style[o] = s;
+      o.forEach((r) => {
+        r.style[a] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const i = `${s}px`;
-    n.forEach((r) => {
-      r.style[o] = i;
-    }), a.fire(`editor:display-${e}-${o}-changed`, {
+    o.forEach((r) => {
+      r.style[a] = i;
+    }), n.fire(`editor:display-${e}-${a}-changed`, {
       element: e,
       value: s
     });
@@ -1928,28 +1942,28 @@ class mt {
    */
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
-      canvas: a,
-      montageArea: n,
-      transformManager: o,
+      canvas: n,
+      montageArea: o,
+      transformManager: a,
       options: {
         montageAreaWidth: i,
         montageAreaHeight: r
       }
-    } = this.editor, d = e || a.getActiveObject();
-    if (!Mt(d)) return;
-    const { width: h, height: l } = d;
-    let u = Math.min(h, k), g = Math.min(l, _);
+    } = this.editor, c = e || n.getActiveObject();
+    if (!mt(c)) return;
+    const { width: h, height: l } = c;
+    let g = Math.min(h, B), u = Math.min(l, x);
     if (t) {
       const {
-        width: M,
-        height: m
-      } = n, p = h / M, f = l / m, b = Math.max(p, f);
-      u = M * b, g = m * b;
+        width: f,
+        height: M
+      } = o, b = h / f, m = l / M, p = Math.max(b, m);
+      g = f * p, u = M * p;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > r) && o.calculateAndApplyDefaultZoom(), o.resetObject({ object: d, withoutSave: !0 }), a.centerObject(d), a.renderAll(), s || this.editor.historyManager.saveState(), a.fire("editor:montage-area-scaled-to-image", {
-      object: d,
-      width: u,
-      height: g,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), a.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+      object: c,
+      width: g,
+      height: u,
       preserveAspectRatio: t,
       withoutSave: s
     });
@@ -1972,13 +1986,13 @@ class mt {
     const {
       canvas: t,
       transformManager: s,
-      historyManager: a,
+      historyManager: n,
       options: {
-        montageAreaWidth: n,
-        montageAreaHeight: o
+        montageAreaWidth: o,
+        montageAreaHeight: a
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(n, { withoutSave: !0 }), this.setResolutionHeight(o, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || a.saveState(), t.fire("editor:default-scale-set");
+    this.editor.zoomManager.resetZoom(), this.setResolutionWidth(o, { withoutSave: !0 }), this.setResolutionHeight(a, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -1989,72 +2003,16 @@ class mt {
       canvas: e,
       montageArea: t,
       interactionBlocker: { overlayMask: s },
-      backgroundManager: { backgroundObject: a }
+      backgroundManager: { backgroundObject: n }
     } = this.editor;
     return e.getObjects().filter(
-      (o) => o.id !== t.id && o.id !== (s == null ? void 0 : s.id) && o.id !== (a == null ? void 0 : a.id)
+      (a) => a.id !== t.id && a.id !== (s == null ? void 0 : s.id) && a.id !== (n == null ? void 0 : n.id)
     );
   }
 }
-class bt {
+class pt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || lt, this.maxZoom = this.options.maxZoom || ht, this.defaultZoom = this.options.defaultScale;
-  }
-  /**
-   * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
-   * Зум рассчитывается исходя из размеров контейнера редактора и текущих размеров монтажной области.
-   * Расчёт происходит таким образом, чтобы монтажная область визуально целиком помещалась в контейнер редактора.
-   * Если scale не передан, то используется значение из options.defaultScale.
-   * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
-   */
-  calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, n = s.clientHeight, { width: o, height: i } = this.editor.montageArea, r = a / o * e, d = n / i * e;
-    this.defaultZoom = Math.min(r, d), this.setZoom();
-  }
-  /**
-   * Увеличение/уменьшение масштаба
-   * @param scale - Шаг зума
-   * @param options - Координаты зума (по умолчанию центр канваса)
-   * @param options.pointX - Координата X точки зума
-   * @param options.pointY - Координата Y точки зума
-   * @fires editor:zoom-changed
-   * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
-   */
-  zoom(e = ut, t = {}) {
-    var u, g;
-    if (!e) return;
-    const { minZoom: s, maxZoom: a } = this, { canvas: n } = this.editor, o = n.getZoom(), i = n.getCenterPoint(), r = (u = t.pointX) != null ? u : i.x, d = (g = t.pointY) != null ? g : i.y, h = new X(r, d);
-    let l = Number((o + Number(e)).toFixed(2));
-    l > a && (l = a), l < s && (l = s), n.zoomToPoint(h, l), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
-      zoom: l,
-      point: h
-    });
-  }
-  /**
-   * Установка зума
-   * @param zoom - Зум
-   * @fires editor:zoom-changed
-   */
-  setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, n = new X(a.getCenterPoint());
-    let o = e;
-    e > s && (o = s), e < t && (o = t), a.zoomToPoint(n, o), a.fire("editor:zoom-changed", {
-      currentZoom: a.getZoom(),
-      zoom: o,
-      point: n
-    });
-  }
-  /**
-   * Сброс зума
-   * @fires editor:zoom-changed
-   */
-  resetZoom() {
-    const { canvas: e } = this.editor, t = new X(e.getCenterPoint());
-    e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
-      currentZoom: e.getZoom(),
-      point: t
-    });
+    this.editor = e, this.options = e.options;
   }
   /**
    * Поворот объекта на заданный угол
@@ -2063,14 +2021,14 @@ class bt {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = gt, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor, n = s.getActiveObject();
-    if (!n) return;
-    const o = n.angle + e;
-    n.rotate(o), n.setCoords(), s.renderAll(), t || a.saveState(), s.fire("editor:object-rotated", {
-      object: n,
+  rotate(e = ut, { withoutSave: t } = {}) {
+    const { canvas: s, historyManager: n } = this.editor, o = s.getActiveObject();
+    if (!o) return;
+    const a = o.angle + e;
+    o.rotate(a), o.setCoords(), s.renderAll(), t || n.saveState(), s.fire("editor:object-rotated", {
+      object: o,
       withoutSave: t,
-      angle: o
+      angle: a
     });
   }
   /**
@@ -2080,9 +2038,9 @@ class bt {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, a = t.getActiveObject();
-    a && (a.flipX = !a.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
-      object: a,
+    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
+    n && (n.flipX = !n.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -2093,9 +2051,9 @@ class bt {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, a = t.getActiveObject();
-    a && (a.flipY = !a.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
-      object: a,
+    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
+    n && (n.flipY = !n.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
+      object: n,
       withoutSave: e
     }));
   }
@@ -2112,11 +2070,11 @@ class bt {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
-    o && (o instanceof v ? o.getObjects().forEach((i) => {
+    const { canvas: n, historyManager: o } = this.editor, a = e || n.getActiveObject();
+    a && (a instanceof v ? a.getObjects().forEach((i) => {
       i.set("opacity", t);
-    }) : o.set("opacity", t), a.renderAll(), s || n.saveState(), a.fire("editor:object-opacity-changed", {
-      object: o,
+    }) : a.set("opacity", t), n.renderAll(), s || o.saveState(), n.fire("editor:object-opacity-changed", {
+      object: a,
       opacity: t,
       withoutSave: s
     }));
@@ -2136,24 +2094,24 @@ class bt {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: s,
-    fitAsOneObject: a
+    fitAsOneObject: n
   } = {}) {
-    const { canvas: n, historyManager: o } = this.editor, i = e || n.getActiveObject();
+    const { canvas: o, historyManager: a } = this.editor, i = e || o.getActiveObject();
     if (i) {
-      if (i instanceof v && !a) {
+      if (i instanceof v && !n) {
         const r = i.getObjects();
-        n.discardActiveObject(), r.forEach((h) => {
+        o.discardActiveObject(), r.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const d = new v(r, { canvas: n });
-        n.setActiveObject(d);
+        const c = new v(r, { canvas: o });
+        o.setActiveObject(c);
       } else
         this._fitSingleObject(i, t);
-      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
+      o.renderAll(), s || a.saveState(), o.fire("editor:object-fitted", {
         object: i,
         type: t,
         withoutSave: s,
-        fitAsOneObject: a
+        fitAsOneObject: n
       });
     }
   }
@@ -2164,11 +2122,11 @@ class bt {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: a } = this.editor, { width: n, height: o, scaleX: i = 1, scaleY: r = 1, angle: d = 0 } = e, h = n * Math.abs(i), l = o * Math.abs(r), u = d * Math.PI / 180, g = Math.abs(Math.cos(u)), M = Math.abs(Math.sin(u)), m = h * g + l * M, p = h * M + l * g, f = a.width, b = a.height;
-    let S;
-    t === "contain" ? S = Math.min(f / m, b / p) : S = Math.max(f / m, b / p), e.set({
-      scaleX: i * S,
-      scaleY: r * S
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: a, scaleX: i = 1, scaleY: r = 1, angle: c = 0 } = e, h = o * Math.abs(i), l = a * Math.abs(r), g = c * Math.PI / 180, u = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), M = h * u + l * f, b = h * f + l * u, m = n.width, p = n.height;
+    let D;
+    t === "contain" ? D = Math.min(m / M, p / b) : D = Math.max(m / M, p / b), e.set({
+      scaleX: i * D,
+      scaleY: r * D
     }), s.centerObject(e);
   }
   /**
@@ -2189,35 +2147,239 @@ class bt {
    */
   resetObject({ object: e, alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: a,
-      montageArea: n,
-      imageManager: o,
+      canvas: n,
+      montageArea: o,
+      imageManager: a,
       historyManager: i,
       options: { scaleType: r }
-    } = this.editor, d = e || a.getActiveObject();
-    if (!d || d.locked) return;
-    if (i.suspendHistory(), d.type === "image" || d.format === "svg" || d.set({
+    } = this.editor, c = e || n.getActiveObject();
+    if (!c || c.locked) return;
+    if (i.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: u } = n, { width: g, height: M } = d, m = o.calculateScaleFactor({
-        imageObject: d,
+      const { width: l, height: g } = o, { width: u, height: f } = c, M = a.calculateScaleFactor({
+        imageObject: c,
         scaleType: r
       });
-      r === "contain" && m < 1 || r === "cover" && (g > l || M > u) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && M < 1 || r === "cover" && (u > l || f > g) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
-    d.set({ flipX: !1, flipY: !1, angle: 0 }), a.centerObject(d), a.renderAll(), i.resumeHistory(), s || i.saveState(), a.fire("editor:object-reset", {
-      object: d,
+    c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), i.resumeHistory(), s || i.saveState(), n.fire("editor:object-reset", {
+      object: c,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
+class bt {
+  constructor({ editor: e }) {
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || ht, this.maxZoom = this.options.maxZoom || gt, this.defaultZoom = this.options.defaultScale;
+  }
+  /**
+   * Вспомогательный метод для вычисления размеров масштабированной монтажной области
+   * @param zoom - Масштаб для расчета
+   * @returns Размеры масштабированной монтажной области
+   * @private
+   */
+  _getScaledMontageDimensions(e) {
+    const { montageArea: t } = this.editor;
+    return {
+      width: t.width * e,
+      height: t.height * e
+    };
+  }
+  /**
+   * Ограничивает координаты курсора видимыми границами монтажной области
+   * @param event - Событие колеса мыши
+   * @returns Ограниченные координаты в canvas-пространстве
+   * @private
+   */
+  _getClampedPointerCoordinates(e) {
+    const { canvas: t, montageArea: s } = this.editor, n = t.getPointer(e, !0), o = t.viewportTransform, a = t.getZoom(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, h = s.top + s.height / 2, l = i * a + o[4], g = r * a + o[4], u = c * a + o[5], f = h * a + o[5], M = Math.max(l, Math.min(g, n.x)), b = Math.max(u, Math.min(f, n.y));
+    return {
+      x: M,
+      y: b
+    };
+  }
+  /**
+   * Вычисляет зум при котором монтажная область точно помещается в viewport
+   * @returns Минимальный зум для полного размещения монтажной области
+   * @private
+   */
+  _calculateFitZoom() {
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), o = s / t.width, a = n / t.height;
+    return Math.max(o, a);
+  }
+  /**
+   * Вычисляет целевую позицию viewport для центрирования монтажной области
+   * @param zoom - Текущий зум
+   * @returns Целевые координаты viewport transform
+   * @private
+   */
+  _calculateTargetViewportPosition(e) {
+    const { canvas: t, montageArea: s } = this.editor, n = t.getWidth(), o = t.getHeight(), a = n / 2, i = o / 2, r = s.left, c = s.top;
+    return {
+      x: a - r * e,
+      y: i - c * e
+    };
+  }
+  /**
+   * Проверяет наличие пустого пространства вокруг монтажной области
+   * @param zoom - Текущий зум
+   * @returns Максимальное соотношение пустого пространства к размеру viewport
+   * @private
+   */
+  _calculateEmptySpaceRatio(e) {
+    const { canvas: t, montageArea: s } = this.editor, n = t.viewportTransform, o = t.getWidth(), a = t.getHeight(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, h = s.top + s.height / 2, l = -n[4] / e, g = (-n[4] + o) / e, u = -n[5] / e, f = (-n[5] + a) / e, M = l < i, b = g > r, m = u < c, p = f > h;
+    if (!(M || b || m || p)) return 0;
+    const w = Math.max(0, i - l), T = Math.max(0, g - r), A = Math.max(0, c - u), S = Math.max(0, f - h), L = Math.max(w, T), O = Math.max(A, S), j = L / o, E = O / a;
+    return Math.max(j, E);
+  }
+  /**
+   * Вычисляет плавный шаг перемещения viewport к центру с ускорением
+   * @param targetVpt - Целевая позиция viewport
+   * @param zoom - Текущий зум
+   * @param fitZoom - Зум при котором монтажная область помещается в viewport
+   * @param zoomStep - Шаг изменения зума
+   * @param maxEmptyRatio - Максимальная доля пустого пространства
+   * @returns Вычисленный шаг перемещения viewport
+   * @private
+   */
+  _calculateSmoothCenteringStep(e, t, s, n, o) {
+    const { canvas: a, montageArea: i } = this.editor, r = a.viewportTransform, c = a.getWidth(), h = a.getHeight(), l = e.x - r[4], g = e.y - r[5], u = Math.abs(n), f = t - s;
+    if (Math.abs(f) / u <= 0.1)
+      return { x: l, y: g };
+    const b = c / 2, m = h / 2, p = i.left, D = i.top, w = b - p * s, T = m - D * s, A = (w - r[4]) / (t - s), S = (T - r[5]) / (t - s), L = A * u, O = S * u, j = L * o, E = O * o, N = Math.abs(j) > Math.abs(l) ? l : j, te = Math.abs(E) > Math.abs(g) ? g : E;
+    return { x: N, y: te };
+  }
+  /**
+   * Применяет плавное центрирование viewport при приближении к defaultZoom.
+   * При zoom <= defaultZoom монтажная область полностью центрируется.
+   * При zoom > defaultZoom применяется плавная интерполяция в пределах переходного диапазона.
+   * @param zoom - Текущий зум
+   * @param isZoomingOut - Флаг, указывающий что происходит zoom-out (уменьшение масштаба)
+   * @param zoomStep - Шаг зума (адаптивно рассчитанный)
+   * @returns true если центрирование было применено
+   * @private
+   */
+  _applyViewportCentering(e, t = !1, s = Se) {
+    const { canvas: n } = this.editor, o = this._getScaledMontageDimensions(e), a = n.getWidth(), i = n.getHeight(), r = o.width > a || o.height > i, c = this._calculateFitZoom(), h = e - c;
+    if (!(!r || h) && !t)
+      return !1;
+    const g = n.viewportTransform, u = this._calculateTargetViewportPosition(e);
+    if (!r)
+      return g[4] = u.x, g[5] = u.y, n.setViewportTransform(g), !0;
+    if (t && !r) {
+      const f = this._calculateEmptySpaceRatio(e);
+      if (f > 0) {
+        const M = this._calculateSmoothCenteringStep(u, e, c, s, f);
+        return g[4] += M.x, g[5] += M.y, n.setViewportTransform(g), !0;
+      }
+    }
+    return !1;
+  }
+  /**
+   * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
+   * Зум рассчитывается исходя из размеров контейнера редактора и текущих размеров монтажной области.
+   * Расчёт происходит таким образом, чтобы монтажная область визуально целиком помещалась в контейнер редактора.
+   * Если scale не передан, то используется значение из options.defaultScale.
+   * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
+   */
+  calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
+    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth || t.getWidth(), o = s.clientHeight || t.getHeight(), { width: a, height: i } = this.editor.montageArea, r = n / a * e, c = o / i * e;
+    this.defaultZoom = Math.min(r, c), this.setZoom(), this.editor.panConstraintManager.updateBounds();
+  }
+  /**
+   * Обработчик зума колесом мыши с автоматическим определением точки зума.
+   * Логика выбора точки зума:
+   * - При zoom-out (уменьшении): зум к текущему центру монтажной области
+   * - При zoom-in (увеличении): зум к позиции курсора (ограниченной границами монтажной области)
+   * - Если zoom < defaultZoom или монтажная область помещается во viewport - зум к центру монтажной области
+   * @param scale - Шаг зума
+   * @param event - Событие колеса мыши
+   * @fires editor:zoom-changed
+   */
+  handleMouseWheelZoom(e, t) {
+    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), a = e < 0, i = this._getScaledMontageDimensions(o), r = s.getWidth(), c = s.getHeight(), h = i.width > r || i.height > c;
+    if (a) {
+      if (!h)
+        this.zoom(e, {
+          pointX: n.left,
+          pointY: n.top
+        });
+      else {
+        const g = this._getClampedPointerCoordinates(t);
+        this.zoom(e, {
+          pointX: g.x,
+          pointY: g.y
+        });
+      }
+      return;
+    }
+    if (e < 0 || !h) {
+      this.zoom(e, {
+        pointX: n.left,
+        pointY: n.top
+      });
+      return;
+    }
+    const l = this._getClampedPointerCoordinates(t);
+    this.zoom(e, {
+      pointX: l.x,
+      pointY: l.y
+    });
+  }
+  /**
+   * Увеличение/уменьшение масштаба
+   * @param scale - Шаг зума
+   * @param options - Координаты зума (по умолчанию центр канваса)
+   * @param options.pointX - Координата X точки зума
+   * @param options.pointY - Координата Y точки зума
+   * @fires editor:zoom-changed
+   */
+  zoom(e = Se, t = {}) {
+    var u, f;
+    if (!e) return;
+    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, a = e < 0, i = o.getZoom(), r = o.getCenterPoint(), c = (u = t.pointX) != null ? u : r.x, h = (f = t.pointY) != null ? f : r.y, l = new $(c, h);
+    this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
+    let g = Number((i + Number(e)).toFixed(3));
+    g > n && (g = n), g < s && (g = s), o.zoomToPoint(l, g), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(g, a, e), o.fire("editor:zoom-changed", {
+      currentZoom: o.getZoom(),
+      zoom: g,
+      point: l
+    });
+  }
+  /**
+   * Установка зума
+   * @param zoom - Зум
+   * @fires editor:zoom-changed
+   */
+  setZoom(e = this.defaultZoom) {
+    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, o = new $(n.getCenterPoint());
+    let a = e;
+    e > s && (a = s), e < t && (a = t), n.zoomToPoint(o, a), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
+      zoom: a,
+      point: o
+    }), this.editor.panConstraintManager.updateBounds();
+  }
+  /**
+   * Сброс зума
+   * @fires editor:zoom-changed
+   */
+  resetZoom() {
+    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
+    }), this.editor.panConstraintManager.updateBounds();
+  }
+}
 class jt {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
@@ -2248,8 +2410,8 @@ class jt {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: a, top: n, width: o, height: i } = t.getBoundingRect();
-    this.overlayMask.set({ left: a, top: n, width: o, height: i }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    const { left: n, top: o, width: a, height: i } = t.getBoundingRect();
+    this.overlayMask.set({ left: n, top: o, width: a, height: i }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
   }
   /**
    * Выключает редактор:
@@ -2260,8 +2422,8 @@ class jt {
   block() {
     if (this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((a) => {
-      a.evented = !1, a.selectable = !1;
+    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((n) => {
+      n.evented = !1, n.selectable = !1;
     }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), s.resumeHistory();
   }
   /**
@@ -2270,12 +2432,12 @@ class jt {
   unblock() {
     if (!this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((a) => {
-      a.evented = !0, a.selectable = !0;
+    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((n) => {
+      n.evented = !0, n.selectable = !0;
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class R {
+class Y {
   constructor({ editor: e }) {
     this.editor = e, this.backgroundObject = null;
   }
@@ -2290,28 +2452,28 @@ class R {
     customData: t = {},
     withoutSave: s = !1
   }) {
-    var a;
+    var n;
     try {
-      const { historyManager: n } = this.editor, { backgroundObject: o } = this;
-      if (n.suspendHistory(), o && o.backgroundType === "color") {
-        if (o.fill === e) {
-          n.resumeHistory();
+      const { historyManager: o } = this.editor, { backgroundObject: a } = this;
+      if (o.suspendHistory(), a && a.backgroundType === "color") {
+        if (a.fill === e) {
+          o.resumeHistory();
           return;
         }
-        o.set({
+        a.set({
           fill: e,
-          backgroundId: `background-${A()}`
+          backgroundId: `background-${C()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(e);
-      (a = this.backgroundObject) == null || a.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", { type: "color", color: e }), n.resumeHistory(), s || n.saveState();
-    } catch (n) {
+      (n = this.backgroundObject) == null || n.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", { type: "color", color: e }), o.resumeHistory(), s || o.saveState();
+    } catch (o) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setColorBackground",
         message: "Не удалось установить цветовой фон",
-        data: { error: n }
+        data: { error: o }
       });
     }
   }
@@ -2326,32 +2488,32 @@ class R {
     customData: t = {},
     withoutSave: s = !1
   }) {
-    var a;
+    var n;
     try {
-      const { historyManager: n } = this.editor, { backgroundObject: o } = this;
-      if (n.suspendHistory(), o && o.backgroundType === "gradient") {
-        const i = R._createFabricGradient(e);
-        if (R._isGradientEqual(o.fill, i)) {
-          n.resumeHistory();
+      const { historyManager: o } = this.editor, { backgroundObject: a } = this;
+      if (o.suspendHistory(), a && a.backgroundType === "gradient") {
+        const i = Y._createFabricGradient(e);
+        if (Y._isGradientEqual(a.fill, i)) {
+          o.resumeHistory();
           return;
         }
-        o.set({
+        a.set({
           fill: i,
-          backgroundId: `background-${A()}`
+          backgroundId: `background-${C()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(e);
-      (a = this.backgroundObject) == null || a.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", {
+      (n = this.backgroundObject) == null || n.set({ customData: t }), this.editor.canvas.fire("editor:background:changed", {
         type: "gradient",
         gradientParams: e
-      }), n.resumeHistory(), s || n.saveState();
-    } catch (n) {
+      }), o.resumeHistory(), s || o.saveState();
+    } catch (o) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setGradientBackground",
         message: "Не удалось установить градиентный фон",
-        data: { error: n }
+        data: { error: o }
       });
     }
   }
@@ -2363,9 +2525,9 @@ class R {
     angle: e,
     startColor: t,
     endColor: s,
-    startPosition: a,
-    endPosition: n,
-    customData: o = {},
+    startPosition: n,
+    endPosition: o,
+    customData: a = {},
     withoutSave: i = !1
   }) {
     this.setGradientBackground({
@@ -2374,10 +2536,10 @@ class R {
         angle: e,
         startColor: t,
         endColor: s,
-        startPosition: a,
-        endPosition: n
+        startPosition: n,
+        endPosition: o
       },
-      customData: o,
+      customData: a,
       withoutSave: i
     });
   }
@@ -2389,12 +2551,12 @@ class R {
     centerX: e,
     centerY: t,
     radius: s,
-    startColor: a,
-    endColor: n,
-    startPosition: o,
+    startColor: n,
+    endColor: o,
+    startPosition: a,
     endPosition: i,
     customData: r = {},
-    withoutSave: d = !1
+    withoutSave: c = !1
   }) {
     this.setGradientBackground({
       gradient: {
@@ -2402,13 +2564,13 @@ class R {
         centerX: e,
         centerY: t,
         radius: s,
-        startColor: a,
-        endColor: n,
-        startPosition: o,
+        startColor: n,
+        endColor: o,
+        startPosition: a,
         endPosition: i
       },
       customData: r,
-      withoutSave: d
+      withoutSave: c
     });
   }
   /**
@@ -2417,26 +2579,26 @@ class R {
    * @param options.imageUrl - URL изображения
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
-  setImageBackground(a) {
-    return j(this, arguments, function* ({
+  setImageBackground(n) {
+    return y(this, arguments, function* ({
       imageSource: e,
       customData: t = {},
       withoutSave: s = !1
     }) {
       try {
-        const { historyManager: n } = this.editor;
-        n.suspendHistory(), yield this._createImageBackground(e, t), this.editor.canvas.fire("editor:background:changed", {
+        const { historyManager: o } = this.editor;
+        o.suspendHistory(), yield this._createImageBackground(e, t), this.editor.canvas.fire("editor:background:changed", {
           type: "image",
           imageSource: e,
           backgroundObject: this.backgroundObject
-        }), n.resumeHistory(), s || n.saveState();
-      } catch (n) {
+        }), o.resumeHistory(), s || o.saveState();
+      } catch (o) {
         this.editor.errorManager.emitError({
           code: "BACKGROUND_CREATION_FAILED",
           origin: "BackgroundManager",
           method: "setImageBackground",
           message: "Не удалось установить изображение в качестве фона",
-          data: { error: n }
+          data: { error: o }
         });
       }
     });
@@ -2468,8 +2630,8 @@ class R {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.backgroundObject) return;
     s.suspendHistory(), this.editor.transformManager.fitObject({ object: this.backgroundObject, withoutSave: !0, type: "cover" });
-    const a = e.getObjects(), n = a.indexOf(t), o = a.indexOf(this.backgroundObject);
-    this.backgroundObject && o !== n + 1 && e.moveObjectTo(this.backgroundObject, n + 1), e.requestRenderAll(), s.resumeHistory();
+    const n = e.getObjects(), o = n.indexOf(t), a = n.indexOf(this.backgroundObject);
+    this.backgroundObject && a !== o + 1 && e.moveObjectTo(this.backgroundObject, o + 1), e.requestRenderAll(), s.resumeHistory();
   }
   /**
    * Создает цветовой фон.
@@ -2484,7 +2646,7 @@ class R {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${A()}`
+      backgroundId: `background-${C()}`
     }, { withoutSelection: !0 }), this.refresh();
   }
   /**
@@ -2501,9 +2663,9 @@ class R {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${A()}`
+      backgroundId: `background-${C()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const t = R._createFabricGradient(e);
+    const t = Y._createFabricGradient(e);
     this.backgroundObject.set("fill", t), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -2511,15 +2673,15 @@ class R {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(e, t) {
-    return j(this, null, function* () {
-      var a;
-      const { image: s } = (a = yield this.editor.imageManager.importImage({
+    return y(this, null, function* () {
+      var n;
+      const { image: s } = (n = yield this.editor.imageManager.importImage({
         source: e,
         withoutSave: !0,
         isBackground: !0,
         withoutSelection: !0,
         scale: "image-cover"
-      })) != null ? a : {};
+      })) != null ? n : {};
       if (!s)
         throw new Error("Не удалось загрузить изображение");
       s.set({
@@ -2529,7 +2691,7 @@ class R {
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${A()}`,
+        backgroundId: `background-${C()}`,
         customData: t
       }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
@@ -2548,38 +2710,38 @@ class R {
     const {
       startColor: t,
       endColor: s,
-      startPosition: a = 0,
-      endPosition: n = 100
-    } = e, o = [
-      { offset: a / 100, color: t },
-      { offset: n / 100, color: s }
+      startPosition: n = 0,
+      endPosition: o = 100
+    } = e, a = [
+      { offset: n / 100, color: t },
+      { offset: o / 100, color: s }
     ];
     if (e.type === "linear") {
-      const l = e.angle * Math.PI / 180, u = R._angleToCoords(l);
-      return new pe({
+      const l = e.angle * Math.PI / 180, g = Y._angleToCoords(l);
+      return new ye({
         type: "linear",
         gradientUnits: "percentage",
-        coords: u,
-        colorStops: o
+        coords: g,
+        colorStops: a
       });
     }
     const {
       centerX: i = 50,
       centerY: r = 50,
-      radius: d = 50
+      radius: c = 50
     } = e, h = {
       x1: i / 100,
       y1: r / 100,
       x2: i / 100,
       y2: r / 100,
       r1: 0,
-      r2: d / 100
+      r2: c / 100
     };
-    return new pe({
+    return new ye({
       type: "radial",
       gradientUnits: "percentage",
       coords: h,
-      colorStops: o
+      colorStops: a
     });
   }
   /**
@@ -2603,14 +2765,14 @@ class R {
    */
   static _isGradientEqual(e, t) {
     if (!e || !t || e.type !== t.type) return !1;
-    const s = e.colorStops || [], a = t.colorStops || [];
-    return s.length !== a.length || !s.every((o, i) => {
-      const r = a[i];
-      return o.color === r.color && Math.abs(o.offset - r.offset) < 1e-4;
+    const s = e.colorStops || [], n = t.colorStops || [];
+    return s.length !== n.length || !s.every((a, i) => {
+      const r = n[i];
+      return a.color === r.color && Math.abs(a.offset - r.offset) < 1e-4;
     }) ? !1 : e.type === "linear" && t.type === "linear" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 : e.type === "radial" && t.type === "radial" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 && Math.abs(e.coords.r1 - t.coords.r1) < 1e-4 && Math.abs(e.coords.r2 - t.coords.r2) < 1e-4 : !1;
   }
 }
-class K {
+class J {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2622,13 +2784,13 @@ class K {
    * @fires editor:object-bring-to-front
    */
   bringToFront(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor;
-    a.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? n.getObjects().forEach((o) => {
-      s.bringObjectToFront(o);
-    }) : s.bringObjectToFront(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-to-front", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const o = e || s.getActiveObject();
+    o && (o instanceof v ? o.getObjects().forEach((a) => {
+      s.bringObjectToFront(a);
+    }) : s.bringObjectToFront(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
+      object: o,
       withoutSave: t
     }));
   }
@@ -2640,11 +2802,11 @@ class K {
    * @fires editor:object-bring-forward
    */
   bringForward(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor;
-    a.suspendHistory();
-    const n = e || s.getActiveObject();
-    n && (n instanceof v ? K._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const o = e || s.getActiveObject();
+    o && (o instanceof v ? J._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
+      object: o,
       withoutSave: t
     }));
   }
@@ -2658,21 +2820,21 @@ class K {
   sendToBack(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: a,
-      historyManager: n,
-      interactionBlocker: { overlayMask: o },
+      montageArea: n,
+      historyManager: o,
+      interactionBlocker: { overlayMask: a },
       backgroundManager: { backgroundObject: i }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const r = e || s.getActiveObject();
     if (r) {
       if (r instanceof v) {
-        const d = r.getObjects();
-        for (let h = d.length - 1; h >= 0; h -= 1)
-          s.sendObjectToBack(d[h]);
+        const c = r.getObjects();
+        for (let h = c.length - 1; h >= 0; h -= 1)
+          s.sendObjectToBack(c[h]);
       } else
         s.sendObjectToBack(r);
-      i && s.sendObjectToBack(i), s.sendObjectToBack(a), o && s.sendObjectToBack(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-to-back", {
+      i && s.sendObjectToBack(i), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-to-back", {
         object: r,
         withoutSave: t
       });
@@ -2687,14 +2849,14 @@ class K {
   sendBackwards(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: a,
-      historyManager: n,
-      interactionBlocker: { overlayMask: o },
+      montageArea: n,
+      historyManager: o,
+      interactionBlocker: { overlayMask: a },
       backgroundManager: { backgroundObject: i }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const r = e || s.getActiveObject();
-    r && (r instanceof v ? K._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), i && s.sendObjectToBack(i), s.sendObjectToBack(a), o && s.sendObjectToBack(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof v ? J._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), i && s.sendObjectToBack(i), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: t
     }));
@@ -2706,15 +2868,15 @@ class K {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(e, t) {
-    const s = e.getObjects(), a = t.getObjects();
-    if (!a.some((i) => {
+    const s = e.getObjects(), n = t.getObjects();
+    if (!n.some((i) => {
       const r = s.indexOf(i);
-      for (let d = r + 1; d < s.length; d += 1)
-        if (!a.includes(s[d]))
+      for (let c = r + 1; c < s.length; c += 1)
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
-    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => r.index - i.index).forEach((i) => {
+    n.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => r.index - i.index).forEach((i) => {
       e.bringObjectForward(i.obj);
     });
   }
@@ -2725,20 +2887,20 @@ class K {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(e, t) {
-    const s = e.getObjects(), a = t.getObjects();
-    if (!a.some((i) => {
+    const s = e.getObjects(), n = t.getObjects();
+    if (!n.some((i) => {
       const r = s.indexOf(i);
-      for (let d = r - 1; d >= 0; d -= 1)
-        if (!a.includes(s[d]))
+      for (let c = r - 1; c >= 0; c -= 1)
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
-    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => i.index - r.index).forEach((i) => {
+    n.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => i.index - r.index).forEach((i) => {
       e.sendObjectBackwards(i.obj);
     });
   }
 }
-class pt {
+class yt {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2762,15 +2924,15 @@ class pt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(h = {}, { withoutSelection: r, withoutAdding: d } = {}) {
+  addRectangle(h = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = h, {
-      id: e = `rect-${A()}`,
+      id: e = `rect-${C()}`,
       left: t,
       top: s,
-      width: a = 100,
-      height: n = 100,
-      fill: o = "blue"
-    } = l, i = V(l, [
+      width: n = 100,
+      height: o = 100,
+      fill: a = "blue"
+    } = l, i = G(l, [
       "id",
       "left",
       "top",
@@ -2778,15 +2940,15 @@ class pt {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new _e(I({
+    const { canvas: g } = this.editor, u = new Be(I({
       id: e,
       left: t,
       top: s,
-      width: a,
-      height: n,
-      fill: o
+      width: n,
+      height: o,
+      fill: a
     }, i));
-    return !t && !s && u.centerObject(g), d || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
+    return !t && !s && g.centerObject(u), c || (g.add(u), r || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2804,28 +2966,28 @@ class pt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(d = {}, { withoutSelection: i, withoutAdding: r } = {}) {
-    var h = d, {
-      id: e = `circle-${A()}`,
+  addCircle(c = {}, { withoutSelection: i, withoutAdding: r } = {}) {
+    var h = c, {
+      id: e = `circle-${C()}`,
       left: t,
       top: s,
-      radius: a = 50,
-      fill: n = "green"
-    } = h, o = V(h, [
+      radius: n = 50,
+      fill: o = "green"
+    } = h, a = G(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new Be(I({
+    const { canvas: l } = this.editor, g = new xe(I({
       id: e,
       left: t,
       top: s,
-      fill: n,
-      radius: a
-    }, o));
-    return !t && !s && l.centerObject(u), r || (l.add(u), i || l.setActiveObject(u), l.renderAll()), u;
+      fill: o,
+      radius: n
+    }, a));
+    return !t && !s && l.centerObject(g), r || (l.add(g), i || l.setActiveObject(g), l.renderAll()), g;
   }
   /**
    * Добавление треугольника
@@ -2844,15 +3006,15 @@ class pt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(h = {}, { withoutSelection: r, withoutAdding: d } = {}) {
+  addTriangle(h = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = h, {
-      id: e = `triangle-${A()}`,
+      id: e = `triangle-${C()}`,
       left: t,
       top: s,
-      width: a = 100,
-      height: n = 100,
-      fill: o = "yellow"
-    } = l, i = V(l, [
+      width: n = 100,
+      height: o = 100,
+      fill: a = "yellow"
+    } = l, i = G(l, [
       "id",
       "left",
       "top",
@@ -2860,18 +3022,18 @@ class pt {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new xe(I({
+    const { canvas: g } = this.editor, u = new Re(I({
       id: e,
       left: t,
       top: s,
-      fill: o,
-      width: a,
-      height: n
+      fill: a,
+      width: n,
+      height: o
     }, i));
-    return !t && !s && u.centerObject(g), d || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
+    return !t && !s && g.centerObject(u), c || (g.add(u), r || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class yt {
+class vt {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2899,18 +3061,18 @@ class yt {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: t, errorManager: s } = this.editor;
       try {
-        const a = yield e.clone(["format"]);
-        this.clipboard = a, t.fire("editor:object-copied", { object: a });
-      } catch (a) {
+        const n = yield e.clone(["format"]);
+        this.clipboard = n, t.fire("editor:object-copied", { object: n });
+      } catch (n) {
         s.emitError({
           origin: "ClipboardManager",
           method: "_cloneToInternalClipboard",
           code: "CLONE_FAILED",
           message: "Ошибка клонирования объекта для внутреннего буфера",
-          data: a
+          data: n
         });
       }
     });
@@ -2919,7 +3081,7 @@ class yt {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const { errorManager: t } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return t.emitWarning({
@@ -2929,8 +3091,8 @@ class yt {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = e.toObject(["format"]), a = JSON.stringify(s);
-        return e.type === "image" ? this._copyImageToClipboard(e, a) : this._copyTextToClipboard(a);
+        const s = e.toObject(["format"]), n = JSON.stringify(s);
+        return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
       } catch (s) {
         return t.emitError({
           origin: "ClipboardManager",
@@ -2946,12 +3108,12 @@ class yt {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(e, t) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       try {
-        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = a.slice(5).split(";")[0], o = a.split(",")[1], i = atob(o), r = new Uint8Array(i.length);
+        const n = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = n.slice(5).split(";")[0], a = n.split(",")[1], i = atob(a), r = new Uint8Array(i.length);
         for (let l = 0; l < i.length; l += 1)
           r[l] = i.charCodeAt(l);
-        const d = new Blob([r.buffer], { type: n }), h = new ClipboardItem({ [n]: d });
+        const c = new Blob([r.buffer], { type: o }), h = new ClipboardItem({ [o]: c });
         return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -2968,9 +3130,9 @@ class yt {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       try {
-        const t = `${Ce}${e}`;
+        const t = `${De}${e}`;
         return yield navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
       } catch (t) {
         const { errorManager: s } = this.editor;
@@ -2991,8 +3153,8 @@ class yt {
   _addClonedObjectToCanvas(e) {
     const { canvas: t, historyManager: s } = this.editor;
     if (t.discardActiveObject(), e instanceof v) {
-      s.suspendHistory(), e.canvas = t, e.forEachObject((a) => {
-        t.add(a);
+      s.suspendHistory(), e.canvas = t, e.forEachObject((n) => {
+        t.add(n);
       }), t.setActiveObject(e), t.requestRenderAll(), s.resumeHistory(), s.saveState();
       return;
     }
@@ -3003,7 +3165,7 @@ class yt {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       var s;
       const { image: t } = (s = yield this.editor.imageManager.importImage({
         source: e,
@@ -3019,25 +3181,30 @@ class yt {
    * @fires editor:object-pasted
    */
   copyPaste(e) {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: t } = this.editor, s = e || t.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const a = yield s.clone(["format"]);
-        return a.set({
-          id: `${a.type}-${A()}`,
-          left: a.left + 10,
-          top: a.top + 10,
+        const n = yield s.clone(["format"]);
+        return n instanceof v && n.forEachObject((o) => {
+          o.set({
+            id: `${o.type}-${C()}`,
+            evented: !0
+          });
+        }), n.set({
+          id: `${n.type}-${C()}`,
+          left: n.left + 10,
+          top: n.top + 10,
           evented: !0
-        }), this._addClonedObjectToCanvas(a), t.fire("editor:object-duplicated", { object: a }), !0;
-      } catch (a) {
-        const { errorManager: n } = this.editor;
-        return n.emitError({
+        }), this._addClonedObjectToCanvas(n), t.fire("editor:object-duplicated", { object: n }), !0;
+      } catch (n) {
+        const { errorManager: o } = this.editor;
+        return o.emitError({
           origin: "ClipboardManager",
           method: "copyPaste",
           code: "COPY_PASTE_FAILED",
           message: "Ошибка создания копии объекта",
-          data: a
+          data: n
         }), !1;
       }
     });
@@ -3049,21 +3216,21 @@ class yt {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(t) {
-    return j(this, arguments, function* ({ clipboardData: e }) {
+    return y(this, arguments, function* ({ clipboardData: e }) {
       var r;
       if (!((r = e == null ? void 0 : e.items) != null && r.length)) {
         this.paste();
         return;
       }
       const s = e.getData("text/plain");
-      if (s && s.startsWith(Ce)) {
+      if (s && s.startsWith(De)) {
         this.paste();
         return;
       }
-      const { items: a } = e, n = a[a.length - 1], o = n.getAsFile();
-      if (n.type !== "text/html" && o) {
-        const d = new FileReader();
-        d.onload = (h) => {
+      const { items: n } = e, o = n[n.length - 1], a = o.getAsFile();
+      if (o.type !== "text/html" && a) {
+        const c = new FileReader();
+        c.onload = (h) => {
           h.target && this._handleImageImport(h.target.result).catch((l) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
@@ -3073,20 +3240,20 @@ class yt {
               data: l
             });
           });
-        }, d.readAsDataURL(o);
+        }, c.readAsDataURL(a);
         return;
       }
       const i = e.getData("text/html");
       if (i) {
         const l = new DOMParser().parseFromString(i, "text/html").querySelector("img");
         if (l != null && l.src) {
-          this._handleImageImport(l.src).catch((u) => {
+          this._handleImageImport(l.src).catch((g) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
               code: "PASTE_HTML_IMAGE_FAILED",
               message: "Ошибка вставки изображения из HTML",
-              data: u
+              data: g
             });
           });
           return;
@@ -3100,13 +3267,18 @@ class yt {
    * @fires editor:object-pasted
    */
   paste() {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return !1;
       try {
         const t = yield this.clipboard.clone(["format"]);
-        return e.discardActiveObject(), t.set({
-          id: `${t.type}-${A()}`,
+        return e.discardActiveObject(), t instanceof v && t.forEachObject((s) => {
+          s.set({
+            id: `${s.type}-${C()}`,
+            evented: !0
+          });
+        }), t.set({
+          id: `${t.type}-${C()}`,
           left: t.left + 10,
           top: t.top + 10,
           evented: !0
@@ -3124,7 +3296,7 @@ class yt {
     });
   }
 }
-class J {
+class q {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3137,8 +3309,8 @@ class J {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
-    if (!o || o.locked) return;
+    const { canvas: n, historyManager: o } = this.editor, a = e || n.getActiveObject();
+    if (!a || a.locked) return;
     const i = {
       lockMovementX: !0,
       lockMovementY: !0,
@@ -3149,10 +3321,10 @@ class J {
       lockSkewingY: !0,
       locked: !0
     };
-    o.set(i), !t && J._isGroupOrSelection(o) && o.getObjects().forEach((d) => {
-      d.set(i);
-    }), a.renderAll(), s || n.saveState(), a.fire("editor:object-locked", {
-      object: o,
+    a.set(i), !t && q._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
+      c.set(i);
+    }), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
+      object: a,
       skipInnerObjects: t,
       withoutSave: s
     });
@@ -3165,9 +3337,9 @@ class J {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: a } = this.editor, n = e || s.getActiveObject();
-    if (!n) return;
-    const o = {
+    const { canvas: s, historyManager: n } = this.editor, o = e || s.getActiveObject();
+    if (!o) return;
+    const a = {
       lockMovementX: !1,
       lockMovementY: !1,
       lockRotation: !1,
@@ -3177,15 +3349,15 @@ class J {
       lockSkewingY: !1,
       locked: !1
     };
-    n.set(o), J._isGroupOrSelection(n) && n.getObjects().forEach((i) => {
-      i.set(o);
-    }), s.renderAll(), t || a.saveState(), s.fire("editor:object-unlocked", {
-      object: n,
+    o.set(a), q._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
+      i.set(a);
+    }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
+      object: o,
       withoutSave: t
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof v || e instanceof te;
+    return e instanceof v || e instanceof U;
   }
 }
 class It {
@@ -3193,58 +3365,103 @@ class It {
     this.editor = e;
   }
   /**
-   * Группировка объектов
-   * @param options
-   * @param options.withoutSave - Не сохранять состояние
-   * @param options.object - массив объектов для группировки
-   * @fires editor:objects-grouped
+   * Получить объекты для группировки
+   * @private
+   */
+  _getObjectsToGroup(e) {
+    if (Array.isArray(e))
+      return e.length > 0 ? e : null;
+    const t = e || this.editor.canvas.getActiveObject();
+    return !t || !(t instanceof v) ? null : t.getObjects();
+  }
+  /**
+   * Получить группы для разгруппировки
+   * @private
    */
+  _getGroupsToUngroup(e) {
+    if (Array.isArray(e)) {
+      const s = e.filter((n) => n instanceof U);
+      return s.length > 0 ? s : null;
+    }
+    if (e instanceof v) {
+      const s = e.getObjects().filter((n) => n instanceof U);
+      return s.length > 0 ? s : null;
+    }
+    const t = e || this.editor.canvas.getActiveObject();
+    if (!t) return null;
+    if (t instanceof v) {
+      const s = t.getObjects().filter((n) => n instanceof U);
+      return s.length > 0 ? s : null;
+    }
+    return t instanceof U ? [t] : null;
+  }
+  /**
+  * Группировка объектов
+  * @param options
+  * @param options.target - объект ActiveSelection или массив объектов для группировки
+  * @param options.withoutSave - Не сохранять состояние
+  * @fires editor:objects-grouped
+  */
   group({
-    object: e,
-    withoutSave: t
+    target: e,
+    withoutSave: t = !1
   } = {}) {
-    const { canvas: s, historyManager: a } = this.editor;
-    a.suspendHistory();
-    const n = e || s.getActiveObject();
-    if (!n || !(n instanceof v)) return;
-    const o = n.getObjects(), i = new te(o);
-    o.forEach((r) => s.remove(r)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
-      object: n,
-      group: i,
-      withoutSave: t
-    });
+    const { canvas: s, historyManager: n } = this.editor, o = this._getObjectsToGroup(e);
+    if (!o) return null;
+    try {
+      n.suspendHistory();
+      const a = new U(o, {
+        id: `group-${C()}`
+      });
+      o.forEach((r) => s.remove(r)), s.add(a), s.setActiveObject(a), s.requestRenderAll();
+      const i = {
+        group: a,
+        withoutSave: t
+      };
+      return s.fire("editor:objects-grouped", i), i;
+    } finally {
+      n.resumeHistory(), t || n.saveState();
+    }
   }
   /**
-   * Разгруппировка объектов
-   * @param options
-   * @param options.object - объект для разгруппировки
-   * @param options.withoutSave - Не сохранять состояние
-   * @returns данные о разгруппировке или null, если объект не является группой
-   * @fires editor:objects-ungrouped
-   */
+  * Разгруппировка объектов
+  * @param options
+  * @param options.target - объект Group, массив групп или ActiveSelection с группами для разгруппировки
+  * @param options.withoutSave - Не сохранять состояние
+  * @returns данные о разгруппировке или null, если нет групп для разгруппировки
+  * @fires editor:objects-ungrouped
+  */
   ungroup({
-    object: e,
-    withoutSave: t
+    target: e,
+    withoutSave: t = !1
   } = {}) {
-    const { canvas: s, historyManager: a } = this.editor, n = e || s.getActiveObject();
-    if (!(n instanceof te)) return null;
-    a.suspendHistory();
-    const o = n.removeAll();
-    s.remove(n), o.forEach((d) => s.add(d));
-    const i = new v(o, {
-      canvas: s
-    });
-    s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState();
-    const r = {
-      object: n,
-      selection: i,
-      ungroupedObjects: o,
-      withoutSave: t
-    };
-    return s.fire("editor:objects-ungrouped", r), r;
+    const { canvas: s, historyManager: n } = this.editor, o = this._getGroupsToUngroup(e);
+    if (!o) return null;
+    try {
+      n.suspendHistory();
+      const a = [];
+      o.forEach((c) => {
+        const h = c.removeAll();
+        s.remove(c), h.forEach((l) => {
+          s.add(l), a.push(l);
+        });
+      });
+      const i = new v(a, {
+        canvas: s
+      });
+      s.setActiveObject(i), s.requestRenderAll();
+      const r = {
+        selection: i,
+        ungroupedObjects: a,
+        withoutSave: t
+      };
+      return s.fire("editor:objects-ungrouped", r), r;
+    } finally {
+      n.resumeHistory(), t || n.saveState();
+    }
   }
 }
-class vt {
+class At {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3255,11 +3472,11 @@ class vt {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const a = t.getObjects(), n = a.some((i) => i.locked), o = a.length > 1 ? new v(t.getObjects(), { canvas: e }) : a[0];
-    n && s.lockObject({ object: o, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(o), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: o });
+    const n = t.getObjects(), o = n.some((i) => i.locked), a = n.length > 1 ? new v(t.getObjects(), { canvas: e }) : n[0];
+    o && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class le {
+class he {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3277,11 +3494,11 @@ class le {
    * @returns массив всех удаленных объектов (включая саму группу)
    */
   _handleGroupDeletion(e) {
-    var a;
-    const { groupingManager: t } = this.editor, { ungroupedObjects: s = [] } = (a = t.ungroup({
+    var n;
+    const { groupingManager: t } = this.editor, { ungroupedObjects: s = [] } = (n = t.ungroup({
       object: e,
       withoutSave: !0
-    })) != null ? a : {};
+    })) != null ? n : {};
     return this.deleteSelectedObjects({
       objects: s,
       withoutSave: !0,
@@ -3301,27 +3518,27 @@ class le {
     withoutSave: t = !1,
     _isRecursiveCall: s = !1
   } = {}) {
-    const { canvas: a, historyManager: n } = this.editor, i = (e || a.getActiveObjects()).filter((h) => !h.locked);
+    const { canvas: n, historyManager: o } = this.editor, i = (e || n.getActiveObjects()).filter((h) => !h.locked);
     if (!(i != null && i.length)) return null;
-    s || n.suspendHistory();
+    s || o.suspendHistory();
     const r = [];
     if (i.forEach((h) => {
-      if (le._isUngroupableGroup(h)) {
+      if (he._isUngroupableGroup(h)) {
         const l = this._handleGroupDeletion(h);
         r.push(...l);
         return;
       }
-      a.remove(h), r.push(h);
+      n.remove(h), r.push(h);
     }), s) return null;
-    a.discardActiveObject(), a.renderAll(), n.resumeHistory(), t || n.saveState();
-    const d = {
+    n.discardActiveObject(), n.renderAll(), o.resumeHistory(), t || o.saveState();
+    const c = {
       objects: r,
       withoutSave: t
     };
-    return a.fire("editor:objects-deleted", d), d;
+    return n.fire("editor:objects-deleted", c), c;
   }
 }
-const At = {
+const Ct = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -3420,7 +3637,7 @@ const At = {
     INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class q {
+class ee {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3446,20 +3663,20 @@ class q {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: n }) {
-    if (!q.isValidErrorCode(s)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: o }) {
+    if (!ee.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const o = n || s;
-    console.error(`${e}. ${t}. ${s}. ${o}`, a);
+    const a = o || s;
+    console.error(`${e}. ${t}. ${s}. ${a}`, n);
     const i = {
       code: s,
       origin: e,
       method: t,
-      message: o,
-      data: a
+      message: a,
+      data: n
     };
     this._buffer.push(I({
       type: "editor:error"
@@ -3475,19 +3692,19 @@ class q {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: n }) {
-    if (!q.isValidErrorCode(s)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: o }) {
+    if (!ee.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const o = a || s;
-    console.warn(`${e}. ${t}. ${s}. ${o}`, n);
+    const a = n || s;
+    console.warn(`${e}. ${t}. ${s}. ${a}`, o);
     const i = {
       code: s,
       origin: e,
       method: t,
-      message: o,
-      data: n
+      message: a,
+      data: o
     };
     this._buffer.push(I({
       type: "editor:warning"
@@ -3499,17 +3716,102 @@ class q {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(At).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(Ct).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class he {
+class St {
+  constructor({ editor: e }) {
+    this.currentBounds = null, this.editor = e;
+  }
+  /**
+   * Рассчитывает границы перетаскивания на основе текущего зума.
+   * Границы зависят от соотношения currentZoom к defaultZoom.
+   * Если currentZoom <= defaultZoom, перетаскивание блокируется.
+   * Если currentZoom > defaultZoom, границы рассчитываются как ~50% размера монтажной области.
+   *
+   * @returns Объект с границами перетаскивания
+   */
+  calculatePanBounds() {
+    const { canvas: e, montageArea: t, zoomManager: s } = this.editor, { defaultZoom: n } = s, o = e.getZoom();
+    if (o <= n)
+      return {
+        minX: 0,
+        maxX: 0,
+        minY: 0,
+        maxY: 0,
+        canPan: !1
+      };
+    const a = t.width * o, i = t.height * o, r = a / 2, c = i / 2;
+    return {
+      minX: -r,
+      maxX: r,
+      minY: -c,
+      maxY: c,
+      canPan: !0
+    };
+  }
+  /**
+   * Проверяет, разрешено ли перетаскивание при текущем зуме.
+   * @returns true если можно перетаскивать
+   */
+  isPanAllowed() {
+    var e, t;
+    return this.currentBounds || this.updateBounds(), (t = (e = this.currentBounds) == null ? void 0 : e.canPan) != null ? t : !1;
+  }
+  /**
+   * Ограничивает координаты viewportTransform границами.
+   * Координаты vpt[4] и vpt[5] представляют смещение канваса.
+   *
+   * @param vptX - текущее смещение по X из viewportTransform[4]
+   * @param vptY - текущее смещение по Y из viewportTransform[5]
+   * @returns Скорректированные координаты смещения
+   */
+  constrainPan(e, t) {
+    if (!this.currentBounds || !this.currentBounds.canPan)
+      return { x: 0, y: 0 };
+    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), a = n.left, i = n.top, r = s.getWidth() / 2, c = s.getHeight() / 2, h = a * o + e - r, l = i * o + t - c, g = Math.max(
+      this.currentBounds.minX,
+      Math.min(this.currentBounds.maxX, h)
+    ), u = Math.max(
+      this.currentBounds.minY,
+      Math.min(this.currentBounds.maxY, l)
+    ), f = g + r - a * o, M = u + c - i * o;
+    return {
+      x: f,
+      y: M
+    };
+  }
+  /**
+   * Получить текущие границы перетаскивания (геттер для внешнего использования).
+   * @returns Текущие границы или null если они ещё не рассчитаны
+   */
+  getPanBounds() {
+    return this.currentBounds;
+  }
+  /**
+   * Получить текущее смещение монтажной области относительно центра канваса.
+   * @returns Объект с координатами смещения
+   */
+  getCurrentOffset() {
+    const { canvas: e, montageArea: t } = this.editor, s = e.getZoom(), n = e.viewportTransform, o = t.left, a = t.top, i = e.getWidth() / 2, r = e.getHeight() / 2, c = o * s + n[4] - i, h = a * s + n[5] - r;
+    return { x: c, y: h };
+  }
+  /**
+   * Обновить границы перетаскивания.
+   * Вызывается при изменении зума или размеров монтажной области.
+   */
+  updateBounds() {
+    this.currentBounds = this.calculatePanBounds();
+  }
+}
+class ge {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
    * @param options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t, this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${C()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -3517,27 +3819,27 @@ class he {
    * @fires editor:ready
    */
   init() {
-    return j(this, null, function* () {
+    return y(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: s,
-        canvasWrapperHeight: a,
-        canvasCSSWidth: n,
-        canvasCSSHeight: o,
+        canvasWrapperHeight: n,
+        canvasCSSWidth: o,
+        canvasCSSHeight: a,
         initialImage: i,
         initialStateJSON: r,
-        scaleType: d,
+        scaleType: c,
         showRotationAngle: h,
         _onReadyCallback: l
       } = this.options;
-      if (Je.apply(), this.canvas = new Re(this.containerId, this.options), this.moduleLoader = new Ye(), this.workerManager = new We(), this.errorManager = new q({ editor: this }), this.historyManager = new $({ editor: this }), this.toolbar = new rt({ editor: this }), this.transformManager = new bt({ editor: this }), this.canvasManager = new mt({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new pt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.backgroundManager = new R({ editor: this }), this.clipboardManager = new yt({ editor: this }), this.objectLockManager = new J({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new vt({ editor: this }), this.deletionManager = new le({ editor: this }), h && (this.angleIndicator = new de({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.transformManager.calculateAndApplyDefaultZoom(), i != null && i.source) {
+      if (qe.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Pe(), this.workerManager = new Fe(), this.errorManager = new ee({ editor: this }), this.historyManager = new K({ editor: this }), this.toolbar = new ct({ editor: this }), this.transformManager = new pt({ editor: this }), this.zoomManager = new bt({ editor: this }), this.canvasManager = new Mt({ editor: this }), this.imageManager = new _({ editor: this }), this.layerManager = new J({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.backgroundManager = new Y({ editor: this }), this.clipboardManager = new vt({ editor: this }), this.objectLockManager = new q({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new At({ editor: this }), this.deletionManager = new he({ editor: this }), this.panConstraintManager = new St({ editor: this }), h && (this.angleIndicator = new le({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new W({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(a), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), i != null && i.source) {
         const {
-          source: u,
-          scale: g = `image-${d}`,
-          withoutSave: M = !0
+          source: g,
+          scale: u = `image-${c}`,
+          withoutSave: f = !0
         } = i;
-        yield this.imageManager.importImage({ source: u, scale: g, withoutSave: M });
+        yield this.imageManager.importImage({ source: g, scale: u, withoutSave: f });
       }
       r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
@@ -3553,7 +3855,7 @@ class he {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: he._createMosaicPattern(),
+      fill: ge._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3604,13 +3906,13 @@ class he {
     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 Ue({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ye({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const Ct = {
+const Dt = {
   /**
    * Опции редактора
    */
@@ -3700,18 +4002,18 @@ const Ct = {
   resetObjectFitByDoubleClick: !0,
   keyboardIgnoreSelectors: []
 };
-function wt(c, e = {}) {
-  const t = I(I({}, Ct), e), s = document.getElementById(c);
+function kt(d, e = {}) {
+  const t = I(I({}, Dt), e), s = document.getElementById(d);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
-  const a = document.createElement("canvas");
-  return a.id = `${c}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((n) => {
-    t._onReadyCallback = n;
-    const o = new he(a.id, t);
-    window[c] = o;
+    return Promise.reject(new Error(`Контейнер с ID "${d}" не найден.`));
+  const n = document.createElement("canvas");
+  return n.id = `${d}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((o) => {
+    t._onReadyCallback = o;
+    const a = new ge(n.id, t);
+    window[d] = a;
   });
 }
 export {
-  wt as default
+  kt as default
 };
 //# sourceMappingURL=main.js.map