@anu3ev/fabric-image-editor 0.1.73 → 0.1.74

package/dist/main.js

@@ -1,25 +1,25 @@
-var Ie = Object.defineProperty, ve = Object.defineProperties;
-var Ae = Object.getOwnPropertyDescriptors;
-var Y = Object.getOwnPropertySymbols;
+var ve = Object.defineProperty, Ae = Object.defineProperties;
+var Ce = Object.getOwnPropertyDescriptors;
+var W = Object.getOwnPropertySymbols;
 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) => {
+var le = (r, e, t) => e in r ? ve(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e) => {
   for (var t in e || (e = {}))
     he.call(e, t) && le(r, t, e[t]);
-  if (Y)
-    for (var t of Y(e))
+  if (W)
+    for (var t of W(e))
       ge.call(e, t) && le(r, t, e[t]);
   return r;
-}, ue = (r, e) => ve(r, Ae(e));
-var W = (r, e) => {
+}, ue = (r, e) => Ae(r, Ce(e));
+var F = (r, e) => {
   var t = {};
   for (var s in r)
     he.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
-  if (r != null && Y)
-    for (var s of Y(r))
+  if (r != null && W)
+    for (var s of W(r))
       e.indexOf(s) < 0 && ge.call(r, s) && (t[s] = r[s]);
   return t;
 };
-var b = (r, e, t) => new Promise((s, a) => {
+var y = (r, e, t) => new Promise((s, a) => {
   var n = (c) => {
     try {
       i(t.next(c));
@@ -35,15 +35,15 @@ var b = (r, e, t) => new Promise((s, a) => {
   }, 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 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 { ActiveSelection as v, util as P, controlsUtils as Se, InteractiveFabricObject as Ee, loadSVGFromURL as De, FabricImage as z, Point as G, Gradient as Me, Rect as Ne, Circle as Oe, Triangle as Le, Group as q, Canvas as we, Pattern as Te } from "fabric";
 import { create as ke } from "jsondiffpatch";
 import Be from "diff-match-patch";
-var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", v = function() {
+var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += _e[s[e] & 63];
   return t;
 };
-class Z {
+class Y {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -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.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = Y.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 = Y.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Y.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -98,7 +98,7 @@ class Z {
       if (a.length === 1)
         this.canvas.setActiveObject(a[0]);
       else {
-        const o = new y(a, {
+        const o = new v(a, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(o);
@@ -106,7 +106,7 @@ class Z {
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new y(e, {
+    const n = new v(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
@@ -175,7 +175,7 @@ class Z {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return b(this, null, function* () {
+    return y(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()));
     });
@@ -220,7 +220,7 @@ class Z {
     if (a || n) return;
     this.isSpacePressed = !0, e.preventDefault();
     const o = t.getActiveObject() || null;
-    o instanceof y ? this.savedSelection = o.getObjects().slice() : o && (this.savedSelection = [o]), t.discardActiveObject(), t.set({
+    o instanceof v ? this.savedSelection = o.getObjects().slice() : o && (this.savedSelection = [o]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((i) => {
@@ -259,7 +259,7 @@ class Z {
       t.setActiveObject(e[0]);
       return;
     }
-    const a = e.filter((o) => s.canvasManager.getObjects().includes(o)), n = new y(a, { canvas: t });
+    const a = e.filter((o) => s.canvasManager.getObjects().includes(o)), n = new v(a, { canvas: t });
     t.setActiveObject(n);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -432,7 +432,7 @@ class Ue {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(e, t, s = []) {
-    const a = `${e}:${v(8)}`;
+    const a = `${e}:${A(8)}`;
     return new Promise((n, o) => {
       this._callbacks.set(a, { resolve: n, reject: o }), this.worker.postMessage({ action: e, payload: t, requestId: a }, s);
     });
@@ -444,50 +444,50 @@ class Ue {
     this.worker.terminate();
   }
 }
-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 = 12, He = 2, ee = 8, te = 20, ze = 100, se = 20, ae = 8, Ze = 100, X = 32, ne = 1, Ye = "#2B2D33", oe = "#3D8BF4", ie = "#FFFFFF";
+function V(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 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();
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -n / 2, n, n, 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 n = ee, o = te, i = ze;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
+}
+function me(r, e, t, s, a) {
+  const n = se, o = ae, i = Ze;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = ie, r.strokeStyle = oe, r.lineWidth = ne, r.beginPath(), r.roundRect(-n / 2, -o / 2, n, o, i), r.fill(), r.stroke(), r.restore();
 }
-const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", je = new Image();
-je.src = Ye;
+const Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ye = new Image();
+ye.src = Pe;
 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 o = X / 2;
+  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = Ye, r.beginPath(), r.arc(0, 0, o, 0, 2 * Math.PI), r.fill(), r.drawImage(ye, -o / 2, -o / 2, o, o), r.restore();
 }
 const Fe = {
   // Угловые точки
   tl: {
-    render: F,
+    render: V,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: F,
+    render: V,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: F,
+    render: V,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: F,
+    render: V,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
@@ -495,46 +495,46 @@ const Fe = {
   },
   // Середина вертикалей
   ml: {
-    render: Me,
-    sizeX: q,
-    sizeY: ee,
+    render: fe,
+    sizeX: ee,
+    sizeY: te,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: Me,
-    sizeX: q,
-    sizeY: ee,
+    render: fe,
+    sizeX: ee,
+    sizeY: te,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: fe,
-    sizeX: te,
-    sizeY: se,
+    render: me,
+    sizeX: se,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: fe,
-    sizeX: te,
-    sizeY: se,
+    render: me,
+    sizeX: se,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: We,
-    sizeX: G,
-    sizeY: G,
+    sizeX: X,
+    sizeY: X,
     offsetX: 0,
-    offsetY: -G
+    offsetY: -X
   }
 };
 class Ve {
   static apply() {
-    const e = Ce.createObjectDefaultControls();
+    const e = Se.createObjectDefaultControls();
     Object.entries(Fe).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
@@ -546,10 +546,10 @@ class Ve {
         var h;
         (h = o.target.canvas) == null || h.setCursor("grabbing");
       });
-    }), Se.ownDefaults.controls = e;
+    }), Ee.ownDefaults.controls = e;
   }
 }
-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 = {
+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",
@@ -626,7 +626,7 @@ const Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     sendBackwards: $e
   },
   handlers: {
-    copyPaste: (r) => b(null, null, function* () {
+    copyPaste: (r) => y(null, null, function* () {
       r.clipboardManager.copyPaste();
     }),
     delete: (r) => {
@@ -659,11 +659,11 @@ class tt {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    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 || {}),
-      handlers: p(p({}, z.handlers), e.handlers || {})
+    this.config = ue(I(I({}, Z), e), {
+      style: I(I({}, Z.style), e.style || {}),
+      btnStyle: I(I({}, Z.btnStyle), e.btnStyle || {}),
+      icons: I(I({}, Z.icons), e.icons || {}),
+      handlers: I(I({}, Z.handlers), e.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
       this.el.style.display = "none";
     }, this._createDOM(), this._bindEvents();
@@ -754,10 +754,10 @@ class tt {
     }
     const { el: t, config: s, canvas: a } = this;
     e.setCoords();
-    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;
+    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, u = s.offsetTop || 0, f = (d + h) * n + i + u;
     Object.assign(t.style, {
       left: `${g}px`,
-      top: `${m}px`,
+      top: `${f}px`,
       display: "flex"
     });
   }
@@ -873,7 +873,7 @@ class st {
       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: 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);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: A(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Функция загрузки состояния в канвас.
@@ -881,7 +881,7 @@ class st {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
       const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: n } = this.editor, { width: o, height: i } = t;
@@ -906,7 +906,7 @@ class st {
    * @fires editor:undo
    */
   undo() {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -943,7 +943,7 @@ class st {
    * @fires editor:redo
    */
   redo() {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -976,7 +976,7 @@ class st {
     });
   }
 }
-const at = 0.1, nt = 2, ot = 0.1, it = 90, U = 16, H = 16, T = 4096, w = 4096, me = "application/image-editor:";
+const at = 0.1, nt = 2, ot = 0.1, it = 90, R = 16, U = 16, w = 4096, T = 4096, be = "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();
@@ -994,83 +994,114 @@ class O {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
         withoutSave: a = !1,
-        fromClipboard: n = !1
+        fromClipboard: n = !1,
+        isBackground: o = !1,
+        withoutSelection: i = !1
       } = e;
       if (!t) return null;
-      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 f = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return h.emitError({
+      const { canvas: c, montageArea: d, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), f = O.getFormatFromContentType(u), { acceptContentTypes: m, acceptFormats: M } = this;
+      if (!this.isAllowedContentType(u)) {
+        const j = `Неверный contentType для изображения: ${u}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: f,
-          data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: m, fromClipboard: n }
+          message: j,
+          data: {
+            source: t,
+            format: f,
+            contentType: u,
+            acceptContentTypes: m,
+            acceptFormats: M,
+            fromClipboard: n,
+            isBackground: o,
+            withoutSelection: i
+          }
         }), null;
       }
-      d.suspendHistory();
+      l.suspendHistory();
       try {
-        let f, u;
+        let j, b;
         if (t instanceof File)
-          f = URL.createObjectURL(t);
+          j = URL.createObjectURL(t);
         else if (typeof t == "string") {
           const E = yield (yield fetch(t, { mode: "cors" })).blob();
-          f = URL.createObjectURL(E);
+          j = URL.createObjectURL(E);
         } else
-          return h.emitError({
+          return g.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-            data: { source: t, format: g, contentType: l, acceptContentTypes: M, acceptFormats: m, fromClipboard: n }
+            data: {
+              source: t,
+              format: f,
+              contentType: u,
+              acceptContentTypes: m,
+              acceptFormats: M,
+              fromClipboard: n,
+              isBackground: o,
+              withoutSelection: i
+            }
           }), null;
-        if (this._createdBlobUrls.push(f), g === "svg") {
-          const A = yield Ee(f);
-          u = P.groupSVGElements(A.objects, A.options);
+        if (this._createdBlobUrls.push(j), f === "svg") {
+          const C = yield De(j);
+          b = P.groupSVGElements(C.objects, C.options);
         } else
-          u = yield x.fromURL(f, { crossOrigin: "anonymous" });
-        const { width: j, height: C } = u;
-        if (u instanceof x) {
-          const A = u.getElement();
+          b = yield z.fromURL(j, { crossOrigin: "anonymous" });
+        const { width: S, height: k } = b;
+        if (b instanceof z) {
+          const C = b.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 (C instanceof HTMLImageElement ? E = C.src : C instanceof HTMLCanvasElement && (E = C.toDataURL()), k > T || S > w) {
+            const L = yield this.resizeImageToBoundaries(E, "max"), p = URL.createObjectURL(L);
+            this._createdBlobUrls.push(p), b = yield z.fromURL(p, { crossOrigin: "anonymous" });
+          } else if (k < U || S < R) {
+            const L = yield this.resizeImageToBoundaries(E, "min"), p = URL.createObjectURL(L);
+            this._createdBlobUrls.push(p), b = yield z.fromURL(p, { crossOrigin: "anonymous" });
           }
         }
-        if (u.set("id", `${u.type}-${v()}`), u.set("format", g), s === "scale-montage")
-          this.editor.canvasManager.scaleMontageAreaToImage({ object: u, withoutSave: !0 });
+        if (b.set("id", `${b.type}-${A()}`), b.set("format", f), s === "scale-montage")
+          this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          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 });
+          const { width: C, height: E } = d, L = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && L < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || k > E) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
-        o.add(u), o.centerObject(u), o.setActiveObject(u), o.renderAll(), d.resumeHistory(), a || d.saveState();
-        const S = {
-          image: u,
-          format: g,
-          contentType: l,
+        c.add(b), c.centerObject(b), i || c.setActiveObject(b), c.renderAll(), l.resumeHistory(), a || l.saveState();
+        const H = {
+          image: b,
+          format: f,
+          contentType: u,
           scale: s,
           withoutSave: a,
           source: t,
-          fromClipboard: n
+          fromClipboard: n,
+          isBackground: o,
+          withoutSelection: i
         };
-        return o.fire("editor:image-imported", S), S;
-      } catch (f) {
-        return h.emitError({
+        return c.fire("editor:image-imported", H), H;
+      } catch (j) {
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${f.message}`,
-          data: { source: t, format: g, contentType: l, scale: s, withoutSave: a, fromClipboard: n }
-        }), d.resumeHistory(), null;
+          message: `Ошибка импорта изображения: ${j.message}`,
+          data: {
+            source: t,
+            format: f,
+            contentType: u,
+            scale: s,
+            withoutSave: a,
+            fromClipboard: n,
+            isBackground: o,
+            withoutSelection: i
+          }
+        }), l.resumeHistory(), null;
       }
     });
   }
@@ -1083,16 +1114,16 @@ class O {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return b(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${T}x${w}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${U}x${H}`);
+    return y(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${w}x${T}`;
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${R}x${U}`);
       const a = {
         dataURL: e,
         sizeType: t,
-        maxWidth: T,
-        maxHeight: w,
-        minWidth: U,
-        minHeight: H
+        maxWidth: w,
+        maxHeight: T,
+        minWidth: R,
+        minHeight: U
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1115,7 +1146,7 @@ class O {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return b(this, arguments, function* (e = {}) {
+    return y(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
@@ -1125,16 +1156,16 @@ class O {
       try {
         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 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 { left: g, top: u, width: f, height: m } = i.getBoundingRect(), M = yield o.clone(["id", "format", "locked"]);
+        M.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (M.backgroundColor = "#ffffff");
+        const j = M.getObjects().find((p) => p.id === i.id);
+        j && (j.visible = !1), M.viewportTransform = [1, 0, 0, 1, -g, -u], M.setDimensions({ width: f, height: m }, { backstoreOnly: !0 }), M.renderAll();
+        const b = M.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
+        if (l === "svg" && b) {
+          const p = M.toSVG();
+          M.dispose();
           const D = {
-            image: O._exportSVGStringAsFile(I, {
+            image: O._exportSVGStringAsFile(p, {
               exportAsBase64: a,
               exportAsBlob: n,
               fileName: t
@@ -1145,42 +1176,42 @@ class O {
           };
           return o.fire("editor:canvas-exported", D), D;
         }
-        const S = yield new Promise((I, B) => {
-          u.getElement().toBlob((D) => {
-            D ? I(D) : B(new Error("Failed to create Blob from canvas"));
+        const S = yield new Promise((p, B) => {
+          M.getElement().toBlob((D) => {
+            D ? p(D) : B(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (u.dispose(), n) {
-          const I = {
+        if (M.dispose(), n) {
+          const p = {
             image: S,
             format: l,
             contentType: h,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", I), I;
+          return o.fire("editor:canvas-exported", p), p;
         }
-        const A = yield createImageBitmap(S), E = yield c.post(
+        const k = yield createImageBitmap(S), H = yield c.post(
           "toDataURL",
-          { format: l, quality: 1, bitmap: A },
-          [A]
+          { format: l, quality: 1, bitmap: k },
+          [k]
         );
         if (d) {
-          const B = m * 0.264583, D = f * 0.264583, pe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, $ = new pe({
+          const B = f * 0.264583, D = m * 0.264583, pe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, J = new pe({
             orientation: B > D ? "landscape" : "portrait",
             unit: "mm",
             format: [B, D]
           });
-          if ($.addImage(String(E), "JPG", 0, 0, B, D), a) {
+          if (J.addImage(String(H), "JPG", 0, 0, B, D), a) {
             const de = {
-              image: $.output("datauristring"),
+              image: J.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
             return o.fire("editor:canvas-exported", de), de;
           }
-          const ye = $.output("blob"), ce = {
-            image: new File([ye], t, { type: "application/pdf" }),
+          const Ie = J.output("blob"), ce = {
+            image: new File([Ie], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
@@ -1188,21 +1219,21 @@ class O {
           return o.fire("editor:canvas-exported", ce), ce;
         }
         if (a) {
-          const I = {
-            image: E,
+          const p = {
+            image: H,
             format: l,
             contentType: h,
             fileName: t
           };
-          return o.fire("editor:canvas-exported", I), I;
+          return o.fire("editor:canvas-exported", p), p;
         }
-        const L = l === "svg" && !C ? t.replace(/\.[^/.]+$/, ".png") : t, re = {
-          image: new File([S], L, { type: h }),
+        const C = l === "svg" && !b ? t.replace(/\.[^/.]+$/, ".png") : t, L = {
+          image: new File([S], C, { type: h }),
           format: l,
           contentType: h,
-          fileName: L
+          fileName: C
         };
-        return o.fire("editor:canvas-exported", re), re;
+        return o.fire("editor:canvas-exported", L), L;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1226,7 +1257,7 @@ class O {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return b(this, arguments, function* (e = {}) {
+    return y(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
@@ -1245,31 +1276,31 @@ class O {
       try {
         const h = O.getFormatFromContentType(a);
         if (h === "svg") {
-          const f = d.toSVG(), u = O._exportSVGStringAsFile(f, {
+          const m = d.toSVG(), M = O._exportSVGStringAsFile(m, {
             exportAsBase64: n,
             exportAsBlob: o,
             fileName: s
           }), j = {
             object: d,
-            image: u,
+            image: M,
             format: h,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
           return i.fire("editor:object-exported", j), j;
         }
-        if (n && d instanceof x) {
-          const f = yield createImageBitmap(d.getElement()), u = yield c.post(
+        if (n && d instanceof z) {
+          const m = yield createImageBitmap(d.getElement()), M = yield c.post(
             "toDataURL",
             {
               format: h,
               quality: 1,
-              bitmap: f
+              bitmap: m
             },
-            [f]
+            [m]
           ), j = {
             object: d,
-            image: u,
+            image: M,
             format: h,
             contentType: a,
             fileName: s
@@ -1278,29 +1309,29 @@ class O {
         }
         const l = d.toCanvasElement({
           enableRetinaScaling: !1
-        }), g = yield new Promise((f, u) => {
+        }), g = yield new Promise((m, M) => {
           l.toBlob((j) => {
-            j ? f(j) : u(new Error("Failed to create Blob from canvas"));
+            j ? m(j) : M(new Error("Failed to create Blob from canvas"));
           });
         });
         if (o) {
-          const f = {
+          const m = {
             object: d,
             image: g,
             format: h,
             contentType: a,
             fileName: s
           };
-          return i.fire("editor:object-exported", f), f;
+          return i.fire("editor:object-exported", m), m;
         }
-        const M = new File([g], s, { type: a }), m = {
+        const u = new File([g], s, { type: a }), f = {
           object: d,
-          image: M,
+          image: u,
           format: h,
           contentType: a,
           fileName: s
         };
-        return i.fire("editor:object-exported", m), m;
+        return i.fire("editor:object-exported", f), f;
       } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1339,7 +1370,7 @@ class O {
    * @public
    */
   getContentType(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1350,7 +1381,7 @@ class O {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1429,7 +1460,7 @@ class O {
     return t ? t[1] : "";
   }
 }
-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);
+const _ = (r, e, t) => Math.max(Math.min(r, t), e), je = (r, e) => r * e, rt = (r, e) => new G(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";
 }
@@ -1458,20 +1489,20 @@ class dt {
    * @fires editor:resolution-width-changed
    */
   setResolutionWidth(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var m;
+    var f;
     if (!e) return;
     const {
       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);
+    } = this.editor, { width: c, height: d } = o, h = _(Number(e), R, w);
+    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), o.set({ width: h }), (f = n.clipPath) == null || f.set({ width: h }), t) {
+      const m = h / c, M = je(d, m);
+      this.setResolutionHeight(M);
       return;
     }
-    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", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(o), u = n.getZoom();
+    n.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
       width: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1488,20 +1519,20 @@ class dt {
    * @fires editor:resolution-height-changed
    */
   setResolutionHeight(e, { preserveProportional: t, withoutSave: s, adaptCanvasToContainer: a } = {}) {
-    var m;
+    var f;
     if (!e) return;
     const {
       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);
+    } = this.editor, { width: c, height: d } = o, h = _(Number(e), U, T);
+    if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), o.set({ height: h }), (f = n.clipPath) == null || f.set({ height: h }), t) {
+      const m = h / d, M = je(c, m);
+      this.setResolutionWidth(M);
       return;
     }
-    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", {
+    const { left: l, top: g } = this.getObjectDefaultCoords(o), u = n.getZoom();
+    n.setViewportTransform([u, 0, 0, u, l, g]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
       height: h,
       preserveProportional: t,
       withoutSave: s,
@@ -1547,7 +1578,7 @@ class dt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, U, T);
+    const t = _(e, R, w);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1556,7 +1587,7 @@ class dt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, H, w);
+    const t = _(e, U, T);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1565,7 +1596,7 @@ class dt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = _(s, U, T), o = _(a, H, w);
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = _(s, R, w), o = _(a, U, T);
     e.setDimensions({ width: n, height: o }, { backstoreOnly: !0 });
   }
   /**
@@ -1599,7 +1630,7 @@ class dt {
         if (h.length === 1)
           e.setActiveObject(h[0]);
         else {
-          const l = new y(h, {
+          const l = new v(h, {
             canvas: e
           });
           e.setActiveObject(l);
@@ -1767,18 +1798,18 @@ class dt {
     } = 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);
+    let g = Math.min(h, w), u = Math.min(l, T);
     if (t) {
       const {
-        width: m,
-        height: f
-      } = n, u = h / m, j = l / f, C = Math.max(u, j);
-      g = m * C, M = f * C;
+        width: f,
+        height: m
+      } = n, M = h / f, j = l / m, b = Math.max(M, j);
+      g = f * b, u = m * b;
     }
-    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", {
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { 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,
+      height: u,
       preserveAspectRatio: t,
       withoutSave: s
     });
@@ -1850,9 +1881,9 @@ class lt {
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
   zoom(e = ot, t = {}) {
-    var g, M;
+    var g, u;
     if (!e) return;
-    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);
+    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 = (u = t.pointY) != null ? u : i.y, h = new G(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(),
@@ -1866,7 +1897,7 @@ class lt {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, n = new V(a.getCenterPoint());
+    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, n = new G(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(),
@@ -1879,7 +1910,7 @@ class lt {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new V(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new G(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -1942,7 +1973,7 @@ class lt {
     withoutSave: s
   } = {}) {
     const { canvas: a, historyManager: n } = this.editor, o = e || a.getActiveObject();
-    o && (o instanceof y ? o.getObjects().forEach((i) => {
+    o && (o instanceof v ? 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,
@@ -1969,12 +2000,12 @@ class lt {
   } = {}) {
     const { canvas: n, historyManager: o } = this.editor, i = e || n.getActiveObject();
     if (i) {
-      if (i instanceof y && !a) {
+      if (i instanceof v && !a) {
         const c = i.getObjects();
         n.discardActiveObject(), c.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const d = new y(c, { canvas: n });
+        const d = new v(c, { canvas: n });
         n.setActiveObject(d);
       } else
         this._fitSingleObject(i, t);
@@ -1993,9 +2024,9 @@ class lt {
    * @private
    */
   _fitSingleObject(e, t) {
-    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;
+    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, u = Math.abs(Math.cos(g)), f = Math.abs(Math.sin(g)), m = h * u + l * f, M = h * f + l * u, j = a.width, b = a.height;
     let S;
-    t === "contain" ? S = Math.min(j / f, C / u) : S = Math.max(j / f, C / u), e.set({
+    t === "contain" ? S = Math.min(j / m, b / M) : S = Math.max(j / m, b / M), e.set({
       scaleX: i * S,
       scaleY: c * S
     }), s.centerObject(e);
@@ -2034,11 +2065,11 @@ class lt {
     }), t)
       this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: g } = n, { width: M, height: m } = d, f = o.calculateScaleFactor({
+      const { width: l, height: g } = n, { width: u, height: f } = d, m = o.calculateScaleFactor({
         imageObject: d,
         scaleType: c
       });
-      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 === "contain" && m < 1 || c === "cover" && (u > l || f > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
     }
     d.set({ flipX: !1, flipY: !1, angle: 0 }), a.centerObject(d), a.renderAll(), i.resumeHistory(), s || i.saveState(), a.fire("editor:object-reset", {
       object: d,
@@ -2104,7 +2135,7 @@ class ht {
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class R {
+class x {
   constructor({ editor: e }) {
     this.editor = e, this.backgroundObject = null;
   }
@@ -2125,7 +2156,7 @@ class R {
           s.resumeHistory();
           return;
         }
-        a.set({ fill: e }), a.set("backgroundId", `background-${v()}`), this.editor.canvas.requestRenderAll();
+        a.set({ fill: e }), a.set("backgroundId", `background-${A()}`), 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();
@@ -2152,12 +2183,12 @@ class R {
     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)) {
+        const n = x._createFabricGradient(e);
+        if (x._isGradientEqual(a.fill, n)) {
           s.resumeHistory();
           return;
         }
-        a.set({ fill: n }), a.set("backgroundId", `background-${v()}`), this.editor.canvas.requestRenderAll();
+        a.set({ fill: n }), a.set("backgroundId", `background-${A()}`), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(e);
       this.editor.canvas.fire("background:changed", {
@@ -2174,6 +2205,58 @@ class R {
       });
     }
   }
+  /**
+   * Устанавливает линейный градиентный фон.
+   * @param options - Опции для установки линейного градиента
+   */
+  setLinearGradientBackground({
+    angle: e,
+    startColor: t,
+    endColor: s,
+    startPosition: a,
+    endPosition: n,
+    withoutSave: o = !1
+  }) {
+    this.setGradientBackground({
+      gradient: {
+        type: "linear",
+        angle: e,
+        startColor: t,
+        endColor: s,
+        startPosition: a,
+        endPosition: n
+      },
+      withoutSave: o
+    });
+  }
+  /**
+   * Устанавливает радиальный градиентный фон.
+   * @param options - Опции для установки радиального градиента
+   */
+  setRadialGradientBackground({
+    centerX: e,
+    centerY: t,
+    radius: s,
+    startColor: a,
+    endColor: n,
+    startPosition: o,
+    endPosition: i,
+    withoutSave: c = !1
+  }) {
+    this.setGradientBackground({
+      gradient: {
+        type: "radial",
+        centerX: e,
+        centerY: t,
+        radius: s,
+        startColor: a,
+        endColor: n,
+        startPosition: o,
+        endPosition: i
+      },
+      withoutSave: c
+    });
+  }
   /**
    * Устанавливает фон из изображения.
    * @param options - Опции для установки фонового изображения
@@ -2181,13 +2264,17 @@ class R {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(s) {
-    return b(this, arguments, function* ({
-      imageUrl: e,
+    return y(this, arguments, function* ({
+      imageSource: 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();
+        a.suspendHistory(), this._removeCurrentBackground(), yield this._createImageBackground(e), this.editor.canvas.fire("background:changed", {
+          type: "image",
+          imageSource: e,
+          backgroundObject: this.backgroundObject
+        }), a.resumeHistory(), t || a.saveState();
       } catch (a) {
         this.editor.errorManager.emitError({
           code: "BACKGROUND_CREATION_FAILED",
@@ -2233,11 +2320,9 @@ class R {
   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();
+    s.suspendHistory(), this.editor.transformManager.fitObject({ object: this.backgroundObject, withoutSave: !0, type: "cover" });
+    const a = e.getObjects(), n = a.indexOf(t), o = a.indexOf(this.backgroundObject);
+    this.backgroundObject && o !== n + 1 && e.moveObjectTo(this.backgroundObject, n + 1), e.requestRenderAll(), s.resumeHistory();
   }
   /**
    * Создает цветовой фон.
@@ -2252,8 +2337,8 @@ class R {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${v()}`
-    }, { withoutSelection: !0 }), this._setupBackgroundPosition();
+      backgroundId: `background-${A()}`
+    }, { withoutSelection: !0 }), this.refresh();
   }
   /**
    * Создает градиентный фон.
@@ -2269,44 +2354,38 @@ class R {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${v()}`
-    }, { withoutSelection: !0 }), this._setupBackgroundPosition();
-    const t = R._createFabricGradient(e);
+      backgroundId: `background-${A()}`
+    }, { withoutSelection: !0 }), this.refresh();
+    const t = x._createFabricGradient(e);
     this.backgroundObject.set("fill", t), this.editor.canvas.requestRenderAll();
   }
   /**
    * Создает фон из изображения.
-   * @param imageUrl - URL изображения
+   * @param source - источник изображения (URL или File)
    */
   _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);
-      });
+    return y(this, null, function* () {
+      var s;
+      const { image: t } = (s = yield this.editor.imageManager.importImage({
+        source: e,
+        withoutSave: !0,
+        isBackground: !0,
+        withoutSelection: !0,
+        scale: "image-cover"
+      })) != null ? s : {};
+      if (!t)
+        throw new Error("Не удалось загрузить изображение");
+      t.set({
+        selectable: !1,
+        evented: !1,
+        hasBorders: !1,
+        hasControls: !1,
+        id: "background",
+        backgroundType: "image",
+        backgroundId: `background-${A()}`
+      }), this.backgroundObject = t, this.refresh();
     });
   }
-  /**
-   * Настраивает позицию и размеры фона.
-   */
-  _setupBackgroundPosition() {
-    this.backgroundObject && this.refresh();
-  }
   /**
    * Удаляет текущий фон.
    */
@@ -2319,20 +2398,40 @@ class R {
    */
   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 }
+      startColor: t,
+      endColor: s,
+      startPosition: a = 0,
+      endPosition: n = 100
+    } = e, o = [
+      { offset: a / 100, color: t },
+      { offset: n / 100, color: s }
     ];
-    return new De({
-      type: "linear",
+    if (e.type === "linear") {
+      const l = e.angle * Math.PI / 180, g = x._angleToCoords(l);
+      return new Me({
+        type: "linear",
+        gradientUnits: "percentage",
+        coords: g,
+        colorStops: o
+      });
+    }
+    const {
+      centerX: i = 50,
+      centerY: c = 50,
+      radius: d = 50
+    } = e, h = {
+      x1: i / 100,
+      y1: c / 100,
+      x2: i / 100,
+      y2: c / 100,
+      r1: 0,
+      r2: d / 100
+    };
+    return new Me({
+      type: "radial",
       gradientUnits: "percentage",
-      coords: c,
-      colorStops: d
+      coords: h,
+      colorStops: o
     });
   }
   /**
@@ -2355,15 +2454,15 @@ class R {
    * @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];
+    if (!e || !t || e.type !== t.type) return !1;
+    const s = e.colorStops || [], a = t.colorStops || [];
+    return s.length !== a.length || !s.every((o, i) => {
+      const c = a[i];
       return o.color === c.color && Math.abs(o.offset - c.offset) < 1e-4;
-    });
+    }) ? !1 : e.type === "linear" && t.type === "linear" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 : e.type === "radial" && t.type === "radial" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 && Math.abs(e.coords.r1 - t.coords.r1) < 1e-4 && Math.abs(e.coords.r2 - t.coords.r2) < 1e-4 : !1;
   }
 }
-class X {
+class Q {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2378,7 +2477,7 @@ class X {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
     const n = e || s.getActiveObject();
-    n && (n instanceof y ? n.getObjects().forEach((o) => {
+    n && (n instanceof v ? n.getObjects().forEach((o) => {
       s.bringObjectToFront(o);
     }) : s.bringObjectToFront(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-to-front", {
       object: n,
@@ -2396,7 +2495,7 @@ class X {
     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", {
+    n && (n instanceof v ? Q._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
       object: n,
       withoutSave: t
     }));
@@ -2419,7 +2518,7 @@ class X {
     n.suspendHistory();
     const c = e || s.getActiveObject();
     if (c) {
-      if (c instanceof y) {
+      if (c instanceof v) {
         const d = c.getObjects();
         for (let h = d.length - 1; h >= 0; h -= 1)
           s.sendObjectToBack(d[h]);
@@ -2447,7 +2546,7 @@ class X {
     } = this.editor;
     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", {
+    c && (c instanceof v ? Q._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
     }));
@@ -2517,13 +2616,13 @@ class gt {
    */
   addRectangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
     var l = h, {
-      id: e = `rect-${v()}`,
+      id: e = `rect-${A()}`,
       left: t,
       top: s,
       width: a = 100,
       height: n = 100,
       fill: o = "blue"
-    } = l, i = W(l, [
+    } = l, i = F(l, [
       "id",
       "left",
       "top",
@@ -2531,7 +2630,7 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, M = new Ne(p({
+    const { canvas: g } = this.editor, u = new Ne(I({
       id: e,
       left: t,
       top: s,
@@ -2539,7 +2638,7 @@ class gt {
       height: n,
       fill: o
     }, i));
-    return !t && !s && g.centerObject(M), d || (g.add(M), c || g.setActiveObject(M), g.renderAll()), M;
+    return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2559,19 +2658,19 @@ class gt {
    */
   addCircle(d = {}, { withoutSelection: i, withoutAdding: c } = {}) {
     var h = d, {
-      id: e = `circle-${v()}`,
+      id: e = `circle-${A()}`,
       left: t,
       top: s,
       radius: a = 50,
       fill: n = "green"
-    } = h, o = W(h, [
+    } = h, o = F(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, g = new Oe(p({
+    const { canvas: l } = this.editor, g = new Oe(I({
       id: e,
       left: t,
       top: s,
@@ -2599,13 +2698,13 @@ class gt {
    */
   addTriangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
     var l = h, {
-      id: e = `triangle-${v()}`,
+      id: e = `triangle-${A()}`,
       left: t,
       top: s,
       width: a = 100,
       height: n = 100,
       fill: o = "yellow"
-    } = l, i = W(l, [
+    } = l, i = F(l, [
       "id",
       "left",
       "top",
@@ -2613,7 +2712,7 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, M = new Le(p({
+    const { canvas: g } = this.editor, u = new Le(I({
       id: e,
       left: t,
       top: s,
@@ -2621,7 +2720,7 @@ class gt {
       width: a,
       height: n
     }, i));
-    return !t && !s && g.centerObject(M), d || (g.add(M), c || g.setActiveObject(M), g.renderAll()), M;
+    return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
   }
 }
 class ut {
@@ -2652,7 +2751,7 @@ class ut {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: t, errorManager: s } = this.editor;
       try {
         const a = yield e.clone(["format"]);
@@ -2672,7 +2771,7 @@ class ut {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const { errorManager: t } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return t.emitWarning({
@@ -2699,7 +2798,7 @@ class ut {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(e, t) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       try {
         const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = a.slice(5).split(";")[0], o = a.split(",")[1], i = atob(o), c = new Uint8Array(i.length);
         for (let l = 0; l < i.length; l += 1)
@@ -2721,9 +2820,9 @@ class ut {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       try {
-        const t = `${me}${e}`;
+        const t = `${be}${e}`;
         return yield navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
       } catch (t) {
         const { errorManager: s } = this.editor;
@@ -2743,7 +2842,7 @@ class ut {
    */
   _addClonedObjectToCanvas(e) {
     const { canvas: t, historyManager: s } = this.editor;
-    if (t.discardActiveObject(), e instanceof y) {
+    if (t.discardActiveObject(), e instanceof v) {
       s.suspendHistory(), e.canvas = t, e.forEachObject((a) => {
         t.add(a);
       }), t.setActiveObject(e), t.requestRenderAll(), s.resumeHistory(), s.saveState();
@@ -2756,7 +2855,7 @@ class ut {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       var s;
       const { image: t } = (s = yield this.editor.imageManager.importImage({
         source: e,
@@ -2772,13 +2871,13 @@ class ut {
    * @fires editor:object-pasted
    */
   copyPaste(e) {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: t } = this.editor, s = e || t.getActiveObject();
       if (!s || s.locked) return !1;
       try {
         const a = yield s.clone(["format"]);
         return a.set({
-          id: `${a.type}-${v()}`,
+          id: `${a.type}-${A()}`,
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
@@ -2802,14 +2901,14 @@ class ut {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(t) {
-    return b(this, arguments, function* ({ clipboardData: e }) {
+    return y(this, arguments, function* ({ clipboardData: e }) {
       var c;
       if (!((c = e == null ? void 0 : e.items) != null && c.length)) {
         this.paste();
         return;
       }
       const s = e.getData("text/plain");
-      if (s && s.startsWith(me)) {
+      if (s && s.startsWith(be)) {
         this.paste();
         return;
       }
@@ -2853,13 +2952,13 @@ class ut {
    * @fires editor:object-pasted
    */
   paste() {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return !1;
       try {
         const t = yield this.clipboard.clone(["format"]);
         return e.discardActiveObject(), t.set({
-          id: `${t.type}-${v()}`,
+          id: `${t.type}-${A()}`,
           left: t.left + 10,
           top: t.top + 10,
           evented: !0
@@ -2877,7 +2976,7 @@ class ut {
     });
   }
 }
-class Q {
+class K {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2902,7 +3001,7 @@ class Q {
       lockSkewingY: !0,
       locked: !0
     };
-    o.set(i), !t && Q._isGroupOrSelection(o) && o.getObjects().forEach((d) => {
+    o.set(i), !t && K._isGroupOrSelection(o) && o.getObjects().forEach((d) => {
       d.set(i);
     }), a.renderAll(), s || n.saveState(), a.fire("editor:object-locked", {
       object: o,
@@ -2930,7 +3029,7 @@ class Q {
       lockSkewingY: !1,
       locked: !1
     };
-    n.set(o), Q._isGroupOrSelection(n) && n.getObjects().forEach((i) => {
+    n.set(o), K._isGroupOrSelection(n) && n.getObjects().forEach((i) => {
       i.set(o);
     }), s.renderAll(), t || a.saveState(), s.fire("editor:object-unlocked", {
       object: n,
@@ -2938,7 +3037,7 @@ class Q {
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof y || e instanceof J;
+    return e instanceof v || e instanceof q;
   }
 }
 class Mt {
@@ -2959,9 +3058,9 @@ class Mt {
     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", {
+    if (!n || !(n instanceof v)) return;
+    const o = n.getObjects(), i = new q(o);
+    o.forEach((c) => s.remove(c)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
       object: n,
       group: i,
       withoutSave: t
@@ -2981,10 +3080,10 @@ class Mt {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
     const n = e || s.getActiveObject();
-    if (!(n instanceof J)) return;
+    if (!(n instanceof q)) return;
     const o = n.removeAll();
     s.remove(n), o.forEach((c) => s.add(c));
-    const i = new y(o, {
+    const i = new v(o, {
       canvas: s
     });
     s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-ungrouped", {
@@ -3005,7 +3104,7 @@ class ft {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const a = t.getObjects(), n = a.some((i) => i.locked), o = a.length > 1 ? new y(t.getObjects(), { canvas: e }) : a[0];
+    const a = t.getObjects(), n = a.some((i) => i.locked), o = a.length > 1 ? new v(t.getObjects(), { canvas: e }) : a[0];
     n && s.lockObject({ object: o, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(o), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: o });
   }
 }
@@ -3136,7 +3235,7 @@ const bt = {
     INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class K {
+class $ {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3163,7 +3262,7 @@ class K {
    * @fires editor:error
    */
   emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: n }) {
-    if (!K.isValidErrorCode(s)) {
+    if (!$.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
@@ -3177,7 +3276,7 @@ class K {
       message: o,
       data: a
     };
-    this._buffer.push(p({
+    this._buffer.push(I({
       type: "editor:error"
     }, i)), this.editor.canvas.fire("editor:error", i);
   }
@@ -3192,7 +3291,7 @@ class K {
    * @fires editor:warning
    */
   emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: n }) {
-    if (!K.isValidErrorCode(s)) {
+    if (!$.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
@@ -3205,7 +3304,7 @@ class K {
       message: o,
       data: n
     };
-    this._buffer.push(p({
+    this._buffer.push(I({
       type: "editor:warning"
     }, i)), this.editor.canvas.fire("editor:warning", i);
   }
@@ -3218,14 +3317,14 @@ class K {
     return e ? Object.values(bt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ie {
+class re {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
    * @param options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t, this.containerId = e, this.editorId = `${e}-${v()}`, this.clipboard = null, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -3233,7 +3332,7 @@ class ie {
    * @fires editor:ready
    */
   init() {
-    return b(this, null, function* () {
+    return y(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -3246,13 +3345,13 @@ class ie {
         scaleType: d,
         _onReadyCallback: h
       } = this.options;
-      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) {
+      if (Ve.apply(), this.canvas = new we(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new Ue(), this.errorManager = new $({ 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 Q({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new x({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new K({ 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 Y({ 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-${d}`,
-          withoutSave: M = !0
+          withoutSave: u = !0
         } = i;
-        yield this.imageManager.importImage({ source: l, scale: g, withoutSave: M });
+        yield this.imageManager.importImage({ source: l, scale: g, withoutSave: u });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
       c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
@@ -3269,7 +3368,7 @@ class ie {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ie._createMosaicPattern(),
+      fill: re._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3319,7 +3418,7 @@ class ie {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const t = e.getContext("2d");
-    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new we({
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Te({
       source: e,
       repeat: "repeat"
     });
@@ -3415,13 +3514,13 @@ const jt = {
   keyboardIgnoreSelectors: []
 };
 function St(r, e = {}) {
-  const t = p(p({}, jt), e), s = document.getElementById(r);
+  const t = I(I({}, jt), e), s = document.getElementById(r);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   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);
+    const o = new re(a.id, t);
     window[r] = o;
   });
 }