@anu3ev/fabric-image-editor 0.5.20 → 0.5.22

package/dist/main.js

@@ -1,25 +1,25 @@
-var cs = Object.defineProperty, ds = Object.defineProperties;
-var ls = Object.getOwnPropertyDescriptors;
-var Vt = Object.getOwnPropertySymbols;
-var Re = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable;
-var De = (h, t, e) => t in h ? cs(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, B = (h, t) => {
+var ds = Object.defineProperty, ls = Object.defineProperties;
+var hs = Object.getOwnPropertyDescriptors;
+var ne = Object.getOwnPropertySymbols;
+var Ne = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
+var _e = (h, t, e) => t in h ? ds(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, B = (h, t) => {
   for (var e in t || (t = {}))
-    Re.call(t, e) && De(h, e, t[e]);
-  if (Vt)
-    for (var e of Vt(t))
-      _e.call(t, e) && De(h, e, t[e]);
+    Ne.call(t, e) && _e(h, e, t[e]);
+  if (ne)
+    for (var e of ne(t))
+      xe.call(t, e) && _e(h, e, t[e]);
   return h;
-}, bt = (h, t) => ds(h, ls(t));
-var Mt = (h, t) => {
+}, wt = (h, t) => ls(h, hs(t));
+var gt = (h, t) => {
   var e = {};
   for (var s in h)
-    Re.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
-  if (h != null && Vt)
-    for (var s of Vt(h))
-      t.indexOf(s) < 0 && _e.call(h, s) && (e[s] = h[s]);
+    Ne.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
+  if (h != null && ne)
+    for (var s of ne(h))
+      t.indexOf(s) < 0 && xe.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var k = (h, t, e) => new Promise((s, n) => {
+var z = (h, t, e) => new Promise((s, n) => {
   var o = (r) => {
     try {
       a(e.next(r));
@@ -35,15 +35,15 @@ var k = (h, t, e) => new Promise((s, n) => {
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, i);
   a((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as U, Textbox as st, util as lt, controlsUtils as xe, InteractiveFabricObject as Ne, Point as tt, FitContentLayout as Be, loadSVGFromURL as hs, FabricImage as zt, Gradient as ke, Rect as us, Circle as fs, Triangle as gs, Group as Et, Color as ps, classRegistry as ze, loadSVGFromString as ms, Canvas as ys, Pattern as vs } from "fabric";
-import { create as bs } from "jsondiffpatch";
-import Ms from "diff-match-patch";
-var ws = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", V = function() {
+import { ActiveSelection as U, Textbox as ot, util as ut, controlsUtils as Be, InteractiveFabricObject as ke, Point as tt, FitContentLayout as We, loadSVGFromURL as us, FabricImage as Zt, Gradient as ze, Rect as fs, Circle as gs, Triangle as ps, Group as Et, Color as ms, classRegistry as Pe, loadSVGFromString as ys, Canvas as vs, Pattern as bs } from "fabric";
+import { create as Ms } from "jsondiffpatch";
+import ws from "diff-match-patch";
+var Ss = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", V = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
-    e += ws[s[t] & 63];
+    e += Ss[s[t] & 63];
   return e;
 };
-class Ft {
+class Xt {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class Ft {
    * @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 = Ft.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 = Ft.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Ft.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 = Xt.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 = Xt.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Xt.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -175,7 +175,7 @@ class Ft {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const { ctrlKey: e, metaKey: s, code: n, repeat: o } = t;
       this._shouldIgnoreKeyboardEvent(t) || !e && !s || o || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (n === "KeyZ" ? (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : n === "KeyY" && (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -223,7 +223,7 @@ class Ft {
     }
     const { canvas: s, editor: n, isSpacePressed: o, isDragging: i } = this;
     if (o || i) return;
-    this.isSpacePressed = !0, t.preventDefault();
+    n.historyManager.skipHistory || n.historyManager.saveState(), n.historyManager.suspendHistory(), this.isSpacePressed = !0, t.preventDefault();
     const a = s.getActiveObject() || null;
     a instanceof U ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), s.discardActiveObject(), s.set({
       selection: !1,
@@ -244,7 +244,7 @@ class Ft {
    */
   handleSpaceKeyUp(t) {
     const { code: e } = t;
-    e !== "Space" || this._shouldIgnoreKeyboardEvent(t) || this.isSpacePressed && (this.isSpacePressed = !1, this.isDragging && this.handleCanvasDragEnd(), this.canvas.set({
+    e === "Space" && (this._shouldIgnoreKeyboardEvent(t) && !this.isSpacePressed || this.isSpacePressed && (this.isSpacePressed = !1, this.isDragging && this.handleCanvasDragEnd(), this.canvas.set({
       defaultCursor: "default",
       selection: !0
     }), this.canvas.setCursor("default"), this.editor.canvasManager.getObjects().forEach((s) => {
@@ -252,7 +252,7 @@ class Ft {
         selectable: !0,
         evented: !0
       });
-    }), this._restoreSelection(this.savedSelection), this.savedSelection = [], this.canvas.requestRenderAll());
+    }), this._restoreSelection(this.savedSelection), this.savedSelection = [], this.editor.historyManager.resumeHistory(), this.canvas.requestRenderAll()));
   }
   /**
    * Восстанавливает выделение с проверкой корректности объектов
@@ -347,7 +347,7 @@ class Ft {
    */
   handleResetObjectFit(t) {
     const e = t == null ? void 0 : t.target;
-    !e || e instanceof st || this.editor.transformManager.resetObject({ object: e });
+    !e || e instanceof ot || this.editor.transformManager.resetObject({ object: e });
   }
   /**
    * Проверяет, должно ли событие клавиатуры быть проигнорировано
@@ -408,7 +408,7 @@ class Ft {
     };
   }
 }
-class Ss {
+class As {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -426,7 +426,7 @@ class Ss {
     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 As(h) {
+function js(h) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
@@ -434,13 +434,13 @@ function As(h) {
     }
   );
 }
-class js {
+class Is {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(t) {
-    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new As(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new js(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -480,95 +480,95 @@ class js {
     this.worker.terminate();
   }
 }
-const ct = 12, Is = 2, le = 8, he = 20, Cs = 100, ue = 20, fe = 8, Ts = 100, $t = 32, ye = 1, Es = "#2B2D33", ve = "#3D8BF4", be = "#FFFFFF";
-function Xt(h, t, e, s, n) {
-  const o = ct, i = Is;
-  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
+const lt = 12, Cs = 2, ve = 8, be = 20, Ts = 100, Me = 20, we = 8, Es = 100, de = 32, Ie = 1, Os = "#2B2D33", Ce = "#3D8BF4", Te = "#FFFFFF";
+function oe(h, t, e, s, n) {
+  const o = lt, i = Cs;
+  h.save(), h.translate(t, e), h.rotate(ut.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
 }
 function Ue(h, t, e, s, n) {
-  const o = le, i = he, a = Cs;
-  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  const o = ve, i = be, a = Ts;
+  h.save(), h.translate(t, e), h.rotate(ut.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
-function Pe(h, t, e, s, n) {
-  const o = ue, i = fe, a = Ts;
-  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+function Fe(h, t, e, s, n) {
+  const o = Me, i = we, a = Es;
+  h.save(), h.translate(t, e), h.rotate(ut.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
-const Os = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ts = new Image();
-ts.src = Os;
-function Ls(h, t, e, s, n) {
-  const i = $t / 2;
-  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = Es, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ts, -i / 2, -i / 2, i, i), h.restore();
+const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ss = new Image();
+ss.src = Ls;
+function Ds(h, t, e, s, n) {
+  const i = de / 2;
+  h.save(), h.translate(t, e), h.rotate(ut.degreesToRadians(n.angle)), h.fillStyle = Os, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ss, -i / 2, -i / 2, i, i), h.restore();
 }
-const Ds = {
+const Rs = {
   // Угловые точки
   tl: {
-    render: Xt,
-    sizeX: ct,
-    sizeY: ct,
+    render: oe,
+    sizeX: lt,
+    sizeY: lt,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: Xt,
-    sizeX: ct,
-    sizeY: ct,
+    render: oe,
+    sizeX: lt,
+    sizeY: lt,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: Xt,
-    sizeX: ct,
-    sizeY: ct,
+    render: oe,
+    sizeX: lt,
+    sizeY: lt,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: Xt,
-    sizeX: ct,
-    sizeY: ct,
+    render: oe,
+    sizeX: lt,
+    sizeY: lt,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
     render: Ue,
-    sizeX: le,
-    sizeY: he,
+    sizeX: ve,
+    sizeY: be,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: Ue,
-    sizeX: le,
-    sizeY: he,
+    sizeX: ve,
+    sizeY: be,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: Pe,
-    sizeX: ue,
-    sizeY: fe,
+    render: Fe,
+    sizeX: Me,
+    sizeY: we,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: Pe,
-    sizeX: ue,
-    sizeY: fe,
+    render: Fe,
+    sizeX: Me,
+    sizeY: we,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Ls,
-    sizeX: $t,
-    sizeY: $t,
+    render: Ds,
+    sizeX: de,
+    sizeY: de,
     offsetX: 0,
-    offsetY: -$t
+    offsetY: -de
   }
 };
-class $ {
+class et {
   /**
    * Отключает изменение ширины по оси X для заблокированных объектов, сохраняя поведение остального хэндлера.
    */
@@ -584,7 +584,7 @@ class $ {
    * Применяет конфигурацию контролов к набору по ключам из DEFAULT_CONTROLS.
    */
   static applyControlOverrides(t) {
-    Object.entries(Ds).forEach(([e, s]) => {
+    Object.entries(Rs).forEach(([e, s]) => {
       const n = t[e];
       n && (Object.assign(n, s), e === "mtr" && (n.cursorStyle = "grab", n.mouseDownHandler = (o, i, a, r) => {
         var d;
@@ -597,10 +597,10 @@ class $ {
    * Регистрирует контролы и настройки поведения выделений.
    */
   static apply() {
-    const t = xe.createObjectDefaultControls();
-    $.applyControlOverrides(t), Ne.ownDefaults.controls = t;
-    const e = xe.createTextboxDefaultControls();
-    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), st.ownDefaults.controls = e, $.patchActiveSelectionBounds(), Ne.ownDefaults.snapAngle = 1;
+    const t = Be.createObjectDefaultControls();
+    et.applyControlOverrides(t), ke.ownDefaults.controls = t;
+    const e = Be.createTextboxDefaultControls();
+    et.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), et.wrapWidthControl(e.ml), et.wrapWidthControl(e.mr), ot.ownDefaults.controls = e, et.patchActiveSelectionBounds(), ke.ownDefaults.snapAngle = 1;
   }
   /**
    * Обновляет алгоритм расчёта границ ActiveSelection, чтобы учитывать фон и отступы текстовых объектов.
@@ -610,11 +610,11 @@ class $ {
     t._calcBoundsFromObjects = function(...o) {
       var f, g;
       const i = (g = (f = this.getObjects) == null ? void 0 : f.call(this)) != null ? g : [];
-      $.applyTextSelectionScalingLock({
+      et.applyTextSelectionScalingLock({
         selection: this,
         objects: i
       });
-      const a = $.calculateActiveSelectionBounds({
+      const a = et.calculateActiveSelectionBounds({
         objects: i
       });
       if (!a)
@@ -633,11 +633,11 @@ class $ {
     t._onAfterObjectsChange = function(o, i) {
       var p, m;
       const a = s ? s.call(this, o, i) : void 0, r = (m = (p = this.getObjects) == null ? void 0 : p.call(this)) != null ? m : [];
-      $.applyTextSelectionScalingLock({
+      et.applyTextSelectionScalingLock({
         selection: this,
         objects: r
       });
-      const c = $.calculateActiveSelectionBounds({
+      const c = et.calculateActiveSelectionBounds({
         objects: r
       });
       if (!c) return a;
@@ -647,18 +647,18 @@ class $ {
         height: f
       }), this.setPositionByOrigin(g, "center", "center"), this.setCoords(), a;
     };
-    const n = Be.prototype.calcBoundingBox;
-    Be.prototype.calcBoundingBox = function(o, i) {
+    const n = We.prototype.calcBoundingBox;
+    We.prototype.calcBoundingBox = function(o, i) {
       const { target: a, type: r, overrides: c } = i;
       if (r === "imperative" && c)
         return c;
       if (!(a instanceof U))
         return n.call(this, o, i);
-      $.applyTextSelectionScalingLock({
+      et.applyTextSelectionScalingLock({
         selection: a,
         objects: o
       });
-      const d = $.calculateActiveSelectionBounds({ objects: o });
+      const d = et.calculateActiveSelectionBounds({ objects: o });
       if (!d)
         return n.call(this, o, i);
       const { left: l, top: u, width: f, height: g } = d, p = new tt(f, g), m = new tt(l + f / 2, u + g / 2);
@@ -694,7 +694,7 @@ class $ {
     selection: t,
     objects: e
   }) {
-    const s = e.some((n) => n instanceof st);
+    const s = e.some((n) => n instanceof ot);
     t.setControlsVisibility({
       mt: !s,
       mb: !s,
@@ -703,7 +703,7 @@ class $ {
     });
   }
 }
-const z = class z {
+const P = class P {
   constructor(t = []) {
     this.fonts = t;
   }
@@ -711,36 +711,36 @@ const z = class z {
     this.fonts = t;
   }
   loadFonts() {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       var n;
       const t = (n = this.fonts) != null ? n : [];
       if (!t.length) return;
       const e = typeof document != "undefined" ? document : void 0;
       if (!e) return;
-      const s = t.map((o) => z.loadFont(o, e));
+      const s = t.map((o) => P.loadFont(o, e));
       yield Promise.allSettled(s);
     });
   }
   static loadFont(t, e) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       var c, d;
       const s = typeof FontFace != "undefined", n = (c = t.family) == null ? void 0 : c.trim(), o = (d = t.source) == null ? void 0 : d.trim();
       if (!n || !o) return;
-      const i = z.normalizeFontSource(o), a = z.getDescriptorSnapshot(t.descriptors), r = z.getFontRegistrationKey(n, i, a);
-      if (!z.registeredFontKeys.has(r)) {
-        if (z.isFontFaceAlreadyApplied(e, n, a)) {
-          z.registeredFontKeys.add(r);
+      const i = P.normalizeFontSource(o), a = P.getDescriptorSnapshot(t.descriptors), r = P.getFontRegistrationKey(n, i, a);
+      if (!P.registeredFontKeys.has(r)) {
+        if (P.isFontFaceAlreadyApplied(e, n, a)) {
+          P.registeredFontKeys.add(r);
           return;
         }
         if (s && e.fonts && typeof e.fonts.add == "function")
           try {
             const u = yield new FontFace(n, i, t.descriptors).load();
-            e.fonts.add(u), z.registeredFontKeys.add(r);
+            e.fonts.add(u), P.registeredFontKeys.add(r);
             return;
           } catch (l) {
             console.warn(`Не удалось загрузить шрифт "${n}" через FontFace API`, l);
           }
-        z.injectFontFace({
+        P.injectFontFace({
           font: t,
           source: i,
           doc: e,
@@ -760,15 +760,15 @@ const z = class z {
     if (!i) return;
     const a = s.createElement("style");
     a.setAttribute("data-editor-font", i), a.setAttribute("data-editor-font-key", n);
-    const r = z.descriptorsToCss(o), c = [
+    const r = P.descriptorsToCss(o), c = [
       "@font-face {",
-      `  font-family: ${z.formatFontFamilyForCss(i)};`,
+      `  font-family: ${P.formatFontFamilyForCss(i)};`,
       `  src: ${e};`,
       ...r.map((l) => `  ${l}`),
       "}"
     ];
     a.textContent = c.join(`
-`), s.head.appendChild(a), z.registeredFontKeys.add(n);
+`), s.head.appendChild(a), P.registeredFontKeys.add(n);
   }
   static normalizeFontSource(t) {
     const e = t.trim();
@@ -791,15 +791,15 @@ const z = class z {
     return t ? t.trim().replace(/^['"]+|['"]+$/g, "").toLowerCase() : "";
   }
   static getDescriptorSnapshot(t) {
-    const e = z.descriptorDefaults;
+    const e = P.descriptorDefaults;
     return {
-      style: z.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
-      weight: z.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
-      stretch: z.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
-      unicodeRange: z.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
-      variant: z.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
-      featureSettings: z.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
-      display: z.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
+      style: P.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
+      weight: P.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
+      stretch: P.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
+      unicodeRange: P.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
+      variant: P.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
+      featureSettings: P.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
+      display: P.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
     };
   }
   static areDescriptorSnapshotsEqual(t, e) {
@@ -807,7 +807,7 @@ const z = class z {
   }
   static getFontRegistrationKey(t, e, s) {
     return [
-      z.normalizeFamilyName(t),
+      P.normalizeFamilyName(t),
       e,
       s.style,
       s.weight,
@@ -821,12 +821,12 @@ const z = class z {
   static isFontFaceAlreadyApplied(t, e, s) {
     const n = t.fonts;
     if (!n || typeof n.forEach != "function") return !1;
-    const o = z.normalizeFamilyName(e);
+    const o = P.normalizeFamilyName(e);
     let i = !1;
     try {
       n.forEach((a) => {
-        if (i || z.normalizeFamilyName(a.family) !== o) return;
-        const c = z.getDescriptorSnapshot({
+        if (i || P.normalizeFamilyName(a.family) !== o) return;
+        const c = P.getDescriptorSnapshot({
           style: a.style,
           weight: a.weight,
           stretch: a.stretch,
@@ -835,7 +835,7 @@ const z = class z {
           featureSettings: a.featureSettings,
           display: a.display
         });
-        z.areDescriptorSnapshotsEqual(s, c) && (i = !0);
+        P.areDescriptorSnapshotsEqual(s, c) && (i = !0);
       });
     } catch (a) {
       return console.warn("Не удалось проверить, загружен ли шрифт ранее через FontFaceSet", a), !1;
@@ -862,7 +862,7 @@ const z = class z {
     });
   }
 };
-z.registeredFontKeys = /* @__PURE__ */ new Set(), z.descriptorDefaults = {
+P.registeredFontKeys = /* @__PURE__ */ new Set(), P.descriptorDefaults = {
   style: "normal",
   weight: "normal",
   stretch: "normal",
@@ -871,8 +871,8 @@ z.registeredFontKeys = /* @__PURE__ */ new Set(), z.descriptorDefaults = {
   featureSettings: "normal",
   display: "auto"
 };
-let ge = z;
-const Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", zs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ut = {
+let Se = P;
+const _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ws = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", zs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ps = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Gt = {
   style: {
     position: "absolute",
     display: "none",
@@ -939,17 +939,17 @@ const Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Rs,
-    delete: Us,
-    lock: _s,
+    copyPaste: _s,
+    delete: Ps,
+    lock: Ns,
     unlock: xs,
-    bringToFront: ks,
+    bringToFront: Ws,
     sendToBack: zs,
-    bringForward: Ns,
-    sendBackwards: Bs
+    bringForward: Bs,
+    sendBackwards: ks
   },
   handlers: {
-    copyPaste: (h) => k(null, null, function* () {
+    copyPaste: (h) => z(null, null, function* () {
       h.clipboardManager.copyPaste();
     }),
     delete: (h) => {
@@ -975,18 +975,18 @@ const Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     }
   }
 };
-class Ps {
+class Us {
   constructor({ editor: t }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !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 = bt(B(B({}, Ut), t), {
-      style: B(B({}, Ut.style), t.style || {}),
-      btnStyle: B(B({}, Ut.btnStyle), t.btnStyle || {}),
-      icons: B(B({}, Ut.icons), t.icons || {}),
-      handlers: B(B({}, Ut.handlers), t.handlers || {})
+    this.config = wt(B(B({}, Gt), t), {
+      style: B(B({}, Gt.style), t.style || {}),
+      btnStyle: B(B({}, Gt.btnStyle), t.btnStyle || {}),
+      icons: B(B({}, Gt.icons), t.icons || {}),
+      handlers: B(B({}, Gt.handlers), t.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !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();
@@ -1117,8 +1117,8 @@ const Fs = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, Fe = 16, We = 16, Ws = "fabric-editor-angle-indicator";
-class Me {
+}, Ye = 16, He = 16, Ys = "fabric-editor-angle-indicator";
+class Ee {
   constructor({ editor: t }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._createDOM(), this._bindEvents();
   }
@@ -1126,7 +1126,7 @@ class Me {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = Ws, Object.entries(Fs).forEach(([t, e]) => {
+    this.el = document.createElement("div"), this.el.className = Ys, Object.entries(Fs).forEach(([t, e]) => {
       this.el.style.setProperty(t, e);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -1146,7 +1146,7 @@ class Me {
       return;
     }
     const s = e.angle || 0;
-    this.currentAngle = Me._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
+    this.currentAngle = Ee._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
   }
   /**
    * Обработчик отпускания кнопки мыши
@@ -1177,9 +1177,9 @@ class Me {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + Fe, n = t.clientY - e.top + We;
+    let s = t.clientX - e.left + Ye, n = t.clientY - e.top + He;
     const o = this.el.getBoundingClientRect(), i = o.width, a = o.height;
-    s + i > e.width && (s = t.clientX - e.left - i - Fe), n + a > e.height && (n = t.clientY - e.top - a - We), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
+    s + i > e.width && (s = t.clientX - e.left - i - Ye), n + a > e.height && (n = t.clientY - e.top - a - He), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
   }
   /**
    * Показать индикатор
@@ -1210,7 +1210,7 @@ class Me {
     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 es = [
+const ns = [
   "selectable",
   "evented",
   "id",
@@ -1246,7 +1246,7 @@ const es = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-class Ys {
+class Kt {
   constructor({ editor: t }) {
     this.editor = t, this.canvas = t.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -1258,7 +1258,7 @@ class Ys {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = bs({
+    this.diffPatcher = Ms({
       objectHash(t) {
         const e = t, s = t, n = s.styles ? JSON.stringify(s.styles) : "", o = e.customData ? JSON.stringify(e.customData) : "";
         return [
@@ -1308,7 +1308,7 @@ class Ys {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Ms,
+        diffMatchPatch: ws,
         minLength: 60
       }
     });
@@ -1351,13 +1351,15 @@ class Ys {
       this._isSavingState = !0, console.time("saveState");
       try {
         const t = this._withTemporaryUnlock(
-          () => this.canvas.toDatalessObject([...es])
+          () => this.canvas.toDatalessObject([...ns])
         );
         if (console.timeEnd("saveState"), !this.baseState) {
           this.baseState = t, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
           return;
         }
-        const e = this.getFullState(), s = this.diffPatcher.diff(e, t);
+        const e = this.getFullState();
+        console.log("prevState", e);
+        const s = this.diffPatcher.diff(e, t);
         if (!s) {
           console.log("Нет изменений для сохранения.");
           return;
@@ -1368,23 +1370,76 @@ class Ys {
       }
     }
   }
+  /**
+   * Создаёт безопасную копию состояния для загрузки в canvas.
+   * customData сериализуется, чтобы Fabric не обрабатывал её как параметры объекта.
+   *
+   * @param state - полное состояние канваса
+   */
+  static _createLoadSafeState({ state: t }) {
+    const e = JSON.parse(JSON.stringify(t)), { objects: s = [] } = e;
+    for (let n = 0; n < s.length; n += 1) {
+      const o = s[n], { customData: i } = o;
+      !i || typeof i != "object" || (o.customData = JSON.stringify(i));
+    }
+    return e;
+  }
+  /**
+   * Восстанавливает customData на объектах канваса из состояния истории.
+   * Нужна, чтобы в истории всегда сохранялся объект, а не строка.
+   *
+   * @param state - исходное состояние с object customData
+   * @param canvas - канвас, в который загружены объекты
+   */
+  static _applyCustomDataFromState({
+    state: t,
+    canvas: e
+  }) {
+    var a, r;
+    const { objects: s = [] } = t, n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+    for (let c = 0; c < s.length; c += 1) {
+      const d = s[c], { customData: l, id: u } = d;
+      if (!(!l || typeof l != "object")) {
+        if (typeof u == "string") {
+          n.set(u, l);
+          continue;
+        }
+        o.set(c, l);
+      }
+    }
+    const i = (r = (a = e.getObjects) == null ? void 0 : a.call(e)) != null ? r : [];
+    for (let c = 0; c < i.length; c += 1) {
+      const d = i[c], { id: l } = d;
+      let u;
+      typeof l == "string" && (u = n.get(l)), u || (u = o.get(c)), u && (d.customData = Kt._cloneCustomData({ customData: u }));
+    }
+  }
+  /**
+   * Делает глубокую копию customData, чтобы избежать общих ссылок со state.
+   * @param customData - пользовательские данные объекта
+   */
+  static _cloneCustomData({ customData: t }) {
+    return JSON.parse(JSON.stringify(t));
+  }
   /**
    * Функция загрузки состояния в канвас.
    * @param fullState - полное состояние канваса
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: n, backgroundManager: o } = this.editor, { width: i, height: a } = e;
-      n.overlayMask = null, yield e.loadFromJSON(t);
-      const r = e.getObjects().find((l) => l.id === "montage-area");
-      r && (this.editor.montageArea = r, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
-      const c = e.getObjects().find((l) => l.id === "overlay-mask");
-      c && (n.overlayMask = c, n.overlayMask.visible = !1);
-      const d = e.getObjects().find((l) => l.id === "background");
-      d ? (o.backgroundObject = d, o.refresh()) : o.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
+      n.overlayMask = null;
+      const r = Kt._createLoadSafeState({ state: t });
+      yield e.loadFromJSON(r), Kt._applyCustomDataFromState({ state: t, canvas: e });
+      const c = e.getObjects().find((u) => u.id === "montage-area");
+      c && (this.editor.montageArea = c, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
+      const d = e.getObjects().find((u) => u.id === "overlay-mask");
+      d && (n.overlayMask = d, n.overlayMask.visible = !1);
+      const l = e.getObjects().find((u) => u.id === "background");
+      l ? (o.backgroundObject = l, o.refresh()) : o.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
         fullState: t,
         currentIndex: this.currentIndex,
         totalChangesCount: this.totalChangesCount,
@@ -1399,7 +1454,7 @@ class Ys {
    * @fires editor:undo
    */
   undo() {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       if (!this.skipHistory) {
         if (this.saveState(), this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1436,7 +1491,7 @@ class Ys {
    * @fires editor:redo
    */
   redo() {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       if (!this.skipHistory) {
         if (this.saveState(), this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1491,7 +1546,7 @@ class Ys {
     }
   }
 }
-const Hs = 0.1, Zs = 2, Ye = 0.1, Gs = 90, Rt = 16, _t = 16, St = 4096, At = 4096, He = "application/image-editor:", Kt = [
+const Hs = 0.1, Zs = 2, Ze = 0.1, Gs = 90, Rt = 16, _t = 16, At = 4096, jt = 4096, Ge = "application/image-editor:", ie = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1506,7 +1561,7 @@ const Hs = 0.1, Zs = 2, Ye = 0.1, Gs = 90, Rt = 16, _t = 16, St = 4096, At = 409
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Vs = 50;
-class dt {
+class ht {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -1523,7 +1578,7 @@ class dt {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const {
         source: e,
         scale: s = `image-${this.options.scaleType}`,
@@ -1531,110 +1586,115 @@ class dt {
         fromClipboard: o = !1,
         isBackground: i = !1,
         withoutSelection: a = !1,
-        withoutAdding: r = !1
+        withoutAdding: r = !1,
+        customData: c = null
       } = t;
       if (!e) return null;
-      const { canvas: c, montageArea: d, transformManager: l, historyManager: u, errorManager: f } = this.editor, g = yield this.getContentType(e), p = dt.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: v } = this;
-      if (!this.isAllowedContentType(g)) {
-        const M = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return f.emitError({
+      const { canvas: d, montageArea: l, transformManager: u, historyManager: f, errorManager: g } = this.editor, p = yield this.getContentType(e), m = ht.getFormatFromContentType(p), { acceptContentTypes: v, acceptFormats: S } = this;
+      if (!this.isAllowedContentType(p)) {
+        const A = `Неверный contentType для изображения: ${p}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: M,
+          message: A,
           data: {
             source: e,
-            format: p,
-            contentType: g,
-            acceptContentTypes: m,
-            acceptFormats: v,
+            format: m,
+            contentType: p,
+            acceptContentTypes: v,
+            acceptFormats: S,
             fromClipboard: o,
             isBackground: i,
             withoutSelection: a,
-            withoutAdding: r
+            withoutAdding: r,
+            customData: c
           }
         }), null;
       }
-      u.suspendHistory();
+      f.suspendHistory();
       try {
-        let M, S;
+        let A, y;
         if (e instanceof File)
-          M = URL.createObjectURL(e);
+          A = URL.createObjectURL(e);
         else if (typeof e == "string") {
-          const A = yield (yield fetch(e, { mode: "cors" })).blob();
-          M = URL.createObjectURL(A);
+          const T = yield (yield fetch(e, { mode: "cors" })).blob();
+          A = URL.createObjectURL(T);
         } else
-          return f.emitError({
+          return g.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
             message: "Неверный тип источника изображения. Ожидается URL или объект File.",
             data: {
               source: e,
-              format: p,
-              contentType: g,
-              acceptContentTypes: m,
-              acceptFormats: v,
+              format: m,
+              contentType: p,
+              acceptContentTypes: v,
+              acceptFormats: S,
               fromClipboard: o,
               isBackground: i,
               withoutSelection: a,
-              withoutAdding: r
+              withoutAdding: r,
+              customData: c
             }
           }), null;
-        if (this._createdBlobUrls.push(M), p === "svg") {
-          const j = yield hs(M);
-          S = lt.groupSVGElements(j.objects, j.options);
+        if (this._createdBlobUrls.push(A), m === "svg") {
+          const w = yield us(A);
+          y = ut.groupSVGElements(w.objects, w.options);
         } else
-          S = yield zt.fromURL(M, { crossOrigin: "anonymous" });
-        const { width: y, height: b } = S;
-        if (S instanceof zt) {
-          const j = S.getElement();
-          let A = "";
-          if (j instanceof HTMLImageElement ? A = j.src : j instanceof HTMLCanvasElement && (A = j.toDataURL()), b > At || y > St) {
-            const C = yield this.resizeImageToBoundaries(A, "max"), w = URL.createObjectURL(C);
-            this._createdBlobUrls.push(w), S = yield zt.fromURL(w, { crossOrigin: "anonymous" });
-          } else if (b < _t || y < Rt) {
-            const C = yield this.resizeImageToBoundaries(A, "min"), w = URL.createObjectURL(C);
-            this._createdBlobUrls.push(w), S = yield zt.fromURL(w, { crossOrigin: "anonymous" });
+          y = yield Zt.fromURL(A, { crossOrigin: "anonymous" });
+        const { width: b, height: j } = y;
+        if (y instanceof Zt) {
+          const w = y.getElement();
+          let T = "";
+          if (w instanceof HTMLImageElement ? T = w.src : w instanceof HTMLCanvasElement && (T = w.toDataURL()), j > jt || b > At) {
+            const M = yield this.resizeImageToBoundaries(T, "max"), C = URL.createObjectURL(M);
+            this._createdBlobUrls.push(C), y = yield Zt.fromURL(C, { crossOrigin: "anonymous" });
+          } else if (j < _t || b < Rt) {
+            const M = yield this.resizeImageToBoundaries(T, "min"), C = URL.createObjectURL(M);
+            this._createdBlobUrls.push(C), y = yield Zt.fromURL(C, { crossOrigin: "anonymous" });
           }
         }
-        if (S.set("id", `${S.type}-${V()}`), S.set("format", p), s === "scale-montage")
-          this.editor.canvasManager.scaleMontageAreaToImage({ object: S, withoutSave: !0 });
+        if (y.set("id", `${y.type}-${V()}`), y.set("format", m), y.set("customData", c || null), s === "scale-montage")
+          this.editor.canvasManager.scaleMontageAreaToImage({ object: y, withoutSave: !0 });
         else {
-          const { width: j, height: A } = d, C = this.calculateScaleFactor({ imageObject: S, scaleType: s });
-          s === "image-contain" && C < 1 ? l.fitObject({ object: S, type: "contain", withoutSave: !0 }) : s === "image-cover" && (y > j || b > A) && l.fitObject({ object: S, type: "cover", withoutSave: !0 });
+          const { width: w, height: T } = l, M = this.calculateScaleFactor({ imageObject: y, scaleType: s });
+          s === "image-contain" && M < 1 ? u.fitObject({ object: y, type: "contain", withoutSave: !0 }) : s === "image-cover" && (b > w || j > T) && u.fitObject({ object: y, type: "cover", withoutSave: !0 });
         }
         const I = {
-          image: S,
-          format: p,
-          contentType: g,
+          image: y,
+          format: m,
+          contentType: p,
           scale: s,
           withoutSave: n,
           source: e,
           fromClipboard: o,
           isBackground: i,
           withoutSelection: a,
-          withoutAdding: r
+          withoutAdding: r,
+          customData: c
         };
-        return r ? (u.resumeHistory(), c.fire("editor:image-imported", I), I) : (c.add(S), c.centerObject(S), a || c.setActiveObject(S), c.renderAll(), u.resumeHistory(), n || u.saveState(), c.fire("editor:image-imported", I), I);
-      } catch (M) {
-        return f.emitError({
+        return r ? (f.resumeHistory(), d.fire("editor:image-imported", I), I) : (d.add(y), d.centerObject(y), a || d.setActiveObject(y), d.renderAll(), f.resumeHistory(), n || f.saveState(), d.fire("editor:image-imported", I), I);
+      } catch (A) {
+        return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${M.message}`,
+          message: `Ошибка импорта изображения: ${A.message}`,
           data: {
             source: e,
-            format: p,
-            contentType: g,
+            format: m,
+            contentType: p,
             scale: s,
             withoutSave: n,
             fromClipboard: o,
             isBackground: i,
             withoutSelection: a,
-            withoutAdding: r
+            withoutAdding: r,
+            customData: c
           }
-        }), u.resumeHistory(), null;
+        }), f.resumeHistory(), null;
       }
     });
   }
@@ -1647,14 +1707,14 @@ class dt {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(t, e = "max") {
-    return k(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${St}x${At}`;
+    return z(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${At}x${jt}`;
       e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Rt}x${_t}`);
       const n = {
         dataURL: t,
         sizeType: e,
-        maxWidth: St,
-        maxHeight: At,
+        maxWidth: At,
+        maxHeight: jt,
         minWidth: Rt,
         minHeight: _t
       };
@@ -1679,7 +1739,7 @@ class dt {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return k(this, arguments, function* (t = {}) {
+    return z(this, arguments, function* (t = {}) {
       const {
         fileName: e = "image.png",
         contentType: s = "image/png",
@@ -1687,22 +1747,22 @@ class dt {
         exportAsBlob: o = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = dt.getFormatFromContentType(l);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = ht.getFormatFromContentType(l);
         a.setCoords();
         const { left: f, top: g, width: p, height: m } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
         v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
-        const M = v.getObjects().find((w) => w.id === a.id);
-        if (M && (M.visible = !1), c != null && c.isBlocked) {
-          const w = v.getObjects().find((T) => T.id === c.overlayMask.id);
-          w && (w.visible = !1);
+        const S = v.getObjects().find((M) => M.id === a.id);
+        if (S && (S.visible = !1), c != null && c.isBlocked) {
+          const M = v.getObjects().find((C) => C.id === c.overlayMask.id);
+          M && (M.visible = !1);
         }
         v.viewportTransform = [1, 0, 0, 1, -f, -g], v.setDimensions({ width: p, height: m }, { backstoreOnly: !0 }), v.renderAll();
-        const S = v.getObjects().filter((w) => w.format).every((w) => w.format === "svg");
-        if (u === "svg" && S) {
-          const w = v.toSVG();
+        const A = v.getObjects().filter((M) => M.format).every((M) => M.format === "svg");
+        if (u === "svg" && A) {
+          const M = v.toSVG();
           v.dispose();
           const E = {
-            image: dt._exportSVGStringAsFile(w, {
+            image: ht._exportSVGStringAsFile(M, {
               exportAsBase64: n,
               exportAsBlob: o,
               fileName: e
@@ -1713,64 +1773,64 @@ class dt {
           };
           return i.fire("editor:canvas-exported", E), E;
         }
-        const y = yield new Promise((w, T) => {
+        const y = yield new Promise((M, C) => {
           v.getElement().toBlob((E) => {
-            E ? w(E) : T(new Error("Failed to create Blob from canvas"));
+            E ? M(E) : C(new Error("Failed to create Blob from canvas"));
           });
         });
         if (v.dispose(), o) {
-          const w = {
+          const M = {
             image: y,
             format: u,
             contentType: l,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", w), w;
+          return i.fire("editor:canvas-exported", M), M;
         }
-        const b = yield createImageBitmap(y), I = yield r.post(
+        const b = yield createImageBitmap(y), j = yield r.post(
           "toDataURL",
           { format: u, quality: 1, bitmap: b },
           [b]
         );
         if (d) {
-          const T = p * 0.264583, E = m * 0.264583, F = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new F({
-            orientation: T > E ? "landscape" : "portrait",
+          const C = p * 0.264583, E = m * 0.264583, W = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, N = new W({
+            orientation: C > E ? "landscape" : "portrait",
             unit: "mm",
-            format: [T, E]
+            format: [C, E]
           });
-          if (x.addImage(String(I), "JPG", 0, 0, T, E), n) {
-            const W = {
-              image: x.output("datauristring"),
+          if (N.addImage(String(j), "JPG", 0, 0, C, E), n) {
+            const H = {
+              image: N.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", W), W;
+            return i.fire("editor:canvas-exported", H), H;
           }
-          const N = x.output("blob"), D = {
-            image: new File([N], e, { type: "application/pdf" }),
+          const x = N.output("blob"), G = {
+            image: new File([x], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", D), D;
+          return i.fire("editor:canvas-exported", G), G;
         }
         if (n) {
-          const w = {
-            image: I,
+          const M = {
+            image: j,
             format: u,
             contentType: l,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", w), w;
+          return i.fire("editor:canvas-exported", M), M;
         }
-        const j = u === "svg" && !S ? e.replace(/\.[^/.]+$/, ".png") : e, C = {
-          image: new File([y], j, { type: l }),
+        const I = u === "svg" && !A ? e.replace(/\.[^/.]+$/, ".png") : e, T = {
+          image: new File([y], I, { type: l }),
           format: u,
           contentType: l,
-          fileName: j
+          fileName: I
         };
-        return i.fire("editor:canvas-exported", C), C;
+        return i.fire("editor:canvas-exported", T), T;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1794,7 +1854,7 @@ class dt {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return k(this, arguments, function* (t = {}) {
+    return z(this, arguments, function* (t = {}) {
       const {
         object: e,
         fileName: s = "image.png",
@@ -1811,9 +1871,9 @@ class dt {
           data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: i }
         }), null;
       try {
-        const d = dt.getFormatFromContentType(n);
+        const d = ht.getFormatFromContentType(n);
         if (d === "svg") {
-          const p = c.toSVG(), m = dt._exportSVGStringAsFile(p, {
+          const p = c.toSVG(), m = ht._exportSVGStringAsFile(p, {
             exportAsBase64: o,
             exportAsBlob: i,
             fileName: s
@@ -1826,7 +1886,7 @@ class dt {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        if (o && c instanceof zt) {
+        if (o && c instanceof Zt) {
           const p = yield createImageBitmap(c.getElement()), m = yield r.post(
             "toDataURL",
             {
@@ -1891,7 +1951,7 @@ class dt {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((t) => dt.getFormatFromContentType(t)).filter((t) => t);
+    return this.acceptContentTypes.map((t) => ht.getFormatFromContentType(t)).filter((t) => t);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1907,7 +1967,7 @@ class dt {
    * @public
    */
   getContentType(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       return typeof t == "string" ? this.getContentTypeFromUrl(t) : t.type || "application/octet-stream";
     });
   }
@@ -1918,7 +1978,7 @@ class dt {
    * @public
    */
   getContentTypeFromUrl(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       if (t.startsWith("data:")) {
         const e = t.match(/^data:([^;]+)/);
         return e ? e[1] : "application/octet-stream";
@@ -1944,7 +2004,7 @@ class dt {
     try {
       const n = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), o = {};
       return this.acceptContentTypes.forEach((i) => {
-        const a = dt.getFormatFromContentType(i);
+        const a = ht.getFormatFromContentType(i);
         a && (o[a] = i);
       }), n && o[n] || "application/octet-stream";
     } catch (s) {
@@ -1997,7 +2057,7 @@ class dt {
     return e ? e[1] : "";
   }
 }
-const gt = (h, t, e) => Math.max(Math.min(h, e), t), Ze = (h, t) => h * t, Xs = (h, t) => new tt(h / 2, t / 2);
+const pt = (h, t, e) => Math.max(Math.min(h, e), t), Ve = (h, t) => h * t, Xs = (h, t) => new tt(h / 2, t / 2);
 function Ks(h) {
   return ((h == null ? void 0 : h.type) === "image" || (h == null ? void 0 : h.format) === "svg") && typeof (h == null ? void 0 : h.width) == "number" && typeof (h == null ? void 0 : h.height) == "number";
 }
@@ -2021,11 +2081,11 @@ class Qs {
    * Если точка находится за пределами монтажной области, она проецируется на ближайшую границу монтажной области.
    */
   getVisibleCenterPoint() {
-    const { canvas: t, montageArea: e } = this.editor, s = t.getZoom(), n = t.viewportTransform, o = t.getWidth(), i = t.getHeight(), a = (o / 2 - n[4]) / s, r = (i / 2 - n[5]) / s, c = e.width / 2, d = e.height / 2, l = gt(
+    const { canvas: t, montageArea: e } = this.editor, s = t.getZoom(), n = t.viewportTransform, o = t.getWidth(), i = t.getHeight(), a = (o / 2 - n[4]) / s, r = (i / 2 - n[5]) / s, c = e.width / 2, d = e.height / 2, l = pt(
       a,
       e.left - c,
       e.left + c
-    ), u = gt(
+    ), u = pt(
       r,
       e.top - d,
       e.top + d
@@ -2048,9 +2108,9 @@ class Qs {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
-    } = this.editor, { width: r, height: c } = i, d = gt(Number(t), Rt, St);
+    } = this.editor, { width: r, height: c } = i, d = pt(Number(t), Rt, At);
     if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (g = o.clipPath) == null || g.set({ width: d }), e) {
-      const p = d / r, m = Ze(c, p);
+      const p = d / r, m = Ve(c, p);
       this.setResolutionHeight(m);
       return;
     }
@@ -2078,9 +2138,9 @@ class Qs {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, d = gt(Number(t), _t, At);
+    } = this.editor, { width: r, height: c } = i, d = pt(Number(t), _t, jt);
     if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (g = o.clipPath) == null || g.set({ height: d }), e) {
-      const p = d / c, m = Ze(r, p);
+      const p = d / c, m = Ve(r, p);
       this.setResolutionWidth(m);
       return;
     }
@@ -2131,7 +2191,7 @@ class Qs {
    */
   setCanvasBackstoreWidth(t) {
     if (!t || typeof t != "number") return;
-    const e = gt(t, Rt, St);
+    const e = pt(t, Rt, At);
     this.editor.canvas.setDimensions({ width: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2140,7 +2200,7 @@ class Qs {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = gt(t, _t, At);
+    const e = pt(t, _t, jt);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2149,7 +2209,7 @@ class Qs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = gt(s, Rt, St), i = gt(n, _t, At);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = pt(s, Rt, At), i = pt(n, _t, jt);
     t.setDimensions({ width: o, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2351,13 +2411,13 @@ class Qs {
     } = this.editor, c = t || n.getActiveObject();
     if (!Ks(c)) return;
     const { width: d, height: l } = c;
-    let u = Math.min(d, St), f = Math.min(l, At);
+    let u = Math.min(d, At), f = Math.min(l, jt);
     if (e) {
       const {
         width: g,
         height: p
-      } = o, m = d / g, v = l / p, M = Math.max(m, v);
-      u = g * M, f = p * M;
+      } = o, m = d / g, v = l / p, S = Math.max(m, v);
+      u = g * S, f = p * S;
     }
     this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(f, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: c,
@@ -2409,7 +2469,7 @@ class Qs {
     );
   }
 }
-class qs {
+class Js {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options;
   }
@@ -2521,11 +2581,11 @@ class qs {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, f = Math.abs(Math.cos(u)), g = Math.abs(Math.sin(u)), p = d * f + l * g, m = d * g + l * f, v = n.width, M = n.height;
-    let S;
-    e === "contain" ? S = Math.min(v / p, M / m) : S = Math.max(v / p, M / m), t.set({
-      scaleX: a * S,
-      scaleY: r * S
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, f = Math.abs(Math.cos(u)), g = Math.abs(Math.sin(u)), p = d * f + l * g, m = d * g + l * f, v = n.width, S = n.height;
+    let A;
+    e === "contain" ? A = Math.min(v / p, S / m) : A = Math.max(v / p, S / m), t.set({
+      scaleX: a * A,
+      scaleY: r * A
     }), s.centerObject(t);
   }
   /**
@@ -2575,7 +2635,7 @@ class qs {
     });
   }
 }
-class Js {
+class qs {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Hs, this.maxZoom = this.options.maxZoom || Zs, this.defaultZoom = this._normalizeDefaultZoom(this.options.defaultScale);
   }
@@ -2643,10 +2703,10 @@ class Js {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, f = -n[5] / t, g = (-n[5] + i) / t, p = l < a, m = u > r, v = f < c, M = g > d;
-    if (!(p || m || v || M)) return 0;
-    const y = Math.max(0, a - l), b = Math.max(0, u - r), I = Math.max(0, c - f), j = Math.max(0, g - d), A = Math.max(y, b), C = Math.max(I, j), w = A / o, T = C / i;
-    return Math.max(w, T);
+    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, f = -n[5] / t, g = (-n[5] + i) / t, p = l < a, m = u > r, v = f < c, S = g > d;
+    if (!(p || m || v || S)) return 0;
+    const y = Math.max(0, a - l), b = Math.max(0, u - r), j = Math.max(0, c - f), I = Math.max(0, g - d), w = Math.max(y, b), T = Math.max(j, I), M = w / o, C = T / i;
+    return Math.max(M, C);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -2662,8 +2722,8 @@ class Js {
     const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], f = Math.abs(n), g = e - s;
     if (Math.abs(g) / f <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, M = a.left, S = a.top, y = m - M * s, b = v - S * s, I = (y - r[4]) / (e - s), j = (b - r[5]) / (e - s), A = I * f, C = j * f, w = A * o, T = C * o, E = Math.abs(w) > Math.abs(l) ? l : w, F = Math.abs(T) > Math.abs(u) ? u : T;
-    return { x: E, y: F };
+    const m = c / 2, v = d / 2, S = a.left, A = a.top, y = m - S * s, b = v - A * s, j = (y - r[4]) / (e - s), I = (b - r[5]) / (e - s), w = j * f, T = I * f, M = w * o, C = T * o, E = Math.abs(M) > Math.abs(l) ? l : M, W = Math.abs(C) > Math.abs(u) ? u : C;
+    return { x: E, y: W };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2675,7 +2735,7 @@ class Js {
    * @returns true если центрирование было применено
    * @private
    */
-  _applyViewportCentering(t, e = !1, s = Ye) {
+  _applyViewportCentering(t, e = !1, s = Ze) {
     const { canvas: n } = this.editor, o = this._getScaledMontageDimensions(t), i = n.getWidth(), a = n.getHeight(), r = o.width > i || o.height > a, c = this._calculateFitZoom(), d = t - c;
     if (!(!r || d) && !e)
       return !1;
@@ -2750,7 +2810,7 @@ class Js {
    * @param options.pointY - Координата Y точки зума
    * @fires editor:zoom-changed
    */
-  zoom(t = Ye, e = {}) {
+  zoom(t = Ze, e = {}) {
     var f, g;
     if (!t) return;
     const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, i = t < 0, a = o.getZoom(), r = o.getCenterPoint(), c = (f = e.pointX) != null ? f : r.x, d = (g = e.pointY) != null ? g : r.y, l = new tt(c, d);
@@ -3003,7 +3063,7 @@ class Ot {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(o) {
-    return k(this, arguments, function* ({
+    return z(this, arguments, function* ({
       imageSource: t,
       customData: e = {},
       fromTemplate: s = !1,
@@ -3100,7 +3160,7 @@ class Ot {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(t, e) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       var n;
       const { image: s } = (n = yield this.editor.imageManager.importImage({
         source: t,
@@ -3153,7 +3213,7 @@ class Ot {
       { offset: 1, color: "#ffffff" }
     ], t.type === "linear") {
       const u = t.angle * Math.PI / 180, f = Ot._angleToCoords(u);
-      return new ke({
+      return new ze({
         type: "linear",
         gradientUnits: "percentage",
         coords: f,
@@ -3172,7 +3232,7 @@ class Ot {
       r1: 0,
       r2: d / 100
     };
-    return new ke({
+    return new ze({
       type: "radial",
       gradientUnits: "percentage",
       coords: l,
@@ -3207,7 +3267,7 @@ class Ot {
     }) ? !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 te {
+class le {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3240,7 +3300,7 @@ class te {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const o = t || s.getActiveObject();
-    o && (o instanceof U ? te._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
+    o && (o instanceof U ? le._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
       object: o,
       withoutSave: e
     }));
@@ -3291,7 +3351,7 @@ class te {
     } = this.editor;
     o.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof U ? te._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof U ? le._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: e
     }));
@@ -3367,7 +3427,7 @@ class tn {
       width: n = 100,
       height: o = 100,
       fill: i = "blue"
-    } = l, a = Mt(l, [
+    } = l, a = gt(l, [
       "id",
       "left",
       "top",
@@ -3375,7 +3435,7 @@ class tn {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, f = new us(B({
+    const { canvas: u } = this.editor, f = new fs(B({
       id: t,
       left: e,
       top: s,
@@ -3408,14 +3468,14 @@ class tn {
       top: s,
       radius: n = 50,
       fill: o = "green"
-    } = d, i = Mt(d, [
+    } = d, i = gt(d, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new fs(B({
+    const { canvas: l } = this.editor, u = new gs(B({
       id: t,
       left: e,
       top: s,
@@ -3449,7 +3509,7 @@ class tn {
       width: n = 100,
       height: o = 100,
       fill: i = "yellow"
-    } = l, a = Mt(l, [
+    } = l, a = gt(l, [
       "id",
       "left",
       "top",
@@ -3457,7 +3517,7 @@ class tn {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, f = new gs(B({
+    const { canvas: u } = this.editor, f = new ps(B({
       id: t,
       left: e,
       top: s,
@@ -3496,10 +3556,10 @@ class en {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
-        const n = yield t.clone(Kt);
+        const n = yield t.clone(ie);
         this.clipboard = n, e.fire("editor:object-copied", { object: n });
       } catch (n) {
         s.emitError({
@@ -3516,7 +3576,7 @@ class en {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const { errorManager: e } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return e.emitWarning({
@@ -3526,7 +3586,7 @@ class en {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = t.toObject(Kt), n = JSON.stringify(s);
+        const s = t.toObject(ie), n = JSON.stringify(s);
         return t.type === "image" ? this._copyImageToClipboard(t, n) : this._copyTextToClipboard(n);
       } catch (s) {
         return e.emitError({
@@ -3543,7 +3603,7 @@ class en {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(t, e) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       try {
         const n = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = n.slice(5).split(";")[0], i = n.split(",")[1], a = atob(i), r = new Uint8Array(a.length);
         for (let l = 0; l < a.length; l += 1)
@@ -3565,9 +3625,9 @@ class en {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       try {
-        const e = `${He}${t}`;
+        const e = `${Ge}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
       } catch (e) {
         const { errorManager: s } = this.editor;
@@ -3600,7 +3660,7 @@ class en {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       var s;
       const { image: e } = (s = yield this.editor.imageManager.importImage({
         source: t,
@@ -3616,11 +3676,11 @@ class en {
    * @fires editor:object-pasted
    */
   copyPaste(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const n = yield s.clone(Kt);
+        const n = yield s.clone(ie);
         return n instanceof U && n.forEachObject((o) => {
           o.set({
             id: `${o.type}-${V()}`,
@@ -3651,14 +3711,14 @@ class en {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(e) {
-    return k(this, arguments, function* ({ clipboardData: t }) {
+    return z(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(He)) {
+      if (s && s.startsWith(Ge)) {
         this.paste();
         return;
       }
@@ -3702,11 +3762,11 @@ class en {
    * @fires editor:object-pasted
    */
   paste() {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
-        const e = yield this.clipboard.clone(Kt);
+        const e = yield this.clipboard.clone(ie);
         return t.discardActiveObject(), e instanceof U && e.forEachObject((s) => {
           s.set({
             id: `${s.type}-${V()}`,
@@ -3731,7 +3791,7 @@ class en {
     });
   }
 }
-class ee {
+class he {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3757,9 +3817,9 @@ class ee {
       editable: !1,
       locked: !0
     };
-    i.set(a), !e && ee._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
+    i.set(a), !e && he._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
-    }), i instanceof st && i.isEditing && i.exitEditing(), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
+    }), i instanceof ot && i.isEditing && i.exitEditing(), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
       object: i,
       skipInnerObjects: e,
       withoutSave: s
@@ -3786,7 +3846,7 @@ class ee {
       editable: !0,
       locked: !1
     };
-    o.set(i), ee._isGroupOrSelection(o) && o.getObjects().forEach((a) => {
+    o.set(i), he._isGroupOrSelection(o) && o.getObjects().forEach((a) => {
       a.set(i);
     }), s.renderAll(), e || n.saveState(), s.fire("editor:object-unlocked", {
       object: o,
@@ -3913,7 +3973,7 @@ class nn {
     o && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(i), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: i });
   }
 }
-class we {
+class Oe {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3960,7 +4020,7 @@ class we {
     s || o.suspendHistory();
     const r = [];
     if (a.forEach((d) => {
-      if (we._isUngroupableGroup(d)) {
+      if (Oe._isUngroupableGroup(d)) {
         const l = this._handleGroupDeletion(d);
         r.push(...l);
         return;
@@ -3975,7 +4035,7 @@ class we {
     return n.fire("editor:objects-deleted", c), c;
   }
 }
-const wt = {
+const St = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -4080,7 +4140,7 @@ const wt = {
     APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
   }
 };
-class Wt {
+class Qt {
   constructor({ editor: t }) {
     this._buffer = [], this.editor = t;
   }
@@ -4107,7 +4167,7 @@ class Wt {
    * @fires editor:error
    */
   emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: n, message: o }) {
-    if (!Wt.isValidErrorCode(s)) {
+    if (!Qt.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4136,7 +4196,7 @@ class Wt {
    * @fires editor:warning
    */
   emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: n, data: o }) {
-    if (!Wt.isValidErrorCode(s)) {
+    if (!Qt.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4159,7 +4219,7 @@ class Wt {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(t) {
-    return t ? Object.values(wt).some((e) => Object.values(e).includes(t)) : !1;
+    return t ? Object.values(St).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
 class on {
@@ -4247,11 +4307,11 @@ class on {
     this.currentBounds = this.calculatePanBounds();
   }
 }
-const rt = ({
+const dt = ({
   value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(h, t), e), Dt = class Dt extends st {
+}) => Math.min(Math.max(h, t), e), Dt = class Dt extends ot {
   constructor(t, e = {}) {
     var s, n, o, i, a, r, c, d, l;
     super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (n = e.paddingTop) != null ? n : 0, this.paddingRight = (o = e.paddingRight) != null ? o : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0, this._roundDimensions();
@@ -4276,7 +4336,7 @@ const rt = ({
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(bt(B({}, t), {
+    return super._getTransformedDimensions(wt(B({}, t), {
       width: e,
       height: s
     }));
@@ -4286,7 +4346,7 @@ const rt = ({
    */
   toObject(t = []) {
     const e = super.toObject(t);
-    return bt(B({}, e), {
+    return wt(B({}, e), {
       backgroundOpacity: this.backgroundOpacity,
       paddingTop: this.paddingTop,
       paddingRight: this.paddingRight,
@@ -4325,10 +4385,10 @@ const rt = ({
     var i, a, r, c;
     const s = t / 2, n = e / 2, o = Math.min(s, n);
     return {
-      bottomLeft: rt({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
-      bottomRight: rt({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
-      topLeft: rt({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
-      topRight: rt({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
+      bottomLeft: dt({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
+      bottomRight: dt({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
+      topLeft: dt({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
+      topRight: dt({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
     };
   }
   _getPadding() {
@@ -4344,12 +4404,12 @@ const rt = ({
     var n;
     const t = this.backgroundColor;
     if (!t) return null;
-    const e = rt({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
+    const e = dt({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
     let s;
     try {
-      s = new ps(t);
+      s = new ms(t);
     } catch (o) {
-      return Wt.emitError({
+      return Qt.emitError({
         origin: "BackgroundTextbox",
         method: "_getEffectiveBackgroundFill",
         code: "INVALID_COLOR_VALUE",
@@ -4372,7 +4432,7 @@ const rt = ({
       topRight: d,
       bottomRight: l,
       bottomLeft: u
-    } = n, f = rt({ value: c, min: 0, max: i }), g = rt({ value: d, min: 0, max: i }), p = rt({ value: l, min: 0, max: i }), m = rt({ value: u, min: 0, max: i });
+    } = n, f = dt({ value: c, min: 0, max: i }), g = dt({ value: d, min: 0, max: i }), p = dt({ value: l, min: 0, max: i }), m = dt({ value: u, min: 0, max: i });
     t.beginPath(), t.moveTo(s + f, o), t.lineTo(a - g, o), t.quadraticCurveTo(a, o, a, o + g), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, o + f), t.quadraticCurveTo(s, o, s + f, o), t.closePath();
   }
   /**
@@ -4387,7 +4447,7 @@ const rt = ({
   }
 };
 Dt.type = "background-textbox", Dt.cacheProperties = [
-  ...Array.isArray(st.cacheProperties) ? st.cacheProperties : [],
+  ...Array.isArray(ot.cacheProperties) ? ot.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4399,7 +4459,7 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Dt.stateProperties = [
-  ...Array.isArray(st.stateProperties) ? st.stateProperties : [],
+  ...Array.isArray(ot.stateProperties) ? ot.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4411,10 +4471,10 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-let se = Dt;
+let ue = Dt;
 const an = () => {
   var h;
-  (h = ze) != null && h.setClass && ze.setClass(se, "background-textbox");
+  (h = Pe) != null && h.setClass && Pe.setClass(ue, "background-textbox");
 }, rn = ({ textbox: h }) => {
   var s, n;
   if (!h.isEditing) return null;
@@ -4432,7 +4492,7 @@ const an = () => {
   if (!t) return !1;
   const e = (n = (s = h.text) == null ? void 0 : s.length) != null ? n : 0;
   return e <= 0 ? !1 : t.start <= 0 && t.end >= e;
-}, ae = ({
+}, ge = ({
   textbox: h,
   styles: t,
   range: e
@@ -4440,7 +4500,7 @@ const an = () => {
   if (!t || !Object.keys(t).length) return !1;
   const { start: s, end: n } = e;
   return n <= s ? !1 : (h.setSelectionStyles(t, s, n), !0);
-}, Ge = ({
+}, Xe = ({
   textbox: h,
   range: t,
   property: e
@@ -4454,32 +4514,53 @@ const an = () => {
   );
   if (s.length)
     return (n = s[0]) == null ? void 0 : n[e];
-}, Ve = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Xe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, re = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", ot = 0.01;
-class P {
+}, Ke = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Qe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, pe = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", $ = 0.01;
+class k {
   constructor({ editor: t }) {
     var e;
-    this._handleTextEditingEntered = () => {
+    this._handleTextEditingEntered = (s) => {
+      var r;
       this.isTextEditingActive = !0;
+      const { target: n } = s;
+      if (!k._isTextbox(n)) return;
+      const o = (r = n.originY) != null ? r : "top", i = n.getPointByOrigin("center", o);
+      this._ensureEditingAnchorState().set(n, {
+        originY: o,
+        x: i.x,
+        y: i.y
+      });
+    }, this._handleTextChanged = (s) => {
+      const { target: n } = s;
+      if (!k._isTextbox(n)) return;
+      const { text: o = "", uppercase: i } = n, a = !!i, r = o.toLocaleLowerCase();
+      if (a) {
+        const l = pe({ value: r });
+        l !== o && n.set({ text: l }), n.textCaseRaw = r;
+      } else
+        n.textCaseRaw = o;
+      const c = this._autoExpandTextboxWidth(n), d = c ? !1 : k._roundTextboxDimensions({ textbox: n });
+      (c || d) && (n.setCoords(), n.dirty = !0);
     }, this._handleTextEditingExited = (s) => {
-      var r, c;
+      var r, c, d;
       const { target: n } = s;
-      if (!P._isTextbox(n)) return;
-      const o = (r = n.text) != null ? r : "";
+      if (!k._isTextbox(n)) return;
+      (r = this.editingAnchorState) == null || r.delete(n);
+      const o = (c = n.text) != null ? c : "";
       if (!!n.uppercase) {
-        const d = (c = n.textCaseRaw) != null ? c : o.toLocaleLowerCase();
-        n.textCaseRaw = d;
+        const l = (d = n.textCaseRaw) != null ? d : o.toLocaleLowerCase();
+        n.textCaseRaw = l;
       } else
         n.textCaseRaw = o;
-      P._roundTextboxDimensions({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
+      k._roundTextboxDimensions({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
         this.isTextEditingActive = !1, this.editor.historyManager.saveState();
       }, Vs);
     }, this._handleObjectScaling = (s) => {
-      var kt, K, Ct, Ht, vt, Zt, Tt, Ae, je, Ie, Ce, Te, Ee;
+      var te, xt, Bt, kt, Wt, zt, Pt, Ut, Ft, X, Tt, ee, Mt;
       const { target: n, transform: o } = s;
-      if (n instanceof U || !P._isTextbox(n) || !o) return;
+      if (n instanceof U || !k._isTextbox(n) || !o) return;
       n.isScaling = !0;
       const i = this._ensureScalingState(n), {
         baseWidth: a,
@@ -4488,56 +4569,56 @@ class P {
         basePadding: d,
         baseRadii: l,
         baseStyles: u
-      } = i, f = typeof ((kt = o.original) == null ? void 0 : kt.width) == "number" ? o.original.width : void 0, g = typeof ((K = o.original) == null ? void 0 : K.left) == "number" ? o.original.left : void 0, p = f != null ? f : a, m = g != null ? g : r, v = (Ct = o.corner) != null ? Ct : "", M = (Ht = o.action) != null ? Ht : "", S = ["ml", "mr"].includes(v) || M === "scaleX", y = ["mt", "mb"].includes(v) || M === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || M === "scale", I = b || y;
-      if (!S && !y && !b) return;
-      const j = Math.abs((Zt = (vt = n.scaleX) != null ? vt : o.scaleX) != null ? Zt : 1) || 1, A = Math.abs((Ae = (Tt = n.scaleY) != null ? Tt : o.scaleY) != null ? Ae : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * A), {
+      } = i, f = typeof ((te = o.original) == null ? void 0 : te.width) == "number" ? o.original.width : void 0, g = typeof ((xt = o.original) == null ? void 0 : xt.left) == "number" ? o.original.left : void 0, p = f != null ? f : a, m = g != null ? g : r, v = (Bt = o.corner) != null ? Bt : "", S = (kt = o.action) != null ? kt : "", A = ["ml", "mr"].includes(v) || S === "scaleX", y = ["mt", "mb"].includes(v) || S === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || S === "scale", j = b || y;
+      if (!A && !y && !b) return;
+      const I = Math.abs((zt = (Wt = n.scaleX) != null ? Wt : o.scaleX) != null ? zt : 1) || 1, w = Math.abs((Ut = (Pt = n.scaleY) != null ? Pt : o.scaleY) != null ? Ut : 1) || 1, T = Math.max(1, p * I), M = Math.max(1, Math.round(T)), C = Math.max(1, c * w), {
         paddingTop: E = 0,
-        paddingRight: F = 0,
-        paddingBottom: x = 0,
-        paddingLeft: N = 0,
-        radiusTopLeft: Z = 0,
-        radiusTopRight: D = 0,
-        radiusBottomRight: _ = 0,
-        radiusBottomLeft: W = 0,
-        fontSize: G,
-        width: Y,
-        originX: X = "left"
-      } = n, et = b || y, J = b || y, H = et ? {
-        top: Math.max(0, d.top * A),
-        right: Math.max(0, d.right * A),
-        bottom: Math.max(0, d.bottom * A),
-        left: Math.max(0, d.left * A)
-      } : d, q = J ? {
-        topLeft: Math.max(0, l.topLeft * A),
-        topRight: Math.max(0, l.topRight * A),
-        bottomRight: Math.max(0, l.bottomRight * A),
-        bottomLeft: Math.max(0, l.bottomLeft * A)
-      } : l, jt = Object.keys(u).length > 0;
-      let nt;
-      if (I && jt) {
-        const oe = {};
-        Object.entries(u).forEach(([as, Oe]) => {
-          if (!Oe) return;
-          const ie = {};
-          Object.entries(Oe).forEach(([rs, Gt]) => {
-            if (!Gt) return;
-            const Le = B({}, Gt);
-            typeof Gt.fontSize == "number" && (Le.fontSize = Math.max(1, Gt.fontSize * A)), ie[rs] = Le;
-          }), Object.keys(ie).length && (oe[as] = ie);
-        }), Object.keys(oe).length && (nt = oe);
+        paddingRight: W = 0,
+        paddingBottom: N = 0,
+        paddingLeft: x = 0,
+        radiusTopLeft: Y = 0,
+        radiusTopRight: G = 0,
+        radiusBottomRight: K = 0,
+        radiusBottomLeft: H = 0,
+        fontSize: R,
+        width: O,
+        originX: it = "left"
+      } = n, Z = b || y, st = b || y, F = Z ? {
+        top: Math.max(0, d.top * w),
+        right: Math.max(0, d.right * w),
+        bottom: Math.max(0, d.bottom * w),
+        left: Math.max(0, d.left * w)
+      } : d, q = st ? {
+        topLeft: Math.max(0, l.topLeft * w),
+        topRight: Math.max(0, l.topRight * w),
+        bottomRight: Math.max(0, l.bottomRight * w),
+        bottomLeft: Math.max(0, l.bottomLeft * w)
+      } : l, nt = Object.keys(u).length > 0;
+      let J;
+      if (j && nt) {
+        const Yt = {};
+        Object.entries(u).forEach(([Ht, De]) => {
+          if (!De) return;
+          const fe = {};
+          Object.entries(De).forEach(([cs, se]) => {
+            if (!se) return;
+            const Re = B({}, se);
+            typeof se.fontSize == "number" && (Re.fontSize = Math.max(1, se.fontSize * w)), fe[cs] = Re;
+          }), Object.keys(fe).length && (Yt[Ht] = fe);
+        }), Object.keys(Yt).length && (J = Yt);
       }
-      const ht = (Ie = (je = o.originX) != null ? je : X) != null ? Ie : "left", mt = m + p, It = m + p / 2, it = Y != null ? Y : p, yt = w !== it, ne = Math.abs(T - (G != null ? G : c)) > ot, Yt = Math.abs(H.top - E) > ot || Math.abs(H.right - F) > ot || Math.abs(H.bottom - x) > ot || Math.abs(H.left - N) > ot, xt = Math.abs(q.topLeft - Z) > ot || Math.abs(q.topRight - D) > ot || Math.abs(q.bottomRight - _) > ot || Math.abs(q.bottomLeft - W) > ot;
-      if (!yt && !ne && !Yt && !xt) {
+      const yt = (X = (Ft = o.originX) != null ? Ft : it) != null ? X : "left", It = m + p, at = m + p / 2, ft = O != null ? O : p, rt = M !== ft, Nt = Math.abs(C - (R != null ? R : c)) > $, vt = Math.abs(F.top - E) > $ || Math.abs(F.right - W) > $ || Math.abs(F.bottom - N) > $ || Math.abs(F.left - x) > $, Jt = Math.abs(q.topLeft - Y) > $ || Math.abs(q.topRight - G) > $ || Math.abs(q.bottomRight - K) > $ || Math.abs(q.bottomLeft - H) > $;
+      if (!rt && !Nt && !vt && !Jt) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
-      nt && (n.styles = nt), n.set({
-        width: w,
-        fontSize: I ? T : c,
-        paddingTop: H.top,
-        paddingRight: H.right,
-        paddingBottom: H.bottom,
-        paddingLeft: H.left,
+      J && (n.styles = J), n.set({
+        width: M,
+        fontSize: j ? C : c,
+        paddingTop: F.top,
+        paddingRight: F.right,
+        paddingBottom: F.bottom,
+        paddingLeft: F.left,
         radiusTopLeft: q.topLeft,
         radiusTopRight: q.topRight,
         radiusBottomRight: q.bottomRight,
@@ -4545,82 +4626,82 @@ class P {
         scaleX: 1,
         scaleY: 1
       });
-      const Nt = P._roundTextboxDimensions({ textbox: n });
-      Nt && (n.dirty = !0);
-      const ut = (Ce = n.width) != null ? Ce : w, Bt = ut !== it;
-      let ft = m;
-      Bt && (S || b) && (ht === "right" ? ft = mt - ut : ht === "center" && (ft = It - ut / 2)), n.set({ left: ft }), i.baseLeft = ft, o.scaleX = 1, o.scaleY = 1;
-      const { original: at } = o;
-      at && (at.scaleX = 1, at.scaleY = 1, at.width = ut, at.height = n.height, at.left = ft), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Te = n.fontSize) != null ? Te : T, i.baseStyles = JSON.parse(JSON.stringify((Ee = n.styles) != null ? Ee : {})), i.basePadding = {
-        top: H.top,
-        right: H.right,
-        bottom: H.bottom,
-        left: H.left
+      const qt = k._roundTextboxDimensions({ textbox: n });
+      qt && (n.dirty = !0);
+      const Ct = (Tt = n.width) != null ? Tt : M, $t = Ct !== ft;
+      let ct = m;
+      $t && (A || b) && (yt === "right" ? ct = It - Ct : yt === "center" && (ct = at - Ct / 2)), n.set({ left: ct }), i.baseLeft = ct, o.scaleX = 1, o.scaleY = 1;
+      const { original: bt } = o;
+      bt && (bt.scaleX = 1, bt.scaleY = 1, bt.width = Ct, bt.height = n.height, bt.left = ct), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = Ct, i.baseFontSize = (ee = n.fontSize) != null ? ee : C, i.baseStyles = JSON.parse(JSON.stringify((Mt = n.styles) != null ? Mt : {})), i.basePadding = {
+        top: F.top,
+        right: F.right,
+        bottom: F.bottom,
+        left: F.left
       }, i.baseRadii = {
         topLeft: q.topLeft,
         topRight: q.topRight,
         bottomRight: q.bottomRight,
         bottomLeft: q.bottomLeft
-      }, i.hasWidthChange = Bt || ne || Yt || xt || Nt;
+      }, i.hasWidthChange = $t || Nt || vt || Jt || qt;
     }, this._handleObjectModified = (s) => {
-      var M, S, y;
+      var S, A, y;
       const { target: n } = s;
       if (n instanceof U) {
         const b = n.getObjects();
-        if (!b.some((w) => P._isTextbox(w))) return;
-        const { scaleX: j = 1, scaleY: A = 1 } = n;
-        if (Math.abs(j - 1) < ot && Math.abs(A - 1) < ot) return;
-        this.canvas.discardActiveObject(), b.forEach((w) => {
-          var T, E, F, x;
-          if (P._isTextbox(w)) {
-            const N = (T = w.scaleX) != null ? T : 1, Z = (E = w.scaleY) != null ? E : 1, D = ((F = w.fontSize) != null ? F : 16) * Z, _ = ((x = w.width) != null ? x : 0) * N, W = Z, {
-              paddingTop: G = 0,
-              paddingRight: Y = 0,
-              paddingBottom: X = 0,
-              paddingLeft: et = 0,
-              radiusTopLeft: J = 0,
-              radiusTopRight: H = 0,
+        if (!b.some((M) => k._isTextbox(M))) return;
+        const { scaleX: I = 1, scaleY: w = 1 } = n;
+        if (Math.abs(I - 1) < $ && Math.abs(w - 1) < $) return;
+        this.canvas.discardActiveObject(), b.forEach((M) => {
+          var C, E, W, N;
+          if (k._isTextbox(M)) {
+            const x = (C = M.scaleX) != null ? C : 1, Y = (E = M.scaleY) != null ? E : 1, G = ((W = M.fontSize) != null ? W : 16) * Y, K = ((N = M.width) != null ? N : 0) * x, H = Y, {
+              paddingTop: R = 0,
+              paddingRight: O = 0,
+              paddingBottom: it = 0,
+              paddingLeft: Z = 0,
+              radiusTopLeft: st = 0,
+              radiusTopRight: F = 0,
               radiusBottomRight: q = 0,
-              radiusBottomLeft: jt = 0,
-              styles: nt
-            } = w, ht = {
-              paddingTop: Math.max(0, G * W),
-              paddingRight: Math.max(0, Y * W),
-              paddingBottom: Math.max(0, X * W),
-              paddingLeft: Math.max(0, et * W)
-            }, mt = {
-              radiusTopLeft: Math.max(0, J * W),
-              radiusTopRight: Math.max(0, H * W),
-              radiusBottomRight: Math.max(0, q * W),
-              radiusBottomLeft: Math.max(0, jt * W)
+              radiusBottomLeft: nt = 0,
+              styles: J
+            } = M, yt = {
+              paddingTop: Math.max(0, R * H),
+              paddingRight: Math.max(0, O * H),
+              paddingBottom: Math.max(0, it * H),
+              paddingLeft: Math.max(0, Z * H)
+            }, It = {
+              radiusTopLeft: Math.max(0, st * H),
+              radiusTopRight: Math.max(0, F * H),
+              radiusBottomRight: Math.max(0, q * H),
+              radiusBottomLeft: Math.max(0, nt * H)
             };
-            let It = nt;
-            nt && Object.keys(nt).length > 0 && (It = JSON.parse(JSON.stringify(nt)), Object.values(It).forEach((it) => {
-              Object.values(it).forEach((yt) => {
-                typeof yt.fontSize == "number" && (yt.fontSize = Math.max(1, yt.fontSize * W));
+            let at = J;
+            J && Object.keys(J).length > 0 && (at = JSON.parse(JSON.stringify(J)), Object.values(at).forEach((ft) => {
+              Object.values(ft).forEach((rt) => {
+                typeof rt.fontSize == "number" && (rt.fontSize = Math.max(1, rt.fontSize * H));
               });
-            })), w.set(bt(B(B({
-              fontSize: D,
-              width: _,
+            })), M.set(wt(B(B({
+              fontSize: G,
+              width: K,
               scaleX: 1,
               scaleY: 1
-            }, ht), mt), {
-              styles: It
-            })), P._roundTextboxDimensions({ textbox: w });
+            }, yt), It), {
+              styles: at
+            })), k._roundTextboxDimensions({ textbox: M });
           }
-          w.setCoords();
+          M.setCoords();
         });
-        const C = new U(b, {
+        const T = new U(b, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(C), this.canvas.requestRenderAll();
+        this.canvas.setActiveObject(T), this.canvas.requestRenderAll();
         return;
       }
-      if (!P._isTextbox(n)) return;
+      if (!k._isTextbox(n)) return;
       n.isScaling = !1;
       const o = this.scalingState.get(n);
       if (this.scalingState.delete(n), !(o != null && o.hasWidthChange)) return;
-      const i = (M = n.width) != null ? M : n.calcTextWidth(), a = (y = (S = n.fontSize) != null ? S : o == null ? void 0 : o.baseFontSize) != null ? y : 16, r = !!(o.baseStyles && Object.keys(o.baseStyles).length), {
+      const i = (S = n.width) != null ? S : n.calcTextWidth(), a = (y = (A = n.fontSize) != null ? A : o == null ? void 0 : o.baseFontSize) != null ? y : 16, r = !!(o.baseStyles && Object.keys(o.baseStyles).length), {
         paddingTop: c = 0,
         paddingRight: d = 0,
         paddingBottom: l = 0,
@@ -4644,15 +4725,15 @@ class P {
         target: n,
         style: v
       }), n.set({ scaleX: 1, scaleY: 1 }), n.setCoords();
-    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), an();
+    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.editingAnchorState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), an();
   }
   /**
    * Добавляет новый текстовый объект на канвас.
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(F = {}, { withoutSelection: w = !1, withoutSave: T = !1, withoutAdding: E = !1 } = {}) {
-    var x = F, {
+  addText(W = {}, { withoutSelection: M = !1, withoutSave: C = !1, withoutAdding: E = !1 } = {}) {
+    var N = W, {
       id: t = `text-${V()}`,
       text: e = "Новый текст",
       fontFamily: s,
@@ -4670,14 +4751,14 @@ class P {
       backgroundColor: p,
       backgroundOpacity: m = 1,
       paddingTop: v = 0,
-      paddingRight: M = 0,
-      paddingBottom: S = 0,
+      paddingRight: S = 0,
+      paddingBottom: A = 0,
       paddingLeft: y = 0,
       radiusTopLeft: b = 0,
-      radiusTopRight: I = 0,
-      radiusBottomRight: j = 0,
-      radiusBottomLeft: A = 0
-    } = x, C = Mt(x, [
+      radiusTopRight: j = 0,
+      radiusBottomRight: I = 0,
+      radiusBottomLeft: w = 0
+    } = N, T = gt(N, [
       "id",
       "text",
       "fontFamily",
@@ -4703,15 +4784,15 @@ class P {
       "radiusBottomRight",
       "radiusBottomLeft"
     ]);
-    var et;
-    const { historyManager: N } = this.editor, { canvas: Z } = this;
-    N.suspendHistory();
-    const D = s != null ? s : this._getDefaultFontFamily(), _ = Xe({ width: f }), W = Ve({
+    var Z;
+    const { historyManager: x } = this.editor, { canvas: Y } = this;
+    x.suspendHistory();
+    const G = s != null ? s : this._getDefaultFontFamily(), K = Qe({ width: f }), H = Ke({
       strokeColor: u,
-      width: _
-    }), G = B({
+      width: K
+    }), R = B({
       id: t,
-      fontFamily: D,
+      fontFamily: G,
       fontSize: n,
       fontWeight: o ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
@@ -4720,43 +4801,43 @@ class P {
       linethrough: c,
       textAlign: d,
       fill: l,
-      stroke: W,
-      strokeWidth: _,
+      stroke: H,
+      strokeWidth: K,
       strokeUniform: !0,
       opacity: g,
       backgroundColor: p,
       backgroundOpacity: m,
       paddingTop: v,
-      paddingRight: M,
-      paddingBottom: S,
+      paddingRight: S,
+      paddingBottom: A,
       paddingLeft: y,
       radiusTopLeft: b,
-      radiusTopRight: I,
-      radiusBottomRight: j,
-      radiusBottomLeft: A
-    }, C), Y = new se(e, G);
-    if (Y.textCaseRaw = (et = Y.text) != null ? et : "", r) {
-      const J = re({ value: Y.textCaseRaw });
-      J !== Y.text && Y.set({ text: J });
-    }
-    return P._roundTextboxDimensions({ textbox: Y }) && (Y.dirty = !0), C.left === void 0 && C.top === void 0 && Z.centerObject(Y), E || Z.add(Y), w || Z.setActiveObject(Y), Z.requestRenderAll(), N.resumeHistory(), T || N.saveState(), Z.fire("editor:text-added", {
-      textbox: Y,
-      options: bt(B({}, G), {
+      radiusTopRight: j,
+      radiusBottomRight: I,
+      radiusBottomLeft: w
+    }, T), O = new ue(e, R);
+    if (O.textCaseRaw = (Z = O.text) != null ? Z : "", r) {
+      const st = pe({ value: O.textCaseRaw });
+      st !== O.text && O.set({ text: st });
+    }
+    return k._roundTextboxDimensions({ textbox: O }) && (O.dirty = !0), T.left === void 0 && T.top === void 0 && Y.centerObject(O), E || Y.add(O), M || Y.setActiveObject(O), Y.requestRenderAll(), x.resumeHistory(), C || x.saveState(), Y.fire("editor:text-added", {
+      textbox: O,
+      options: wt(B({}, R), {
         text: e,
         bold: o,
         italic: i,
         strikethrough: c,
         align: d,
         color: l,
-        strokeColor: W,
-        strokeWidth: _
+        strokeColor: H,
+        strokeWidth: K
       }),
       flags: {
-        withoutSelection: !!w,
-        withoutSave: !!T,
+        withoutSelection: !!M,
+        withoutSave: !!C,
         withoutAdding: !!E
       }
-    }), Y;
+    }), O;
   }
   /**
    * Обновляет текстовый объект.
@@ -4767,36 +4848,40 @@ class P {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
-    var Nt, ut, Bt, ft, at, kt;
+    var xt, kt, Wt, zt, Pt, Ut, Ft;
     const o = this._resolveTextObject(t);
     if (!o) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = P._getSnapshot(o), xt = e, {
-      text: c,
-      fontFamily: d,
-      fontSize: l,
-      bold: u,
-      italic: f,
-      underline: g,
-      uppercase: p,
-      strikethrough: m,
-      align: v,
-      color: M,
-      strokeColor: S,
-      strokeWidth: y,
-      opacity: b,
-      backgroundColor: I,
-      backgroundOpacity: j,
-      paddingTop: A,
-      paddingRight: C,
-      paddingBottom: w,
-      paddingLeft: T,
-      radiusTopLeft: E,
-      radiusTopRight: F,
-      radiusBottomRight: x,
-      radiusBottomLeft: N
-    } = xt, Z = Mt(xt, [
+    const r = k._getSnapshot(o), c = (xt = o.originY) != null ? xt : "top", d = o.getPointByOrigin("center", c), l = {
+      originY: c,
+      x: d.x,
+      y: d.y
+    }, Bt = e, {
+      text: u,
+      fontFamily: f,
+      fontSize: g,
+      bold: p,
+      italic: m,
+      underline: v,
+      uppercase: S,
+      strikethrough: A,
+      align: y,
+      color: b,
+      strokeColor: j,
+      strokeWidth: I,
+      opacity: w,
+      backgroundColor: T,
+      backgroundOpacity: M,
+      paddingTop: C,
+      paddingRight: E,
+      paddingBottom: W,
+      paddingLeft: N,
+      radiusTopLeft: x,
+      radiusTopRight: Y,
+      radiusBottomRight: G,
+      radiusBottomLeft: K
+    } = Bt, H = gt(Bt, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4820,46 +4905,58 @@ class P {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), D = B({}, Z), _ = rn({ textbox: o }), W = _ ? P._expandRangeToFullLines({ textbox: o, range: _ }) : null, G = {}, Y = {}, X = {}, et = dn({ textbox: o, range: _ }), J = !_ || et, H = !_;
-    if (d !== void 0 && (W && (Y.fontFamily = d), J && (D.fontFamily = d, H && (X.fontFamily = d))), l !== void 0 && (W && (Y.fontSize = l), J && (D.fontSize = l, H && (X.fontSize = l))), u !== void 0) {
-      const K = u ? "bold" : "normal";
-      _ && (G.fontWeight = K), J && (D.fontWeight = K, H && (X.fontWeight = K));
-    }
-    if (f !== void 0) {
-      const K = f ? "italic" : "normal";
-      _ && (G.fontStyle = K), J && (D.fontStyle = K, H && (X.fontStyle = K));
-    }
-    if (g !== void 0 && (_ && (G.underline = g), J && (D.underline = g, H && (X.underline = g))), m !== void 0 && (_ && (G.linethrough = m), J && (D.linethrough = m, H && (X.linethrough = m))), v !== void 0 && (D.textAlign = v), M !== void 0 && (_ && (G.fill = M), J && (D.fill = M, H && (X.fill = M))), S !== void 0 || y !== void 0) {
-      const K = _ ? Ge({ textbox: o, range: _, property: "strokeWidth" }) : void 0, Ct = _ ? Ge({ textbox: o, range: _, property: "stroke" }) : void 0, Ht = (ut = (Nt = y != null ? y : K) != null ? Nt : o.strokeWidth) != null ? ut : 0, vt = Xe({ width: Ht }), Zt = (ft = (Bt = S != null ? S : Ct) != null ? Bt : o.stroke) != null ? ft : void 0, Tt = Ve({
-        strokeColor: Zt,
-        width: vt
+    ]), R = B({}, H), O = rn({ textbox: o }), it = O ? k._expandRangeToFullLines({ textbox: o, range: O }) : null, Z = {}, st = {}, F = {}, q = dn({ textbox: o, range: O }), nt = !O || q, J = !O;
+    if (f !== void 0 && (it && (st.fontFamily = f), nt && (R.fontFamily = f, J && (F.fontFamily = f))), g !== void 0 && (it && (st.fontSize = g), nt && (R.fontSize = g, J && (F.fontSize = g))), p !== void 0) {
+      const X = p ? "bold" : "normal";
+      O && (Z.fontWeight = X), nt && (R.fontWeight = X, J && (F.fontWeight = X));
+    }
+    if (m !== void 0) {
+      const X = m ? "italic" : "normal";
+      O && (Z.fontStyle = X), nt && (R.fontStyle = X, J && (F.fontStyle = X));
+    }
+    if (v !== void 0 && (O && (Z.underline = v), nt && (R.underline = v, J && (F.underline = v))), A !== void 0 && (O && (Z.linethrough = A), nt && (R.linethrough = A, J && (F.linethrough = A))), y !== void 0 && (R.textAlign = y), b !== void 0 && (O && (Z.fill = b), nt && (R.fill = b, J && (F.fill = b))), j !== void 0 || I !== void 0) {
+      const X = O ? Xe({ textbox: o, range: O, property: "strokeWidth" }) : void 0, Tt = O ? Xe({ textbox: o, range: O, property: "stroke" }) : void 0, ee = (Wt = (kt = I != null ? I : X) != null ? kt : o.strokeWidth) != null ? Wt : 0, Mt = Qe({ width: ee }), Yt = (Pt = (zt = j != null ? j : Tt) != null ? zt : o.stroke) != null ? Pt : void 0, Ht = Ke({
+        strokeColor: Yt,
+        width: Mt
       });
-      _ && (G.stroke = Tt, G.strokeWidth = vt), J && (D.stroke = Tt, D.strokeWidth = vt, H && (X.stroke = Tt, X.strokeWidth = vt));
-    }
-    b !== void 0 && (D.opacity = b), I !== void 0 && (D.backgroundColor = I), j !== void 0 && (D.backgroundOpacity = j), A !== void 0 && (D.paddingTop = A), C !== void 0 && (D.paddingRight = C), w !== void 0 && (D.paddingBottom = w), T !== void 0 && (D.paddingLeft = T), E !== void 0 && (D.radiusTopLeft = E), F !== void 0 && (D.radiusTopRight = F), x !== void 0 && (D.radiusBottomRight = x), N !== void 0 && (D.radiusBottomLeft = N);
-    const q = (kt = o.textCaseRaw) != null ? kt : (at = o.text) != null ? at : "", jt = !!o.uppercase, nt = c !== void 0, ht = nt ? c != null ? c : "" : q, mt = p != null ? p : jt;
-    if (nt || mt !== jt) {
-      const K = mt ? re({ value: ht }) : ht;
-      D.text = K, o.textCaseRaw = ht;
-    } else o.textCaseRaw === void 0 && (o.textCaseRaw = q);
-    o.uppercase = mt, o.set(D);
-    let it = !1;
-    if (_) {
-      const K = ae({ textbox: o, styles: G, range: _ }), Ct = W ? ae({ textbox: o, styles: Y, range: W }) : !1;
-      it = K || Ct;
-    } else if (Object.keys(X).length) {
-      const K = cn({ textbox: o });
-      K && (it = ae({ textbox: o, styles: X, range: K }));
-    }
-    const yt = it && P._hasLayoutAffectingStyles({
+      O && (Z.stroke = Ht, Z.strokeWidth = Mt), nt && (R.stroke = Ht, R.strokeWidth = Mt, J && (F.stroke = Ht, F.strokeWidth = Mt));
+    }
+    w !== void 0 && (R.opacity = w), T !== void 0 && (R.backgroundColor = T), M !== void 0 && (R.backgroundOpacity = M), C !== void 0 && (R.paddingTop = C), E !== void 0 && (R.paddingRight = E), W !== void 0 && (R.paddingBottom = W), N !== void 0 && (R.paddingLeft = N), x !== void 0 && (R.radiusTopLeft = x), Y !== void 0 && (R.radiusTopRight = Y), G !== void 0 && (R.radiusBottomRight = G), K !== void 0 && (R.radiusBottomLeft = K);
+    const yt = (Ft = o.textCaseRaw) != null ? Ft : (Ut = o.text) != null ? Ut : "", It = !!o.uppercase, at = u !== void 0, ft = at ? u != null ? u : "" : yt, rt = S != null ? S : It, Nt = rt !== It;
+    if (at || Nt) {
+      const X = rt ? pe({ value: ft }) : ft;
+      R.text = X, o.textCaseRaw = ft;
+    } else o.textCaseRaw === void 0 && (o.textCaseRaw = yt);
+    o.uppercase = rt, o.set(R);
+    let vt = !1;
+    if (O) {
+      const X = ge({ textbox: o, styles: Z, range: O }), Tt = it ? ge({ textbox: o, styles: st, range: it }) : !1;
+      vt = X || Tt;
+    } else if (Object.keys(F).length) {
+      const X = cn({ textbox: o });
+      X && (vt = ge({ textbox: o, styles: F, range: X }));
+    }
+    const Jt = vt && k._hasLayoutAffectingStyles({
       stylesList: [
-        G,
-        Y,
-        X
+        Z,
+        st,
+        F
       ]
     });
-    it && (o.dirty = !0), yt && (o.initDimensions(), o.dirty = !0), (I !== void 0 || j !== void 0 || A !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || F !== void 0 || x !== void 0 || N !== void 0) && (o.dirty = !0), P._roundTextboxDimensions({ textbox: o }) && (o.dirty = !0), o.setCoords(), n || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Yt = P._getSnapshot(o);
+    vt && (o.dirty = !0), Jt && (o.initDimensions(), o.dirty = !0), (T !== void 0 || M !== void 0 || C !== void 0 || E !== void 0 || W !== void 0 || N !== void 0 || x !== void 0 || Y !== void 0 || G !== void 0 || K !== void 0) && (o.dirty = !0);
+    const qt = k._hasLayoutAffectingStyles({
+      stylesList: [
+        R,
+        Z,
+        st,
+        F
+      ]
+    }), $t = !Object.prototype.hasOwnProperty.call(R, "width") && (at || Nt || qt);
+    let ct = !1;
+    $t && (ct = this._autoExpandTextboxWidth(o, {
+      anchor: l
+    }), ct && (o.dirty = !0)), (ct ? !1 : k._roundTextboxDimensions({ textbox: o })) && (o.dirty = !0), o.setCoords(), n || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const te = k._getSnapshot(o);
     return a.fire("editor:text-updated", {
       textbox: o,
       target: t,
@@ -4868,11 +4965,11 @@ class P {
         withoutSave: !!s,
         skipRender: !!n
       },
-      updates: D,
+      updates: R,
       before: r,
-      after: Yt,
-      selectionRange: _ != null ? _ : void 0,
-      selectionStyles: _ && Object.keys(G).length ? G : void 0
+      after: te,
+      selectionRange: O != null ? O : void 0,
+      selectionStyles: O && Object.keys(Z).length ? Z : void 0
     }), o;
   }
   /**
@@ -4880,20 +4977,20 @@ class P {
    */
   destroy() {
     const { canvas: t } = this;
-    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", P._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", P._handleTextChanged);
+    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", k._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", this._handleTextChanged);
   }
   /**
    * Возвращает активный текст или ищет по id.
    */
   _resolveTextObject(t) {
-    if (t instanceof st) return t;
+    if (t instanceof ot) return t;
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
-      return P._isTextbox(s) ? s : null;
+      return k._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((n) => P._isTextbox(n) && n.id === t);
+      const s = e.getObjects().find((n) => k._isTextbox(n) && n.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4902,28 +4999,83 @@ class P {
    * Проверяет, является ли объект текстовым блоком редактора.
    */
   static _isTextbox(t) {
-    return !!t && t instanceof st;
+    return !!t && t instanceof ot;
   }
   /**
    * Вешает обработчики событий Fabric для работы с текстом.
    */
   _bindEvents() {
     const { canvas: t } = this;
-    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", P._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", P._handleTextChanged);
+    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", k._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", this._handleTextChanged);
   }
   /**
-   * Реагирует на изменение текста в режиме редактирования: синхронизирует textCaseRaw и uppercase.
+   * Автоматически увеличивает ширину текстового объекта до ширины текста,
+   * но не шире монтажной области, и удерживает объект в её пределах.
    */
-  static _handleTextChanged(t) {
-    const { target: e } = t;
-    if (!P._isTextbox(e)) return;
-    const { text: s = "", uppercase: n } = e, o = !!n, i = s.toLocaleLowerCase();
-    if (o) {
-      const r = re({ value: i });
-      r !== s && e.set({ text: r }), e.textCaseRaw = i;
-    } else
-      e.textCaseRaw = s;
-    P._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
+  _autoExpandTextboxWidth(t, { anchor: e } = {}) {
+    var I, w, T, M, C, E, W, N, x, Y, G, K, H;
+    const { montageArea: s } = this.editor;
+    if (!s) return !1;
+    const n = typeof t.text == "string" ? t.text : "";
+    if (!n.length) return !1;
+    s.setCoords();
+    const o = s.getBoundingRect(!1, !0), i = (I = o.width) != null ? I : 0;
+    if (!Number.isFinite(i) || i <= 0) return !1;
+    const a = e != null ? e : (w = this.editingAnchorState) == null ? void 0 : w.get(t), r = (M = (T = a == null ? void 0 : a.originY) != null ? T : t.originY) != null ? M : "top", c = Math.abs((C = t.scaleX) != null ? C : 1) || 1, d = (E = t.paddingLeft) != null ? E : 0, l = (W = t.paddingRight) != null ? W : 0, u = (N = t.strokeWidth) != null ? N : 0, f = Math.max(
+      1,
+      i / c - d - l - u
+    );
+    if (!Number.isFinite(f) || f <= 0) return !1;
+    const g = n.split(`
+`).length;
+    let p = !1;
+    Math.abs(((x = t.width) != null ? x : 0) - f) > $ && (t.set({ width: f }), p = !0), t.initDimensions();
+    const { textLines: m } = t, v = Array.isArray(m) && m.length > g, S = Math.ceil(
+      k._getLongestLineWidth({ textbox: t, text: n })
+    ), A = Math.min((Y = t.minWidth) != null ? Y : 1, f);
+    let y = Math.min(
+      f,
+      Math.max(S, A)
+    );
+    v && (y = f), Math.abs(((G = t.width) != null ? G : 0) - y) > $ && (t.set({ width: y }), t.initDimensions(), p = !0), k._roundTextboxDimensions({ textbox: t }) && (p = !0), a && (t.setPositionByOrigin(new tt(a.x, a.y), "center", r), p = !0);
+    const j = k._clampTextboxToMontage({
+      textbox: t,
+      montageLeft: (K = o.left) != null ? K : 0,
+      montageRight: ((H = o.left) != null ? H : 0) + i
+    });
+    return p || j;
+  }
+  /**
+   * Возвращает ширину самой длинной строки текстового объекта.
+   */
+  static _getLongestLineWidth({
+    textbox: t,
+    text: e
+  }) {
+    const { textLines: s } = t, n = Array.isArray(s) && s.length > 0 ? s.length : Math.max(e.split(`
+`).length, 1);
+    let o = 0;
+    for (let i = 0; i < n; i += 1) {
+      const a = t.getLineWidth(i);
+      a > o && (o = a);
+    }
+    return o;
+  }
+  /**
+   * Сдвигает текстовый объект по X, чтобы он не выходил за пределы монтажной области.
+   */
+  static _clampTextboxToMontage({
+    textbox: t,
+    montageLeft: e,
+    montageRight: s
+  }) {
+    var c, d, l, u;
+    t.setCoords();
+    const n = t.getBoundingRect(!1, !0), o = (c = n.left) != null ? c : 0, i = o + ((d = n.width) != null ? d : 0), a = s - e;
+    if (a > 0 && ((l = n.width) != null ? l : 0) >= a - $)
+      return !1;
+    let r = 0;
+    return o < e ? r = e - o : i > s && (r = s - i), Math.abs(r) <= $ ? !1 : (t.set({ left: ((u = t.left) != null ? u : 0) + r }), !0);
   }
   /**
    * Обрабатывает изменение ширины текстового объекта (resizing).
@@ -4934,7 +5086,7 @@ class P {
   static _handleObjectResizing(t) {
     var l, u, f, g, p, m;
     const { target: e, transform: s } = t;
-    if (!P._isTextbox(e)) return;
+    if (!k._isTextbox(e)) return;
     const {
       paddingLeft: n = 0,
       paddingRight: o = 0
@@ -4945,13 +5097,19 @@ class P {
     e.set({ width: r });
     const c = (u = e.width) != null ? u : 0, d = a - c;
     if (d !== 0 && s && s.corner === "ml") {
-      const M = ((f = e.angle) != null ? f : 0) * Math.PI / 180, S = Math.cos(M), y = Math.sin(M), b = (g = e.scaleX) != null ? g : 1, I = d * b;
+      const S = ((f = e.angle) != null ? f : 0) * Math.PI / 180, A = Math.cos(S), y = Math.sin(S), b = (g = e.scaleX) != null ? g : 1, j = d * b;
       e.set({
-        left: ((p = e.left) != null ? p : 0) + I * S,
-        top: ((m = e.top) != null ? m : 0) + I * y
+        left: ((p = e.left) != null ? p : 0) + j * A,
+        top: ((m = e.top) != null ? m : 0) + j * y
       });
     }
   }
+  /**
+   * Возвращает хранилище якорей редактирования, создавая его при необходимости.
+   */
+  _ensureEditingAnchorState() {
+    return this.editingAnchorState || (this.editingAnchorState = /* @__PURE__ */ new WeakMap()), this.editingAnchorState;
+  }
   /**
    * Возвращает диапазоны символов для каждой строки текста без учёта символов переноса.
    */
@@ -4974,7 +5132,7 @@ class P {
     textbox: t,
     range: e
   }) {
-    const s = P._getLineRanges({ textbox: t });
+    const s = k._getLineRanges({ textbox: t });
     if (!s.length) return e;
     let { start: n } = e, { end: o } = e;
     return s.forEach(({ start: i, end: a }) => {
@@ -5059,10 +5217,10 @@ class P {
   static _roundTextboxDimensions({
     textbox: t
   }) {
-    const { width: e, height: s, calcTextWidth: n, calcTextHeight: o } = t, i = typeof n == "function" ? n.call(t) : void 0, a = typeof o == "function" ? o.call(t) : void 0, r = P._resolveDimension({
+    const { width: e, height: s, calcTextWidth: n, calcTextHeight: o } = t, i = typeof n == "function" ? n.call(t) : void 0, a = typeof o == "function" ? o.call(t) : void 0, r = k._resolveDimension({
       rawValue: e,
       calculatedValue: i
-    }), c = P._resolveDimension({
+    }), c = k._resolveDimension({
       rawValue: s,
       calculatedValue: a
     }), d = Number.isFinite(r) ? Math.round(r) : null, l = Number.isFinite(c) ? Math.round(c) : null, u = {};
@@ -5073,11 +5231,11 @@ class P {
    */
   static _getSnapshot(t) {
     const e = ({
-      snapshot: G,
-      entries: Y
+      snapshot: R,
+      entries: O
     }) => {
-      Object.entries(Y).forEach(([X, et]) => {
-        et != null && (G[X] = et);
+      Object.entries(O).forEach(([it, Z]) => {
+        Z != null && (R[it] = Z);
       });
     }, {
       id: s,
@@ -5095,30 +5253,30 @@ class P {
       stroke: p,
       strokeWidth: m,
       opacity: v,
-      backgroundColor: M,
-      backgroundOpacity: S,
+      backgroundColor: S,
+      backgroundOpacity: A,
       paddingTop: y,
       paddingRight: b,
-      paddingBottom: I,
-      paddingLeft: j,
-      radiusTopLeft: A,
-      radiusTopRight: C,
-      radiusBottomRight: w,
-      radiusBottomLeft: T,
+      paddingBottom: j,
+      paddingLeft: I,
+      radiusTopLeft: w,
+      radiusTopRight: T,
+      radiusBottomRight: M,
+      radiusBottomLeft: C,
       left: E,
-      top: F,
-      width: x,
-      height: N,
-      angle: Z,
-      scaleX: D,
-      scaleY: _
-    } = t, W = {
+      top: W,
+      width: N,
+      height: x,
+      angle: Y,
+      scaleX: G,
+      scaleY: K
+    } = t, H = {
       id: s,
       uppercase: !!i,
       textAlign: f
     };
     return e({
-      snapshot: W,
+      snapshot: H,
       entries: {
         text: n,
         textCaseRaw: o,
@@ -5132,25 +5290,25 @@ class P {
         stroke: p,
         strokeWidth: m,
         opacity: v,
-        backgroundColor: M,
-        backgroundOpacity: S,
+        backgroundColor: S,
+        backgroundOpacity: A,
         paddingTop: y,
         paddingRight: b,
-        paddingBottom: I,
-        paddingLeft: j,
-        radiusTopLeft: A,
-        radiusTopRight: C,
-        radiusBottomRight: w,
-        radiusBottomLeft: T,
+        paddingBottom: j,
+        paddingLeft: I,
+        radiusTopLeft: w,
+        radiusTopRight: T,
+        radiusBottomRight: M,
+        radiusBottomLeft: C,
         left: E,
-        top: F,
-        width: x,
-        height: N,
-        angle: Z,
-        scaleX: D,
-        scaleY: _
+        top: W,
+        width: N,
+        height: x,
+        angle: Y,
+        scaleX: G,
+        scaleY: K
       }
-    }), W;
+    }), H;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -5163,7 +5321,7 @@ class P {
 const Q = ({
   value: h,
   fallback: t = 0
-}) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, Qt = ({
+}) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, ae = ({
   value: h,
   dimension: t,
   useRelativePositions: e
@@ -5180,22 +5338,22 @@ const Q = ({
   const o = h;
   if (typeof o[n.x] == "number" && typeof o[n.y] == "number")
     return {
-      x: Qt({
+      x: ae({
         value: o[n.x],
         dimension: t,
         useRelativePositions: s
       }),
-      y: Qt({
+      y: ae({
         value: o[n.y],
         dimension: e,
         useRelativePositions: s
       })
     };
-  const { left: a, top: r, width: c, height: d } = h, l = Qt({
+  const { left: a, top: r, width: c, height: d } = h, l = ae({
     value: a,
     dimension: t,
     useRelativePositions: s
-  }), u = Qt({
+  }), u = ae({
     value: r,
     dimension: e,
     useRelativePositions: s
@@ -5233,7 +5391,7 @@ const Q = ({
   } catch (s) {
     return null;
   }
-}, pt = ({
+}, mt = ({
   object: h
 }) => {
   if (!h) return null;
@@ -5297,8 +5455,8 @@ const Q = ({
       };
   }
   return null;
-}, Pt = "_templateCenterX", ce = "_templateCenterY", qt = "_templateAnchorX", de = "_templateAnchorY";
-class R {
+}, Vt = "_templateCenterX", me = "_templateCenterY", re = "_templateAnchorX", ye = "_templateAnchorY";
+class _ {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -5317,21 +5475,21 @@ class R {
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = o.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = n && l ? [l] : [], f = [...d, ...u];
+    } = this.editor, c = o.getActiveObject(), d = _._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = n && l ? [l] : [], f = [...d, ...u];
     if (!f.length)
       return a.emitWarning({
         origin: "TemplateManager",
         method: "serializeSelection",
-        code: wt.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+        code: St.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
         message: "Нет объектов для сериализации шаблона"
       }), null;
-    const g = R._getBounds(i), p = R._getMontageSize({ montageArea: i, bounds: g }), m = p.width, v = p.height, M = f.map((b) => R._serializeObject({
+    const g = _._getBounds(i), p = _._getMontageSize({ montageArea: i, bounds: g }), m = p.width, v = p.height, S = f.map((b) => _._serializeObject({
       object: b,
       bounds: g,
       baseWidth: m,
       baseHeight: v,
       montageArea: i != null ? i : null
-    })), S = bt(B({}, s), {
+    })), A = wt(B({}, s), {
       baseWidth: m,
       baseHeight: v,
       positionsNormalized: !0,
@@ -5339,8 +5497,8 @@ class R {
     });
     return {
       id: t != null ? t : `template-${V()}`,
-      meta: S,
-      objects: M
+      meta: A,
+      objects: S
     };
   }
   /**
@@ -5350,7 +5508,7 @@ class R {
    * @param options.data - данные для заполнения текстов по customData.templateField
    */
   applyTemplate(s) {
-    return k(this, arguments, function* ({
+    return z(this, arguments, function* ({
       template: t,
       data: e
     }) {
@@ -5365,40 +5523,40 @@ class R {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: wt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+          code: St.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
-      const u = R._getBounds(o);
+      const u = _._getBounds(o);
       if (!u)
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: wt.TEMPLATE_MANAGER.INVALID_TARGET,
+          code: St.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
-      const f = R._getMontageSize({ montageArea: o, bounds: u }), g = R._normalizeMeta({ meta: d, fallback: f }), p = R._calculateScale({ meta: g, target: f }), m = !!g.positionsNormalized;
-      let v = !1, M = !1;
+      const f = _._getMontageSize({ montageArea: o, bounds: u }), g = _._normalizeMeta({ meta: d, fallback: f }), p = _._calculateScale({ meta: g, target: f }), m = !!g.positionsNormalized;
+      let v = !1, S = !1;
       i.suspendHistory();
       try {
-        const S = yield R._enlivenObjects(c);
-        if (!S.length)
+        const A = yield _._enlivenObjects(c);
+        if (!A.length)
           return a.emitWarning({
             origin: "TemplateManager",
             method: "applyTemplate",
-            code: wt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+            code: St.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
-        const { backgroundObject: y, contentObjects: b } = R._extractBackgroundObject(S);
-        y && (M = yield R._applyBackgroundFromObject({
+        const { backgroundObject: y, contentObjects: b } = _._extractBackgroundObject(A);
+        y && (S = yield _._applyBackgroundFromObject({
           backgroundObject: y,
           backgroundManager: r,
           errorManager: a
         }));
-        const I = b.map((j) => (this._adaptTextboxWidth({
-          object: j,
+        const j = b.map((I) => (this._adaptTextboxWidth({
+          object: I,
           baseWidth: g.baseWidth
-        }), R._transformObject({
-          object: j,
+        }), _._transformObject({
+          object: I,
           scale: p,
           bounds: u,
           targetSize: f,
@@ -5406,24 +5564,24 @@ class R {
           baseHeight: g.baseHeight,
           montageArea: o,
           useRelativePositions: m
-        }), j.set({
-          id: `${j.type}-${V()}`,
+        }), I.set({
+          id: `${I.type}-${V()}`,
           evented: !0
-        }), n.add(j), j));
-        return !I.length && !M ? null : (v = I.length > 0 || M, I.length && R._activateObjects({ canvas: n, objects: I }), n.requestRenderAll(), n.fire("editor:template-applied", {
+        }), n.add(I), I));
+        return !j.length && !S ? null : (v = j.length > 0 || S, j.length && _._activateObjects({ canvas: n, objects: j }), n.requestRenderAll(), n.fire("editor:template-applied", {
           template: t,
-          objects: I,
+          objects: j,
           bounds: u
-        }), I);
-      } catch (S) {
+        }), j);
+      } catch (A) {
         return a.emitError({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: wt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: St.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
             templateId: l,
-            error: S
+            error: A
           }
         }), null;
       } finally {
@@ -5459,15 +5617,15 @@ class R {
     * Превращает plain-описание объектов в Fabric объекты.
     */
   static _enlivenObjects(t) {
-    return k(this, null, function* () {
-      return (yield Promise.all(t.map((s) => k(null, null, function* () {
-        if (R._hasSerializedSvgMarkup(s)) {
-          const i = yield R._reviveSvgObject(s);
+    return z(this, null, function* () {
+      return (yield Promise.all(t.map((s) => z(null, null, function* () {
+        if (_._hasSerializedSvgMarkup(s)) {
+          const i = yield _._reviveSvgObject(s);
           if (i)
-            return R._restoreImageScale({ revived: i, serialized: s }), i;
+            return _._restoreImageScale({ revived: i, serialized: s }), i;
         }
-        const n = yield lt.enlivenObjects([s]), o = n == null ? void 0 : n[0];
-        return o ? (R._restoreImageScale({ revived: o, serialized: s }), o) : null;
+        const n = yield ut.enlivenObjects([s]), o = n == null ? void 0 : n[0];
+        return o ? (_._restoreImageScale({ revived: o, serialized: s }), o) : null;
       })))).filter((s) => !!s);
     });
   }
@@ -5495,22 +5653,22 @@ class R {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, p = Q({ value: l || f || c.width, fallback: 0 }), m = Q({ value: u || g || c.height, fallback: 0 }), v = Q({ value: n, fallback: p }), M = Q({ value: o, fallback: m }), S = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * S, I = M * y, j = p > 0, A = m > 0, C = b > 0, w = I > 0, T = R._resolveImageFit({ customData: r }), E = {};
-    if (j && (E.width = p), A && (E.height = m), !j || !A) {
+    }, p = Q({ value: l || f || c.width, fallback: 0 }), m = Q({ value: u || g || c.height, fallback: 0 }), v = Q({ value: n, fallback: p }), S = Q({ value: o, fallback: m }), A = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * A, j = S * y, I = p > 0, w = m > 0, T = b > 0, M = j > 0, C = _._resolveImageFit({ customData: r }), E = {};
+    if (I && (E.width = p), w && (E.height = m), !I || !w) {
       c.set(E);
       return;
     }
-    if (T === "stretch") {
-      const x = C ? b / p : null, N = w ? I / m : null;
-      x && x > 0 && (E.scaleX = x), N && N > 0 && (E.scaleY = N), c.set(E);
+    if (C === "stretch") {
+      const N = T ? b / p : null, x = M ? j / m : null;
+      N && N > 0 && (E.scaleX = N), x && x > 0 && (E.scaleY = x), c.set(E);
       return;
     }
-    if (!C || !w) {
+    if (!T || !M) {
       c.set(E);
       return;
     }
-    const F = Math.min(b / p, I / m);
-    Number.isFinite(F) && F > 0 && (E.scaleX = F, E.scaleY = F), c.set(E);
+    const W = Math.min(b / p, j / m);
+    Number.isFinite(W) && W > 0 && (E.scaleX = W, E.scaleY = W), c.set(E);
   }
   /**
    * Определяет режим вписывания изображения при восстановлении.
@@ -5532,12 +5690,12 @@ class R {
    * Восстанавливает SVG-объект из компактного описания.
    */
   static _reviveSvgObject(t) {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield ms(e), n = lt.groupSVGElements(s.objects, s.options), o = yield lt.enlivenObjectEnlivables(
-          R._prepareSerializableProps(t)
+        const s = yield ys(e), n = ut.groupSVGElements(s.objects, s.options), o = yield ut.enlivenObjectEnlivables(
+          _._prepareSerializableProps(t)
         );
         return n.set(o), n.setCoords(), n;
       } catch (s) {
@@ -5601,28 +5759,28 @@ class R {
       baseHeight: i,
       useRelativePositions: r,
       centerKeys: {
-        x: Pt,
-        y: ce
+        x: Vt,
+        y: me
       }
-    }), { scaleX: u, scaleY: f } = t, g = Q({ value: u, fallback: 1 }), p = Q({ value: f, fallback: 1 }), m = R._getPositioningBounds({
+    }), { scaleX: u, scaleY: f } = t, g = Q({ value: u, fallback: 1 }), p = Q({ value: f, fallback: 1 }), m = _._getPositioningBounds({
       bounds: s,
       baseWidth: o,
       baseHeight: i,
       scale: e,
       useRelativePositions: r,
-      anchorX: R._resolveAnchor(c, qt),
-      anchorY: R._resolveAnchor(c, de)
+      anchorX: _._resolveAnchor(c, re),
+      anchorY: _._resolveAnchor(c, ye)
     }), v = hn({
       normalizedX: d,
       normalizedY: l,
       bounds: m,
       targetSize: n,
       montageArea: a
-    }), M = g * e, S = p * e;
+    }), S = g * e, A = p * e;
     t.set({
-      scaleX: M,
-      scaleY: S
-    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Pt], delete c[ce], delete c[qt], delete c[de];
+      scaleX: S,
+      scaleY: A
+    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Vt], delete c[me], delete c[re], delete c[ye];
   }
   /**
    * Возвращает bounds, в которых должны позиционироваться нормализованные объекты.
@@ -5638,7 +5796,7 @@ class R {
     anchorY: a
   }) {
     if (!o) return t;
-    const r = (e || t.width) * n, c = (s || t.height) * n, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), f = t.top + R._calculateAnchorOffset(a, l);
+    const r = (e || t.width) * n, c = (s || t.height) * n, d = t.width - r, l = t.height - c, u = t.left + _._calculateAnchorOffset(i, d), f = t.top + _._calculateAnchorOffset(a, l);
     return {
       left: u,
       top: f,
@@ -5669,7 +5827,7 @@ class R {
     meta: t,
     fallback: e
   }) {
-    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = Mt(r, ["baseWidth", "baseHeight"]);
+    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = gt(r, ["baseWidth", "baseHeight"]);
     return B({
       baseWidth: o,
       baseHeight: i
@@ -5707,30 +5865,30 @@ class R {
     object: t,
     baseWidth: e
   }) {
-    var Z, D;
-    if (!(t instanceof st)) return;
+    var Y, G;
+    if (!(t instanceof ot)) return;
     const s = typeof t.text == "string" ? t.text : "";
     if (!s) return;
     const n = Q({
-      value: (D = (Z = this.editor) == null ? void 0 : Z.montageArea) == null ? void 0 : D.width,
+      value: (G = (Y = this.editor) == null ? void 0 : Y.montageArea) == null ? void 0 : G.width,
       fallback: 0
     }), {
       width: o = 0,
       scaleX: i = 1,
       strokeWidth: a = 0
-    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), f = Q({ value: a, fallback: 0 }) * u, g = Q({ value: o, fallback: 0 }), p = g * u, m = d * u, v = l * u, M = p + m + v + f;
+    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), f = Q({ value: a, fallback: 0 }) * u, g = Q({ value: o, fallback: 0 }), p = g * u, m = d * u, v = l * u, S = p + m + v + f;
     if (!n || !g || !r) return;
     t.setCoords();
-    const S = t, y = S[Pt], b = typeof y == "number" ? y : null, I = R._resolveAnchor(S, qt), j = M / r, A = b !== null ? b - j / 2 : null, C = b !== null ? b + j / 2 : null, w = t.getCenterPoint();
+    const A = t, y = A[Vt], b = typeof y == "number" ? y : null, j = _._resolveAnchor(A, re), I = S / r, w = b !== null ? b - I / 2 : null, T = b !== null ? b + I / 2 : null, M = t.getCenterPoint();
     t.set("width", n), t.initDimensions();
-    const T = R._getLongestLineWidth({
+    const C = _._getLongestLineWidth({
       textbox: t,
       text: s
-    }), E = T > g ? T + 1 : g;
-    t.set("width", E), t.initDimensions(), t.setPositionByOrigin(w, "center", "center"), t.setCoords();
-    const x = (E * u + m + v + f) / r;
-    let N = b;
-    I === "start" && A !== null ? N = Math.max(0, A) + x / 2 : I === "end" && C !== null && (N = Math.min(1, C) - x / 2), typeof N == "number" && (S[Pt] = N);
+    }), E = C > g ? C + 1 : g;
+    t.set("width", E), t.initDimensions(), t.setPositionByOrigin(M, "center", "center"), t.setCoords();
+    const N = (E * u + m + v + f) / r;
+    let x = b;
+    j === "start" && w !== null ? x = Math.max(0, w) + N / 2 : j === "end" && T !== null && (x = Math.min(1, T) - N / 2), typeof x == "number" && (A[Vt] = x);
   }
   /**
    * Возвращает ширину самой длинной строки текстового объекта.
@@ -5760,9 +5918,9 @@ class R {
     baseHeight: n,
     montageArea: o
   }) {
-    const i = t.toDatalessObject([...es]);
-    if (R._isSvgObject(t)) {
-      const y = R._extractSvgMarkup(t);
+    const i = t.toDatalessObject([...ns]);
+    if (_._isSvgObject(t)) {
+      const y = _._extractSvgMarkup(t);
       y && (i.svgMarkup = y, delete i.objects, delete i.path);
     }
     if (!e) return i;
@@ -5781,15 +5939,15 @@ class R {
         x: (y.x - a) / u,
         y: (y.y - r) / f
       };
-    })(), m = (l.left - a) / u, v = (l.top - r) / f, M = m + l.width / u, S = v + l.height / f;
-    return i[Pt] = p.x, i[ce] = p.y, i[qt] = R._detectAnchor({
+    })(), m = (l.left - a) / u, v = (l.top - r) / f, S = m + l.width / u, A = v + l.height / f;
+    return i[Vt] = p.x, i[me] = p.y, i[re] = _._detectAnchor({
       center: p.x,
       start: m,
-      end: M
-    }), i[de] = R._detectAnchor({
+      end: S
+    }), i[ye] = _._detectAnchor({
       center: p.y,
       start: v,
-      end: S
+      end: A
     }), i.left = m, i.top = v, i;
   }
   /**
@@ -5806,13 +5964,13 @@ class R {
    * Применяет фоновый объект шаблона к текущему холсту через BackgroundManager.
    */
   static _applyBackgroundFromObject(n) {
-    return k(this, arguments, function* ({
+    return z(this, arguments, function* ({
       backgroundObject: t,
       backgroundManager: e,
       errorManager: s
     }) {
       try {
-        const { fill: o, customData: i } = t, { backgroundType: a } = t, r = R._cloneCustomData(i);
+        const { fill: o, customData: i } = t, { backgroundType: a } = t, r = _._cloneCustomData(i);
         if (a === "color" && typeof o == "string")
           return e.setColorBackground({
             color: o,
@@ -5831,7 +5989,7 @@ class R {
             }), !0;
         }
         if (a === "image") {
-          const c = R._getImageSource(t);
+          const c = _._getImageSource(t);
           if (c)
             return yield e.setImageBackground({
               imageSource: c,
@@ -5844,7 +6002,7 @@ class R {
         s.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: wt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: St.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Не удалось применить фон из шаблона",
           data: o
         });
@@ -5900,10 +6058,10 @@ class R {
    */
   // eslint-disable-next-line class-methods-use-this
   enlivenObjectEnlivables(t) {
-    return lt.enlivenObjectEnlivables(t);
+    return ut.enlivenObjectEnlivables(t);
   }
 }
-const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
+const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
   anchors: h,
   positions: t,
   threshold: e
@@ -5923,11 +6081,11 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
   threshold: t,
   anchors: e
 }) => {
-  const { left: s, right: n, centerX: o, top: i, bottom: a, centerY: r } = h, c = Ke({
+  const { left: s, right: n, centerX: o, top: i, bottom: a, centerY: r } = h, c = Je({
     anchors: e.vertical,
     positions: [s, o, n],
     threshold: t
-  }), d = Ke({
+  }), d = Je({
     anchors: e.horizontal,
     positions: [i, r, a],
     threshold: t
@@ -5943,7 +6101,7 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     deltaY: d.delta,
     guides: l
   };
-}, ns = ({
+}, is = ({
   activeBounds: h,
   aligned: t,
   threshold: e,
@@ -6040,66 +6198,66 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, I = y.top - b.bottom, j = o - y.bottom, A = Math.abs(j - I);
-    if (A <= e) {
-      const C = I - j, w = o + C, T = {
+    const { bounds: y } = u, { bounds: b } = f, j = y.top - b.bottom, I = o - y.bottom, w = Math.abs(I - j);
+    if (w <= e) {
+      const T = j - I, M = o + T, C = {
         type: "vertical",
         axis: n,
         refStart: b.bottom,
         refEnd: y.top,
         activeStart: y.bottom,
-        activeEnd: w,
-        distance: I
+        activeEnd: M,
+        distance: j
       };
-      m.push({ delta: C, guide: T, diff: A });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (g && p) {
-    const { bounds: y } = g, { bounds: b } = p, I = b.top - y.bottom, j = y.top - i, A = Math.abs(j - I);
-    if (A <= e) {
-      const C = j - I, w = i + C, T = {
+    const { bounds: y } = g, { bounds: b } = p, j = b.top - y.bottom, I = y.top - i, w = Math.abs(I - j);
+    if (w <= e) {
+      const T = I - j, M = i + T, C = {
         type: "vertical",
         axis: n,
         refStart: y.bottom,
         refEnd: b.top,
-        activeStart: w,
+        activeStart: M,
         activeEnd: y.top,
-        distance: I
+        distance: j
       };
-      m.push({ delta: C, guide: T, diff: A });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, j = b.top - y.bottom - v;
-    if (j >= 0) {
-      const A = j / 2, C = o - y.bottom, w = b.top - i, T = Math.abs(C - A), E = Math.abs(w - A), F = Math.max(T, E);
-      if (F <= e) {
-        const x = A - C, N = i + x, Z = {
+    const { bounds: y } = u, { bounds: b } = g, I = b.top - y.bottom - v;
+    if (I >= 0) {
+      const w = I / 2, T = o - y.bottom, M = b.top - i, C = Math.abs(T - w), E = Math.abs(M - w), W = Math.max(C, E);
+      if (W <= e) {
+        const N = w - T, x = i + N, Y = {
           type: "vertical",
           axis: n,
           refStart: y.bottom,
-          refEnd: y.bottom + A,
-          activeStart: N,
-          activeEnd: N + A,
-          distance: A
+          refEnd: y.bottom + w,
+          activeStart: x,
+          activeEnd: x + w,
+          distance: w
         };
-        m.push({ delta: x, guide: Z, diff: F });
+        m.push({ delta: N, guide: Y, diff: W });
       }
     }
   }
-  const M = ns({
+  const S = is({
     activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
     type: "vertical"
   });
-  if (m.push(...M), !m.length)
+  if (m.push(...S), !m.length)
     return { delta: 0, guide: null };
-  const S = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
+  const A = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
   return {
-    delta: S.delta,
-    guide: S.guide
+    delta: A.delta,
+    guide: A.guide
   };
 }, vn = ({
   activeBounds: h,
@@ -6126,66 +6284,66 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, I = y.left - b.right, j = o - y.right, A = Math.abs(j - I);
-    if (A <= e) {
-      const C = I - j, w = o + C, T = {
+    const { bounds: y } = u, { bounds: b } = f, j = y.left - b.right, I = o - y.right, w = Math.abs(I - j);
+    if (w <= e) {
+      const T = j - I, M = o + T, C = {
         type: "horizontal",
         axis: n,
         refStart: b.right,
         refEnd: y.left,
         activeStart: y.right,
-        activeEnd: w,
-        distance: I
+        activeEnd: M,
+        distance: j
       };
-      m.push({ delta: C, guide: T, diff: A });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (g && p) {
-    const { bounds: y } = g, { bounds: b } = p, I = b.left - y.right, j = y.left - i, A = Math.abs(j - I);
-    if (A <= e) {
-      const C = j - I, w = i + C, T = {
+    const { bounds: y } = g, { bounds: b } = p, j = b.left - y.right, I = y.left - i, w = Math.abs(I - j);
+    if (w <= e) {
+      const T = I - j, M = i + T, C = {
         type: "horizontal",
         axis: n,
         refStart: y.right,
         refEnd: b.left,
-        activeStart: w,
+        activeStart: M,
         activeEnd: y.left,
-        distance: I
+        distance: j
       };
-      m.push({ delta: C, guide: T, diff: A });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, j = b.left - y.right - v;
-    if (j >= 0) {
-      const A = j / 2, C = o - y.right, w = b.left - i, T = Math.abs(C - A), E = Math.abs(w - A), F = Math.max(T, E);
-      if (F <= e) {
-        const x = A - C, N = i + x, Z = {
+    const { bounds: y } = u, { bounds: b } = g, I = b.left - y.right - v;
+    if (I >= 0) {
+      const w = I / 2, T = o - y.right, M = b.left - i, C = Math.abs(T - w), E = Math.abs(M - w), W = Math.max(C, E);
+      if (W <= e) {
+        const N = w - T, x = i + N, Y = {
           type: "horizontal",
           axis: n,
           refStart: y.right,
-          refEnd: y.right + A,
-          activeStart: N,
-          activeEnd: N + A,
-          distance: A
+          refEnd: y.right + w,
+          activeStart: x,
+          activeEnd: x + w,
+          distance: w
         };
-        m.push({ delta: x, guide: Z, diff: F });
+        m.push({ delta: N, guide: Y, diff: W });
       }
     }
   }
-  const M = ns({
+  const S = is({
     activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
     type: "horizontal"
   });
-  if (m.push(...M), !m.length)
+  if (m.push(...S), !m.length)
     return { delta: 0, guide: null };
-  const S = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
+  const A = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
   return {
-    delta: S.delta,
-    guide: S.guide
+    delta: A.delta,
+    guide: A.guide
   };
 }, bn = ({
   activeBounds: h,
@@ -6219,7 +6377,7 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
 }) => {
   const i = Math.min(o, s / 2, n / 2);
   h.moveTo(t + i, e), h.lineTo(t + s - i, e), h.quadraticCurveTo(t + s, e, t + s, e + i), h.lineTo(t + s, e + n - i), h.quadraticCurveTo(t + s, e + n, t + s - i, e + n), h.lineTo(t + i, e + n), h.quadraticCurveTo(t, e + n, t, e + n - i), h.lineTo(t, e + i), h.quadraticCurveTo(t, e, t + i, e), h.closePath();
-}, me = ({
+}, je = ({
   context: h,
   type: t,
   axis: e,
@@ -6236,16 +6394,16 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
   offsetAlongAxis: f = 0,
   offsetPerpendicular: g = 0
 }) => {
-  const p = i || 1, m = 12 / p, v = l / p, M = u / p, S = (s + n) / 2 + f, y = t === "vertical" ? e + g : S, b = t === "vertical" ? S : e + g;
+  const p = i || 1, m = 12 / p, v = l / p, S = u / p, A = (s + n) / 2 + f, y = t === "vertical" ? e + g : A, b = t === "vertical" ? A : e + g;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
-  const j = h.measureText(o).width + v * 2, A = m + v * 2, C = y - j / 2, w = b - A / 2;
+  const I = h.measureText(o).width + v * 2, w = m + v * 2, T = y - I / 2, M = b - w / 2;
   h.beginPath(), Mn({
     context: h,
-    x: C,
-    y: w,
-    width: j,
-    height: A,
-    radius: M
+    x: T,
+    y: M,
+    width: I,
+    height: w,
+    radius: S
   }), h.fill(), h.fillStyle = r, h.fillText(o, y, b), h.restore();
 }, wn = ({
   context: h,
@@ -6262,8 +6420,8 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     distance: c
   } = t, d = Math.round(c).toString();
   h.beginPath(), s === "vertical" ? (h.moveTo(n, o), h.lineTo(n, i), h.moveTo(n, a), h.lineTo(n, r)) : (h.moveTo(o, n), h.lineTo(i, n), h.moveTo(a, n), h.lineTo(r, n)), h.stroke();
-  const l = ss;
-  me({
+  const l = os;
+  je({
     context: h,
     type: s,
     axis: n,
@@ -6272,8 +6430,8 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     text: d,
     zoom: e,
     color: l,
-    lineWidth: pe
-  }), me({
+    lineWidth: Ae
+  }), je({
     context: h,
     type: s,
     axis: n,
@@ -6282,9 +6440,9 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     text: d,
     zoom: e,
     color: l,
-    lineWidth: pe
+    lineWidth: Ae
   });
-}, Qe = ({
+}, qe = ({
   anchors: h,
   bounds: t
 }) => {
@@ -6297,7 +6455,7 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     centerY: a
   } = t;
   h.vertical.push(e, n, s), h.horizontal.push(o, a, i);
-}, qe = ({
+}, $e = ({
   bounds: h,
   type: t,
   primaryStart: e,
@@ -6310,8 +6468,8 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
     for (let p = r + 1; p < a.length; p += 1) {
       const m = a[p];
       if (Math.min(c[i], m[i]) - Math.max(c[o], m[o]) < 0) continue;
-      const M = m[e] - c[s];
-      M < 0 || M < l && (l = M, d = m);
+      const S = m[e] - c[s];
+      S < 0 || S < l && (l = S, d = m);
     }
     if (!d || l === Number.POSITIVE_INFINITY) continue;
     const u = Math.max(c[o], d[o]), f = Math.min(c[i], d[i]), g = (u + f) / 2;
@@ -6327,24 +6485,24 @@ const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
 }, Sn = ({
   bounds: h
 }) => {
-  const t = qe({
+  const t = $e({
     bounds: h,
     type: "vertical",
     primaryStart: "top",
     primaryEnd: "bottom"
-  }), e = qe({
+  }), e = $e({
     bounds: h,
     type: "horizontal",
     primaryStart: "left",
     primaryEnd: "right"
   });
   return { vertical: t, horizontal: e };
-}, An = ["montage-area", "background", "interaction-blocker"], os = ({
+}, An = ["montage-area", "background", "interaction-blocker"], as = ({
   activeObject: h
 }) => {
   const t = /* @__PURE__ */ new Set();
   return h && (t.add(h), h instanceof U && h.getObjects().forEach((e) => t.add(e))), t;
-}, is = ({
+}, rs = ({
   object: h,
   excluded: t,
   ignoredIds: e = An
@@ -6413,7 +6571,7 @@ class jn {
       return;
     }
     !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: e });
-    let o = pt({ object: e });
+    let o = mt({ object: e });
     if (!o) {
       this._clearGuides();
       return;
@@ -6424,24 +6582,24 @@ class jn {
       anchors: this.anchors
     }), { deltaX: d, deltaY: l, guides: u } = c;
     if (d !== 0 || l !== 0) {
-      const { left: v = 0, top: M = 0 } = e;
+      const { left: v = 0, top: S = 0 } = e;
       e.set({
         left: v + d,
-        top: M + l
-      }), e.setCoords(), o = (p = pt({ object: e })) != null ? p : o;
+        top: S + l
+      }), e.setCoords(), o = (p = mt({ object: e })) != null ? p : o;
     }
-    const f = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => pt({ object: v })).filter((v) => !!v), g = bn({
+    const f = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => mt({ object: v })).filter((v) => !!v), g = bn({
       activeBounds: o,
       candidates: f,
       threshold: r,
       spacingPatterns: this.spacingPatterns
     });
     if (g.deltaX !== 0 || g.deltaY !== 0) {
-      const { left: v = 0, top: M = 0 } = e;
+      const { left: v = 0, top: S = 0 } = e;
       e.set({
         left: v + g.deltaX,
-        top: M + g.deltaY
-      }), e.setCoords(), o = (m = pt({ object: e })) != null ? m : o;
+        top: S + g.deltaY
+      }), e.setCoords(), o = (m = mt({ object: e })) != null ? m : o;
     }
     this._applyGuides({
       guides: u,
@@ -6469,7 +6627,7 @@ class jn {
     const { canvas: t, guideBounds: e } = this, s = t.getSelectionContext();
     if (!s) return;
     const n = e != null ? e : this._calculateViewportBounds(), { left: o, right: i, top: a, bottom: r } = n, { viewportTransform: c } = t, d = t.getZoom() || 1;
-    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = pe / d, s.strokeStyle = ss, s.setLineDash([4, 4]);
+    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = Ae / d, s.strokeStyle = os, s.setLineDash([4, 4]);
     for (const l of this.activeGuides)
       s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(o, l.position), s.lineTo(i, l.position)), s.stroke();
     for (const l of this.activeSpacingGuides)
@@ -6509,7 +6667,7 @@ class jn {
    * Применяет шаг перемещения, округляя координаты объекта к сетке MOVE_SNAP_STEP.
    */
   _applyMovementStep({ target: t }) {
-    const { left: e = 0, top: s = 0 } = t, n = Math.round(e / Jt) * Jt, o = Math.round(s / Jt) * Jt;
+    const { left: e = 0, top: s = 0 } = t, n = Math.round(e / ce) * ce, o = Math.round(s / ce) * ce;
     n === e && o === s || (t.set({
       left: n,
       top: o
@@ -6521,12 +6679,12 @@ class jn {
   _cacheAnchors({ activeObject: t }) {
     const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, n = [];
     for (const a of e) {
-      const r = pt({ object: a });
-      r && (Qe({ anchors: s, bounds: r }), n.push(r));
+      const r = mt({ object: a });
+      r && (qe({ anchors: s, bounds: r }), n.push(r));
     }
-    const { montageArea: o } = this.editor, i = pt({ object: o });
+    const { montageArea: o } = this.editor, i = mt({ object: o });
     if (i) {
-      Qe({ anchors: s, bounds: i });
+      qe({ anchors: s, bounds: i });
       const { left: a, right: r, top: c, bottom: d } = i;
       this.guideBounds = {
         left: a,
@@ -6542,9 +6700,9 @@ class jn {
    * Собирает объекты, подходящие для прилипания, исключая активный объект и запрещённые id.
    */
   _collectTargets({ activeObject: t }) {
-    const e = os({ activeObject: t }), s = [];
+    const e = as({ activeObject: t }), s = [];
     return this.canvas.forEachObject((n) => {
-      is({ object: n, excluded: e }) || s.push(n);
+      rs({ object: n, excluded: e }) || s.push(n);
     }), s;
   }
   /**
@@ -6567,7 +6725,7 @@ class jn {
     };
   }
 }
-const Je = "#3D8BF4", $e = 1;
+const ts = "#3D8BF4", es = 1;
 class Lt {
   /**
    * Создаёт менеджер измерений и инициализирует события.
@@ -6673,7 +6831,7 @@ class Lt {
       this._clearGuides();
       return;
     }
-    const o = pt({ object: n });
+    const o = mt({ object: n });
     if (!o) {
       this._clearGuides();
       return;
@@ -6681,7 +6839,7 @@ class Lt {
     const i = Lt._resolveTarget({
       event: t,
       activeObject: n
-    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = pt({ object: r });
+    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = mt({ object: r });
     if (!d) {
       this._clearGuides();
       return;
@@ -6708,8 +6866,8 @@ class Lt {
     event: t,
     activeObject: e
   }) {
-    const { target: s } = t, n = os({ activeObject: e });
-    return s && !is({ object: s, excluded: n }) ? s : null;
+    const { target: s } = t, n = as({ activeObject: e });
+    return s && !rs({ object: s, excluded: n }) ? s : null;
   }
   /**
    * Собирает вертикальные и горизонтальные направляющие расстояний.
@@ -6750,45 +6908,45 @@ class Lt {
       top: u = 0,
       bottom: f = 0,
       centerY: g = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, f), M = m >= p ? (p + m) / 2 : (c + g) / 2;
+    } = e, p = Math.max(a, u), m = Math.min(r, f), S = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
-      const T = d - i;
-      return T > 0 && n.push({
+      const C = d - i;
+      return C > 0 && n.push({
         type: "horizontal",
-        axis: M,
+        axis: S,
         start: i,
         end: d,
-        distance: T
+        distance: C
       }), n;
     }
     if (l <= o) {
       if (s) return n;
-      const T = o - l;
-      return T > 0 && n.push({
+      const C = o - l;
+      return C > 0 && n.push({
         type: "horizontal",
-        axis: M,
+        axis: S,
         start: l,
         end: o,
-        distance: T
+        distance: C
       }), n;
     }
     if (!s) return n;
-    const S = o < d, y = i > l, b = Math.min(o, d), I = Math.max(o, d), j = I - b;
-    j > 0 && !S && n.push({
+    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), I = j - b;
+    I > 0 && !A && n.push({
       type: "horizontal",
-      axis: M,
+      axis: S,
       start: b,
-      end: I,
-      distance: j
+      end: j,
+      distance: I
     });
-    const A = Math.min(i, l), C = Math.max(i, l), w = C - A;
-    return w > 0 && !y && n.push({
+    const w = Math.min(i, l), T = Math.max(i, l), M = T - w;
+    return M > 0 && !y && n.push({
       type: "horizontal",
-      axis: M,
-      start: A,
-      end: C,
-      distance: w
+      axis: S,
+      start: w,
+      end: T,
+      distance: M
     }), n;
   }
   /**
@@ -6811,45 +6969,45 @@ class Lt {
       left: u = 0,
       right: f = 0,
       centerX: g = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, f), M = m >= p ? (p + m) / 2 : (c + g) / 2;
+    } = e, p = Math.max(a, u), m = Math.min(r, f), S = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
-      const T = d - i;
-      return T > 0 && n.push({
+      const C = d - i;
+      return C > 0 && n.push({
         type: "vertical",
-        axis: M,
+        axis: S,
         start: i,
         end: d,
-        distance: T
+        distance: C
       }), n;
     }
     if (l <= o) {
       if (s) return n;
-      const T = o - l;
-      return T > 0 && n.push({
+      const C = o - l;
+      return C > 0 && n.push({
         type: "vertical",
-        axis: M,
+        axis: S,
         start: l,
         end: o,
-        distance: T
+        distance: C
       }), n;
     }
     if (!s) return n;
-    const S = o < d, y = i > l, b = Math.min(o, d), I = Math.max(o, d), j = I - b;
-    j > 0 && !S && n.push({
+    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), I = j - b;
+    I > 0 && !A && n.push({
       type: "vertical",
-      axis: M,
+      axis: S,
       start: b,
-      end: I,
-      distance: j
+      end: j,
+      distance: I
     });
-    const A = Math.min(i, l), C = Math.max(i, l), w = C - A;
-    return w > 0 && !y && n.push({
+    const w = Math.min(i, l), T = Math.max(i, l), M = T - w;
+    return M > 0 && !y && n.push({
       type: "vertical",
-      axis: M,
-      start: A,
-      end: C,
-      distance: w
+      axis: S,
+      start: w,
+      end: T,
+      distance: M
     }), n;
   }
   /**
@@ -6877,10 +7035,10 @@ class Lt {
     const { canvas: t } = this, e = t.getSelectionContext();
     if (!e) return;
     const { viewportTransform: s } = t, n = t.getZoom() || 1, o = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = o && i && !this.isTargetMontageArea, r = a ? 12 / n : 0;
-    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = $e / n, e.strokeStyle = Je, e.setLineDash([]);
+    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = es / n, e.strokeStyle = ts, e.setLineDash([]);
     for (const c of this.activeGuides) {
-      const { type: d, axis: l, start: u, end: f, distance: g } = c, p = Math.abs(f - u), m = u <= f ? -1 : 1, v = a ? m * (p / 2 + r) : 0, M = 0;
-      e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, f)) : (e.moveTo(u, l), e.lineTo(f, l)), e.stroke(), me({
+      const { type: d, axis: l, start: u, end: f, distance: g } = c, p = Math.abs(f - u), m = u <= f ? -1 : 1, v = a ? m * (p / 2 + r) : 0, S = 0;
+      e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, f)) : (e.moveTo(u, l), e.lineTo(f, l)), e.stroke(), je({
         context: e,
         type: d,
         axis: l,
@@ -6888,10 +7046,10 @@ class Lt {
         end: f,
         text: Math.round(g).toString(),
         zoom: n,
-        color: Je,
-        lineWidth: $e,
+        color: ts,
+        lineWidth: es,
         offsetAlongAxis: v,
-        offsetPerpendicular: M
+        offsetPerpendicular: S
       });
     }
     e.restore();
@@ -6915,7 +7073,7 @@ class Lt {
     (e = t == null ? void 0 : t.showAfterTemporary) == null || e.call(t), this.isToolbarHidden = !1;
   }
 }
-class Se {
+class Le {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -6930,7 +7088,7 @@ class Se {
    * @fires editor:ready
    */
   init() {
-    return k(this, null, function* () {
+    return z(this, null, function* () {
       var u;
       const {
         editorContainerWidth: t,
@@ -6945,13 +7103,17 @@ class Se {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if ($.apply(), this.canvas = new ys(this.containerId, this.options), this.moduleLoader = new Ss(), this.workerManager = new js(), this.errorManager = new Wt({ editor: this }), this.historyManager = new Ys({ editor: this }), this.toolbar = new Ps({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new dt({ editor: this }), this.layerManager = new te({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new ee({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new ge((u = this.options.fonts) != null ? u : []), this.textManager = new P({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
-        const {
-          source: f,
-          scale: g = `image-${c}`,
-          withoutSave: p = !0
-        } = a;
-        yield this.imageManager.importImage({ source: f, scale: g, withoutSave: p });
+      if (et.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Qt({ editor: this }), this.historyManager = new Kt({ editor: this }), this.toolbar = new Us({ editor: this }), this.transformManager = new Js({ editor: this }), this.zoomManager = new qs({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ht({ editor: this }), this.layerManager = new le({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new he({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new Oe({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new Se((u = this.options.fonts) != null ? u : []), this.textManager = new k({ editor: this }), this.templateManager = new _({ editor: this }), d && (this.angleIndicator = new Ee({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Xt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+        const f = a, {
+          source: g,
+          scale: p = `image-${c}`,
+          withoutSave: m = !0
+        } = f, v = gt(f, [
+          "source",
+          "scale",
+          "withoutSave"
+        ]);
+        yield this.imageManager.importImage(B({ source: g, scale: p, withoutSave: m }, v));
       }
       r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
@@ -6967,7 +7129,7 @@ class Se {
     this.montageArea = this.shapeManager.addRectangle({
       width: t,
       height: e,
-      fill: Se._createMosaicPattern(),
+      fill: Le._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -7018,13 +7180,13 @@ class Se {
     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 vs({
+    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 bs({
       source: t,
       repeat: "repeat"
     });
   }
 }
-const O = [
+const L = [
   "U+0000-00FF",
   "U+0100-02BA",
   "U+02BB-02BC",
@@ -7054,7 +7216,7 @@ const O = [
   "U+A720-A7FF",
   "U+FEFF",
   "U+FFFD"
-].join(", "), L = [
+].join(", "), D = [
   "U+0301",
   "U+0400-052F",
   "U+1C80-1C8A",
@@ -7080,7 +7242,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7090,7 +7252,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7100,7 +7262,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7110,7 +7272,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7120,7 +7282,7 @@ const O = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7130,7 +7292,7 @@ const O = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7140,7 +7302,7 @@ const O = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7150,7 +7312,7 @@ const O = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7160,7 +7322,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7170,7 +7332,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7180,7 +7342,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7190,7 +7352,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7200,7 +7362,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7210,7 +7372,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7220,7 +7382,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7230,7 +7392,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7240,7 +7402,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7250,7 +7412,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7260,7 +7422,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7270,7 +7432,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7280,7 +7442,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7290,7 +7452,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7300,7 +7462,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7310,7 +7472,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7320,7 +7482,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7330,7 +7492,7 @@ const O = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7340,7 +7502,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7350,7 +7512,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7360,7 +7522,7 @@ const O = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7370,7 +7532,7 @@ const O = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7380,7 +7542,7 @@ const O = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7390,7 +7552,7 @@ const O = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7400,7 +7562,7 @@ const O = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7410,7 +7572,7 @@ const O = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7420,7 +7582,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7430,7 +7592,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7440,7 +7602,7 @@ const O = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7450,7 +7612,7 @@ const O = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7460,7 +7622,7 @@ const O = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7470,7 +7632,7 @@ const O = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7480,7 +7642,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7490,7 +7652,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7500,7 +7662,7 @@ const O = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7510,7 +7672,7 @@ const O = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7520,7 +7682,7 @@ const O = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7530,7 +7692,7 @@ const O = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7540,7 +7702,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7550,7 +7712,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7560,7 +7722,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7570,7 +7732,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7580,7 +7742,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7590,7 +7752,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7600,7 +7762,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7610,7 +7772,7 @@ const O = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7620,7 +7782,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7630,7 +7792,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7640,7 +7802,7 @@ const O = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7650,7 +7812,7 @@ const O = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7660,7 +7822,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7670,7 +7832,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7680,7 +7842,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7690,7 +7852,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7700,7 +7862,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7710,7 +7872,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7720,7 +7882,7 @@ const O = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7730,7 +7892,7 @@ const O = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7740,7 +7902,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7750,7 +7912,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7760,7 +7922,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7770,7 +7932,7 @@ const O = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7780,7 +7942,7 @@ const O = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7790,7 +7952,7 @@ const O = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7800,7 +7962,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7810,7 +7972,7 @@ const O = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7820,7 +7982,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7830,7 +7992,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7840,7 +8002,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: L
+      unicodeRange: D
     }
   },
   {
@@ -7850,7 +8012,7 @@ const O = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   }
 ], Cn = {
@@ -7954,7 +8116,7 @@ function Dn(h, t = {}) {
   const n = document.createElement("canvas");
   return n.id = `${h}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
     e._onReadyCallback = o;
-    const i = new Se(n.id, e);
+    const i = new Le(n.id, e);
     window[h] = i;
   });
 }