@anu3ev/fabric-image-editor 0.4.7 → 0.4.8

package/dist/main.js

@@ -1,25 +1,25 @@
-var Re = Object.defineProperty, xe = Object.defineProperties;
-var Be = Object.getOwnPropertyDescriptors;
-var zt = Object.getOwnPropertySymbols;
-var me = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
-var fe = (d, t, e) => t in d ? Re(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e, k = (d, t) => {
+var Fe = Object.defineProperty, We = Object.defineProperties;
+var He = Object.getOwnPropertyDescriptors;
+var Ut = Object.getOwnPropertySymbols;
+var ye = Object.prototype.hasOwnProperty, ve = Object.prototype.propertyIsEnumerable;
+var me = (d, t, e) => t in d ? Fe(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e, x = (d, t) => {
   for (var e in t || (t = {}))
-    me.call(t, e) && fe(d, e, t[e]);
-  if (zt)
-    for (var e of zt(t))
-      pe.call(t, e) && fe(d, e, t[e]);
+    ye.call(t, e) && me(d, e, t[e]);
+  if (Ut)
+    for (var e of Ut(t))
+      ve.call(t, e) && me(d, e, t[e]);
   return d;
-}, Tt = (d, t) => xe(d, Be(t));
+}, pt = (d, t) => We(d, He(t));
 var rt = (d, t) => {
   var e = {};
   for (var s in d)
-    me.call(d, s) && t.indexOf(s) < 0 && (e[s] = d[s]);
-  if (d != null && zt)
-    for (var s of zt(d))
-      t.indexOf(s) < 0 && pe.call(d, s) && (e[s] = d[s]);
+    ye.call(d, s) && t.indexOf(s) < 0 && (e[s] = d[s]);
+  if (d != null && Ut)
+    for (var s of Ut(d))
+      t.indexOf(s) < 0 && ve.call(d, s) && (e[s] = d[s]);
   return e;
 };
-var O = (d, t, e) => new Promise((s, o) => {
+var R = (d, t, e) => new Promise((s, o) => {
   var n = (r) => {
     try {
       a(e.next(r));
@@ -35,15 +35,15 @@ var O = (d, t, e) => new Promise((s, o) => {
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, i);
   a((e = e.apply(d, t)).next());
 });
-import { ActiveSelection as U, Textbox as st, util as it, controlsUtils as ye, InteractiveFabricObject as Me, loadSVGFromURL as _e, FabricImage as Ot, Point as ht, Gradient as ve, Rect as Ue, Circle as ze, Triangle as Ye, Group as pt, Color as Pe, classRegistry as be, loadSVGFromString as Fe, Canvas as We, Pattern as He } from "fabric";
-import { create as Ze } from "jsondiffpatch";
-import Ve from "diff-match-patch";
-var Ge = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", P = function() {
+import { ActiveSelection as z, Textbox as st, util as it, controlsUtils as be, InteractiveFabricObject as Me, loadSVGFromURL as Ze, FabricImage as Dt, Point as ht, Gradient as we, Rect as Ve, Circle as Ge, Triangle as Xe, Group as vt, Color as Ke, classRegistry as je, loadSVGFromString as Qe, Canvas as $e, Pattern as Je } from "fabric";
+import { create as qe } from "jsondiffpatch";
+import ts from "diff-match-patch";
+var es = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", F = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
-    e += Ge[s[t] & 63];
+    e += es[s[t] & 63];
   return e;
 };
-class Lt {
+class Nt {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class Lt {
    * @param params.options.adaptCanvasToContainerOnResize — адаптировать канвас к размерам контейнера при изменении размеров окна
    */
   constructor({ editor: t, options: e = {} }) {
-    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = t, this.canvas = t.canvas, this.options = e, this.handleContainerResizeBound = Lt.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = Lt.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Lt.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = t, this.canvas = t.canvas, this.options = e, this.handleContainerResizeBound = Nt.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = Nt.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Nt.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -77,9 +77,9 @@ class Lt {
       undoRedoByHotKeys: a,
       selectAllByHotkey: r,
       deleteObjectsByHotkey: c,
-      resetObjectFitByDoubleClick: h
+      resetObjectFitByDoubleClick: l
     } = 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)), h && 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), o && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -98,7 +98,7 @@ class Lt {
       if (o.length === 1)
         this.canvas.setActiveObject(o[0]);
       else {
-        const i = new U(o, {
+        const i = new z(o, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(i);
@@ -106,7 +106,7 @@ class Lt {
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new U(t, {
+    const n = new z(t, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
@@ -175,7 +175,7 @@ class Lt {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(t) {
-    return O(this, null, function* () {
+    return R(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()));
     });
@@ -220,7 +220,7 @@ class Lt {
     if (o || n) 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({
+    i instanceof z ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), e.discardActiveObject(), e.set({
       selection: !1,
       defaultCursor: "grab"
     }), e.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
@@ -259,7 +259,7 @@ class Lt {
       e.setActiveObject(t[0]);
       return;
     }
-    const o = t.filter((i) => s.canvasManager.getObjects().includes(i)), n = new U(o, { canvas: e });
+    const o = t.filter((i) => s.canvasManager.getObjects().includes(i)), n = new z(o, { canvas: e });
     e.setActiveObject(n);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -359,13 +359,13 @@ class Lt {
       r.nodeType === Node.TEXT_NODE && (r = r.parentElement);
       const { keyboardIgnoreSelectors: c } = this.options;
       if (c != null && c.length && r)
-        for (const h of c)
+        for (const l of c)
           try {
-            const l = r;
-            if (l.matches && l.matches(h) || l.closest && l.closest(h))
+            const h = r;
+            if (h.matches && h.matches(l) || h.closest && h.closest(l))
               return !0;
-          } catch (l) {
-            console.warn(`Error checking selection container with selector "${h}":`, l);
+          } catch (h) {
+            console.warn(`Error checking selection container with selector "${l}":`, h);
           }
     }
     return !1;
@@ -391,7 +391,7 @@ class Lt {
     };
   }
 }
-class Xe {
+class ss {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -409,7 +409,7 @@ class Xe {
     return this.loaders[t] ? (this.cache.has(t) || this.cache.set(t, this.loaders[t]()), this.cache.get(t)) : Promise.reject(new Error(`Unknown module "${t}"`));
   }
 }
-function Ke(d) {
+function os(d) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
@@ -417,13 +417,13 @@ function Ke(d) {
     }
   );
 }
-class Qe {
+class ns {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(t) {
-    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new Ke(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new os(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -451,7 +451,7 @@ class Qe {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(t, e, s = []) {
-    const o = `${t}:${P(8)}`;
+    const o = `${t}:${F(8)}`;
     return new Promise((n, i) => {
       this._callbacks.set(o, { resolve: n, reject: i }), this.worker.postMessage({ action: t, payload: e, requestId: o }, s);
     });
@@ -463,26 +463,26 @@ class Qe {
     this.worker.terminate();
   }
 }
-const tt = 12, $e = 2, te = 8, ee = 20, Je = 100, se = 20, oe = 8, qe = 100, Wt = 32, ie = 1, ts = "#2B2D33", ae = "#3D8BF4", re = "#FFFFFF";
+const tt = 12, is = 2, ee = 8, se = 20, as = 100, oe = 20, ne = 8, rs = 100, Ht = 32, re = 1, cs = "#2B2D33", ce = "#3D8BF4", de = "#FFFFFF";
 function Yt(d, t, e, s, o) {
-  const n = tt, i = $e;
-  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = re, d.strokeStyle = ae, d.lineWidth = ie, d.beginPath(), d.roundRect(-n / 2, -n / 2, n, n, i), d.fill(), d.stroke(), d.restore();
+  const n = tt, i = is;
+  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-n / 2, -n / 2, n, n, i), d.fill(), d.stroke(), d.restore();
 }
-function we(d, t, e, s, o) {
-  const n = te, i = ee, a = Je;
-  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = re, d.strokeStyle = ae, d.lineWidth = ie, d.beginPath(), d.roundRect(-n / 2, -i / 2, n, i, a), d.fill(), d.stroke(), d.restore();
+function Se(d, t, e, s, o) {
+  const n = ee, i = se, a = as;
+  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-n / 2, -i / 2, n, i, a), d.fill(), d.stroke(), d.restore();
 }
-function je(d, t, e, s, o) {
-  const n = se, i = oe, a = qe;
-  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = re, d.strokeStyle = ae, d.lineWidth = ie, d.beginPath(), d.roundRect(-n / 2, -i / 2, n, i, a), d.fill(), d.stroke(), d.restore();
+function Ae(d, t, e, s, o) {
+  const n = oe, i = ne, a = rs;
+  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = de, d.strokeStyle = ce, d.lineWidth = re, d.beginPath(), d.roundRect(-n / 2, -i / 2, n, i, a), d.fill(), d.stroke(), d.restore();
 }
-const es = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ne = new Image();
-Ne.src = es;
-function ss(d, t, e, s, o) {
-  const i = Wt / 2;
-  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = ts, d.beginPath(), d.arc(0, 0, i, 0, 2 * Math.PI), d.fill(), d.drawImage(Ne, -i / 2, -i / 2, i, i), d.restore();
+const ds = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Pe = new Image();
+Pe.src = ds;
+function ls(d, t, e, s, o) {
+  const i = Ht / 2;
+  d.save(), d.translate(t, e), d.rotate(it.degreesToRadians(o.angle)), d.fillStyle = cs, d.beginPath(), d.arc(0, 0, i, 0, 2 * Math.PI), d.fill(), d.drawImage(Pe, -i / 2, -i / 2, i, i), d.restore();
 }
-const os = {
+const hs = {
   // Угловые точки
   tl: {
     render: Yt,
@@ -514,44 +514,44 @@ const os = {
   },
   // Середина вертикалей
   ml: {
-    render: we,
-    sizeX: te,
-    sizeY: ee,
+    render: Se,
+    sizeX: ee,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: we,
-    sizeX: te,
-    sizeY: ee,
+    render: Se,
+    sizeX: ee,
+    sizeY: se,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: je,
-    sizeX: se,
-    sizeY: oe,
+    render: Ae,
+    sizeX: oe,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: je,
-    sizeX: se,
-    sizeY: oe,
+    render: Ae,
+    sizeX: oe,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: ss,
-    sizeX: Wt,
-    sizeY: Wt,
+    render: ls,
+    sizeX: Ht,
+    sizeY: Ht,
     offsetX: 0,
-    offsetY: -Wt
+    offsetY: -Ht
   }
 };
-class yt {
+class bt {
   static wrapWidthControl(t) {
     if (!(t != null && t.actionHandler)) return;
     const e = t.actionHandler;
@@ -561,23 +561,23 @@ class yt {
     };
   }
   static applyControlOverrides(t) {
-    Object.entries(os).forEach(([e, s]) => {
+    Object.entries(hs).forEach(([e, s]) => {
       const o = t[e];
       o && (Object.assign(o, s), e === "mtr" && (o.cursorStyle = "grab", o.mouseDownHandler = (n, i, a, r) => {
-        var h;
+        var l;
         const c = i == null ? void 0 : i.target;
-        (h = c == null ? void 0 : c.canvas) == null || h.setCursor("grabbing");
+        (l = c == null ? void 0 : c.canvas) == null || l.setCursor("grabbing");
       }));
     });
   }
   static apply() {
-    const t = ye.createObjectDefaultControls();
-    yt.applyControlOverrides(t), Me.ownDefaults.controls = t;
-    const e = ye.createTextboxDefaultControls();
-    yt.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), yt.wrapWidthControl(e.ml), yt.wrapWidthControl(e.mr), st.ownDefaults.controls = e, Me.ownDefaults.snapAngle = 1;
+    const t = be.createObjectDefaultControls();
+    bt.applyControlOverrides(t), Me.ownDefaults.controls = t;
+    const e = be.createTextboxDefaultControls();
+    bt.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), bt.wrapWidthControl(e.ml), bt.wrapWidthControl(e.mr), st.ownDefaults.controls = e, Me.ownDefaults.snapAngle = 1;
   }
 }
-const D = class D {
+const k = class k {
   constructor(t = []) {
     this.fonts = t;
   }
@@ -585,36 +585,36 @@ const D = class D {
     this.fonts = t;
   }
   loadFonts() {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       var o;
       const t = (o = this.fonts) != null ? o : [];
       if (!t.length) return;
       const e = typeof document != "undefined" ? document : void 0;
       if (!e) return;
-      const s = t.map((n) => D.loadFont(n, e));
+      const s = t.map((n) => k.loadFont(n, e));
       yield Promise.allSettled(s);
     });
   }
   static loadFont(t, e) {
-    return O(this, null, function* () {
-      var c, h;
-      const s = typeof FontFace != "undefined", o = (c = t.family) == null ? void 0 : c.trim(), n = (h = t.source) == null ? void 0 : h.trim();
+    return R(this, null, function* () {
+      var c, l;
+      const s = typeof FontFace != "undefined", o = (c = t.family) == null ? void 0 : c.trim(), n = (l = t.source) == null ? void 0 : l.trim();
       if (!o || !n) return;
-      const i = D.normalizeFontSource(n), a = D.getDescriptorSnapshot(t.descriptors), r = D.getFontRegistrationKey(o, i, a);
-      if (!D.registeredFontKeys.has(r)) {
-        if (D.isFontFaceAlreadyApplied(e, o, a)) {
-          D.registeredFontKeys.add(r);
+      const i = k.normalizeFontSource(n), a = k.getDescriptorSnapshot(t.descriptors), r = k.getFontRegistrationKey(o, i, a);
+      if (!k.registeredFontKeys.has(r)) {
+        if (k.isFontFaceAlreadyApplied(e, o, a)) {
+          k.registeredFontKeys.add(r);
           return;
         }
         if (s && e.fonts && typeof e.fonts.add == "function")
           try {
             const u = yield new FontFace(o, i, t.descriptors).load();
-            e.fonts.add(u), D.registeredFontKeys.add(r);
+            e.fonts.add(u), k.registeredFontKeys.add(r);
             return;
-          } catch (l) {
-            console.warn(`Не удалось загрузить шрифт "${o}" через FontFace API`, l);
+          } catch (h) {
+            console.warn(`Не удалось загрузить шрифт "${o}" через FontFace API`, h);
           }
-        D.injectFontFace({
+        k.injectFontFace({
           font: t,
           source: i,
           doc: e,
@@ -629,20 +629,20 @@ const D = class D {
     doc: s,
     registrationKey: o
   }) {
-    var h;
-    const { descriptors: n } = t, i = (h = t.family) == null ? void 0 : h.trim();
+    var l;
+    const { descriptors: n } = t, i = (l = t.family) == null ? void 0 : l.trim();
     if (!i) return;
     const a = s.createElement("style");
     a.setAttribute("data-editor-font", i), a.setAttribute("data-editor-font-key", o);
-    const r = D.descriptorsToCss(n), c = [
+    const r = k.descriptorsToCss(n), c = [
       "@font-face {",
-      `  font-family: ${D.formatFontFamilyForCss(i)};`,
+      `  font-family: ${k.formatFontFamilyForCss(i)};`,
       `  src: ${e};`,
-      ...r.map((l) => `  ${l}`),
+      ...r.map((h) => `  ${h}`),
       "}"
     ];
     a.textContent = c.join(`
-`), s.head.appendChild(a), D.registeredFontKeys.add(o);
+`), s.head.appendChild(a), k.registeredFontKeys.add(o);
   }
   static normalizeFontSource(t) {
     const e = t.trim();
@@ -665,15 +665,15 @@ const D = class D {
     return t ? t.trim().replace(/^['"]+|['"]+$/g, "").toLowerCase() : "";
   }
   static getDescriptorSnapshot(t) {
-    const e = D.descriptorDefaults;
+    const e = k.descriptorDefaults;
     return {
-      style: D.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
-      weight: D.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
-      stretch: D.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
-      unicodeRange: D.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
-      variant: D.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
-      featureSettings: D.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
-      display: D.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
+      style: k.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
+      weight: k.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
+      stretch: k.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
+      unicodeRange: k.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
+      variant: k.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
+      featureSettings: k.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
+      display: k.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
     };
   }
   static areDescriptorSnapshotsEqual(t, e) {
@@ -681,7 +681,7 @@ const D = class D {
   }
   static getFontRegistrationKey(t, e, s) {
     return [
-      D.normalizeFamilyName(t),
+      k.normalizeFamilyName(t),
       e,
       s.style,
       s.weight,
@@ -695,12 +695,12 @@ const D = class D {
   static isFontFaceAlreadyApplied(t, e, s) {
     const o = t.fonts;
     if (!o || typeof o.forEach != "function") return !1;
-    const n = D.normalizeFamilyName(e);
+    const n = k.normalizeFamilyName(e);
     let i = !1;
     try {
       o.forEach((a) => {
-        if (i || D.normalizeFamilyName(a.family) !== n) return;
-        const c = D.getDescriptorSnapshot({
+        if (i || k.normalizeFamilyName(a.family) !== n) return;
+        const c = k.getDescriptorSnapshot({
           style: a.style,
           weight: a.weight,
           stretch: a.stretch,
@@ -709,7 +709,7 @@ const D = class D {
           featureSettings: a.featureSettings,
           display: a.display
         });
-        D.areDescriptorSnapshotsEqual(s, c) && (i = !0);
+        k.areDescriptorSnapshotsEqual(s, c) && (i = !0);
       });
     } catch (a) {
       return console.warn("Не удалось проверить, загружен ли шрифт ранее через FontFaceSet", a), !1;
@@ -736,7 +736,7 @@ const D = class D {
     });
   }
 };
-D.registeredFontKeys = /* @__PURE__ */ new Set(), D.descriptorDefaults = {
+k.registeredFontKeys = /* @__PURE__ */ new Set(), k.descriptorDefaults = {
   style: "normal",
   weight: "normal",
   stretch: "normal",
@@ -745,8 +745,8 @@ D.registeredFontKeys = /* @__PURE__ */ new Set(), D.descriptorDefaults = {
   featureSettings: "normal",
   display: "auto"
 };
-let ne = D;
-const ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", is = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", as = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", cs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ds = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", hs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Dt = {
+let ie = k;
+const us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", gs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", fs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", ps = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ms = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ys = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", vs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Lt = {
   style: {
     position: "absolute",
     display: "none",
@@ -813,17 +813,17 @@ const ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: ns,
-    delete: hs,
-    lock: is,
-    unlock: as,
-    bringToFront: ds,
-    sendToBack: ls,
-    bringForward: rs,
-    sendBackwards: cs
+    copyPaste: us,
+    delete: bs,
+    lock: gs,
+    unlock: fs,
+    bringToFront: ys,
+    sendToBack: vs,
+    bringForward: ps,
+    sendBackwards: ms
   },
   handlers: {
-    copyPaste: (d) => O(null, null, function* () {
+    copyPaste: (d) => R(null, null, function* () {
       d.clipboardManager.copyPaste();
     }),
     delete: (d) => {
@@ -849,18 +849,18 @@ const ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     }
   }
 };
-class us {
+class Ms {
   constructor({ editor: t }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    this.config = Tt(k(k({}, Dt), t), {
-      style: k(k({}, Dt.style), t.style || {}),
-      btnStyle: k(k({}, Dt.btnStyle), t.btnStyle || {}),
-      icons: k(k({}, Dt.icons), t.icons || {}),
-      handlers: k(k({}, Dt.handlers), t.handlers || {})
+    this.config = pt(x(x({}, Lt), t), {
+      style: x(x({}, Lt.style), t.style || {}),
+      btnStyle: x(x({}, Lt.btnStyle), t.btnStyle || {}),
+      icons: x(x({}, Lt.icons), t.icons || {}),
+      handlers: x(x({}, Lt.handlers), t.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
       this.el.style.display = "none";
     }, this._createDOM(), this._bindEvents();
@@ -951,7 +951,7 @@ class us {
     }
     const { el: e, config: s, canvas: o } = this;
     t.setCoords();
-    const n = o.getZoom(), [, , , , i, a] = o.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: h } = t.getBoundingRect(), u = r * n + i - e.offsetWidth / 2, g = s.offsetTop || 0, f = (c + h) * n + a + g;
+    const n = o.getZoom(), [, , , , i, a] = o.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: l } = t.getBoundingRect(), u = r * n + i - e.offsetWidth / 2, g = s.offsetTop || 0, f = (c + l) * n + a + g;
     Object.assign(e.style, {
       left: `${u}px`,
       top: `${f}px`,
@@ -965,7 +965,7 @@ class us {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-const gs = {
+const ws = {
   position: "absolute",
   display: "none",
   background: "#2B2D33",
@@ -979,8 +979,8 @@ const gs = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, Ae = 16, Se = 16, fs = "fabric-editor-angle-indicator";
-class ce {
+}, Ie = 16, Ce = 16, js = "fabric-editor-angle-indicator";
+class le {
   constructor({ editor: t }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._createDOM(), this._bindEvents();
   }
@@ -988,7 +988,7 @@ class ce {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = fs, Object.entries(gs).forEach(([t, e]) => {
+    this.el = document.createElement("div"), this.el.className = js, Object.entries(ws).forEach(([t, e]) => {
       this.el.style.setProperty(t, e);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -1008,7 +1008,7 @@ class ce {
       return;
     }
     const s = e.angle || 0;
-    this.currentAngle = ce._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
+    this.currentAngle = le._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
   }
   /**
    * Обработчик отпускания кнопки мыши
@@ -1039,9 +1039,9 @@ class ce {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + Ae, o = t.clientY - e.top + Se;
+    let s = t.clientX - e.left + Ie, o = t.clientY - e.top + Ce;
     const n = this.el.getBoundingClientRect(), i = n.width, a = n.height;
-    s + i > e.width && (s = t.clientX - e.left - i - Ae), o + a > e.height && (o = t.clientY - e.top - a - Se), this.el.style.left = `${s}px`, this.el.style.top = `${o}px`;
+    s + i > e.width && (s = t.clientX - e.left - i - Ie), o + a > e.height && (o = t.clientY - e.top - a - Ce), this.el.style.left = `${s}px`, this.el.style.top = `${o}px`;
   }
   /**
    * Показать индикатор
@@ -1072,7 +1072,7 @@ class ce {
     this.canvas && (this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:cleared", this._onSelectionCleared)), (t = this.el) != null && t.parentNode && this.el.parentNode.removeChild(this.el), this.el = null, this.editor = null, this.canvas = null, this.options = null;
   }
 }
-const ke = [
+const ze = [
   "selectable",
   "evented",
   "id",
@@ -1108,7 +1108,7 @@ const ke = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-class Ht {
+class Zt {
   constructor({ editor: t }) {
     this.editor = t, this.canvas = t.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -1120,7 +1120,7 @@ class Ht {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Ze({
+    this.diffPatcher = qe({
       objectHash(t) {
         const e = t, s = t, o = s.styles ? JSON.stringify(s.styles) : "";
         return [
@@ -1170,7 +1170,7 @@ class Ht {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Ve,
+        diffMatchPatch: ts,
         minLength: 60
       }
     });
@@ -1212,7 +1212,7 @@ class Ht {
     if (console.log("saveState"), this.skipHistory) return;
     console.time("saveState");
     const t = this._withTemporaryUnlock(
-      () => this.canvas.toDatalessObject([...ke])
+      () => this.canvas.toDatalessObject([...ze])
     );
     if (console.timeEnd("saveState"), !this.baseState) {
       this.baseState = t, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
@@ -1223,7 +1223,7 @@ class Ht {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: P(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: F(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Сериализует customData объектов в строку. Это необходимо чтобы при вызове loadFromJSON fabricjs не пытался обрабатывать свойства внутри customData, как свойства FabricObject, если их названия совпадают с зарезервированными.
@@ -1256,19 +1256,19 @@ class Ht {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(t) {
-    return O(this, null, function* () {
+    return R(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, Ht._serializeCustomData(t), yield e.loadFromJSON(t, (l, u) => {
-        Ht._deserializeCustomData(l, u);
+      o.overlayMask = null, Zt._serializeCustomData(t), yield e.loadFromJSON(t, (h, u) => {
+        Zt._deserializeCustomData(h, u);
       });
-      const r = e.getObjects().find((l) => l.id === "montage-area");
+      const r = e.getObjects().find((h) => h.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");
+      const c = e.getObjects().find((h) => h.id === "overlay-mask");
       c && (o.overlayMask = c, o.overlayMask.visible = !1);
-      const h = e.getObjects().find((l) => l.id === "background");
-      h ? (n.backgroundObject = h, n.refresh()) : n.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
+      const l = e.getObjects().find((h) => h.id === "background");
+      l ? (n.backgroundObject = l, n.refresh()) : n.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
         fullState: t,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -1283,7 +1283,7 @@ class Ht {
    * @fires editor:undo
    */
   undo() {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1320,7 +1320,7 @@ class Ht {
    * @fires editor:redo
    */
   redo() {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1358,8 +1358,8 @@ class Ht {
     ((i = (n = (o = this.canvas).getObjects) == null ? void 0 : n.call(o)) != 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 h = !!a.lockMovementX, l = !!a.lockMovementY;
-      !h && !l || (e.push({
+      const l = !!a.lockMovementX, h = !!a.lockMovementY;
+      !l && !h || (e.push({
         object: a,
         lockMovementX: a.lockMovementX,
         lockMovementY: a.lockMovementY,
@@ -1369,13 +1369,13 @@ class Ht {
     try {
       return t();
     } finally {
-      e.forEach(({ object: a, lockMovementX: r, lockMovementY: c, selectable: h }) => {
-        a.lockMovementX = r, a.lockMovementY = c, a.selectable = h;
+      e.forEach(({ object: a, lockMovementX: r, lockMovementY: c, selectable: l }) => {
+        a.lockMovementX = r, a.lockMovementY = c, a.selectable = l;
       });
     }
   }
 }
-const ms = 0.1, ps = 2, Ie = 0.1, ys = 90, bt = 16, wt = 16, dt = 4096, lt = 4096, Ce = "application/image-editor:", Pt = [
+const Ss = 0.1, As = 2, Te = 0.1, Is = 90, jt = 16, St = 16, dt = 4096, lt = 4096, Ee = "application/image-editor:", Ft = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1389,7 +1389,7 @@ const ms = 0.1, ps = 2, Ie = 0.1, ys = 90, bt = 16, wt = 16, dt = 4096, lt = 409
   "radiusTopRight",
   "radiusBottomRight",
   "radiusBottomLeft"
-], Ms = 50;
+], Cs = 50;
 class et {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -1407,7 +1407,7 @@ class et {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const {
         source: e,
         scale: s = `image-${this.options.scaleType}`,
@@ -1417,34 +1417,34 @@ class et {
         withoutSelection: a = !1
       } = t;
       if (!e) return null;
-      const { canvas: r, montageArea: c, transformManager: h, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = et.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: y } = this;
+      const { canvas: r, montageArea: c, transformManager: l, historyManager: h, errorManager: u } = this.editor, g = yield this.getContentType(e), f = et.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: p } = this;
       if (!this.isAllowedContentType(g)) {
-        const p = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        const v = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return u.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: p,
+          message: v,
           data: {
             source: e,
             format: f,
             contentType: g,
             acceptContentTypes: m,
-            acceptFormats: y,
+            acceptFormats: p,
             fromClipboard: n,
             isBackground: i,
             withoutSelection: a
           }
         }), null;
       }
-      l.suspendHistory();
+      h.suspendHistory();
       try {
-        let p, M;
+        let v, b;
         if (e instanceof File)
-          p = URL.createObjectURL(e);
+          v = URL.createObjectURL(e);
         else if (typeof e == "string") {
-          const S = yield (yield fetch(e, { mode: "cors" })).blob();
-          p = URL.createObjectURL(S);
+          const w = yield (yield fetch(e, { mode: "cors" })).blob();
+          v = URL.createObjectURL(w);
         } else
           return u.emitError({
             origin: "ImageManager",
@@ -1456,38 +1456,38 @@ class et {
               format: f,
               contentType: g,
               acceptContentTypes: m,
-              acceptFormats: y,
+              acceptFormats: p,
               fromClipboard: n,
               isBackground: i,
               withoutSelection: a
             }
           }), null;
-        if (this._createdBlobUrls.push(p), f === "svg") {
-          const v = yield _e(p);
-          M = it.groupSVGElements(v.objects, v.options);
+        if (this._createdBlobUrls.push(v), f === "svg") {
+          const M = yield Ze(v);
+          b = it.groupSVGElements(M.objects, M.options);
         } else
-          M = yield Ot.fromURL(p, { crossOrigin: "anonymous" });
-        const { width: b, height: A } = M;
-        if (M instanceof Ot) {
-          const v = M.getElement();
-          let S = "";
-          if (v instanceof HTMLImageElement ? S = v.src : v instanceof HTMLCanvasElement && (S = v.toDataURL()), A > lt || b > dt) {
-            const L = yield this.resizeImageToBoundaries(S, "max"), B = URL.createObjectURL(L);
-            this._createdBlobUrls.push(B), M = yield Ot.fromURL(B, { crossOrigin: "anonymous" });
-          } else if (A < wt || b < bt) {
-            const L = yield this.resizeImageToBoundaries(S, "min"), B = URL.createObjectURL(L);
-            this._createdBlobUrls.push(B), M = yield Ot.fromURL(B, { crossOrigin: "anonymous" });
+          b = yield Dt.fromURL(v, { crossOrigin: "anonymous" });
+        const { width: A, height: y } = b;
+        if (b instanceof Dt) {
+          const M = b.getElement();
+          let w = "";
+          if (M instanceof HTMLImageElement ? w = M.src : M instanceof HTMLCanvasElement && (w = M.toDataURL()), y > lt || A > dt) {
+            const S = yield this.resizeImageToBoundaries(w, "max"), C = URL.createObjectURL(S);
+            this._createdBlobUrls.push(C), b = yield Dt.fromURL(C, { crossOrigin: "anonymous" });
+          } else if (y < St || A < jt) {
+            const S = yield this.resizeImageToBoundaries(w, "min"), C = URL.createObjectURL(S);
+            this._createdBlobUrls.push(C), b = yield Dt.fromURL(C, { crossOrigin: "anonymous" });
           }
         }
-        if (M.set("id", `${M.type}-${P()}`), M.set("format", f), s === "scale-montage")
-          this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
+        if (b.set("id", `${b.type}-${F()}`), b.set("format", f), s === "scale-montage")
+          this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: v, height: S } = c, L = this.calculateScaleFactor({ imageObject: M, scaleType: s });
-          s === "image-contain" && L < 1 ? h.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (b > v || A > S) && h.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          const { width: M, height: w } = c, S = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && S < 1 ? l.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (A > M || y > w) && l.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
-        r.add(M), r.centerObject(M), a || r.setActiveObject(M), r.renderAll(), l.resumeHistory(), o || l.saveState();
-        const x = {
-          image: M,
+        r.add(b), r.centerObject(b), a || r.setActiveObject(b), r.renderAll(), h.resumeHistory(), o || h.saveState();
+        const j = {
+          image: b,
           format: f,
           contentType: g,
           scale: s,
@@ -1497,13 +1497,13 @@ class et {
           isBackground: i,
           withoutSelection: a
         };
-        return r.fire("editor:image-imported", x), x;
-      } catch (p) {
+        return r.fire("editor:image-imported", j), j;
+      } catch (v) {
         return u.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${p.message}`,
+          message: `Ошибка импорта изображения: ${v.message}`,
           data: {
             source: e,
             format: f,
@@ -1514,7 +1514,7 @@ class et {
             isBackground: i,
             withoutSelection: a
           }
-        }), l.resumeHistory(), null;
+        }), h.resumeHistory(), null;
       }
     });
   }
@@ -1527,16 +1527,16 @@ class et {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(t, e = "max") {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${dt}x${lt}`;
-      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${bt}x${wt}`);
+      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${jt}x${St}`);
       const o = {
         dataURL: t,
         sizeType: e,
         maxWidth: dt,
         maxHeight: lt,
-        minWidth: bt,
-        minHeight: wt
+        minWidth: jt,
+        minHeight: St
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1559,7 +1559,7 @@ class et {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return O(this, arguments, function* (t = {}) {
+    return R(this, arguments, function* (t = {}) {
       const {
         fileName: e = "image.png",
         contentType: s = "image/png",
@@ -1567,21 +1567,21 @@ class et {
         exportAsBlob: n = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const h = s === "application/pdf", l = h ? "image/jpg" : s, u = et.getFormatFromContentType(l);
+        const l = s === "application/pdf", h = l ? "image/jpg" : s, u = et.getFormatFromContentType(h);
         a.setCoords();
-        const { left: g, top: f, width: m, height: y } = a.getBoundingRect(), p = yield i.clone(["id", "format", "locked"]);
-        p.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (p.backgroundColor = "#ffffff");
-        const M = p.getObjects().find((I) => I.id === a.id);
-        if (M && (M.visible = !1), c != null && c.isBlocked) {
-          const I = p.getObjects().find((_) => _.id === c.overlayMask.id);
+        const { left: g, top: f, width: m, height: p } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
+        v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (v.backgroundColor = "#ffffff");
+        const b = v.getObjects().find((I) => I.id === a.id);
+        if (b && (b.visible = !1), c != null && c.isBlocked) {
+          const I = v.getObjects().find((O) => O.id === c.overlayMask.id);
           I && (I.visible = !1);
         }
-        p.viewportTransform = [1, 0, 0, 1, -g, -f], p.setDimensions({ width: m, height: y }, { backstoreOnly: !0 }), p.renderAll();
-        const b = p.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
-        if (u === "svg" && b) {
-          const I = p.toSVG();
-          p.dispose();
-          const z = {
+        v.viewportTransform = [1, 0, 0, 1, -g, -f], v.setDimensions({ width: m, height: p }, { backstoreOnly: !0 }), v.renderAll();
+        const A = v.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
+        if (u === "svg" && A) {
+          const I = v.toSVG();
+          v.dispose();
+          const _ = {
             image: et._exportSVGStringAsFile(I, {
               exportAsBase64: o,
               exportAsBlob: n,
@@ -1591,72 +1591,72 @@ class et {
             contentType: "image/svg+xml",
             fileName: e.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", z), z;
+          return i.fire("editor:canvas-exported", _), _;
         }
-        const A = yield new Promise((I, _) => {
-          p.getElement().toBlob((z) => {
-            z ? I(z) : _(new Error("Failed to create Blob from canvas"));
+        const y = yield new Promise((I, O) => {
+          v.getElement().toBlob((_) => {
+            _ ? I(_) : O(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (p.dispose(), n) {
+        if (v.dispose(), n) {
           const I = {
-            image: A,
+            image: y,
             format: u,
-            contentType: l,
+            contentType: h,
             fileName: e
           };
           return i.fire("editor:canvas-exported", I), I;
         }
-        const x = yield createImageBitmap(A), v = yield r.post(
+        const j = yield createImageBitmap(y), M = yield r.post(
           "toDataURL",
-          { format: u, quality: 1, bitmap: x },
-          [x]
+          { format: u, quality: 1, bitmap: j },
+          [j]
         );
-        if (h) {
-          const _ = m * 0.264583, z = y * 0.264583, G = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Z = new G({
-            orientation: _ > z ? "landscape" : "portrait",
+        if (l) {
+          const O = m * 0.264583, _ = p * 0.264583, H = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new H({
+            orientation: O > _ ? "landscape" : "portrait",
             unit: "mm",
-            format: [_, z]
+            format: [O, _]
           });
-          if (Z.addImage(String(v), "JPG", 0, 0, _, z), o) {
-            const Y = {
-              image: Z.output("datauristring"),
+          if (Y.addImage(String(M), "JPG", 0, 0, O, _), o) {
+            const U = {
+              image: Y.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", Y), Y;
+            return i.fire("editor:canvas-exported", U), U;
           }
-          const V = Z.output("blob"), C = {
-            image: new File([V], e, { type: "application/pdf" }),
+          const W = Y.output("blob"), D = {
+            image: new File([W], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", C), C;
+          return i.fire("editor:canvas-exported", D), D;
         }
         if (o) {
           const I = {
-            image: v,
+            image: M,
             format: u,
-            contentType: l,
+            contentType: h,
             fileName: e
           };
           return i.fire("editor:canvas-exported", I), I;
         }
-        const S = u === "svg" && !b ? e.replace(/\.[^/.]+$/, ".png") : e, B = {
-          image: new File([A], S, { type: l }),
+        const w = u === "svg" && !A ? e.replace(/\.[^/.]+$/, ".png") : e, C = {
+          image: new File([y], w, { type: h }),
           format: u,
-          contentType: l,
-          fileName: S
+          contentType: h,
+          fileName: w
         };
-        return i.fire("editor:canvas-exported", B), B;
-      } catch (h) {
+        return i.fire("editor:canvas-exported", C), C;
+      } catch (l) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${h.message}`,
+          message: `Ошибка экспорта изображения: ${l.message}`,
           data: { contentType: s, fileName: e, exportAsBase64: o, exportAsBlob: n }
         }), null;
       }
@@ -1674,7 +1674,7 @@ class et {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return O(this, arguments, function* (t = {}) {
+    return R(this, arguments, function* (t = {}) {
       const {
         object: e,
         fileName: s = "image.png",
@@ -1691,51 +1691,51 @@ class et {
           data: { contentType: o, fileName: s, exportAsBase64: n, exportAsBlob: i }
         }), null;
       try {
-        const h = et.getFormatFromContentType(o);
-        if (h === "svg") {
-          const m = c.toSVG(), y = et._exportSVGStringAsFile(m, {
+        const l = et.getFormatFromContentType(o);
+        if (l === "svg") {
+          const m = c.toSVG(), p = et._exportSVGStringAsFile(m, {
             exportAsBase64: n,
             exportAsBlob: i,
             fileName: s
-          }), p = {
+          }), v = {
             object: c,
-            image: y,
-            format: h,
+            image: p,
+            format: l,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return a.fire("editor:object-exported", p), p;
+          return a.fire("editor:object-exported", v), v;
         }
-        if (n && c instanceof Ot) {
-          const m = yield createImageBitmap(c.getElement()), y = yield r.post(
+        if (n && c instanceof Dt) {
+          const m = yield createImageBitmap(c.getElement()), p = yield r.post(
             "toDataURL",
             {
-              format: h,
+              format: l,
               quality: 1,
               bitmap: m
             },
             [m]
-          ), p = {
+          ), v = {
             object: c,
-            image: y,
-            format: h,
+            image: p,
+            format: l,
             contentType: o,
             fileName: s
           };
-          return a.fire("editor:object-exported", p), p;
+          return a.fire("editor:object-exported", v), v;
         }
-        const l = c.toCanvasElement({
+        const h = c.toCanvasElement({
           enableRetinaScaling: !1
-        }), u = yield new Promise((m, y) => {
-          l.toBlob((p) => {
-            p ? m(p) : y(new Error("Failed to create Blob from canvas"));
+        }), u = yield new Promise((m, p) => {
+          h.toBlob((v) => {
+            v ? m(v) : p(new Error("Failed to create Blob from canvas"));
           });
         });
         if (i) {
           const m = {
             object: c,
             image: u,
-            format: h,
+            format: l,
             contentType: o,
             fileName: s
           };
@@ -1744,17 +1744,17 @@ class et {
         const g = new File([u], s, { type: o }), f = {
           object: c,
           image: g,
-          format: h,
+          format: l,
           contentType: o,
           fileName: s
         };
         return a.fire("editor:object-exported", f), f;
-      } catch (h) {
+      } catch (l) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта объекта: ${h.message}`,
+          message: `Ошибка экспорта объекта: ${l.message}`,
           data: { contentType: o, fileName: s, exportAsBase64: n, exportAsBlob: i }
         }), null;
       }
@@ -1787,7 +1787,7 @@ class et {
    * @public
    */
   getContentType(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       return typeof t == "string" ? this.getContentTypeFromUrl(t) : t.type || "application/octet-stream";
     });
   }
@@ -1798,7 +1798,7 @@ class et {
    * @public
    */
   getContentTypeFromUrl(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       if (t.startsWith("data:")) {
         const e = t.match(/^data:([^;]+)/);
         return e ? e[1] : "application/octet-stream";
@@ -1877,11 +1877,11 @@ class et {
     return e ? e[1] : "";
   }
 }
-const mt = (d, t, e) => Math.max(Math.min(d, e), t), Ee = (d, t) => d * t, vs = (d, t) => new ht(d / 2, t / 2);
-function bs(d) {
+const mt = (d, t, e) => Math.max(Math.min(d, e), t), Oe = (d, t) => d * t, Ts = (d, t) => new ht(d / 2, t / 2);
+function Es(d) {
   return ((d == null ? void 0 : d.type) === "image" || (d == null ? void 0 : d.format) === "svg") && typeof (d == null ? void 0 : d.width) == "number" && typeof (d == null ? void 0 : d.height) == "number";
 }
-class ws {
+class Os {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1912,15 +1912,15 @@ class ws {
       canvas: n,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
-    } = this.editor, { width: r, height: c } = i, h = mt(Number(t), bt, dt);
-    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(h), i.set({ width: h }), (f = n.clipPath) == null || f.set({ width: h }), e) {
-      const m = h / r, y = Ee(c, m);
-      this.setResolutionHeight(y);
+    } = this.editor, { width: r, height: c } = i, l = mt(Number(t), jt, dt);
+    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(l), i.set({ width: l }), (f = n.clipPath) == null || f.set({ width: l }), e) {
+      const m = l / r, p = Oe(c, m);
+      this.setResolutionHeight(p);
       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", {
-      width: h,
+    const { left: h, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
+    n.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+      width: l,
       preserveProportional: e,
       withoutSave: s,
       adaptCanvasToContainer: o
@@ -1942,15 +1942,15 @@ class ws {
       canvas: n,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, h = mt(Number(t), wt, lt);
-    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(h), i.set({ height: h }), (f = n.clipPath) == null || f.set({ height: h }), e) {
-      const m = h / c, y = Ee(r, m);
-      this.setResolutionWidth(y);
+    } = this.editor, { width: r, height: c } = i, l = mt(Number(t), St, lt);
+    if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(l), i.set({ height: l }), (f = n.clipPath) == null || f.set({ height: l }), e) {
+      const m = l / c, p = Oe(r, m);
+      this.setResolutionWidth(p);
       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", {
-      height: h,
+    const { left: h, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
+    n.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+      height: l,
       preserveProportional: e,
       withoutSave: s,
       adaptCanvasToContainer: o
@@ -1962,7 +1962,7 @@ class ws {
    */
   centerMontageArea() {
     var r;
-    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = t.getZoom(), i = vs(s, o);
+    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = t.getZoom(), i = Ts(s, o);
     e.set({
       left: s / 2,
       top: o / 2
@@ -1995,7 +1995,7 @@ class ws {
    */
   setCanvasBackstoreWidth(t) {
     if (!t || typeof t != "number") return;
-    const e = mt(t, bt, dt);
+    const e = mt(t, jt, dt);
     this.editor.canvas.setDimensions({ width: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2004,7 +2004,7 @@ class ws {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = mt(t, wt, lt);
+    const e = mt(t, St, lt);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2013,7 +2013,7 @@ class ws {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, o = e.clientHeight, n = mt(s, bt, dt), i = mt(o, wt, lt);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, o = e.clientHeight, n = mt(s, jt, dt), i = mt(o, St, lt);
     t.setDimensions({ width: n, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2033,24 +2033,24 @@ class ws {
     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;
     if (a !== 0 || r !== 0) {
-      const c = t.getActiveObject(), h = [];
+      const c = t.getActiveObject(), l = [];
       if ((c == null ? void 0 : c.type) === "activeselection") {
-        const l = c;
-        h.push(...l.getObjects()), t.discardActiveObject();
+        const h = c;
+        l.push(...h.getObjects()), t.discardActiveObject();
       }
-      if (t.getObjects().forEach((l) => {
-        l.id === "montage-area" || l.id === "overlay-mask" || l.id === "background" || (l.set({
-          left: l.left + a,
-          top: l.top + r
-        }), l.setCoords());
-      }), h.length > 0)
-        if (h.length === 1)
-          t.setActiveObject(h[0]);
+      if (t.getObjects().forEach((h) => {
+        h.id === "montage-area" || h.id === "overlay-mask" || h.id === "background" || (h.set({
+          left: h.left + a,
+          top: h.top + r
+        }), h.setCoords());
+      }), l.length > 0)
+        if (l.length === 1)
+          t.setActiveObject(l[0]);
         else {
-          const l = new U(h, {
+          const h = new z(l, {
             canvas: t
           });
-          t.setActiveObject(l);
+          t.setActiveObject(h);
         }
     }
     t.renderAll(), t.fire("editor:canvas-updated", {
@@ -2213,17 +2213,17 @@ class ws {
         montageAreaHeight: r
       }
     } = this.editor, c = t || o.getActiveObject();
-    if (!bs(c)) return;
-    const { width: h, height: l } = c;
-    let u = Math.min(h, dt), g = Math.min(l, lt);
+    if (!Es(c)) return;
+    const { width: l, height: h } = c;
+    let u = Math.min(l, dt), g = Math.min(h, lt);
     if (e) {
       const {
         width: f,
         height: m
-      } = n, y = h / f, p = l / m, M = Math.max(y, p);
-      u = f * M, g = m * M;
+      } = n, p = l / f, v = h / m, b = Math.max(p, v);
+      u = f * b, g = m * b;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > 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(), (l > a || h > 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", {
       object: c,
       width: u,
       height: g,
@@ -2273,7 +2273,7 @@ class ws {
     );
   }
 }
-class js {
+class Ds {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options;
   }
@@ -2284,7 +2284,7 @@ class js {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(t = ys, { withoutSave: e } = {}) {
+  rotate(t = Is, { withoutSave: e } = {}) {
     const { canvas: s, historyManager: o } = this.editor, n = s.getActiveObject();
     if (!n) return;
     const i = n.angle + t;
@@ -2334,7 +2334,7 @@ class js {
     withoutSave: s
   } = {}) {
     const { canvas: o, historyManager: n } = this.editor, i = t || o.getActiveObject();
-    i && (i instanceof U ? i.getObjects().forEach((a) => {
+    i && (i instanceof z ? i.getObjects().forEach((a) => {
       a.set("opacity", e);
     }) : i.set("opacity", e), o.renderAll(), s || n.saveState(), o.fire("editor:object-opacity-changed", {
       object: i,
@@ -2361,12 +2361,12 @@ class js {
   } = {}) {
     const { canvas: n, historyManager: i } = this.editor, a = t || n.getActiveObject();
     if (a) {
-      if (a instanceof U && !o) {
+      if (a instanceof z && !o) {
         const r = a.getObjects();
-        n.discardActiveObject(), r.forEach((h) => {
-          this._fitSingleObject(h, e);
+        n.discardActiveObject(), r.forEach((l) => {
+          this._fitSingleObject(l, e);
         });
-        const c = new U(r, { canvas: n });
+        const c = new z(r, { canvas: n });
         n.setActiveObject(c);
       } else
         this._fitSingleObject(a, e);
@@ -2385,11 +2385,11 @@ class js {
    * @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, h = 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)), m = h * g + l * f, y = h * f + l * g, p = o.width, M = o.height;
-    let b;
-    e === "contain" ? b = Math.min(p / m, M / y) : b = Math.max(p / m, M / y), t.set({
-      scaleX: a * b,
-      scaleY: r * b
+    const { canvas: s, montageArea: o } = this.editor, { width: n, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, l = n * Math.abs(a), h = i * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), m = l * g + h * f, p = l * f + h * g, v = o.width, b = o.height;
+    let A;
+    e === "contain" ? A = Math.min(v / m, b / p) : A = Math.max(v / m, b / p), t.set({
+      scaleX: a * A,
+      scaleY: r * A
     }), s.centerObject(t);
   }
   /**
@@ -2426,11 +2426,11 @@ class js {
     }), e)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: u } = n, { width: g, height: f } = c, m = i.calculateScaleFactor({
+      const { width: h, height: u } = n, { width: g, height: f } = c, m = i.calculateScaleFactor({
         imageObject: c,
         scaleType: r
       });
-      r === "contain" && m < 1 || r === "cover" && (g > l || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && m < 1 || r === "cover" && (g > h || 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", {
       object: c,
@@ -2439,9 +2439,9 @@ class js {
     });
   }
 }
-class As {
+class Ls {
   constructor({ editor: t }) {
-    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || ms, this.maxZoom = this.options.maxZoom || ps, this.defaultZoom = this.options.defaultScale;
+    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Ss, this.maxZoom = this.options.maxZoom || As, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Вспомогательный метод для вычисления размеров масштабированной монтажной области
@@ -2463,10 +2463,10 @@ class As {
    * @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, h = s.top + s.height / 2, l = a * i + n[4], u = r * i + n[4], g = c * i + n[5], f = h * i + n[5], m = Math.max(l, Math.min(u, o.x)), y = Math.max(g, Math.min(f, o.y));
+    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, l = s.top + s.height / 2, h = a * i + n[4], u = r * i + n[4], g = c * i + n[5], f = l * i + n[5], m = Math.max(h, Math.min(u, o.x)), p = Math.max(g, Math.min(f, o.y));
     return {
       x: m,
-      y
+      y: p
     };
   }
   /**
@@ -2498,10 +2498,10 @@ class As {
    * @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, h = s.top + s.height / 2, l = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, m = l < a, y = u > r, p = g < c, M = f > h;
-    if (!(m || y || p || M)) return 0;
-    const A = Math.max(0, a - l), x = Math.max(0, u - r), v = Math.max(0, c - g), S = Math.max(0, f - h), L = Math.max(A, x), B = Math.max(v, S), I = L / n, _ = B / i;
-    return Math.max(I, _);
+    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, l = s.top + s.height / 2, h = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, m = h < a, p = u > r, v = g < c, b = f > l;
+    if (!(m || p || v || b)) return 0;
+    const y = Math.max(0, a - h), j = Math.max(0, u - r), M = Math.max(0, c - g), w = Math.max(0, f - l), S = Math.max(y, j), C = Math.max(M, w), I = S / n, O = C / i;
+    return Math.max(I, O);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -2514,11 +2514,11 @@ class As {
    * @private
    */
   _calculateSmoothCenteringStep(t, e, s, o, n) {
-    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), h = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
+    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), l = i.getHeight(), h = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
     if (Math.abs(f) / g <= 0.1)
-      return { x: l, y: u };
-    const y = c / 2, p = h / 2, M = a.left, b = a.top, A = y - M * s, x = p - b * s, v = (A - r[4]) / (e - s), S = (x - r[5]) / (e - s), L = v * g, B = S * g, I = L * n, _ = B * n, z = Math.abs(I) > Math.abs(l) ? l : I, G = Math.abs(_) > Math.abs(u) ? u : _;
-    return { x: z, y: G };
+      return { x: h, y: u };
+    const p = c / 2, v = l / 2, b = a.left, A = a.top, y = p - b * s, j = v - A * s, M = (y - r[4]) / (e - s), w = (j - r[5]) / (e - s), S = M * g, C = w * g, I = S * n, O = C * n, _ = Math.abs(I) > Math.abs(h) ? h : I, H = Math.abs(O) > Math.abs(u) ? u : O;
+    return { x: _, y: H };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2530,9 +2530,9 @@ class As {
    * @returns true если центрирование было применено
    * @private
    */
-  _applyViewportCentering(t, e = !1, s = Ie) {
-    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(), h = t - c;
-    if (!(!r || h) && !e)
+  _applyViewportCentering(t, e = !1, s = Te) {
+    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(), l = t - c;
+    if (!(!r || l) && !e)
       return !1;
     const u = o.viewportTransform, g = this._calculateTargetViewportPosition(t);
     if (!r)
@@ -2568,9 +2568,9 @@ class As {
    * @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(), h = a.width > r || a.height > c;
+    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = t < 0, a = this._getScaledMontageDimensions(n), r = s.getWidth(), c = s.getHeight(), l = a.width > r || a.height > c;
     if (i) {
-      if (!h)
+      if (!l)
         this.zoom(t, {
           pointX: o.left,
           pointY: o.top
@@ -2584,17 +2584,17 @@ class As {
       }
       return;
     }
-    if (t < 0 || !h) {
+    if (t < 0 || !l) {
       this.zoom(t, {
         pointX: o.left,
         pointY: o.top
       });
       return;
     }
-    const l = this._getClampedPointerCoordinates(e);
+    const h = this._getClampedPointerCoordinates(e);
     this.zoom(t, {
-      pointX: l.x,
-      pointY: l.y
+      pointX: h.x,
+      pointY: h.y
     });
   }
   /**
@@ -2605,16 +2605,16 @@ class As {
    * @param options.pointY - Координата Y точки зума
    * @fires editor:zoom-changed
    */
-  zoom(t = Ie, e = {}) {
+  zoom(t = Te, 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, h = (f = e.pointY) != null ? f : r.y, l = new ht(c, h);
+    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, l = (f = e.pointY) != null ? f : r.y, h = new ht(c, l);
     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", {
+    u > o && (u = o), u < s && (u = s), n.zoomToPoint(h, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
       zoom: u,
-      point: l
+      point: h
     });
   }
   /**
@@ -2643,7 +2643,7 @@ class As {
     }), this.editor.panConstraintManager.updateBounds();
   }
 }
-class Ss {
+class Ns {
   constructor({ editor: t }) {
     this.editor = t, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2725,7 +2725,7 @@ class Mt {
         }
         i.set({
           fill: t,
-          backgroundId: `background-${P()}`
+          backgroundId: `background-${F()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(t);
@@ -2762,7 +2762,7 @@ class Mt {
         }
         i.set({
           fill: a,
-          backgroundId: `background-${P()}`
+          backgroundId: `background-${F()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(t);
@@ -2843,7 +2843,7 @@ class Mt {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(o) {
-    return O(this, arguments, function* ({
+    return R(this, arguments, function* ({
       imageSource: t,
       customData: e = {},
       withoutSave: s = !1
@@ -2909,7 +2909,7 @@ class Mt {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${P()}`
+      backgroundId: `background-${F()}`
     }, { withoutSelection: !0 }), this.refresh();
   }
   /**
@@ -2926,7 +2926,7 @@ class Mt {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${P()}`
+      backgroundId: `background-${F()}`
     }, { withoutSelection: !0 }), this.refresh();
     const e = Mt._createFabricGradient(t);
     this.backgroundObject.set("fill", e), this.editor.canvas.requestRenderAll();
@@ -2936,7 +2936,7 @@ class Mt {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(t, e) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       var o;
       const { image: s } = (o = yield this.editor.imageManager.importImage({
         source: t,
@@ -2954,7 +2954,7 @@ class Mt {
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${P()}`,
+        backgroundId: `background-${F()}`,
         customData: e
       }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
@@ -2980,8 +2980,8 @@ class Mt {
       { offset: n / 100, color: s }
     ];
     if (t.type === "linear") {
-      const l = t.angle * Math.PI / 180, u = Mt._angleToCoords(l);
-      return new ve({
+      const h = t.angle * Math.PI / 180, u = Mt._angleToCoords(h);
+      return new we({
         type: "linear",
         gradientUnits: "percentage",
         coords: u,
@@ -2992,7 +2992,7 @@ class Mt {
       centerX: a = 50,
       centerY: r = 50,
       radius: c = 50
-    } = t, h = {
+    } = t, l = {
       x1: a / 100,
       y1: r / 100,
       x2: a / 100,
@@ -3000,10 +3000,10 @@ class Mt {
       r1: 0,
       r2: c / 100
     };
-    return new ve({
+    return new we({
       type: "radial",
       gradientUnits: "percentage",
-      coords: h,
+      coords: l,
       colorStops: i
     });
   }
@@ -3035,7 +3035,7 @@ class Mt {
     }) ? !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;
   }
 }
-class Zt {
+class Vt {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3050,7 +3050,7 @@ class Zt {
     const { canvas: s, historyManager: o } = this.editor;
     o.suspendHistory();
     const n = t || s.getActiveObject();
-    n && (n instanceof U ? n.getObjects().forEach((i) => {
+    n && (n instanceof z ? n.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,
@@ -3068,7 +3068,7 @@ class Zt {
     const { canvas: s, historyManager: o } = this.editor;
     o.suspendHistory();
     const n = t || s.getActiveObject();
-    n && (n instanceof U ? Zt._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-forward", {
+    n && (n instanceof z ? Vt._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-forward", {
       object: n,
       withoutSave: e
     }));
@@ -3091,10 +3091,10 @@ class Zt {
     n.suspendHistory();
     const r = t || s.getActiveObject();
     if (r) {
-      if (r instanceof U) {
+      if (r instanceof z) {
         const c = r.getObjects();
-        for (let h = c.length - 1; h >= 0; h -= 1)
-          s.sendObjectToBack(c[h]);
+        for (let l = c.length - 1; l >= 0; l -= 1)
+          s.sendObjectToBack(c[l]);
       } 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", {
@@ -3119,7 +3119,7 @@ class Zt {
     } = this.editor;
     n.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof U ? Zt._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 z ? Vt._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", {
       object: r,
       withoutSave: e
     }));
@@ -3163,7 +3163,7 @@ class Zt {
     });
   }
 }
-class Is {
+class Rs {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -3187,15 +3187,15 @@ class Is {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(h = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var l = h, {
-      id: t = `rect-${P()}`,
+  addRectangle(l = {}, { withoutSelection: r, withoutAdding: c } = {}) {
+    var h = l, {
+      id: t = `rect-${F()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "blue"
-    } = l, a = rt(l, [
+    } = h, a = rt(h, [
       "id",
       "left",
       "top",
@@ -3203,7 +3203,7 @@ class Is {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new Ue(k({
+    const { canvas: u } = this.editor, g = new Ve(x({
       id: t,
       left: e,
       top: s,
@@ -3230,27 +3230,27 @@ class Is {
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
   addCircle(c = {}, { withoutSelection: a, withoutAdding: r } = {}) {
-    var h = c, {
-      id: t = `circle-${P()}`,
+    var l = c, {
+      id: t = `circle-${F()}`,
       left: e,
       top: s,
       radius: o = 50,
       fill: n = "green"
-    } = h, i = rt(h, [
+    } = l, i = rt(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new ze(k({
+    const { canvas: h } = this.editor, u = new Ge(x({
       id: t,
       left: e,
       top: s,
       fill: n,
       radius: o
     }, i));
-    return !e && !s && l.centerObject(u), r || (l.add(u), a || l.setActiveObject(u), l.renderAll()), u;
+    return !e && !s && h.centerObject(u), r || (h.add(u), a || h.setActiveObject(u), h.renderAll()), u;
   }
   /**
    * Добавление треугольника
@@ -3269,15 +3269,15 @@ class Is {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(h = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var l = h, {
-      id: t = `triangle-${P()}`,
+  addTriangle(l = {}, { withoutSelection: r, withoutAdding: c } = {}) {
+    var h = l, {
+      id: t = `triangle-${F()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "yellow"
-    } = l, a = rt(l, [
+    } = h, a = rt(h, [
       "id",
       "left",
       "top",
@@ -3285,7 +3285,7 @@ class Is {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new Ye(k({
+    const { canvas: u } = this.editor, g = new Xe(x({
       id: t,
       left: e,
       top: s,
@@ -3296,7 +3296,7 @@ class Is {
     return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
   }
 }
-class Cs {
+class ks {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -3324,10 +3324,10 @@ class Cs {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
-        const o = yield t.clone(Pt);
+        const o = yield t.clone(Ft);
         this.clipboard = o, e.fire("editor:object-copied", { object: o });
       } catch (o) {
         s.emitError({
@@ -3344,7 +3344,7 @@ class Cs {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const { errorManager: e } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return e.emitWarning({
@@ -3354,7 +3354,7 @@ class Cs {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = t.toObject(Pt), o = JSON.stringify(s);
+        const s = t.toObject(Ft), o = JSON.stringify(s);
         return t.type === "image" ? this._copyImageToClipboard(t, o) : this._copyTextToClipboard(o);
       } catch (s) {
         return e.emitError({
@@ -3371,13 +3371,13 @@ class Cs {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(t, e) {
-    return O(this, null, function* () {
+    return R(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);
-        for (let l = 0; l < a.length; l += 1)
-          r[l] = a.charCodeAt(l);
-        const c = new Blob([r.buffer], { type: n }), h = new ClipboardItem({ [n]: c });
-        return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
+        for (let h = 0; h < a.length; h += 1)
+          r[h] = a.charCodeAt(h);
+        const c = new Blob([r.buffer], { type: n }), l = new ClipboardItem({ [n]: c });
+        return yield navigator.clipboard.write([l]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
           origin: "ClipboardManager",
@@ -3393,9 +3393,9 @@ class Cs {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       try {
-        const e = `${Ce}${t}`;
+        const e = `${Ee}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
       } catch (e) {
         const { errorManager: s } = this.editor;
@@ -3415,7 +3415,7 @@ class Cs {
    */
   _addClonedObjectToCanvas(t) {
     const { canvas: e, historyManager: s } = this.editor;
-    if (e.discardActiveObject(), t instanceof U) {
+    if (e.discardActiveObject(), t instanceof z) {
       s.suspendHistory(), t.canvas = e, t.forEachObject((o) => {
         e.add(o);
       }), e.setActiveObject(t), e.requestRenderAll(), s.resumeHistory(), s.saveState();
@@ -3428,7 +3428,7 @@ class Cs {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       var s;
       const { image: e } = (s = yield this.editor.imageManager.importImage({
         source: t,
@@ -3444,18 +3444,18 @@ class Cs {
    * @fires editor:object-pasted
    */
   copyPaste(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const o = yield s.clone(Pt);
-        return o instanceof U && o.forEachObject((n) => {
+        const o = yield s.clone(Ft);
+        return o instanceof z && o.forEachObject((n) => {
           n.set({
-            id: `${n.type}-${P()}`,
+            id: `${n.type}-${F()}`,
             evented: !0
           });
         }), o.set({
-          id: `${o.type}-${P()}`,
+          id: `${o.type}-${F()}`,
           left: o.left + 10,
           top: o.top + 10,
           evented: !0
@@ -3479,28 +3479,28 @@ class Cs {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(e) {
-    return O(this, arguments, function* ({ clipboardData: t }) {
+    return R(this, arguments, function* ({ clipboardData: t }) {
       var r;
       if (!((r = t == null ? void 0 : t.items) != null && r.length)) {
         this.paste();
         return;
       }
       const s = t.getData("text/plain");
-      if (s && s.startsWith(Ce)) {
+      if (s && s.startsWith(Ee)) {
         this.paste();
         return;
       }
       const { items: o } = t, n = o[o.length - 1], i = n.getAsFile();
       if (n.type !== "text/html" && i) {
         const c = new FileReader();
-        c.onload = (h) => {
-          h.target && this._handleImageImport(h.target.result).catch((l) => {
+        c.onload = (l) => {
+          l.target && this._handleImageImport(l.target.result).catch((h) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
               code: "PASTE_IMAGE_FAILED",
               message: "Ошибка вставки изображения из буфера обмена",
-              data: l
+              data: h
             });
           });
         }, c.readAsDataURL(i);
@@ -3508,9 +3508,9 @@ class Cs {
       }
       const a = t.getData("text/html");
       if (a) {
-        const l = new DOMParser().parseFromString(a, "text/html").querySelector("img");
-        if (l != null && l.src) {
-          this._handleImageImport(l.src).catch((u) => {
+        const h = new DOMParser().parseFromString(a, "text/html").querySelector("img");
+        if (h != null && h.src) {
+          this._handleImageImport(h.src).catch((u) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
@@ -3530,18 +3530,18 @@ class Cs {
    * @fires editor:object-pasted
    */
   paste() {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
-        const e = yield this.clipboard.clone(Pt);
-        return t.discardActiveObject(), e instanceof U && e.forEachObject((s) => {
+        const e = yield this.clipboard.clone(Ft);
+        return t.discardActiveObject(), e instanceof z && e.forEachObject((s) => {
           s.set({
-            id: `${s.type}-${P()}`,
+            id: `${s.type}-${F()}`,
             evented: !0
           });
         }), e.set({
-          id: `${e.type}-${P()}`,
+          id: `${e.type}-${F()}`,
           left: e.left + 10,
           top: e.top + 10,
           evented: !0
@@ -3559,7 +3559,7 @@ class Cs {
     });
   }
 }
-class Vt {
+class Gt {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3585,7 +3585,7 @@ class Vt {
       editable: !1,
       locked: !0
     };
-    i.set(a), !e && Vt._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
+    i.set(a), !e && Gt._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
     }), o.renderAll(), s || n.saveState(), o.fire("editor:object-locked", {
       object: i,
@@ -3614,7 +3614,7 @@ class Vt {
       editable: !0,
       locked: !1
     };
-    n.set(i), Vt._isGroupOrSelection(n) && n.getObjects().forEach((a) => {
+    n.set(i), Gt._isGroupOrSelection(n) && n.getObjects().forEach((a) => {
       a.set(i);
     }), s.renderAll(), e || o.saveState(), s.fire("editor:object-unlocked", {
       object: n,
@@ -3622,10 +3622,10 @@ class Vt {
     });
   }
   static _isGroupOrSelection(t) {
-    return t instanceof U || t instanceof pt;
+    return t instanceof z || t instanceof vt;
   }
 }
-class Es {
+class Bs {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3637,7 +3637,7 @@ class Es {
     if (Array.isArray(t))
       return t.length > 0 ? t : null;
     const e = t || this.editor.canvas.getActiveObject();
-    return !e || !(e instanceof U) ? null : e.getObjects();
+    return !e || !(e instanceof z) ? null : e.getObjects();
   }
   /**
    * Получить группы для разгруппировки
@@ -3645,20 +3645,20 @@ class Es {
    */
   _getGroupsToUngroup(t) {
     if (Array.isArray(t)) {
-      const s = t.filter((o) => o instanceof pt);
+      const s = t.filter((o) => o instanceof vt);
       return s.length > 0 ? s : null;
     }
-    if (t instanceof U) {
-      const s = t.getObjects().filter((o) => o instanceof pt);
+    if (t instanceof z) {
+      const s = t.getObjects().filter((o) => o instanceof vt);
       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 pt);
+    if (e instanceof z) {
+      const s = e.getObjects().filter((o) => o instanceof vt);
       return s.length > 0 ? s : null;
     }
-    return e instanceof pt ? [e] : null;
+    return e instanceof vt ? [e] : null;
   }
   /**
   * Группировка объектов
@@ -3675,8 +3675,8 @@ class Es {
     if (!n) return null;
     try {
       o.suspendHistory();
-      const i = new pt(n, {
-        id: `group-${P()}`
+      const i = new vt(n, {
+        id: `group-${F()}`
       });
       n.forEach((r) => s.remove(r)), s.add(i), s.setActiveObject(i), s.requestRenderAll();
       const a = {
@@ -3706,12 +3706,12 @@ class Es {
       o.suspendHistory();
       const i = [];
       n.forEach((c) => {
-        const h = c.removeAll();
-        s.remove(c), h.forEach((l) => {
-          s.add(l), i.push(l);
+        const l = c.removeAll();
+        s.remove(c), l.forEach((h) => {
+          s.add(h), i.push(h);
         });
       });
-      const a = new U(i, {
+      const a = new z(i, {
         canvas: s
       });
       s.setActiveObject(a), s.requestRenderAll();
@@ -3726,7 +3726,7 @@ class Es {
     }
   }
 }
-class Ts {
+class xs {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3737,11 +3737,11 @@ class Ts {
   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];
+    const o = e.getObjects(), n = o.some((a) => a.locked), i = o.length > 1 ? new z(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 });
   }
 }
-class de {
+class he {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3783,17 +3783,17 @@ class de {
     withoutSave: e = !1,
     _isRecursiveCall: s = !1
   } = {}) {
-    const { canvas: o, historyManager: n } = this.editor, a = (t || o.getActiveObjects()).filter((h) => !h.locked);
+    const { canvas: o, historyManager: n } = this.editor, a = (t || o.getActiveObjects()).filter((l) => !l.locked);
     if (!(a != null && a.length)) return null;
     s || n.suspendHistory();
     const r = [];
-    if (a.forEach((h) => {
-      if (de._isUngroupableGroup(h)) {
-        const l = this._handleGroupDeletion(h);
-        r.push(...l);
+    if (a.forEach((l) => {
+      if (he._isUngroupableGroup(l)) {
+        const h = this._handleGroupDeletion(l);
+        r.push(...h);
         return;
       }
-      o.remove(h), r.push(h);
+      o.remove(l), r.push(l);
     }), s) return null;
     o.discardActiveObject(), o.renderAll(), n.resumeHistory(), e || n.saveState();
     const c = {
@@ -3908,7 +3908,7 @@ const ct = {
     APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
   }
 };
-class Nt {
+class Rt {
   constructor({ editor: t }) {
     this._buffer = [], this.editor = t;
   }
@@ -3935,7 +3935,7 @@ class Nt {
    * @fires editor:error
    */
   emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: o, message: n }) {
-    if (!Nt.isValidErrorCode(s)) {
+    if (!Rt.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
@@ -3949,7 +3949,7 @@ class Nt {
       message: i,
       data: o
     };
-    this._buffer.push(k({
+    this._buffer.push(x({
       type: "editor:error"
     }, a)), this.editor.canvas.fire("editor:error", a);
   }
@@ -3964,7 +3964,7 @@ class Nt {
    * @fires editor:warning
    */
   emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: o, data: n }) {
-    if (!Nt.isValidErrorCode(s)) {
+    if (!Rt.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
@@ -3977,7 +3977,7 @@ class Nt {
       message: i,
       data: n
     };
-    this._buffer.push(k({
+    this._buffer.push(x({
       type: "editor:warning"
     }, a)), this.editor.canvas.fire("editor:warning", a);
   }
@@ -3990,7 +3990,7 @@ class Nt {
     return t ? Object.values(ct).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
-class Os {
+class _s {
   constructor({ editor: t }) {
     this.currentBounds = null, this.editor = t;
   }
@@ -4040,12 +4040,12 @@ class Os {
   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, h = i * n + t - r, l = a * n + e - c, u = Math.max(
+    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = o.left, a = o.top, r = s.getWidth() / 2, c = s.getHeight() / 2, l = i * n + t - r, h = a * n + e - c, u = Math.max(
       this.currentBounds.minX,
-      Math.min(this.currentBounds.maxX, h)
+      Math.min(this.currentBounds.maxX, l)
     ), g = Math.max(
       this.currentBounds.minY,
-      Math.min(this.currentBounds.maxY, l)
+      Math.min(this.currentBounds.maxY, h)
     ), f = u + r - i * n, m = g + c - a * n;
     return {
       x: f,
@@ -4064,8 +4064,8 @@ class Os {
    * @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, h = i * s + o[5] - r;
-    return { x: c, y: h };
+    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, l = i * s + o[5] - r;
+    return { x: c, y: l };
   }
   /**
    * Обновить границы перетаскивания.
@@ -4079,10 +4079,10 @@ const q = ({
   value: d,
   min: t,
   max: e
-}) => Math.min(Math.max(d, t), e), vt = class vt extends st {
+}) => Math.min(Math.max(d, t), e), wt = class wt extends st {
   constructor(t, e = {}) {
-    var s, o, n, i, a, r, c, h, 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 = (h = e.radiusBottomRight) != null ? h : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0;
+    var s, o, n, i, a, r, c, l, h;
+    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 = (l = e.radiusBottomRight) != null ? l : 0, this.radiusBottomLeft = (h = e.radiusBottomLeft) != null ? h : 0;
   }
   _getLeftOffset() {
     const { width: t } = this._getBackgroundDimensions(), { left: e } = this._getPadding();
@@ -4098,21 +4098,38 @@ const q = ({
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(Tt(k({}, t), {
+    return super._getTransformedDimensions(pt(x({}, t), {
       width: e,
       height: s
     }));
   }
+  /**
+   * Возвращает сериализованное представление с учётом фона, отступов и скруглений.
+   */
+  toObject(t = []) {
+    const e = super.toObject(t);
+    return pt(x({}, e), {
+      backgroundOpacity: this.backgroundOpacity,
+      paddingTop: this.paddingTop,
+      paddingRight: this.paddingRight,
+      paddingBottom: this.paddingBottom,
+      paddingLeft: this.paddingLeft,
+      radiusTopLeft: this.radiusTopLeft,
+      radiusTopRight: this.radiusTopRight,
+      radiusBottomRight: this.radiusBottomRight,
+      radiusBottomLeft: this.radiusBottomLeft
+    });
+  }
   _renderBackground(t) {
     var s, o;
     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, h = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
-      t.save(), vt._renderRoundedRect({
+      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, l = this._getCornerRadii({ width: r, height: c }), h = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
+      t.save(), wt._renderRoundedRect({
         ctx: t,
         height: c,
-        left: l,
-        radii: h,
+        left: h,
+        radii: l,
         top: u,
         width: r
       }), t.fillStyle = e, t.fill(), t.restore();
@@ -4152,9 +4169,9 @@ const q = ({
     const e = q({ value: (o = this.backgroundOpacity) != null ? o : 1, min: 0, max: 1 });
     let s;
     try {
-      s = new Pe(t);
+      s = new Ke(t);
     } catch (n) {
-      return Nt.emitError({
+      return Rt.emitError({
         origin: "BackgroundTextbox",
         method: "_getEffectiveBackgroundFill",
         code: "INVALID_COLOR_VALUE",
@@ -4174,14 +4191,14 @@ const q = ({
   }) {
     const a = s + i, r = n + e, {
       topLeft: c,
-      topRight: h,
-      bottomRight: l,
+      topRight: l,
+      bottomRight: h,
       bottomLeft: u
-    } = o, g = q({ value: c, min: 0, max: i }), f = q({ value: h, min: 0, max: i }), m = q({ value: l, min: 0, max: i }), y = q({ 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 - m), t.quadraticCurveTo(a, r, a - m, r), t.lineTo(s + y, r), t.quadraticCurveTo(s, r, s, r - y), t.lineTo(s, n + g), t.quadraticCurveTo(s, n, s + g, n), t.closePath();
+    } = o, g = q({ value: c, min: 0, max: i }), f = q({ value: l, min: 0, max: i }), m = q({ value: h, min: 0, max: i }), p = q({ 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 - m), t.quadraticCurveTo(a, r, a - m, r), t.lineTo(s + p, r), t.quadraticCurveTo(s, r, s, r - p), t.lineTo(s, n + g), t.quadraticCurveTo(s, n, s + g, n), t.closePath();
   }
 };
-vt.type = "background-textbox", vt.cacheProperties = [
+wt.type = "background-textbox", wt.cacheProperties = [
   ...Array.isArray(st.cacheProperties) ? st.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
@@ -4193,7 +4210,7 @@ vt.type = "background-textbox", vt.cacheProperties = [
   "radiusTopRight",
   "radiusBottomRight",
   "radiusBottomLeft"
-], vt.stateProperties = [
+], wt.stateProperties = [
   ...Array.isArray(st.stateProperties) ? st.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
@@ -4206,11 +4223,11 @@ vt.type = "background-textbox", vt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-let Gt = vt;
-const Ds = () => {
+let Xt = wt;
+const Ps = () => {
   var d;
-  (d = be) != null && d.setClass && be.setClass(Gt, "background-textbox");
-}, Ls = ({ textbox: d }) => {
+  (d = je) != null && d.setClass && je.setClass(Xt, "background-textbox");
+}, zs = ({ textbox: d }) => {
   var s, o;
   if (!d.isEditing) return null;
   const t = (s = d.selectionStart) != null ? s : 0, e = (o = d.selectionEnd) != null ? o : t;
@@ -4218,16 +4235,16 @@ const Ds = () => {
     start: Math.min(t, e),
     end: Math.max(t, e)
   };
-}, Ns = ({ textbox: d }) => {
+}, Us = ({ textbox: d }) => {
   var e, s;
   const t = (s = (e = d.text) == null ? void 0 : e.length) != null ? s : 0;
   return t <= 0 ? null : { start: 0, end: t };
-}, ks = ({ textbox: d, range: t }) => {
+}, Ys = ({ textbox: d, range: t }) => {
   var s, o;
   if (!t) return !1;
   const e = (o = (s = d.text) == null ? void 0 : s.length) != null ? o : 0;
   return e <= 0 ? !1 : t.start <= 0 && t.end >= e;
-}, Te = ({
+}, De = ({
   textbox: d,
   styles: t,
   range: e
@@ -4235,7 +4252,7 @@ const Ds = () => {
   if (!t || !Object.keys(t).length) return !1;
   const { start: s, end: o } = e;
   return o <= s ? !1 : (d.setSelectionStyles(t, s, o), !0);
-}, Oe = ({
+}, Le = ({
   textbox: d,
   range: t,
   property: e
@@ -4249,10 +4266,10 @@ const Ds = () => {
   );
   if (s.length)
     return (o = s[0]) == null ? void 0 : o[e];
-}, De = ({ strokeColor: d, width: t }) => {
+}, Ne = ({ strokeColor: d, width: t }) => {
   if (!(t <= 0))
     return d != null ? d : "#000000";
-}, Le = ({ width: d = 0 }) => d ? Math.max(0, d) : 0, Kt = ({ value: d }) => typeof d == "string" ? d.toLocaleUpperCase() : "", K = 0.01;
+}, Re = ({ width: d = 0 }) => d ? Math.max(0, d) : 0, Qt = ({ value: d }) => typeof d == "string" ? d.toLocaleUpperCase() : "", K = 0.01;
 class Q {
   constructor({ editor: t }) {
     var e;
@@ -4273,9 +4290,9 @@ class Q {
         lockMovementY: !1
       }), setTimeout(() => {
         this.isTextEditingActive = !1, this.editor.historyManager.saveState();
-      }, Ms);
+      }, Cs);
     }, this._handleObjectScaling = (s) => {
-      var It, Ct, Et, W, Bt, _t, at, Ut, ft, he, ue, ge;
+      var Tt, Et, Ot, V, _t, Pt, at, zt, ft, ge, fe, pe;
       const { target: o, transform: n } = s;
       if (!Q._isTextbox(o) || !n) return;
       o.isScaling = !0;
@@ -4283,78 +4300,78 @@ class Q {
         baseWidth: a,
         baseLeft: r,
         baseFontSize: c,
-        basePadding: h,
-        baseRadii: l
-      } = i, u = typeof ((It = n.original) == null ? void 0 : It.width) == "number" ? n.original.width : void 0, g = typeof ((Ct = n.original) == null ? void 0 : Ct.left) == "number" ? n.original.left : void 0, f = u != null ? u : a, m = g != null ? g : r, y = (Et = n.corner) != null ? Et : "", p = (W = n.action) != null ? W : "", M = ["ml", "mr"].includes(y) || p === "scaleX", b = ["mt", "mb"].includes(y) || p === "scaleY", A = ["tl", "tr", "bl", "br"].includes(y) || p === "scale";
-      if (!M && !b && !A) return;
-      const x = Math.abs((_t = (Bt = o.scaleX) != null ? Bt : n.scaleX) != null ? _t : 1) || 1, v = Math.abs((Ut = (at = o.scaleY) != null ? at : n.scaleY) != null ? Ut : 1) || 1, S = Math.max(1, f * x), L = Math.max(1, c * v), {
-        paddingTop: B = 0,
+        basePadding: l,
+        baseRadii: h
+      } = i, u = typeof ((Tt = n.original) == null ? void 0 : Tt.width) == "number" ? n.original.width : void 0, g = typeof ((Et = n.original) == null ? void 0 : Et.left) == "number" ? n.original.left : void 0, f = u != null ? u : a, m = g != null ? g : r, p = (Ot = n.corner) != null ? Ot : "", v = (V = n.action) != null ? V : "", b = ["ml", "mr"].includes(p) || v === "scaleX", A = ["mt", "mb"].includes(p) || v === "scaleY", y = ["tl", "tr", "bl", "br"].includes(p) || v === "scale";
+      if (!b && !A && !y) return;
+      const j = Math.abs((Pt = (_t = o.scaleX) != null ? _t : n.scaleX) != null ? Pt : 1) || 1, M = Math.abs((zt = (at = o.scaleY) != null ? at : n.scaleY) != null ? zt : 1) || 1, w = Math.max(1, f * j), S = Math.max(1, c * M), {
+        paddingTop: C = 0,
         paddingRight: I = 0,
-        paddingBottom: _ = 0,
-        paddingLeft: z = 0,
-        radiusTopLeft: G = 0,
-        radiusTopRight: Z = 0,
-        radiusBottomRight: V = 0,
-        radiusBottomLeft: X = 0,
-        fontSize: C,
-        width: T,
-        originX: Y = "left"
-      } = o, F = A || b, H = A || b, R = F ? {
-        top: Math.max(0, h.top * v),
-        right: Math.max(0, h.right * v),
-        bottom: Math.max(0, h.bottom * v),
-        left: Math.max(0, h.left * v)
-      } : h, N = H ? {
-        topLeft: Math.max(0, l.topLeft * v),
-        topRight: Math.max(0, l.topRight * v),
-        bottomRight: Math.max(0, l.bottomRight * v),
-        bottomLeft: Math.max(0, l.bottomLeft * v)
-      } : l, jt = (he = (ft = n.originX) != null ? ft : Y) != null ? he : "left", kt = m + f, Rt = m + f / 2, ut = T != null ? T : f, At = Math.abs(S - ut) > K, Xt = Math.abs(L - (C != null ? C : c)) > K, gt = Math.abs(R.top - B) > K || Math.abs(R.right - I) > K || Math.abs(R.bottom - _) > K || Math.abs(R.left - z) > K, xt = Math.abs(N.topLeft - G) > K || Math.abs(N.topRight - Z) > K || Math.abs(N.bottomRight - V) > K || Math.abs(N.bottomLeft - X) > K;
-      if (!At && !Xt && !gt && !xt) {
+        paddingBottom: O = 0,
+        paddingLeft: _ = 0,
+        radiusTopLeft: H = 0,
+        radiusTopRight: Y = 0,
+        radiusBottomRight: W = 0,
+        radiusBottomLeft: G = 0,
+        fontSize: D,
+        width: N,
+        originX: U = "left"
+      } = o, Z = y || A, X = y || A, P = Z ? {
+        top: Math.max(0, l.top * M),
+        right: Math.max(0, l.right * M),
+        bottom: Math.max(0, l.bottom * M),
+        left: Math.max(0, l.left * M)
+      } : l, B = X ? {
+        topLeft: Math.max(0, h.topLeft * M),
+        topRight: Math.max(0, h.topRight * M),
+        bottomRight: Math.max(0, h.bottomRight * M),
+        bottomLeft: Math.max(0, h.bottomLeft * M)
+      } : h, At = (ge = (ft = n.originX) != null ? ft : U) != null ? ge : "left", kt = m + f, Bt = m + f / 2, ut = N != null ? N : f, It = Math.abs(w - ut) > K, Kt = Math.abs(S - (D != null ? D : c)) > K, gt = Math.abs(P.top - C) > K || Math.abs(P.right - I) > K || Math.abs(P.bottom - O) > K || Math.abs(P.left - _) > K, xt = Math.abs(B.topLeft - H) > K || Math.abs(B.topRight - Y) > K || Math.abs(B.bottomRight - W) > K || Math.abs(B.bottomLeft - G) > K;
+      if (!It && !Kt && !gt && !xt) {
         o.set({ scaleX: 1, scaleY: 1 }), n.scaleX = 1, n.scaleY = 1;
         return;
       }
       o.set({
-        width: S,
-        fontSize: A || b ? L : c,
-        paddingTop: R.top,
-        paddingRight: R.right,
-        paddingBottom: R.bottom,
-        paddingLeft: R.left,
-        radiusTopLeft: N.topLeft,
-        radiusTopRight: N.topRight,
-        radiusBottomRight: N.bottomRight,
-        radiusBottomLeft: N.bottomLeft,
+        width: w,
+        fontSize: y || A ? S : c,
+        paddingTop: P.top,
+        paddingRight: P.right,
+        paddingBottom: P.bottom,
+        paddingLeft: P.left,
+        radiusTopLeft: B.topLeft,
+        radiusTopRight: B.topRight,
+        radiusBottomRight: B.bottomRight,
+        radiusBottomLeft: B.bottomLeft,
         scaleX: 1,
         scaleY: 1
       });
-      const ot = (ue = o.width) != null ? ue : S, St = Math.abs(ot - ut) > K;
+      const ot = (fe = o.width) != null ? fe : w, Ct = Math.abs(ot - ut) > K;
       let nt = m;
-      St && (M || A) && (jt === "right" ? nt = kt - ot : jt === "center" && (nt = Rt - ot / 2)), o.set({ left: nt }), i.baseLeft = nt, n.scaleX = 1, n.scaleY = 1;
+      Ct && (b || y) && (At === "right" ? nt = kt - ot : At === "center" && (nt = Bt - ot / 2)), o.set({ left: nt }), i.baseLeft = nt, n.scaleX = 1, n.scaleY = 1;
       const { original: J } = n;
-      J && (J.scaleX = 1, J.scaleY = 1, J.width = ot, J.height = o.height, J.left = nt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ot, i.baseFontSize = (ge = o.fontSize) != null ? ge : L, i.basePadding = {
-        top: R.top,
-        right: R.right,
-        bottom: R.bottom,
-        left: R.left
+      J && (J.scaleX = 1, J.scaleY = 1, J.width = ot, J.height = o.height, J.left = nt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ot, i.baseFontSize = (pe = o.fontSize) != null ? pe : S, i.basePadding = {
+        top: P.top,
+        right: P.right,
+        bottom: P.bottom,
+        left: P.left
       }, i.baseRadii = {
-        topLeft: N.topLeft,
-        topRight: N.topRight,
-        bottomRight: N.bottomRight,
-        bottomLeft: N.bottomLeft
-      }, i.hasWidthChange = St || Xt || gt || xt;
+        topLeft: B.topLeft,
+        topRight: B.topRight,
+        bottomRight: B.bottomRight,
+        bottomLeft: B.bottomLeft
+      }, i.hasWidthChange = Ct || Kt || gt || xt;
     }, this._handleObjectModified = (s) => {
-      var y, p, M;
+      var p, v, b;
       const { target: o } = s;
       if (!Q._isTextbox(o)) return;
       o.isScaling = !1;
       const n = this.scalingState.get(o);
       if (this.scalingState.delete(o), !(n != null && n.hasWidthChange)) return;
-      const i = (y = o.width) != null ? y : o.calcTextWidth(), a = (M = (p = o.fontSize) != null ? p : n == null ? void 0 : n.baseFontSize) != null ? M : 16, {
+      const i = (p = o.width) != null ? p : o.calcTextWidth(), a = (b = (v = o.fontSize) != null ? v : n == null ? void 0 : n.baseFontSize) != null ? b : 16, {
         paddingTop: r = 0,
         paddingRight: c = 0,
-        paddingBottom: h = 0,
-        paddingLeft: l = 0,
+        paddingBottom: l = 0,
+        paddingLeft: h = 0,
         radiusTopLeft: u = 0,
         radiusTopRight: g = 0,
         radiusBottomRight: f = 0,
@@ -4367,24 +4384,24 @@ class Q {
           fontSize: a,
           paddingTop: r,
           paddingRight: c,
-          paddingBottom: h,
-          paddingLeft: l,
+          paddingBottom: l,
+          paddingLeft: h,
           radiusTopLeft: u,
           radiusTopRight: g,
           radiusBottomRight: f,
           radiusBottomLeft: m
         }
       }), 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(), Ds();
+    }, 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(), Ps();
   }
   /**
    * Добавляет новый текстовый объект на канвас.
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(G = {}, { withoutSelection: I = !1, withoutSave: _ = !1, withoutAdding: z = !1 } = {}) {
-    var Z = G, {
-      id: t = `text-${P()}`,
+  addText(H = {}, { withoutSelection: I = !1, withoutSave: O = !1, withoutAdding: _ = !1 } = {}) {
+    var Y = H, {
+      id: t = `text-${F()}`,
       text: e = "Новый текст",
       fontFamily: s,
       fontSize: o = 48,
@@ -4393,22 +4410,22 @@ class Q {
       underline: a = !1,
       uppercase: r = !1,
       strikethrough: c = !1,
-      align: h = "left",
-      color: l = "#000000",
+      align: l = "left",
+      color: h = "#000000",
       strokeColor: u,
       strokeWidth: g = 0,
       opacity: f = 1,
       backgroundColor: m,
-      backgroundOpacity: y = 1,
-      paddingTop: p = 0,
-      paddingRight: M = 0,
-      paddingBottom: b = 0,
-      paddingLeft: A = 0,
-      radiusTopLeft: x = 0,
-      radiusTopRight: v = 0,
-      radiusBottomRight: S = 0,
-      radiusBottomLeft: L = 0
-    } = Z, B = rt(Z, [
+      backgroundOpacity: p = 1,
+      paddingTop: v = 0,
+      paddingRight: b = 0,
+      paddingBottom: A = 0,
+      paddingLeft: y = 0,
+      radiusTopLeft: j = 0,
+      radiusTopRight: M = 0,
+      radiusBottomRight: w = 0,
+      radiusBottomLeft: S = 0
+    } = Y, C = rt(Y, [
       "id",
       "text",
       "fontFamily",
@@ -4434,60 +4451,60 @@ class Q {
       "radiusBottomRight",
       "radiusBottomLeft"
     ]);
-    var R;
-    const { historyManager: V } = this.editor, { canvas: X } = this;
-    V.suspendHistory();
-    const C = s != null ? s : this._getDefaultFontFamily(), T = Le({ width: g }), Y = De({
+    var P;
+    const { historyManager: W } = this.editor, { canvas: G } = this;
+    W.suspendHistory();
+    const D = s != null ? s : this._getDefaultFontFamily(), N = Re({ width: g }), U = Ne({
       strokeColor: u,
-      width: T
-    }), F = k({
+      width: N
+    }), Z = x({
       id: t,
-      fontFamily: C,
+      fontFamily: D,
       fontSize: o,
       fontWeight: n ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
       underline: a,
       uppercase: r,
       linethrough: c,
-      textAlign: h,
-      fill: l,
-      stroke: Y,
-      strokeWidth: T,
+      textAlign: l,
+      fill: h,
+      stroke: U,
+      strokeWidth: N,
       strokeUniform: !0,
       opacity: f,
       backgroundColor: m,
-      backgroundOpacity: y,
-      paddingTop: p,
-      paddingRight: M,
-      paddingBottom: b,
-      paddingLeft: A,
-      radiusTopLeft: x,
-      radiusTopRight: v,
-      radiusBottomRight: S,
-      radiusBottomLeft: L
-    }, B), H = new Gt(e, F);
-    if (H.textCaseRaw = (R = H.text) != null ? R : "", r) {
-      const N = Kt({ value: H.textCaseRaw });
-      N !== H.text && H.set({ text: N });
-    }
-    return B.left === void 0 && B.top === void 0 && X.centerObject(H), z || X.add(H), I || X.setActiveObject(H), X.requestRenderAll(), V.resumeHistory(), _ || V.saveState(), X.fire("editor:text-added", {
-      textbox: H,
-      options: Tt(k({}, F), {
+      backgroundOpacity: p,
+      paddingTop: v,
+      paddingRight: b,
+      paddingBottom: A,
+      paddingLeft: y,
+      radiusTopLeft: j,
+      radiusTopRight: M,
+      radiusBottomRight: w,
+      radiusBottomLeft: S
+    }, C), X = new Xt(e, Z);
+    if (X.textCaseRaw = (P = X.text) != null ? P : "", r) {
+      const B = Qt({ value: X.textCaseRaw });
+      B !== X.text && X.set({ text: B });
+    }
+    return C.left === void 0 && C.top === void 0 && G.centerObject(X), _ || G.add(X), I || G.setActiveObject(X), G.requestRenderAll(), W.resumeHistory(), O || W.saveState(), G.fire("editor:text-added", {
+      textbox: X,
+      options: pt(x({}, Z), {
         text: e,
         bold: n,
         italic: i,
         strikethrough: c,
-        align: h,
-        color: l,
-        strokeColor: Y,
-        strokeWidth: T
+        align: l,
+        color: h,
+        strokeColor: U,
+        strokeWidth: N
       }),
       flags: {
         withoutSelection: !!I,
-        withoutSave: !!_,
-        withoutAdding: !!z
+        withoutSave: !!O,
+        withoutAdding: !!_
       }
-    }), H;
+    }), X;
   }
   /**
    * Обновляет текстовый объект.
@@ -4498,36 +4515,36 @@ class Q {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: o } = {}) {
-    var St, nt, J, It, Ct, Et;
+    var Ct, nt, J, Tt, Et, Ot;
     const n = this._resolveTextObject(t);
     if (!n) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
     const r = Q._getSnapshot(n), ot = e, {
       text: c,
-      fontFamily: h,
-      fontSize: l,
+      fontFamily: l,
+      fontSize: h,
       bold: u,
       italic: g,
       underline: f,
       uppercase: m,
-      strikethrough: y,
-      align: p,
-      color: M,
-      strokeColor: b,
-      strokeWidth: A,
-      opacity: x,
-      backgroundColor: v,
-      backgroundOpacity: S,
-      paddingTop: L,
-      paddingRight: B,
+      strikethrough: p,
+      align: v,
+      color: b,
+      strokeColor: A,
+      strokeWidth: y,
+      opacity: j,
+      backgroundColor: M,
+      backgroundOpacity: w,
+      paddingTop: S,
+      paddingRight: C,
       paddingBottom: I,
-      paddingLeft: _,
-      radiusTopLeft: z,
-      radiusTopRight: G,
-      radiusBottomRight: Z,
-      radiusBottomLeft: V
-    } = ot, X = rt(ot, [
+      paddingLeft: O,
+      radiusTopLeft: _,
+      radiusTopRight: H,
+      radiusBottomRight: Y,
+      radiusBottomLeft: W
+    } = ot, G = rt(ot, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4551,37 +4568,37 @@ class Q {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), C = k({}, X), T = Ls({ textbox: n }), Y = {}, F = {}, H = ks({ textbox: n, range: T }), R = !T || H, N = !T;
-    if (h !== void 0 && (T && (Y.fontFamily = h), R && (C.fontFamily = h, N && (F.fontFamily = h))), l !== void 0 && (C.fontSize = l), u !== void 0) {
-      const W = u ? "bold" : "normal";
-      T && (Y.fontWeight = W), R && (C.fontWeight = W, N && (F.fontWeight = W));
+    ]), D = x({}, G), N = zs({ textbox: n }), U = {}, Z = {}, X = Ys({ textbox: n, range: N }), P = !N || X, B = !N;
+    if (l !== void 0 && (N && (U.fontFamily = l), P && (D.fontFamily = l, B && (Z.fontFamily = l))), h !== void 0 && (D.fontSize = h), u !== void 0) {
+      const V = u ? "bold" : "normal";
+      N && (U.fontWeight = V), P && (D.fontWeight = V, B && (Z.fontWeight = V));
     }
     if (g !== void 0) {
-      const W = g ? "italic" : "normal";
-      T && (Y.fontStyle = W), R && (C.fontStyle = W, N && (F.fontStyle = W));
+      const V = g ? "italic" : "normal";
+      N && (U.fontStyle = V), P && (D.fontStyle = V, B && (Z.fontStyle = V));
     }
-    if (f !== void 0 && (T && (Y.underline = f), R && (C.underline = f, N && (F.underline = f))), y !== void 0 && (T && (Y.linethrough = y), R && (C.linethrough = y, N && (F.linethrough = y))), p !== void 0 && (C.textAlign = p), M !== void 0 && (T && (Y.fill = M), R && (C.fill = M, N && (F.fill = M))), b !== void 0 || A !== void 0) {
-      const W = T ? Oe({ textbox: n, range: T, property: "strokeWidth" }) : void 0, Bt = T ? Oe({ textbox: n, range: T, property: "stroke" }) : void 0, _t = (nt = (St = A != null ? A : W) != null ? St : n.strokeWidth) != null ? nt : 0, at = Le({ width: _t }), Ut = (It = (J = b != null ? b : Bt) != null ? J : n.stroke) != null ? It : void 0, ft = De({
-        strokeColor: Ut,
+    if (f !== void 0 && (N && (U.underline = f), P && (D.underline = f, B && (Z.underline = f))), p !== void 0 && (N && (U.linethrough = p), P && (D.linethrough = p, B && (Z.linethrough = p))), v !== void 0 && (D.textAlign = v), b !== void 0 && (N && (U.fill = b), P && (D.fill = b, B && (Z.fill = b))), A !== void 0 || y !== void 0) {
+      const V = N ? Le({ textbox: n, range: N, property: "strokeWidth" }) : void 0, _t = N ? Le({ textbox: n, range: N, property: "stroke" }) : void 0, Pt = (nt = (Ct = y != null ? y : V) != null ? Ct : n.strokeWidth) != null ? nt : 0, at = Re({ width: Pt }), zt = (Tt = (J = A != null ? A : _t) != null ? J : n.stroke) != null ? Tt : void 0, ft = Ne({
+        strokeColor: zt,
         width: at
       });
-      T && (Y.stroke = ft, Y.strokeWidth = at), R && (C.stroke = ft, C.strokeWidth = at, N && (F.stroke = ft, F.strokeWidth = at));
-    }
-    x !== void 0 && (C.opacity = x), v !== void 0 && (C.backgroundColor = v), S !== void 0 && (C.backgroundOpacity = S), L !== void 0 && (C.paddingTop = L), B !== void 0 && (C.paddingRight = B), I !== void 0 && (C.paddingBottom = I), _ !== void 0 && (C.paddingLeft = _), z !== void 0 && (C.radiusTopLeft = z), G !== void 0 && (C.radiusTopRight = G), Z !== void 0 && (C.radiusBottomRight = Z), V !== void 0 && (C.radiusBottomLeft = V);
-    const jt = (Et = n.textCaseRaw) != null ? Et : (Ct = n.text) != null ? Ct : "", kt = !!n.uppercase, Rt = c !== void 0, ut = Rt ? c != null ? c : "" : jt, At = m != null ? m : kt;
-    if (Rt || At !== kt) {
-      const W = At ? Kt({ value: ut }) : ut;
-      C.text = W, n.textCaseRaw = ut;
-    } else n.textCaseRaw === void 0 && (n.textCaseRaw = jt);
-    n.uppercase = At, n.set(C);
+      N && (U.stroke = ft, U.strokeWidth = at), P && (D.stroke = ft, D.strokeWidth = at, B && (Z.stroke = ft, Z.strokeWidth = at));
+    }
+    j !== void 0 && (D.opacity = j), M !== void 0 && (D.backgroundColor = M), w !== void 0 && (D.backgroundOpacity = w), S !== void 0 && (D.paddingTop = S), C !== void 0 && (D.paddingRight = C), I !== void 0 && (D.paddingBottom = I), O !== void 0 && (D.paddingLeft = O), _ !== void 0 && (D.radiusTopLeft = _), H !== void 0 && (D.radiusTopRight = H), Y !== void 0 && (D.radiusBottomRight = Y), W !== void 0 && (D.radiusBottomLeft = W);
+    const At = (Ot = n.textCaseRaw) != null ? Ot : (Et = n.text) != null ? Et : "", kt = !!n.uppercase, Bt = c !== void 0, ut = Bt ? c != null ? c : "" : At, It = m != null ? m : kt;
+    if (Bt || It !== kt) {
+      const V = It ? Qt({ value: ut }) : ut;
+      D.text = V, n.textCaseRaw = ut;
+    } else n.textCaseRaw === void 0 && (n.textCaseRaw = At);
+    n.uppercase = It, n.set(D);
     let gt = !1;
-    if (T)
-      gt = Te({ textbox: n, styles: Y, range: T });
-    else if (Object.keys(F).length) {
-      const W = Ns({ textbox: n });
-      W && (gt = Te({ textbox: n, styles: F, range: W }));
+    if (N)
+      gt = De({ textbox: n, styles: U, range: N });
+    else if (Object.keys(Z).length) {
+      const V = Us({ textbox: n });
+      V && (gt = De({ textbox: n, styles: Z, range: V }));
     }
-    gt && (n.dirty = !0), (v !== void 0 || S !== void 0 || L !== void 0 || B !== void 0 || I !== void 0 || _ !== void 0 || z !== void 0 || G !== void 0 || Z !== void 0 || V !== void 0) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    gt && (n.dirty = !0), (M !== void 0 || w !== void 0 || S !== void 0 || C !== void 0 || I !== void 0 || O !== void 0 || _ !== void 0 || H !== void 0 || Y !== void 0 || W !== void 0) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
     const xt = Q._getSnapshot(n);
     return a.fire("editor:text-updated", {
       textbox: n,
@@ -4591,11 +4608,11 @@ class Q {
         withoutSave: !!s,
         skipRender: !!o
       },
-      updates: C,
+      updates: D,
       before: r,
       after: xt,
-      selectionRange: T != null ? T : void 0,
-      selectionStyles: T && Object.keys(Y).length ? Y : void 0
+      selectionRange: N != null ? N : void 0,
+      selectionStyles: N && Object.keys(U).length ? U : void 0
     }), n;
   }
   /**
@@ -4643,7 +4660,7 @@ class Q {
     if (!Q._isTextbox(e)) return;
     const s = (i = e.text) != null ? i : "", o = !!e.uppercase, n = s.toLocaleLowerCase();
     if (o) {
-      const a = Kt({ value: n });
+      const a = Qt({ value: n });
       a !== s && e.set({ text: a }), e.textCaseRaw = n;
       return;
     }
@@ -4658,14 +4675,14 @@ class Q {
     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, {
         paddingTop: c = 0,
-        paddingRight: h = 0,
-        paddingBottom: l = 0,
+        paddingRight: l = 0,
+        paddingBottom: h = 0,
         paddingLeft: u = 0
       } = t, {
         radiusTopLeft: g = 0,
         radiusTopRight: f = 0,
         radiusBottomRight: m = 0,
-        radiusBottomLeft: y = 0
+        radiusBottomLeft: p = 0
       } = t;
       e = {
         baseWidth: i,
@@ -4673,15 +4690,15 @@ class Q {
         baseLeft: a,
         basePadding: {
           top: c,
-          right: h,
-          bottom: l,
+          right: l,
+          bottom: h,
           left: u
         },
         baseRadii: {
           topLeft: g,
           topRight: f,
           bottomRight: m,
-          bottomLeft: y
+          bottomLeft: p
         },
         hasWidthChange: !1
       }, this.scalingState.set(t, e);
@@ -4693,11 +4710,11 @@ class Q {
    */
   static _getSnapshot(t) {
     const e = ({
-      snapshot: F,
-      entries: H
+      snapshot: Z,
+      entries: X
     }) => {
-      Object.entries(H).forEach(([R, N]) => {
-        N != null && (F[R] = N);
+      Object.entries(X).forEach(([P, B]) => {
+        B != null && (Z[P] = B);
       });
     }, {
       id: s,
@@ -4707,70 +4724,70 @@ class Q {
       fontFamily: a,
       fontSize: r,
       fontWeight: c,
-      fontStyle: h,
-      underline: l,
+      fontStyle: l,
+      underline: h,
       linethrough: u,
       textAlign: g,
       fill: f,
       stroke: m,
-      strokeWidth: y,
-      opacity: p,
-      backgroundColor: M,
-      backgroundOpacity: b,
-      paddingTop: A,
-      paddingRight: x,
-      paddingBottom: v,
-      paddingLeft: S,
-      radiusTopLeft: L,
-      radiusTopRight: B,
+      strokeWidth: p,
+      opacity: v,
+      backgroundColor: b,
+      backgroundOpacity: A,
+      paddingTop: y,
+      paddingRight: j,
+      paddingBottom: M,
+      paddingLeft: w,
+      radiusTopLeft: S,
+      radiusTopRight: C,
       radiusBottomRight: I,
-      radiusBottomLeft: _,
-      left: z,
-      top: G,
-      width: Z,
-      height: V,
-      angle: X,
-      scaleX: C,
-      scaleY: T
-    } = t, Y = {
+      radiusBottomLeft: O,
+      left: _,
+      top: H,
+      width: Y,
+      height: W,
+      angle: G,
+      scaleX: D,
+      scaleY: N
+    } = t, U = {
       id: s,
       uppercase: !!i,
       textAlign: g
     };
     return e({
-      snapshot: Y,
+      snapshot: U,
       entries: {
         text: o,
         textCaseRaw: n,
         fontFamily: a,
         fontSize: r,
         fontWeight: c,
-        fontStyle: h,
-        underline: l,
+        fontStyle: l,
+        underline: h,
         linethrough: u,
         fill: f,
         stroke: m,
-        strokeWidth: y,
-        opacity: p,
-        backgroundColor: M,
-        backgroundOpacity: b,
-        paddingTop: A,
-        paddingRight: x,
-        paddingBottom: v,
-        paddingLeft: S,
-        radiusTopLeft: L,
-        radiusTopRight: B,
+        strokeWidth: p,
+        opacity: v,
+        backgroundColor: b,
+        backgroundOpacity: A,
+        paddingTop: y,
+        paddingRight: j,
+        paddingBottom: M,
+        paddingLeft: w,
+        radiusTopLeft: S,
+        radiusTopRight: C,
         radiusBottomRight: I,
-        radiusBottomLeft: _,
-        left: z,
-        top: G,
-        width: Z,
-        height: V,
-        angle: X,
-        scaleX: C,
-        scaleY: T
+        radiusBottomLeft: O,
+        left: _,
+        top: H,
+        width: Y,
+        height: W,
+        angle: G,
+        scaleX: D,
+        scaleY: N
       }
-    }), Y;
+    }), U;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -4783,14 +4800,14 @@ class Q {
 const $ = ({
   value: d,
   fallback: t = 0
-}) => typeof d == "number" && Number.isFinite(d) ? d : typeof t == "number" && Number.isFinite(t) ? t : 0, Ft = ({
+}) => typeof d == "number" && Number.isFinite(d) ? d : typeof t == "number" && Number.isFinite(t) ? t : 0, Wt = ({
   value: d,
   dimension: t,
   useRelativePositions: e
 }) => {
   const s = $({ value: d });
   return e ? s : s / (t || 1);
-}, Rs = ({
+}, Fs = ({
   object: d,
   baseWidth: t,
   baseHeight: e,
@@ -4800,31 +4817,31 @@ const $ = ({
   const n = d;
   if (typeof n[o.x] == "number" && typeof n[o.y] == "number")
     return {
-      x: Ft({
+      x: Wt({
         value: n[o.x],
         dimension: t,
         useRelativePositions: s
       }),
-      y: Ft({
+      y: Wt({
         value: n[o.y],
         dimension: e,
         useRelativePositions: s
       })
     };
-  const { left: a, top: r, width: c, height: h } = d, l = Ft({
+  const { left: a, top: r, width: c, height: l } = d, h = Wt({
     value: a,
     dimension: t,
     useRelativePositions: s
-  }), u = Ft({
+  }), u = Wt({
     value: r,
     dimension: e,
     useRelativePositions: s
-  }), g = $({ value: c }) / (t || 1), f = $({ value: h }) / (e || 1);
+  }), g = $({ value: c }) / (t || 1), f = $({ value: l }) / (e || 1);
   return {
-    x: l + g / 2,
+    x: h + g / 2,
     y: u + f / 2
   };
-}, xs = ({
+}, Ws = ({
   normalizedX: d,
   normalizedY: t,
   bounds: e,
@@ -4833,64 +4850,87 @@ const $ = ({
 }) => {
   const { left: n, top: i, width: a, height: r } = e;
   if (!o) {
-    const { width: l, height: u } = s, g = n + d * (l || a), f = i + t * (u || r);
+    const { width: h, height: u } = s, g = n + d * (h || a), f = i + t * (u || r);
     return new ht(g, f);
   }
-  const c = n + d * a, h = i + t * r;
-  return new ht(c, h);
-}, Bs = ({
+  const c = n + d * a, l = i + t * r;
+  return new ht(c, l);
+}, Hs = ({
   object: d,
   montageArea: t,
   bounds: e
 }) => {
   if (!t || !e) return null;
   try {
-    const s = d.getCenterPoint(), { left: o, top: n, width: i, height: a } = e, r = s.x - o, c = s.y - n, h = r / i, l = c / a;
+    const s = d.getCenterPoint(), { left: o, top: n, width: i, height: a } = e, r = s.x - o, c = s.y - n, l = r / i, h = c / a;
     return {
-      x: h,
-      y: l
+      x: l,
+      y: h
     };
   } catch (s) {
     return null;
   }
-}, _s = ({
+}, yt = ({
+  object: d
+}) => {
+  if (!d) return null;
+  try {
+    d.setCoords();
+    const t = d.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;
+    return {
+      left: e,
+      right: i,
+      top: s,
+      bottom: a,
+      centerX: r,
+      centerY: c
+    };
+  } catch (t) {
+    return null;
+  }
+}, Zs = ({
   x1: d,
   y1: t,
   x2: e,
   y2: s
-}) => (Math.atan2(s - t, e - d) * 180 / Math.PI + 360) % 360, Us = (d) => {
+}) => (Math.atan2(s - t, e - d) * 180 / Math.PI + 360) % 360, Vs = (d) => {
   if (!d || typeof d != "object") return null;
-  const { type: t, coords: e, colorStops: s } = d, 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, h = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0;
+  const { type: t, coords: e, colorStops: s } = d, 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, l = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0;
   if (!a || !r || !e) return null;
   if (t === "linear") {
-    const { x1: l, y1: u, x2: g, y2: f } = e;
-    if (typeof l == "number" && typeof u == "number" && typeof g == "number" && typeof f == "number")
+    const { x1: h, y1: u, x2: g, y2: f } = e;
+    if (typeof h == "number" && typeof u == "number" && typeof g == "number" && typeof f == "number")
       return {
         type: "linear",
-        angle: _s({ x1: l, y1: u, x2: g, y2: f }),
+        angle: Zs({ x1: h, y1: u, x2: g, y2: f }),
         startColor: a,
         endColor: r,
         startPosition: c,
-        endPosition: h
+        endPosition: l
       };
   }
   if (t === "radial") {
-    const { x1: l, y1: u, r2: g } = e;
-    if (typeof l == "number" && typeof u == "number" && typeof g == "number")
+    const { x1: h, y1: u, r2: g } = e;
+    if (typeof h == "number" && typeof u == "number" && typeof g == "number")
       return {
         type: "radial",
-        centerX: l * 100,
+        centerX: h * 100,
         centerY: u * 100,
         radius: g * 100,
         startColor: a,
         endColor: r,
         startPosition: c,
-        endPosition: h
+        endPosition: l
       };
   }
   return null;
-}, Qt = "_templateCenterX", $t = "_templateCenterY", Jt = "_templateAnchorX", qt = "_templateAnchorY";
-class E {
+}, $t = "_templateCenterX", Jt = "_templateCenterY", qt = "_templateAnchorX", te = "_templateAnchorY";
+class L {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -4909,7 +4949,7 @@ class E {
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = n.getActiveObject(), h = E._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = o && l ? [l] : [], g = [...h, ...u];
+    } = this.editor, c = n.getActiveObject(), l = L._collectObjects(c), { backgroundObject: h } = r != null ? r : {}, u = o && h ? [h] : [], g = [...l, ...u];
     if (!g.length)
       return a.emitWarning({
         origin: "TemplateManager",
@@ -4917,22 +4957,22 @@ class E {
         code: ct.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
         message: "Нет объектов для сериализации шаблона"
       }), null;
-    const f = E._getBounds(i), m = E._getMontageSize({ montageArea: i, bounds: f }), y = m.width, p = m.height, M = g.map((x) => E._serializeObject({
-      object: x,
+    const f = L._getBounds(i), m = L._getMontageSize({ montageArea: i, bounds: f }), p = m.width, v = m.height, b = g.map((j) => L._serializeObject({
+      object: j,
       bounds: f,
-      baseWidth: y,
-      baseHeight: p,
+      baseWidth: p,
+      baseHeight: v,
       montageArea: i != null ? i : null
-    })), b = Tt(k({}, s), {
-      baseWidth: y,
-      baseHeight: p,
+    })), A = pt(x({}, s), {
+      baseWidth: p,
+      baseHeight: v,
       positionsNormalized: !0,
       previewId: e != null ? e : s.previewId
     });
     return {
-      id: t != null ? t : `template-${P()}`,
-      meta: b,
-      objects: M
+      id: t != null ? t : `template-${F()}`,
+      meta: A,
+      objects: b
     };
   }
   /**
@@ -4942,7 +4982,7 @@ class E {
    * @param options.data - данные для заполнения текстов по customData.templateField
    */
   applyTemplate(s) {
-    return O(this, arguments, function* ({
+    return R(this, arguments, function* ({
       template: t,
       data: e
     }) {
@@ -4952,7 +4992,7 @@ class E {
         historyManager: i,
         errorManager: a,
         backgroundManager: r
-      } = this.editor, { objects: c, meta: h, id: l } = t != null ? t : {};
+      } = this.editor, { objects: c, meta: l, id: h } = t != null ? t : {};
       if (!(c != null && c.length))
         return a.emitWarning({
           origin: "TemplateManager",
@@ -4960,7 +5000,7 @@ class E {
           code: ct.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
-      const u = E._getBounds(n);
+      const u = L._getBounds(n);
       if (!u)
         return a.emitWarning({
           origin: "TemplateManager",
@@ -4968,55 +5008,55 @@ class E {
           code: ct.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
-      const g = E._getMontageSize({ montageArea: n, bounds: u }), f = E._normalizeMeta({ meta: h, fallback: g }), m = E._calculateScale({ meta: f, target: g }), y = !!f.positionsNormalized;
-      let p = !1, M = !1;
+      const g = L._getMontageSize({ montageArea: n, bounds: u }), f = L._normalizeMeta({ meta: l, fallback: g }), m = L._calculateScale({ meta: f, target: g }), p = !!f.positionsNormalized;
+      let v = !1, b = !1;
       i.suspendHistory();
       try {
-        const b = yield E._enlivenObjects(c);
-        if (!b.length)
+        const A = yield L._enlivenObjects(c);
+        if (!A.length)
           return a.emitWarning({
             origin: "TemplateManager",
             method: "applyTemplate",
             code: ct.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
-        const { backgroundObject: A, contentObjects: x } = E._extractBackgroundObject(b);
-        A && (M = yield E._applyBackgroundFromObject({
-          backgroundObject: A,
+        const { backgroundObject: y, contentObjects: j } = L._extractBackgroundObject(A);
+        y && (b = yield L._applyBackgroundFromObject({
+          backgroundObject: y,
           backgroundManager: r,
           errorManager: a
         }));
-        const v = x.map((S) => (E._applyTextOverrides({ object: S, data: e }), E._transformObject({
-          object: S,
+        const M = j.map((w) => (L._applyTextOverrides({ object: w, data: e }), L._transformObject({
+          object: w,
           scale: m,
           bounds: u,
           targetSize: g,
           baseWidth: f.baseWidth,
           baseHeight: f.baseHeight,
           montageArea: n,
-          useRelativePositions: y
-        }), S.set({
-          id: `${S.type}-${P()}`,
+          useRelativePositions: p
+        }), w.set({
+          id: `${w.type}-${F()}`,
           evented: !0
-        }), o.add(S), S));
-        return !v.length && !M ? null : (p = v.length > 0 || M, v.length && E._activateObjects({ canvas: o, objects: v }), o.requestRenderAll(), o.fire("editor:template-applied", {
+        }), o.add(w), w));
+        return !M.length && !b ? null : (v = M.length > 0 || b, M.length && L._activateObjects({ canvas: o, objects: M }), o.requestRenderAll(), o.fire("editor:template-applied", {
           template: t,
-          objects: v,
+          objects: M,
           bounds: u
-        }), v);
-      } catch (b) {
+        }), M);
+      } catch (A) {
         return a.emitError({
           origin: "TemplateManager",
           method: "applyTemplate",
           code: ct.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
-            templateId: l,
-            error: b
+            templateId: h,
+            error: A
           }
         }), null;
       } finally {
-        i.resumeHistory(), p && i.saveState();
+        i.resumeHistory(), v && i.saveState();
       }
     });
   }
@@ -5024,7 +5064,7 @@ class E {
    * Подготавливает объекты для сериализации.
    */
   static _collectObjects(t) {
-    return t ? t instanceof U ? t.getObjects() : [t] : [];
+    return t ? t instanceof z ? t.getObjects() : [t] : [];
   }
   /**
    * Возвращает габариты объекта.
@@ -5048,15 +5088,15 @@ class E {
     * Превращает plain-описание объектов в Fabric объекты.
     */
   static _enlivenObjects(t) {
-    return O(this, null, function* () {
-      return (yield Promise.all(t.map((s) => O(null, null, function* () {
-        if (E._hasSerializedSvgMarkup(s)) {
-          const i = yield E._reviveSvgObject(s);
+    return R(this, null, function* () {
+      return (yield Promise.all(t.map((s) => R(null, null, function* () {
+        if (L._hasSerializedSvgMarkup(s)) {
+          const i = yield L._reviveSvgObject(s);
           if (i)
-            return E._restoreImageScale({ revived: i, serialized: s }), i;
+            return L._restoreImageScale({ revived: i, serialized: s }), i;
         }
         const o = yield it.enlivenObjects([s]), n = o == null ? void 0 : o[0];
-        return n ? (E._restoreImageScale({ revived: n, serialized: s }), n) : null;
+        return n ? (L._restoreImageScale({ revived: n, serialized: s }), n) : null;
       })))).filter((s) => !!s);
     });
   }
@@ -5074,8 +5114,8 @@ class E {
       scaleX: i,
       scaleY: a
     } = e, r = t, c = "getElement" in r && typeof r.getElement == "function" ? r.getElement() : null, {
-      naturalWidth: h = 0,
-      naturalHeight: l = 0,
+      naturalWidth: l = 0,
+      naturalHeight: h = 0,
       width: u = 0,
       height: g = 0
     } = c instanceof HTMLImageElement ? c : {
@@ -5083,8 +5123,8 @@ class E {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, f = $({ value: h || u || r.width, fallback: 0 }), m = $({ value: l || g || r.height, fallback: 0 }), y = $({ value: o, fallback: f }), p = $({ value: n, fallback: m }), M = $({ value: i, fallback: r.scaleX || 1 }), b = $({ value: a, fallback: r.scaleY || 1 }), A = y * M, x = p * b, v = f ? A / f : null, S = m ? x / m : null, L = {};
-    f > 0 && (L.width = f), m > 0 && (L.height = m), v && v > 0 && (L.scaleX = v), S && S > 0 && (L.scaleY = S), r.set(L);
+    }, f = $({ value: l || u || r.width, fallback: 0 }), m = $({ value: h || g || r.height, fallback: 0 }), p = $({ value: o, fallback: f }), v = $({ value: n, fallback: m }), b = $({ value: i, fallback: r.scaleX || 1 }), A = $({ value: a, fallback: r.scaleY || 1 }), y = p * b, j = v * A, M = f ? y / f : null, w = m ? j / m : null, S = {};
+    f > 0 && (S.width = f), m > 0 && (S.height = m), M && M > 0 && (S.scaleX = M), w && w > 0 && (S.scaleY = w), r.set(S);
   }
   /**
    * Проверяет, содержит ли сериализованный объект инлайн SVG.
@@ -5096,11 +5136,11 @@ class E {
    * Восстанавливает SVG-объект из компактного описания.
    */
   static _reviveSvgObject(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield Fe(e), o = it.groupSVGElements(s.objects, s.options), n = E._prepareSerializableProps(t), i = yield E._reviveClipPath(n.clipPath);
+        const s = yield Qe(e), o = it.groupSVGElements(s.objects, s.options), n = L._prepareSerializableProps(t), i = yield L._reviveClipPath(n.clipPath);
         return i ? n.clipPath = i : "clipPath" in n && delete n.clipPath, o.set(n), o.setCoords(), o;
       } catch (s) {
         return null;
@@ -5111,7 +5151,7 @@ class E {
    * Восстанавливает clipPath из сериализованного объекта в инстанс FabricObject.
    */
   static _reviveClipPath(t) {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       var e;
       if (!t || typeof t != "object") return null;
       try {
@@ -5126,7 +5166,7 @@ class E {
    * Убирает технические поля сериализации, оставляя только применимые свойства.
    */
   static _prepareSerializableProps(t) {
-    const e = k({}, t);
+    const e = x({}, t);
     return delete e.svgMarkup, delete e.objects, delete e.path, delete e.paths, delete e.type, delete e.version, e;
   }
   /**
@@ -5172,34 +5212,34 @@ class E {
     montageArea: a,
     useRelativePositions: r
   }) {
-    const c = t, { x: h, y: l } = Rs({
+    const c = t, { x: l, y: h } = Fs({
       object: t,
       baseWidth: n,
       baseHeight: i,
       useRelativePositions: r,
       centerKeys: {
-        x: Qt,
-        y: $t
+        x: $t,
+        y: Jt
       }
-    }), { scaleX: u, scaleY: g } = t, f = $({ value: u, fallback: 1 }), m = $({ value: g, fallback: 1 }), y = E._getPositioningBounds({
+    }), { scaleX: u, scaleY: g } = t, f = $({ value: u, fallback: 1 }), m = $({ value: g, fallback: 1 }), p = L._getPositioningBounds({
       bounds: s,
       baseWidth: n,
       baseHeight: i,
       scale: e,
       useRelativePositions: r,
-      anchorX: E._resolveAnchor(c, Jt),
-      anchorY: E._resolveAnchor(c, qt)
-    }), p = xs({
-      normalizedX: h,
-      normalizedY: l,
-      bounds: y,
+      anchorX: L._resolveAnchor(c, qt),
+      anchorY: L._resolveAnchor(c, te)
+    }), v = Ws({
+      normalizedX: l,
+      normalizedY: h,
+      bounds: p,
       targetSize: o,
       montageArea: a
-    }), M = f * e, b = m * e;
+    }), b = f * e, A = m * e;
     t.set({
-      scaleX: M,
-      scaleY: b
-    }), t.setPositionByOrigin(p, "center", "center"), t.setCoords(), delete c[Qt], delete c[$t], delete c[Jt], delete c[qt];
+      scaleX: b,
+      scaleY: A
+    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[$t], delete c[Jt], delete c[qt], delete c[te];
   }
   /**
    * Возвращает bounds, в которых должны позиционироваться нормализованные объекты.
@@ -5215,7 +5255,7 @@ class E {
     anchorY: a
   }) {
     if (!n) return t;
-    const r = (e || t.width) * o, c = (s || t.height) * o, h = t.width - r, l = t.height - c, u = t.left + E._calculateAnchorOffset(i, h), g = t.top + E._calculateAnchorOffset(a, l);
+    const r = (e || t.width) * o, c = (s || t.height) * o, l = t.width - r, h = t.height - c, u = t.left + L._calculateAnchorOffset(i, l), g = t.top + L._calculateAnchorOffset(a, h);
     return {
       left: u,
       top: g,
@@ -5239,8 +5279,8 @@ class E {
       return a >= 0.98 ? "center" : r <= c ? "start" : "end";
     if (s || n) return "start";
     if (o || i) return "end";
-    const h = r - c;
-    return Math.abs(h) <= 0.1 ? "center" : h < 0 ? "start" : "end";
+    const l = r - c;
+    return Math.abs(l) <= 0.1 ? "center" : l < 0 ? "start" : "end";
   }
   /**
    * Нормализует мета-данные шаблона.
@@ -5250,7 +5290,7 @@ class E {
     fallback: e
   }) {
     const { width: s, height: o } = e, r = t || {}, { baseWidth: n = s, baseHeight: i = o } = r, a = rt(r, ["baseWidth", "baseHeight"]);
-    return k({
+    return x({
       baseWidth: n,
       baseHeight: i
     }, a);
@@ -5277,7 +5317,7 @@ class E {
       t.setActiveObject(e[0]);
       return;
     }
-    const s = new U(e, { canvas: t });
+    const s = new z(e, { canvas: t });
     t.setActiveObject(s);
   }
   /**
@@ -5301,37 +5341,37 @@ class E {
     baseHeight: o,
     montageArea: n
   }) {
-    const i = t.toDatalessObject([...ke]);
-    if (E._isSvgObject(t)) {
-      const A = E._extractSvgMarkup(t);
-      A && (i.svgMarkup = A, delete i.objects, delete i.path);
+    const i = t.toDatalessObject([...ze]);
+    if (L._isSvgObject(t)) {
+      const y = L._extractSvgMarkup(t);
+      y && (i.svgMarkup = y, delete i.objects, delete i.path);
     }
     if (!e) return i;
     const {
       left: a,
       top: r,
       width: c,
-      height: h
-    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || h || 1, f = Bs({
+      height: l
+    } = e, h = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || l || 1, f = Hs({
       object: t,
       montageArea: n,
       bounds: e
     }), m = f != null ? f : (() => {
-      const A = t.getCenterPoint();
+      const y = t.getCenterPoint();
       return {
-        x: (A.x - a) / u,
-        y: (A.y - r) / g
+        x: (y.x - a) / u,
+        y: (y.y - r) / g
       };
-    })(), y = (l.left - a) / u, p = (l.top - r) / g, M = y + l.width / u, b = p + l.height / g;
-    return i[Qt] = m.x, i[$t] = m.y, i[Jt] = E._detectAnchor({
+    })(), p = (h.left - a) / u, v = (h.top - r) / g, b = p + h.width / u, A = v + h.height / g;
+    return i[$t] = m.x, i[Jt] = m.y, i[qt] = L._detectAnchor({
       center: m.x,
-      start: y,
-      end: M
-    }), i[qt] = E._detectAnchor({
-      center: m.y,
       start: p,
       end: b
-    }), i.left = y, i.top = p, i;
+    }), i[te] = L._detectAnchor({
+      center: m.y,
+      start: v,
+      end: A
+    }), i.left = p, i.top = v, i;
   }
   /**
    * Делит список объектов на фон и контент по id === 'background'.
@@ -5347,13 +5387,13 @@ class E {
    * Применяет фоновый объект шаблона к текущему холсту через BackgroundManager.
    */
   static _applyBackgroundFromObject(o) {
-    return O(this, arguments, function* ({
+    return R(this, arguments, function* ({
       backgroundObject: t,
       backgroundManager: e,
       errorManager: s
     }) {
       try {
-        const { fill: n, customData: i } = t, { backgroundType: a } = t, r = E._cloneCustomData(i);
+        const { fill: n, customData: i } = t, { backgroundType: a } = t, r = L._cloneCustomData(i);
         if (a === "color" && typeof n == "string")
           return e.setColorBackground({
             color: n,
@@ -5361,7 +5401,7 @@ class E {
             withoutSave: !0
           }), !0;
         if (a === "gradient") {
-          const c = Us(n);
+          const c = Vs(n);
           if (c)
             return e.setGradientBackground({
               gradient: c,
@@ -5370,7 +5410,7 @@ class E {
             }), !0;
         }
         if (a === "image") {
-          const c = E._getImageSource(t);
+          const c = L._getImageSource(t);
           if (c)
             return yield e.setImageBackground({
               imageSource: c,
@@ -5412,7 +5452,7 @@ class E {
    */
   static _cloneCustomData(t) {
     if (!(!t || typeof t != "object"))
-      return k({}, t);
+      return x({}, t);
   }
   /**
    * Извлекает src изображения из FabricImage или его исходного элемента.
@@ -5432,14 +5472,653 @@ class E {
     return typeof s.src == "string" ? s.src : null;
   }
 }
-class le {
+const Gs = 5, ae = "#3D8BF4", Ue = 1, Xs = ["montage-area", "background", "interaction-blocker"], ke = ({
+  anchors: d,
+  positions: t,
+  threshold: e
+}) => {
+  let s = 0, o = e + 1, n = null;
+  for (const i of t)
+    for (const a of d) {
+      const r = Math.abs(a - i);
+      r > e || r >= o || (s = a - i, o = r, n = a);
+    }
+  return {
+    delta: s,
+    guidePosition: n
+  };
+}, Ks = ({
+  activeBounds: d,
+  threshold: t,
+  anchors: e
+}) => {
+  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = d, c = ke({
+    anchors: e.vertical,
+    positions: [s, n, o],
+    threshold: t
+  }), l = ke({
+    anchors: e.horizontal,
+    positions: [i, r, a],
+    threshold: t
+  }), h = [];
+  return c.guidePosition !== null && h.push({
+    type: "vertical",
+    position: c.guidePosition
+  }), l.guidePosition !== null && h.push({
+    type: "horizontal",
+    position: l.guidePosition
+  }), {
+    deltaX: c.delta,
+    deltaY: l.delta,
+    guides: h
+  };
+}, Ye = ({
+  activeBounds: d,
+  aligned: t,
+  threshold: e,
+  patterns: s,
+  type: o
+}) => {
+  if (!t.length || !s.length) return [];
+  const {
+    top: n,
+    bottom: i,
+    left: a,
+    right: r
+  } = d, c = [];
+  for (const l of s)
+    for (const h of t)
+      if (o === "vertical") {
+        const u = n - h.bottom, g = Math.abs(u - l.distance);
+        if (g <= e) {
+          const p = l.distance - u, v = {
+            type: o,
+            axis: l.axis,
+            refStart: l.start,
+            refEnd: l.end,
+            activeStart: h.bottom,
+            activeEnd: h.bottom + l.distance,
+            distance: l.distance
+          };
+          c.push({ delta: p, guide: v, diff: g });
+        }
+        const f = h.top - i, m = Math.abs(f - l.distance);
+        if (m <= e) {
+          const p = l.distance - f, v = {
+            type: o,
+            axis: l.axis,
+            refStart: l.start,
+            refEnd: l.end,
+            activeStart: h.top - l.distance,
+            activeEnd: h.top,
+            distance: l.distance
+          };
+          c.push({ delta: p, guide: v, diff: m });
+        }
+      } else {
+        const u = a - h.right, g = Math.abs(u - l.distance);
+        if (g <= e) {
+          const p = l.distance - u, v = {
+            type: o,
+            axis: l.axis,
+            refStart: l.start,
+            refEnd: l.end,
+            activeStart: h.right,
+            activeEnd: h.right + l.distance,
+            distance: l.distance
+          };
+          c.push({ delta: p, guide: v, diff: g });
+        }
+        const f = h.left - r, m = Math.abs(f - l.distance);
+        if (m <= e) {
+          const p = l.distance - f, v = {
+            type: o,
+            axis: l.axis,
+            refStart: l.start,
+            refEnd: l.end,
+            activeStart: h.left - l.distance,
+            activeEnd: h.left,
+            distance: l.distance
+          };
+          c.push({ delta: p, guide: v, diff: m });
+        }
+      }
+  return c;
+}, Qs = ({
+  activeBounds: d,
+  candidates: t,
+  threshold: e,
+  patterns: s
+}) => {
+  const {
+    centerX: o,
+    top: n,
+    bottom: i,
+    left: a,
+    right: r
+  } = d, c = t.filter((y) => Math.min(y.right, r) - Math.max(y.left, a) >= -e);
+  if (!c.length)
+    return { delta: 0, guide: null };
+  const l = [
+    ...c.map((y) => ({ bounds: y, isActive: !1 })),
+    { bounds: d, isActive: !0 }
+  ];
+  l.sort((y, j) => y.bounds.top - j.bounds.top);
+  const h = l.findIndex((y) => y.isActive);
+  if (h === -1)
+    return { delta: 0, guide: null };
+  const u = l[h - 1], g = l[h - 2], f = l[h + 1], m = l[h + 2], p = [], v = i - n;
+  if (u && g) {
+    const { bounds: y } = u, { bounds: j } = g, M = y.top - j.bottom, w = n - y.bottom, S = Math.abs(w - M);
+    if (S <= e) {
+      const C = M - w, I = n + C, O = {
+        type: "vertical",
+        axis: o,
+        refStart: j.bottom,
+        refEnd: y.top,
+        activeStart: y.bottom,
+        activeEnd: I,
+        distance: M
+      };
+      p.push({ delta: C, guide: O, diff: S });
+    }
+  }
+  if (f && m) {
+    const { bounds: y } = f, { bounds: j } = m, M = j.top - y.bottom, w = y.top - i, S = Math.abs(w - M);
+    if (S <= e) {
+      const C = w - M, I = i + C, O = {
+        type: "vertical",
+        axis: o,
+        refStart: y.bottom,
+        refEnd: j.top,
+        activeStart: I,
+        activeEnd: y.top,
+        distance: M
+      };
+      p.push({ delta: C, guide: O, diff: S });
+    }
+  }
+  if (u && f) {
+    const { bounds: y } = u, { bounds: j } = f, w = j.top - y.bottom - v;
+    if (w >= 0) {
+      const S = w / 2, C = n - y.bottom, I = j.top - i, O = Math.abs(C - S), _ = Math.abs(I - S), H = Math.max(O, _);
+      if (H <= e) {
+        const Y = S - C, W = i + Y, G = {
+          type: "vertical",
+          axis: o,
+          refStart: y.bottom,
+          refEnd: y.bottom + S,
+          activeStart: W,
+          activeEnd: W + S,
+          distance: S
+        };
+        p.push({ delta: Y, guide: G, diff: H });
+      }
+    }
+  }
+  const b = Ye({
+    activeBounds: d,
+    aligned: c,
+    threshold: e,
+    patterns: s,
+    type: "vertical"
+  });
+  if (p.push(...b), !p.length)
+    return { delta: 0, guide: null };
+  const A = p.reduce((y, j) => j.diff < y.diff ? j : y, p[0]);
+  return {
+    delta: A.delta,
+    guide: A.guide
+  };
+}, $s = ({
+  activeBounds: d,
+  candidates: t,
+  threshold: e,
+  patterns: s
+}) => {
+  const {
+    centerY: o,
+    left: n,
+    right: i,
+    top: a,
+    bottom: r
+  } = d, c = t.filter((y) => Math.min(y.bottom, r) - Math.max(y.top, a) >= -e);
+  if (!c.length)
+    return { delta: 0, guide: null };
+  const l = [
+    ...c.map((y) => ({ bounds: y, isActive: !1 })),
+    { bounds: d, isActive: !0 }
+  ];
+  l.sort((y, j) => y.bounds.left - j.bounds.left);
+  const h = l.findIndex((y) => y.isActive);
+  if (h === -1)
+    return { delta: 0, guide: null };
+  const u = l[h - 1], g = l[h - 2], f = l[h + 1], m = l[h + 2], p = [], v = i - n;
+  if (u && g) {
+    const { bounds: y } = u, { bounds: j } = g, M = y.left - j.right, w = n - y.right, S = Math.abs(w - M);
+    if (S <= e) {
+      const C = M - w, I = n + C, O = {
+        type: "horizontal",
+        axis: o,
+        refStart: j.right,
+        refEnd: y.left,
+        activeStart: y.right,
+        activeEnd: I,
+        distance: M
+      };
+      p.push({ delta: C, guide: O, diff: S });
+    }
+  }
+  if (f && m) {
+    const { bounds: y } = f, { bounds: j } = m, M = j.left - y.right, w = y.left - i, S = Math.abs(w - M);
+    if (S <= e) {
+      const C = w - M, I = i + C, O = {
+        type: "horizontal",
+        axis: o,
+        refStart: y.right,
+        refEnd: j.left,
+        activeStart: I,
+        activeEnd: y.left,
+        distance: M
+      };
+      p.push({ delta: C, guide: O, diff: S });
+    }
+  }
+  if (u && f) {
+    const { bounds: y } = u, { bounds: j } = f, w = j.left - y.right - v;
+    if (w >= 0) {
+      const S = w / 2, C = n - y.right, I = j.left - i, O = Math.abs(C - S), _ = Math.abs(I - S), H = Math.max(O, _);
+      if (H <= e) {
+        const Y = S - C, W = i + Y, G = {
+          type: "horizontal",
+          axis: o,
+          refStart: y.right,
+          refEnd: y.right + S,
+          activeStart: W,
+          activeEnd: W + S,
+          distance: S
+        };
+        p.push({ delta: Y, guide: G, diff: H });
+      }
+    }
+  }
+  const b = Ye({
+    activeBounds: d,
+    aligned: c,
+    threshold: e,
+    patterns: s,
+    type: "horizontal"
+  });
+  if (p.push(...b), !p.length)
+    return { delta: 0, guide: null };
+  const A = p.reduce((y, j) => j.diff < y.diff ? j : y, p[0]);
+  return {
+    delta: A.delta,
+    guide: A.guide
+  };
+}, Js = ({
+  activeBounds: d,
+  candidates: t,
+  threshold: e,
+  spacingPatterns: s
+}) => {
+  const o = Qs({
+    activeBounds: d,
+    candidates: t,
+    threshold: e,
+    patterns: s.vertical
+  }), n = $s({
+    activeBounds: d,
+    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,
+    guides: i
+  };
+}, qs = ({
+  context: d,
+  x: t,
+  y: e,
+  width: s,
+  height: o,
+  radius: n
+}) => {
+  const i = Math.min(n, s / 2, o / 2);
+  d.moveTo(t + i, e), d.lineTo(t + s - i, e), d.quadraticCurveTo(t + s, e, t + s, e + i), d.lineTo(t + s, e + o - i), d.quadraticCurveTo(t + s, e + o, t + s - i, e + o), d.lineTo(t + i, e + o), d.quadraticCurveTo(t, e + o, t, e + o - i), d.lineTo(t, e + i), d.quadraticCurveTo(t, e, t + i, e), d.closePath();
+}, Be = ({
+  context: d,
+  type: t,
+  axis: e,
+  start: s,
+  end: o,
+  text: n,
+  zoom: i
+}) => {
+  const a = 12 / i, r = 4 / i, c = 4 / i, l = (s + o) / 2;
+  d.save(), d.setLineDash([]), d.fillStyle = ae, d.strokeStyle = ae, d.lineWidth = Ue / i, d.font = `${a}px sans-serif`, d.textAlign = "center", d.textBaseline = "middle";
+  const h = d.measureText(n).width + r * 2, u = a + r * 2, g = t === "vertical" ? e : l, f = t === "vertical" ? l : e, m = g - h / 2, p = f - u / 2;
+  d.beginPath(), qs({
+    context: d,
+    x: m,
+    y: p,
+    width: h,
+    height: u,
+    radius: c
+  }), d.fill(), d.fillStyle = "#ffffff", d.fillText(n, g, f), d.restore();
+}, to = ({
+  context: d,
+  guide: t,
+  zoom: e
+}) => {
+  const {
+    type: s,
+    axis: o,
+    refStart: n,
+    refEnd: i,
+    activeStart: a,
+    activeEnd: r,
+    distance: c
+  } = t, l = Math.round(c).toString();
+  d.beginPath(), s === "vertical" ? (d.moveTo(o, n), d.lineTo(o, i), d.moveTo(o, a), d.lineTo(o, r)) : (d.moveTo(n, o), d.lineTo(i, o), d.moveTo(a, o), d.lineTo(r, o)), d.stroke(), Be({
+    context: d,
+    type: s,
+    axis: o,
+    start: n,
+    end: i,
+    text: l,
+    zoom: e
+  }), Be({
+    context: d,
+    type: s,
+    axis: o,
+    start: a,
+    end: r,
+    text: l,
+    zoom: e
+  });
+}, eo = ({
+  activeObject: d
+}) => {
+  const t = /* @__PURE__ */ new Set();
+  return d && (t.add(d), d instanceof z && d.getObjects().forEach((e) => t.add(e))), t;
+}, so = ({
+  object: d,
+  excluded: t
+}) => {
+  if (t.has(d)) return !0;
+  const { visible: e = !0 } = d;
+  if (!e) return !0;
+  const { id: s } = d;
+  return !!(s && Xs.includes(s));
+}, xe = ({
+  anchors: d,
+  bounds: t
+}) => {
+  const {
+    left: e,
+    right: s,
+    centerX: o,
+    top: n,
+    bottom: i,
+    centerY: a
+  } = t;
+  d.vertical.push(e, o, s), d.horizontal.push(n, a, i);
+}, _e = ({
+  bounds: d,
+  type: t,
+  primaryStart: e,
+  primaryEnd: s
+}) => {
+  const o = [], n = e === "top" ? "left" : "top", i = s === "bottom" ? "right" : "bottom", a = [...d].sort((r, c) => r[e] - c[e]);
+  for (let r = 0; r < a.length; r += 1) {
+    const c = a[r];
+    let l = null, h = Number.POSITIVE_INFINITY;
+    for (let m = r + 1; m < a.length; m += 1) {
+      const p = a[m];
+      if (Math.min(c[i], p[i]) - Math.max(c[n], p[n]) < 0) continue;
+      const b = p[e] - c[s];
+      b < 0 || b < h && (h = b, l = p);
+    }
+    if (!l || h === Number.POSITIVE_INFINITY) continue;
+    const u = Math.max(c[n], l[n]), g = Math.min(c[i], l[i]), f = (u + g) / 2;
+    o.push({
+      type: t,
+      axis: f,
+      start: c[s],
+      end: l[e],
+      distance: l[e] - c[s]
+    });
+  }
+  return o;
+}, oo = ({
+  bounds: d
+}) => {
+  const t = _e({
+    bounds: d,
+    type: "vertical",
+    primaryStart: "top",
+    primaryEnd: "bottom"
+  }), e = _e({
+    bounds: d,
+    type: "horizontal",
+    primaryStart: "left",
+    primaryEnd: "right"
+  });
+  return { vertical: t, horizontal: e };
+};
+class no {
+  /**
+   * Создаёт менеджер прилипания и инициализирует слушатели событий.
+   */
+  constructor({ editor: t }) {
+    this.anchors = { vertical: [], horizontal: [] }, this.spacingPatterns = {
+      vertical: [],
+      horizontal: []
+    }, this.cachedTargetBounds = [], this.activeGuides = [], this.activeSpacingGuides = [], this.guideBounds = null, this.editor = t;
+    const { canvas: e } = t;
+    this.canvas = e, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._handleObjectMoving.bind(this), this._onMouseUp = this._handleMouseUp.bind(this), this._onBeforeRender = this._handleBeforeRender.bind(this), this._onAfterRender = this._handleAfterRender.bind(this), this._bindEvents();
+  }
+  /**
+   * Удаляет слушатели и очищает временные данные.
+   */
+  destroy() {
+    this._unbindEvents(), this._clearGuides(), this._clearAnchors();
+  }
+  /**
+   * Навешивает обработчики событий канваса.
+   */
+  _bindEvents() {
+    const { canvas: t } = this;
+    t.on("mouse:down", this._onMouseDown), t.on("object:moving", this._onObjectMoving), t.on("mouse:up", this._onMouseUp), t.on("before:render", this._onBeforeRender), t.on("after:render", this._onAfterRender);
+  }
+  /**
+   * Удаляет обработчики событий канваса.
+   */
+  _unbindEvents() {
+    const { canvas: t } = this;
+    t.off("mouse:down", this._onMouseDown), t.off("object:moving", this._onObjectMoving), t.off("mouse:up", this._onMouseUp), t.off("before:render", this._onBeforeRender), t.off("after:render", this._onAfterRender);
+  }
+  /**
+   * Кеширует набор опорных линий в момент начала перетаскивания.
+   */
+  _handleMouseDown(t) {
+    const { target: e } = t;
+    if (!e) {
+      this._clearAnchors();
+      return;
+    }
+    this._cacheAnchors({ activeObject: e });
+  }
+  /**
+   * Выполняет привязку объекта к ближайшим линиям при его перемещении.
+   */
+  _handleObjectMoving(t) {
+    var f, m;
+    const { target: e, e: s } = t;
+    if (!e) {
+      this._clearGuides();
+      return;
+    }
+    if (s != null && s.ctrlKey) {
+      this._clearGuides();
+      return;
+    }
+    !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: e });
+    let o = yt({ object: e });
+    if (!o) {
+      this._clearGuides();
+      return;
+    }
+    const { canvas: n } = this, i = n.getZoom() || 1, a = Gs / i, r = Ks({
+      activeBounds: o,
+      threshold: a,
+      anchors: this.anchors
+    }), { deltaX: c, deltaY: l, guides: h } = r;
+    if (c !== 0 || l !== 0) {
+      const { left: p = 0, top: v = 0 } = e;
+      e.set({
+        left: p + c,
+        top: v + l
+      }), e.setCoords(), o = (f = yt({ object: e })) != null ? f : o;
+    }
+    const u = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((p) => yt({ object: p })).filter((p) => !!p), g = Js({
+      activeBounds: o,
+      candidates: u,
+      threshold: a,
+      spacingPatterns: this.spacingPatterns
+    });
+    if (g.deltaX !== 0 || g.deltaY !== 0) {
+      const { left: p = 0, top: v = 0 } = e;
+      e.set({
+        left: p + g.deltaX,
+        top: v + g.deltaY
+      }), e.setCoords(), o = (m = yt({ object: e })) != null ? m : o;
+    }
+    this._applyGuides({
+      guides: h,
+      spacingGuides: g.guides
+    });
+  }
+  /**
+   * Очищает направляющие и кеш после окончания перетаскивания.
+   */
+  _handleMouseUp() {
+    this._clearGuides(), this._clearAnchors();
+  }
+  /**
+   * Очищает вспомогательный слой перед рендером.
+   */
+  _handleBeforeRender() {
+    const { canvas: t } = this, { contextTop: e } = t;
+    e && t.clearContext(e);
+  }
+  /**
+   * Отрисовывает активные направляющие после рендера канваса.
+   */
+  _handleAfterRender() {
+    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, l = t.getZoom() || 1;
+    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = Ue / l, s.strokeStyle = ae, s.setLineDash([4, 4]);
+    for (const h of this.activeGuides)
+      s.beginPath(), h.type === "vertical" ? (s.moveTo(h.position, a), s.lineTo(h.position, r)) : (s.moveTo(n, h.position), s.lineTo(i, h.position)), s.stroke();
+    for (const h of this.activeSpacingGuides)
+      to({
+        context: s,
+        guide: h,
+        zoom: l
+      });
+    s.restore();
+  }
+  /**
+   * Применяет найденные направляющие или очищает их, если ничего нет.
+   */
+  _applyGuides({
+    guides: t,
+    spacingGuides: e
+  }) {
+    if (!t.length && !e.length) {
+      this._clearGuides();
+      return;
+    }
+    this.activeGuides = t, this.activeSpacingGuides = e, this.canvas.requestRenderAll();
+  }
+  /**
+   * Сбрасывает все активные направляющие и инициирует перерисовку.
+   */
+  _clearGuides() {
+    !this.activeGuides.length && !this.activeSpacingGuides.length || (this.activeGuides = [], this.activeSpacingGuides = [], this.canvas.requestRenderAll());
+  }
+  /**
+   * Обнуляет кеш опорных линий.
+   */
+  _clearAnchors() {
+    this.anchors = { vertical: [], horizontal: [] }, this.spacingPatterns = { vertical: [], horizontal: [] }, this.cachedTargetBounds = [];
+  }
+  /**
+   * Сохраняет линии для прилипания от всех доступных объектов и монтажной области.
+   */
+  _cacheAnchors({ activeObject: t }) {
+    const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, o = [];
+    for (const a of e) {
+      const r = yt({ object: a });
+      r && (xe({ anchors: s, bounds: r }), o.push(r));
+    }
+    const { montageArea: n } = this.editor, i = yt({ object: n });
+    if (i) {
+      xe({ anchors: s, bounds: i });
+      const { left: a, right: r, top: c, bottom: l } = i;
+      this.guideBounds = {
+        left: a,
+        right: r,
+        top: c,
+        bottom: l
+      };
+    } else
+      this.guideBounds = this._calculateViewportBounds();
+    this.anchors = s, this.spacingPatterns = oo({ bounds: o }), this.cachedTargetBounds = o;
+  }
+  /**
+   * Собирает объекты, подходящие для прилипания, исключая активный объект и запрещённые id.
+   */
+  _collectTargets({ activeObject: t }) {
+    const e = eo({ activeObject: t }), s = [];
+    return this.canvas.forEachObject((o) => {
+      so({ object: o, excluded: e }) || s.push(o);
+    }), s;
+  }
+  /**
+   * Возвращает границы для рисования направляющих.
+   */
+  _calculateViewportBounds() {
+    const { canvas: t } = this, { viewportTransform: e } = t, s = t.getWidth(), o = t.getHeight(), [
+      n = 1,
+      ,
+      ,
+      i = 1,
+      a = 0,
+      r = 0
+    ] = e != null ? e : [], c = (0 - a) / n, l = (0 - r) / i, h = (s - a) / n, u = (o - r) / i;
+    return {
+      left: c,
+      right: h,
+      top: l,
+      bottom: u
+    };
+  }
+}
+class ue {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
    * @param options - опции и настройки редактора
    */
   constructor(t, e) {
-    this.options = e, this.containerId = t, this.editorId = `${t}-${P()}`, this.clipboard = null, this.init();
+    this.options = e, this.containerId = t, this.editorId = `${t}-${F()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -5447,7 +6126,7 @@ class le {
    * @fires editor:ready
    */
   init() {
-    return O(this, null, function* () {
+    return R(this, null, function* () {
       var u;
       const {
         editorContainerWidth: t,
@@ -5459,10 +6138,10 @@ class le {
         initialImage: a,
         initialStateJSON: r,
         scaleType: c,
-        showRotationAngle: h,
-        _onReadyCallback: l
+        showRotationAngle: l,
+        _onReadyCallback: h
       } = this.options;
-      if (yt.apply(), this.canvas = new We(this.containerId, this.options), this.moduleLoader = new Xe(), this.workerManager = new Qe(), this.errorManager = new Nt({ editor: this }), this.historyManager = new Ht({ editor: this }), this.toolbar = new us({ editor: this }), this.transformManager = new js({ editor: this }), this.zoomManager = new As({ editor: this }), this.canvasManager = new ws({ editor: this }), this.imageManager = new et({ editor: this }), this.layerManager = new Zt({ editor: this }), this.shapeManager = new Is({ editor: this }), this.interactionBlocker = new Ss({ editor: this }), this.backgroundManager = new Mt({ editor: this }), this.clipboardManager = new Cs({ editor: this }), this.objectLockManager = new Vt({ editor: this }), this.groupingManager = new Es({ editor: this }), this.selectionManager = new Ts({ editor: this }), this.deletionManager = new de({ editor: this }), this.panConstraintManager = new Os({ editor: this }), this.fontManager = new ne((u = this.options.fonts) != null ? u : []), this.textManager = new Q({ editor: this }), this.templateManager = new E({ editor: this }), h && (this.angleIndicator = new ce({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Lt({ 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 (bt.apply(), this.canvas = new $e(this.containerId, this.options), this.moduleLoader = new ss(), this.workerManager = new ns(), this.errorManager = new Rt({ editor: this }), this.historyManager = new Zt({ editor: this }), this.toolbar = new Ms({ editor: this }), this.transformManager = new Ds({ editor: this }), this.zoomManager = new Ls({ editor: this }), this.canvasManager = new Os({ editor: this }), this.imageManager = new et({ editor: this }), this.layerManager = new Vt({ editor: this }), this.shapeManager = new Rs({ editor: this }), this.interactionBlocker = new Ns({ editor: this }), this.backgroundManager = new Mt({ editor: this }), this.clipboardManager = new ks({ editor: this }), this.objectLockManager = new Gt({ editor: this }), this.groupingManager = new Bs({ editor: this }), this.selectionManager = new xs({ editor: this }), this.deletionManager = new he({ editor: this }), this.panConstraintManager = new _s({ editor: this }), this.snappingManager = new no({ editor: this }), this.fontManager = new ie((u = this.options.fonts) != null ? u : []), this.textManager = new Q({ editor: this }), this.templateManager = new L({ editor: this }), l && (this.angleIndicator = new le({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Nt({ 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) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -5470,7 +6149,7 @@ class le {
         } = a;
         yield this.imageManager.importImage({ source: g, scale: f, withoutSave: m });
       }
-      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
+      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
     });
   }
   /**
@@ -5484,7 +6163,7 @@ class le {
     this.montageArea = this.shapeManager.addRectangle({
       width: t,
       height: e,
-      fill: le._createMosaicPattern(),
+      fill: ue._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -5524,8 +6203,8 @@ class le {
    * Метод для удаления редактора и всех слушателей.
    */
   destroy() {
-    var t, e;
-    this.listeners.destroy(), this.toolbar.destroy(), (t = this.angleIndicator) == null || t.destroy(), (e = this.textManager) == null || e.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
+    var t, e, s;
+    this.listeners.destroy(), (t = this.snappingManager) == null || t.destroy(), this.toolbar.destroy(), (e = this.angleIndicator) == null || e.destroy(), (s = this.textManager) == null || s.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
   }
   /**
    * Создает паттерн мозаики.
@@ -5535,13 +6214,13 @@ class le {
     const t = document.createElement("canvas");
     t.width = 20, t.height = 20;
     const e = t.getContext("2d");
-    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new He({
+    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new Je({
       source: t,
       repeat: "repeat"
     });
   }
 }
-const w = [
+const T = [
   "U+0000-00FF",
   "U+0131",
   "U+0152-0153",
@@ -5561,13 +6240,13 @@ const w = [
   "U+2215",
   "U+FEFF",
   "U+FFFD"
-].join(", "), j = [
+].join(", "), E = [
   "U+0301",
   "U+0400-045F",
   "U+0490-0491",
   "U+04B0-04B1",
   "U+2116"
-].join(", "), zs = [
+].join(", "), io = [
   {
     family: "Arial",
     source: 'local("Arial"), local("Liberation Sans"), local("DejaVu Sans")',
@@ -5584,7 +6263,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5594,7 +6273,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5604,7 +6283,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5614,7 +6293,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5624,7 +6303,7 @@ const w = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5634,7 +6313,7 @@ const w = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5644,7 +6323,7 @@ const w = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5654,7 +6333,7 @@ const w = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5664,7 +6343,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5674,7 +6353,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5684,7 +6363,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5694,7 +6373,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5704,7 +6383,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5714,7 +6393,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5724,7 +6403,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5734,7 +6413,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5744,7 +6423,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5754,7 +6433,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5764,7 +6443,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5774,7 +6453,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5784,7 +6463,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5794,7 +6473,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5804,7 +6483,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5814,7 +6493,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5824,7 +6503,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5834,7 +6513,7 @@ const w = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5844,7 +6523,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5854,7 +6533,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5864,7 +6543,7 @@ const w = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5874,7 +6553,7 @@ const w = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5884,7 +6563,7 @@ const w = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5894,7 +6573,7 @@ const w = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5904,7 +6583,7 @@ const w = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5914,7 +6593,7 @@ const w = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5924,7 +6603,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5934,7 +6613,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5944,7 +6623,7 @@ const w = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5954,7 +6633,7 @@ const w = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5964,7 +6643,7 @@ const w = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5974,7 +6653,7 @@ const w = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -5984,7 +6663,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -5994,7 +6673,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6004,7 +6683,7 @@ const w = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6014,7 +6693,7 @@ const w = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6024,7 +6703,7 @@ const w = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6034,7 +6713,7 @@ const w = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6044,7 +6723,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6054,7 +6733,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6064,7 +6743,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6074,7 +6753,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6084,7 +6763,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6094,7 +6773,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6104,7 +6783,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6114,7 +6793,7 @@ const w = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6124,7 +6803,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6134,7 +6813,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6144,7 +6823,7 @@ const w = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6154,7 +6833,7 @@ const w = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6164,7 +6843,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6174,7 +6853,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6184,7 +6863,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6194,7 +6873,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6204,7 +6883,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6214,7 +6893,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6224,7 +6903,7 @@ const w = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6234,7 +6913,7 @@ const w = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6244,7 +6923,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6254,7 +6933,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6264,7 +6943,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6274,7 +6953,7 @@ const w = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6284,7 +6963,7 @@ const w = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6294,7 +6973,7 @@ const w = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6304,7 +6983,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6314,7 +6993,7 @@ const w = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6324,7 +7003,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6334,7 +7013,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   },
   {
@@ -6344,7 +7023,7 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: j
+      unicodeRange: E
     }
   },
   {
@@ -6354,10 +7033,10 @@ const w = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: w
+      unicodeRange: T
     }
   }
-], Ys = {
+], ao = {
   /**
    * Опции редактора
    */
@@ -6449,20 +7128,20 @@ const w = [
   /**
    * Список шрифтов, которые будут доступны в редакторе по умолчанию.
    */
-  fonts: zs
+  fonts: io
 };
-function Zs(d, t = {}) {
-  const e = k(k({}, Ys), t), s = document.getElementById(d);
+function uo(d, t = {}) {
+  const e = x(x({}, ao), t), s = document.getElementById(d);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${d}" не найден.`));
   const o = document.createElement("canvas");
   return o.id = `${d}-canvas`, s.appendChild(o), e.editorContainer = s, new Promise((n) => {
     e._onReadyCallback = n;
-    const i = new le(o.id, e);
+    const i = new ue(o.id, e);
     window[d] = i;
   });
 }
 export {
-  Zs as default
+  uo as default
 };
 //# sourceMappingURL=main.js.map