@anu3ev/fabric-image-editor 0.1.71 → 0.1.73

package/dist/main.js

@@ -1,46 +1,46 @@
-var ye = Object.defineProperty, Ie = Object.defineProperties;
-var ve = Object.getOwnPropertyDescriptors;
+var Ie = Object.defineProperty, ve = Object.defineProperties;
+var Ae = Object.getOwnPropertyDescriptors;
 var Y = Object.getOwnPropertySymbols;
-var le = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
-var de = (r, e, t) => e in r ? ye(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e) => {
+var he = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable;
+var le = (r, e, t) => e in r ? Ie(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e) => {
   for (var t in e || (e = {}))
-    le.call(e, t) && de(r, t, e[t]);
+    he.call(e, t) && le(r, t, e[t]);
   if (Y)
     for (var t of Y(e))
-      he.call(e, t) && de(r, t, e[t]);
+      ge.call(e, t) && le(r, t, e[t]);
   return r;
-}, ge = (r, e) => Ie(r, ve(e));
-var P = (r, e) => {
+}, ue = (r, e) => ve(r, Ae(e));
+var W = (r, e) => {
   var t = {};
   for (var s in r)
-    le.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+    he.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
   if (r != null && Y)
     for (var s of Y(r))
-      e.indexOf(s) < 0 && he.call(r, s) && (t[s] = r[s]);
+      e.indexOf(s) < 0 && ge.call(r, s) && (t[s] = r[s]);
   return t;
 };
-var j = (r, e, t) => new Promise((s, n) => {
-  var a = (d) => {
+var b = (r, e, t) => new Promise((s, a) => {
+  var n = (c) => {
     try {
-      o(t.next(d));
-    } catch (c) {
-      n(c);
+      i(t.next(c));
+    } catch (d) {
+      a(d);
     }
-  }, i = (d) => {
+  }, o = (c) => {
     try {
-      o(t.throw(d));
-    } catch (c) {
-      n(c);
+      i(t.throw(c));
+    } catch (d) {
+      a(d);
     }
-  }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(a, i);
-  o((t = t.apply(r, e)).next());
+  }, i = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, o);
+  i((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as y, util as H, controlsUtils as Ae, InteractiveFabricObject as Se, loadSVGFromURL as Ce, FabricImage as U, Point as F, Rect as De, Circle as Le, Triangle as Ne, Group as J, Canvas as Ee, Pattern as we } from "fabric";
-import { create as Oe } from "jsondiffpatch";
-import Te from "diff-match-patch";
-var ke = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
+import { ActiveSelection as y, util as P, controlsUtils as Ce, InteractiveFabricObject as Se, loadSVGFromURL as Ee, FabricImage as x, Point as V, Gradient as De, Rect as Ne, Circle as Oe, Triangle as Le, Group as J, Canvas as Te, Pattern as we } from "fabric";
+import { create as ke } from "jsondiffpatch";
+import Be from "diff-match-patch";
+var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", v = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += ke[s[e] & 63];
+    t += _e[s[e] & 63];
   return t;
 };
 class Z {
@@ -61,7 +61,7 @@ class Z {
    * @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 = Z.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = Z.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Z.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    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 = Z.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = Z.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Z.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.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 Z {
       adaptCanvasToContainerOnResize: e,
       canvasDragging: t,
       mouseWheelZooming: s,
-      bringToFrontOnSelection: n,
-      copyObjectsByHotkey: a,
-      pasteImageFromClipboard: i,
-      undoRedoByHotKeys: o,
-      selectAllByHotkey: d,
-      deleteObjectsByHotkey: c,
+      bringToFrontOnSelection: a,
+      copyObjectsByHotkey: n,
+      pasteImageFromClipboard: o,
+      undoRedoByHotKeys: i,
+      selectAllByHotkey: c,
+      deleteObjectsByHotkey: d,
       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), 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 }), a && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), 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 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -89,31 +89,31 @@ class Z {
    */
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
-    const { lockedObjects: s, unlockedObjects: n } = e.reduce(
-      (i, o) => o.locked ? (i.lockedObjects.push(o), i) : (i.unlockedObjects.push(o), i),
+    const { lockedObjects: s, unlockedObjects: a } = e.reduce(
+      (o, i) => i.locked ? (o.lockedObjects.push(i), o) : (o.unlockedObjects.push(i), o),
       { lockedObjects: [], unlockedObjects: [] }
     );
     if (s.length === 0) return;
-    if (n.length > 0) {
-      if (n.length === 1)
-        this.canvas.setActiveObject(n[0]);
+    if (a.length > 0) {
+      if (a.length === 1)
+        this.canvas.setActiveObject(a[0]);
       else {
-        const i = new y(n, {
+        const o = new y(a, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(i);
+        this.canvas.setActiveObject(o);
       }
       this.canvas.requestRenderAll();
       return;
     }
-    const a = new y(e, {
+    const n = new y(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
-      object: a,
+      object: n,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
+    }), this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -138,13 +138,16 @@ class Z {
     const { interactionBlocker: e } = this.editor;
     !e.isBlocked || !e.overlayMask || this.editor.interactionBlocker.refresh();
   }
+  handleBackgroundUpdate() {
+    this.editor.historyManager.skipHistory || this.editor.backgroundManager.refresh();
+  }
   // --- Глобальные DOM-обработчики ---
   /**
    * Обработчик изменения размеров окна браузера.
    * Адаптирует канвас к размерам контейнера, сохраняя позиции объектов.
    */
   handleContainerResize() {
-    this.editor.canvasManager.updateCanvas();
+    this.editor.canvasManager.updateCanvas(), this.editor.backgroundManager.refresh();
   }
   /**
    * Обработчик для Ctrl+C (копирование).
@@ -154,15 +157,15 @@ class Z {
    * @param event.code — код клавиши
    */
   handleCopyEvent(e) {
-    const { ctrlKey: t, metaKey: s, code: n } = e;
-    this._shouldIgnoreKeyboardEvent(e) || !t && !s || n !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: t, metaKey: s, code: a } = e;
+    this._shouldIgnoreKeyboardEvent(e) || !t && !s || a !== "KeyC" || (e.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
    * @param event — объект события
    */
   handlePasteEvent(e) {
-    this.editor.clipboardManager.handlePasteEvent(e);
+    this._shouldIgnoreKeyboardEvent(e) || this.editor.clipboardManager.handlePasteEvent(e);
   }
   /**
    * Обработчик для отмены/повтора (Ctrl+Z/Ctrl+Y).
@@ -172,9 +175,9 @@ class Z {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return j(this, null, function* () {
-      const { ctrlKey: t, metaKey: s, code: n, repeat: a } = e;
-      this._shouldIgnoreKeyboardEvent(e) || !t && !s || a || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+    return b(this, null, function* () {
+      const { ctrlKey: t, metaKey: 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()));
     });
   }
   /**
@@ -194,8 +197,8 @@ class Z {
    */
   handleSelectAllEvent(e) {
     if (this._shouldIgnoreKeyboardEvent(e)) return;
-    const { ctrlKey: t, metaKey: s, code: n } = e;
-    !t && !s || n !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: t, metaKey: s, code: a } = e;
+    !t && !s || a !== "KeyA" || (e.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete или Backspace).
@@ -213,15 +216,15 @@ class Z {
    */
   handleSpaceKeyDown(e) {
     if (e.code !== "Space" || this._shouldIgnoreKeyboardEvent(e)) return;
-    const { canvas: t, editor: s, isSpacePressed: n, isDragging: a } = this;
-    if (n || a) return;
+    const { canvas: t, editor: s, isSpacePressed: a, isDragging: n } = this;
+    if (a || n) return;
     this.isSpacePressed = !0, e.preventDefault();
-    const i = t.getActiveObject() || null;
-    i instanceof y ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), t.discardActiveObject(), t.set({
+    const o = t.getActiveObject() || null;
+    o instanceof y ? this.savedSelection = o.getObjects().slice() : o && (this.savedSelection = [o]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
-    }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((o) => {
-      o.set({
+    }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((i) => {
+      i.set({
         selectable: !1,
         evented: !1
       });
@@ -256,8 +259,8 @@ class Z {
       t.setActiveObject(e[0]);
       return;
     }
-    const n = e.filter((i) => s.canvasManager.getObjects().includes(i)), a = new y(n, { canvas: t });
-    t.setActiveObject(a);
+    const a = e.filter((o) => s.canvasManager.getObjects().includes(o)), n = new y(a, { canvas: t });
+    t.setActiveObject(n);
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -322,32 +325,37 @@ class Z {
    * @returns true если событие должно быть проигнорировано
    */
   _shouldIgnoreKeyboardEvent(e) {
-    const t = e.target;
-    if (!t) return !1;
-    const s = ["input", "textarea", "select"], n = t.tagName.toLowerCase();
-    if (s.includes(n) || t.contentEditable === "true") return !0;
-    const { keyboardIgnoreSelectors: a } = this.options;
-    if (a != null && a.length)
-      for (const i of a)
-        try {
-          if (t.matches && t.matches(i) || t.closest && t.closest(i))
-            return !0;
-        } catch (o) {
-          this.editor.errorManager.emitWarning({
-            origin: "Listeners",
-            method: "_shouldIgnoreKeyboardEvent",
-            code: "INVALID_SELECTOR",
-            message: `Invalid keyboard ignore selector: "${i}". Error: ${o.message}`,
-            data: o
-          });
-        }
+    const t = document.activeElement, s = e.target, a = ["input", "textarea", "select"];
+    if (s) {
+      const o = s.tagName.toLowerCase();
+      if (a.includes(o) || s.contentEditable === "true") return !0;
+    }
+    if (t && t !== s) {
+      const o = t.tagName.toLowerCase();
+      if (a.includes(o) || t.contentEditable === "true") return !0;
+    }
+    const n = window.getSelection();
+    if (n && !n.isCollapsed && n.rangeCount > 0) {
+      let c = n.getRangeAt(0).commonAncestorContainer;
+      c.nodeType === Node.TEXT_NODE && (c = c.parentElement);
+      const { keyboardIgnoreSelectors: d } = this.options;
+      if (d != null && d.length && c)
+        for (const h of d)
+          try {
+            const l = c;
+            if (l.matches && l.matches(h) || l.closest && l.closest(h))
+              return !0;
+          } catch (l) {
+            console.warn(`Error checking selection container with selector "${h}":`, l);
+          }
+    }
     return !1;
   }
   /**
    * Метод для удаления всех слушателей
    */
   destroy() {
-    window.removeEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), this.options.mouseWheelZooming && this.canvas.off("mouse:wheel", this.handleMouseWheelZoomBound), this.options.bringToFrontOnSelection && (this.canvas.off("selection:created", this.handleBringToFrontBound), this.canvas.off("selection:updated", this.handleBringToFrontBound)), this.options.resetObjectFitByDoubleClick && this.canvas.off("mouse:dblclick", this.handleResetObjectFitBound), this.canvas.off("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.off("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.off("object:added", this.handleObjectAddedHistoryBound), this.canvas.off("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.off("object:added", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleLockedSelectionBound), this.canvas.off("selection:updated", this.handleLockedSelectionBound);
+    window.removeEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), document.removeEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), document.removeEventListener("paste", this.handlePasteEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.removeEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 }), document.removeEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), document.removeEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.options.canvasDragging && (this.canvas.off("mouse:down", this.handleCanvasDragStartBound), this.canvas.off("mouse:move", this.handleCanvasDraggingBound), this.canvas.off("mouse:up", this.handleCanvasDragEndBound), document.removeEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.removeEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), this.options.mouseWheelZooming && this.canvas.off("mouse:wheel", this.handleMouseWheelZoomBound), this.options.bringToFrontOnSelection && (this.canvas.off("selection:created", this.handleBringToFrontBound), this.canvas.off("selection:updated", this.handleBringToFrontBound)), this.options.resetObjectFitByDoubleClick && this.canvas.off("mouse:dblclick", this.handleResetObjectFitBound), this.canvas.off("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.off("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.off("object:added", this.handleObjectAddedHistoryBound), this.canvas.off("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.off("object:added", this.handleOverlayUpdateBound), this.canvas.off("selection:created", this.handleOverlayUpdateBound), this.canvas.off("object:added", this.handleBackgroundUpdateBound), this.canvas.off("selection:created", this.handleBackgroundUpdateBound), this.canvas.off("selection:created", this.handleLockedSelectionBound), this.canvas.off("selection:updated", this.handleLockedSelectionBound);
   }
   /**
    * Дебаунс для снижения частоты вызова функции.
@@ -357,9 +365,9 @@ class Z {
    */
   static debounce(e, t) {
     let s = null;
-    return function(...n) {
+    return function(...a) {
       s !== null && clearTimeout(s), s = setTimeout(() => {
-        e.apply(this, n);
+        e.apply(this, a);
       }, t);
     };
   }
@@ -382,7 +390,7 @@ class xe {
     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 Be(r) {
+function Re(r) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
@@ -390,13 +398,13 @@ function Be(r) {
     }
   );
 }
-class _e {
+class Ue {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(e) {
-    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Be(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Re(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -409,12 +417,12 @@ class _e {
    * @returns
    */
   _handleMessage({ data: e }) {
-    const { requestId: t, success: s, data: n, error: a } = e, i = this._callbacks.get(t);
-    if (!i) {
+    const { requestId: t, success: s, data: a, error: n } = e, o = this._callbacks.get(t);
+    if (!o) {
       console.warn(`No callback found for requestId: ${t}`);
       return;
     }
-    s ? i.resolve(n) : i.reject(new Error(a)), this._callbacks.delete(t);
+    s ? o.resolve(a) : o.reject(new Error(n)), this._callbacks.delete(t);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -424,9 +432,9 @@ class _e {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(e, t, s = []) {
-    const n = `${e}:${D(8)}`;
-    return new Promise((a, i) => {
-      this._callbacks.set(n, { resolve: a, reject: i }), this.worker.postMessage({ action: e, payload: t, requestId: n }, s);
+    const a = `${e}:${v(8)}`;
+    return new Promise((n, o) => {
+      this._callbacks.set(a, { resolve: n, reject: o }), this.worker.postMessage({ action: e, payload: t, requestId: a }, s);
     });
   }
   /**
@@ -436,50 +444,50 @@ class _e {
     this.worker.terminate();
   }
 }
-const N = 12, Re = 2, K = 8, q = 20, Ue = 100, ee = 20, te = 8, ze = 100, V = 32, se = 1, Ze = "#2B2D33", ne = "#3D8BF4", ae = "#FFFFFF";
-function W(r, e, t, s, n) {
-  const a = N, i = Re;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -a / 2, a, a, i), r.fill(), r.stroke(), r.restore();
+const N = 12, He = 2, q = 8, ee = 20, ze = 100, te = 20, se = 8, Ze = 100, G = 32, ae = 1, Pe = "#2B2D33", ne = "#3D8BF4", oe = "#FFFFFF";
+function F(r, e, t, s, a) {
+  const n = N, o = He;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = oe, r.strokeStyle = ne, r.lineWidth = ae, r.beginPath(), r.roundRect(-n / 2, -n / 2, n, n, o), r.fill(), r.stroke(), r.restore();
 }
-function ue(r, e, t, s, n) {
-  const a = K, i = q, o = Ue;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -i / 2, a, i, o), r.fill(), r.stroke(), r.restore();
+function Me(r, e, t, s, a) {
+  const n = q, o = ee, i = ze;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = oe, r.strokeStyle = ne, r.lineWidth = ae, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
 }
-function Me(r, e, t, s, n) {
-  const a = ee, i = te, o = ze;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ae, r.strokeStyle = ne, r.lineWidth = se, r.beginPath(), r.roundRect(-a / 2, -i / 2, a, i, o), r.fill(), r.stroke(), r.restore();
+function fe(r, e, t, s, a) {
+  const n = te, o = se, i = Ze;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = oe, r.strokeStyle = ne, r.lineWidth = ae, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
 }
-const He = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", je = new Image();
-je.src = He;
-function Ye(r, e, t, s, n) {
-  const i = V / 2;
-  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = Ze, r.beginPath(), r.arc(0, 0, i, 0, 2 * Math.PI), r.fill(), r.drawImage(je, -i / 2, -i / 2, i, i), r.restore();
+const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", je = new Image();
+je.src = Ye;
+function We(r, e, t, s, a) {
+  const o = G / 2;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = Pe, r.beginPath(), r.arc(0, 0, o, 0, 2 * Math.PI), r.fill(), r.drawImage(je, -o / 2, -o / 2, o, o), r.restore();
 }
-const Pe = {
+const Fe = {
   // Угловые точки
   tl: {
-    render: W,
+    render: F,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: W,
+    render: F,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: W,
+    render: F,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: W,
+    render: F,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
@@ -487,61 +495,61 @@ const Pe = {
   },
   // Середина вертикалей
   ml: {
-    render: ue,
-    sizeX: K,
-    sizeY: q,
+    render: Me,
+    sizeX: q,
+    sizeY: ee,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: ue,
-    sizeX: K,
-    sizeY: q,
+    render: Me,
+    sizeX: q,
+    sizeY: ee,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: Me,
-    sizeX: ee,
-    sizeY: te,
+    render: fe,
+    sizeX: te,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: Me,
-    sizeX: ee,
-    sizeY: te,
+    render: fe,
+    sizeX: te,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ye,
-    sizeX: V,
-    sizeY: V,
+    render: We,
+    sizeX: G,
+    sizeY: G,
     offsetX: 0,
-    offsetY: -V
+    offsetY: -G
   }
 };
-class We {
+class Ve {
   static apply() {
-    const e = Ae.createObjectDefaultControls();
-    Object.entries(Pe).forEach(([t, s]) => {
+    const e = Ce.createObjectDefaultControls();
+    Object.entries(Fe).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 = (a, i, o, d) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (n, o, i, c) => {
         var h;
-        (h = i.target.canvas) == null || h.setCursor("grabbing");
+        (h = o.target.canvas) == null || h.setCursor("grabbing");
       });
     }), Se.ownDefaults.controls = e;
   }
 }
-const Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", z = {
+const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", z = {
   style: {
     position: "absolute",
     display: "none",
@@ -608,17 +616,17 @@ const Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Fe,
-    delete: Ke,
-    lock: Ve,
-    unlock: Ge,
-    bringToFront: $e,
-    sendToBack: Je,
-    bringForward: Xe,
-    sendBackwards: Qe
+    copyPaste: Ge,
+    delete: et,
+    lock: Xe,
+    unlock: Qe,
+    bringToFront: Je,
+    sendToBack: qe,
+    bringForward: Ke,
+    sendBackwards: $e
   },
   handlers: {
-    copyPaste: (r) => j(null, null, function* () {
+    copyPaste: (r) => b(null, null, function* () {
       r.clipboardManager.copyPaste();
     }),
     delete: (r) => {
@@ -644,14 +652,14 @@ const Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     }
   }
 };
-class qe {
+class tt {
   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 = ge(p(p({}, z), e), {
+    this.config = ue(p(p({}, z), e), {
       style: p(p({}, z.style), e.style || {}),
       btnStyle: p(p({}, z.btnStyle), e.btnStyle || {}),
       icons: p(p({}, z.icons), e.icons || {}),
@@ -666,11 +674,11 @@ class qe {
   _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 n = t.target.closest("button");
-      n && Object.assign(n.style, this.config.btnHover);
+      const a = t.target.closest("button");
+      a && Object.assign(a.style, this.config.btnHover);
     }, this._onBtnOut = (t) => {
-      const n = t.target.closest("button");
-      n && Object.assign(n.style, this.config.btnStyle);
+      const a = t.target.closest("button");
+      a && Object.assign(a.style, this.config.btnStyle);
     }, this.el.addEventListener("mouseover", this._onBtnOver), this.el.addEventListener("mouseout", this._onBtnOut);
   }
   /**
@@ -682,13 +690,13 @@ class qe {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: n } = t, { icons: a = {}, btnStyle: i, handlers: o = {} } = this.config, d = document.createElement("button");
-      d.innerHTML = a[n] ? `<img src="${a[n]}" title="${s}" />` : s, Object.assign(d.style, i), d.onclick = () => {
-        var c;
-        return (c = o[n]) == null ? void 0 : c.call(o, this.editor);
-      }, d.onmousedown = (c) => {
-        c.stopPropagation(), c.preventDefault();
-      }, d.ondragstart = (c) => c.preventDefault(), this.el.appendChild(d);
+      const { name: s, handle: a } = t, { icons: n = {}, btnStyle: o, handlers: i = {} } = this.config, c = document.createElement("button");
+      c.innerHTML = n[a] ? `<img src="${n[a]}" title="${s}" />` : s, Object.assign(c.style, o), c.onclick = () => {
+        var d;
+        return (d = i[a]) == null ? void 0 : d.call(i, this.editor);
+      }, c.onmousedown = (d) => {
+        d.stopPropagation(), d.preventDefault();
+      }, c.ondragstart = (d) => d.preventDefault(), this.el.appendChild(c);
     }
   }
   /**
@@ -744,12 +752,12 @@ class qe {
       this.el.style.display = "none";
       return;
     }
-    const { el: t, config: s, canvas: n } = this;
+    const { el: t, config: s, canvas: a } = this;
     e.setCoords();
-    const a = n.getZoom(), [, , , , i, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: c, height: h } = e.getBoundingRect(), g = d * a + i - t.offsetWidth / 2, M = s.offsetTop || 0, f = (c + h) * a + o + M;
+    const n = a.getZoom(), [, , , , o, i] = a.viewportTransform, { x: c } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), g = c * n + o - t.offsetWidth / 2, M = s.offsetTop || 0, m = (d + h) * n + i + M;
     Object.assign(t.style, {
       left: `${g}px`,
-      top: `${f}px`,
+      top: `${m}px`,
       display: "flex"
     });
   }
@@ -760,7 +768,7 @@ class qe {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-class et {
+class st {
   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();
   }
@@ -772,11 +780,12 @@ class et {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Oe({
+    this.diffPatcher = ke({
       objectHash(e) {
         const t = e;
         return [
           t.id,
+          t.backgroundId,
           t.format,
           t.locked,
           t.left,
@@ -796,7 +805,7 @@ class et {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Te,
+        diffMatchPatch: Be,
         minLength: 60
       }
     });
@@ -826,10 +835,10 @@ class et {
    */
   getFullState() {
     const { baseState: e, currentIndex: t, patches: s } = this;
-    let n = JSON.parse(JSON.stringify(e));
-    for (let a = 0; a < t; a += 1)
-      n = this.diffPatcher.patch(n, s[a].diff);
-    return console.log("getFullState state", n), n;
+    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;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -841,6 +850,8 @@ class et {
       "selectable",
       "evented",
       "id",
+      "backgroundId",
+      "backgroundType",
       "format",
       "width",
       "height",
@@ -862,7 +873,7 @@ class et {
       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: D(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    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: v(), 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);
   }
   /**
    * Функция загрузки состояния в канвас.
@@ -870,15 +881,17 @@ class et {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
-      const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: a, height: i } = t;
+      const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: n } = this.editor, { width: o, height: i } = t;
       yield t.loadFromJSON(e);
-      const o = t.getObjects().find((c) => c.id === "montage-area");
-      o && (this.editor.montageArea = o, (a !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
-      const d = t.getObjects().find((c) => c.id === "overlay-mask");
-      d && (n.overlayMask = d, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
+      const c = t.getObjects().find((l) => l.id === "montage-area");
+      c && (this.editor.montageArea = c, (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);
+      const h = t.getObjects().find((l) => l.id === "background");
+      h ? n.backgroundObject = h : n.removeBackground({ withoutSave: !0 }), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -893,7 +906,7 @@ class et {
    * @fires editor:undo
    */
   undo() {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -930,7 +943,7 @@ class et {
    * @fires editor:redo
    */
   redo() {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -963,8 +976,8 @@ class et {
     });
   }
 }
-const tt = 0.1, st = 2, nt = 0.1, at = 90, _ = 16, R = 16, O = 4096, T = 4096, me = "application/image-editor:";
-class E {
+const at = 0.1, nt = 2, ot = 0.1, it = 90, U = 16, H = 16, T = 4096, w = 4096, me = "application/image-editor:";
+class O {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -981,83 +994,83 @@ class E {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
-        withoutSave: n = !1,
-        fromClipboard: a = !1
+        withoutSave: a = !1,
+        fromClipboard: n = !1
       } = e;
       if (!t) return null;
-      const { canvas: i, montageArea: o, transformManager: d, historyManager: c, errorManager: h } = this.editor, l = yield this.getContentType(t), g = E.getFormatFromContentType(l), { acceptContentTypes: M, acceptFormats: f } = this;
+      const { canvas: o, montageArea: i, transformManager: c, historyManager: d, errorManager: h } = this.editor, l = yield this.getContentType(t), g = O.getFormatFromContentType(l), { acceptContentTypes: M, acceptFormats: m } = this;
       if (!this.isAllowedContentType(l)) {
-        const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        const f = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return h.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: m,
-          data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: a }
+          message: f,
+          data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: m, fromClipboard: n }
         }), null;
       }
-      c.suspendHistory();
+      d.suspendHistory();
       try {
-        let m, u;
+        let f, u;
         if (t instanceof File)
-          m = URL.createObjectURL(t);
+          f = URL.createObjectURL(t);
         else if (typeof t == "string") {
-          const C = yield (yield fetch(t, { mode: "cors" })).blob();
-          m = URL.createObjectURL(C);
+          const E = yield (yield fetch(t, { mode: "cors" })).blob();
+          f = URL.createObjectURL(E);
         } else
           return h.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-            data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: f, fromClipboard: a }
+            data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: m, fromClipboard: n }
           }), null;
-        if (this._createdBlobUrls.push(m), g === "svg") {
-          const v = yield Ce(m);
-          u = H.groupSVGElements(v.objects, v.options);
+        if (this._createdBlobUrls.push(f), g === "svg") {
+          const A = yield Ee(f);
+          u = P.groupSVGElements(A.objects, A.options);
         } else
-          u = yield U.fromURL(m, { crossOrigin: "anonymous" });
-        const { width: b, height: A } = u;
-        if (u instanceof U) {
-          const v = u.getElement();
-          let C = "";
-          if (v instanceof HTMLImageElement ? C = v.src : v instanceof HTMLCanvasElement && (C = v.toDataURL()), A > T || b > O) {
-            const w = yield this.resizeImageToBoundaries(C, "max"), k = URL.createObjectURL(w);
-            this._createdBlobUrls.push(k), u = yield U.fromURL(k, { crossOrigin: "anonymous" });
-          } else if (A < R || b < _) {
-            const w = yield this.resizeImageToBoundaries(C, "min"), k = URL.createObjectURL(w);
-            this._createdBlobUrls.push(k), u = yield U.fromURL(k, { crossOrigin: "anonymous" });
+          u = yield x.fromURL(f, { crossOrigin: "anonymous" });
+        const { width: j, height: C } = u;
+        if (u instanceof x) {
+          const A = u.getElement();
+          let E = "";
+          if (A instanceof HTMLImageElement ? E = A.src : A instanceof HTMLCanvasElement && (E = A.toDataURL()), C > w || j > T) {
+            const L = yield this.resizeImageToBoundaries(E, "max"), k = URL.createObjectURL(L);
+            this._createdBlobUrls.push(k), u = yield x.fromURL(k, { crossOrigin: "anonymous" });
+          } else if (C < H || j < U) {
+            const L = yield this.resizeImageToBoundaries(E, "min"), k = URL.createObjectURL(L);
+            this._createdBlobUrls.push(k), u = yield x.fromURL(k, { crossOrigin: "anonymous" });
           }
         }
-        if (u.set("id", `${u.type}-${D()}`), u.set("format", g), s === "scale-montage")
+        if (u.set("id", `${u.type}-${v()}`), u.set("format", g), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: u, withoutSave: !0 });
         else {
-          const { width: v, height: C } = o, w = this.calculateScaleFactor({ imageObject: u, scaleType: s });
-          s === "image-contain" && w < 1 ? d.fitObject({ object: u, type: "contain", withoutSave: !0 }) : s === "image-cover" && (b > v || A > C) && d.fitObject({ object: u, type: "cover", withoutSave: !0 });
+          const { width: A, height: E } = i, L = this.calculateScaleFactor({ imageObject: u, scaleType: s });
+          s === "image-contain" && L < 1 ? c.fitObject({ object: u, type: "contain", withoutSave: !0 }) : s === "image-cover" && (j > A || C > E) && c.fitObject({ object: u, type: "cover", withoutSave: !0 });
         }
-        i.add(u), i.centerObject(u), i.setActiveObject(u), i.renderAll(), c.resumeHistory(), n || c.saveState();
+        o.add(u), o.centerObject(u), o.setActiveObject(u), o.renderAll(), d.resumeHistory(), a || d.saveState();
         const S = {
           image: u,
           format: g,
           contentType: l,
           scale: s,
-          withoutSave: n,
+          withoutSave: a,
           source: t,
-          fromClipboard: a
+          fromClipboard: n
         };
-        return i.fire("editor:image-imported", S), S;
-      } catch (m) {
+        return o.fire("editor:image-imported", S), S;
+      } catch (f) {
         return h.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${m.message}`,
-          data: { source: t, format: g, contentType: l, scale: s, withoutSave: n, fromClipboard: a }
-        }), c.resumeHistory(), null;
+          message: `Ошибка импорта изображения: ${f.message}`,
+          data: { source: t, format: g, contentType: l, scale: s, withoutSave: a, fromClipboard: n }
+        }), d.resumeHistory(), null;
       }
     });
   }
@@ -1070,24 +1083,24 @@ class E {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return j(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${_}x${R}`);
-      const n = {
+    return b(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${T}x${w}`;
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${U}x${H}`);
+      const a = {
         dataURL: e,
         sizeType: t,
-        maxWidth: O,
-        maxHeight: T,
-        minWidth: _,
-        minHeight: R
+        maxWidth: T,
+        maxHeight: w,
+        minWidth: U,
+        minHeight: H
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: s,
-        data: n
-      }), this.editor.workerManager.post("resizeImage", n);
+        data: a
+      }), this.editor.workerManager.post("resizeImage", a);
     });
   }
   /**
@@ -1102,101 +1115,101 @@ class E {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return j(this, arguments, function* (e = {}) {
+    return b(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
-        exportAsBase64: n = !1,
-        exportAsBlob: a = !1
-      } = e, { canvas: i, montageArea: o, workerManager: d } = this.editor;
+        exportAsBase64: a = !1,
+        exportAsBlob: n = !1
+      } = e, { canvas: o, montageArea: i, workerManager: c } = this.editor;
       try {
-        const c = s === "application/pdf", h = c ? "image/jpg" : s, l = E.getFormatFromContentType(h);
-        o.setCoords();
-        const { left: g, top: M, width: f, height: m } = o.getBoundingRect(), u = yield i.clone(["id", "format", "locked"]);
+        const d = s === "application/pdf", h = d ? "image/jpg" : s, l = O.getFormatFromContentType(h);
+        i.setCoords();
+        const { left: g, top: M, width: m, height: f } = i.getBoundingRect(), u = yield o.clone(["id", "format", "locked"]);
         u.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (u.backgroundColor = "#ffffff");
-        const b = u.getObjects().find((I) => I.id === o.id);
-        b && (b.visible = !1), u.viewportTransform = [1, 0, 0, 1, -g, -M], u.setDimensions({ width: f, height: m }, { backstoreOnly: !0 }), u.renderAll();
-        const A = u.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
-        if (l === "svg" && A) {
+        const j = u.getObjects().find((I) => I.id === i.id);
+        j && (j.visible = !1), u.viewportTransform = [1, 0, 0, 1, -g, -M], u.setDimensions({ width: m, height: f }, { backstoreOnly: !0 }), u.renderAll();
+        const C = u.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
+        if (l === "svg" && C) {
           const I = u.toSVG();
           u.dispose();
-          const L = {
-            image: E._exportSVGStringAsFile(I, {
-              exportAsBase64: n,
-              exportAsBlob: a,
+          const D = {
+            image: O._exportSVGStringAsFile(I, {
+              exportAsBase64: a,
+              exportAsBlob: n,
               fileName: t
             }),
             format: "svg",
             contentType: "image/svg+xml",
             fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", L), L;
+          return o.fire("editor:canvas-exported", D), D;
         }
-        const S = yield new Promise((I, x) => {
-          u.getElement().toBlob((L) => {
-            L ? I(L) : x(new Error("Failed to create Blob from canvas"));
+        const S = yield new Promise((I, B) => {
+          u.getElement().toBlob((D) => {
+            D ? I(D) : B(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (u.dispose(), a) {
+        if (u.dispose(), n) {
           const I = {
             image: S,
             format: l,
             contentType: h,
             fileName: t
           };
-          return i.fire("editor:canvas-exported", I), I;
+          return o.fire("editor:canvas-exported", I), I;
         }
-        const v = yield createImageBitmap(S), C = yield d.post(
+        const A = yield createImageBitmap(S), E = yield c.post(
           "toDataURL",
-          { format: l, quality: 1, bitmap: v },
-          [v]
+          { format: l, quality: 1, bitmap: A },
+          [A]
         );
-        if (c) {
-          const x = f * 0.264583, L = m * 0.264583, be = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, $ = new be({
-            orientation: x > L ? "landscape" : "portrait",
+        if (d) {
+          const B = m * 0.264583, D = f * 0.264583, pe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, $ = new pe({
+            orientation: B > D ? "landscape" : "portrait",
             unit: "mm",
-            format: [x, L]
+            format: [B, D]
           });
-          if ($.addImage(String(C), "JPG", 0, 0, x, L), n) {
-            const ce = {
+          if ($.addImage(String(E), "JPG", 0, 0, B, D), a) {
+            const de = {
               image: $.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return i.fire("editor:canvas-exported", ce), ce;
+            return o.fire("editor:canvas-exported", de), de;
           }
-          const pe = $.output("blob"), re = {
-            image: new File([pe], t, { type: "application/pdf" }),
+          const ye = $.output("blob"), ce = {
+            image: new File([ye], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return i.fire("editor:canvas-exported", re), re;
+          return o.fire("editor:canvas-exported", ce), ce;
         }
-        if (n) {
+        if (a) {
           const I = {
-            image: C,
+            image: E,
             format: l,
             contentType: h,
             fileName: t
           };
-          return i.fire("editor:canvas-exported", I), I;
+          return o.fire("editor:canvas-exported", I), I;
         }
-        const w = l === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, oe = {
-          image: new File([S], w, { type: h }),
+        const L = l === "svg" && !C ? t.replace(/\.[^/.]+$/, ".png") : t, re = {
+          image: new File([S], L, { type: h }),
           format: l,
           contentType: h,
-          fileName: w
+          fileName: L
         };
-        return i.fire("editor:canvas-exported", oe), oe;
-      } catch (c) {
+        return o.fire("editor:canvas-exported", re), re;
+      } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${c.message}`,
-          data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: a }
+          message: `Ошибка экспорта изображения: ${d.message}`,
+          data: { contentType: s, fileName: t, exportAsBase64: a, exportAsBlob: n }
         }), null;
       }
     });
@@ -1213,88 +1226,88 @@ class E {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return j(this, arguments, function* (e = {}) {
+    return b(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
-        contentType: n = "image/png",
-        exportAsBase64: a = !1,
-        exportAsBlob: i = !1
-      } = e, { canvas: o, workerManager: d } = this.editor, c = t || o.getActiveObject();
-      if (!c)
+        contentType: a = "image/png",
+        exportAsBase64: n = !1,
+        exportAsBlob: o = !1
+      } = e, { canvas: i, workerManager: c } = this.editor, d = t || i.getActiveObject();
+      if (!d)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: n, fileName: s, exportAsBase64: a, exportAsBlob: i }
+          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
         }), null;
       try {
-        const h = E.getFormatFromContentType(n);
+        const h = O.getFormatFromContentType(a);
         if (h === "svg") {
-          const m = c.toSVG(), u = E._exportSVGStringAsFile(m, {
-            exportAsBase64: a,
-            exportAsBlob: i,
+          const f = d.toSVG(), u = O._exportSVGStringAsFile(f, {
+            exportAsBase64: n,
+            exportAsBlob: o,
             fileName: s
-          }), b = {
-            object: c,
+          }), j = {
+            object: d,
             image: u,
             format: h,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:object-exported", b), b;
+          return i.fire("editor:object-exported", j), j;
         }
-        if (a && c instanceof U) {
-          const m = yield createImageBitmap(c.getElement()), u = yield d.post(
+        if (n && d instanceof x) {
+          const f = yield createImageBitmap(d.getElement()), u = yield c.post(
             "toDataURL",
             {
               format: h,
               quality: 1,
-              bitmap: m
+              bitmap: f
             },
-            [m]
-          ), b = {
-            object: c,
+            [f]
+          ), j = {
+            object: d,
             image: u,
             format: h,
-            contentType: n,
+            contentType: a,
             fileName: s
           };
-          return o.fire("editor:object-exported", b), b;
+          return i.fire("editor:object-exported", j), j;
         }
-        const l = c.toCanvasElement({
+        const l = d.toCanvasElement({
           enableRetinaScaling: !1
-        }), g = yield new Promise((m, u) => {
-          l.toBlob((b) => {
-            b ? m(b) : u(new Error("Failed to create Blob from canvas"));
+        }), g = yield new Promise((f, u) => {
+          l.toBlob((j) => {
+            j ? f(j) : u(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (i) {
-          const m = {
-            object: c,
+        if (o) {
+          const f = {
+            object: d,
             image: g,
             format: h,
-            contentType: n,
+            contentType: a,
             fileName: s
           };
-          return o.fire("editor:object-exported", m), m;
+          return i.fire("editor:object-exported", f), f;
         }
-        const M = new File([g], s, { type: n }), f = {
-          object: c,
+        const M = new File([g], s, { type: a }), m = {
+          object: d,
           image: M,
           format: h,
-          contentType: n,
+          contentType: a,
           fileName: s
         };
-        return o.fire("editor:object-exported", f), f;
+        return i.fire("editor:object-exported", m), m;
       } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${h.message}`,
-          data: { contentType: n, fileName: s, exportAsBase64: a, exportAsBlob: i }
+          data: { contentType: a, fileName: s, exportAsBase64: n, exportAsBlob: o }
         }), null;
       }
     });
@@ -1310,7 +1323,7 @@ class E {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => E.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => O.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1326,7 +1339,7 @@ class E {
    * @public
    */
   getContentType(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1337,7 +1350,7 @@ class E {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1361,11 +1374,11 @@ class E {
   getContentTypeFromExtension(e) {
     var t;
     try {
-      const n = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), a = {};
-      return this.acceptContentTypes.forEach((i) => {
-        const o = E.getFormatFromContentType(i);
-        o && (a[o] = i);
-      }), n && a[n] || "application/octet-stream";
+      const a = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
+      return this.acceptContentTypes.forEach((o) => {
+        const i = O.getFormatFromContentType(o);
+        i && (n[i] = o);
+      }), a && n[a] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
     }
@@ -1383,8 +1396,8 @@ class E {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !e) return 1;
-    const n = s.width, a = s.height, { width: i, height: o } = e;
-    return t === "contain" || t === "image-contain" ? Math.min(n / i, a / o) : t === "cover" || t === "image-cover" ? Math.max(n / i, a / o) : 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;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1400,9 +1413,9 @@ class E {
   static _exportSVGStringAsFile(e, {
     exportAsBase64: t,
     exportAsBlob: s,
-    fileName: n = "image.svg"
+    fileName: a = "image.svg"
   } = {}) {
-    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], n.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+    return s ? new Blob([e], { type: "image/svg+xml" }) : t ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(e))}` : new File([e], a.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1416,11 +1429,11 @@ class E {
     return t ? t[1] : "";
   }
 }
-const B = (r, e, t) => Math.max(Math.min(r, t), e), fe = (r, e) => r * e, it = (r, e) => new F(r / 2, e / 2);
-function ot(r) {
+const _ = (r, e, t) => Math.max(Math.min(r, t), e), be = (r, e) => r * e, rt = (r, e) => new V(r / 2, e / 2);
+function ct(r) {
   return ((r == null ? void 0 : r.type) === "image" || (r == null ? void 0 : r.format) === "svg") && typeof (r == null ? void 0 : r.width) == "number" && typeof (r == null ? void 0 : r.height) == "number";
 }
-class rt {
+class dt {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1444,25 +1457,25 @@ class rt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+  setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
+    var m;
     if (!e) return;
     const {
-      canvas: a,
-      montageArea: i,
-      options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: d, height: c } = i, h = B(Number(e), _, O);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(h), i.set({ width: h }), (f = a.clipPath) == null || f.set({ width: h }), t) {
-      const m = h / d, u = fe(c, m);
+      canvas: n,
+      montageArea: o,
+      options: { canvasBackstoreWidth: i }
+    } = this.editor, { width: c, height: d } = o, h = _(Number(e), U, T);
+    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 f = h / c, u = be(d, f);
       this.setResolutionHeight(u);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(i), M = a.getZoom();
-    a.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), a.fire("editor:resolution-width-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(o), M = n.getZoom();
+    n.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
       width: h,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: a
     });
   }
   /**
@@ -1474,25 +1487,25 @@ class rt {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+  setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
+    var m;
     if (!e) return;
     const {
-      canvas: a,
-      montageArea: i,
-      options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: d, height: c } = i, h = B(Number(e), R, T);
-    if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(h), i.set({ height: h }), (f = a.clipPath) == null || f.set({ height: h }), t) {
-      const m = h / c, u = fe(d, m);
+      canvas: n,
+      montageArea: o,
+      options: { canvasBackstoreHeight: i }
+    } = this.editor, { width: c, height: d } = o, h = _(Number(e), H, w);
+    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 f = h / d, u = be(c, f);
       this.setResolutionWidth(u);
       return;
     }
-    const { left: l, top: g } = this.getObjectDefaultCoords(i), M = a.getZoom();
-    a.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), a.fire("editor:resolution-height-changed", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(o), M = n.getZoom();
+    n.setViewportTransform([M, 0, 0, M, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
       height: h,
       preserveProportional: t,
       withoutSave: s,
-      adaptCanvasToContainer: n
+      adaptCanvasToContainer: a
     });
   }
   /**
@@ -1500,17 +1513,17 @@ class rt {
    * и устанавливает правильный viewportTransform.
    */
   centerMontageArea() {
-    var d;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), a = e.getZoom(), i = it(s, n);
+    var c;
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), n = e.getZoom(), o = rt(s, a);
     t.set({
       left: s / 2,
-      top: n / 2
-    }), (d = e.clipPath) == null || d.set({
+      top: a / 2
+    }), (c = e.clipPath) == null || c.set({
       left: s / 2,
-      top: n / 2
+      top: a / 2
     }), e.renderAll();
-    const o = e.viewportTransform;
-    o[4] = s / 2 - i.x * a, o[5] = n / 2 - i.y * a, e.setViewportTransform(o), 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();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1526,15 +1539,15 @@ class rt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: n, height: a } = s, i = t.getZoom(), o = (n - n * i) / 2, d = (a - a * i) / 2;
-    return { left: o, top: d };
+    const { width: a, height: n } = s, o = t.getZoom(), i = (a - a * o) / 2, c = (n - n * o) / 2;
+    return { left: i, top: c };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = B(e, _, O);
+    const t = _(e, U, T);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1543,7 +1556,7 @@ class rt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = B(e, R, T);
+    const t = _(e, H, w);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1552,8 +1565,8 @@ class rt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, n = t.clientHeight, a = B(s, _, O), i = B(n, R, T);
-    e.setDimensions({ width: a, height: i }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = _(s, U, T), o = _(a, H, w);
+    e.setDimensions({ width: n, height: o }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1566,21 +1579,21 @@ class rt {
       montageArea: t,
       montageArea: {
         width: s,
-        height: n
+        height: a
       }
-    } = this.editor, a = t.left, i = t.top;
-    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const o = t.left - a, d = t.top - i;
-    if (o !== 0 || d !== 0) {
-      const c = e.getActiveObject(), h = [];
-      if ((c == null ? void 0 : c.type) === "activeselection") {
-        const l = c;
+    } = 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, c = t.top - o;
+    if (i !== 0 || c !== 0) {
+      const d = e.getActiveObject(), h = [];
+      if ((d == null ? void 0 : d.type) === "activeselection") {
+        const l = d;
         h.push(...l.getObjects()), e.discardActiveObject();
       }
       if (e.getObjects().forEach((l) => {
-        l.id === "montage-area" || l.id === "overlay-mask" || (l.set({
-          left: l.left + o,
-          top: l.top + d
+        l.id === "montage-area" || l.id === "overlay-mask" || l.id === "background" || (l.set({
+          left: l.left + i,
+          top: l.top + c
         }), l.setCoords());
       }), h.length > 0)
         if (h.length === 1)
@@ -1594,7 +1607,7 @@ class rt {
     }
     e.renderAll(), e.fire("editor:canvas-updated", {
       width: s,
-      height: n
+      height: a
     });
   }
   /**
@@ -1704,32 +1717,32 @@ class rt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: n } = this.editor, a = [];
+    const { canvas: a } = this.editor, n = [];
     switch (e) {
       case "canvas":
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        n.push(a.lowerCanvasEl, a.upperCanvasEl);
         break;
       case "wrapper":
-        a.push(n.wrapperEl);
+        n.push(a.wrapperEl);
         break;
       case "container":
-        a.push(this.getEditorContainer());
+        n.push(this.getEditorContainer());
         break;
       default:
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        n.push(a.lowerCanvasEl, a.upperCanvasEl);
     }
-    const i = t === "width" ? "width" : "height";
+    const o = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      a.forEach((d) => {
-        d.style[i] = s;
+      n.forEach((c) => {
+        c.style[o] = s;
       });
       return;
     }
     if (isNaN(s)) return;
-    const o = `${s}px`;
-    a.forEach((d) => {
-      d.style[i] = o;
-    }), n.fire(`editor:display-${e}-${i}-changed`, {
+    const i = `${s}px`;
+    n.forEach((c) => {
+      c.style[o] = i;
+    }), a.fire(`editor:display-${e}-${o}-changed`, {
       element: e,
       value: s
     });
@@ -1744,26 +1757,26 @@ class rt {
    */
   scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: s } = {}) {
     const {
-      canvas: n,
-      montageArea: a,
-      transformManager: i,
+      canvas: a,
+      montageArea: n,
+      transformManager: o,
       options: {
-        montageAreaWidth: o,
-        montageAreaHeight: d
+        montageAreaWidth: i,
+        montageAreaHeight: c
       }
-    } = this.editor, c = e || n.getActiveObject();
-    if (!ot(c)) return;
-    const { width: h, height: l } = c;
-    let g = Math.min(h, O), M = Math.min(l, T);
+    } = this.editor, d = e || a.getActiveObject();
+    if (!ct(d)) return;
+    const { width: h, height: l } = d;
+    let g = Math.min(h, T), M = Math.min(l, w);
     if (t) {
       const {
-        width: f,
-        height: m
-      } = a, u = h / f, b = l / m, A = Math.max(u, b);
-      g = f * A, M = m * A;
+        width: m,
+        height: f
+      } = n, u = h / m, j = l / f, C = Math.max(u, j);
+      g = m * C, M = f * C;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(M, { withoutSave: !0 }), (h > o || l > d) && i.calculateAndApplyDefaultZoom(), i.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,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(M, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > c) && 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: g,
       height: M,
       preserveAspectRatio: t,
@@ -1788,26 +1801,33 @@ class rt {
     const {
       canvas: t,
       transformManager: s,
-      historyManager: n,
+      historyManager: a,
       options: {
-        montageAreaWidth: a,
-        montageAreaHeight: i
+        montageAreaWidth: n,
+        montageAreaHeight: o
       }
     } = this.editor;
-    s.resetZoom(), this.setResolutionWidth(a, { withoutSave: !0 }), this.setResolutionHeight(i, { withoutSave: !0 }), t.renderAll(), s.resetObjects(), e || n.saveState(), t.fire("editor:default-scale-set");
+    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");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
    * @returns массив объектов
    */
   getObjects() {
-    const { canvas: e, montageArea: t, interactionBlocker: { overlayMask: s } } = this.editor;
-    return e.getObjects().filter((a) => a.id !== t.id && a.id !== (s == null ? void 0 : s.id));
+    const {
+      canvas: e,
+      montageArea: t,
+      interactionBlocker: { overlayMask: s },
+      backgroundManager: { backgroundObject: a }
+    } = 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)
+    );
   }
 }
-class ct {
+class lt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || tt, this.maxZoom = this.options.maxZoom || st, this.defaultZoom = this.options.defaultScale;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || at, this.maxZoom = this.options.maxZoom || nt, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1817,8 +1837,8 @@ class ct {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, a = s.clientHeight, { width: i, height: o } = this.editor.montageArea, d = n / i * e, c = a / o * e;
-    this.defaultZoom = Math.min(d, c), this.setZoom();
+    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, n = s.clientHeight, { width: o, height: i } = this.editor.montageArea, c = a / o * e, d = n / i * e;
+    this.defaultZoom = Math.min(c, d), this.setZoom();
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -1829,13 +1849,13 @@ class ct {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = nt, t = {}) {
+  zoom(e = ot, t = {}) {
     var g, M;
     if (!e) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: a } = this.editor, i = a.getZoom(), o = a.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (M = t.pointY) != null ? M : o.y, h = new F(d, c);
-    let l = Number((i + Number(e)).toFixed(2));
-    l > n && (l = n), l < s && (l = s), a.zoomToPoint(h, l), a.fire("editor:zoom-changed", {
-      currentZoom: a.getZoom(),
+    const { minZoom: s, maxZoom: a } = this, { canvas: n } = this.editor, o = n.getZoom(), i = n.getCenterPoint(), c = (g = t.pointX) != null ? g : i.x, d = (M = t.pointY) != null ? M : i.y, h = new V(c, 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
     });
@@ -1846,12 +1866,12 @@ class ct {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, a = new F(n.getCenterPoint());
-    let i = e;
-    e > s && (i = s), e < t && (i = t), n.zoomToPoint(a, i), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
-      zoom: i,
-      point: a
+    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, n = new V(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
     });
   }
   /**
@@ -1859,7 +1879,7 @@ class ct {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new F(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new V(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -1872,14 +1892,14 @@ class ct {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = at, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, a = s.getActiveObject();
-    if (!a) return;
-    const i = a.angle + e;
-    a.rotate(i), a.setCoords(), s.renderAll(), t || n.saveState(), s.fire("editor:object-rotated", {
-      object: a,
+  rotate(e = it, { 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,
       withoutSave: t,
-      angle: i
+      angle: o
     });
   }
   /**
@@ -1889,9 +1909,9 @@ class ct {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
-    n && (n.flipX = !n.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
-      object: n,
+    const { canvas: t, historyManager: s } = this.editor, a = t.getActiveObject();
+    a && (a.flipX = !a.flipX, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-x", {
+      object: a,
       withoutSave: e
     }));
   }
@@ -1902,9 +1922,9 @@ class ct {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: e } = {}) {
-    const { canvas: t, historyManager: s } = this.editor, n = t.getActiveObject();
-    n && (n.flipY = !n.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
-      object: n,
+    const { canvas: t, historyManager: s } = this.editor, a = t.getActiveObject();
+    a && (a.flipY = !a.flipY, t.renderAll(), e || s.saveState(), t.fire("editor:object-flipped-y", {
+      object: a,
       withoutSave: e
     }));
   }
@@ -1921,11 +1941,11 @@ class ct {
     opacity: t = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: n, historyManager: a } = this.editor, i = e || n.getActiveObject();
-    i && (i instanceof y ? i.getObjects().forEach((o) => {
-      o.set("opacity", t);
-    }) : i.set("opacity", t), n.renderAll(), s || a.saveState(), n.fire("editor:object-opacity-changed", {
-      object: i,
+    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
+    o && (o instanceof y ? o.getObjects().forEach((i) => {
+      i.set("opacity", t);
+    }) : o.set("opacity", t), a.renderAll(), s || n.saveState(), a.fire("editor:object-opacity-changed", {
+      object: o,
       opacity: t,
       withoutSave: s
     }));
@@ -1945,24 +1965,24 @@ class ct {
     object: e,
     type: t = this.options.scaleType,
     withoutSave: s,
-    fitAsOneObject: n
+    fitAsOneObject: a
   } = {}) {
-    const { canvas: a, historyManager: i } = this.editor, o = e || a.getActiveObject();
-    if (o) {
-      if (o instanceof y && !n) {
-        const d = o.getObjects();
-        a.discardActiveObject(), d.forEach((h) => {
+    const { canvas: n, historyManager: o } = this.editor, i = e || n.getActiveObject();
+    if (i) {
+      if (i instanceof y && !a) {
+        const c = i.getObjects();
+        n.discardActiveObject(), c.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const c = new y(d, { canvas: a });
-        a.setActiveObject(c);
+        const d = new y(c, { canvas: n });
+        n.setActiveObject(d);
       } else
-        this._fitSingleObject(o, t);
-      a.renderAll(), s || i.saveState(), a.fire("editor:object-fitted", {
-        object: o,
+        this._fitSingleObject(i, t);
+      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
+        object: i,
         type: t,
         withoutSave: s,
-        fitAsOneObject: n
+        fitAsOneObject: a
       });
     }
   }
@@ -1973,11 +1993,11 @@ class ct {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: n } = this.editor, { width: a, height: i, scaleX: o = 1, scaleY: d = 1, angle: c = 0 } = e, h = a * Math.abs(o), l = i * Math.abs(d), g = c * Math.PI / 180, M = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), m = h * M + l * f, u = h * f + l * M, b = n.width, A = n.height;
+    const { canvas: s, montageArea: a } = this.editor, { width: n, height: o, scaleX: i = 1, scaleY: c = 1, angle: d = 0 } = e, h = n * Math.abs(i), l = o * Math.abs(c), g = d * Math.PI / 180, M = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), f = h * M + l * m, u = h * m + l * M, j = a.width, C = a.height;
     let S;
-    t === "contain" ? S = Math.min(b / m, A / u) : S = Math.max(b / m, A / u), e.set({
-      scaleX: o * S,
-      scaleY: d * S
+    t === "contain" ? S = Math.min(j / f, C / u) : S = Math.max(j / f, C / u), e.set({
+      scaleX: i * S,
+      scaleY: c * S
     }), s.centerObject(e);
   }
   /**
@@ -1998,36 +2018,36 @@ class ct {
    */
   resetObject({ object: e, alwaysFitObject: t = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: n,
-      montageArea: a,
-      imageManager: i,
-      historyManager: o,
-      options: { scaleType: d }
-    } = this.editor, c = e || n.getActiveObject();
-    if (!c || c.locked) return;
-    if (o.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
+      canvas: a,
+      montageArea: n,
+      imageManager: o,
+      historyManager: i,
+      options: { scaleType: c }
+    } = this.editor, d = e || a.getActiveObject();
+    if (!d || d.locked) return;
+    if (i.suspendHistory(), d.type === "image" || d.format === "svg" || d.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: g } = a, { width: M, height: f } = c, m = i.calculateScaleFactor({
-        imageObject: c,
-        scaleType: d
+      const { width: l, height: g } = n, { width: M, height: m } = d, f = o.calculateScaleFactor({
+        imageObject: d,
+        scaleType: c
       });
-      d === "contain" && m < 1 || d === "cover" && (M > l || f > g) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      c === "contain" && f < 1 || c === "cover" && (M > l || m > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
     }
-    c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), o.resumeHistory(), s || o.saveState(), n.fire("editor:object-reset", {
-      object: c,
+    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,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
-class dt {
+class ht {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2057,8 +2077,8 @@ class dt {
     const { canvas: e, montageArea: t, historyManager: s } = this.editor;
     if (!t || !this.overlayMask) return;
     s.suspendHistory(), t.setCoords();
-    const { left: n, top: a, width: i, height: o } = t.getBoundingRect();
-    this.overlayMask.set({ left: n, top: a, width: i, height: o }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    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();
   }
   /**
    * Выключает редактор:
@@ -2069,8 +2089,8 @@ class dt {
   block() {
     if (this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((n) => {
-      n.evented = !1, n.selectable = !1;
+    s.suspendHistory(), this.isBlocked = !0, e.discardActiveObject(), e.selection = !1, e.skipTargetFind = !0, t.getObjects().forEach((a) => {
+      a.evented = !1, a.selectable = !1;
     }), e.upperCanvasEl.style.pointerEvents = "none", e.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), e.fire("editor:disabled"), s.resumeHistory();
   }
   /**
@@ -2079,12 +2099,271 @@ class dt {
   unblock() {
     if (!this.isBlocked || !this.overlayMask) return;
     const { canvas: e, canvasManager: t, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((n) => {
-      n.evented = !0, n.selectable = !0;
+    s.suspendHistory(), this.isBlocked = !1, e.selection = !0, e.skipTargetFind = !1, t.getObjects().forEach((a) => {
+      a.evented = !0, a.selectable = !0;
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class G {
+class R {
+  constructor({ editor: e }) {
+    this.editor = e, this.backgroundObject = null;
+  }
+  /**
+   * Устанавливает фон сплошного цвета.
+   * @param options - Опции для установки цвета фона
+   * @param options.color - Цвет фона в формате HEX (например, "#FF0000")
+   * @param options.withoutSave - Если true, не сохранять состояние в историю
+   */
+  setColorBackground({
+    color: e,
+    withoutSave: t = !1
+  }) {
+    try {
+      const { historyManager: s } = this.editor, { backgroundObject: a } = this;
+      if (s.suspendHistory(), a && a.backgroundType === "color") {
+        if (a.fill === e) {
+          s.resumeHistory();
+          return;
+        }
+        a.set({ fill: e }), a.set("backgroundId", `background-${v()}`), this.editor.canvas.requestRenderAll();
+      } else
+        this._removeCurrentBackground(), this._createColorBackground(e);
+      this.editor.canvas.fire("background:changed", { type: "color", color: e }), s.resumeHistory(), t || s.saveState();
+    } catch (s) {
+      this.editor.errorManager.emitError({
+        code: "BACKGROUND_CREATION_FAILED",
+        origin: "BackgroundManager",
+        method: "setColorBackground",
+        message: "Не удалось установить цветовой фон",
+        data: { error: s }
+      });
+    }
+  }
+  /**
+   * Устанавливает градиентный фон.
+   * @param options - Опции для установки градиентного фона
+   * @param options.gradient - Объект с параметрами градиента
+   * @param options.withoutSave - Если true, не сохранять состояние в историю
+   */
+  setGradientBackground({
+    gradient: e,
+    withoutSave: t = !1
+  }) {
+    try {
+      const { historyManager: s } = this.editor, { backgroundObject: a } = this;
+      if (s.suspendHistory(), a && a.backgroundType === "gradient") {
+        const n = R._createFabricGradient(e);
+        if (R._isGradientEqual(a.fill, n)) {
+          s.resumeHistory();
+          return;
+        }
+        a.set({ fill: n }), a.set("backgroundId", `background-${v()}`), this.editor.canvas.requestRenderAll();
+      } else
+        this._removeCurrentBackground(), this._createGradientBackground(e);
+      this.editor.canvas.fire("background:changed", {
+        type: "gradient",
+        gradientParams: e
+      }), s.resumeHistory(), t || s.saveState();
+    } catch (s) {
+      this.editor.errorManager.emitError({
+        code: "BACKGROUND_CREATION_FAILED",
+        origin: "BackgroundManager",
+        method: "setGradientBackground",
+        message: "Не удалось установить градиентный фон",
+        data: { error: s }
+      });
+    }
+  }
+  /**
+   * Устанавливает фон из изображения.
+   * @param options - Опции для установки фонового изображения
+   * @param options.imageUrl - URL изображения
+   * @param options.withoutSave - Если true, не сохранять состояние в историю
+   */
+  setImageBackground(s) {
+    return b(this, arguments, function* ({
+      imageUrl: e,
+      withoutSave: t = !1
+    }) {
+      try {
+        const { historyManager: a } = this.editor;
+        a.suspendHistory(), this._removeCurrentBackground(), yield this._createImageBackground(e), this.editor.canvas.fire("background:changed", { type: "image", imageUrl: e }), a.resumeHistory(), t || a.saveState();
+      } catch (a) {
+        this.editor.errorManager.emitError({
+          code: "BACKGROUND_CREATION_FAILED",
+          origin: "BackgroundManager",
+          method: "setImageBackground",
+          message: "Не удалось установить изображение в качестве фона",
+          data: { error: a }
+        });
+      }
+    });
+  }
+  /**
+   * Удаляет текущий фон.
+   * @param options - Опции для удаления фона
+   * @param options.withoutSave - Если true, не сохранять состояние в историю
+   */
+  removeBackground({ withoutSave: e = !1 } = {}) {
+    try {
+      const { historyManager: t } = this.editor;
+      if (!this.backgroundObject) {
+        this.editor.errorManager.emitWarning({
+          code: "NO_BACKGROUND_TO_REMOVE",
+          origin: "BackgroundManager",
+          method: "removeBackground",
+          message: "Нет фона для удаления"
+        });
+        return;
+      }
+      t.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("background:removed"), t.resumeHistory(), e || t.saveState();
+    } catch (t) {
+      this.editor.errorManager.emitError({
+        code: "BACKGROUND_REMOVAL_FAILED",
+        origin: "BackgroundManager",
+        method: "removeBackground",
+        message: "Не удалось удалить фон",
+        data: { error: t }
+      });
+    }
+  }
+  /**
+   * Обновляет размеры и позицию фона согласно монтажной области.
+   */
+  refresh() {
+    const { canvas: e, montageArea: t, historyManager: s } = this.editor;
+    if (!t || !this.backgroundObject) return;
+    s.suspendHistory(), t.setCoords();
+    const { left: a, top: n, width: o, height: i } = t.getBoundingRect();
+    this.backgroundObject.set({ left: a, top: n, width: o, height: i });
+    const c = e.getObjects(), d = c.indexOf(t), h = c.indexOf(this.backgroundObject);
+    this.backgroundObject && h !== d + 1 && e.moveObjectTo(this.backgroundObject, d + 1), e.requestRenderAll(), s.resumeHistory();
+  }
+  /**
+   * Создает цветовой фон.
+   * @param color - Цвет фона в формате HEX (например, "#FF0000")
+   */
+  _createColorBackground(e) {
+    this.backgroundObject = this.editor.shapeManager.addRectangle({
+      fill: e,
+      selectable: !1,
+      evented: !1,
+      hasBorders: !1,
+      hasControls: !1,
+      id: "background",
+      backgroundType: "color",
+      backgroundId: `background-${v()}`
+    }, { withoutSelection: !0 }), this._setupBackgroundPosition();
+  }
+  /**
+   * Создает градиентный фон.
+   * @param gradient - Объект с параметрами градиента
+   */
+  _createGradientBackground(e) {
+    this.backgroundObject = this.editor.shapeManager.addRectangle({
+      fill: "#ffffff",
+      // временный цвет
+      selectable: !1,
+      evented: !1,
+      hasBorders: !1,
+      hasControls: !1,
+      id: "background",
+      backgroundType: "gradient",
+      backgroundId: `background-${v()}`
+    }, { withoutSelection: !0 }), this._setupBackgroundPosition();
+    const t = R._createFabricGradient(e);
+    this.backgroundObject.set("fill", t), this.editor.canvas.requestRenderAll();
+  }
+  /**
+   * Создает фон из изображения.
+   * @param imageUrl - URL изображения
+   */
+  _createImageBackground(e) {
+    return b(this, null, function* () {
+      return new Promise((t, s) => {
+        x.fromURL(e, {
+          crossOrigin: "anonymous"
+        }).then((a) => {
+          if (!a) {
+            s(new Error("Не удалось загрузить изображение"));
+            return;
+          }
+          a.set({
+            selectable: !1,
+            evented: !1,
+            hasBorders: !1,
+            hasControls: !1,
+            id: "background",
+            backgroundType: "image",
+            backgroundId: `background-${v()}`
+          }), this.editor.canvas.add(a), this.backgroundObject = a, this._setupBackgroundPosition(), t();
+        }).catch(s);
+      });
+    });
+  }
+  /**
+   * Настраивает позицию и размеры фона.
+   */
+  _setupBackgroundPosition() {
+    this.backgroundObject && this.refresh();
+  }
+  /**
+   * Удаляет текущий фон.
+   */
+  _removeCurrentBackground() {
+    this.backgroundObject && (this.editor.canvas.remove(this.backgroundObject), this.backgroundObject = null, this.editor.canvas.renderAll());
+  }
+  /**
+   * Создает Fabric.js градиент из параметров.
+   * @param gradient - Объект с параметрами градиента
+   */
+  static _createFabricGradient(e) {
+    const {
+      angle: t,
+      startColor: s,
+      endColor: a,
+      startPosition: n = 0,
+      endPosition: o = 100
+    } = e, i = t * Math.PI / 180, c = R._angleToCoords(i), d = [
+      { offset: n / 100, color: s },
+      { offset: o / 100, color: a }
+    ];
+    return new De({
+      type: "linear",
+      gradientUnits: "percentage",
+      coords: c,
+      colorStops: d
+    });
+  }
+  /**
+   * Конвертирует угол в координаты для линейного градиента.
+   * @param angle - Угол в радианах
+   */
+  static _angleToCoords(e) {
+    const t = Math.cos(e), s = Math.sin(e);
+    return {
+      x1: 0.5 - t * 0.5,
+      y1: 0.5 - s * 0.5,
+      x2: 0.5 + t * 0.5,
+      y2: 0.5 + s * 0.5
+    };
+  }
+  /**
+   * Сравнивает два градиента на равенство
+   * @param gradient1 - Первый градиент
+   * @param gradient2 - Второй градиент
+   * @returns true если градиенты одинаковые
+   */
+  static _isGradientEqual(e, t) {
+    if (!e || !t || 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)) return !1;
+    const a = e.colorStops || [], n = t.colorStops || [];
+    return a.length !== n.length ? !1 : a.every((o, i) => {
+      const c = n[i];
+      return o.color === c.color && Math.abs(o.offset - c.offset) < 1e-4;
+    });
+  }
+}
+class X {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2096,13 +2375,13 @@ class G {
    * @fires editor:object-bring-to-front
    */
   bringToFront(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const a = e || s.getActiveObject();
-    a && (a instanceof y ? a.getObjects().forEach((i) => {
-      s.bringObjectToFront(i);
-    }) : s.bringObjectToFront(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
-      object: a,
+    const { canvas: s, historyManager: a } = this.editor;
+    a.suspendHistory();
+    const n = e || s.getActiveObject();
+    n && (n instanceof y ? 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,
       withoutSave: t
     }));
   }
@@ -2114,11 +2393,11 @@ class G {
    * @fires editor:object-bring-forward
    */
   bringForward(e, { withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const a = e || s.getActiveObject();
-    a && (a instanceof y ? G._moveSelectionForward(s, a) : s.bringObjectForward(a), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
-      object: a,
+    const { canvas: s, historyManager: a } = this.editor;
+    a.suspendHistory();
+    const n = e || s.getActiveObject();
+    n && (n instanceof y ? X._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
+      object: n,
       withoutSave: t
     }));
   }
@@ -2132,21 +2411,22 @@ class G {
   sendToBack(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: n,
-      historyManager: a,
-      interactionBlocker: { overlayMask: i }
+      montageArea: a,
+      historyManager: n,
+      interactionBlocker: { overlayMask: o },
+      backgroundManager: { backgroundObject: i }
     } = this.editor;
-    a.suspendHistory();
-    const o = e || s.getActiveObject();
-    if (o) {
-      if (o instanceof y) {
-        const d = o.getObjects();
-        for (let c = d.length - 1; c >= 0; c -= 1)
-          s.sendObjectToBack(d[c]);
+    n.suspendHistory();
+    const c = e || s.getActiveObject();
+    if (c) {
+      if (c instanceof y) {
+        const d = c.getObjects();
+        for (let h = d.length - 1; h >= 0; h -= 1)
+          s.sendObjectToBack(d[h]);
       } else
-        s.sendObjectToBack(o);
-      s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-send-to-back", {
-        object: o,
+        s.sendObjectToBack(c);
+      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", {
+        object: c,
         withoutSave: t
       });
     }
@@ -2160,14 +2440,15 @@ class G {
   sendBackwards(e, { withoutSave: t } = {}) {
     const {
       canvas: s,
-      montageArea: n,
-      historyManager: a,
-      interactionBlocker: { overlayMask: i }
+      montageArea: a,
+      historyManager: n,
+      interactionBlocker: { overlayMask: o },
+      backgroundManager: { backgroundObject: i }
     } = this.editor;
-    a.suspendHistory();
-    const o = e || s.getActiveObject();
-    o && (o instanceof y ? G._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-send-backwards", {
-      object: o,
+    n.suspendHistory();
+    const c = e || s.getActiveObject();
+    c && (c instanceof y ? X._moveSelectionBackwards(s, c) : s.sendObjectBackwards(c), i && s.sendObjectToBack(i), s.sendObjectToBack(a), o && s.sendObjectToBack(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-send-backwards", {
+      object: c,
       withoutSave: t
     }));
   }
@@ -2178,16 +2459,16 @@ class G {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(e, t) {
-    const s = e.getObjects(), n = t.getObjects();
-    if (!n.some((o) => {
-      const d = s.indexOf(o);
-      for (let c = d + 1; c < s.length; c += 1)
-        if (!n.includes(s[c]))
+    const s = e.getObjects(), a = t.getObjects();
+    if (!a.some((i) => {
+      const c = s.indexOf(i);
+      for (let d = c + 1; d < s.length; d += 1)
+        if (!a.includes(s[d]))
           return !0;
       return !1;
     })) return;
-    n.map((o) => ({ obj: o, index: s.indexOf(o) })).sort((o, d) => d.index - o.index).forEach((o) => {
-      e.bringObjectForward(o.obj);
+    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, c) => c.index - i.index).forEach((i) => {
+      e.bringObjectForward(i.obj);
     });
   }
   /**
@@ -2197,20 +2478,20 @@ class G {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(e, t) {
-    const s = e.getObjects(), n = t.getObjects();
-    if (!n.some((o) => {
-      const d = s.indexOf(o);
-      for (let c = d - 1; c >= 0; c -= 1)
-        if (!n.includes(s[c]))
+    const s = e.getObjects(), a = t.getObjects();
+    if (!a.some((i) => {
+      const c = s.indexOf(i);
+      for (let d = c - 1; d >= 0; d -= 1)
+        if (!a.includes(s[d]))
           return !0;
       return !1;
     })) return;
-    n.map((o) => ({ obj: o, index: s.indexOf(o) })).sort((o, d) => o.index - d.index).forEach((o) => {
-      e.sendObjectBackwards(o.obj);
+    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, c) => i.index - c.index).forEach((i) => {
+      e.sendObjectBackwards(i.obj);
     });
   }
 }
-class lt {
+class gt {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2234,15 +2515,15 @@ class lt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(h = {}, { withoutSelection: d, withoutAdding: c } = {}) {
+  addRectangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
     var l = h, {
-      id: e = `rect-${D()}`,
+      id: e = `rect-${v()}`,
       left: t,
       top: s,
-      width: n = 100,
-      height: a = 100,
-      fill: i = "blue"
-    } = l, o = P(l, [
+      width: a = 100,
+      height: n = 100,
+      fill: o = "blue"
+    } = l, i = W(l, [
       "id",
       "left",
       "top",
@@ -2250,15 +2531,15 @@ class lt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, M = new De(p({
+    const { canvas: g } = this.editor, M = new Ne(p({
       id: e,
       left: t,
       top: s,
-      width: n,
-      height: a,
-      fill: i
-    }, o));
-    return !t && !s && g.centerObject(M), c || (g.add(M), d || g.setActiveObject(M), g.renderAll()), M;
+      width: a,
+      height: n,
+      fill: o
+    }, i));
+    return !t && !s && g.centerObject(M), d || (g.add(M), c || g.setActiveObject(M), g.renderAll()), M;
   }
   /**
    * Добавление круга
@@ -2276,28 +2557,28 @@ class lt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(c = {}, { withoutSelection: o, withoutAdding: d } = {}) {
-    var h = c, {
-      id: e = `circle-${D()}`,
+  addCircle(d = {}, { withoutSelection: i, withoutAdding: c } = {}) {
+    var h = d, {
+      id: e = `circle-${v()}`,
       left: t,
       top: s,
-      radius: n = 50,
-      fill: a = "green"
-    } = h, i = P(h, [
+      radius: a = 50,
+      fill: n = "green"
+    } = h, o = W(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, g = new Le(p({
+    const { canvas: l } = this.editor, g = new Oe(p({
       id: e,
       left: t,
       top: s,
-      fill: a,
-      radius: n
-    }, i));
-    return !t && !s && l.centerObject(g), d || (l.add(g), o || l.setActiveObject(g), l.renderAll()), g;
+      fill: n,
+      radius: a
+    }, o));
+    return !t && !s && l.centerObject(g), c || (l.add(g), i || l.setActiveObject(g), l.renderAll()), g;
   }
   /**
    * Добавление треугольника
@@ -2316,15 +2597,15 @@ class lt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(h = {}, { withoutSelection: d, withoutAdding: c } = {}) {
+  addTriangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
     var l = h, {
-      id: e = `triangle-${D()}`,
+      id: e = `triangle-${v()}`,
       left: t,
       top: s,
-      width: n = 100,
-      height: a = 100,
-      fill: i = "yellow"
-    } = l, o = P(l, [
+      width: a = 100,
+      height: n = 100,
+      fill: o = "yellow"
+    } = l, i = W(l, [
       "id",
       "left",
       "top",
@@ -2332,18 +2613,18 @@ class lt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, M = new Ne(p({
+    const { canvas: g } = this.editor, M = new Le(p({
       id: e,
       left: t,
       top: s,
-      fill: i,
-      width: n,
-      height: a
-    }, o));
-    return !t && !s && g.centerObject(M), c || (g.add(M), d || g.setActiveObject(M), g.renderAll()), M;
+      fill: o,
+      width: a,
+      height: n
+    }, i));
+    return !t && !s && g.centerObject(M), d || (g.add(M), c || g.setActiveObject(M), g.renderAll()), M;
   }
 }
-class ht {
+class ut {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2371,18 +2652,18 @@ class ht {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       const { canvas: t, errorManager: s } = this.editor;
       try {
-        const n = yield e.clone(["format"]);
-        this.clipboard = n, t.fire("editor:object-copied", { object: n });
-      } catch (n) {
+        const a = yield e.clone(["format"]);
+        this.clipboard = a, t.fire("editor:object-copied", { object: a });
+      } catch (a) {
         s.emitError({
           origin: "ClipboardManager",
           method: "_cloneToInternalClipboard",
           code: "CLONE_FAILED",
           message: "Ошибка клонирования объекта для внутреннего буфера",
-          data: n
+          data: a
         });
       }
     });
@@ -2391,7 +2672,7 @@ class ht {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       const { errorManager: t } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return t.emitWarning({
@@ -2401,8 +2682,8 @@ class ht {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = e.toObject(["format"]), n = JSON.stringify(s);
-        return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
+        const s = e.toObject(["format"]), a = JSON.stringify(s);
+        return e.type === "image" ? this._copyImageToClipboard(e, a) : this._copyTextToClipboard(a);
       } catch (s) {
         return t.emitError({
           origin: "ClipboardManager",
@@ -2418,12 +2699,12 @@ class ht {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(e, t) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       try {
-        const n = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), a = n.slice(5).split(";")[0], i = n.split(",")[1], o = atob(i), d = new Uint8Array(o.length);
-        for (let l = 0; l < o.length; l += 1)
-          d[l] = o.charCodeAt(l);
-        const c = new Blob([d.buffer], { type: a }), h = new ClipboardItem({ [a]: c });
+        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = a.slice(5).split(";")[0], o = a.split(",")[1], i = atob(o), c = new Uint8Array(i.length);
+        for (let l = 0; l < i.length; l += 1)
+          c[l] = i.charCodeAt(l);
+        const d = new Blob([c.buffer], { type: n }), h = new ClipboardItem({ [n]: d });
         return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -2440,7 +2721,7 @@ class ht {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       try {
         const t = `${me}${e}`;
         return yield navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
@@ -2463,8 +2744,8 @@ class ht {
   _addClonedObjectToCanvas(e) {
     const { canvas: t, historyManager: s } = this.editor;
     if (t.discardActiveObject(), e instanceof y) {
-      s.suspendHistory(), e.canvas = t, e.forEachObject((n) => {
-        t.add(n);
+      s.suspendHistory(), e.canvas = t, e.forEachObject((a) => {
+        t.add(a);
       }), t.setActiveObject(e), t.requestRenderAll(), s.resumeHistory(), s.saveState();
       return;
     }
@@ -2475,7 +2756,7 @@ class ht {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       var s;
       const { image: t } = (s = yield this.editor.imageManager.importImage({
         source: e,
@@ -2491,25 +2772,25 @@ class ht {
    * @fires editor:object-pasted
    */
   copyPaste(e) {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       const { canvas: t } = this.editor, s = e || t.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const n = yield s.clone(["format"]);
-        return n.set({
-          id: `${n.type}-${D()}`,
-          left: n.left + 10,
-          top: n.top + 10,
+        const a = yield s.clone(["format"]);
+        return a.set({
+          id: `${a.type}-${v()}`,
+          left: a.left + 10,
+          top: a.top + 10,
           evented: !0
-        }), this._addClonedObjectToCanvas(n), t.fire("editor:object-duplicated", { object: n }), !0;
-      } catch (n) {
-        const { errorManager: a } = this.editor;
-        return a.emitError({
+        }), this._addClonedObjectToCanvas(a), t.fire("editor:object-duplicated", { object: a }), !0;
+      } catch (a) {
+        const { errorManager: n } = this.editor;
+        return n.emitError({
           origin: "ClipboardManager",
           method: "copyPaste",
           code: "COPY_PASTE_FAILED",
           message: "Ошибка создания копии объекта",
-          data: n
+          data: a
         }), !1;
       }
     });
@@ -2521,9 +2802,9 @@ class ht {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(t) {
-    return j(this, arguments, function* ({ clipboardData: e }) {
-      var d;
-      if (!((d = e == null ? void 0 : e.items) != null && d.length)) {
+    return b(this, arguments, function* ({ clipboardData: e }) {
+      var c;
+      if (!((c = e == null ? void 0 : e.items) != null && c.length)) {
         this.paste();
         return;
       }
@@ -2532,10 +2813,10 @@ class ht {
         this.paste();
         return;
       }
-      const { items: n } = e, a = n[n.length - 1], i = a.getAsFile();
-      if (a.type !== "text/html" && i) {
-        const c = new FileReader();
-        c.onload = (h) => {
+      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) => {
           h.target && this._handleImageImport(h.target.result).catch((l) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
@@ -2545,12 +2826,12 @@ class ht {
               data: l
             });
           });
-        }, c.readAsDataURL(i);
+        }, d.readAsDataURL(o);
         return;
       }
-      const o = e.getData("text/html");
-      if (o) {
-        const l = new DOMParser().parseFromString(o, "text/html").querySelector("img");
+      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((g) => {
             this.editor.errorManager.emitError({
@@ -2572,13 +2853,13 @@ class ht {
    * @fires editor:object-pasted
    */
   paste() {
-    return j(this, null, function* () {
+    return b(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}-${D()}`,
+          id: `${t.type}-${v()}`,
           left: t.left + 10,
           top: t.top + 10,
           evented: !0
@@ -2596,7 +2877,7 @@ class ht {
     });
   }
 }
-class X {
+class Q {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2609,9 +2890,9 @@ class X {
    * @fires editor:object-locked
    */
   lockObject({ object: e, skipInnerObjects: t, withoutSave: s } = {}) {
-    const { canvas: n, historyManager: a } = this.editor, i = e || n.getActiveObject();
-    if (!i || i.locked) return;
-    const o = {
+    const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
+    if (!o || o.locked) return;
+    const i = {
       lockMovementX: !0,
       lockMovementY: !0,
       lockRotation: !0,
@@ -2621,10 +2902,10 @@ class X {
       lockSkewingY: !0,
       locked: !0
     };
-    i.set(o), !t && X._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
-      c.set(o);
-    }), n.renderAll(), s || a.saveState(), n.fire("editor:object-locked", {
-      object: i,
+    o.set(i), !t && Q._isGroupOrSelection(o) && o.getObjects().forEach((d) => {
+      d.set(i);
+    }), a.renderAll(), s || n.saveState(), a.fire("editor:object-locked", {
+      object: o,
       skipInnerObjects: t,
       withoutSave: s
     });
@@ -2637,9 +2918,9 @@ class X {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: e, withoutSave: t } = {}) {
-    const { canvas: s, historyManager: n } = this.editor, a = e || s.getActiveObject();
-    if (!a) return;
-    const i = {
+    const { canvas: s, historyManager: a } = this.editor, n = e || s.getActiveObject();
+    if (!n) return;
+    const o = {
       lockMovementX: !1,
       lockMovementY: !1,
       lockRotation: !1,
@@ -2649,10 +2930,10 @@ class X {
       lockSkewingY: !1,
       locked: !1
     };
-    a.set(i), X._isGroupOrSelection(a) && a.getObjects().forEach((o) => {
-      o.set(i);
-    }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
-      object: a,
+    n.set(o), Q._isGroupOrSelection(n) && n.getObjects().forEach((i) => {
+      i.set(o);
+    }), s.renderAll(), t || a.saveState(), s.fire("editor:object-unlocked", {
+      object: n,
       withoutSave: t
     });
   }
@@ -2660,7 +2941,7 @@ class X {
     return e instanceof y || e instanceof J;
   }
 }
-class gt {
+class Mt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2675,14 +2956,14 @@ class gt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const a = e || s.getActiveObject();
-    if (!a || !(a instanceof y)) return;
-    const i = a.getObjects(), o = new J(i);
-    i.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
-      object: a,
-      group: o,
+    const { canvas: s, historyManager: a } = this.editor;
+    a.suspendHistory();
+    const n = e || s.getActiveObject();
+    if (!n || !(n instanceof y)) return;
+    const o = n.getObjects(), i = new J(o);
+    o.forEach((c) => s.remove(c)), i.set("id", `${i.type}-${v()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
+      object: n,
+      group: i,
       withoutSave: t
     });
   }
@@ -2697,23 +2978,23 @@ class gt {
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n } = this.editor;
-    n.suspendHistory();
-    const a = e || s.getActiveObject();
-    if (!(a instanceof J)) return;
-    const i = a.removeAll();
-    s.remove(a), i.forEach((d) => s.add(d));
-    const o = new y(i, {
+    const { canvas: s, historyManager: a } = this.editor;
+    a.suspendHistory();
+    const n = e || s.getActiveObject();
+    if (!(n instanceof J)) return;
+    const o = n.removeAll();
+    s.remove(n), o.forEach((c) => s.add(c));
+    const i = new y(o, {
       canvas: s
     });
-    s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
-      object: a,
-      selection: o,
+    s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-ungrouped", {
+      object: n,
+      selection: i,
       withoutSave: t
     });
   }
 }
-class ut {
+class ft {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2724,11 +3005,11 @@ class ut {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const n = t.getObjects(), a = n.some((o) => o.locked), i = n.length > 1 ? new y(t.getObjects(), { canvas: e }) : n[0];
-    a && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(i), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: i });
+    const a = t.getObjects(), n = a.some((i) => i.locked), o = a.length > 1 ? new y(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 });
   }
 }
-class Mt {
+class mt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2743,20 +3024,20 @@ class Mt {
     objects: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: n, groupingManager: a } = this.editor, i = (e || s.getActiveObjects()).filter((o) => !o.locked);
-    i != null && i.length && (n.suspendHistory(), i.forEach((o) => {
-      if (o.type === "group" && o.format !== "svg") {
-        a.ungroup({ object: o, withoutSave: t }), this.deleteSelectedObjects();
+    const { canvas: s, historyManager: a, groupingManager: n } = this.editor, o = (e || s.getActiveObjects()).filter((i) => !i.locked);
+    o != null && o.length && (a.suspendHistory(), o.forEach((i) => {
+      if (i.type === "group" && i.format !== "svg") {
+        n.ungroup({ object: i, withoutSave: t }), this.deleteSelectedObjects();
         return;
       }
-      s.remove(o);
-    }), s.discardActiveObject(), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-deleted", {
-      objects: i,
+      s.remove(i);
+    }), s.discardActiveObject(), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-deleted", {
+      objects: o,
       withoutSave: t
     }));
   }
 }
-const mt = {
+const bt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2832,9 +3113,30 @@ const mt = {
   HISTORY_MANAGER: {
     UNDO_ERROR: "UNDO_ERROR",
     REDO_ERROR: "REDO_ERROR"
+  },
+  /**
+   * Коды ошибок и предупреждений для BackgroundManager.
+   */
+  BACKGROUND_MANAGER: {
+    /**
+     * Ошибка создания фона.
+     */
+    BACKGROUND_CREATION_FAILED: "BACKGROUND_CREATION_FAILED",
+    /**
+     * Ошибка удаления фона.
+     */
+    BACKGROUND_REMOVAL_FAILED: "BACKGROUND_REMOVAL_FAILED",
+    /**
+     * Предупреждение об отсутствии фона для удаления.
+     */
+    NO_BACKGROUND_TO_REMOVE: "NO_BACKGROUND_TO_REMOVE",
+    /**
+     * Ошибка парсинга градиента.
+     */
+    INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class Q {
+class K {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -2860,24 +3162,24 @@ class Q {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: a }) {
-    if (!Q.isValidErrorCode(s)) {
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: n }) {
+    if (!K.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
     if (!s) return;
-    const i = a || s;
-    console.error(`${e}. ${t}. ${s}. ${i}`, n);
-    const o = {
+    const o = n || s;
+    console.error(`${e}. ${t}. ${s}. ${o}`, a);
+    const i = {
       code: s,
       origin: e,
       method: t,
-      message: i,
-      data: n
+      message: o,
+      data: a
     };
     this._buffer.push(p({
       type: "editor:error"
-    }, o)), this.editor.canvas.fire("editor:error", o);
+    }, i)), this.editor.canvas.fire("editor:error", i);
   }
   /**
    * Эмитит предупреждение через fabricjs
@@ -2889,23 +3191,23 @@ class Q {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: a }) {
-    if (!Q.isValidErrorCode(s)) {
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: n }) {
+    if (!K.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
-    const i = n || s;
-    console.warn(`${e}. ${t}. ${s}. ${i}`, a);
-    const o = {
+    const o = a || s;
+    console.warn(`${e}. ${t}. ${s}. ${o}`, n);
+    const i = {
       code: s,
       origin: e,
       method: t,
-      message: i,
-      data: a
+      message: o,
+      data: n
     };
     this._buffer.push(p({
       type: "editor:warning"
-    }, o)), this.editor.canvas.fire("editor:warning", o);
+    }, i)), this.editor.canvas.fire("editor:warning", i);
   }
   /**
    * Проверяет, является ли код ошибки или предупреждения допустимым
@@ -2913,7 +3215,7 @@ class Q {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(mt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(bt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
 class ie {
@@ -2923,7 +3225,7 @@ class ie {
    * @param options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${v()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -2931,29 +3233,29 @@ class ie {
    * @fires editor:ready
    */
   init() {
-    return j(this, null, function* () {
+    return b(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
         canvasWrapperWidth: s,
-        canvasWrapperHeight: n,
-        canvasCSSWidth: a,
-        canvasCSSHeight: i,
-        initialImage: o,
-        initialStateJSON: d,
-        scaleType: c,
+        canvasWrapperHeight: a,
+        canvasCSSWidth: n,
+        canvasCSSHeight: o,
+        initialImage: i,
+        initialStateJSON: c,
+        scaleType: d,
         _onReadyCallback: h
       } = this.options;
-      if (We.apply(), this.canvas = new Ee(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new _e(), this.errorManager = new Q({ editor: this }), this.historyManager = new et({ editor: this }), this.toolbar = new qe({ editor: this }), this.transformManager = new ct({ editor: this }), this.canvasManager = new rt({ editor: this }), this.imageManager = new E({ editor: this }), this.layerManager = new G({ editor: this }), this.shapeManager = new lt({ editor: this }), this.interactionBlocker = new dt({ editor: this }), this.clipboardManager = new ht({ editor: this }), this.objectLockManager = new X({ editor: this }), this.groupingManager = new gt({ editor: this }), this.selectionManager = new ut({ editor: this }), this.deletionManager = new Mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(i), o != null && o.source) {
+      if (Ve.apply(), this.canvas = new Te(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new Ue(), this.errorManager = new K({ editor: this }), this.historyManager = new st({ editor: this }), this.toolbar = new tt({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new X({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new R({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new Q({ editor: this }), this.groupingManager = new Mt({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(o), i != null && i.source) {
         const {
           source: l,
-          scale: g = `image-${c}`,
+          scale: g = `image-${d}`,
           withoutSave: M = !0
-        } = o;
+        } = i;
         yield this.imageManager.importImage({ source: l, scale: g, withoutSave: M });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      d && this.historyManager.loadStateFromFullState(d), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
+      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
     });
   }
   /**
@@ -3023,7 +3325,7 @@ class ie {
     });
   }
 }
-const ft = {
+const jt = {
   /**
    * Опции редактора
    */
@@ -3112,18 +3414,18 @@ const ft = {
   resetObjectFitByDoubleClick: !0,
   keyboardIgnoreSelectors: []
 };
-function At(r, e = {}) {
-  const t = p(p({}, ft), e), s = document.getElementById(r);
+function St(r, e = {}) {
+  const t = p(p({}, jt), e), s = document.getElementById(r);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
-  const n = document.createElement("canvas");
-  return n.id = `${r}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((a) => {
-    t._onReadyCallback = a;
-    const i = new ie(n.id, t);
-    window[r] = i;
+  const a = document.createElement("canvas");
+  return a.id = `${r}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((n) => {
+    t._onReadyCallback = n;
+    const o = new ie(a.id, t);
+    window[r] = o;
   });
 }
 export {
-  At as default
+  St as default
 };
 //# sourceMappingURL=main.js.map