npm - @anu3ev/fabric-image-editor - Versions diffs - 0.5.13 → 0.5.17 - Mend

@anu3ev/fabric-image-editor 0.5.13 → 0.5.17

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

Files changed (2) hide show

package/dist/main.js +832 -814
package/package.json +1 -1

package/dist/main.js CHANGED Viewed

@@ -19,23 +19,23 @@ var vt = (h, t) => {
       t.indexOf(s) < 0 && _e.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var k = (h, t, e) => new Promise((s, o) => {
-  var n = (r) => {
+var k = (h, t, e) => new Promise((s, n) => {
+  var o = (r) => {
     try {
       a(e.next(r));
     } catch (c) {
-      o(c);
+      n(c);
     }
   }, i = (r) => {
     try {
       a(e.throw(r));
     } catch (c) {
-      o(c);
+      n(c);
     }
-  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, i);
+  }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, i);
   a((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as U, Textbox as nt, util as dt, controlsUtils as xe, InteractiveFabricObject as Ne, Point as et, FitContentLayout as Be, loadSVGFromURL as hs, FabricImage as zt, Gradient as ke, Rect as us, Circle as gs, Triangle as fs, Group as Et, Color as ps, classRegistry as ze, loadSVGFromString as ms, Canvas as ys, Pattern as vs } from "fabric";
+import { ActiveSelection as U, Textbox as ot, util as dt, controlsUtils as xe, InteractiveFabricObject as Ne, Point as et, FitContentLayout as Be, loadSVGFromURL as hs, FabricImage as zt, Gradient as ke, Rect as us, Circle as gs, Triangle as fs, Group as Et, Color as ps, classRegistry as ze, loadSVGFromString as ms, Canvas as ys, Pattern as vs } from "fabric";
 import { create as bs } from "jsondiffpatch";
 import Ms from "diff-match-patch";
 var ws = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", V = function() {
@@ -71,15 +71,15 @@ class Ft {
       adaptCanvasToContainerOnResize: t,
       canvasDragging: e,
       mouseWheelZooming: s,
-      bringToFrontOnSelection: o,
-      copyObjectsByHotkey: n,
+      bringToFrontOnSelection: n,
+      copyObjectsByHotkey: o,
       pasteImageFromClipboard: i,
       undoRedoByHotKeys: a,
       selectAllByHotkey: r,
       deleteObjectsByHotkey: c,
       resetObjectFitByDoubleClick: d
     } = this.options;
-    e && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), o && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), d && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), t && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), n && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), a && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), r && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
+    e && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), d && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), t && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), o && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), i && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), a && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), r && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -89,16 +89,16 @@ class Ft {
    */
   _filterLockedSelection({ selected: t, e }) {
     if (!(t != null && t.length) || !(e instanceof MouseEvent) || t.length === 1) return;
-    const { lockedObjects: s, unlockedObjects: o } = t.reduce(
+    const { lockedObjects: s, unlockedObjects: n } = t.reduce(
       (i, a) => a.locked ? (i.lockedObjects.push(a), i) : (i.unlockedObjects.push(a), i),
       { lockedObjects: [], unlockedObjects: [] }
     );
     if (s.length === 0) return;
-    if (o.length > 0) {
-      if (o.length === 1)
-        this.canvas.setActiveObject(o[0]);
+    if (n.length > 0) {
+      if (n.length === 1)
+        this.canvas.setActiveObject(n[0]);
       else {
-        const i = new U(o, {
+        const i = new U(n, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(i);
@@ -106,14 +106,14 @@ class Ft {
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new U(t, {
+    const o = new U(t, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
-      object: n,
+      object: o,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), this.canvas.setActiveObject(n), this.canvas.requestRenderAll();
+    }), this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -157,8 +157,8 @@ class Ft {
    * @param event.code — код клавиши
    */
   handleCopyEvent(t) {
-    const { ctrlKey: e, metaKey: s, code: o } = t;
-    this._shouldIgnoreKeyboardEvent(t) || !e && !s || o !== "KeyC" || (t.preventDefault(), this.editor.clipboardManager.copy());
+    const { ctrlKey: e, metaKey: s, code: n } = t;
+    this._shouldIgnoreKeyboardEvent(t) || !e && !s || n !== "KeyC" || (t.preventDefault(), this.editor.clipboardManager.copy());
   }
   /**
    * Обработчик вставки объекта или изображения из буфера обмена.
@@ -176,8 +176,8 @@ class Ft {
    */
   handleUndoRedoEvent(t) {
     return k(this, null, function* () {
-      const { ctrlKey: e, metaKey: s, code: o, repeat: n } = t;
-      this._shouldIgnoreKeyboardEvent(t) || !e && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (o === "KeyZ" ? (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : o === "KeyY" && (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      const { ctrlKey: e, metaKey: s, code: n, repeat: o } = t;
+      this._shouldIgnoreKeyboardEvent(t) || !e && !s || o || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -197,8 +197,8 @@ class Ft {
    */
   handleSelectAllEvent(t) {
     if (this._shouldIgnoreKeyboardEvent(t)) return;
-    const { ctrlKey: e, metaKey: s, code: o } = t;
-    !e && !s || o !== "KeyA" || (t.preventDefault(), this.editor.selectionManager.selectAll());
+    const { ctrlKey: e, metaKey: s, code: n } = t;
+    !e && !s || n !== "KeyA" || (t.preventDefault(), this.editor.selectionManager.selectAll());
   }
   /**
    * Обработчик для удаления объектов (Delete или Backspace).
@@ -216,8 +216,8 @@ class Ft {
    */
   handleSpaceKeyDown(t) {
     if (t.code !== "Space" || this._shouldIgnoreKeyboardEvent(t)) return;
-    const { canvas: e, editor: s, isSpacePressed: o, isDragging: n } = this;
-    if (o || n) return;
+    const { canvas: e, editor: s, isSpacePressed: n, isDragging: o } = this;
+    if (n || o) return;
     this.isSpacePressed = !0, t.preventDefault();
     const i = e.getActiveObject() || null;
     i instanceof U ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), e.discardActiveObject(), e.set({
@@ -259,8 +259,8 @@ class Ft {
       e.setActiveObject(t[0]);
       return;
     }
-    const o = t.filter((i) => s.canvasManager.getObjects().includes(i)), n = new U(o, { canvas: e });
-    e.setActiveObject(n);
+    const n = t.filter((i) => s.canvasManager.getObjects().includes(i)), o = new U(n, { canvas: e });
+    e.setActiveObject(o);
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -282,8 +282,8 @@ class Ft {
     const { panConstraintManager: e, montageArea: s } = this.editor;
     if (!e.isPanAllowed())
       return;
-    const o = this.canvas.viewportTransform, n = o[4] + (t.clientX - this.lastMouseX), i = o[5] + (t.clientY - this.lastMouseY), a = e.constrainPan(n, i);
-    o[4] = a.x, o[5] = a.y, s.setCoords(), this.canvas.requestRenderAll(), this.lastMouseX = t.clientX, this.lastMouseY = t.clientY;
+    const n = this.canvas.viewportTransform, o = n[4] + (t.clientX - this.lastMouseX), i = n[5] + (t.clientY - this.lastMouseY), a = e.constrainPan(o, i);
+    n[4] = a.x, n[5] = a.y, s.setCoords(), this.canvas.requestRenderAll(), this.lastMouseX = t.clientX, this.lastMouseY = t.clientY;
   }
   /**
    * Завершение перетаскивания канваса (mouse:up).
@@ -301,8 +301,8 @@ class Ft {
    * @returns Шаг изменения зума
    */
   _calculateAdaptiveZoomStep(t) {
-    const e = this.canvas.getZoom(), s = 0.05, n = t / 100;
-    return -(e * s * n);
+    const e = this.canvas.getZoom(), s = 0.05, o = t / 100;
+    return -(e * s * o);
   }
   /**
    * Обработчик зума колесиком мыши. Работает при зажатом Ctrl или Cmd.
@@ -330,7 +330,7 @@ class Ft {
    */
   handleResetObjectFit(t) {
     const e = t == null ? void 0 : t.target;
-    !e || e instanceof nt || this.editor.transformManager.resetObject({ object: e });
+    !e || e instanceof ot || this.editor.transformManager.resetObject({ object: e });
   }
   /**
    * Проверяет, должно ли событие клавиатуры быть проигнорировано
@@ -339,23 +339,23 @@ class Ft {
    * @returns true если событие должно быть проигнорировано
    */
   _shouldIgnoreKeyboardEvent(t) {
-    const e = document.activeElement, s = t.target, o = ["input", "textarea", "select"];
+    const e = document.activeElement, s = t.target, n = ["input", "textarea", "select"];
     if (s) {
       const i = s.tagName.toLowerCase();
-      if (t.type === "paste" && o.includes(i)) {
+      if (t.type === "paste" && n.includes(i)) {
         const a = e == null ? void 0 : e.tagName.toLowerCase();
-        return !!(a && o.includes(a));
+        return !!(a && n.includes(a));
       }
-      if (o.includes(i) || s.contentEditable === "true")
+      if (n.includes(i) || s.contentEditable === "true")
         return !0;
     }
     if (e && e !== s) {
       const i = e.tagName.toLowerCase();
-      if (o.includes(i) || e.contentEditable === "true") return !0;
+      if (n.includes(i) || e.contentEditable === "true") return !0;
     }
-    const n = window.getSelection();
-    if (n && !n.isCollapsed && n.rangeCount > 0) {
-      let r = n.getRangeAt(0).commonAncestorContainer;
+    const o = window.getSelection();
+    if (o && !o.isCollapsed && o.rangeCount > 0) {
+      let r = o.getRangeAt(0).commonAncestorContainer;
       r.nodeType === Node.TEXT_NODE && (r = r.parentElement);
       const { keyboardIgnoreSelectors: c } = this.options;
       if (c != null && c.length && r)
@@ -384,9 +384,9 @@ class Ft {
    */
   static debounce(t, e) {
     let s = null;
-    return function(...o) {
+    return function(...n) {
       s !== null && clearTimeout(s), s = setTimeout(() => {
-        t.apply(this, o);
+        t.apply(this, n);
       }, e);
     };
   }
@@ -436,12 +436,12 @@ class js {
    * @returns
    */
   _handleMessage({ data: t }) {
-    const { requestId: e, success: s, data: o, error: n } = t, i = this._callbacks.get(e);
+    const { requestId: e, success: s, data: n, error: o } = t, i = this._callbacks.get(e);
     if (!i) {
       console.warn(`No callback found for requestId: ${e}`);
       return;
     }
-    s ? i.resolve(o) : i.reject(new Error(n)), this._callbacks.delete(e);
+    s ? i.resolve(n) : i.reject(new Error(o)), this._callbacks.delete(e);
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -451,9 +451,9 @@ class js {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(t, e, s = []) {
-    const o = `${t}:${V(8)}`;
-    return new Promise((n, i) => {
-      this._callbacks.set(o, { resolve: n, reject: i }), this.worker.postMessage({ action: t, payload: e, requestId: o }, s);
+    const n = `${t}:${V(8)}`;
+    return new Promise((o, i) => {
+      this._callbacks.set(n, { resolve: o, reject: i }), this.worker.postMessage({ action: t, payload: e, requestId: n }, s);
     });
   }
   /**
@@ -464,23 +464,23 @@ class js {
   }
 }
 const rt = 12, Is = 2, de = 8, le = 20, Cs = 100, he = 20, ue = 8, Ts = 100, $t = 32, me = 1, Es = "#2B2D33", ye = "#3D8BF4", ve = "#FFFFFF";
-function Xt(h, t, e, s, o) {
-  const n = rt, i = Is;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-n / 2, -n / 2, n, n, i), h.fill(), h.stroke(), h.restore();
+function Xt(h, t, e, s, n) {
+  const o = rt, i = Is;
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
 }
-function Ue(h, t, e, s, o) {
-  const n = de, i = le, a = Cs;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
+function Ue(h, t, e, s, n) {
+  const o = de, i = le, a = Cs;
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
-function Pe(h, t, e, s, o) {
-  const n = he, i = ue, a = Ts;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
+function Pe(h, t, e, s, n) {
+  const o = he, i = ue, a = Ts;
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = ve, h.strokeStyle = ye, h.lineWidth = me, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 const Os = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ts = new Image();
 ts.src = Os;
-function Ls(h, t, e, s, o) {
+function Ls(h, t, e, s, n) {
   const i = $t / 2;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = Es, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ts, -i / 2, -i / 2, i, i), h.restore();
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = Es, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ts, -i / 2, -i / 2, i, i), h.restore();
 }
 const Ds = {
   // Угловые точки
@@ -558,9 +558,9 @@ class $ {
   static wrapWidthControl(t) {
     if (!(t != null && t.actionHandler)) return;
     const e = t.actionHandler;
-    t.actionHandler = (s, o, n, i) => {
-      const a = o == null ? void 0 : o.target;
-      return !a || a.locked || a.lockScalingX ? !1 : e(s, o, n, i);
+    t.actionHandler = (s, n, o, i) => {
+      const a = n == null ? void 0 : n.target;
+      return !a || a.locked || a.lockScalingX ? !1 : e(s, n, o, i);
     };
   }
   /**
@@ -568,8 +568,8 @@ class $ {
    */
   static applyControlOverrides(t) {
     Object.entries(Ds).forEach(([e, s]) => {
-      const o = t[e];
-      o && (Object.assign(o, s), e === "mtr" && (o.cursorStyle = "grab", o.mouseDownHandler = (n, i, a, r) => {
+      const n = t[e];
+      n && (Object.assign(n, s), e === "mtr" && (n.cursorStyle = "grab", n.mouseDownHandler = (o, i, a, r) => {
         var d;
         const c = i == null ? void 0 : i.target;
         (d = c == null ? void 0 : c.canvas) == null || d.setCursor("grabbing");
@@ -583,14 +583,14 @@ class $ {
     const t = xe.createObjectDefaultControls();
     $.applyControlOverrides(t), Ne.ownDefaults.controls = t;
     const e = xe.createTextboxDefaultControls();
-    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), nt.ownDefaults.controls = e, $.patchActiveSelectionBounds(), Ne.ownDefaults.snapAngle = 1;
+    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), ot.ownDefaults.controls = e, $.patchActiveSelectionBounds(), Ne.ownDefaults.snapAngle = 1;
   }
   /**
    * Обновляет алгоритм расчёта границ ActiveSelection, чтобы учитывать фон и отступы текстовых объектов.
    */
   static patchActiveSelectionBounds() {
     const t = U.prototype, e = t._calcBoundsFromObjects;
-    t._calcBoundsFromObjects = function(...n) {
+    t._calcBoundsFromObjects = function(...o) {
       var g, f;
       const i = (f = (g = this.getObjects) == null ? void 0 : g.call(this)) != null ? f : [];
       $.applyTextSelectionScalingLock({
@@ -601,7 +601,7 @@ class $ {
         objects: i
       });
       if (!a)
-        return e ? e.apply(this, n) : void 0;
+        return e ? e.apply(this, o) : void 0;
       const { left: r, top: c, width: d, height: l } = a;
       this.set({
         flipX: !1,
@@ -613,9 +613,9 @@ class $ {
       return this.setPositionByOrigin(u, "center", "center"), a;
     };
     const s = t._onAfterObjectsChange;
-    t._onAfterObjectsChange = function(n, i) {
+    t._onAfterObjectsChange = function(o, i) {
       var p, m;
-      const a = s ? s.call(this, n, i) : void 0, r = (m = (p = this.getObjects) == null ? void 0 : p.call(this)) != null ? m : [];
+      const a = s ? s.call(this, o, i) : void 0, r = (m = (p = this.getObjects) == null ? void 0 : p.call(this)) != null ? m : [];
       $.applyTextSelectionScalingLock({
         selection: this,
         objects: r
@@ -630,20 +630,20 @@ class $ {
         height: g
       }), this.setPositionByOrigin(f, "center", "center"), this.setCoords(), a;
     };
-    const o = Be.prototype.calcBoundingBox;
-    Be.prototype.calcBoundingBox = function(n, i) {
+    const n = Be.prototype.calcBoundingBox;
+    Be.prototype.calcBoundingBox = function(o, i) {
       const { target: a, type: r, overrides: c } = i;
       if (r === "imperative" && c)
         return c;
       if (!(a instanceof U))
-        return o.call(this, n, i);
+        return n.call(this, o, i);
       $.applyTextSelectionScalingLock({
         selection: a,
-        objects: n
+        objects: o
       });
-      const d = $.calculateActiveSelectionBounds({ objects: n });
+      const d = $.calculateActiveSelectionBounds({ objects: o });
       if (!d)
-        return o.call(this, n, i);
+        return n.call(this, o, i);
       const { left: l, top: u, width: g, height: f } = d, p = new et(g, f), m = new et(l + g / 2, u + f / 2);
       return r === "initialization" ? {
         center: m,
@@ -662,12 +662,12 @@ class $ {
     objects: t
   }) {
     if (!t.length) return null;
-    const e = t.map((a) => a.getBoundingRect()), s = Math.min(...e.map(({ left: a }) => a)), o = Math.min(...e.map(({ top: a }) => a)), n = Math.max(...e.map(({ left: a, width: r }) => a + r));
+    const e = t.map((a) => a.getBoundingRect()), s = Math.min(...e.map(({ left: a }) => a)), n = Math.min(...e.map(({ top: a }) => a)), o = Math.max(...e.map(({ left: a, width: r }) => a + r));
     return {
-      height: Math.max(...e.map(({ top: a, height: r }) => a + r)) - o,
+      height: Math.max(...e.map(({ top: a, height: r }) => a + r)) - n,
       left: s,
-      top: o,
-      width: n - s
+      top: n,
+      width: o - s
     };
   }
   /**
@@ -677,7 +677,7 @@ class $ {
     selection: t,
     objects: e
   }) {
-    const s = e.some((o) => o instanceof nt);
+    const s = e.some((n) => n instanceof ot);
     t.setControlsVisibility({
       mt: !s,
       mb: !s,
@@ -695,33 +695,33 @@ const z = class z {
   }
   loadFonts() {
     return k(this, null, function* () {
-      var o;
-      const t = (o = this.fonts) != null ? o : [];
+      var n;
+      const t = (n = this.fonts) != null ? n : [];
       if (!t.length) return;
       const e = typeof document != "undefined" ? document : void 0;
       if (!e) return;
-      const s = t.map((n) => z.loadFont(n, e));
+      const s = t.map((o) => z.loadFont(o, e));
       yield Promise.allSettled(s);
     });
   }
   static loadFont(t, e) {
     return k(this, null, function* () {
       var c, d;
-      const s = typeof FontFace != "undefined", o = (c = t.family) == null ? void 0 : c.trim(), n = (d = t.source) == null ? void 0 : d.trim();
-      if (!o || !n) return;
-      const i = z.normalizeFontSource(n), a = z.getDescriptorSnapshot(t.descriptors), r = z.getFontRegistrationKey(o, i, a);
+      const s = typeof FontFace != "undefined", n = (c = t.family) == null ? void 0 : c.trim(), o = (d = t.source) == null ? void 0 : d.trim();
+      if (!n || !o) return;
+      const i = z.normalizeFontSource(o), a = z.getDescriptorSnapshot(t.descriptors), r = z.getFontRegistrationKey(n, i, a);
       if (!z.registeredFontKeys.has(r)) {
-        if (z.isFontFaceAlreadyApplied(e, o, a)) {
+        if (z.isFontFaceAlreadyApplied(e, n, a)) {
           z.registeredFontKeys.add(r);
           return;
         }
         if (s && e.fonts && typeof e.fonts.add == "function")
           try {
-            const u = yield new FontFace(o, i, t.descriptors).load();
+            const u = yield new FontFace(n, i, t.descriptors).load();
             e.fonts.add(u), z.registeredFontKeys.add(r);
             return;
           } catch (l) {
-            console.warn(`Не удалось загрузить шрифт "${o}" через FontFace API`, l);
+            console.warn(`Не удалось загрузить шрифт "${n}" через FontFace API`, l);
           }
         z.injectFontFace({
           font: t,
@@ -736,14 +736,14 @@ const z = class z {
     font: t,
     source: e,
     doc: s,
-    registrationKey: o
+    registrationKey: n
   }) {
     var d;
-    const { descriptors: n } = t, i = (d = t.family) == null ? void 0 : d.trim();
+    const { descriptors: o } = t, i = (d = t.family) == null ? void 0 : d.trim();
     if (!i) return;
     const a = s.createElement("style");
-    a.setAttribute("data-editor-font", i), a.setAttribute("data-editor-font-key", o);
-    const r = z.descriptorsToCss(n), c = [
+    a.setAttribute("data-editor-font", i), a.setAttribute("data-editor-font-key", n);
+    const r = z.descriptorsToCss(o), c = [
       "@font-face {",
       `  font-family: ${z.formatFontFamilyForCss(i)};`,
       `  src: ${e};`,
@@ -751,7 +751,7 @@ const z = class z {
       "}"
     ];
     a.textContent = c.join(`
-`), s.head.appendChild(a), z.registeredFontKeys.add(o);
+`), s.head.appendChild(a), z.registeredFontKeys.add(n);
   }
   static normalizeFontSource(t) {
     const e = t.trim();
@@ -762,8 +762,8 @@ const z = class z {
   }
   static normalizeDescriptorValue(t, e) {
     if (typeof t == "string") {
-      const o = t.trim();
-      return o.length > 0 ? o : e;
+      const n = t.trim();
+      return n.length > 0 ? n : e;
     }
     if (t == null)
       return e;
@@ -802,13 +802,13 @@ const z = class z {
     ].join("::");
   }
   static isFontFaceAlreadyApplied(t, e, s) {
-    const o = t.fonts;
-    if (!o || typeof o.forEach != "function") return !1;
-    const n = z.normalizeFamilyName(e);
+    const n = t.fonts;
+    if (!n || typeof n.forEach != "function") return !1;
+    const o = z.normalizeFamilyName(e);
     let i = !1;
     try {
-      o.forEach((a) => {
-        if (i || z.normalizeFamilyName(a.family) !== n) return;
+      n.forEach((a) => {
+        if (i || z.normalizeFamilyName(a.family) !== o) return;
         const c = z.getDescriptorSnapshot({
           style: a.style,
           weight: a.weight,
@@ -839,9 +839,9 @@ const z = class z {
       descentOverride: "descent-override",
       lineGapOverride: "line-gap-override"
     };
-    return Object.entries(t).filter(([, s]) => s != null && `${s}`.length > 0).map(([s, o]) => {
+    return Object.entries(t).filter(([, s]) => s != null && `${s}`.length > 0).map(([s, n]) => {
       var i;
-      return `${(i = e[s]) != null ? i : s}: ${o};`;
+      return `${(i = e[s]) != null ? i : s}: ${n};`;
     });
   }
 };
@@ -980,11 +980,11 @@ class Ps {
   _createDOM() {
     const { style: t } = this.config;
     this.el = document.createElement("div"), Object.assign(this.el.style, t), this.canvas.wrapperEl.appendChild(this.el), this._onBtnOver = (e) => {
-      const o = e.target.closest("button");
-      o && Object.assign(o.style, this.config.btnHover);
+      const n = e.target.closest("button");
+      n && Object.assign(n.style, this.config.btnHover);
     }, this._onBtnOut = (e) => {
-      const o = e.target.closest("button");
-      o && Object.assign(o.style, this.config.btnStyle);
+      const n = e.target.closest("button");
+      n && Object.assign(n.style, this.config.btnStyle);
     }, this.el.addEventListener("mouseover", this._onBtnOver), this.el.addEventListener("mouseout", this._onBtnOut);
   }
   /**
@@ -996,10 +996,10 @@ class Ps {
   _renderButtons(t) {
     this.el.innerHTML = "";
     for (const e of t) {
-      const { name: s, handle: o } = e, { icons: n = {}, btnStyle: i, handlers: a = {} } = this.config, r = document.createElement("button");
-      r.innerHTML = n[o] ? `<img src="${n[o]}" title="${s}" />` : s, Object.assign(r.style, i), r.onclick = () => {
+      const { name: s, handle: n } = e, { icons: o = {}, btnStyle: i, handlers: a = {} } = this.config, r = document.createElement("button");
+      r.innerHTML = o[n] ? `<img src="${o[n]}" title="${s}" />` : s, Object.assign(r.style, i), r.onclick = () => {
         var c;
-        return (c = a[o]) == null ? void 0 : c.call(a, this.editor);
+        return (c = a[n]) == null ? void 0 : c.call(a, this.editor);
       }, r.onmousedown = (c) => {
         c.stopPropagation(), c.preventDefault();
       }, r.ondragstart = (c) => c.preventDefault(), this.el.appendChild(r);
@@ -1070,9 +1070,9 @@ class Ps {
       this.el.style.display = "none";
       return;
     }
-    const { el: e, config: s, canvas: o } = this;
+    const { el: e, config: s, canvas: n } = this;
     t.setCoords();
-    const n = o.getZoom(), [, , , , i, a] = o.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: d } = t.getBoundingRect(), u = r * n + i - e.offsetWidth / 2, g = s.offsetTop || 0, f = (c + d) * n + a + g;
+    const o = n.getZoom(), [, , , , i, a] = n.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: d } = t.getBoundingRect(), u = r * o + i - e.offsetWidth / 2, g = s.offsetTop || 0, f = (c + d) * o + a + g;
     Object.assign(e.style, {
       left: `${u}px`,
       top: `${f}px`,
@@ -1160,9 +1160,9 @@ class be {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + Fe, o = t.clientY - e.top + We;
-    const n = this.el.getBoundingClientRect(), i = n.width, a = n.height;
-    s + i > e.width && (s = t.clientX - e.left - i - Fe), o + a > e.height && (o = t.clientY - e.top - a - We), this.el.style.left = `${s}px`, this.el.style.top = `${o}px`;
+    let s = t.clientX - e.left + Fe, n = t.clientY - e.top + We;
+    const o = this.el.getBoundingClientRect(), i = o.width, a = o.height;
+    s + i > e.width && (s = t.clientX - e.left - i - Fe), n + a > e.height && (n = t.clientY - e.top - a - We), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
   }
   /**
    * Показать индикатор
@@ -1242,7 +1242,7 @@ class Ys {
   _createDiffPatcher() {
     this.diffPatcher = bs({
       objectHash(t) {
-        const e = t, s = t, o = s.styles ? JSON.stringify(s.styles) : "", n = e.customData ? JSON.stringify(e.customData) : "";
+        const e = t, s = t, n = s.styles ? JSON.stringify(s.styles) : "", o = e.customData ? JSON.stringify(e.customData) : "";
         return [
           e.id,
           e.backgroundId,
@@ -1258,7 +1258,7 @@ class Ys {
           e.scaleY,
           e.angle,
           e.opacity,
-          n,
+          o,
           s.text,
           s.textCaseRaw,
           s.uppercase,
@@ -1272,7 +1272,7 @@ class Ys {
           s.fill,
           s.stroke,
           s.strokeWidth,
-          o,
+          n,
           s.paddingTop,
           s.paddingRight,
           s.paddingBottom,
@@ -1320,10 +1320,10 @@ class Ys {
    */
   getFullState() {
     const { baseState: t, currentIndex: e, patches: s } = this;
-    let o = JSON.parse(JSON.stringify(t));
-    for (let n = 0; n < e; n += 1)
-      o = this.diffPatcher.patch(o, s[n].diff);
-    return console.log("getFullState state", o), o;
+    let n = JSON.parse(JSON.stringify(t));
+    for (let o = 0; o < e; o += 1)
+      n = this.diffPatcher.patch(n, s[o].diff);
+    return console.log("getFullState state", n), n;
   }
   /**
    * Сохраняем текущее состояние в виде диффа от последнего сохранённого полного состояния.
@@ -1359,14 +1359,14 @@ class Ys {
     return k(this, null, function* () {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
-      const { canvas: e, canvasManager: s, interactionBlocker: o, backgroundManager: n } = this.editor, { width: i, height: a } = e;
-      o.overlayMask = null, yield e.loadFromJSON(t);
+      const { canvas: e, canvasManager: s, interactionBlocker: n, backgroundManager: o } = this.editor, { width: i, height: a } = e;
+      n.overlayMask = null, yield e.loadFromJSON(t);
       const r = e.getObjects().find((l) => l.id === "montage-area");
       r && (this.editor.montageArea = r, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
       const c = e.getObjects().find((l) => l.id === "overlay-mask");
-      c && (o.overlayMask = c, o.overlayMask.visible = !1);
+      c && (n.overlayMask = c, n.overlayMask.visible = !1);
       const d = e.getObjects().find((l) => l.id === "background");
-      d ? (n.backgroundObject = d, n.refresh()) : n.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
+      d ? (o.backgroundObject = d, o.refresh()) : o.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
         fullState: t,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -1451,9 +1451,9 @@ class Ys {
     });
   }
   _withTemporaryUnlock(t) {
-    var o, n, i;
+    var n, o, i;
     const e = [];
-    ((i = (n = (o = this.canvas).getObjects) == null ? void 0 : n.call(o)) != null ? i : []).forEach((a) => {
+    ((i = (o = (n = this.canvas).getObjects) == null ? void 0 : o.call(n)) != null ? i : []).forEach((a) => {
       const r = typeof a.type == "string" ? a.type.toLowerCase() : "";
       if (!(r === "textbox" || r === "i-text" || typeof a.isEditing == "boolean") || a.locked) return;
       const d = !!a.lockMovementX, l = !!a.lockMovementY;
@@ -1509,8 +1509,8 @@ class ct {
       const {
         source: e,
         scale: s = `image-${this.options.scaleType}`,
-        withoutSave: o = !1,
-        fromClipboard: n = !1,
+        withoutSave: n = !1,
+        fromClipboard: o = !1,
         isBackground: i = !1,
         withoutSelection: a = !1,
         withoutAdding: r = !1
@@ -1530,7 +1530,7 @@ class ct {
             contentType: f,
             acceptContentTypes: m,
             acceptFormats: v,
-            fromClipboard: n,
+            fromClipboard: o,
             isBackground: i,
             withoutSelection: a,
             withoutAdding: r
@@ -1557,7 +1557,7 @@ class ct {
               contentType: f,
               acceptContentTypes: m,
               acceptFormats: v,
-              fromClipboard: n,
+              fromClipboard: o,
               isBackground: i,
               withoutSelection: a,
               withoutAdding: r
@@ -1591,14 +1591,14 @@ class ct {
           format: p,
           contentType: f,
           scale: s,
-          withoutSave: o,
+          withoutSave: n,
           source: e,
-          fromClipboard: n,
+          fromClipboard: o,
           isBackground: i,
           withoutSelection: a,
           withoutAdding: r
         };
-        return r ? (u.resumeHistory(), c.fire("editor:image-imported", I), I) : (c.add(S), c.centerObject(S), a || c.setActiveObject(S), c.renderAll(), u.resumeHistory(), o || u.saveState(), c.fire("editor:image-imported", I), I);
+        return r ? (u.resumeHistory(), c.fire("editor:image-imported", I), I) : (c.add(S), c.centerObject(S), a || c.setActiveObject(S), c.renderAll(), u.resumeHistory(), n || u.saveState(), c.fire("editor:image-imported", I), I);
       } catch (M) {
         return g.emitError({
           origin: "ImageManager",
@@ -1610,8 +1610,8 @@ class ct {
             format: p,
             contentType: f,
             scale: s,
-            withoutSave: o,
-            fromClipboard: n,
+            withoutSave: n,
+            fromClipboard: o,
             isBackground: i,
             withoutSelection: a,
             withoutAdding: r
@@ -1632,7 +1632,7 @@ class ct {
     return k(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${Mt}x${wt}`;
       e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Rt}x${_t}`);
-      const o = {
+      const n = {
         dataURL: t,
         sizeType: e,
         maxWidth: Mt,
@@ -1645,8 +1645,8 @@ class ct {
         method: "resizeImageToBoundaries",
         code: "IMAGE_RESIZE_WARNING",
         message: s,
-        data: o
-      }), this.editor.workerManager.post("resizeImage", o);
+        data: n
+      }), this.editor.workerManager.post("resizeImage", n);
     });
   }
   /**
@@ -1665,8 +1665,8 @@ class ct {
       const {
         fileName: e = "image.png",
         contentType: s = "image/png",
-        exportAsBase64: o = !1,
-        exportAsBlob: n = !1
+        exportAsBase64: n = !1,
+        exportAsBlob: o = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
         const d = s === "application/pdf", l = d ? "image/jpg" : s, u = ct.getFormatFromContentType(l);
@@ -1685,8 +1685,8 @@ class ct {
           v.dispose();
           const E = {
             image: ct._exportSVGStringAsFile(w, {
-              exportAsBase64: o,
-              exportAsBlob: n,
+              exportAsBase64: n,
+              exportAsBlob: o,
               fileName: e
             }),
             format: "svg",
@@ -1700,7 +1700,7 @@ class ct {
             E ? w(E) : T(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (v.dispose(), n) {
+        if (v.dispose(), o) {
           const w = {
             image: y,
             format: u,
@@ -1720,7 +1720,7 @@ class ct {
             unit: "mm",
             format: [T, E]
           });
-          if (x.addImage(String(I), "JPG", 0, 0, T, E), o) {
+          if (x.addImage(String(I), "JPG", 0, 0, T, E), n) {
             const W = {
               image: x.output("datauristring"),
               format: "pdf",
@@ -1737,7 +1737,7 @@ class ct {
           };
           return i.fire("editor:canvas-exported", D), D;
         }
-        if (o) {
+        if (n) {
           const w = {
             image: I,
             format: u,
@@ -1759,7 +1759,7 @@ class ct {
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта изображения: ${d.message}`,
-          data: { contentType: s, fileName: e, exportAsBase64: o, exportAsBlob: n }
+          data: { contentType: s, fileName: e, exportAsBase64: n, exportAsBlob: o }
         }), null;
       }
     });
@@ -1780,8 +1780,8 @@ class ct {
       const {
         object: e,
         fileName: s = "image.png",
-        contentType: o = "image/png",
-        exportAsBase64: n = !1,
+        contentType: n = "image/png",
+        exportAsBase64: o = !1,
         exportAsBlob: i = !1
       } = t, { canvas: a, workerManager: r } = this.editor, c = e || a.getActiveObject();
       if (!c)
@@ -1790,13 +1790,13 @@ class ct {
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: o, fileName: s, exportAsBase64: n, exportAsBlob: i }
+          data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: i }
         }), null;
       try {
-        const d = ct.getFormatFromContentType(o);
+        const d = ct.getFormatFromContentType(n);
         if (d === "svg") {
           const p = c.toSVG(), m = ct._exportSVGStringAsFile(p, {
-            exportAsBase64: n,
+            exportAsBase64: o,
             exportAsBlob: i,
             fileName: s
           }), v = {
@@ -1808,7 +1808,7 @@ class ct {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        if (n && c instanceof zt) {
+        if (o && c instanceof zt) {
           const p = yield createImageBitmap(c.getElement()), m = yield r.post(
             "toDataURL",
             {
@@ -1821,7 +1821,7 @@ class ct {
             object: c,
             image: m,
             format: d,
-            contentType: o,
+            contentType: n,
             fileName: s
           };
           return a.fire("editor:object-exported", v), v;
@@ -1838,16 +1838,16 @@ class ct {
             object: c,
             image: u,
             format: d,
-            contentType: o,
+            contentType: n,
             fileName: s
           };
           return a.fire("editor:object-exported", p), p;
         }
-        const g = new File([u], s, { type: o }), f = {
+        const g = new File([u], s, { type: n }), f = {
           object: c,
           image: g,
           format: d,
-          contentType: o,
+          contentType: n,
           fileName: s
         };
         return a.fire("editor:object-exported", f), f;
@@ -1857,7 +1857,7 @@ class ct {
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
           message: `Ошибка экспорта объекта: ${d.message}`,
-          data: { contentType: o, fileName: s, exportAsBase64: n, exportAsBlob: i }
+          data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: i }
         }), null;
       }
     });
@@ -1924,11 +1924,11 @@ class ct {
   getContentTypeFromExtension(t) {
     var e;
     try {
-      const o = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), n = {};
+      const n = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), o = {};
       return this.acceptContentTypes.forEach((i) => {
         const a = ct.getFormatFromContentType(i);
-        a && (n[a] = i);
-      }), o && n[o] || "application/octet-stream";
+        a && (o[a] = i);
+      }), n && o[n] || "application/octet-stream";
     } catch (s) {
       return console.warn("Не удалось определить расширение из URL:", t, s), "application/octet-stream";
     }
@@ -1946,8 +1946,8 @@ class ct {
   }) {
     const { montageArea: s } = this.editor;
     if (!s || !t) return 1;
-    const o = s.width, n = s.height, { width: i, height: a } = t;
-    return e === "contain" || e === "image-contain" ? Math.min(o / i, n / a) : e === "cover" || e === "image-cover" ? Math.max(o / i, n / a) : 1;
+    const n = s.width, o = s.height, { width: i, height: a } = t;
+    return e === "contain" || e === "image-contain" ? Math.min(n / i, o / a) : e === "cover" || e === "image-cover" ? Math.max(n / i, o / a) : 1;
   }
   /**
    * Преобразует SVG-строку в Blob, файл, или base64
@@ -1963,9 +1963,9 @@ class ct {
   static _exportSVGStringAsFile(t, {
     exportAsBase64: e,
     exportAsBlob: s,
-    fileName: o = "image.svg"
+    fileName: n = "image.svg"
   } = {}) {
-    return s ? new Blob([t], { type: "image/svg+xml" }) : e ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(t))}` : new File([t], o.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
+    return s ? new Blob([t], { type: "image/svg+xml" }) : e ? `data:image/svg+xml;base64,${window.btoa(encodeURIComponent(t))}` : new File([t], n.replace(/\.[^/.]+$/, ".svg"), { type: "image/svg+xml" });
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -2007,25 +2007,25 @@ class Qs {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-width-changed
    */
-  setResolutionWidth(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: o } = {}) {
+  setResolutionWidth(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: n } = {}) {
     var f;
     if (!t) return;
     const {
-      canvas: n,
+      canvas: o,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
     } = this.editor, { width: r, height: c } = i, d = Tt(Number(t), Rt, Mt);
-    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (f = n.clipPath) == null || f.set({ width: d }), e) {
+    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (f = o.clipPath) == null || f.set({ width: d }), e) {
       const p = d / r, m = Ze(c, p);
       this.setResolutionHeight(m);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = o.getZoom();
+    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
       width: d,
       preserveProportional: e,
       withoutSave: s,
-      adaptCanvasToContainer: o
+      adaptCanvasToContainer: n
     }), this.editor.panConstraintManager.updateBounds();
   }
   /**
@@ -2037,25 +2037,25 @@ class Qs {
    * @param options.adaptCanvasToContainer - Адаптировать канвас к контейнеру
    * @fires editor:resolution-height-changed
    */
-  setResolutionHeight(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: o } = {}) {
+  setResolutionHeight(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: n } = {}) {
     var f;
     if (!t) return;
     const {
-      canvas: n,
+      canvas: o,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
     } = this.editor, { width: r, height: c } = i, d = Tt(Number(t), _t, wt);
-    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (f = n.clipPath) == null || f.set({ height: d }), e) {
+    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (f = o.clipPath) == null || f.set({ height: d }), e) {
       const p = d / c, m = Ze(r, p);
       this.setResolutionWidth(m);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = o.getZoom();
+    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
       height: d,
       preserveProportional: e,
       withoutSave: s,
-      adaptCanvasToContainer: o
+      adaptCanvasToContainer: n
     }), this.editor.panConstraintManager.updateBounds();
   }
   /**
@@ -2064,16 +2064,16 @@ class Qs {
    */
   centerMontageArea() {
     var r;
-    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = t.getZoom(), i = Xs(s, o);
+    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), n = t.getHeight(), o = t.getZoom(), i = Xs(s, n);
     e.set({
       left: s / 2,
-      top: o / 2
+      top: n / 2
     }), (r = t.clipPath) == null || r.set({
       left: s / 2,
-      top: o / 2
+      top: n / 2
     }), t.renderAll();
     const a = t.viewportTransform;
-    a[4] = s / 2 - i.x * n, a[5] = o / 2 - i.y * n, t.setViewportTransform(a), t.renderAll();
+    a[4] = s / 2 - i.x * o, a[5] = n / 2 - i.y * o, t.setViewportTransform(a), t.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -2089,7 +2089,7 @@ class Qs {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: o, height: n } = s, i = e.getZoom(), a = (o - o * i) / 2, r = (n - n * i) / 2;
+    const { width: n, height: o } = s, i = e.getZoom(), a = (n - n * i) / 2, r = (o - o * i) / 2;
     return { left: a, top: r };
   }
   /**
@@ -2115,8 +2115,8 @@ class Qs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, o = e.clientHeight, n = Tt(s, Rt, Mt), i = Tt(o, _t, wt);
-    t.setDimensions({ width: n, height: i }, { backstoreOnly: !0 });
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = Tt(s, Rt, Mt), i = Tt(n, _t, wt);
+    t.setDimensions({ width: o, height: i }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -2129,11 +2129,11 @@ class Qs {
       montageArea: e,
       montageArea: {
         width: s,
-        height: o
+        height: n
       }
-    } = this.editor, n = e.left, i = e.top;
-    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(o, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const a = e.left - n, r = e.top - i;
+    } = this.editor, o = e.left, i = e.top;
+    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
+    const a = e.left - o, r = e.top - i;
     if (a !== 0 || r !== 0) {
       const c = t.getActiveObject(), d = [];
       if ((c == null ? void 0 : c.type) === "activeselection") {
@@ -2157,7 +2157,7 @@ class Qs {
     }
     t.renderAll(), t.fire("editor:canvas-updated", {
       width: s,
-      height: o
+      height: n
     }), this.editor.panConstraintManager.updateBounds();
   }
   /**
@@ -2267,32 +2267,32 @@ class Qs {
    */
   setDisplayDimension({ element: t = "canvas", dimension: e, value: s } = {}) {
     if (!s) return;
-    const { canvas: o } = this.editor, n = [];
+    const { canvas: n } = this.editor, o = [];
     switch (t) {
       case "canvas":
-        n.push(o.lowerCanvasEl, o.upperCanvasEl);
+        o.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        n.push(o.wrapperEl);
+        o.push(n.wrapperEl);
         break;
       case "container":
-        n.push(this.getEditorContainer());
+        o.push(this.getEditorContainer());
         break;
       default:
-        n.push(o.lowerCanvasEl, o.upperCanvasEl);
+        o.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
     const i = e === "width" ? "width" : "height";
     if (typeof s == "string") {
-      n.forEach((r) => {
+      o.forEach((r) => {
         r.style[i] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const a = `${s}px`;
-    n.forEach((r) => {
+    o.forEach((r) => {
       r.style[i] = a;
-    }), o.fire(`editor:display-${t}-${i}-changed`, {
+    }), n.fire(`editor:display-${t}-${i}-changed`, {
       element: t,
       value: s
     });
@@ -2307,14 +2307,14 @@ class Qs {
    */
   scaleMontageAreaToImage({ object: t, preserveAspectRatio: e, withoutSave: s } = {}) {
     const {
-      canvas: o,
-      montageArea: n,
+      canvas: n,
+      montageArea: o,
       transformManager: i,
       options: {
         montageAreaWidth: a,
         montageAreaHeight: r
       }
-    } = this.editor, c = t || o.getActiveObject();
+    } = this.editor, c = t || n.getActiveObject();
     if (!Ks(c)) return;
     const { width: d, height: l } = c;
     let u = Math.min(d, Mt), g = Math.min(l, wt);
@@ -2322,10 +2322,10 @@ class Qs {
       const {
         width: f,
         height: p
-      } = n, m = d / f, v = l / p, M = Math.max(m, v);
+      } = o, m = d / f, v = l / p, M = Math.max(m, v);
       u = f * M, g = p * M;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), o.centerObject(c), o.renderAll(), s || this.editor.historyManager.saveState(), o.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: c,
       width: u,
       height: g,
@@ -2351,13 +2351,13 @@ class Qs {
     const {
       canvas: e,
       transformManager: s,
-      historyManager: o,
+      historyManager: n,
       options: {
-        montageAreaWidth: n,
+        montageAreaWidth: o,
         montageAreaHeight: i
       }
     } = this.editor;
-    this.editor.zoomManager.resetZoom(), this.setResolutionWidth(n, { withoutSave: !0 }), this.setResolutionHeight(i, { withoutSave: !0 }), e.renderAll(), s.resetObjects(), t || o.saveState(), e.fire("editor:default-scale-set");
+    this.editor.zoomManager.resetZoom(), this.setResolutionWidth(o, { withoutSave: !0 }), this.setResolutionHeight(i, { withoutSave: !0 }), e.renderAll(), s.resetObjects(), t || n.saveState(), e.fire("editor:default-scale-set");
   }
   /**
    * Получение всех объектов внутри монтажной области редактора
@@ -2368,10 +2368,10 @@ class Qs {
       canvas: t,
       montageArea: e,
       interactionBlocker: { overlayMask: s },
-      backgroundManager: { backgroundObject: o }
+      backgroundManager: { backgroundObject: n }
     } = this.editor;
     return t.getObjects().filter(
-      (i) => i.id !== e.id && i.id !== (s == null ? void 0 : s.id) && i.id !== (o == null ? void 0 : o.id)
+      (i) => i.id !== e.id && i.id !== (s == null ? void 0 : s.id) && i.id !== (n == null ? void 0 : n.id)
     );
   }
 }
@@ -2387,11 +2387,11 @@ class qs {
    * @fires editor:object-rotated
    */
   rotate(t = Gs, { withoutSave: e } = {}) {
-    const { canvas: s, historyManager: o } = this.editor, n = s.getActiveObject();
-    if (!n) return;
-    const i = n.angle + t;
-    n.rotate(i), n.setCoords(), s.renderAll(), e || o.saveState(), s.fire("editor:object-rotated", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor, o = s.getActiveObject();
+    if (!o) return;
+    const i = o.angle + t;
+    o.rotate(i), o.setCoords(), s.renderAll(), e || n.saveState(), s.fire("editor:object-rotated", {
+      object: o,
       withoutSave: e,
       angle: i
     });
@@ -2403,9 +2403,9 @@ class qs {
    * @fires editor:object-flipped-x
    */
   flipX({ withoutSave: t } = {}) {
-    const { canvas: e, historyManager: s } = this.editor, o = e.getActiveObject();
-    o && (o.flipX = !o.flipX, e.renderAll(), t || s.saveState(), e.fire("editor:object-flipped-x", {
-      object: o,
+    const { canvas: e, historyManager: s } = this.editor, n = e.getActiveObject();
+    n && (n.flipX = !n.flipX, e.renderAll(), t || s.saveState(), e.fire("editor:object-flipped-x", {
+      object: n,
       withoutSave: t
     }));
   }
@@ -2416,9 +2416,9 @@ class qs {
    * @fires editor:object-flipped-y
    */
   flipY({ withoutSave: t } = {}) {
-    const { canvas: e, historyManager: s } = this.editor, o = e.getActiveObject();
-    o && (o.flipY = !o.flipY, e.renderAll(), t || s.saveState(), e.fire("editor:object-flipped-y", {
-      object: o,
+    const { canvas: e, historyManager: s } = this.editor, n = e.getActiveObject();
+    n && (n.flipY = !n.flipY, e.renderAll(), t || s.saveState(), e.fire("editor:object-flipped-y", {
+      object: n,
       withoutSave: t
     }));
   }
@@ -2435,10 +2435,10 @@ class qs {
     opacity: e = 1,
     withoutSave: s
   } = {}) {
-    const { canvas: o, historyManager: n } = this.editor, i = t || o.getActiveObject();
+    const { canvas: n, historyManager: o } = this.editor, i = t || n.getActiveObject();
     i && (i instanceof U ? i.getObjects().forEach((a) => {
       a.set("opacity", e);
-    }) : i.set("opacity", e), o.renderAll(), s || n.saveState(), o.fire("editor:object-opacity-changed", {
+    }) : i.set("opacity", e), n.renderAll(), s || o.saveState(), n.fire("editor:object-opacity-changed", {
       object: i,
       opacity: e,
       withoutSave: s
@@ -2459,24 +2459,24 @@ class qs {
     object: t,
     type: e = this.options.scaleType,
     withoutSave: s,
-    fitAsOneObject: o
+    fitAsOneObject: n
   } = {}) {
-    const { canvas: n, historyManager: i } = this.editor, a = t || n.getActiveObject();
+    const { canvas: o, historyManager: i } = this.editor, a = t || o.getActiveObject();
     if (a) {
-      if (a instanceof U && !o) {
+      if (a instanceof U && !n) {
         const r = a.getObjects();
-        n.discardActiveObject(), r.forEach((d) => {
+        o.discardActiveObject(), r.forEach((d) => {
           this._fitSingleObject(d, e);
         });
-        const c = new U(r, { canvas: n });
-        n.setActiveObject(c);
+        const c = new U(r, { canvas: o });
+        o.setActiveObject(c);
       } else
         this._fitSingleObject(a, e);
-      n.renderAll(), s || i.saveState(), n.fire("editor:object-fitted", {
+      o.renderAll(), s || i.saveState(), o.fire("editor:object-fitted", {
         object: a,
         type: e,
         withoutSave: s,
-        fitAsOneObject: o
+        fitAsOneObject: n
       });
     }
   }
@@ -2487,7 +2487,7 @@ class qs {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: o } = this.editor, { width: n, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = n * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), p = d * g + l * f, m = d * f + l * g, v = o.width, M = o.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), p = d * g + l * f, m = d * f + l * g, v = n.width, M = n.height;
     let S;
     e === "contain" ? S = Math.min(v / p, M / m) : S = Math.max(v / p, M / m), t.set({
       scaleX: a * S,
@@ -2512,12 +2512,12 @@ class qs {
    */
   resetObject({ object: t, alwaysFitObject: e = !1, withoutSave: s = !1 } = {}) {
     const {
-      canvas: o,
-      montageArea: n,
+      canvas: n,
+      montageArea: o,
       imageManager: i,
       historyManager: a,
       options: { scaleType: r }
-    } = this.editor, c = t || o.getActiveObject();
+    } = this.editor, c = t || n.getActiveObject();
     if (!c || c.locked) return;
     if (a.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
       scaleX: 1,
@@ -2528,13 +2528,13 @@ class qs {
     }), e)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: u } = n, { width: g, height: f } = c, p = i.calculateScaleFactor({
+      const { width: l, height: u } = o, { width: g, height: f } = c, p = i.calculateScaleFactor({
         imageObject: c,
         scaleType: r
       });
       r === "contain" && p < 1 || r === "cover" && (g > l || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
-    c.set({ flipX: !1, flipY: !1, angle: 0 }), o.centerObject(c), o.renderAll(), a.resumeHistory(), s || a.saveState(), o.fire("editor:object-reset", {
+    c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), a.resumeHistory(), s || a.saveState(), n.fire("editor:object-reset", {
       object: c,
       withoutSave: s,
       alwaysFitObject: e
@@ -2565,7 +2565,7 @@ class Js {
    * @private
    */
   _getClampedPointerCoordinates(t) {
-    const { canvas: e, montageArea: s } = this.editor, o = e.getPointer(t, !0), n = e.viewportTransform, i = e.getZoom(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = a * i + n[4], u = r * i + n[4], g = c * i + n[5], f = d * i + n[5], p = Math.max(l, Math.min(u, o.x)), m = Math.max(g, Math.min(f, o.y));
+    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, i = e.getZoom(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = a * i + o[4], u = r * i + o[4], g = c * i + o[5], f = d * i + o[5], p = Math.max(l, Math.min(u, n.x)), m = Math.max(g, Math.min(f, n.y));
     return {
       x: p,
       y: m
@@ -2577,8 +2577,8 @@ class Js {
    * @private
    */
   _calculateFitZoom() {
-    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = s / e.width, i = o / e.height;
-    return Math.max(n, i);
+    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), n = t.getHeight(), o = s / e.width, i = n / e.height;
+    return Math.max(o, i);
   }
   /**
    * Вычисляет целевую позицию viewport для центрирования монтажной области
@@ -2587,7 +2587,7 @@ class Js {
    * @private
    */
   _calculateTargetViewportPosition(t) {
-    const { canvas: e, montageArea: s } = this.editor, o = e.getWidth(), n = e.getHeight(), i = o / 2, a = n / 2, r = s.left, c = s.top;
+    const { canvas: e, montageArea: s } = this.editor, n = e.getWidth(), o = e.getHeight(), i = n / 2, a = o / 2, r = s.left, c = s.top;
     return {
       x: i - r * t,
       y: a - c * t
@@ -2600,9 +2600,9 @@ class Js {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, o = e.viewportTransform, n = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, p = l < a, m = u > r, v = g < c, M = f > d;
+    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + i) / t, p = l < a, m = u > r, v = g < c, M = f > d;
     if (!(p || m || v || M)) return 0;
-    const y = Math.max(0, a - l), b = Math.max(0, u - r), I = Math.max(0, c - g), j = Math.max(0, f - d), A = Math.max(y, b), C = Math.max(I, j), w = A / n, T = C / i;
+    const y = Math.max(0, a - l), b = Math.max(0, u - r), I = Math.max(0, c - g), j = Math.max(0, f - d), A = Math.max(y, b), C = Math.max(I, j), w = A / o, T = C / i;
     return Math.max(w, T);
   }
   /**
@@ -2615,11 +2615,11 @@ class Js {
    * @returns Вычисленный шаг перемещения viewport
    * @private
    */
-  _calculateSmoothCenteringStep(t, e, s, o, n) {
-    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
+  _calculateSmoothCenteringStep(t, e, s, n, o) {
+    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(n), f = e - s;
     if (Math.abs(f) / g <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, M = a.left, S = a.top, y = m - M * s, b = v - S * s, I = (y - r[4]) / (e - s), j = (b - r[5]) / (e - s), A = I * g, C = j * g, w = A * n, T = C * n, E = Math.abs(w) > Math.abs(l) ? l : w, P = Math.abs(T) > Math.abs(u) ? u : T;
+    const m = c / 2, v = d / 2, M = a.left, S = a.top, y = m - M * s, b = v - S * s, I = (y - r[4]) / (e - s), j = (b - r[5]) / (e - s), A = I * g, C = j * g, w = A * o, T = C * o, E = Math.abs(w) > Math.abs(l) ? l : w, P = Math.abs(T) > Math.abs(u) ? u : T;
     return { x: E, y: P };
   }
   /**
@@ -2633,17 +2633,17 @@ class Js {
    * @private
    */
   _applyViewportCentering(t, e = !1, s = Ye) {
-    const { canvas: o } = this.editor, n = this._getScaledMontageDimensions(t), i = o.getWidth(), a = o.getHeight(), r = n.width > i || n.height > a, c = this._calculateFitZoom(), d = t - c;
+    const { canvas: n } = this.editor, o = this._getScaledMontageDimensions(t), i = n.getWidth(), a = n.getHeight(), r = o.width > i || o.height > a, c = this._calculateFitZoom(), d = t - c;
     if (!(!r || d) && !e)
       return !1;
-    const u = o.viewportTransform, g = this._calculateTargetViewportPosition(t);
+    const u = n.viewportTransform, g = this._calculateTargetViewportPosition(t);
     if (!r)
-      return u[4] = g.x, u[5] = g.y, o.setViewportTransform(u), !0;
+      return u[4] = g.x, u[5] = g.y, n.setViewportTransform(u), !0;
     if (e && !r) {
       const f = this._calculateEmptySpaceRatio(t);
       if (f > 0) {
         const p = this._calculateSmoothCenteringStep(g, t, c, s, f);
-        return u[4] += p.x, u[5] += p.y, o.setViewportTransform(u), !0;
+        return u[4] += p.x, u[5] += p.y, n.setViewportTransform(u), !0;
       }
     }
     return !1;
@@ -2656,7 +2656,7 @@ class Js {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(t = this.options.defaultScale) {
-    const { canvas: e } = this.editor, s = e.editorContainer, o = s.clientWidth || e.getWidth(), n = s.clientHeight || e.getHeight(), { width: i, height: a } = this.editor.montageArea, r = o / i * t, c = n / a * t;
+    const { canvas: e } = this.editor, s = e.editorContainer, n = s.clientWidth || e.getWidth(), o = s.clientHeight || e.getHeight(), { width: i, height: a } = this.editor.montageArea, r = n / i * t, c = o / a * t;
     this.defaultZoom = Math.min(r, c), this.setZoom(), this.editor.panConstraintManager.updateBounds();
   }
   /**
@@ -2670,12 +2670,12 @@ class Js {
    * @fires editor:zoom-changed
    */
   handleMouseWheelZoom(t, e) {
-    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = t < 0, a = this._getScaledMontageDimensions(n), r = s.getWidth(), c = s.getHeight(), d = a.width > r || a.height > c;
+    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), i = t < 0, a = this._getScaledMontageDimensions(o), r = s.getWidth(), c = s.getHeight(), d = a.width > r || a.height > c;
     if (i) {
       if (!d)
         this.zoom(t, {
-          pointX: o.left,
-          pointY: o.top
+          pointX: n.left,
+          pointY: n.top
         });
       else {
         const u = this._getClampedPointerCoordinates(e);
@@ -2688,8 +2688,8 @@ class Js {
     }
     if (t < 0 || !d) {
       this.zoom(t, {
-        pointX: o.left,
-        pointY: o.top
+        pointX: n.left,
+        pointY: n.top
       });
       return;
     }
@@ -2710,11 +2710,11 @@ class Js {
   zoom(t = Ye, e = {}) {
     var g, f;
     if (!t) return;
-    const { minZoom: s, maxZoom: o } = this, { canvas: n } = this.editor, i = t < 0, a = n.getZoom(), r = n.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new et(c, d);
+    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, i = t < 0, a = o.getZoom(), r = o.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new et(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
     let u = Number((a + Number(t)).toFixed(3));
-    u > o && (u = o), u < s && (u = s), n.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), n.fire("editor:zoom-changed", {
-      currentZoom: n.getZoom(),
+    u > n && (u = n), u < s && (u = s), o.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), o.fire("editor:zoom-changed", {
+      currentZoom: o.getZoom(),
       zoom: u,
       point: l
     });
@@ -2725,12 +2725,12 @@ class Js {
    * @fires editor:zoom-changed
    */
   setZoom(t = this.defaultZoom) {
-    const { minZoom: e, maxZoom: s } = this, { canvas: o } = this.editor, n = new et(o.getCenterPoint());
+    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new et(n.getCenterPoint());
     let i = t;
-    t > s && (i = s), t < e && (i = e), o.zoomToPoint(n, i), o.fire("editor:zoom-changed", {
-      currentZoom: o.getZoom(),
+    t > s && (i = s), t < e && (i = e), n.zoomToPoint(o, i), n.fire("editor:zoom-changed", {
+      currentZoom: n.getZoom(),
       zoom: i,
-      point: n
+      point: o
     }), this.editor.panConstraintManager.updateBounds();
   }
   /**
@@ -2775,8 +2775,8 @@ class $s {
     const { canvas: t, montageArea: e, historyManager: s } = this.editor;
     if (!e || !this.overlayMask) return;
     s.suspendHistory(), e.setCoords();
-    const { left: o, top: n, width: i, height: a } = e.getBoundingRect();
-    this.overlayMask.set({ left: o, top: n, width: i, height: a }), t.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
+    const { left: n, top: o, width: i, height: a } = e.getBoundingRect();
+    this.overlayMask.set({ left: n, top: o, width: i, height: a }), t.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, { withoutSave: !0 }), s.resumeHistory();
   }
   /**
    * Выключает редактор:
@@ -2787,8 +2787,8 @@ class $s {
   block() {
     if (this.isBlocked || !this.overlayMask) return;
     const { canvas: t, canvasManager: e, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !0, t.discardActiveObject(), t.selection = !1, t.skipTargetFind = !0, e.getObjects().forEach((o) => {
-      o.evented = !1, o.selectable = !1;
+    s.suspendHistory(), this.isBlocked = !0, t.discardActiveObject(), t.selection = !1, t.skipTargetFind = !0, e.getObjects().forEach((n) => {
+      n.evented = !1, n.selectable = !1;
     }), t.upperCanvasEl.style.pointerEvents = "none", t.lowerCanvasEl.style.pointerEvents = "none", this.overlayMask.visible = !0, this.refresh(), t.fire("editor:disabled"), s.resumeHistory();
   }
   /**
@@ -2797,8 +2797,8 @@ class $s {
   unblock() {
     if (!this.isBlocked || !this.overlayMask) return;
     const { canvas: t, canvasManager: e, historyManager: s } = this.editor;
-    s.suspendHistory(), this.isBlocked = !1, t.selection = !0, t.skipTargetFind = !1, e.getObjects().forEach((o) => {
-      o.evented = !0, o.selectable = !0;
+    s.suspendHistory(), this.isBlocked = !1, t.selection = !0, t.skipTargetFind = !1, e.getObjects().forEach((n) => {
+      n.evented = !0, n.selectable = !0;
     }), t.upperCanvasEl.style.pointerEvents = "", t.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, t.requestRenderAll(), t.fire("editor:enabled"), s.resumeHistory();
   }
 }
@@ -2815,30 +2815,37 @@ class Ot {
   setColorBackground({
     color: t,
     customData: e = {},
-    withoutSave: s = !1
+    fromTemplate: s = !1,
+    withoutSave: n = !1
   }) {
     var o;
     try {
-      const { historyManager: n } = this.editor, { backgroundObject: i } = this;
-      if (n.suspendHistory(), i && i.backgroundType === "color") {
-        if (i.fill === t) {
-          n.resumeHistory();
+      const { historyManager: i } = this.editor, { backgroundObject: a } = this;
+      if (i.suspendHistory(), a && a.backgroundType === "color") {
+        if (a.fill === t) {
+          i.resumeHistory();
           return;
         }
-        i.set({
+        a.set({
           fill: t,
           backgroundId: `background-${V()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(t);
-      (o = this.backgroundObject) == null || o.set({ customData: e }), this.editor.canvas.fire("editor:background:changed", { type: "color", color: t }), n.resumeHistory(), s || n.saveState();
-    } catch (n) {
+      (o = this.backgroundObject) == null || o.set({ customData: e }), this.editor.canvas.fire("editor:background:changed", {
+        type: "color",
+        color: t,
+        customData: e,
+        fromTemplate: s,
+        withoutSave: n
+      }), i.resumeHistory(), n || i.saveState();
+    } catch (i) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setColorBackground",
         message: "Не удалось установить цветовой фон",
-        data: { error: n }
+        data: { error: i, color: t, customData: e, fromTemplate: s, withoutSave: n }
       });
     }
   }
@@ -2851,34 +2858,38 @@ class Ot {
   setGradientBackground({
     gradient: t,
     customData: e = {},
-    withoutSave: s = !1
+    fromTemplate: s = !1,
+    withoutSave: n = !1
   }) {
     var o;
     try {
-      const { historyManager: n } = this.editor, { backgroundObject: i } = this;
-      if (n.suspendHistory(), i && i.backgroundType === "gradient") {
-        const a = Ot._createFabricGradient(t);
-        if (Ot._isGradientEqual(i.fill, a)) {
-          n.resumeHistory();
+      const { historyManager: i } = this.editor, { backgroundObject: a } = this;
+      if (i.suspendHistory(), a && a.backgroundType === "gradient") {
+        const r = Ot._createFabricGradient(t);
+        if (Ot._isGradientEqual(a.fill, r)) {
+          i.resumeHistory();
           return;
         }
-        i.set({
-          fill: a,
+        a.set({
+          fill: r,
           backgroundId: `background-${V()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(t);
       (o = this.backgroundObject) == null || o.set({ customData: e }), this.editor.canvas.fire("editor:background:changed", {
         type: "gradient",
+        customData: e,
+        fromTemplate: s,
+        withoutSave: n,
         gradientParams: t
-      }), n.resumeHistory(), s || n.saveState();
-    } catch (n) {
+      }), i.resumeHistory(), n || i.saveState();
+    } catch (i) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
         origin: "BackgroundManager",
         method: "setGradientBackground",
         message: "Не удалось установить градиентный фон",
-        data: { error: n }
+        data: { error: i, gradient: t, customData: e, fromTemplate: s, withoutSave: n }
       });
     }
   }
@@ -2890,8 +2901,8 @@ class Ot {
     angle: t,
     startColor: e,
     endColor: s,
-    startPosition: o,
-    endPosition: n,
+    startPosition: n,
+    endPosition: o,
     colorStops: i,
     customData: a = {},
     withoutSave: r = !1
@@ -2902,8 +2913,8 @@ class Ot {
         angle: t,
         startColor: e,
         endColor: s,
-        startPosition: o,
-        endPosition: n,
+        startPosition: n,
+        endPosition: o,
         colorStops: i
       },
       customData: a,
@@ -2918,8 +2929,8 @@ class Ot {
     centerX: t,
     centerY: e,
     radius: s,
-    startColor: o,
-    endColor: n,
+    startColor: n,
+    endColor: o,
     startPosition: i,
     endPosition: a,
     colorStops: r,
@@ -2932,8 +2943,8 @@ class Ot {
         centerX: t,
         centerY: e,
         radius: s,
-        startColor: o,
-        endColor: n,
+        startColor: n,
+        endColor: o,
         startPosition: i,
         endPosition: a,
         colorStops: r
@@ -2952,22 +2963,26 @@ class Ot {
     return k(this, arguments, function* ({
       imageSource: t,
       customData: e = {},
-      withoutSave: s = !1
+      fromTemplate: s = !1,
+      withoutSave: n = !1
     }) {
       try {
-        const { historyManager: n } = this.editor;
-        n.suspendHistory(), yield this._createImageBackground(t, e), this.editor.canvas.fire("editor:background:changed", {
+        const { historyManager: i } = this.editor;
+        i.suspendHistory(), yield this._createImageBackground(t, e), this.editor.canvas.fire("editor:background:changed", {
           type: "image",
           imageSource: t,
+          customData: e,
+          fromTemplate: s,
+          withoutSave: n,
           backgroundObject: this.backgroundObject
-        }), n.resumeHistory(), s || n.saveState();
-      } catch (n) {
+        }), i.resumeHistory(), n || i.saveState();
+      } catch (i) {
         this.editor.errorManager.emitError({
           code: "BACKGROUND_CREATION_FAILED",
           origin: "BackgroundManager",
           method: "setImageBackground",
           message: "Не удалось установить изображение в качестве фона",
-          data: { error: n }
+          data: { error: i, imageSource: t, customData: e, fromTemplate: s, withoutSave: n }
         });
       }
     });
@@ -2981,14 +2996,14 @@ class Ot {
     try {
       const { historyManager: e } = this.editor;
       if (!this.backgroundObject) return;
-      e.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("editor:background:removed"), e.resumeHistory(), t || e.saveState();
+      e.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("editor:background:removed", { withoutSave: t }), e.resumeHistory(), t || e.saveState();
     } catch (e) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_REMOVAL_FAILED",
         origin: "BackgroundManager",
         method: "removeBackground",
         message: "Не удалось удалить фон",
-        data: { error: e }
+        data: { error: e, withoutSave: t }
       });
     }
   }
@@ -2999,8 +3014,8 @@ class Ot {
     const { canvas: t, montageArea: e, historyManager: s } = this.editor;
     if (!e || !this.backgroundObject) return;
     s.suspendHistory(), this.editor.transformManager.fitObject({ object: this.backgroundObject, withoutSave: !0, type: "cover" });
-    const o = t.getObjects(), n = o.indexOf(e), i = o.indexOf(this.backgroundObject);
-    this.backgroundObject && i !== n + 1 && t.moveObjectTo(this.backgroundObject, n + 1), t.requestRenderAll(), s.resumeHistory();
+    const n = t.getObjects(), o = n.indexOf(e), i = n.indexOf(this.backgroundObject);
+    this.backgroundObject && i !== o + 1 && t.moveObjectTo(this.backgroundObject, o + 1), t.requestRenderAll(), s.resumeHistory();
   }
   /**
    * Создает цветовой фон.
@@ -3043,14 +3058,14 @@ class Ot {
    */
   _createImageBackground(t, e) {
     return k(this, null, function* () {
-      var o;
-      const { image: s } = (o = yield this.editor.imageManager.importImage({
+      var n;
+      const { image: s } = (n = yield this.editor.imageManager.importImage({
         source: t,
         withoutSave: !0,
         isBackground: !0,
         withoutSelection: !0,
         scale: "image-cover"
-      })) != null ? o : {};
+      })) != null ? n : {};
       if (!s)
         throw new Error("Не удалось загрузить изображение");
       s.set({
@@ -3079,8 +3094,8 @@ class Ot {
     const {
       startColor: e,
       endColor: s,
-      startPosition: o = 0,
-      endPosition: n = 100,
+      startPosition: n = 0,
+      endPosition: o = 100,
       colorStops: i
     } = t;
     let a;
@@ -3088,8 +3103,8 @@ class Ot {
       offset: u.offset / 100,
       color: u.color
     })) : e && s ? a = [
-      { offset: o / 100, color: e },
-      { offset: n / 100, color: s }
+      { offset: n / 100, color: e },
+      { offset: o / 100, color: s }
     ] : a = [
       { offset: 0, color: "#000000" },
       { offset: 1, color: "#ffffff" }
@@ -3142,9 +3157,9 @@ class Ot {
    */
   static _isGradientEqual(t, e) {
     if (!t || !e || t.type !== e.type) return !1;
-    const s = t.colorStops || [], o = e.colorStops || [];
-    return s.length !== o.length || !s.every((i, a) => {
-      const r = o[a];
+    const s = t.colorStops || [], n = e.colorStops || [];
+    return s.length !== n.length || !s.every((i, a) => {
+      const r = n[a];
       return i.color === r.color && Math.abs(i.offset - r.offset) < 1e-4;
     }) ? !1 : t.type === "linear" && e.type === "linear" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 : t.type === "radial" && e.type === "radial" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 && Math.abs(t.coords.r1 - e.coords.r1) < 1e-4 && Math.abs(t.coords.r2 - e.coords.r2) < 1e-4 : !1;
   }
@@ -3161,13 +3176,13 @@ class te {
    * @fires editor:object-bring-to-front
    */
   bringToFront(t, { withoutSave: e } = {}) {
-    const { canvas: s, historyManager: o } = this.editor;
-    o.suspendHistory();
-    const n = t || s.getActiveObject();
-    n && (n instanceof U ? n.getObjects().forEach((i) => {
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const o = t || s.getActiveObject();
+    o && (o instanceof U ? o.getObjects().forEach((i) => {
       s.bringObjectToFront(i);
-    }) : s.bringObjectToFront(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-to-front", {
-      object: n,
+    }) : s.bringObjectToFront(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-to-front", {
+      object: o,
       withoutSave: e
     }));
   }
@@ -3179,11 +3194,11 @@ class te {
    * @fires editor:object-bring-forward
    */
   bringForward(t, { withoutSave: e } = {}) {
-    const { canvas: s, historyManager: o } = this.editor;
-    o.suspendHistory();
-    const n = t || s.getActiveObject();
-    n && (n instanceof U ? te._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-forward", {
-      object: n,
+    const { canvas: s, historyManager: n } = this.editor;
+    n.suspendHistory();
+    const o = t || s.getActiveObject();
+    o && (o instanceof U ? te._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
+      object: o,
       withoutSave: e
     }));
   }
@@ -3197,12 +3212,12 @@ class te {
   sendToBack(t, { withoutSave: e } = {}) {
     const {
       canvas: s,
-      montageArea: o,
-      historyManager: n,
+      montageArea: n,
+      historyManager: o,
       interactionBlocker: { overlayMask: i },
       backgroundManager: { backgroundObject: a }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const r = t || s.getActiveObject();
     if (r) {
       if (r instanceof U) {
@@ -3211,7 +3226,7 @@ class te {
           s.sendObjectToBack(c[d]);
       } else
         s.sendObjectToBack(r);
-      a && s.sendObjectToBack(a), s.sendObjectToBack(o), i && s.sendObjectToBack(i), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-send-to-back", {
+      a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-to-back", {
         object: r,
         withoutSave: e
       });
@@ -3226,14 +3241,14 @@ class te {
   sendBackwards(t, { withoutSave: e } = {}) {
     const {
       canvas: s,
-      montageArea: o,
-      historyManager: n,
+      montageArea: n,
+      historyManager: o,
       interactionBlocker: { overlayMask: i },
       backgroundManager: { backgroundObject: a }
     } = this.editor;
-    n.suspendHistory();
+    o.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof U ? te._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(o), i && s.sendObjectToBack(i), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof U ? te._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: e
     }));
@@ -3245,15 +3260,15 @@ class te {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionForward(t, e) {
-    const s = t.getObjects(), o = e.getObjects();
-    if (!o.some((a) => {
+    const s = t.getObjects(), n = e.getObjects();
+    if (!n.some((a) => {
       const r = s.indexOf(a);
       for (let c = r + 1; c < s.length; c += 1)
-        if (!o.includes(s[c]))
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
-    o.map((a) => ({ obj: a, index: s.indexOf(a) })).sort((a, r) => r.index - a.index).forEach((a) => {
+    n.map((a) => ({ obj: a, index: s.indexOf(a) })).sort((a, r) => r.index - a.index).forEach((a) => {
       t.bringObjectForward(a.obj);
     });
   }
@@ -3264,20 +3279,20 @@ class te {
    * @param activeSelection - активное выделение
    */
   static _moveSelectionBackwards(t, e) {
-    const s = t.getObjects(), o = e.getObjects();
-    if (!o.some((a) => {
+    const s = t.getObjects(), n = e.getObjects();
+    if (!n.some((a) => {
       const r = s.indexOf(a);
       for (let c = r - 1; c >= 0; c -= 1)
-        if (!o.includes(s[c]))
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
-    o.map((a) => ({ obj: a, index: s.indexOf(a) })).sort((a, r) => a.index - r.index).forEach((a) => {
+    n.map((a) => ({ obj: a, index: s.indexOf(a) })).sort((a, r) => a.index - r.index).forEach((a) => {
       t.sendObjectBackwards(a.obj);
     });
   }
 }
-class to {
+class tn {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -3306,8 +3321,8 @@ class to {
       id: t = `rect-${V()}`,
       left: e,
       top: s,
-      width: o = 100,
-      height: n = 100,
+      width: n = 100,
+      height: o = 100,
       fill: i = "blue"
     } = l, a = vt(l, [
       "id",
@@ -3321,8 +3336,8 @@ class to {
       id: t,
       left: e,
       top: s,
-      width: o,
-      height: n,
+      width: n,
+      height: o,
       fill: i
     }, a));
     return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
@@ -3348,8 +3363,8 @@ class to {
       id: t = `circle-${V()}`,
       left: e,
       top: s,
-      radius: o = 50,
-      fill: n = "green"
+      radius: n = 50,
+      fill: o = "green"
     } = d, i = vt(d, [
       "id",
       "left",
@@ -3361,8 +3376,8 @@ class to {
       id: t,
       left: e,
       top: s,
-      fill: n,
-      radius: o
+      fill: o,
+      radius: n
     }, i));
     return !e && !s && l.centerObject(u), r || (l.add(u), a || l.setActiveObject(u), l.renderAll()), u;
   }
@@ -3388,8 +3403,8 @@ class to {
       id: t = `triangle-${V()}`,
       left: e,
       top: s,
-      width: o = 100,
-      height: n = 100,
+      width: n = 100,
+      height: o = 100,
       fill: i = "yellow"
     } = l, a = vt(l, [
       "id",
@@ -3404,13 +3419,13 @@ class to {
       left: e,
       top: s,
       fill: i,
-      width: o,
-      height: n
+      width: n,
+      height: o
     }, a));
     return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
   }
 }
-class eo {
+class en {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -3441,15 +3456,15 @@ class eo {
     return k(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
-        const o = yield t.clone(Kt);
-        this.clipboard = o, e.fire("editor:object-copied", { object: o });
-      } catch (o) {
+        const n = yield t.clone(Kt);
+        this.clipboard = n, e.fire("editor:object-copied", { object: n });
+      } catch (n) {
         s.emitError({
           origin: "ClipboardManager",
           method: "_cloneToInternalClipboard",
           code: "CLONE_FAILED",
           message: "Ошибка клонирования объекта для внутреннего буфера",
-          data: o
+          data: n
         });
       }
     });
@@ -3468,8 +3483,8 @@ class eo {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = t.toObject(Kt), o = JSON.stringify(s);
-        return t.type === "image" ? this._copyImageToClipboard(t, o) : this._copyTextToClipboard(o);
+        const s = t.toObject(Kt), n = JSON.stringify(s);
+        return t.type === "image" ? this._copyImageToClipboard(t, n) : this._copyTextToClipboard(n);
       } catch (s) {
         return e.emitError({
           origin: "ClipboardManager",
@@ -3487,10 +3502,10 @@ class eo {
   _copyImageToClipboard(t, e) {
     return k(this, null, function* () {
       try {
-        const o = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = o.slice(5).split(";")[0], i = o.split(",")[1], a = atob(i), r = new Uint8Array(a.length);
+        const n = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = n.slice(5).split(";")[0], i = n.split(",")[1], a = atob(i), r = new Uint8Array(a.length);
         for (let l = 0; l < a.length; l += 1)
           r[l] = a.charCodeAt(l);
-        const c = new Blob([r.buffer], { type: n }), d = new ClipboardItem({ [n]: c });
+        const c = new Blob([r.buffer], { type: o }), d = new ClipboardItem({ [o]: c });
         return yield navigator.clipboard.write([d]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -3530,8 +3545,8 @@ class eo {
   _addClonedObjectToCanvas(t) {
     const { canvas: e, historyManager: s } = this.editor;
     if (e.discardActiveObject(), t instanceof U) {
-      s.suspendHistory(), t.canvas = e, t.forEachObject((o) => {
-        e.add(o);
+      s.suspendHistory(), t.canvas = e, t.forEachObject((n) => {
+        e.add(n);
       }), e.setActiveObject(t), e.requestRenderAll(), s.resumeHistory(), s.saveState();
       return;
     }
@@ -3562,26 +3577,26 @@ class eo {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const o = yield s.clone(Kt);
-        return o instanceof U && o.forEachObject((n) => {
-          n.set({
-            id: `${n.type}-${V()}`,
+        const n = yield s.clone(Kt);
+        return n instanceof U && n.forEachObject((o) => {
+          o.set({
+            id: `${o.type}-${V()}`,
             evented: !0
           });
-        }), o.set({
-          id: `${o.type}-${V()}`,
-          left: o.left + 10,
-          top: o.top + 10,
+        }), n.set({
+          id: `${n.type}-${V()}`,
+          left: n.left + 10,
+          top: n.top + 10,
           evented: !0
-        }), this._addClonedObjectToCanvas(o), e.fire("editor:object-duplicated", { object: o }), !0;
-      } catch (o) {
-        const { errorManager: n } = this.editor;
-        return n.emitError({
+        }), this._addClonedObjectToCanvas(n), e.fire("editor:object-duplicated", { object: n }), !0;
+      } catch (n) {
+        const { errorManager: o } = this.editor;
+        return o.emitError({
           origin: "ClipboardManager",
           method: "copyPaste",
           code: "COPY_PASTE_FAILED",
           message: "Ошибка создания копии объекта",
-          data: o
+          data: n
         }), !1;
       }
     });
@@ -3604,8 +3619,8 @@ class eo {
         this.paste();
         return;
       }
-      const { items: o } = t, n = o[o.length - 1], i = n.getAsFile();
-      if (n.type !== "text/html" && i) {
+      const { items: n } = t, o = n[n.length - 1], i = o.getAsFile();
+      if (o.type !== "text/html" && i) {
         const c = new FileReader();
         c.onload = (d) => {
           d.target && this._handleImageImport(d.target.result).catch((l) => {
@@ -3686,7 +3701,7 @@ class ee {
    * @fires editor:object-locked
    */
   lockObject({ object: t, skipInnerObjects: e, withoutSave: s } = {}) {
-    const { canvas: o, historyManager: n } = this.editor, i = t || o.getActiveObject();
+    const { canvas: n, historyManager: o } = this.editor, i = t || n.getActiveObject();
     if (!i || i.locked) return;
     const a = {
       lockMovementX: !0,
@@ -3701,7 +3716,7 @@ class ee {
     };
     i.set(a), !e && ee._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
-    }), o.renderAll(), s || n.saveState(), o.fire("editor:object-locked", {
+    }), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
       object: i,
       skipInnerObjects: e,
       withoutSave: s
@@ -3715,8 +3730,8 @@ class ee {
    * @fires editor:object-unlocked
    */
   unlockObject({ object: t, withoutSave: e } = {}) {
-    const { canvas: s, historyManager: o } = this.editor, n = t || s.getActiveObject();
-    if (!n) return;
+    const { canvas: s, historyManager: n } = this.editor, o = t || s.getActiveObject();
+    if (!o) return;
     const i = {
       lockMovementX: !1,
       lockMovementY: !1,
@@ -3728,10 +3743,10 @@ class ee {
       editable: !0,
       locked: !1
     };
-    n.set(i), ee._isGroupOrSelection(n) && n.getObjects().forEach((a) => {
+    o.set(i), ee._isGroupOrSelection(o) && o.getObjects().forEach((a) => {
       a.set(i);
-    }), s.renderAll(), e || o.saveState(), s.fire("editor:object-unlocked", {
-      object: n,
+    }), s.renderAll(), e || n.saveState(), s.fire("editor:object-unlocked", {
+      object: o,
       withoutSave: e
     });
   }
@@ -3739,7 +3754,7 @@ class ee {
     return t instanceof U || t instanceof Et;
   }
 }
-class so {
+class sn {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3759,17 +3774,17 @@ class so {
    */
   _getGroupsToUngroup(t) {
     if (Array.isArray(t)) {
-      const s = t.filter((o) => o instanceof Et);
+      const s = t.filter((n) => n instanceof Et);
       return s.length > 0 ? s : null;
     }
     if (t instanceof U) {
-      const s = t.getObjects().filter((o) => o instanceof Et);
+      const s = t.getObjects().filter((n) => n instanceof Et);
       return s.length > 0 ? s : null;
     }
     const e = t || this.editor.canvas.getActiveObject();
     if (!e) return null;
     if (e instanceof U) {
-      const s = e.getObjects().filter((o) => o instanceof Et);
+      const s = e.getObjects().filter((n) => n instanceof Et);
       return s.length > 0 ? s : null;
     }
     return e instanceof Et ? [e] : null;
@@ -3785,21 +3800,21 @@ class so {
     target: t,
     withoutSave: e = !1
   } = {}) {
-    const { canvas: s, historyManager: o } = this.editor, n = this._getObjectsToGroup(t);
-    if (!n) return null;
+    const { canvas: s, historyManager: n } = this.editor, o = this._getObjectsToGroup(t);
+    if (!o) return null;
     try {
-      o.suspendHistory();
-      const i = new Et(n, {
+      n.suspendHistory();
+      const i = new Et(o, {
         id: `group-${V()}`
       });
-      n.forEach((r) => s.remove(r)), s.add(i), s.setActiveObject(i), s.requestRenderAll();
+      o.forEach((r) => s.remove(r)), s.add(i), s.setActiveObject(i), s.requestRenderAll();
       const a = {
         group: i,
         withoutSave: e
       };
       return s.fire("editor:objects-grouped", a), a;
     } finally {
-      o.resumeHistory(), e || o.saveState();
+      n.resumeHistory(), e || n.saveState();
     }
   }
   /**
@@ -3814,12 +3829,12 @@ class so {
     target: t,
     withoutSave: e = !1
   } = {}) {
-    const { canvas: s, historyManager: o } = this.editor, n = this._getGroupsToUngroup(t);
-    if (!n) return null;
+    const { canvas: s, historyManager: n } = this.editor, o = this._getGroupsToUngroup(t);
+    if (!o) return null;
     try {
-      o.suspendHistory();
+      n.suspendHistory();
       const i = [];
-      n.forEach((c) => {
+      o.forEach((c) => {
         const d = c.removeAll();
         s.remove(c), d.forEach((l) => {
           s.add(l), i.push(l);
@@ -3836,11 +3851,11 @@ class so {
       };
       return s.fire("editor:objects-ungrouped", r), r;
     } finally {
-      o.resumeHistory(), e || o.saveState();
+      n.resumeHistory(), e || n.saveState();
     }
   }
 }
-class oo {
+class nn {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3851,8 +3866,8 @@ class oo {
   selectAll() {
     const { canvas: t, canvasManager: e, objectLockManager: s } = this.editor;
     t.discardActiveObject();
-    const o = e.getObjects(), n = o.some((a) => a.locked), i = o.length > 1 ? new U(e.getObjects(), { canvas: t }) : o[0];
-    n && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(i), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: i });
+    const n = e.getObjects(), o = n.some((a) => a.locked), i = n.length > 1 ? new U(e.getObjects(), { canvas: t }) : n[0];
+    o && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(i), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: i });
   }
 }
 class Me {
@@ -3873,11 +3888,11 @@ class Me {
    * @returns массив всех удаленных объектов (включая саму группу)
    */
   _handleGroupDeletion(t) {
-    var o;
-    const { groupingManager: e } = this.editor, { ungroupedObjects: s = [] } = (o = e.ungroup({
+    var n;
+    const { groupingManager: e } = this.editor, { ungroupedObjects: s = [] } = (n = e.ungroup({
       object: t,
       withoutSave: !0
-    })) != null ? o : {};
+    })) != null ? n : {};
     return this.deleteSelectedObjects({
       objects: s,
       withoutSave: !0,
@@ -3897,9 +3912,9 @@ class Me {
     withoutSave: e = !1,
     _isRecursiveCall: s = !1
   } = {}) {
-    const { canvas: o, historyManager: n } = this.editor, a = (t || o.getActiveObjects()).filter((d) => !d.locked);
+    const { canvas: n, historyManager: o } = this.editor, a = (t || n.getActiveObjects()).filter((d) => !d.locked);
     if (!(a != null && a.length)) return null;
-    s || n.suspendHistory();
+    s || o.suspendHistory();
     const r = [];
     if (a.forEach((d) => {
       if (Me._isUngroupableGroup(d)) {
@@ -3907,14 +3922,14 @@ class Me {
         r.push(...l);
         return;
       }
-      o.remove(d), r.push(d);
+      n.remove(d), r.push(d);
     }), s) return null;
-    o.discardActiveObject(), o.renderAll(), n.resumeHistory(), e || n.saveState();
+    n.discardActiveObject(), n.renderAll(), o.resumeHistory(), e || o.saveState();
     const c = {
       objects: r,
       withoutSave: e
     };
-    return o.fire("editor:objects-deleted", c), c;
+    return n.fire("editor:objects-deleted", c), c;
   }
 }
 const bt = {
@@ -4048,20 +4063,20 @@ class Wt {
    * @param options.message — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: o, message: n }) {
+  emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: n, message: o }) {
     if (!Wt.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
     if (!s) return;
-    const i = n || s;
-    console.error(`${t}. ${e}. ${s}. ${i}`, o);
+    const i = o || s;
+    console.error(`${t}. ${e}. ${s}. ${i}`, n);
     const a = {
       code: s,
       origin: t,
       method: e,
       message: i,
-      data: o
+      data: n
     };
     this._buffer.push(B({
       type: "editor:error"
@@ -4077,19 +4092,19 @@ class Wt {
    * @param options.message — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: o, data: n }) {
+  emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: n, data: o }) {
     if (!Wt.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
-    const i = o || s;
-    console.warn(`${t}. ${e}. ${s}. ${i}`, n);
+    const i = n || s;
+    console.warn(`${t}. ${e}. ${s}. ${i}`, o);
     const a = {
       code: s,
       origin: t,
       method: e,
       message: i,
-      data: n
+      data: o
     };
     this._buffer.push(B({
       type: "editor:warning"
@@ -4104,7 +4119,7 @@ class Wt {
     return t ? Object.values(bt).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
-class no {
+class on {
   constructor({ editor: t }) {
     this.currentBounds = null, this.editor = t;
   }
@@ -4117,8 +4132,8 @@ class no {
    * @returns Объект с границами перетаскивания
    */
   calculatePanBounds() {
-    const { canvas: t, montageArea: e, zoomManager: s } = this.editor, { defaultZoom: o } = s, n = t.getZoom();
-    if (n <= o)
+    const { canvas: t, montageArea: e, zoomManager: s } = this.editor, { defaultZoom: n } = s, o = t.getZoom();
+    if (o <= n)
       return {
         minX: 0,
         maxX: 0,
@@ -4126,7 +4141,7 @@ class no {
         maxY: 0,
         canPan: !1
       };
-    const i = e.width * n, a = e.height * n, r = i / 2, c = a / 2;
+    const i = e.width * o, a = e.height * o, r = i / 2, c = a / 2;
     return {
       minX: -r,
       maxX: r,
@@ -4154,13 +4169,13 @@ class no {
   constrainPan(t, e) {
     if (!this.currentBounds || !this.currentBounds.canPan)
       return { x: 0, y: 0 };
-    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = o.left, a = o.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = i * n + t - r, l = a * n + e - c, u = Math.max(
+    const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), i = n.left, a = n.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = i * o + t - r, l = a * o + e - c, u = Math.max(
       this.currentBounds.minX,
       Math.min(this.currentBounds.maxX, d)
     ), g = Math.max(
       this.currentBounds.minY,
       Math.min(this.currentBounds.maxY, l)
-    ), f = u + r - i * n, p = g + c - a * n;
+    ), f = u + r - i * o, p = g + c - a * o;
     return {
       x: f,
       y: p
@@ -4178,7 +4193,7 @@ class no {
    * @returns Объект с координатами смещения
    */
   getCurrentOffset() {
-    const { canvas: t, montageArea: e } = this.editor, s = t.getZoom(), o = t.viewportTransform, n = e.left, i = e.top, a = t.getWidth() / 2, r = t.getHeight() / 2, c = n * s + o[4] - a, d = i * s + o[5] - r;
+    const { canvas: t, montageArea: e } = this.editor, s = t.getZoom(), n = t.viewportTransform, o = e.left, i = e.top, a = t.getWidth() / 2, r = t.getHeight() / 2, c = o * s + n[4] - a, d = i * s + n[5] - r;
     return { x: c, y: d };
   }
   /**
@@ -4193,10 +4208,10 @@ const at = ({
   value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(h, t), e), Dt = class Dt extends nt {
+}) => Math.min(Math.max(h, t), e), Dt = class Dt extends ot {
   constructor(t, e = {}) {
-    var s, o, n, i, a, r, c, d, l;
-    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (o = e.paddingTop) != null ? o : 0, this.paddingRight = (n = e.paddingRight) != null ? n : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0, this._roundDimensions();
+    var s, n, o, i, a, r, c, d, l;
+    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (n = e.paddingTop) != null ? n : 0, this.paddingRight = (o = e.paddingRight) != null ? o : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0, this._roundDimensions();
   }
   /**
    * Пересчитывает размеры текста и округляет их до целых значений.
@@ -4241,10 +4256,10 @@ const at = ({
     });
   }
   _renderBackground(t) {
-    var s, o;
+    var s, n;
     const e = this._getEffectiveBackgroundFill();
     if (e && e) {
-      const n = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (o = this.height) != null ? o : 0, r = i + n.left + n.right, c = a + n.top + n.bottom, d = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
+      const o = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (n = this.height) != null ? n : 0, r = i + o.left + o.right, c = a + o.top + o.bottom, d = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - o.left, u = this._getTopOffset() - o.top;
       t.save(), Dt._renderRoundedRect({
         ctx: t,
         height: c,
@@ -4256,8 +4271,8 @@ const at = ({
     }
   }
   _getBackgroundDimensions() {
-    var o, n, i, a;
-    const t = (n = (o = this.width) != null ? o : this.calcTextWidth()) != null ? n : 0, e = (a = (i = this.height) != null ? i : this.calcTextHeight()) != null ? a : 0, s = this._getPadding();
+    var n, o, i, a;
+    const t = (o = (n = this.width) != null ? n : this.calcTextWidth()) != null ? o : 0, e = (a = (i = this.height) != null ? i : this.calcTextHeight()) != null ? a : 0, s = this._getPadding();
     return {
       height: e + s.top + s.bottom,
       width: t + s.left + s.right
@@ -4265,38 +4280,38 @@ const at = ({
   }
   _getCornerRadii({ width: t, height: e }) {
     var i, a, r, c;
-    const s = t / 2, o = e / 2, n = Math.min(s, o);
+    const s = t / 2, n = e / 2, o = Math.min(s, n);
     return {
-      bottomLeft: at({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: n }),
-      bottomRight: at({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: n }),
-      topLeft: at({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: n }),
-      topRight: at({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: n })
+      bottomLeft: at({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
+      bottomRight: at({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
+      topLeft: at({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
+      topRight: at({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
     };
   }
   _getPadding() {
-    var t, e, s, o;
+    var t, e, s, n;
     return {
       bottom: (t = this.paddingBottom) != null ? t : 0,
       left: (e = this.paddingLeft) != null ? e : 0,
       right: (s = this.paddingRight) != null ? s : 0,
-      top: (o = this.paddingTop) != null ? o : 0
+      top: (n = this.paddingTop) != null ? n : 0
     };
   }
   _getEffectiveBackgroundFill() {
-    var o;
+    var n;
     const t = this.backgroundColor;
     if (!t) return null;
-    const e = at({ value: (o = this.backgroundOpacity) != null ? o : 1, min: 0, max: 1 });
+    const e = at({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
     let s;
     try {
       s = new ps(t);
-    } catch (n) {
+    } catch (o) {
       return Wt.emitError({
         origin: "BackgroundTextbox",
         method: "_getEffectiveBackgroundFill",
         code: "INVALID_COLOR_VALUE",
         message: `Некорректное значение цвета фона: ${t}`,
-        data: { color: t, error: n }
+        data: { color: t, error: o }
       }), null;
     }
     return s.setAlpha(e), s.toRgba();
@@ -4305,17 +4320,17 @@ const at = ({
     ctx: t,
     height: e,
     left: s,
-    radii: o,
-    top: n,
+    radii: n,
+    top: o,
     width: i
   }) {
-    const a = s + i, r = n + e, {
+    const a = s + i, r = o + e, {
       topLeft: c,
       topRight: d,
       bottomRight: l,
       bottomLeft: u
-    } = o, g = at({ value: c, min: 0, max: i }), f = at({ value: d, min: 0, max: i }), p = at({ value: l, min: 0, max: i }), m = at({ value: u, min: 0, max: i });
-    t.beginPath(), t.moveTo(s + g, n), t.lineTo(a - f, n), t.quadraticCurveTo(a, n, a, n + f), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, n + g), t.quadraticCurveTo(s, n, s + g, n), t.closePath();
+    } = n, g = at({ value: c, min: 0, max: i }), f = at({ value: d, min: 0, max: i }), p = at({ value: l, min: 0, max: i }), m = at({ value: u, min: 0, max: i });
+    t.beginPath(), t.moveTo(s + g, o), t.lineTo(a - f, o), t.quadraticCurveTo(a, o, a, o + f), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, o + g), t.quadraticCurveTo(s, o, s + g, o), t.closePath();
   }
   /**
    * Округляет текущие значения ширины и высоты до ближайших целых.
@@ -4324,12 +4339,12 @@ const at = ({
     const {
       width: t = 0,
       height: e = 0
-    } = this, s = Math.round(t), o = Math.round(e);
-    s !== t && (this.width = Math.max(0, s)), o !== e && (this.height = Math.max(0, o));
+    } = this, s = Math.round(t), n = Math.round(e);
+    s !== t && (this.width = Math.max(0, s)), n !== e && (this.height = Math.max(0, n));
   }
 };
 Dt.type = "background-textbox", Dt.cacheProperties = [
-  ...Array.isArray(nt.cacheProperties) ? nt.cacheProperties : [],
+  ...Array.isArray(ot.cacheProperties) ? ot.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4341,7 +4356,7 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Dt.stateProperties = [
-  ...Array.isArray(nt.stateProperties) ? nt.stateProperties : [],
+  ...Array.isArray(ot.stateProperties) ? ot.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4354,25 +4369,25 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomLeft"
 ];
 let se = Dt;
-const io = () => {
+const an = () => {
   var h;
   (h = ze) != null && h.setClass && ze.setClass(se, "background-textbox");
-}, ao = ({ textbox: h }) => {
-  var s, o;
+}, rn = ({ textbox: h }) => {
+  var s, n;
   if (!h.isEditing) return null;
-  const t = (s = h.selectionStart) != null ? s : 0, e = (o = h.selectionEnd) != null ? o : t;
+  const t = (s = h.selectionStart) != null ? s : 0, e = (n = h.selectionEnd) != null ? n : t;
   return t === e ? null : {
     start: Math.min(t, e),
     end: Math.max(t, e)
   };
-}, ro = ({ textbox: h }) => {
+}, cn = ({ textbox: h }) => {
   var e, s;
   const t = (s = (e = h.text) == null ? void 0 : e.length) != null ? s : 0;
   return t <= 0 ? null : { start: 0, end: t };
-}, co = ({ textbox: h, range: t }) => {
-  var s, o;
+}, dn = ({ textbox: h, range: t }) => {
+  var s, n;
   if (!t) return !1;
-  const e = (o = (s = h.text) == null ? void 0 : s.length) != null ? o : 0;
+  const e = (n = (s = h.text) == null ? void 0 : s.length) != null ? n : 0;
   return e <= 0 ? !1 : t.start <= 0 && t.end >= e;
 }, ie = ({
   textbox: h,
@@ -4380,14 +4395,14 @@ const io = () => {
   range: e
 }) => {
   if (!t || !Object.keys(t).length) return !1;
-  const { start: s, end: o } = e;
-  return o <= s ? !1 : (h.setSelectionStyles(t, s, o), !0);
+  const { start: s, end: n } = e;
+  return n <= s ? !1 : (h.setSelectionStyles(t, s, n), !0);
 }, Ge = ({
   textbox: h,
   range: t,
   property: e
 }) => {
-  var o;
+  var n;
   if (!t) return;
   const s = h.getSelectionStyles(
     t.start,
@@ -4395,8 +4410,8 @@ const io = () => {
     !0
   );
   if (s.length)
-    return (o = s[0]) == null ? void 0 : o[e];
-}, Ve = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Xe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, ae = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", ot = 0.01;
+    return (n = s[0]) == null ? void 0 : n[e];
+}, Ve = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Xe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, ae = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", nt = 0.01;
 class F {
   constructor({ editor: t }) {
     var e;
@@ -4404,15 +4419,15 @@ class F {
       this.isTextEditingActive = !0;
     }, this._handleTextEditingExited = (s) => {
       var r, c;
-      const { target: o } = s;
-      if (!F._isTextbox(o)) return;
-      const n = (r = o.text) != null ? r : "";
-      if (!!o.uppercase) {
-        const d = (c = o.textCaseRaw) != null ? c : n.toLocaleLowerCase();
-        o.textCaseRaw = d;
+      const { target: n } = s;
+      if (!F._isTextbox(n)) return;
+      const o = (r = n.text) != null ? r : "";
+      if (!!n.uppercase) {
+        const d = (c = n.textCaseRaw) != null ? c : o.toLocaleLowerCase();
+        n.textCaseRaw = d;
       } else
-        o.textCaseRaw = n;
-      F._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
+        n.textCaseRaw = o;
+      F._roundTextboxDimensions({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
@@ -4420,19 +4435,19 @@ class F {
       }, Vs);
     }, this._handleObjectScaling = (s) => {
       var X, It, Ht, mt, Zt, Ct, Se, Ae, je, Ie, Ce, Te, Ee;
-      const { target: o, transform: n } = s;
-      if (o instanceof U || !F._isTextbox(o) || !n) return;
-      o.isScaling = !0;
-      const i = this._ensureScalingState(o), {
+      const { target: n, transform: o } = s;
+      if (n instanceof U || !F._isTextbox(n) || !o) return;
+      n.isScaling = !0;
+      const i = this._ensureScalingState(n), {
         baseWidth: a,
         baseLeft: r,
         baseFontSize: c,
         basePadding: d,
         baseRadii: l,
         baseStyles: u
-      } = i, g = typeof ((X = n.original) == null ? void 0 : X.width) == "number" ? n.original.width : void 0, f = typeof ((It = n.original) == null ? void 0 : It.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Ht = n.corner) != null ? Ht : "", M = (mt = n.action) != null ? mt : "", S = ["ml", "mr"].includes(v) || M === "scaleX", y = ["mt", "mb"].includes(v) || M === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || M === "scale", I = b || y;
+      } = i, g = typeof ((X = o.original) == null ? void 0 : X.width) == "number" ? o.original.width : void 0, f = typeof ((It = o.original) == null ? void 0 : It.left) == "number" ? o.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Ht = o.corner) != null ? Ht : "", M = (mt = o.action) != null ? mt : "", S = ["ml", "mr"].includes(v) || M === "scaleX", y = ["mt", "mb"].includes(v) || M === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || M === "scale", I = b || y;
       if (!S && !y && !b) return;
-      const j = Math.abs((Ct = (Zt = o.scaleX) != null ? Zt : n.scaleX) != null ? Ct : 1) || 1, A = Math.abs((Ae = (Se = o.scaleY) != null ? Se : n.scaleY) != null ? Ae : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * A), {
+      const j = Math.abs((Ct = (Zt = n.scaleX) != null ? Zt : o.scaleX) != null ? Ct : 1) || 1, A = Math.abs((Ae = (Se = n.scaleY) != null ? Se : o.scaleY) != null ? Ae : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * A), {
         paddingTop: E = 0,
         paddingRight: P = 0,
         paddingBottom: x = 0,
@@ -4444,7 +4459,7 @@ class F {
         fontSize: G,
         width: Y,
         originX: K = "left"
-      } = o, tt = b || y, J = b || y, H = tt ? {
+      } = n, tt = b || y, J = b || y, H = tt ? {
         top: Math.max(0, d.top * A),
         right: Math.max(0, d.right * A),
         bottom: Math.max(0, d.bottom * A),
@@ -4457,23 +4472,23 @@ class F {
       } : l, St = Object.keys(u).length > 0;
       let st;
       if (I && St) {
-        const oe = {};
+        const ne = {};
         Object.entries(u).forEach(([as, Oe]) => {
           if (!Oe) return;
-          const ne = {};
+          const oe = {};
           Object.entries(Oe).forEach(([rs, Gt]) => {
             if (!Gt) return;
             const Le = B({}, Gt);
-            typeof Gt.fontSize == "number" && (Le.fontSize = Math.max(1, Gt.fontSize * A)), ne[rs] = Le;
-          }), Object.keys(ne).length && (oe[as] = ne);
-        }), Object.keys(oe).length && (st = oe);
+            typeof Gt.fontSize == "number" && (Le.fontSize = Math.max(1, Gt.fontSize * A)), oe[rs] = Le;
+          }), Object.keys(oe).length && (ne[as] = oe);
+        }), Object.keys(ne).length && (st = ne);
       }
-      const lt = (Ie = (je = n.originX) != null ? je : K) != null ? Ie : "left", pt = m + p, At = m + p / 2, ht = Y != null ? Y : p, jt = w !== ht, Yt = Math.abs(T - (G != null ? G : c)) > ot, xt = Math.abs(H.top - E) > ot || Math.abs(H.right - P) > ot || Math.abs(H.bottom - x) > ot || Math.abs(H.left - N) > ot, Nt = Math.abs(q.topLeft - Z) > ot || Math.abs(q.topRight - D) > ot || Math.abs(q.bottomRight - _) > ot || Math.abs(q.bottomLeft - W) > ot;
+      const lt = (Ie = (je = o.originX) != null ? je : K) != null ? Ie : "left", pt = m + p, At = m + p / 2, ht = Y != null ? Y : p, jt = w !== ht, Yt = Math.abs(T - (G != null ? G : c)) > nt, xt = Math.abs(H.top - E) > nt || Math.abs(H.right - P) > nt || Math.abs(H.bottom - x) > nt || Math.abs(H.left - N) > nt, Nt = Math.abs(q.topLeft - Z) > nt || Math.abs(q.topRight - D) > nt || Math.abs(q.bottomRight - _) > nt || Math.abs(q.bottomLeft - W) > nt;
       if (!jt && !Yt && !xt && !Nt) {
-        o.set({ scaleX: 1, scaleY: 1 }), n.scaleX = 1, n.scaleY = 1;
+        n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
-      st && (o.styles = st), o.set({
+      st && (n.styles = st), n.set({
         width: w,
         fontSize: I ? T : c,
         paddingTop: H.top,
@@ -4487,13 +4502,13 @@ class F {
         scaleX: 1,
         scaleY: 1
       });
-      const Bt = F._roundTextboxDimensions({ textbox: o });
-      Bt && (o.dirty = !0);
-      const ut = (Ce = o.width) != null ? Ce : w, kt = ut !== ht;
+      const Bt = F._roundTextboxDimensions({ textbox: n });
+      Bt && (n.dirty = !0);
+      const ut = (Ce = n.width) != null ? Ce : w, kt = ut !== ht;
       let gt = m;
-      kt && (S || b) && (lt === "right" ? gt = pt - ut : lt === "center" && (gt = At - ut / 2)), o.set({ left: gt }), i.baseLeft = gt, n.scaleX = 1, n.scaleY = 1;
-      const { original: it } = n;
-      it && (it.scaleX = 1, it.scaleY = 1, it.width = ut, it.height = o.height, it.left = gt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Te = o.fontSize) != null ? Te : T, i.baseStyles = JSON.parse(JSON.stringify((Ee = o.styles) != null ? Ee : {})), i.basePadding = {
+      kt && (S || b) && (lt === "right" ? gt = pt - ut : lt === "center" && (gt = At - ut / 2)), n.set({ left: gt }), i.baseLeft = gt, o.scaleX = 1, o.scaleY = 1;
+      const { original: it } = o;
+      it && (it.scaleX = 1, it.scaleY = 1, it.width = ut, it.height = n.height, it.left = gt), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Te = n.fontSize) != null ? Te : T, i.baseStyles = JSON.parse(JSON.stringify((Ee = n.styles) != null ? Ee : {})), i.basePadding = {
         top: H.top,
         right: H.right,
         bottom: H.bottom,
@@ -4506,12 +4521,12 @@ class F {
       }, i.hasWidthChange = kt || Yt || xt || Nt || Bt;
     }, this._handleObjectModified = (s) => {
       var M, S, y;
-      const { target: o } = s;
-      if (o instanceof U) {
-        const b = o.getObjects();
+      const { target: n } = s;
+      if (n instanceof U) {
+        const b = n.getObjects();
         if (!b.some((w) => F._isTextbox(w))) return;
-        const { scaleX: j = 1, scaleY: A = 1 } = o;
-        if (Math.abs(j - 1) < ot && Math.abs(A - 1) < ot) return;
+        const { scaleX: j = 1, scaleY: A = 1 } = n;
+        if (Math.abs(j - 1) < nt && Math.abs(A - 1) < nt) return;
         this.canvas.discardActiveObject(), b.forEach((w) => {
           var T, E, P, x;
           if (F._isTextbox(w)) {
@@ -4558,11 +4573,11 @@ class F {
         this.canvas.setActiveObject(C), this.canvas.requestRenderAll();
         return;
       }
-      if (!F._isTextbox(o)) return;
-      o.isScaling = !1;
-      const n = this.scalingState.get(o);
-      if (this.scalingState.delete(o), !(n != null && n.hasWidthChange)) return;
-      const i = (M = o.width) != null ? M : o.calcTextWidth(), a = (y = (S = o.fontSize) != null ? S : n == null ? void 0 : n.baseFontSize) != null ? y : 16, r = !!(n.baseStyles && Object.keys(n.baseStyles).length), {
+      if (!F._isTextbox(n)) return;
+      n.isScaling = !1;
+      const o = this.scalingState.get(n);
+      if (this.scalingState.delete(n), !(o != null && o.hasWidthChange)) return;
+      const i = (M = n.width) != null ? M : n.calcTextWidth(), a = (y = (S = n.fontSize) != null ? S : o == null ? void 0 : o.baseFontSize) != null ? y : 16, r = !!(o.baseStyles && Object.keys(o.baseStyles).length), {
         paddingTop: c = 0,
         paddingRight: d = 0,
         paddingBottom: l = 0,
@@ -4571,7 +4586,7 @@ class F {
         radiusTopRight: f = 0,
         radiusBottomRight: p = 0,
         radiusBottomLeft: m = 0
-      } = o, v = {
+      } = n, v = {
         width: i,
         paddingTop: c,
         paddingRight: d,
@@ -4583,10 +4598,10 @@ class F {
         radiusBottomLeft: m
       };
       r || (v.fontSize = a), this.updateText({
-        target: o,
+        target: n,
         style: v
-      }), o.set({ scaleX: 1, scaleY: 1 }), o.setCoords();
-    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), io();
+      }), n.set({ scaleX: 1, scaleY: 1 }), n.setCoords();
+    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), an();
   }
   /**
    * Добавляет новый текстовый объект на канвас.
@@ -4598,8 +4613,8 @@ class F {
       id: t = `text-${V()}`,
       text: e = "Новый текст",
       fontFamily: s,
-      fontSize: o = 48,
-      bold: n = !1,
+      fontSize: n = 48,
+      bold: o = !1,
       italic: i = !1,
       underline: a = !1,
       uppercase: r = !1,
@@ -4654,8 +4669,8 @@ class F {
     }), G = B({
       id: t,
       fontFamily: D,
-      fontSize: o,
-      fontWeight: n ? "bold" : "normal",
+      fontSize: n,
+      fontWeight: o ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
       underline: a,
       uppercase: r,
@@ -4685,7 +4700,7 @@ class F {
       textbox: Y,
       options: yt(B({}, G), {
         text: e,
-        bold: n,
+        bold: o,
         italic: i,
         strikethrough: c,
         align: d,
@@ -4708,13 +4723,13 @@ class F {
    * @param options.withoutSave — не сохранять состояние в историю
    * @param options.skipRender — не вызывать перерисовку канваса
    */
-  updateText({ target: t, style: e = {}, withoutSave: s, skipRender: o } = {}) {
+  updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
     var Nt, Bt, ut, kt, gt, it;
-    const n = this._resolveTextObject(t);
-    if (!n) return null;
+    const o = this._resolveTextObject(t);
+    if (!o) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = F._getSnapshot(n), xt = e, {
+    const r = F._getSnapshot(o), xt = e, {
       text: c,
       fontFamily: d,
       fontSize: l,
@@ -4762,7 +4777,7 @@ class F {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), D = B({}, Z), _ = ao({ textbox: n }), W = _ ? F._expandRangeToFullLines({ textbox: n, range: _ }) : null, G = {}, Y = {}, K = {}, tt = co({ textbox: n, range: _ }), J = !_ || tt, H = !_;
+    ]), D = B({}, Z), _ = rn({ textbox: o }), W = _ ? F._expandRangeToFullLines({ textbox: o, range: _ }) : null, G = {}, Y = {}, K = {}, tt = dn({ textbox: o, range: _ }), J = !_ || tt, H = !_;
     if (d !== void 0 && (W && (Y.fontFamily = d), J && (D.fontFamily = d, H && (K.fontFamily = d))), l !== void 0 && (W && (Y.fontSize = l), J && (D.fontSize = l, H && (K.fontSize = l))), u !== void 0) {
       const X = u ? "bold" : "normal";
       _ && (G.fontWeight = X), J && (D.fontWeight = X, H && (K.fontWeight = X));
@@ -4772,43 +4787,43 @@ class F {
       _ && (G.fontStyle = X), J && (D.fontStyle = X, H && (K.fontStyle = X));
     }
     if (f !== void 0 && (_ && (G.underline = f), J && (D.underline = f, H && (K.underline = f))), m !== void 0 && (_ && (G.linethrough = m), J && (D.linethrough = m, H && (K.linethrough = m))), v !== void 0 && (D.textAlign = v), M !== void 0 && (_ && (G.fill = M), J && (D.fill = M, H && (K.fill = M))), S !== void 0 || y !== void 0) {
-      const X = _ ? Ge({ textbox: n, range: _, property: "strokeWidth" }) : void 0, It = _ ? Ge({ textbox: n, range: _, property: "stroke" }) : void 0, Ht = (Bt = (Nt = y != null ? y : X) != null ? Nt : n.strokeWidth) != null ? Bt : 0, mt = Xe({ width: Ht }), Zt = (kt = (ut = S != null ? S : It) != null ? ut : n.stroke) != null ? kt : void 0, Ct = Ve({
+      const X = _ ? Ge({ textbox: o, range: _, property: "strokeWidth" }) : void 0, It = _ ? Ge({ textbox: o, range: _, property: "stroke" }) : void 0, Ht = (Bt = (Nt = y != null ? y : X) != null ? Nt : o.strokeWidth) != null ? Bt : 0, mt = Xe({ width: Ht }), Zt = (kt = (ut = S != null ? S : It) != null ? ut : o.stroke) != null ? kt : void 0, Ct = Ve({
         strokeColor: Zt,
         width: mt
       });
       _ && (G.stroke = Ct, G.strokeWidth = mt), J && (D.stroke = Ct, D.strokeWidth = mt, H && (K.stroke = Ct, K.strokeWidth = mt));
     }
     b !== void 0 && (D.opacity = b), I !== void 0 && (D.backgroundColor = I), j !== void 0 && (D.backgroundOpacity = j), A !== void 0 && (D.paddingTop = A), C !== void 0 && (D.paddingRight = C), w !== void 0 && (D.paddingBottom = w), T !== void 0 && (D.paddingLeft = T), E !== void 0 && (D.radiusTopLeft = E), P !== void 0 && (D.radiusTopRight = P), x !== void 0 && (D.radiusBottomRight = x), N !== void 0 && (D.radiusBottomLeft = N);
-    const q = (it = n.textCaseRaw) != null ? it : (gt = n.text) != null ? gt : "", St = !!n.uppercase, st = c !== void 0, lt = st ? c != null ? c : "" : q, pt = p != null ? p : St;
+    const q = (it = o.textCaseRaw) != null ? it : (gt = o.text) != null ? gt : "", St = !!o.uppercase, st = c !== void 0, lt = st ? c != null ? c : "" : q, pt = p != null ? p : St;
     if (st || pt !== St) {
       const X = pt ? ae({ value: lt }) : lt;
-      D.text = X, n.textCaseRaw = lt;
-    } else n.textCaseRaw === void 0 && (n.textCaseRaw = q);
-    n.uppercase = pt, n.set(D);
+      D.text = X, o.textCaseRaw = lt;
+    } else o.textCaseRaw === void 0 && (o.textCaseRaw = q);
+    o.uppercase = pt, o.set(D);
     let ht = !1;
     if (_) {
-      const X = ie({ textbox: n, styles: G, range: _ }), It = W ? ie({ textbox: n, styles: Y, range: W }) : !1;
+      const X = ie({ textbox: o, styles: G, range: _ }), It = W ? ie({ textbox: o, styles: Y, range: W }) : !1;
       ht = X || It;
     } else if (Object.keys(K).length) {
-      const X = ro({ textbox: n });
-      X && (ht = ie({ textbox: n, styles: K, range: X }));
+      const X = cn({ textbox: o });
+      X && (ht = ie({ textbox: o, styles: K, range: X }));
     }
-    ht && (n.dirty = !0), (I !== void 0 || j !== void 0 || A !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || P !== void 0 || x !== void 0 || N !== void 0) && (n.dirty = !0), F._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Yt = F._getSnapshot(n);
+    ht && (o.dirty = !0), (I !== void 0 || j !== void 0 || A !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || P !== void 0 || x !== void 0 || N !== void 0) && (o.dirty = !0), F._roundTextboxDimensions({ textbox: o }) && (o.dirty = !0), o.setCoords(), n || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const Yt = F._getSnapshot(o);
     return a.fire("editor:text-updated", {
-      textbox: n,
+      textbox: o,
       target: t,
       style: e,
       options: {
         withoutSave: !!s,
-        skipRender: !!o
+        skipRender: !!n
       },
       updates: D,
       before: r,
       after: Yt,
       selectionRange: _ != null ? _ : void 0,
       selectionStyles: _ && Object.keys(G).length ? G : void 0
-    }), n;
+    }), o;
   }
   /**
    * Уничтожает менеджер и снимает слушатели.
@@ -4821,14 +4836,14 @@ class F {
    * Возвращает активный текст или ищет по id.
    */
   _resolveTextObject(t) {
-    if (t instanceof nt) return t;
+    if (t instanceof ot) return t;
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
       return F._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((o) => F._isTextbox(o) && o.id === t);
+      const s = e.getObjects().find((n) => F._isTextbox(n) && n.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4837,7 +4852,7 @@ class F {
    * Проверяет, является ли объект текстовым блоком редактора.
    */
   static _isTextbox(t) {
-    return !!t && t instanceof nt;
+    return !!t && t instanceof ot;
   }
   /**
    * Вешает обработчики событий Fabric для работы с текстом.
@@ -4852,8 +4867,8 @@ class F {
   static _handleTextChanged(t) {
     const { target: e } = t;
     if (!F._isTextbox(e)) return;
-    const { text: s = "", uppercase: o } = e, n = !!o, i = s.toLocaleLowerCase();
-    if (n) {
+    const { text: s = "", uppercase: n } = e, o = !!n, i = s.toLocaleLowerCase();
+    if (o) {
       const r = ae({ value: i });
       r !== s && e.set({ text: r }), e.textCaseRaw = i;
     } else
@@ -4871,9 +4886,9 @@ class F {
     const { target: e, transform: s } = t;
     if (!F._isTextbox(e)) return;
     const {
-      paddingLeft: o = 0,
-      paddingRight: n = 0
-    } = e, i = o + n;
+      paddingLeft: n = 0,
+      paddingRight: o = 0
+    } = e, i = n + o;
     if (i === 0) return;
     const a = (l = e.width) != null ? l : 0, r = Math.max(0, a - i);
     if (a === r) return;
@@ -4891,15 +4906,15 @@ class F {
    * Возвращает диапазоны символов для каждой строки текста без учёта символов переноса.
    */
   static _getLineRanges({ textbox: t }) {
-    var n;
-    const e = (n = t.text) != null ? n : "";
+    var o;
+    const e = (o = t.text) != null ? o : "";
     if (!e.length) return [];
     const s = e.split(`
 `);
-    let o = 0;
+    let n = 0;
     return s.map((i) => {
-      const a = o, r = o + i.length;
-      return o = r + 1, { start: a, end: r };
+      const a = n, r = n + i.length;
+      return n = r + 1, { start: a, end: r };
     });
   }
   /**
@@ -4911,19 +4926,19 @@ class F {
   }) {
     const s = F._getLineRanges({ textbox: t });
     if (!s.length) return e;
-    let { start: o } = e, { end: n } = e;
+    let { start: n } = e, { end: o } = e;
     return s.forEach(({ start: i, end: a }) => {
-      e.end > i && e.start < a && (o = Math.min(o, i), n = Math.max(n, a));
-    }), { start: o, end: n };
+      e.end > i && e.start < a && (n = Math.min(n, i), o = Math.max(o, a));
+    }), { start: n, end: o };
   }
   /**
    * Создаёт или возвращает сохранённое состояние для текущего цикла масштабирования текста.
    */
   _ensureScalingState(t) {
-    var s, o, n;
+    var s, n, o;
     let e = this.scalingState.get(t);
     if (!e) {
-      const i = (s = t.width) != null ? s : t.calcTextWidth(), a = (o = t.left) != null ? o : 0, r = (n = t.fontSize) != null ? n : 16, { styles: c = {} } = t, {
+      const i = (s = t.width) != null ? s : t.calcTextWidth(), a = (n = t.left) != null ? n : 0, r = (o = t.fontSize) != null ? o : 16, { styles: c = {} } = t, {
         paddingTop: d = 0,
         paddingRight: l = 0,
         paddingBottom: u = 0,
@@ -4971,7 +4986,7 @@ class F {
   static _roundTextboxDimensions({
     textbox: t
   }) {
-    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = F._resolveDimension({
+    const { width: e, height: s, calcTextWidth: n, calcTextHeight: o } = t, i = typeof n == "function" ? n.call(t) : void 0, a = typeof o == "function" ? o.call(t) : void 0, r = F._resolveDimension({
       rawValue: e,
       calculatedValue: i
     }), c = F._resolveDimension({
@@ -4993,8 +5008,8 @@ class F {
       });
     }, {
       id: s,
-      text: o,
-      textCaseRaw: n,
+      text: n,
+      textCaseRaw: o,
       uppercase: i,
       fontFamily: a,
       fontSize: r,
@@ -5032,8 +5047,8 @@ class F {
     return e({
       snapshot: W,
       entries: {
-        text: o,
-        textCaseRaw: n,
+        text: n,
+        textCaseRaw: o,
         fontFamily: a,
         fontSize: r,
         fontWeight: c,
@@ -5082,23 +5097,23 @@ const Q = ({
 }) => {
   const s = Q({ value: h });
   return e ? s : s / (t || 1);
-}, lo = ({
+}, ln = ({
   object: h,
   baseWidth: t,
   baseHeight: e,
   useRelativePositions: s,
-  centerKeys: o
+  centerKeys: n
 }) => {
-  const n = h;
-  if (typeof n[o.x] == "number" && typeof n[o.y] == "number")
+  const o = h;
+  if (typeof o[n.x] == "number" && typeof o[n.y] == "number")
     return {
       x: Qt({
-        value: n[o.x],
+        value: o[n.x],
         dimension: t,
         useRelativePositions: s
       }),
       y: Qt({
-        value: n[o.y],
+        value: o[n.y],
         dimension: e,
         useRelativePositions: s
       })
@@ -5116,28 +5131,28 @@ const Q = ({
     x: l + g / 2,
     y: u + f / 2
   };
-}, ho = ({
+}, hn = ({
   normalizedX: h,
   normalizedY: t,
   bounds: e,
   targetSize: s,
-  montageArea: o
+  montageArea: n
 }) => {
-  const { left: n, top: i, width: a, height: r } = e;
-  if (!o) {
-    const { width: l, height: u } = s, g = n + h * (l || a), f = i + t * (u || r);
+  const { left: o, top: i, width: a, height: r } = e;
+  if (!n) {
+    const { width: l, height: u } = s, g = o + h * (l || a), f = i + t * (u || r);
     return new et(g, f);
   }
-  const c = n + h * a, d = i + t * r;
+  const c = o + h * a, d = i + t * r;
   return new et(c, d);
-}, uo = ({
+}, un = ({
   object: h,
   montageArea: t,
   bounds: e
 }) => {
   if (!t || !e) return null;
   try {
-    const s = h.getCenterPoint(), { left: o, top: n, width: i, height: a } = e, r = s.x - o, c = s.y - n, d = r / i, l = c / a;
+    const s = h.getCenterPoint(), { left: n, top: o, width: i, height: a } = e, r = s.x - n, c = s.y - o, d = r / i, l = c / a;
     return {
       x: d,
       y: l
@@ -5154,9 +5169,9 @@ const Q = ({
     const t = h.getBoundingRect(!1, !0), {
       left: e = 0,
       top: s = 0,
-      width: o = 0,
-      height: n = 0
-    } = t, i = e + o, a = s + n, r = e + o / 2, c = s + n / 2;
+      width: n = 0,
+      height: o = 0
+    } = t, i = e + n, a = s + o, r = e + n / 2, c = s + o / 2;
     return {
       left: e,
       right: i,
@@ -5168,14 +5183,14 @@ const Q = ({
   } catch (t) {
     return null;
   }
-}, go = ({
+}, gn = ({
   x1: h,
   y1: t,
   x2: e,
   y2: s
-}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, fo = (h) => {
+}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, fn = (h) => {
   if (!h || typeof h != "object") return null;
-  const { type: t, coords: e, colorStops: s } = h, o = Array.isArray(s) ? s : [], n = o[0], i = o[o.length - 1], a = typeof (n == null ? void 0 : n.color) == "string" ? n.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (n == null ? void 0 : n.offset) == "number" ? n.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0, l = o.map((u) => ({
+  const { type: t, coords: e, colorStops: s } = h, n = Array.isArray(s) ? s : [], o = n[0], i = n[n.length - 1], a = typeof (o == null ? void 0 : o.color) == "string" ? o.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (o == null ? void 0 : o.offset) == "number" ? o.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0, l = n.map((u) => ({
     color: typeof u.color == "string" ? u.color : "#000000",
     offset: typeof u.offset == "number" ? u.offset * 100 : 0
   }));
@@ -5185,7 +5200,7 @@ const Q = ({
     if (typeof u == "number" && typeof g == "number" && typeof f == "number" && typeof p == "number")
       return {
         type: "linear",
-        angle: go({ x1: u, y1: g, x2: f, y2: p }),
+        angle: gn({ x1: u, y1: g, x2: f, y2: p }),
         startColor: a,
         endColor: r,
         startPosition: c,
@@ -5222,14 +5237,14 @@ class R {
     templateId: t,
     previewId: e,
     meta: s = {},
-    withBackground: o = !1
+    withBackground: n = !1
   } = {}) {
     const {
-      canvas: n,
+      canvas: o,
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = n.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = o && l ? [l] : [], g = [...d, ...u];
+    } = this.editor, c = o.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = n && l ? [l] : [], g = [...d, ...u];
     if (!g.length)
       return a.emitWarning({
         origin: "TemplateManager",
@@ -5267,8 +5282,8 @@ class R {
       data: e
     }) {
       const {
-        canvas: o,
-        montageArea: n,
+        canvas: n,
+        montageArea: o,
         historyManager: i,
         errorManager: a,
         backgroundManager: r
@@ -5280,7 +5295,7 @@ class R {
           code: bt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
-      const u = R._getBounds(n);
+      const u = R._getBounds(o);
       if (!u)
         return a.emitWarning({
           origin: "TemplateManager",
@@ -5288,7 +5303,7 @@ class R {
           code: bt.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
-      const g = R._getMontageSize({ montageArea: n, bounds: u }), f = R._normalizeMeta({ meta: d, fallback: g }), p = R._calculateScale({ meta: f, target: g }), m = !!f.positionsNormalized;
+      const g = R._getMontageSize({ montageArea: o, bounds: u }), f = R._normalizeMeta({ meta: d, fallback: g }), p = R._calculateScale({ meta: f, target: g }), m = !!f.positionsNormalized;
       let v = !1, M = !1;
       i.suspendHistory();
       try {
@@ -5316,13 +5331,13 @@ class R {
           targetSize: g,
           baseWidth: f.baseWidth,
           baseHeight: f.baseHeight,
-          montageArea: n,
+          montageArea: o,
           useRelativePositions: m
         }), j.set({
           id: `${j.type}-${V()}`,
           evented: !0
-        }), o.add(j), j));
-        return !I.length && !M ? null : (v = I.length > 0 || M, I.length && R._activateObjects({ canvas: o, objects: I }), o.requestRenderAll(), o.fire("editor:template-applied", {
+        }), n.add(j), j));
+        return !I.length && !M ? null : (v = I.length > 0 || M, I.length && R._activateObjects({ canvas: n, objects: I }), n.requestRenderAll(), n.fire("editor:template-applied", {
           template: t,
           objects: I,
           bounds: u
@@ -5378,8 +5393,8 @@ class R {
           if (i)
             return R._restoreImageScale({ revived: i, serialized: s }), i;
         }
-        const o = yield dt.enlivenObjects([s]), n = o == null ? void 0 : o[0];
-        return n ? (R._restoreImageScale({ revived: n, serialized: s }), n) : null;
+        const n = yield dt.enlivenObjects([s]), o = n == null ? void 0 : n[0];
+        return o ? (R._restoreImageScale({ revived: o, serialized: s }), o) : null;
       })))).filter((s) => !!s);
     });
   }
@@ -5392,8 +5407,8 @@ class R {
   }) {
     if ((typeof t.type == "string" ? t.type.toLowerCase() : "") !== "image") return;
     const {
-      width: o,
-      height: n,
+      width: n,
+      height: o,
       scaleX: i,
       scaleY: a,
       customData: r
@@ -5407,7 +5422,7 @@ class R {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, p = Q({ value: l || g || c.width, fallback: 0 }), m = Q({ value: u || f || c.height, fallback: 0 }), v = Q({ value: o, fallback: p }), M = Q({ value: n, fallback: m }), S = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * S, I = M * y, j = p > 0, A = m > 0, C = b > 0, w = I > 0, T = R._resolveImageFit({ customData: r }), E = {};
+    }, p = Q({ value: l || g || c.width, fallback: 0 }), m = Q({ value: u || f || c.height, fallback: 0 }), v = Q({ value: n, fallback: p }), M = Q({ value: o, fallback: m }), S = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * S, I = M * y, j = p > 0, A = m > 0, C = b > 0, w = I > 0, T = R._resolveImageFit({ customData: r }), E = {};
     if (j && (E.width = p), A && (E.height = m), !j || !A) {
       c.set(E);
       return;
@@ -5448,10 +5463,10 @@ class R {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield ms(e), o = dt.groupSVGElements(s.objects, s.options), n = yield dt.enlivenObjectEnlivables(
+        const s = yield ms(e), n = dt.groupSVGElements(s.objects, s.options), o = yield dt.enlivenObjectEnlivables(
           R._prepareSerializableProps(t)
         );
-        return o.set(n), o.setCoords(), o;
+        return n.set(o), n.setCoords(), n;
       } catch (s) {
         return null;
       }
@@ -5480,7 +5495,7 @@ class R {
       const s = e.call(t);
       if (!s) return null;
       if (/<svg[\s>]/i.test(s)) return s;
-      const { width: n, height: i } = t.getBoundingRect(!1, !0), a = n || t.width || 0, r = i || t.height || 0;
+      const { width: o, height: i } = t.getBoundingRect(!1, !0), a = o || t.width || 0, r = i || t.height || 0;
       return `
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -5501,15 +5516,15 @@ class R {
     object: t,
     scale: e,
     bounds: s,
-    targetSize: o,
-    baseWidth: n,
+    targetSize: n,
+    baseWidth: o,
     baseHeight: i,
     montageArea: a,
     useRelativePositions: r
   }) {
-    const c = t, { x: d, y: l } = lo({
+    const c = t, { x: d, y: l } = ln({
       object: t,
-      baseWidth: n,
+      baseWidth: o,
       baseHeight: i,
       useRelativePositions: r,
       centerKeys: {
@@ -5518,17 +5533,17 @@ class R {
       }
     }), { scaleX: u, scaleY: g } = t, f = Q({ value: u, fallback: 1 }), p = Q({ value: g, fallback: 1 }), m = R._getPositioningBounds({
       bounds: s,
-      baseWidth: n,
+      baseWidth: o,
       baseHeight: i,
       scale: e,
       useRelativePositions: r,
       anchorX: R._resolveAnchor(c, qt),
       anchorY: R._resolveAnchor(c, ce)
-    }), v = ho({
+    }), v = hn({
       normalizedX: d,
       normalizedY: l,
       bounds: m,
-      targetSize: o,
+      targetSize: n,
       montageArea: a
     }), M = f * e, S = p * e;
     t.set({
@@ -5544,13 +5559,13 @@ class R {
     bounds: t,
     baseWidth: e,
     baseHeight: s,
-    scale: o,
-    useRelativePositions: n,
+    scale: n,
+    useRelativePositions: o,
     anchorX: i,
     anchorY: a
   }) {
-    if (!n) return t;
-    const r = (e || t.width) * o, c = (s || t.height) * o, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), g = t.top + R._calculateAnchorOffset(a, l);
+    if (!o) return t;
+    const r = (e || t.width) * n, c = (s || t.height) * n, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), g = t.top + R._calculateAnchorOffset(a, l);
     return {
       left: u,
       top: g,
@@ -5566,11 +5581,11 @@ class R {
     return s === "center" || s === "end" || s === "start" ? s : "start";
   }
   static _detectAnchor({ start: t, end: e }) {
-    const s = t <= 0.05, o = e >= 0.95, n = t < 0, i = e > 1, a = e - t, r = Math.max(0, t), c = Math.max(0, 1 - e), d = Math.abs(r - c) <= 0.02;
-    if (s && o || n && i)
+    const s = t <= 0.05, n = e >= 0.95, o = t < 0, i = e > 1, a = e - t, r = Math.max(0, t), c = Math.max(0, 1 - e), d = Math.abs(r - c) <= 0.02;
+    if (s && n || o && i)
       return d || a >= 0.9 ? "center" : r <= c ? "start" : "end";
-    if (s || n) return "start";
-    if (o || i) return "end";
+    if (s || o) return "start";
+    if (n || i) return "end";
     const l = r - c;
     return Math.abs(l) <= 0.1 ? "center" : l < 0 ? "start" : "end";
   }
@@ -5581,9 +5596,9 @@ class R {
     meta: t,
     fallback: e
   }) {
-    const { width: s, height: o } = e, r = t || {}, { baseWidth: n = s, baseHeight: i = o } = r, a = vt(r, ["baseWidth", "baseHeight"]);
+    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = vt(r, ["baseWidth", "baseHeight"]);
     return B({
-      baseWidth: n,
+      baseWidth: o,
       baseHeight: i
     }, a);
   }
@@ -5594,7 +5609,7 @@ class R {
     meta: t,
     target: e
   }) {
-    const { width: s, height: o } = e, { baseWidth: n, baseHeight: i } = t, a = s / (n || s || 1), r = o / (i || o || 1);
+    const { width: s, height: n } = e, { baseWidth: o, baseHeight: i } = t, a = s / (o || s || 1), r = n / (i || n || 1);
     return Math.min(a, r);
   }
   /**
@@ -5620,21 +5635,21 @@ class R {
     baseWidth: e
   }) {
     var Z, D;
-    if (!(t instanceof nt)) return;
+    if (!(t instanceof ot)) return;
     const s = typeof t.text == "string" ? t.text : "";
     if (!s) return;
-    const o = Q({
+    const n = Q({
       value: (D = (Z = this.editor) == null ? void 0 : Z.montageArea) == null ? void 0 : D.width,
       fallback: 0
     }), {
-      width: n = 0,
+      width: o = 0,
       scaleX: i = 1,
       strokeWidth: a = 0
-    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), g = Q({ value: a, fallback: 0 }) * u, f = Q({ value: n, fallback: 0 }), p = f * u, m = d * u, v = l * u, M = p + m + v + g;
-    if (!o || !f || !r) return;
+    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), g = Q({ value: a, fallback: 0 }) * u, f = Q({ value: o, fallback: 0 }), p = f * u, m = d * u, v = l * u, M = p + m + v + g;
+    if (!n || !f || !r) return;
     t.setCoords();
     const S = t, y = S[Pt], b = typeof y == "number" ? y : null, I = R._resolveAnchor(S, qt), j = M / r, A = b !== null ? b - j / 2 : null, C = b !== null ? b + j / 2 : null, w = t.getCenterPoint();
-    t.set("width", o), t.initDimensions();
+    t.set("width", n), t.initDimensions();
     const T = R._getLongestLineWidth({
       textbox: t,
       text: s
@@ -5653,14 +5668,14 @@ class R {
   }) {
     const {
       textLines: s
-    } = t, o = Array.isArray(s) && s.length > 0 ? s.length : Math.max(e.split(`
+    } = t, n = Array.isArray(s) && s.length > 0 ? s.length : Math.max(e.split(`
 `).length, 1);
-    let n = 0;
-    for (let i = 0; i < o; i += 1) {
+    let o = 0;
+    for (let i = 0; i < n; i += 1) {
       const a = t.getLineWidth(i);
-      a > n && (n = a);
+      a > o && (o = a);
     }
-    return n;
+    return o;
   }
   /**
    * Сериализует объект относительно монтажной области.
@@ -5669,8 +5684,8 @@ class R {
     object: t,
     bounds: e,
     baseWidth: s,
-    baseHeight: o,
-    montageArea: n
+    baseHeight: n,
+    montageArea: o
   }) {
     const i = t.toDatalessObject([...es]);
     if (R._isSvgObject(t)) {
@@ -5683,9 +5698,9 @@ class R {
       top: r,
       width: c,
       height: d
-    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || d || 1, f = uo({
+    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = n || d || 1, f = un({
       object: t,
-      montageArea: n,
+      montageArea: o,
       bounds: e
     }), p = f != null ? f : (() => {
       const y = t.getCenterPoint();
@@ -5708,35 +5723,37 @@ class R {
    * Делит список объектов на фон и контент по id === 'background'.
    */
   static _extractBackgroundObject(t) {
-    const e = t.findIndex((n) => n.id === "background");
+    const e = t.findIndex((o) => o.id === "background");
     if (e === -1)
       return { backgroundObject: null, contentObjects: t };
-    const s = t[e], o = t.filter((n, i) => i !== e);
-    return { backgroundObject: s, contentObjects: o };
+    const s = t[e], n = t.filter((o, i) => i !== e);
+    return { backgroundObject: s, contentObjects: n };
   }
   /**
    * Применяет фоновый объект шаблона к текущему холсту через BackgroundManager.
    */
-  static _applyBackgroundFromObject(o) {
+  static _applyBackgroundFromObject(n) {
     return k(this, arguments, function* ({
       backgroundObject: t,
       backgroundManager: e,
       errorManager: s
     }) {
       try {
-        const { fill: n, customData: i } = t, { backgroundType: a } = t, r = R._cloneCustomData(i);
-        if (a === "color" && typeof n == "string")
+        const { fill: o, customData: i } = t, { backgroundType: a } = t, r = R._cloneCustomData(i);
+        if (a === "color" && typeof o == "string")
           return e.setColorBackground({
-            color: n,
+            color: o,
             customData: r,
+            fromTemplate: !0,
             withoutSave: !0
           }), !0;
         if (a === "gradient") {
-          const c = fo(n);
+          const c = fn(o);
           if (c)
             return e.setGradientBackground({
               gradient: c,
               customData: r,
+              fromTemplate: !0,
               withoutSave: !0
             }), !0;
         }
@@ -5746,16 +5763,17 @@ class R {
             return yield e.setImageBackground({
               imageSource: c,
               customData: r,
+              fromTemplate: !0,
               withoutSave: !0
             }), !0;
         }
-      } catch (n) {
+      } catch (o) {
         s.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
           code: bt.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Не удалось применить фон из шаблона",
-          data: n
+          data: o
         });
       }
       return !1;
@@ -5768,14 +5786,14 @@ class R {
     montageArea: t,
     bounds: e
   }) {
-    var n, i;
-    const s = (e == null ? void 0 : e.width) || 0, o = (e == null ? void 0 : e.height) || 0;
+    var o, i;
+    const s = (e == null ? void 0 : e.width) || 0, n = (e == null ? void 0 : e.height) || 0;
     return t ? {
-      width: ((n = t.getScaledWidth) == null ? void 0 : n.call(t)) || t.width || s,
-      height: ((i = t.getScaledHeight) == null ? void 0 : i.call(t)) || t.height || o
+      width: ((o = t.getScaledWidth) == null ? void 0 : o.call(t)) || t.width || s,
+      height: ((i = t.getScaledHeight) == null ? void 0 : i.call(t)) || t.height || n
     } : {
       width: s,
-      height: o
+      height: n
     };
   }
   /**
@@ -5791,13 +5809,13 @@ class R {
   static _getImageSource(t) {
     const e = t;
     if ("getSrc" in t && typeof e.getSrc == "function") {
-      const o = e.getSrc();
-      if (o) return o;
+      const n = e.getSrc();
+      if (n) return n;
     }
     if ("getElement" in t && typeof e.getElement == "function") {
-      const o = e.getElement();
-      if (o instanceof HTMLImageElement)
-        return o.currentSrc || o.src || null;
+      const n = e.getElement();
+      if (n instanceof HTMLImageElement)
+        return n.currentSrc || n.src || null;
     }
     const s = t;
     return typeof s.src == "string" ? s.src : null;
@@ -5812,29 +5830,29 @@ class R {
     return dt.enlivenObjectEnlivables(t);
   }
 }
-const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
+const pn = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   anchors: h,
   positions: t,
   threshold: e
 }) => {
-  let s = 0, o = e + 1, n = null;
+  let s = 0, n = e + 1, o = null;
   for (const i of t)
     for (const a of h) {
       const r = Math.abs(a - i);
-      r > e || r >= o || (s = a - i, o = r, n = a);
+      r > e || r >= n || (s = a - i, n = r, o = a);
     }
   return {
     delta: s,
-    guidePosition: n
+    guidePosition: o
   };
-}, mo = ({
+}, mn = ({
   activeBounds: h,
   threshold: t,
   anchors: e
 }) => {
-  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = h, c = Ke({
+  const { left: s, right: n, centerX: o, top: i, bottom: a, centerY: r } = h, c = Ke({
     anchors: e.vertical,
-    positions: [s, n, o],
+    positions: [s, o, n],
     threshold: t
   }), d = Ke({
     anchors: e.horizontal,
@@ -5852,27 +5870,27 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     deltaY: d.delta,
     guides: l
   };
-}, os = ({
+}, ns = ({
   activeBounds: h,
   aligned: t,
   threshold: e,
   patterns: s,
-  type: o
+  type: n
 }) => {
   if (!t.length || !s.length) return [];
   const {
-    top: n,
+    top: o,
     bottom: i,
     left: a,
     right: r
   } = h, c = [];
   for (const d of s)
     for (const l of t)
-      if (o === "vertical") {
-        const u = n - l.bottom, g = Math.abs(u - d.distance);
+      if (n === "vertical") {
+        const u = o - l.bottom, g = Math.abs(u - d.distance);
         if (g <= e) {
           const m = d.distance - u, v = {
-            type: o,
+            type: n,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
@@ -5885,7 +5903,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
         const f = l.top - i, p = Math.abs(f - d.distance);
         if (p <= e) {
           const m = d.distance - f, v = {
-            type: o,
+            type: n,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
@@ -5899,7 +5917,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
         const u = a - l.right, g = Math.abs(u - d.distance);
         if (g <= e) {
           const m = d.distance - u, v = {
-            type: o,
+            type: n,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
@@ -5912,7 +5930,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
         const f = l.left - r, p = Math.abs(f - d.distance);
         if (p <= e) {
           const m = d.distance - f, v = {
-            type: o,
+            type: n,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
@@ -5924,15 +5942,15 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
         }
       }
   return c;
-}, yo = ({
+}, yn = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
   patterns: s
 }) => {
   const {
-    centerX: o,
-    top: n,
+    centerX: n,
+    top: o,
     bottom: i,
     left: a,
     right: r
@@ -5947,13 +5965,13 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   const l = d.findIndex((y) => y.isActive);
   if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
+  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = y.top - b.bottom, j = n - y.bottom, A = Math.abs(j - I);
+    const { bounds: y } = u, { bounds: b } = g, I = y.top - b.bottom, j = o - y.bottom, A = Math.abs(j - I);
     if (A <= e) {
-      const C = I - j, w = n + C, T = {
+      const C = I - j, w = o + C, T = {
         type: "vertical",
-        axis: o,
+        axis: n,
         refStart: b.bottom,
         refEnd: y.top,
         activeStart: y.bottom,
@@ -5968,7 +5986,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     if (A <= e) {
       const C = j - I, w = i + C, T = {
         type: "vertical",
-        axis: o,
+        axis: n,
         refStart: y.bottom,
         refEnd: b.top,
         activeStart: w,
@@ -5981,11 +5999,11 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   if (u && f) {
     const { bounds: y } = u, { bounds: b } = f, j = b.top - y.bottom - v;
     if (j >= 0) {
-      const A = j / 2, C = n - y.bottom, w = b.top - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
+      const A = j / 2, C = o - y.bottom, w = b.top - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
       if (P <= e) {
         const x = A - C, N = i + x, Z = {
           type: "vertical",
-          axis: o,
+          axis: n,
           refStart: y.bottom,
           refEnd: y.bottom + A,
           activeStart: N,
@@ -5996,7 +6014,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
       }
     }
   }
-  const M = os({
+  const M = ns({
     activeBounds: h,
     aligned: c,
     threshold: e,
@@ -6010,15 +6028,15 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     delta: S.delta,
     guide: S.guide
   };
-}, vo = ({
+}, vn = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
   patterns: s
 }) => {
   const {
-    centerY: o,
-    left: n,
+    centerY: n,
+    left: o,
     right: i,
     top: a,
     bottom: r
@@ -6033,13 +6051,13 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   const l = d.findIndex((y) => y.isActive);
   if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
+  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = y.left - b.right, j = n - y.right, A = Math.abs(j - I);
+    const { bounds: y } = u, { bounds: b } = g, I = y.left - b.right, j = o - y.right, A = Math.abs(j - I);
     if (A <= e) {
-      const C = I - j, w = n + C, T = {
+      const C = I - j, w = o + C, T = {
         type: "horizontal",
-        axis: o,
+        axis: n,
         refStart: b.right,
         refEnd: y.left,
         activeStart: y.right,
@@ -6054,7 +6072,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     if (A <= e) {
       const C = j - I, w = i + C, T = {
         type: "horizontal",
-        axis: o,
+        axis: n,
         refStart: y.right,
         refEnd: b.left,
         activeStart: w,
@@ -6067,11 +6085,11 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   if (u && f) {
     const { bounds: y } = u, { bounds: b } = f, j = b.left - y.right - v;
     if (j >= 0) {
-      const A = j / 2, C = n - y.right, w = b.left - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
+      const A = j / 2, C = o - y.right, w = b.left - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
       if (P <= e) {
         const x = A - C, N = i + x, Z = {
           type: "horizontal",
-          axis: o,
+          axis: n,
           refStart: y.right,
           refEnd: y.right + A,
           activeStart: N,
@@ -6082,7 +6100,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
       }
     }
   }
-  const M = os({
+  const M = ns({
     activeBounds: h,
     aligned: c,
     threshold: e,
@@ -6096,45 +6114,45 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     delta: S.delta,
     guide: S.guide
   };
-}, bo = ({
+}, bn = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
   spacingPatterns: s
 }) => {
-  const o = yo({
+  const n = yn({
     activeBounds: h,
     candidates: t,
     threshold: e,
     patterns: s.vertical
-  }), n = vo({
+  }), o = vn({
     activeBounds: h,
     candidates: t,
     threshold: e,
     patterns: s.horizontal
   }), i = [];
-  return o.guide && i.push(o.guide), n.guide && i.push(n.guide), {
-    deltaX: n.delta,
-    deltaY: o.delta,
+  return n.guide && i.push(n.guide), o.guide && i.push(o.guide), {
+    deltaX: o.delta,
+    deltaY: n.delta,
     guides: i
   };
-}, Mo = ({
+}, Mn = ({
   context: h,
   x: t,
   y: e,
   width: s,
-  height: o,
-  radius: n
+  height: n,
+  radius: o
 }) => {
-  const i = Math.min(n, s / 2, o / 2);
-  h.moveTo(t + i, e), h.lineTo(t + s - i, e), h.quadraticCurveTo(t + s, e, t + s, e + i), h.lineTo(t + s, e + o - i), h.quadraticCurveTo(t + s, e + o, t + s - i, e + o), h.lineTo(t + i, e + o), h.quadraticCurveTo(t, e + o, t, e + o - i), h.lineTo(t, e + i), h.quadraticCurveTo(t, e, t + i, e), h.closePath();
+  const i = Math.min(o, s / 2, n / 2);
+  h.moveTo(t + i, e), h.lineTo(t + s - i, e), h.quadraticCurveTo(t + s, e, t + s, e + i), h.lineTo(t + s, e + n - i), h.quadraticCurveTo(t + s, e + n, t + s - i, e + n), h.lineTo(t + i, e + n), h.quadraticCurveTo(t, e + n, t, e + n - i), h.lineTo(t, e + i), h.quadraticCurveTo(t, e, t + i, e), h.closePath();
 }, pe = ({
   context: h,
   type: t,
   axis: e,
   start: s,
-  end: o,
-  text: n,
+  end: n,
+  text: o,
   zoom: i,
   color: a,
   textColor: r = "#ffffff",
@@ -6145,38 +6163,38 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   offsetAlongAxis: g = 0,
   offsetPerpendicular: f = 0
 }) => {
-  const p = i || 1, m = 12 / p, v = l / p, M = u / p, S = (s + o) / 2 + g, y = t === "vertical" ? e + f : S, b = t === "vertical" ? S : e + f;
+  const p = i || 1, m = 12 / p, v = l / p, M = u / p, S = (s + n) / 2 + g, y = t === "vertical" ? e + f : S, b = t === "vertical" ? S : e + f;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
-  const j = h.measureText(n).width + v * 2, A = m + v * 2, C = y - j / 2, w = b - A / 2;
-  h.beginPath(), Mo({
+  const j = h.measureText(o).width + v * 2, A = m + v * 2, C = y - j / 2, w = b - A / 2;
+  h.beginPath(), Mn({
     context: h,
     x: C,
     y: w,
     width: j,
     height: A,
     radius: M
-  }), h.fill(), h.fillStyle = r, h.fillText(n, y, b), h.restore();
-}, wo = ({
+  }), h.fill(), h.fillStyle = r, h.fillText(o, y, b), h.restore();
+}, wn = ({
   context: h,
   guide: t,
   zoom: e
 }) => {
   const {
     type: s,
-    axis: o,
-    refStart: n,
+    axis: n,
+    refStart: o,
     refEnd: i,
     activeStart: a,
     activeEnd: r,
     distance: c
   } = t, d = Math.round(c).toString();
-  h.beginPath(), s === "vertical" ? (h.moveTo(o, n), h.lineTo(o, i), h.moveTo(o, a), h.lineTo(o, r)) : (h.moveTo(n, o), h.lineTo(i, o), h.moveTo(a, o), h.lineTo(r, o)), h.stroke();
+  h.beginPath(), s === "vertical" ? (h.moveTo(n, o), h.lineTo(n, i), h.moveTo(n, a), h.lineTo(n, r)) : (h.moveTo(o, n), h.lineTo(i, n), h.moveTo(a, n), h.lineTo(r, n)), h.stroke();
   const l = ss;
   pe({
     context: h,
     type: s,
-    axis: o,
-    start: n,
+    axis: n,
+    start: o,
     end: i,
     text: d,
     zoom: e,
@@ -6185,7 +6203,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   }), pe({
     context: h,
     type: s,
-    axis: o,
+    axis: n,
     start: a,
     end: r,
     text: d,
@@ -6200,31 +6218,31 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
   const {
     left: e,
     right: s,
-    centerX: o,
-    top: n,
+    centerX: n,
+    top: o,
     bottom: i,
     centerY: a
   } = t;
-  h.vertical.push(e, o, s), h.horizontal.push(n, a, i);
+  h.vertical.push(e, n, s), h.horizontal.push(o, a, i);
 }, qe = ({
   bounds: h,
   type: t,
   primaryStart: e,
   primaryEnd: s
 }) => {
-  const o = [], n = e === "top" ? "left" : "top", i = s === "bottom" ? "right" : "bottom", a = [...h].sort((r, c) => r[e] - c[e]);
+  const n = [], o = e === "top" ? "left" : "top", i = s === "bottom" ? "right" : "bottom", a = [...h].sort((r, c) => r[e] - c[e]);
   for (let r = 0; r < a.length; r += 1) {
     const c = a[r];
     let d = null, l = Number.POSITIVE_INFINITY;
     for (let p = r + 1; p < a.length; p += 1) {
       const m = a[p];
-      if (Math.min(c[i], m[i]) - Math.max(c[n], m[n]) < 0) continue;
+      if (Math.min(c[i], m[i]) - Math.max(c[o], m[o]) < 0) continue;
       const M = m[e] - c[s];
       M < 0 || M < l && (l = M, d = m);
     }
     if (!d || l === Number.POSITIVE_INFINITY) continue;
-    const u = Math.max(c[n], d[n]), g = Math.min(c[i], d[i]), f = (u + g) / 2;
-    o.push({
+    const u = Math.max(c[o], d[o]), g = Math.min(c[i], d[i]), f = (u + g) / 2;
+    n.push({
       type: t,
       axis: f,
       start: c[s],
@@ -6232,8 +6250,8 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
       distance: d[e] - c[s]
     });
   }
-  return o;
-}, So = ({
+  return n;
+}, Sn = ({
   bounds: h
 }) => {
   const t = qe({
@@ -6248,7 +6266,7 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
     primaryEnd: "right"
   });
   return { vertical: t, horizontal: e };
-}, Ao = ["montage-area", "background", "interaction-blocker"], ns = ({
+}, An = ["montage-area", "background", "interaction-blocker"], os = ({
   activeObject: h
 }) => {
   const t = /* @__PURE__ */ new Set();
@@ -6256,15 +6274,15 @@ const po = 5, ss = "#3D8BF4", fe = 1, Jt = 1, Ke = ({
 }, is = ({
   object: h,
   excluded: t,
-  ignoredIds: e = Ao
+  ignoredIds: e = An
 }) => {
   if (t.has(h)) return !0;
   const { visible: s = !0 } = h;
   if (!s) return !0;
-  const { id: o } = h;
-  return !!(o && e.includes(o));
+  const { id: n } = h;
+  return !!(n && e.includes(n));
 };
-class jo {
+class jn {
   /**
    * Создаёт менеджер прилипания и инициализирует слушатели событий.
    */
@@ -6322,13 +6340,13 @@ class jo {
       return;
     }
     !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: e });
-    let n = ft({ object: e });
-    if (!n) {
+    let o = ft({ object: e });
+    if (!o) {
       this._clearGuides();
       return;
     }
-    const { canvas: i } = this, a = i.getZoom() || 1, r = po / a, c = mo({
-      activeBounds: n,
+    const { canvas: i } = this, a = i.getZoom() || 1, r = pn / a, c = mn({
+      activeBounds: o,
       threshold: r,
       anchors: this.anchors
     }), { deltaX: d, deltaY: l, guides: u } = c;
@@ -6337,10 +6355,10 @@ class jo {
       e.set({
         left: v + d,
         top: M + l
-      }), e.setCoords(), n = (p = ft({ object: e })) != null ? p : n;
+      }), e.setCoords(), o = (p = ft({ object: e })) != null ? p : o;
     }
-    const g = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => ft({ object: v })).filter((v) => !!v), f = bo({
-      activeBounds: n,
+    const g = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => ft({ object: v })).filter((v) => !!v), f = bn({
+      activeBounds: o,
       candidates: g,
       threshold: r,
       spacingPatterns: this.spacingPatterns
@@ -6350,7 +6368,7 @@ class jo {
       e.set({
         left: v + f.deltaX,
         top: M + f.deltaY
-      }), e.setCoords(), n = (m = ft({ object: e })) != null ? m : n;
+      }), e.setCoords(), o = (m = ft({ object: e })) != null ? m : o;
     }
     this._applyGuides({
       guides: u,
@@ -6377,12 +6395,12 @@ class jo {
     if (!this.activeGuides.length && !this.activeSpacingGuides.length) return;
     const { canvas: t, guideBounds: e } = this, s = t.getSelectionContext();
     if (!s) return;
-    const o = e != null ? e : this._calculateViewportBounds(), { left: n, right: i, top: a, bottom: r } = o, { viewportTransform: c } = t, d = t.getZoom() || 1;
+    const n = e != null ? e : this._calculateViewportBounds(), { left: o, right: i, top: a, bottom: r } = n, { viewportTransform: c } = t, d = t.getZoom() || 1;
     s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = fe / d, s.strokeStyle = ss, s.setLineDash([4, 4]);
     for (const l of this.activeGuides)
-      s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(n, l.position), s.lineTo(i, l.position)), s.stroke();
+      s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(o, l.position), s.lineTo(i, l.position)), s.stroke();
     for (const l of this.activeSpacingGuides)
-      wo({
+      wn({
         context: s,
         guide: l,
         zoom: d
@@ -6418,22 +6436,22 @@ class jo {
    * Применяет шаг перемещения, округляя координаты объекта к сетке MOVE_SNAP_STEP.
    */
   _applyMovementStep({ target: t }) {
-    const { left: e = 0, top: s = 0 } = t, o = Math.round(e / Jt) * Jt, n = Math.round(s / Jt) * Jt;
-    o === e && n === s || (t.set({
-      left: o,
-      top: n
+    const { left: e = 0, top: s = 0 } = t, n = Math.round(e / Jt) * Jt, o = Math.round(s / Jt) * Jt;
+    n === e && o === s || (t.set({
+      left: n,
+      top: o
     }), t.setCoords());
   }
   /**
    * Сохраняет линии для прилипания от всех доступных объектов и монтажной области.
    */
   _cacheAnchors({ activeObject: t }) {
-    const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, o = [];
+    const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, n = [];
     for (const a of e) {
       const r = ft({ object: a });
-      r && (Qe({ anchors: s, bounds: r }), o.push(r));
+      r && (Qe({ anchors: s, bounds: r }), n.push(r));
     }
-    const { montageArea: n } = this.editor, i = ft({ object: n });
+    const { montageArea: o } = this.editor, i = ft({ object: o });
     if (i) {
       Qe({ anchors: s, bounds: i });
       const { left: a, right: r, top: c, bottom: d } = i;
@@ -6445,29 +6463,29 @@ class jo {
       };
     } else
       this.guideBounds = this._calculateViewportBounds();
-    this.anchors = s, this.spacingPatterns = So({ bounds: o }), this.cachedTargetBounds = o;
+    this.anchors = s, this.spacingPatterns = Sn({ bounds: n }), this.cachedTargetBounds = n;
   }
   /**
    * Собирает объекты, подходящие для прилипания, исключая активный объект и запрещённые id.
    */
   _collectTargets({ activeObject: t }) {
-    const e = ns({ activeObject: t }), s = [];
-    return this.canvas.forEachObject((o) => {
-      is({ object: o, excluded: e }) || s.push(o);
+    const e = os({ activeObject: t }), s = [];
+    return this.canvas.forEachObject((n) => {
+      is({ object: n, excluded: e }) || s.push(n);
     }), s;
   }
   /**
    * Возвращает границы для рисования направляющих.
    */
   _calculateViewportBounds() {
-    const { canvas: t } = this, { viewportTransform: e } = t, s = t.getWidth(), o = t.getHeight(), [
-      n = 1,
+    const { canvas: t } = this, { viewportTransform: e } = t, s = t.getWidth(), n = t.getHeight(), [
+      o = 1,
       ,
       ,
       i = 1,
       a = 0,
       r = 0
-    ] = e != null ? e : [], c = (0 - a) / n, d = (0 - r) / i, l = (s - a) / n, u = (o - r) / i;
+    ] = e != null ? e : [], c = (0 - a) / o, d = (0 - r) / i, l = (s - a) / o, u = (n - r) / i;
     return {
       left: c,
       right: l,
@@ -6539,8 +6557,8 @@ class Lt {
       this._clearGuides();
       return;
     }
-    const { canvas: o } = this;
-    if (!o.getActiveObjects().length) {
+    const { canvas: n } = this;
+    if (!n.getActiveObjects().length) {
       this._clearGuides();
       return;
     }
@@ -6577,30 +6595,30 @@ class Lt {
       this._clearGuides();
       return;
     }
-    const { canvas: e, editor: s } = this, o = e.getActiveObject();
-    if (!o) {
+    const { canvas: e, editor: s } = this, n = e.getActiveObject();
+    if (!n) {
       this._clearGuides();
       return;
     }
-    const n = ft({ object: o });
-    if (!n) {
+    const o = ft({ object: n });
+    if (!o) {
       this._clearGuides();
       return;
     }
     const i = Lt._resolveTarget({
       event: t,
-      activeObject: o
+      activeObject: n
     }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = ft({ object: r });
     if (!d) {
       this._clearGuides();
       return;
     }
-    if (c && (n.right <= d.left || n.left >= d.right || n.bottom <= d.top || n.top >= d.bottom)) {
+    if (c && (o.right <= d.left || o.left >= d.right || o.bottom <= d.top || o.top >= d.bottom)) {
       this._clearGuides();
       return;
     }
     const u = Lt._buildGuides({
-      activeBounds: n,
+      activeBounds: o,
       targetBounds: d,
       targetIsMontageArea: c
     });
@@ -6617,8 +6635,8 @@ class Lt {
     event: t,
     activeObject: e
   }) {
-    const { target: s } = t, o = ns({ activeObject: e });
-    return s && !is({ object: s, excluded: o }) ? s : null;
+    const { target: s } = t, n = os({ activeObject: e });
+    return s && !is({ object: s, excluded: n }) ? s : null;
   }
   /**
    * Собирает вертикальные и горизонтальные направляющие расстояний.
@@ -6628,16 +6646,16 @@ class Lt {
     targetBounds: e,
     targetIsMontageArea: s
   }) {
-    const o = Lt._buildHorizontalGuides({
+    const n = Lt._buildHorizontalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
-    }), n = Lt._buildVerticalGuides({
+    }), o = Lt._buildVerticalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
     });
-    return [...o, ...n];
+    return [...n, ...o];
   }
   /**
    * Строит горизонтальные направляющие (расстояние по оси X).
@@ -6647,8 +6665,8 @@ class Lt {
     targetBounds: e,
     targetIsMontageArea: s
   }) {
-    const o = [], {
-      left: n = 0,
+    const n = [], {
+      left: o = 0,
       right: i = 0,
       top: a = 0,
       bottom: r = 0,
@@ -6661,30 +6679,30 @@ class Lt {
       centerY: f = 0
     } = e, p = Math.max(a, u), m = Math.min(r, g), M = m >= p ? (p + m) / 2 : (c + f) / 2;
     if (d >= i) {
-      if (s) return o;
+      if (s) return n;
       const T = d - i;
-      return T > 0 && o.push({
+      return T > 0 && n.push({
         type: "horizontal",
         axis: M,
         start: i,
         end: d,
         distance: T
-      }), o;
+      }), n;
     }
-    if (l <= n) {
-      if (s) return o;
-      const T = n - l;
-      return T > 0 && o.push({
+    if (l <= o) {
+      if (s) return n;
+      const T = o - l;
+      return T > 0 && n.push({
         type: "horizontal",
         axis: M,
         start: l,
-        end: n,
+        end: o,
         distance: T
-      }), o;
+      }), n;
     }
-    if (!s) return o;
-    const S = n < d, y = i > l, b = Math.min(n, d), I = Math.max(n, d), j = I - b;
-    j > 0 && !S && o.push({
+    if (!s) return n;
+    const S = o < d, y = i > l, b = Math.min(o, d), I = Math.max(o, d), j = I - b;
+    j > 0 && !S && n.push({
       type: "horizontal",
       axis: M,
       start: b,
@@ -6692,13 +6710,13 @@ class Lt {
       distance: j
     });
     const A = Math.min(i, l), C = Math.max(i, l), w = C - A;
-    return w > 0 && !y && o.push({
+    return w > 0 && !y && n.push({
       type: "horizontal",
       axis: M,
       start: A,
       end: C,
       distance: w
-    }), o;
+    }), n;
   }
   /**
    * Строит вертикальные направляющие (расстояние по оси Y).
@@ -6708,8 +6726,8 @@ class Lt {
     targetBounds: e,
     targetIsMontageArea: s
   }) {
-    const o = [], {
-      top: n = 0,
+    const n = [], {
+      top: o = 0,
       bottom: i = 0,
       left: a = 0,
       right: r = 0,
@@ -6722,30 +6740,30 @@ class Lt {
       centerX: f = 0
     } = e, p = Math.max(a, u), m = Math.min(r, g), M = m >= p ? (p + m) / 2 : (c + f) / 2;
     if (d >= i) {
-      if (s) return o;
+      if (s) return n;
       const T = d - i;
-      return T > 0 && o.push({
+      return T > 0 && n.push({
         type: "vertical",
         axis: M,
         start: i,
         end: d,
         distance: T
-      }), o;
+      }), n;
     }
-    if (l <= n) {
-      if (s) return o;
-      const T = n - l;
-      return T > 0 && o.push({
+    if (l <= o) {
+      if (s) return n;
+      const T = o - l;
+      return T > 0 && n.push({
         type: "vertical",
         axis: M,
         start: l,
-        end: n,
+        end: o,
         distance: T
-      }), o;
+      }), n;
     }
-    if (!s) return o;
-    const S = n < d, y = i > l, b = Math.min(n, d), I = Math.max(n, d), j = I - b;
-    j > 0 && !S && o.push({
+    if (!s) return n;
+    const S = o < d, y = i > l, b = Math.min(o, d), I = Math.max(o, d), j = I - b;
+    j > 0 && !S && n.push({
       type: "vertical",
       axis: M,
       start: b,
@@ -6753,13 +6771,13 @@ class Lt {
       distance: j
     });
     const A = Math.min(i, l), C = Math.max(i, l), w = C - A;
-    return w > 0 && !y && o.push({
+    return w > 0 && !y && n.push({
       type: "vertical",
       axis: M,
       start: A,
       end: C,
       distance: w
-    }), o;
+    }), n;
   }
   /**
    * Сбрасывает активные направляющие и инициирует перерисовку.
@@ -6785,8 +6803,8 @@ class Lt {
     if (!this.activeGuides.length) return;
     const { canvas: t } = this, e = t.getSelectionContext();
     if (!e) return;
-    const { viewportTransform: s } = t, o = t.getZoom() || 1, n = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = n && i && !this.isTargetMontageArea, r = a ? 12 / o : 0;
-    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = $e / o, e.strokeStyle = Je, e.setLineDash([]);
+    const { viewportTransform: s } = t, n = t.getZoom() || 1, o = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = o && i && !this.isTargetMontageArea, r = a ? 12 / n : 0;
+    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = $e / n, e.strokeStyle = Je, e.setLineDash([]);
     for (const c of this.activeGuides) {
       const { type: d, axis: l, start: u, end: g, distance: f } = c, p = Math.abs(g - u), m = u <= g ? -1 : 1, v = a ? m * (p / 2 + r) : 0, M = 0;
       e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, g)) : (e.moveTo(u, l), e.lineTo(g, l)), e.stroke(), pe({
@@ -6796,7 +6814,7 @@ class Lt {
         start: u,
         end: g,
         text: Math.round(f).toString(),
-        zoom: o,
+        zoom: n,
         color: Je,
         lineWidth: $e,
         offsetAlongAxis: v,
@@ -6845,8 +6863,8 @@ class we {
         editorContainerWidth: t,
         editorContainerHeight: e,
         canvasWrapperWidth: s,
-        canvasWrapperHeight: o,
-        canvasCSSWidth: n,
+        canvasWrapperHeight: n,
+        canvasCSSWidth: o,
         canvasCSSHeight: i,
         initialImage: a,
         initialStateJSON: r,
@@ -6854,7 +6872,7 @@ class we {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if ($.apply(), this.canvas = new ys(this.containerId, this.options), this.moduleLoader = new Ss(), this.workerManager = new js(), this.errorManager = new Wt({ editor: this }), this.historyManager = new Ys({ editor: this }), this.toolbar = new Ps({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ct({ editor: this }), this.layerManager = new te({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new ee({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new Me({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new ge((u = this.options.fonts) != null ? u : []), this.textManager = new F({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new be({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if ($.apply(), this.canvas = new ys(this.containerId, this.options), this.moduleLoader = new Ss(), this.workerManager = new js(), this.errorManager = new Wt({ editor: this }), this.historyManager = new Ys({ editor: this }), this.toolbar = new Ps({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ct({ editor: this }), this.layerManager = new te({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new ee({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new Me({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new ge((u = this.options.fonts) != null ? u : []), this.textManager = new F({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new be({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -6916,8 +6934,8 @@ class we {
    * Метод для удаления редактора и всех слушателей.
    */
   destroy() {
-    var t, e, s, o;
-    this.listeners.destroy(), (t = this.snappingManager) == null || t.destroy(), (e = this.measurementManager) == null || e.destroy(), this.toolbar.destroy(), (s = this.angleIndicator) == null || s.destroy(), (o = this.textManager) == null || o.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
+    var t, e, s, n;
+    this.listeners.destroy(), (t = this.snappingManager) == null || t.destroy(), (e = this.measurementManager) == null || e.destroy(), this.toolbar.destroy(), (s = this.angleIndicator) == null || s.destroy(), (n = this.textManager) == null || n.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
   }
   /**
    * Создает паттерн мозаики.
@@ -6972,7 +6990,7 @@ const O = [
   "U+A640-A69F",
   "U+FE2E-FE2F",
   "U+2116"
-].join(", "), Io = [
+].join(", "), In = [
   {
     family: "Arial",
     source: 'local("Arial"), local("Liberation Sans"), local("DejaVu Sans")',
@@ -7762,7 +7780,7 @@ const O = [
       unicodeRange: O
     }
   }
-], Co = {
+], Cn = {
   /**
    * Опции редактора
    */
@@ -7854,20 +7872,20 @@ const O = [
   /**
    * Список шрифтов, которые будут доступны в редакторе по умолчанию.
    */
-  fonts: Io
+  fonts: In
 };
-function Do(h, t = {}) {
-  const e = B(B({}, Co), t), s = document.getElementById(h);
+function Dn(h, t = {}) {
+  const e = B(B({}, Cn), t), s = document.getElementById(h);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
-  const o = document.createElement("canvas");
-  return o.id = `${h}-canvas`, s.appendChild(o), e.editorContainer = s, new Promise((n) => {
-    e._onReadyCallback = n;
-    const i = new we(o.id, e);
+  const n = document.createElement("canvas");
+  return n.id = `${h}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
+    e._onReadyCallback = o;
+    const i = new we(n.id, e);
     window[h] = i;
   });
 }
 export {
-  Do as default
+  Dn as default
 };
 //# sourceMappingURL=main.js.map