@anu3ev/fabric-image-editor 0.5.22 → 0.5.23

package/dist/main.js

@@ -1,25 +1,25 @@
 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 xe = Object.prototype.hasOwnProperty, Ne = 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 = {}))
-    Ne.call(t, e) && _e(h, e, t[e]);
+    xe.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]);
+      Ne.call(t, e) && _e(h, e, t[e]);
   return h;
-}, wt = (h, t) => ls(h, hs(t));
-var gt = (h, t) => {
+}, St = (h, t) => ls(h, hs(t));
+var pt = (h, t) => {
   var e = {};
   for (var s in h)
-    Ne.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
+    xe.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]);
+      t.indexOf(s) < 0 && Ne.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var z = (h, t, e) => new Promise((s, n) => {
+var P = (h, t, e) => new Promise((s, n) => {
   var o = (r) => {
     try {
       a(e.next(r));
@@ -35,15 +35,15 @@ var z = (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 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 { ActiveSelection as U, Textbox as it, util as ft, controlsUtils as Be, InteractiveFabricObject as ke, Point as et, FitContentLayout as ze, loadSVGFromURL as us, FabricImage as Gt, Gradient as Pe, Rect as fs, Circle as gs, Triangle as ps, Group as Ot, Color as ms, classRegistry as We, 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() {
+var Ss = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", X = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
     e += Ss[s[t] & 63];
   return e;
 };
-class Xt {
+class Kt {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class Xt {
    * @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 = 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();
+    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 = Kt.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 = Kt.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Kt.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 Xt {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(t) {
-    return z(this, null, function* () {
+    return P(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()));
     });
@@ -347,7 +347,7 @@ class Xt {
    */
   handleResetObjectFit(t) {
     const e = t == null ? void 0 : t.target;
-    !e || e instanceof ot || this.editor.transformManager.resetObject({ object: e });
+    !e || e instanceof it || this.editor.transformManager.resetObject({ object: e });
   }
   /**
    * Проверяет, должно ли событие клавиатуры быть проигнорировано
@@ -468,7 +468,7 @@ class Is {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(t, e, s = []) {
-    const n = `${t}:${V(8)}`;
+    const n = `${t}:${X(8)}`;
     return new Promise((o, i) => {
       this._callbacks.set(n, { resolve: o, reject: i }), this.worker.postMessage({ action: t, payload: e, requestId: n }, s);
     });
@@ -480,52 +480,52 @@ class Is {
     this.worker.terminate();
   }
 }
-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";
+const ht = 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();
+  const o = ht, i = Cs;
+  h.save(), h.translate(t, e), h.rotate(ft.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 = 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();
+  h.save(), h.translate(t, e), h.rotate(ft.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 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();
+  h.save(), h.translate(t, e), h.rotate(ft.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 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();
+  h.save(), h.translate(t, e), h.rotate(ft.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 Rs = {
   // Угловые точки
   tl: {
     render: oe,
-    sizeX: lt,
-    sizeY: lt,
+    sizeX: ht,
+    sizeY: ht,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: oe,
-    sizeX: lt,
-    sizeY: lt,
+    sizeX: ht,
+    sizeY: ht,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: oe,
-    sizeX: lt,
-    sizeY: lt,
+    sizeX: ht,
+    sizeY: ht,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: oe,
-    sizeX: lt,
-    sizeY: lt,
+    sizeX: ht,
+    sizeY: ht,
     offsetX: 0,
     offsetY: 0
   },
@@ -568,7 +568,7 @@ const Rs = {
     offsetY: -de
   }
 };
-class et {
+class st {
   /**
    * Отключает изменение ширины по оси X для заблокированных объектов, сохраняя поведение остального хэндлера.
    */
@@ -598,9 +598,9 @@ class et {
    */
   static apply() {
     const t = Be.createObjectDefaultControls();
-    et.applyControlOverrides(t), ke.ownDefaults.controls = t;
+    st.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;
+    st.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), st.wrapWidthControl(e.ml), st.wrapWidthControl(e.mr), it.ownDefaults.controls = e, st.patchActiveSelectionBounds(), ke.ownDefaults.snapAngle = 1;
   }
   /**
    * Обновляет алгоритм расчёта границ ActiveSelection, чтобы учитывать фон и отступы текстовых объектов.
@@ -610,11 +610,11 @@ class et {
     t._calcBoundsFromObjects = function(...o) {
       var f, g;
       const i = (g = (f = this.getObjects) == null ? void 0 : f.call(this)) != null ? g : [];
-      et.applyTextSelectionScalingLock({
+      st.applyTextSelectionScalingLock({
         selection: this,
         objects: i
       });
-      const a = et.calculateActiveSelectionBounds({
+      const a = st.calculateActiveSelectionBounds({
         objects: i
       });
       if (!a)
@@ -626,45 +626,45 @@ class et {
         width: d,
         height: l
       });
-      const u = new tt(r + d / 2, c + l / 2);
+      const u = new et(r + d / 2, c + l / 2);
       return this.setPositionByOrigin(u, "center", "center"), a;
     };
     const s = t._onAfterObjectsChange;
     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 : [];
-      et.applyTextSelectionScalingLock({
+      st.applyTextSelectionScalingLock({
         selection: this,
         objects: r
       });
-      const c = et.calculateActiveSelectionBounds({
+      const c = st.calculateActiveSelectionBounds({
         objects: r
       });
       if (!c) return a;
-      const { left: d, top: l, width: u, height: f } = c, g = new tt(d + u / 2, l + f / 2);
+      const { left: d, top: l, width: u, height: f } = c, g = new et(d + u / 2, l + f / 2);
       return this.set({
         width: u,
         height: f
       }), this.setPositionByOrigin(g, "center", "center"), this.setCoords(), a;
     };
-    const n = We.prototype.calcBoundingBox;
-    We.prototype.calcBoundingBox = function(o, i) {
+    const n = ze.prototype.calcBoundingBox;
+    ze.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);
-      et.applyTextSelectionScalingLock({
+      st.applyTextSelectionScalingLock({
         selection: a,
         objects: o
       });
-      const d = et.calculateActiveSelectionBounds({ objects: o });
+      const d = st.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);
+      const { left: l, top: u, width: f, height: g } = d, p = new et(f, g), m = new et(l + f / 2, u + g / 2);
       return r === "initialization" ? {
         center: m,
-        relativeCorrection: new tt(0, 0),
+        relativeCorrection: new et(0, 0),
         size: p
       } : {
         center: m,
@@ -694,7 +694,7 @@ class et {
     selection: t,
     objects: e
   }) {
-    const s = e.some((n) => n instanceof ot);
+    const s = e.some((n) => n instanceof it);
     t.setControlsVisibility({
       mt: !s,
       mb: !s,
@@ -703,7 +703,7 @@ class et {
     });
   }
 }
-const P = class P {
+const W = class W {
   constructor(t = []) {
     this.fonts = t;
   }
@@ -711,36 +711,36 @@ const P = class P {
     this.fonts = t;
   }
   loadFonts() {
-    return z(this, null, function* () {
+    return P(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) => P.loadFont(o, e));
+      const s = t.map((o) => W.loadFont(o, e));
       yield Promise.allSettled(s);
     });
   }
   static loadFont(t, e) {
-    return z(this, null, function* () {
+    return P(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 = 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);
+      const i = W.normalizeFontSource(o), a = W.getDescriptorSnapshot(t.descriptors), r = W.getFontRegistrationKey(n, i, a);
+      if (!W.registeredFontKeys.has(r)) {
+        if (W.isFontFaceAlreadyApplied(e, n, a)) {
+          W.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), P.registeredFontKeys.add(r);
+            e.fonts.add(u), W.registeredFontKeys.add(r);
             return;
           } catch (l) {
             console.warn(`Не удалось загрузить шрифт "${n}" через FontFace API`, l);
           }
-        P.injectFontFace({
+        W.injectFontFace({
           font: t,
           source: i,
           doc: e,
@@ -760,15 +760,15 @@ const P = class P {
     if (!i) return;
     const a = s.createElement("style");
     a.setAttribute("data-editor-font", i), a.setAttribute("data-editor-font-key", n);
-    const r = P.descriptorsToCss(o), c = [
+    const r = W.descriptorsToCss(o), c = [
       "@font-face {",
-      `  font-family: ${P.formatFontFamilyForCss(i)};`,
+      `  font-family: ${W.formatFontFamilyForCss(i)};`,
       `  src: ${e};`,
       ...r.map((l) => `  ${l}`),
       "}"
     ];
     a.textContent = c.join(`
-`), s.head.appendChild(a), P.registeredFontKeys.add(n);
+`), s.head.appendChild(a), W.registeredFontKeys.add(n);
   }
   static normalizeFontSource(t) {
     const e = t.trim();
@@ -791,15 +791,15 @@ const P = class P {
     return t ? t.trim().replace(/^['"]+|['"]+$/g, "").toLowerCase() : "";
   }
   static getDescriptorSnapshot(t) {
-    const e = P.descriptorDefaults;
+    const e = W.descriptorDefaults;
     return {
-      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)
+      style: W.normalizeDescriptorValue(t == null ? void 0 : t.style, e.style),
+      weight: W.normalizeDescriptorValue(t == null ? void 0 : t.weight, e.weight),
+      stretch: W.normalizeDescriptorValue(t == null ? void 0 : t.stretch, e.stretch),
+      unicodeRange: W.normalizeDescriptorValue(t == null ? void 0 : t.unicodeRange, e.unicodeRange),
+      variant: W.normalizeDescriptorValue(t == null ? void 0 : t.variant, e.variant),
+      featureSettings: W.normalizeDescriptorValue(t == null ? void 0 : t.featureSettings, e.featureSettings),
+      display: W.normalizeDescriptorValue(t == null ? void 0 : t.display, e.display)
     };
   }
   static areDescriptorSnapshotsEqual(t, e) {
@@ -807,7 +807,7 @@ const P = class P {
   }
   static getFontRegistrationKey(t, e, s) {
     return [
-      P.normalizeFamilyName(t),
+      W.normalizeFamilyName(t),
       e,
       s.style,
       s.weight,
@@ -821,12 +821,12 @@ const P = class P {
   static isFontFaceAlreadyApplied(t, e, s) {
     const n = t.fonts;
     if (!n || typeof n.forEach != "function") return !1;
-    const o = P.normalizeFamilyName(e);
+    const o = W.normalizeFamilyName(e);
     let i = !1;
     try {
       n.forEach((a) => {
-        if (i || P.normalizeFamilyName(a.family) !== o) return;
-        const c = P.getDescriptorSnapshot({
+        if (i || W.normalizeFamilyName(a.family) !== o) return;
+        const c = W.getDescriptorSnapshot({
           style: a.style,
           weight: a.weight,
           stretch: a.stretch,
@@ -835,7 +835,7 @@ const P = class P {
           featureSettings: a.featureSettings,
           display: a.display
         });
-        P.areDescriptorSnapshotsEqual(s, c) && (i = !0);
+        W.areDescriptorSnapshotsEqual(s, c) && (i = !0);
       });
     } catch (a) {
       return console.warn("Не удалось проверить, загружен ли шрифт ранее через FontFaceSet", a), !1;
@@ -862,7 +862,7 @@ const P = class P {
     });
   }
 };
-P.registeredFontKeys = /* @__PURE__ */ new Set(), P.descriptorDefaults = {
+W.registeredFontKeys = /* @__PURE__ */ new Set(), W.descriptorDefaults = {
   style: "normal",
   weight: "normal",
   stretch: "normal",
@@ -871,8 +871,8 @@ P.registeredFontKeys = /* @__PURE__ */ new Set(), P.descriptorDefaults = {
   featureSettings: "normal",
   display: "auto"
 };
-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 = {
+let Se = W;
+const _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Ns = "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+", zs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ps = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Ws = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Vt = {
   style: {
     position: "absolute",
     display: "none",
@@ -940,16 +940,16 @@ const _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   offsetTop: 50,
   icons: {
     copyPaste: _s,
-    delete: Ps,
-    lock: Ns,
-    unlock: xs,
-    bringToFront: Ws,
-    sendToBack: zs,
+    delete: Ws,
+    lock: xs,
+    unlock: Ns,
+    bringToFront: zs,
+    sendToBack: Ps,
     bringForward: Bs,
     sendBackwards: ks
   },
   handlers: {
-    copyPaste: (h) => z(null, null, function* () {
+    copyPaste: (h) => P(null, null, function* () {
       h.clipboardManager.copyPaste();
     }),
     delete: (h) => {
@@ -982,11 +982,11 @@ class Us {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    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.config = St(B(B({}, Vt), t), {
+      style: B(B({}, Vt.style), t.style || {}),
+      btnStyle: B(B({}, Vt.btnStyle), t.btnStyle || {}),
+      icons: B(B({}, Vt.icons), t.icons || {}),
+      handlers: B(B({}, Vt.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();
@@ -1211,8 +1211,6 @@ class Ee {
   }
 }
 const ns = [
-  "selectable",
-  "evented",
   "id",
   "backgroundId",
   "customData",
@@ -1222,6 +1220,8 @@ const ns = [
   "height",
   "locked",
   "editable",
+  "evented",
+  "selectable",
   "lockMovementX",
   "lockMovementY",
   "lockRotation",
@@ -1246,7 +1246,7 @@ const ns = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-class Kt {
+class G {
   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();
   }
@@ -1260,48 +1260,7 @@ class Kt {
   _createDiffPatcher() {
     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 [
-          e.id,
-          e.backgroundId,
-          e.format,
-          e.locked,
-          e.left,
-          e.top,
-          e.width,
-          e.height,
-          e.flipX,
-          e.flipY,
-          e.scaleX,
-          e.scaleY,
-          e.angle,
-          e.opacity,
-          o,
-          s.text,
-          s.textCaseRaw,
-          s.uppercase,
-          s.fontFamily,
-          s.fontSize,
-          s.fontWeight,
-          s.fontStyle,
-          s.underline,
-          s.linethrough,
-          s.textAlign,
-          s.fill,
-          s.stroke,
-          s.strokeWidth,
-          n,
-          s.paddingTop,
-          s.paddingRight,
-          s.paddingBottom,
-          s.paddingLeft,
-          s.backgroundColor,
-          s.backgroundOpacity,
-          s.radiusTopLeft,
-          s.radiusTopRight,
-          s.radiusBottomRight,
-          s.radiusBottomLeft
-        ].join("-");
+        return [JSON.stringify(t)].join("-");
       },
       arrays: {
         detectMove: !0,
@@ -1359,17 +1318,167 @@ class Kt {
         }
         const e = this.getFullState();
         console.log("prevState", e);
-        const s = this.diffPatcher.diff(e, t);
-        if (!s) {
+        const {
+          prevState: s,
+          nextState: n
+        } = G._prepareStatesForDiff({
+          prevState: e,
+          nextState: t
+        }), o = this.diffPatcher.diff(s, n);
+        if (!o) {
           console.log("Нет изменений для сохранения.");
           return;
         }
-        console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: V(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+        console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", o), this.totalChangesCount += 1, this.patches.push({ id: X(), diff: o }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
       } finally {
         this._isSavingState = !1;
       }
     }
   }
+  /**
+   * Подготавливает состояния для расчёта diff: нормализует технические изменения
+   * и компенсирует смещения при ресайзе окна.
+   */
+  static _prepareStatesForDiff({
+    prevState: t,
+    nextState: e
+  }) {
+    const s = G._cloneState({ state: t }), n = G._cloneState({ state: e });
+    return G._normalizeTextBackground({ objects: s.objects }), G._normalizeTextBackground({ objects: n.objects }), G._normalizeCanvasSize({
+      prevState: s,
+      nextState: n
+    }), G._normalizeTranslation({
+      prevState: s,
+      nextState: n
+    }), {
+      prevState: s,
+      nextState: n
+    };
+  }
+  /**
+   * Делает глубокую копию состояния канваса.
+   * @param state - исходное состояние
+   */
+  static _cloneState({ state: t }) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  /**
+   * Нормализует backgroundColor у текстовых объектов без фона, чтобы избежать шумовых диффов.
+   * @param objects - список объектов канваса
+   */
+  static _normalizeTextBackground({ objects: t }) {
+    for (let e = 0; e < t.length; e += 1) {
+      const s = t[e], { type: n } = s, o = s.backgroundOpacity, i = typeof o == "number" ? o : 0;
+      (n === "textbox" || n === "i-text" || n === "text") && (i > 0 || (s.backgroundColor = null));
+    }
+  }
+  /**
+   * Игнорирует изменения размеров канваса, если размер монтажной области не менялся.
+   * Это устраняет диффы от ресайза окна без влияния на историю документа.
+   */
+  static _normalizeCanvasSize({
+    prevState: t,
+    nextState: e
+  }) {
+    const { width: s, height: n, objects: o } = t, { objects: i } = e, {
+      width: a,
+      height: r
+    } = G._getMontageAreaSize({ objects: o }), {
+      width: c,
+      height: d
+    } = G._getMontageAreaSize({ objects: i });
+    a !== c || r !== d || (e.width = s, e.height = n);
+  }
+  /**
+   * Компенсирует смещение монтажной области, чтобы не сохранять ресайз как изменение истории.
+   */
+  static _normalizeTranslation({
+    prevState: t,
+    nextState: e
+  }) {
+    const { objects: s, clipPath: n } = t, { objects: o, clipPath: i } = e, {
+      left: a,
+      top: r
+    } = G._getMontageAreaPosition({ objects: s }), {
+      left: c,
+      top: d
+    } = G._getMontageAreaPosition({ objects: o }), l = c - a, u = d - r;
+    if (l === 0 && u === 0) return;
+    const f = G._getObjectById({
+      objects: o,
+      id: "montage-area"
+    });
+    f && (f.left = a, f.top = r);
+    const g = G._getClipPathPosition({ clipPath: n });
+    if (g && i && typeof i == "object") {
+      const { left: m, top: v } = g, w = i;
+      w.left = m, w.top = v;
+    }
+    const p = G._getTranslationIgnoredIds();
+    for (let m = 0; m < o.length; m += 1) {
+      const v = o[m], { id: w } = v;
+      w && p.has(w) || (typeof v.left == "number" && (v.left -= l), typeof v.top == "number" && (v.top -= u));
+    }
+  }
+  /**
+   * Возвращает позицию clipPath из состояния, если она доступна.
+   */
+  static _getClipPathPosition({
+    clipPath: t
+  }) {
+    if (!t || typeof t != "object") return null;
+    const { left: e, top: s } = t;
+    return typeof e != "number" || typeof s != "number" ? null : { left: e, top: s };
+  }
+  /**
+   * Возвращает позицию монтажной области из списка объектов.
+   */
+  static _getMontageAreaPosition({
+    objects: t
+  }) {
+    const e = G._getObjectById({
+      objects: t,
+      id: "montage-area"
+    });
+    if (!e)
+      return { left: 0, top: 0 };
+    const { left: s = 0, top: n = 0 } = e;
+    return { left: s, top: n };
+  }
+  /**
+   * Возвращает размеры монтажной области из списка объектов.
+   */
+  static _getMontageAreaSize({
+    objects: t
+  }) {
+    const e = G._getObjectById({
+      objects: t,
+      id: "montage-area"
+    });
+    if (!e)
+      return { width: 0, height: 0 };
+    const { width: s = 0, height: n = 0 } = e;
+    return { width: s, height: n };
+  }
+  /**
+   * Находит объект по id в массиве объектов канваса.
+   */
+  static _getObjectById({
+    objects: t,
+    id: e
+  }) {
+    for (let s = 0; s < t.length; s += 1) {
+      const n = t[s];
+      if (n.id === e) return n;
+    }
+    return null;
+  }
+  /**
+   * Возвращает набор id объектов, которые не должны сдвигаться при нормализации.
+   */
+  static _getTranslationIgnoredIds() {
+    return /* @__PURE__ */ new Set(["montage-area", "overlay-mask", "background"]);
+  }
   /**
    * Создаёт безопасную копию состояния для загрузки в canvas.
    * customData сериализуется, чтобы Fabric не обрабатывал её как параметры объекта.
@@ -1411,7 +1520,7 @@ class Kt {
     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 }));
+      typeof l == "string" && (u = n.get(l)), u || (u = o.get(c)), u && (d.customData = G._cloneCustomData({ customData: u }));
     }
   }
   /**
@@ -1427,13 +1536,13 @@ class Kt {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(t) {
-    return z(this, null, function* () {
+    return P(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;
-      const r = Kt._createLoadSafeState({ state: t });
-      yield e.loadFromJSON(r), Kt._applyCustomDataFromState({ state: t, canvas: e });
+      const r = G._createLoadSafeState({ state: t });
+      yield e.loadFromJSON(r), G._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");
@@ -1454,7 +1563,7 @@ class Kt {
    * @fires editor:undo
    */
   undo() {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       if (!this.skipHistory) {
         if (this.saveState(), this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1491,9 +1600,9 @@ class Kt {
    * @fires editor:redo
    */
   redo() {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       if (!this.skipHistory) {
-        if (this.saveState(), this.currentIndex >= this.patches.length) {
+        if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
           return;
         }
@@ -1546,7 +1655,7 @@ class 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 = [
+const Hs = 0.1, Zs = 2, Ze = 0.1, Gs = 90, _t = 16, xt = 16, jt = 4096, It = 4096, Ge = "application/image-editor:", ie = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1561,7 +1670,7 @@ const Hs = 0.1, Zs = 2, Ze = 0.1, Gs = 90, Rt = 16, _t = 16, At = 4096, jt = 409
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Vs = 50;
-class ht {
+class ut {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -1578,7 +1687,7 @@ class ht {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const {
         source: e,
         scale: s = `image-${this.options.scaleType}`,
@@ -1590,7 +1699,7 @@ class ht {
         customData: c = null
       } = t;
       if (!e) return null;
-      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;
+      const { canvas: d, montageArea: l, transformManager: u, historyManager: f, errorManager: g } = this.editor, p = yield this.getContentType(e), m = ut.getFormatFromContentType(p), { acceptContentTypes: v, acceptFormats: w } = this;
       if (!this.isAllowedContentType(p)) {
         const A = `Неверный contentType для изображения: ${p}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return g.emitError({
@@ -1603,7 +1712,7 @@ class ht {
             format: m,
             contentType: p,
             acceptContentTypes: v,
-            acceptFormats: S,
+            acceptFormats: w,
             fromClipboard: o,
             isBackground: i,
             withoutSelection: a,
@@ -1631,7 +1740,7 @@ class ht {
               format: m,
               contentType: p,
               acceptContentTypes: v,
-              acceptFormats: S,
+              acceptFormats: w,
               fromClipboard: o,
               isBackground: i,
               withoutSelection: a,
@@ -1640,27 +1749,27 @@ class ht {
             }
           }), null;
         if (this._createdBlobUrls.push(A), m === "svg") {
-          const w = yield us(A);
-          y = ut.groupSVGElements(w.objects, w.options);
+          const S = yield us(A);
+          y = ft.groupSVGElements(S.objects, S.options);
         } else
-          y = yield Zt.fromURL(A, { crossOrigin: "anonymous" });
+          y = yield Gt.fromURL(A, { crossOrigin: "anonymous" });
         const { width: b, height: j } = y;
-        if (y instanceof Zt) {
-          const w = y.getElement();
+        if (y instanceof Gt) {
+          const S = y.getElement();
           let T = "";
-          if (w instanceof HTMLImageElement ? T = w.src : w instanceof HTMLCanvasElement && (T = w.toDataURL()), j > jt || b > At) {
+          if (S instanceof HTMLImageElement ? T = S.src : S instanceof HTMLCanvasElement && (T = S.toDataURL()), j > It || b > jt) {
             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) {
+            this._createdBlobUrls.push(C), y = yield Gt.fromURL(C, { crossOrigin: "anonymous" });
+          } else if (j < xt || b < _t) {
             const M = yield this.resizeImageToBoundaries(T, "min"), C = URL.createObjectURL(M);
-            this._createdBlobUrls.push(C), y = yield Zt.fromURL(C, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(C), y = yield Gt.fromURL(C, { crossOrigin: "anonymous" });
           }
         }
-        if (y.set("id", `${y.type}-${V()}`), y.set("format", m), y.set("customData", c || null), s === "scale-montage")
+        if (y.set("id", `${y.type}-${X()}`), y.set("format", m), y.set("customData", c || null), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: y, withoutSave: !0 });
         else {
-          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 { width: S, 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 > S || j > T) && u.fitObject({ object: y, type: "cover", withoutSave: !0 });
         }
         const I = {
           image: y,
@@ -1707,16 +1816,16 @@ class ht {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(t, e = "max") {
-    return z(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${At}x${jt}`;
-      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Rt}x${_t}`);
+    return P(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${jt}x${It}`;
+      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${_t}x${xt}`);
       const n = {
         dataURL: t,
         sizeType: e,
-        maxWidth: At,
-        maxHeight: jt,
-        minWidth: Rt,
-        minHeight: _t
+        maxWidth: jt,
+        maxHeight: It,
+        minWidth: _t,
+        minHeight: xt
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1739,7 +1848,7 @@ class ht {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return z(this, arguments, function* (t = {}) {
+    return P(this, arguments, function* (t = {}) {
       const {
         fileName: e = "image.png",
         contentType: s = "image/png",
@@ -1747,12 +1856,12 @@ class ht {
         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 = ht.getFormatFromContentType(l);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = ut.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 S = v.getObjects().find((M) => M.id === a.id);
-        if (S && (S.visible = !1), c != null && c.isBlocked) {
+        const w = v.getObjects().find((M) => M.id === a.id);
+        if (w && (w.visible = !1), c != null && c.isBlocked) {
           const M = v.getObjects().find((C) => C.id === c.overlayMask.id);
           M && (M.visible = !1);
         }
@@ -1762,7 +1871,7 @@ class ht {
           const M = v.toSVG();
           v.dispose();
           const E = {
-            image: ht._exportSVGStringAsFile(M, {
+            image: ut._exportSVGStringAsFile(M, {
               exportAsBase64: n,
               exportAsBlob: o,
               fileName: e
@@ -1793,27 +1902,27 @@ class ht {
           [b]
         );
         if (d) {
-          const C = p * 0.264583, E = m * 0.264583, W = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, N = new W({
+          const C = p * 0.264583, E = m * 0.264583, z = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new z({
             orientation: C > E ? "landscape" : "portrait",
             unit: "mm",
             format: [C, E]
           });
-          if (N.addImage(String(j), "JPG", 0, 0, C, E), n) {
+          if (x.addImage(String(j), "JPG", 0, 0, C, E), n) {
             const H = {
-              image: N.output("datauristring"),
+              image: x.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
             return i.fire("editor:canvas-exported", H), H;
           }
-          const x = N.output("blob"), G = {
-            image: new File([x], e, { type: "application/pdf" }),
+          const N = x.output("blob"), V = {
+            image: new File([N], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", G), G;
+          return i.fire("editor:canvas-exported", V), V;
         }
         if (n) {
           const M = {
@@ -1854,7 +1963,7 @@ class ht {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return z(this, arguments, function* (t = {}) {
+    return P(this, arguments, function* (t = {}) {
       const {
         object: e,
         fileName: s = "image.png",
@@ -1871,9 +1980,9 @@ class ht {
           data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: i }
         }), null;
       try {
-        const d = ht.getFormatFromContentType(n);
+        const d = ut.getFormatFromContentType(n);
         if (d === "svg") {
-          const p = c.toSVG(), m = ht._exportSVGStringAsFile(p, {
+          const p = c.toSVG(), m = ut._exportSVGStringAsFile(p, {
             exportAsBase64: o,
             exportAsBlob: i,
             fileName: s
@@ -1886,7 +1995,7 @@ class ht {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        if (o && c instanceof Zt) {
+        if (o && c instanceof Gt) {
           const p = yield createImageBitmap(c.getElement()), m = yield r.post(
             "toDataURL",
             {
@@ -1951,7 +2060,7 @@ class ht {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((t) => ht.getFormatFromContentType(t)).filter((t) => t);
+    return this.acceptContentTypes.map((t) => ut.getFormatFromContentType(t)).filter((t) => t);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1967,7 +2076,7 @@ class ht {
    * @public
    */
   getContentType(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       return typeof t == "string" ? this.getContentTypeFromUrl(t) : t.type || "application/octet-stream";
     });
   }
@@ -1978,7 +2087,7 @@ class ht {
    * @public
    */
   getContentTypeFromUrl(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       if (t.startsWith("data:")) {
         const e = t.match(/^data:([^;]+)/);
         return e ? e[1] : "application/octet-stream";
@@ -2004,7 +2113,7 @@ class ht {
     try {
       const n = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), o = {};
       return this.acceptContentTypes.forEach((i) => {
-        const a = ht.getFormatFromContentType(i);
+        const a = ut.getFormatFromContentType(i);
         a && (o[a] = i);
       }), n && o[n] || "application/octet-stream";
     } catch (s) {
@@ -2057,7 +2166,7 @@ class ht {
     return e ? e[1] : "";
   }
 }
-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);
+const mt = (h, t, e) => Math.max(Math.min(h, e), t), Ve = (h, t) => h * t, Xs = (h, t) => new et(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";
 }
@@ -2081,16 +2190,16 @@ 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 = pt(
+    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 = mt(
       a,
       e.left - c,
       e.left + c
-    ), u = pt(
+    ), u = mt(
       r,
       e.top - d,
       e.top + d
     );
-    return new tt(l, u);
+    return new et(l, u);
   }
   /**
    * Устанавливаем внутреннюю ширину канваса (для экспорта)
@@ -2108,7 +2217,7 @@ class Qs {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
-    } = this.editor, { width: r, height: c } = i, d = pt(Number(t), Rt, At);
+    } = this.editor, { width: r, height: c } = i, d = mt(Number(t), _t, jt);
     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 = Ve(c, p);
       this.setResolutionHeight(m);
@@ -2138,7 +2247,7 @@ class Qs {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, d = pt(Number(t), _t, jt);
+    } = this.editor, { width: r, height: c } = i, d = mt(Number(t), xt, It);
     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 = Ve(r, p);
       this.setResolutionWidth(m);
@@ -2191,7 +2300,7 @@ class Qs {
    */
   setCanvasBackstoreWidth(t) {
     if (!t || typeof t != "number") return;
-    const e = pt(t, Rt, At);
+    const e = mt(t, _t, jt);
     this.editor.canvas.setDimensions({ width: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2200,7 +2309,7 @@ class Qs {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = pt(t, _t, jt);
+    const e = mt(t, xt, It);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2209,7 +2318,7 @@ class Qs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = pt(s, Rt, At), i = pt(n, _t, jt);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = mt(s, _t, jt), i = mt(n, xt, It);
     t.setDimensions({ width: o, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2411,13 +2520,13 @@ class Qs {
     } = this.editor, c = t || n.getActiveObject();
     if (!Ks(c)) return;
     const { width: d, height: l } = c;
-    let u = Math.min(d, At), f = Math.min(l, jt);
+    let u = Math.min(d, jt), f = Math.min(l, It);
     if (e) {
       const {
         width: g,
         height: p
-      } = o, m = d / g, v = l / p, S = Math.max(m, v);
-      u = g * S, f = p * S;
+      } = o, m = d / g, v = l / p, w = Math.max(m, v);
+      u = g * w, f = p * w;
     }
     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,
@@ -2581,9 +2690,9 @@ class Js {
    * @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, S = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, 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, w = n.height;
     let A;
-    e === "contain" ? A = Math.min(v / p, S / m) : A = Math.max(v / p, S / m), t.set({
+    e === "contain" ? A = Math.min(v / p, w / m) : A = Math.max(v / p, w / m), t.set({
       scaleX: a * A,
       scaleY: r * A
     }), s.centerObject(t);
@@ -2703,9 +2812,9 @@ class qs {
    * @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, 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;
+    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, w = g > d;
+    if (!(p || m || v || w)) 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), S = Math.max(y, b), T = Math.max(j, I), M = S / o, C = T / i;
     return Math.max(M, C);
   }
   /**
@@ -2722,8 +2831,8 @@ class qs {
     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, 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 };
+    const m = c / 2, v = d / 2, w = a.left, A = a.top, y = m - w * s, b = v - A * s, j = (y - r[4]) / (e - s), I = (b - r[5]) / (e - s), S = j * f, T = I * f, M = S * o, C = T * o, E = Math.abs(M) > Math.abs(l) ? l : M, z = Math.abs(C) > Math.abs(u) ? u : C;
+    return { x: E, y: z };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2813,7 +2922,7 @@ class qs {
   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);
+    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 et(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
     let u = Number((a + Number(t)).toFixed(2));
     u > n && (u = n), u < s && (u = s), o.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), o.fire("editor:zoom-changed", {
@@ -2828,7 +2937,7 @@ class qs {
    * @fires editor:zoom-changed
    */
   setZoom(t = this.defaultZoom) {
-    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new tt(n.getCenterPoint());
+    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new et(n.getCenterPoint());
     let i = t;
     t > s && (i = s), t < e && (i = e), n.zoomToPoint(o, i), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
@@ -2841,7 +2950,7 @@ class qs {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: t } = this.editor, e = new tt(t.getCenterPoint());
+    const { canvas: t } = this.editor, e = new et(t.getCenterPoint());
     t.zoomToPoint(e, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       point: e
@@ -2905,7 +3014,7 @@ class $s {
     }), t.upperCanvasEl.style.pointerEvents = "", t.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, t.requestRenderAll(), t.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class Ot {
+class Lt {
   constructor({ editor: t }) {
     this.editor = t, this.backgroundObject = null;
   }
@@ -2931,7 +3040,7 @@ class Ot {
         }
         a.set({
           fill: t,
-          backgroundId: `background-${V()}`
+          backgroundId: `background-${X()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(t);
@@ -2968,14 +3077,14 @@ class Ot {
     try {
       const { historyManager: i } = this.editor, { backgroundObject: a } = this;
       if (i.suspendHistory(), a && a.backgroundType === "gradient") {
-        const r = Ot._createFabricGradient(t);
-        if (Ot._isGradientEqual(a.fill, r)) {
+        const r = Lt._createFabricGradient(t);
+        if (Lt._isGradientEqual(a.fill, r)) {
           i.resumeHistory();
           return;
         }
         a.set({
           fill: r,
-          backgroundId: `background-${V()}`
+          backgroundId: `background-${X()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(t);
@@ -3063,7 +3172,7 @@ class Ot {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(o) {
-    return z(this, arguments, function* ({
+    return P(this, arguments, function* ({
       imageSource: t,
       customData: e = {},
       fromTemplate: s = !1,
@@ -3133,7 +3242,7 @@ class Ot {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${V()}`
+      backgroundId: `background-${X()}`
     }, { withoutSelection: !0 }), this.refresh();
   }
   /**
@@ -3150,9 +3259,9 @@ class Ot {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${V()}`
+      backgroundId: `background-${X()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const e = Ot._createFabricGradient(t);
+    const e = Lt._createFabricGradient(t);
     this.backgroundObject.set("fill", e), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -3160,7 +3269,7 @@ class Ot {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(t, e) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       var n;
       const { image: s } = (n = yield this.editor.imageManager.importImage({
         source: t,
@@ -3178,7 +3287,7 @@ class Ot {
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${V()}`,
+        backgroundId: `background-${X()}`,
         customData: e
       }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
@@ -3212,8 +3321,8 @@ class Ot {
       { offset: 0, color: "#000000" },
       { offset: 1, color: "#ffffff" }
     ], t.type === "linear") {
-      const u = t.angle * Math.PI / 180, f = Ot._angleToCoords(u);
-      return new ze({
+      const u = t.angle * Math.PI / 180, f = Lt._angleToCoords(u);
+      return new Pe({
         type: "linear",
         gradientUnits: "percentage",
         coords: f,
@@ -3232,7 +3341,7 @@ class Ot {
       r1: 0,
       r2: d / 100
     };
-    return new ze({
+    return new Pe({
       type: "radial",
       gradientUnits: "percentage",
       coords: l,
@@ -3421,13 +3530,13 @@ class tn {
    */
   addRectangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = d, {
-      id: t = `rect-${V()}`,
+      id: t = `rect-${X()}`,
       left: e,
       top: s,
       width: n = 100,
       height: o = 100,
       fill: i = "blue"
-    } = l, a = gt(l, [
+    } = l, a = pt(l, [
       "id",
       "left",
       "top",
@@ -3463,12 +3572,12 @@ class tn {
    */
   addCircle(c = {}, { withoutSelection: a, withoutAdding: r } = {}) {
     var d = c, {
-      id: t = `circle-${V()}`,
+      id: t = `circle-${X()}`,
       left: e,
       top: s,
       radius: n = 50,
       fill: o = "green"
-    } = d, i = gt(d, [
+    } = d, i = pt(d, [
       "id",
       "left",
       "top",
@@ -3503,13 +3612,13 @@ class tn {
    */
   addTriangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = d, {
-      id: t = `triangle-${V()}`,
+      id: t = `triangle-${X()}`,
       left: e,
       top: s,
       width: n = 100,
       height: o = 100,
       fill: i = "yellow"
-    } = l, a = gt(l, [
+    } = l, a = pt(l, [
       "id",
       "left",
       "top",
@@ -3556,7 +3665,7 @@ class en {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
         const n = yield t.clone(ie);
@@ -3576,7 +3685,7 @@ class en {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const { errorManager: e } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return e.emitWarning({
@@ -3603,7 +3712,7 @@ class en {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(t, e) {
-    return z(this, null, function* () {
+    return P(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)
@@ -3625,7 +3734,7 @@ class en {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       try {
         const e = `${Ge}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
@@ -3660,7 +3769,7 @@ class en {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       var s;
       const { image: e } = (s = yield this.editor.imageManager.importImage({
         source: t,
@@ -3676,18 +3785,18 @@ class en {
    * @fires editor:object-pasted
    */
   copyPaste(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
         const n = yield s.clone(ie);
         return n instanceof U && n.forEachObject((o) => {
           o.set({
-            id: `${o.type}-${V()}`,
+            id: `${o.type}-${X()}`,
             evented: !0
           });
         }), n.set({
-          id: `${n.type}-${V()}`,
+          id: `${n.type}-${X()}`,
           left: n.left + 10,
           top: n.top + 10,
           evented: !0
@@ -3711,7 +3820,7 @@ class en {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(e) {
-    return z(this, arguments, function* ({ clipboardData: t }) {
+    return P(this, arguments, function* ({ clipboardData: t }) {
       var r;
       if (!((r = t == null ? void 0 : t.items) != null && r.length)) {
         this.paste();
@@ -3762,18 +3871,18 @@ class en {
    * @fires editor:object-pasted
    */
   paste() {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
         const e = yield this.clipboard.clone(ie);
         return t.discardActiveObject(), e instanceof U && e.forEachObject((s) => {
           s.set({
-            id: `${s.type}-${V()}`,
+            id: `${s.type}-${X()}`,
             evented: !0
           });
         }), e.set({
-          id: `${e.type}-${V()}`,
+          id: `${e.type}-${X()}`,
           left: e.left + 10,
           top: e.top + 10,
           evented: !0
@@ -3819,7 +3928,7 @@ class he {
     };
     i.set(a), !e && he._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
-    }), i instanceof ot && i.isEditing && i.exitEditing(), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
+    }), i instanceof it && i.isEditing && i.exitEditing(), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
       object: i,
       skipInnerObjects: e,
       withoutSave: s
@@ -3854,7 +3963,7 @@ class he {
     });
   }
   static _isGroupOrSelection(t) {
-    return t instanceof U || t instanceof Et;
+    return t instanceof U || t instanceof Ot;
   }
 }
 class sn {
@@ -3877,20 +3986,20 @@ class sn {
    */
   _getGroupsToUngroup(t) {
     if (Array.isArray(t)) {
-      const s = t.filter((n) => n instanceof Et);
+      const s = t.filter((n) => n instanceof Ot);
       return s.length > 0 ? s : null;
     }
     if (t instanceof U) {
-      const s = t.getObjects().filter((n) => n instanceof Et);
+      const s = t.getObjects().filter((n) => n instanceof Ot);
       return s.length > 0 ? s : null;
     }
     const e = t || this.editor.canvas.getActiveObject();
     if (!e) return null;
     if (e instanceof U) {
-      const s = e.getObjects().filter((n) => n instanceof Et);
+      const s = e.getObjects().filter((n) => n instanceof Ot);
       return s.length > 0 ? s : null;
     }
-    return e instanceof Et ? [e] : null;
+    return e instanceof Ot ? [e] : null;
   }
   /**
   * Группировка объектов
@@ -3907,8 +4016,8 @@ class sn {
     if (!o) return null;
     try {
       n.suspendHistory();
-      const i = new Et(o, {
-        id: `group-${V()}`
+      const i = new Ot(o, {
+        id: `group-${X()}`
       });
       o.forEach((r) => s.remove(r)), s.add(i), s.setActiveObject(i), s.requestRenderAll();
       const a = {
@@ -4035,7 +4144,7 @@ class Oe {
     return n.fire("editor:objects-deleted", c), c;
   }
 }
-const St = {
+const At = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -4219,7 +4328,7 @@ class Qt {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(t) {
-    return t ? Object.values(St).some((e) => Object.values(e).includes(t)) : !1;
+    return t ? Object.values(At).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
 class on {
@@ -4307,11 +4416,11 @@ class on {
     this.currentBounds = this.calculatePanBounds();
   }
 }
-const dt = ({
+const lt = ({
   value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(h, t), e), Dt = class Dt extends ot {
+}) => Math.min(Math.max(h, t), e), Rt = class Rt extends it {
   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();
@@ -4332,11 +4441,11 @@ const dt = ({
   }
   _getNonTransformedDimensions() {
     const { width: t, height: e } = this._getBackgroundDimensions();
-    return new tt(t, e).scalarAdd(this.strokeWidth);
+    return new et(t, e).scalarAdd(this.strokeWidth);
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(wt(B({}, t), {
+    return super._getTransformedDimensions(St(B({}, t), {
       width: e,
       height: s
     }));
@@ -4346,7 +4455,7 @@ const dt = ({
    */
   toObject(t = []) {
     const e = super.toObject(t);
-    return wt(B({}, e), {
+    return St(B({}, e), {
       backgroundOpacity: this.backgroundOpacity,
       paddingTop: this.paddingTop,
       paddingRight: this.paddingRight,
@@ -4363,7 +4472,7 @@ const dt = ({
     const e = this._getEffectiveBackgroundFill();
     if (e && e) {
       const o = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (n = this.height) != null ? n : 0, r = i + o.left + o.right, c = a + o.top + o.bottom, d = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - o.left, u = this._getTopOffset() - o.top;
-      t.save(), Dt._renderRoundedRect({
+      t.save(), Rt._renderRoundedRect({
         ctx: t,
         height: c,
         left: l,
@@ -4385,10 +4494,10 @@ const dt = ({
     var i, a, r, c;
     const s = t / 2, n = e / 2, o = Math.min(s, n);
     return {
-      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 })
+      bottomLeft: lt({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
+      bottomRight: lt({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
+      topLeft: lt({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
+      topRight: lt({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
     };
   }
   _getPadding() {
@@ -4404,7 +4513,7 @@ const dt = ({
     var n;
     const t = this.backgroundColor;
     if (!t) return null;
-    const e = dt({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
+    const e = lt({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
     let s;
     try {
       s = new ms(t);
@@ -4432,7 +4541,7 @@ const dt = ({
       topRight: d,
       bottomRight: l,
       bottomLeft: u
-    } = 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 });
+    } = n, f = lt({ value: c, min: 0, max: i }), g = lt({ value: d, min: 0, max: i }), p = lt({ value: l, min: 0, max: i }), m = lt({ 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();
   }
   /**
@@ -4446,8 +4555,8 @@ const dt = ({
     s !== t && (this.width = Math.max(0, s)), n !== e && (this.height = Math.max(0, n));
   }
 };
-Dt.type = "background-textbox", Dt.cacheProperties = [
-  ...Array.isArray(ot.cacheProperties) ? ot.cacheProperties : [],
+Rt.type = "background-textbox", Rt.cacheProperties = [
+  ...Array.isArray(it.cacheProperties) ? it.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4458,8 +4567,8 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusTopRight",
   "radiusBottomRight",
   "radiusBottomLeft"
-], Dt.stateProperties = [
-  ...Array.isArray(ot.stateProperties) ? ot.stateProperties : [],
+], Rt.stateProperties = [
+  ...Array.isArray(it.stateProperties) ? it.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4471,10 +4580,10 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-let ue = Dt;
+let ue = Rt;
 const an = () => {
   var h;
-  (h = Pe) != null && h.setClass && Pe.setClass(ue, "background-textbox");
+  (h = We) != null && h.setClass && We.setClass(ue, "background-textbox");
 }, rn = ({ textbox: h }) => {
   var s, n;
   if (!h.isEditing) return null;
@@ -4514,7 +4623,7 @@ const an = () => {
   );
   if (s.length)
     return (n = s[0]) == null ? void 0 : n[e];
-}, 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;
+}, 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() : "", tt = 0.01;
 class k {
   constructor({ editor: t }) {
     var e;
@@ -4558,7 +4667,7 @@ class k {
         this.isTextEditingActive = !1, this.editor.historyManager.saveState();
       }, Vs);
     }, this._handleObjectScaling = (s) => {
-      var te, xt, Bt, kt, Wt, zt, Pt, Ut, Ft, X, Tt, ee, Mt;
+      var te, Bt, kt, zt, Pt, Wt, Ut, Ft, Yt, K, Et, ee, wt;
       const { target: n, transform: o } = s;
       if (n instanceof U || !k._isTextbox(n) || !o) return;
       n.isScaling = !0;
@@ -4569,124 +4678,124 @@ class k {
         basePadding: d,
         baseRadii: l,
         baseStyles: u
-      } = 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;
+      } = i, f = typeof ((te = o.original) == null ? void 0 : te.width) == "number" ? o.original.width : void 0, g = typeof ((Bt = o.original) == null ? void 0 : Bt.left) == "number" ? o.original.left : void 0, p = f != null ? f : a, m = g != null ? g : r, v = (kt = o.corner) != null ? kt : "", w = (zt = o.action) != null ? zt : "", A = ["ml", "mr"].includes(v) || w === "scaleX", y = ["mt", "mb"].includes(v) || w === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || w === "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), {
+      const I = Math.abs((Wt = (Pt = n.scaleX) != null ? Pt : o.scaleX) != null ? Wt : 1) || 1, S = Math.abs((Ft = (Ut = n.scaleY) != null ? Ut : o.scaleY) != null ? Ft : 1) || 1, T = Math.max(1, p * I), M = Math.max(1, Math.round(T)), C = Math.max(1, c * S), {
         paddingTop: E = 0,
-        paddingRight: W = 0,
-        paddingBottom: N = 0,
-        paddingLeft: x = 0,
+        paddingRight: z = 0,
+        paddingBottom: x = 0,
+        paddingLeft: N = 0,
         radiusTopLeft: Y = 0,
-        radiusTopRight: G = 0,
-        radiusBottomRight: K = 0,
+        radiusTopRight: V = 0,
+        radiusBottomRight: Q = 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]) => {
+        originX: at = "left"
+      } = n, Z = b || y, nt = b || y, F = Z ? {
+        top: Math.max(0, d.top * S),
+        right: Math.max(0, d.right * S),
+        bottom: Math.max(0, d.bottom * S),
+        left: Math.max(0, d.left * S)
+      } : d, $ = nt ? {
+        topLeft: Math.max(0, l.topLeft * S),
+        topRight: Math.max(0, l.topRight * S),
+        bottomRight: Math.max(0, l.bottomRight * S),
+        bottomLeft: Math.max(0, l.bottomLeft * S)
+      } : l, ot = Object.keys(u).length > 0;
+      let q;
+      if (j && ot) {
+        const Ht = {};
+        Object.entries(u).forEach(([Zt, 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);
+            typeof se.fontSize == "number" && (Re.fontSize = Math.max(1, se.fontSize * S)), fe[cs] = Re;
+          }), Object.keys(fe).length && (Ht[Zt] = fe);
+        }), Object.keys(Ht).length && (q = Ht);
       }
-      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) {
+      const vt = (K = (Yt = o.originX) != null ? Yt : at) != null ? K : "left", Ct = m + p, rt = m + p / 2, gt = O != null ? O : p, ct = M !== gt, Nt = Math.abs(C - (R != null ? R : c)) > tt, bt = Math.abs(F.top - E) > tt || Math.abs(F.right - z) > tt || Math.abs(F.bottom - x) > tt || Math.abs(F.left - N) > tt, Jt = Math.abs($.topLeft - Y) > tt || Math.abs($.topRight - V) > tt || Math.abs($.bottomRight - Q) > tt || Math.abs($.bottomLeft - H) > tt;
+      if (!ct && !Nt && !bt && !Jt) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
-      J && (n.styles = J), n.set({
+      q && (n.styles = q), 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,
-        radiusBottomLeft: q.bottomLeft,
+        radiusTopLeft: $.topLeft,
+        radiusTopRight: $.topRight,
+        radiusBottomRight: $.bottomRight,
+        radiusBottomLeft: $.bottomLeft,
         scaleX: 1,
         scaleY: 1
       });
       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 = {
+      const Tt = (Et = n.width) != null ? Et : M, $t = Tt !== gt;
+      let dt = m;
+      $t && (A || b) && (vt === "right" ? dt = Ct - Tt : vt === "center" && (dt = rt - Tt / 2)), n.set({ left: dt }), i.baseLeft = dt, o.scaleX = 1, o.scaleY = 1;
+      const { original: Mt } = o;
+      Mt && (Mt.scaleX = 1, Mt.scaleY = 1, Mt.width = Tt, Mt.height = n.height, Mt.left = dt), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = Tt, i.baseFontSize = (ee = n.fontSize) != null ? ee : C, i.baseStyles = JSON.parse(JSON.stringify((wt = n.styles) != null ? wt : {})), 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 = $t || Nt || vt || Jt || qt;
+        topLeft: $.topLeft,
+        topRight: $.topRight,
+        bottomRight: $.bottomRight,
+        bottomLeft: $.bottomLeft
+      }, i.hasWidthChange = $t || Nt || bt || Jt || qt;
     }, this._handleObjectModified = (s) => {
-      var S, A, y;
+      var w, A, y;
       const { target: n } = s;
       if (n instanceof U) {
         const b = n.getObjects();
         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;
+        const { scaleX: I = 1, scaleY: S = 1 } = n;
+        if (Math.abs(I - 1) < tt && Math.abs(S - 1) < tt) return;
         this.canvas.discardActiveObject(), b.forEach((M) => {
-          var C, E, W, N;
+          var C, E, z, x;
           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, {
+            const N = (C = M.scaleX) != null ? C : 1, Y = (E = M.scaleY) != null ? E : 1, V = ((z = M.fontSize) != null ? z : 16) * Y, Q = ((x = M.width) != null ? x : 0) * N, H = Y, {
               paddingTop: R = 0,
               paddingRight: O = 0,
-              paddingBottom: it = 0,
+              paddingBottom: at = 0,
               paddingLeft: Z = 0,
-              radiusTopLeft: st = 0,
+              radiusTopLeft: nt = 0,
               radiusTopRight: F = 0,
-              radiusBottomRight: q = 0,
-              radiusBottomLeft: nt = 0,
-              styles: J
-            } = M, yt = {
+              radiusBottomRight: $ = 0,
+              radiusBottomLeft: ot = 0,
+              styles: q
+            } = M, vt = {
               paddingTop: Math.max(0, R * H),
               paddingRight: Math.max(0, O * H),
-              paddingBottom: Math.max(0, it * H),
+              paddingBottom: Math.max(0, at * H),
               paddingLeft: Math.max(0, Z * H)
-            }, It = {
-              radiusTopLeft: Math.max(0, st * H),
+            }, Ct = {
+              radiusTopLeft: Math.max(0, nt * H),
               radiusTopRight: Math.max(0, F * H),
-              radiusBottomRight: Math.max(0, q * H),
-              radiusBottomLeft: Math.max(0, nt * H)
+              radiusBottomRight: Math.max(0, $ * H),
+              radiusBottomLeft: Math.max(0, ot * H)
             };
-            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));
+            let rt = q;
+            q && Object.keys(q).length > 0 && (rt = JSON.parse(JSON.stringify(q)), Object.values(rt).forEach((gt) => {
+              Object.values(gt).forEach((ct) => {
+                typeof ct.fontSize == "number" && (ct.fontSize = Math.max(1, ct.fontSize * H));
               });
-            })), M.set(wt(B(B({
-              fontSize: G,
-              width: K,
+            })), M.set(St(B(B({
+              fontSize: V,
+              width: Q,
               scaleX: 1,
               scaleY: 1
-            }, yt), It), {
-              styles: at
+            }, vt), Ct), {
+              styles: rt
             })), k._roundTextboxDimensions({ textbox: M });
           }
           M.setCoords();
@@ -4701,7 +4810,7 @@ class k {
       n.isScaling = !1;
       const o = this.scalingState.get(n);
       if (this.scalingState.delete(n), !(o != null && o.hasWidthChange)) return;
-      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), {
+      const i = (w = n.width) != null ? w : 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,
@@ -4732,9 +4841,9 @@ class k {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(W = {}, { withoutSelection: M = !1, withoutSave: C = !1, withoutAdding: E = !1 } = {}) {
-    var N = W, {
-      id: t = `text-${V()}`,
+  addText(z = {}, { withoutSelection: M = !1, withoutSave: C = !1, withoutAdding: E = !1 } = {}) {
+    var x = z, {
+      id: t = `text-${X()}`,
       text: e = "Новый текст",
       fontFamily: s,
       fontSize: n = 48,
@@ -4751,14 +4860,14 @@ class k {
       backgroundColor: p,
       backgroundOpacity: m = 1,
       paddingTop: v = 0,
-      paddingRight: S = 0,
+      paddingRight: w = 0,
       paddingBottom: A = 0,
       paddingLeft: y = 0,
       radiusTopLeft: b = 0,
       radiusTopRight: j = 0,
       radiusBottomRight: I = 0,
-      radiusBottomLeft: w = 0
-    } = N, T = gt(N, [
+      radiusBottomLeft: S = 0
+    } = x, T = pt(x, [
       "id",
       "text",
       "fontFamily",
@@ -4785,14 +4894,14 @@ class k {
       "radiusBottomLeft"
     ]);
     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({
+    const { historyManager: N } = this.editor, { canvas: Y } = this;
+    N.suspendHistory();
+    const V = s != null ? s : this._getDefaultFontFamily(), Q = Qe({ width: f }), H = Ke({
       strokeColor: u,
-      width: K
+      width: Q
     }), R = B({
       id: t,
-      fontFamily: G,
+      fontFamily: V,
       fontSize: n,
       fontWeight: o ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
@@ -4802,27 +4911,27 @@ class k {
       textAlign: d,
       fill: l,
       stroke: H,
-      strokeWidth: K,
+      strokeWidth: Q,
       strokeUniform: !0,
       opacity: g,
       backgroundColor: p,
       backgroundOpacity: m,
       paddingTop: v,
-      paddingRight: S,
+      paddingRight: w,
       paddingBottom: A,
       paddingLeft: y,
       radiusTopLeft: b,
       radiusTopRight: j,
       radiusBottomRight: I,
-      radiusBottomLeft: w
+      radiusBottomLeft: S
     }, 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 });
+      const nt = pe({ value: O.textCaseRaw });
+      nt !== O.text && O.set({ text: nt });
     }
-    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", {
+    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(), N.resumeHistory(), C || N.saveState(), Y.fire("editor:text-added", {
       textbox: O,
-      options: wt(B({}, R), {
+      options: St(B({}, R), {
         text: e,
         bold: o,
         italic: i,
@@ -4830,7 +4939,7 @@ class k {
         align: d,
         color: l,
         strokeColor: H,
-        strokeWidth: K
+        strokeWidth: Q
       }),
       flags: {
         withoutSelection: !!M,
@@ -4848,40 +4957,40 @@ class k {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
-    var xt, kt, Wt, zt, Pt, Ut, Ft;
+    var Bt, zt, Pt, Wt, Ut, Ft, Yt;
     const o = this._resolveTextObject(t);
     if (!o) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = k._getSnapshot(o), c = (xt = o.originY) != null ? xt : "top", d = o.getPointByOrigin("center", c), l = {
+    const r = k._getSnapshot(o), c = (Bt = o.originY) != null ? Bt : "top", d = o.getPointByOrigin("center", c), l = {
       originY: c,
       x: d.x,
       y: d.y
-    }, Bt = e, {
+    }, kt = e, {
       text: u,
       fontFamily: f,
       fontSize: g,
       bold: p,
       italic: m,
       underline: v,
-      uppercase: S,
+      uppercase: w,
       strikethrough: A,
       align: y,
       color: b,
       strokeColor: j,
       strokeWidth: I,
-      opacity: w,
+      opacity: S,
       backgroundColor: T,
       backgroundOpacity: M,
       paddingTop: C,
       paddingRight: E,
-      paddingBottom: W,
-      paddingLeft: N,
-      radiusTopLeft: x,
+      paddingBottom: z,
+      paddingLeft: x,
+      radiusTopLeft: N,
       radiusTopRight: Y,
-      radiusBottomRight: G,
-      radiusBottomLeft: K
-    } = Bt, H = gt(Bt, [
+      radiusBottomRight: V,
+      radiusBottomLeft: Q
+    } = kt, H = pt(kt, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4905,57 +5014,57 @@ class k {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), 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));
+    ]), R = B({}, H), O = rn({ textbox: o }), at = O ? k._expandRangeToFullLines({ textbox: o, range: O }) : null, Z = {}, nt = {}, F = {}, $ = dn({ textbox: o, range: O }), ot = !O || $, q = !O;
+    if (f !== void 0 && (at && (nt.fontFamily = f), ot && (R.fontFamily = f, q && (F.fontFamily = f))), g !== void 0 && (at && (nt.fontSize = g), ot && (R.fontSize = g, q && (F.fontSize = g))), p !== void 0) {
+      const K = p ? "bold" : "normal";
+      O && (Z.fontWeight = K), ot && (R.fontWeight = K, q && (F.fontWeight = K));
     }
     if (m !== void 0) {
-      const X = m ? "italic" : "normal";
-      O && (Z.fontStyle = X), nt && (R.fontStyle = X, J && (F.fontStyle = X));
+      const K = m ? "italic" : "normal";
+      O && (Z.fontStyle = K), ot && (R.fontStyle = K, q && (F.fontStyle = K));
     }
-    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
+    if (v !== void 0 && (O && (Z.underline = v), ot && (R.underline = v, q && (F.underline = v))), A !== void 0 && (O && (Z.linethrough = A), ot && (R.linethrough = A, q && (F.linethrough = A))), y !== void 0 && (R.textAlign = y), b !== void 0 && (O && (Z.fill = b), ot && (R.fill = b, q && (F.fill = b))), j !== void 0 || I !== void 0) {
+      const K = O ? Xe({ textbox: o, range: O, property: "strokeWidth" }) : void 0, Et = O ? Xe({ textbox: o, range: O, property: "stroke" }) : void 0, ee = (Pt = (zt = I != null ? I : K) != null ? zt : o.strokeWidth) != null ? Pt : 0, wt = Qe({ width: ee }), Ht = (Ut = (Wt = j != null ? j : Et) != null ? Wt : o.stroke) != null ? Ut : void 0, Zt = Ke({
+        strokeColor: Ht,
+        width: wt
       });
-      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;
+      O && (Z.stroke = Zt, Z.strokeWidth = wt), ot && (R.stroke = Zt, R.strokeWidth = wt, q && (F.stroke = Zt, F.strokeWidth = wt));
+    }
+    S !== void 0 && (R.opacity = S), T !== void 0 && (R.backgroundColor = T), M !== void 0 && (R.backgroundOpacity = M), C !== void 0 && (R.paddingTop = C), E !== void 0 && (R.paddingRight = E), z !== void 0 && (R.paddingBottom = z), x !== void 0 && (R.paddingLeft = x), N !== void 0 && (R.radiusTopLeft = N), Y !== void 0 && (R.radiusTopRight = Y), V !== void 0 && (R.radiusBottomRight = V), Q !== void 0 && (R.radiusBottomLeft = Q);
+    const vt = (Yt = o.textCaseRaw) != null ? Yt : (Ft = o.text) != null ? Ft : "", Ct = !!o.uppercase, rt = u !== void 0, gt = rt ? u != null ? u : "" : vt, ct = w != null ? w : Ct, Nt = ct !== Ct;
+    if (rt || Nt) {
+      const K = ct ? pe({ value: gt }) : gt;
+      R.text = K, o.textCaseRaw = gt;
+    } else o.textCaseRaw === void 0 && (o.textCaseRaw = vt);
+    o.uppercase = ct, o.set(R);
+    let bt = !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;
+      const K = ge({ textbox: o, styles: Z, range: O }), Et = at ? ge({ textbox: o, styles: nt, range: at }) : !1;
+      bt = K || Et;
     } else if (Object.keys(F).length) {
-      const X = cn({ textbox: o });
-      X && (vt = ge({ textbox: o, styles: F, range: X }));
+      const K = cn({ textbox: o });
+      K && (bt = ge({ textbox: o, styles: F, range: K }));
     }
-    const Jt = vt && k._hasLayoutAffectingStyles({
+    const Jt = bt && k._hasLayoutAffectingStyles({
       stylesList: [
         Z,
-        st,
+        nt,
         F
       ]
     });
-    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);
+    bt && (o.dirty = !0), Jt && (o.initDimensions(), o.dirty = !0), (T !== void 0 || M !== void 0 || C !== void 0 || E !== void 0 || z !== void 0 || x !== void 0 || N !== void 0 || Y !== void 0 || V !== void 0 || Q !== void 0) && (o.dirty = !0);
     const qt = k._hasLayoutAffectingStyles({
       stylesList: [
         R,
         Z,
-        st,
+        nt,
         F
       ]
-    }), $t = !Object.prototype.hasOwnProperty.call(R, "width") && (at || Nt || qt);
-    let ct = !1;
-    $t && (ct = this._autoExpandTextboxWidth(o, {
+    }), $t = !Object.prototype.hasOwnProperty.call(R, "width") && (rt || Nt || qt);
+    let dt = !1;
+    $t && (dt = 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();
+    }), dt && (o.dirty = !0)), (dt ? !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,
@@ -4983,7 +5092,7 @@ class k {
    * Возвращает активный текст или ищет по id.
    */
   _resolveTextObject(t) {
-    if (t instanceof ot) return t;
+    if (t instanceof it) return t;
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
@@ -4999,7 +5108,7 @@ class k {
    * Проверяет, является ли объект текстовым блоком редактора.
    */
   static _isTextbox(t) {
-    return !!t && t instanceof ot;
+    return !!t && t instanceof it;
   }
   /**
    * Вешает обработчики событий Fabric для работы с текстом.
@@ -5013,7 +5122,7 @@ class k {
    * но не шире монтажной области, и удерживает объект в её пределах.
    */
   _autoExpandTextboxWidth(t, { anchor: e } = {}) {
-    var I, w, T, M, C, E, W, N, x, Y, G, K, H;
+    var I, S, T, M, C, E, z, x, N, Y, V, Q, H;
     const { montageArea: s } = this.editor;
     if (!s) return !1;
     const n = typeof t.text == "string" ? t.text : "";
@@ -5021,7 +5130,7 @@ class k {
     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(
+    const a = e != null ? e : (S = this.editingAnchorState) == null ? void 0 : S.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 = (z = t.paddingRight) != null ? z : 0, u = (x = t.strokeWidth) != null ? x : 0, f = Math.max(
       1,
       i / c - d - l - u
     );
@@ -5029,18 +5138,18 @@ class k {
     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(
+    Math.abs(((N = t.width) != null ? N : 0) - f) > tt && (t.set({ width: f }), p = !0), t.initDimensions();
+    const { textLines: m } = t, v = Array.isArray(m) && m.length > g, w = 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)
+      Math.max(w, 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);
+    v && (y = f), Math.abs(((V = t.width) != null ? V : 0) - y) > tt && (t.set({ width: y }), t.initDimensions(), p = !0), k._roundTextboxDimensions({ textbox: t }) && (p = !0), a && (t.setPositionByOrigin(new et(a.x, a.y), "center", r), p = !0);
     const j = k._clampTextboxToMontage({
       textbox: t,
-      montageLeft: (K = o.left) != null ? K : 0,
+      montageLeft: (Q = o.left) != null ? Q : 0,
       montageRight: ((H = o.left) != null ? H : 0) + i
     });
     return p || j;
@@ -5072,10 +5181,10 @@ class k {
     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 - $)
+    if (a > 0 && ((l = n.width) != null ? l : 0) >= a - tt)
       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);
+    return o < e ? r = e - o : i > s && (r = s - i), Math.abs(r) <= tt ? !1 : (t.set({ left: ((u = t.left) != null ? u : 0) + r }), !0);
   }
   /**
    * Обрабатывает изменение ширины текстового объекта (resizing).
@@ -5097,7 +5206,7 @@ class k {
     e.set({ width: r });
     const c = (u = e.width) != null ? u : 0, d = a - c;
     if (d !== 0 && s && s.corner === "ml") {
-      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;
+      const w = ((f = e.angle) != null ? f : 0) * Math.PI / 180, A = Math.cos(w), y = Math.sin(w), b = (g = e.scaleX) != null ? g : 1, j = d * b;
       e.set({
         left: ((p = e.left) != null ? p : 0) + j * A,
         top: ((m = e.top) != null ? m : 0) + j * y
@@ -5234,8 +5343,8 @@ class k {
       snapshot: R,
       entries: O
     }) => {
-      Object.entries(O).forEach(([it, Z]) => {
-        Z != null && (R[it] = Z);
+      Object.entries(O).forEach(([at, Z]) => {
+        Z != null && (R[at] = Z);
       });
     }, {
       id: s,
@@ -5253,23 +5362,23 @@ class k {
       stroke: p,
       strokeWidth: m,
       opacity: v,
-      backgroundColor: S,
+      backgroundColor: w,
       backgroundOpacity: A,
       paddingTop: y,
       paddingRight: b,
       paddingBottom: j,
       paddingLeft: I,
-      radiusTopLeft: w,
+      radiusTopLeft: S,
       radiusTopRight: T,
       radiusBottomRight: M,
       radiusBottomLeft: C,
       left: E,
-      top: W,
-      width: N,
-      height: x,
+      top: z,
+      width: x,
+      height: N,
       angle: Y,
-      scaleX: G,
-      scaleY: K
+      scaleX: V,
+      scaleY: Q
     } = t, H = {
       id: s,
       uppercase: !!i,
@@ -5290,23 +5399,23 @@ class k {
         stroke: p,
         strokeWidth: m,
         opacity: v,
-        backgroundColor: S,
+        backgroundColor: w,
         backgroundOpacity: A,
         paddingTop: y,
         paddingRight: b,
         paddingBottom: j,
         paddingLeft: I,
-        radiusTopLeft: w,
+        radiusTopLeft: S,
         radiusTopRight: T,
         radiusBottomRight: M,
         radiusBottomLeft: C,
         left: E,
-        top: W,
-        width: N,
-        height: x,
+        top: z,
+        width: x,
+        height: N,
         angle: Y,
-        scaleX: G,
-        scaleY: K
+        scaleX: V,
+        scaleY: Q
       }
     }), H;
   }
@@ -5318,7 +5427,7 @@ class k {
     return (e = (t = this.fonts[0]) == null ? void 0 : t.family) != null ? e : "Arial";
   }
 }
-const Q = ({
+const J = ({
   value: h,
   fallback: t = 0
 }) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, ae = ({
@@ -5326,7 +5435,7 @@ const Q = ({
   dimension: t,
   useRelativePositions: e
 }) => {
-  const s = Q({ value: h });
+  const s = J({ value: h });
   return e ? s : s / (t || 1);
 }, ln = ({
   object: h,
@@ -5357,7 +5466,7 @@ const Q = ({
     value: r,
     dimension: e,
     useRelativePositions: s
-  }), f = Q({ value: c }) / (t || 1), g = Q({ value: d }) / (e || 1);
+  }), f = J({ value: c }) / (t || 1), g = J({ value: d }) / (e || 1);
   return {
     x: l + f / 2,
     y: u + g / 2
@@ -5372,10 +5481,10 @@ const Q = ({
   const { left: o, top: i, width: a, height: r } = e;
   if (!n) {
     const { width: l, height: u } = s, f = o + h * (l || a), g = i + t * (u || r);
-    return new tt(f, g);
+    return new et(f, g);
   }
   const c = o + h * a, d = i + t * r;
-  return new tt(c, d);
+  return new et(c, d);
 }, un = ({
   object: h,
   montageArea: t,
@@ -5391,7 +5500,7 @@ const Q = ({
   } catch (s) {
     return null;
   }
-}, mt = ({
+}, yt = ({
   object: h
 }) => {
   if (!h) return null;
@@ -5455,7 +5564,7 @@ const Q = ({
       };
   }
   return null;
-}, Vt = "_templateCenterX", me = "_templateCenterY", re = "_templateAnchorX", ye = "_templateAnchorY";
+}, Xt = "_templateCenterX", me = "_templateCenterY", re = "_templateAnchorX", ye = "_templateAnchorY";
 class _ {
   constructor({ editor: t }) {
     this.editor = t;
@@ -5480,25 +5589,25 @@ class _ {
       return a.emitWarning({
         origin: "TemplateManager",
         method: "serializeSelection",
-        code: St.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+        code: At.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
         message: "Нет объектов для сериализации шаблона"
       }), null;
-    const g = _._getBounds(i), p = _._getMontageSize({ montageArea: i, bounds: g }), m = p.width, v = p.height, S = f.map((b) => _._serializeObject({
+    const g = _._getBounds(i), p = _._getMontageSize({ montageArea: i, bounds: g }), m = p.width, v = p.height, w = f.map((b) => _._serializeObject({
       object: b,
       bounds: g,
       baseWidth: m,
       baseHeight: v,
       montageArea: i != null ? i : null
-    })), A = wt(B({}, s), {
+    })), A = St(B({}, s), {
       baseWidth: m,
       baseHeight: v,
       positionsNormalized: !0,
       previewId: e != null ? e : s.previewId
     });
     return {
-      id: t != null ? t : `template-${V()}`,
+      id: t != null ? t : `template-${X()}`,
       meta: A,
-      objects: S
+      objects: w
     };
   }
   /**
@@ -5508,7 +5617,7 @@ class _ {
    * @param options.data - данные для заполнения текстов по customData.templateField
    */
   applyTemplate(s) {
-    return z(this, arguments, function* ({
+    return P(this, arguments, function* ({
       template: t,
       data: e
     }) {
@@ -5523,7 +5632,7 @@ class _ {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: St.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+          code: At.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
       const u = _._getBounds(o);
@@ -5531,11 +5640,11 @@ class _ {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: St.TEMPLATE_MANAGER.INVALID_TARGET,
+          code: At.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
       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;
+      let v = !1, w = !1;
       i.suspendHistory();
       try {
         const A = yield _._enlivenObjects(c);
@@ -5543,11 +5652,11 @@ class _ {
           return a.emitWarning({
             origin: "TemplateManager",
             method: "applyTemplate",
-            code: St.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+            code: At.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
         const { backgroundObject: y, contentObjects: b } = _._extractBackgroundObject(A);
-        y && (S = yield _._applyBackgroundFromObject({
+        y && (w = yield _._applyBackgroundFromObject({
           backgroundObject: y,
           backgroundManager: r,
           errorManager: a
@@ -5565,10 +5674,10 @@ class _ {
           montageArea: o,
           useRelativePositions: m
         }), I.set({
-          id: `${I.type}-${V()}`,
+          id: `${I.type}-${X()}`,
           evented: !0
         }), 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", {
+        return !j.length && !w ? null : (v = j.length > 0 || w, j.length && _._activateObjects({ canvas: n, objects: j }), n.requestRenderAll(), n.fire("editor:template-applied", {
           template: t,
           objects: j,
           bounds: u
@@ -5577,7 +5686,7 @@ class _ {
         return a.emitError({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: St.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: At.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
             templateId: l,
@@ -5617,14 +5726,14 @@ class _ {
     * Превращает plain-описание объектов в Fabric объекты.
     */
   static _enlivenObjects(t) {
-    return z(this, null, function* () {
-      return (yield Promise.all(t.map((s) => z(null, null, function* () {
+    return P(this, null, function* () {
+      return (yield Promise.all(t.map((s) => P(null, null, function* () {
         if (_._hasSerializedSvgMarkup(s)) {
           const i = yield _._reviveSvgObject(s);
           if (i)
             return _._restoreImageScale({ revived: i, serialized: s }), i;
         }
-        const n = yield ut.enlivenObjects([s]), o = n == null ? void 0 : n[0];
+        const n = yield ft.enlivenObjects([s]), o = n == null ? void 0 : n[0];
         return o ? (_._restoreImageScale({ revived: o, serialized: s }), o) : null;
       })))).filter((s) => !!s);
     });
@@ -5653,22 +5762,22 @@ class _ {
       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 }), 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) {
+    }, p = J({ value: l || f || c.width, fallback: 0 }), m = J({ value: u || g || c.height, fallback: 0 }), v = J({ value: n, fallback: p }), w = J({ value: o, fallback: m }), A = J({ value: i, fallback: c.scaleX || 1 }), y = J({ value: a, fallback: c.scaleY || 1 }), b = v * A, j = w * y, I = p > 0, S = m > 0, T = b > 0, M = j > 0, C = _._resolveImageFit({ customData: r }), E = {};
+    if (I && (E.width = p), S && (E.height = m), !I || !S) {
       c.set(E);
       return;
     }
     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);
+      const x = T ? b / p : null, N = M ? j / m : null;
+      x && x > 0 && (E.scaleX = x), N && N > 0 && (E.scaleY = N), c.set(E);
       return;
     }
     if (!T || !M) {
       c.set(E);
       return;
     }
-    const W = Math.min(b / p, j / m);
-    Number.isFinite(W) && W > 0 && (E.scaleX = W, E.scaleY = W), c.set(E);
+    const z = Math.min(b / p, j / m);
+    Number.isFinite(z) && z > 0 && (E.scaleX = z, E.scaleY = z), c.set(E);
   }
   /**
    * Определяет режим вписывания изображения при восстановлении.
@@ -5690,11 +5799,11 @@ class _ {
    * Восстанавливает SVG-объект из компактного описания.
    */
   static _reviveSvgObject(t) {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield ys(e), n = ut.groupSVGElements(s.objects, s.options), o = yield ut.enlivenObjectEnlivables(
+        const s = yield ys(e), n = ft.groupSVGElements(s.objects, s.options), o = yield ft.enlivenObjectEnlivables(
           _._prepareSerializableProps(t)
         );
         return n.set(o), n.setCoords(), n;
@@ -5759,10 +5868,10 @@ class _ {
       baseHeight: i,
       useRelativePositions: r,
       centerKeys: {
-        x: Vt,
+        x: Xt,
         y: me
       }
-    }), { scaleX: u, scaleY: f } = t, g = Q({ value: u, fallback: 1 }), p = Q({ value: f, fallback: 1 }), m = _._getPositioningBounds({
+    }), { scaleX: u, scaleY: f } = t, g = J({ value: u, fallback: 1 }), p = J({ value: f, fallback: 1 }), m = _._getPositioningBounds({
       bounds: s,
       baseWidth: o,
       baseHeight: i,
@@ -5776,11 +5885,11 @@ class _ {
       bounds: m,
       targetSize: n,
       montageArea: a
-    }), S = g * e, A = p * e;
+    }), w = g * e, A = p * e;
     t.set({
-      scaleX: S,
+      scaleX: w,
       scaleY: A
-    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Vt], delete c[me], delete c[re], delete c[ye];
+    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Xt], delete c[me], delete c[re], delete c[ye];
   }
   /**
    * Возвращает bounds, в которых должны позиционироваться нормализованные объекты.
@@ -5827,7 +5936,7 @@ class _ {
     meta: t,
     fallback: e
   }) {
-    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = gt(r, ["baseWidth", "baseHeight"]);
+    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = pt(r, ["baseWidth", "baseHeight"]);
     return B({
       baseWidth: o,
       baseHeight: i
@@ -5865,30 +5974,30 @@ class _ {
     object: t,
     baseWidth: e
   }) {
-    var Y, G;
-    if (!(t instanceof ot)) return;
+    var Y, V;
+    if (!(t instanceof it)) return;
     const s = typeof t.text == "string" ? t.text : "";
     if (!s) return;
-    const n = Q({
-      value: (G = (Y = this.editor) == null ? void 0 : Y.montageArea) == null ? void 0 : G.width,
+    const n = J({
+      value: (V = (Y = this.editor) == null ? void 0 : Y.montageArea) == null ? void 0 : V.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, S = p + m + v + f;
+    } = t, r = J({ value: e, fallback: 0 }), c = t, d = J({ value: c.paddingLeft, fallback: 0 }), l = J({ value: c.paddingRight, fallback: 0 }), u = J({ value: i, fallback: 1 }), f = J({ value: a, fallback: 0 }) * u, g = J({ value: o, fallback: 0 }), p = g * u, m = d * u, v = l * u, w = p + m + v + f;
     if (!n || !g || !r) return;
     t.setCoords();
-    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();
+    const A = t, y = A[Xt], b = typeof y == "number" ? y : null, j = _._resolveAnchor(A, re), I = w / r, S = b !== null ? b - I / 2 : null, T = b !== null ? b + I / 2 : null, M = t.getCenterPoint();
     t.set("width", n), t.initDimensions();
     const C = _._getLongestLineWidth({
       textbox: t,
       text: s
     }), 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);
+    const x = (E * u + m + v + f) / r;
+    let N = b;
+    j === "start" && S !== null ? N = Math.max(0, S) + x / 2 : j === "end" && T !== null && (N = Math.min(1, T) - x / 2), typeof N == "number" && (A[Xt] = N);
   }
   /**
    * Возвращает ширину самой длинной строки текстового объекта.
@@ -5939,11 +6048,11 @@ class _ {
         x: (y.x - a) / u,
         y: (y.y - r) / f
       };
-    })(), 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({
+    })(), m = (l.left - a) / u, v = (l.top - r) / f, w = m + l.width / u, A = v + l.height / f;
+    return i[Xt] = p.x, i[me] = p.y, i[re] = _._detectAnchor({
       center: p.x,
       start: m,
-      end: S
+      end: w
     }), i[ye] = _._detectAnchor({
       center: p.y,
       start: v,
@@ -5964,7 +6073,7 @@ class _ {
    * Применяет фоновый объект шаблона к текущему холсту через BackgroundManager.
    */
   static _applyBackgroundFromObject(n) {
-    return z(this, arguments, function* ({
+    return P(this, arguments, function* ({
       backgroundObject: t,
       backgroundManager: e,
       errorManager: s
@@ -6002,7 +6111,7 @@ class _ {
         s.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: St.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: At.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Не удалось применить фон из шаблона",
           data: o
         });
@@ -6058,7 +6167,7 @@ class _ {
    */
   // eslint-disable-next-line class-methods-use-this
   enlivenObjectEnlivables(t) {
-    return ut.enlivenObjectEnlivables(t);
+    return ft.enlivenObjectEnlivables(t);
   }
 }
 const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
@@ -6198,8 +6307,8 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     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, j = y.top - b.bottom, I = o - y.bottom, w = Math.abs(I - j);
-    if (w <= e) {
+    const { bounds: y } = u, { bounds: b } = f, j = y.top - b.bottom, I = o - y.bottom, S = Math.abs(I - j);
+    if (S <= e) {
       const T = j - I, M = o + T, C = {
         type: "vertical",
         axis: n,
@@ -6209,12 +6318,12 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: M,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: T, guide: C, diff: S });
     }
   }
   if (g && p) {
-    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 { bounds: y } = g, { bounds: b } = p, j = b.top - y.bottom, I = y.top - i, S = Math.abs(I - j);
+    if (S <= e) {
       const T = I - j, M = i + T, C = {
         type: "vertical",
         axis: n,
@@ -6224,35 +6333,35 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: y.top,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: T, guide: C, diff: S });
     }
   }
   if (u && g) {
     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 = {
+      const S = I / 2, T = o - y.bottom, M = b.top - i, C = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(C, E);
+      if (z <= e) {
+        const x = S - T, N = i + x, Y = {
           type: "vertical",
           axis: n,
           refStart: y.bottom,
-          refEnd: y.bottom + w,
-          activeStart: x,
-          activeEnd: x + w,
-          distance: w
+          refEnd: y.bottom + S,
+          activeStart: N,
+          activeEnd: N + S,
+          distance: S
         };
-        m.push({ delta: N, guide: Y, diff: W });
+        m.push({ delta: x, guide: Y, diff: z });
       }
     }
   }
-  const S = is({
+  const w = is({
     activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
     type: "vertical"
   });
-  if (m.push(...S), !m.length)
+  if (m.push(...w), !m.length)
     return { delta: 0, guide: null };
   const A = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
   return {
@@ -6284,8 +6393,8 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     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, j = y.left - b.right, I = o - y.right, w = Math.abs(I - j);
-    if (w <= e) {
+    const { bounds: y } = u, { bounds: b } = f, j = y.left - b.right, I = o - y.right, S = Math.abs(I - j);
+    if (S <= e) {
       const T = j - I, M = o + T, C = {
         type: "horizontal",
         axis: n,
@@ -6295,12 +6404,12 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: M,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: T, guide: C, diff: S });
     }
   }
   if (g && p) {
-    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 { bounds: y } = g, { bounds: b } = p, j = b.left - y.right, I = y.left - i, S = Math.abs(I - j);
+    if (S <= e) {
       const T = I - j, M = i + T, C = {
         type: "horizontal",
         axis: n,
@@ -6310,35 +6419,35 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: y.left,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: T, guide: C, diff: S });
     }
   }
   if (u && g) {
     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 = {
+      const S = I / 2, T = o - y.right, M = b.left - i, C = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(C, E);
+      if (z <= e) {
+        const x = S - T, N = i + x, Y = {
           type: "horizontal",
           axis: n,
           refStart: y.right,
-          refEnd: y.right + w,
-          activeStart: x,
-          activeEnd: x + w,
-          distance: w
+          refEnd: y.right + S,
+          activeStart: N,
+          activeEnd: N + S,
+          distance: S
         };
-        m.push({ delta: N, guide: Y, diff: W });
+        m.push({ delta: x, guide: Y, diff: z });
       }
     }
   }
-  const S = is({
+  const w = is({
     activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
     type: "horizontal"
   });
-  if (m.push(...S), !m.length)
+  if (m.push(...w), !m.length)
     return { delta: 0, guide: null };
   const A = m.reduce((y, b) => b.diff < y.diff ? b : y, m[0]);
   return {
@@ -6394,16 +6503,16 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
   offsetAlongAxis: f = 0,
   offsetPerpendicular: g = 0
 }) => {
-  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;
+  const p = i || 1, m = 12 / p, v = l / p, w = 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 I = h.measureText(o).width + v * 2, w = m + v * 2, T = y - I / 2, M = b - w / 2;
+  const I = h.measureText(o).width + v * 2, S = m + v * 2, T = y - I / 2, M = b - S / 2;
   h.beginPath(), Mn({
     context: h,
     x: T,
     y: M,
     width: I,
-    height: w,
-    radius: S
+    height: S,
+    radius: w
   }), h.fill(), h.fillStyle = r, h.fillText(o, y, b), h.restore();
 }, wn = ({
   context: h,
@@ -6468,8 +6577,8 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     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 S = m[e] - c[s];
-      S < 0 || S < l && (l = S, d = m);
+      const w = m[e] - c[s];
+      w < 0 || w < l && (l = w, 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;
@@ -6571,7 +6680,7 @@ class jn {
       return;
     }
     !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: e });
-    let o = mt({ object: e });
+    let o = yt({ object: e });
     if (!o) {
       this._clearGuides();
       return;
@@ -6582,24 +6691,24 @@ class jn {
       anchors: this.anchors
     }), { deltaX: d, deltaY: l, guides: u } = c;
     if (d !== 0 || l !== 0) {
-      const { left: v = 0, top: S = 0 } = e;
+      const { left: v = 0, top: w = 0 } = e;
       e.set({
         left: v + d,
-        top: S + l
-      }), e.setCoords(), o = (p = mt({ object: e })) != null ? p : o;
+        top: w + l
+      }), e.setCoords(), o = (p = yt({ object: e })) != null ? p : o;
     }
-    const f = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => mt({ object: v })).filter((v) => !!v), g = bn({
+    const f = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => yt({ 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: S = 0 } = e;
+      const { left: v = 0, top: w = 0 } = e;
       e.set({
         left: v + g.deltaX,
-        top: S + g.deltaY
-      }), e.setCoords(), o = (m = mt({ object: e })) != null ? m : o;
+        top: w + g.deltaY
+      }), e.setCoords(), o = (m = yt({ object: e })) != null ? m : o;
     }
     this._applyGuides({
       guides: u,
@@ -6679,10 +6788,10 @@ class jn {
   _cacheAnchors({ activeObject: t }) {
     const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, n = [];
     for (const a of e) {
-      const r = mt({ object: a });
+      const r = yt({ object: a });
       r && (qe({ anchors: s, bounds: r }), n.push(r));
     }
-    const { montageArea: o } = this.editor, i = mt({ object: o });
+    const { montageArea: o } = this.editor, i = yt({ object: o });
     if (i) {
       qe({ anchors: s, bounds: i });
       const { left: a, right: r, top: c, bottom: d } = i;
@@ -6726,7 +6835,7 @@ class jn {
   }
 }
 const ts = "#3D8BF4", es = 1;
-class Lt {
+class Dt {
   /**
    * Создаёт менеджер измерений и инициализирует события.
    */
@@ -6831,15 +6940,15 @@ class Lt {
       this._clearGuides();
       return;
     }
-    const o = mt({ object: n });
+    const o = yt({ object: n });
     if (!o) {
       this._clearGuides();
       return;
     }
-    const i = Lt._resolveTarget({
+    const i = Dt._resolveTarget({
       event: t,
       activeObject: n
-    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = mt({ object: r });
+    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = yt({ object: r });
     if (!d) {
       this._clearGuides();
       return;
@@ -6848,7 +6957,7 @@ class Lt {
       this._clearGuides();
       return;
     }
-    const u = Lt._buildGuides({
+    const u = Dt._buildGuides({
       activeBounds: o,
       targetBounds: d,
       targetIsMontageArea: c
@@ -6877,11 +6986,11 @@ class Lt {
     targetBounds: e,
     targetIsMontageArea: s
   }) {
-    const n = Lt._buildHorizontalGuides({
+    const n = Dt._buildHorizontalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
-    }), o = Lt._buildVerticalGuides({
+    }), o = Dt._buildVerticalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
@@ -6908,13 +7017,13 @@ class Lt {
       top: u = 0,
       bottom: f = 0,
       centerY: g = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, f), S = m >= p ? (p + m) / 2 : (c + g) / 2;
+    } = e, p = Math.max(a, u), m = Math.min(r, f), w = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
       const C = d - i;
       return C > 0 && n.push({
         type: "horizontal",
-        axis: S,
+        axis: w,
         start: i,
         end: d,
         distance: C
@@ -6925,7 +7034,7 @@ class Lt {
       const C = o - l;
       return C > 0 && n.push({
         type: "horizontal",
-        axis: S,
+        axis: w,
         start: l,
         end: o,
         distance: C
@@ -6935,16 +7044,16 @@ class Lt {
     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: S,
+      axis: w,
       start: b,
       end: j,
       distance: I
     });
-    const w = Math.min(i, l), T = Math.max(i, l), M = T - w;
+    const S = Math.min(i, l), T = Math.max(i, l), M = T - S;
     return M > 0 && !y && n.push({
       type: "horizontal",
-      axis: S,
-      start: w,
+      axis: w,
+      start: S,
       end: T,
       distance: M
     }), n;
@@ -6969,13 +7078,13 @@ class Lt {
       left: u = 0,
       right: f = 0,
       centerX: g = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, f), S = m >= p ? (p + m) / 2 : (c + g) / 2;
+    } = e, p = Math.max(a, u), m = Math.min(r, f), w = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
       const C = d - i;
       return C > 0 && n.push({
         type: "vertical",
-        axis: S,
+        axis: w,
         start: i,
         end: d,
         distance: C
@@ -6986,7 +7095,7 @@ class Lt {
       const C = o - l;
       return C > 0 && n.push({
         type: "vertical",
-        axis: S,
+        axis: w,
         start: l,
         end: o,
         distance: C
@@ -6996,16 +7105,16 @@ class Lt {
     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: S,
+      axis: w,
       start: b,
       end: j,
       distance: I
     });
-    const w = Math.min(i, l), T = Math.max(i, l), M = T - w;
+    const S = Math.min(i, l), T = Math.max(i, l), M = T - S;
     return M > 0 && !y && n.push({
       type: "vertical",
-      axis: S,
-      start: w,
+      axis: w,
+      start: S,
       end: T,
       distance: M
     }), n;
@@ -7037,7 +7146,7 @@ class Lt {
     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 = 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, S = 0;
+      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, w = 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,
@@ -7049,7 +7158,7 @@ class Lt {
         color: ts,
         lineWidth: es,
         offsetAlongAxis: v,
-        offsetPerpendicular: S
+        offsetPerpendicular: w
       });
     }
     e.restore();
@@ -7080,7 +7189,7 @@ class Le {
    * @param options - опции и настройки редактора
    */
   constructor(t, e) {
-    this.options = e, this.containerId = t, this.editorId = `${t}-${V()}`, this.clipboard = null, this.init();
+    this.options = e, this.containerId = t, this.editorId = `${t}-${X()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -7088,7 +7197,7 @@ class Le {
    * @fires editor:ready
    */
   init() {
-    return z(this, null, function* () {
+    return P(this, null, function* () {
       var u;
       const {
         editorContainerWidth: t,
@@ -7103,12 +7212,12 @@ class Le {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      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) {
+      if (st.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 G({ 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 ut({ editor: this }), this.layerManager = new le({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Lt({ 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 Dt({ 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 Kt({ 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, [
+        } = f, v = pt(f, [
           "source",
           "scale",
           "withoutSave"