@anu3ev/fabric-image-editor 0.5.2 → 0.5.4

package/dist/main.js

@@ -1,22 +1,22 @@
-var as = Object.defineProperty, rs = Object.defineProperties;
-var cs = Object.getOwnPropertyDescriptors;
+var ds = Object.defineProperty, ls = Object.defineProperties;
+var hs = Object.getOwnPropertyDescriptors;
 var Wt = Object.getOwnPropertySymbols;
-var Le = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
-var Oe = (h, t, e) => t in h ? as(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, k = (h, t) => {
+var _e = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
+var Re = (h, t, e) => t in h ? ds(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, x = (h, t) => {
   for (var e in t || (t = {}))
-    Le.call(t, e) && Oe(h, e, t[e]);
+    _e.call(t, e) && Re(h, e, t[e]);
   if (Wt)
     for (var e of Wt(t))
-      De.call(t, e) && Oe(h, e, t[e]);
+      Ne.call(t, e) && Re(h, e, t[e]);
   return h;
-}, bt = (h, t) => rs(h, cs(t));
-var ut = (h, t) => {
+}, St = (h, t) => ls(h, hs(t));
+var gt = (h, t) => {
   var e = {};
   for (var s in h)
-    Le.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
+    _e.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
   if (h != null && Wt)
     for (var s of Wt(h))
-      t.indexOf(s) < 0 && De.call(h, s) && (e[s] = h[s]);
+      t.indexOf(s) < 0 && Ne.call(h, s) && (e[s] = h[s]);
   return e;
 };
 var _ = (h, t, e) => new Promise((s, o) => {
@@ -35,15 +35,15 @@ var _ = (h, t, e) => new Promise((s, o) => {
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, i);
   a((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as B, Textbox as st, util as rt, controlsUtils as Re, InteractiveFabricObject as _e, Point as $, FitContentLayout as Ne, loadSVGFromURL as ds, FabricImage as kt, Gradient as ke, Rect as ls, Circle as hs, Triangle as us, Group as wt, Color as gs, classRegistry as Be, loadSVGFromString as fs, Canvas as ps, Pattern as ms } from "fabric";
-import { create as ys } from "jsondiffpatch";
-import vs from "diff-match-patch";
-var bs = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Y = function() {
+import { ActiveSelection as k, Textbox as st, util as ct, controlsUtils as xe, InteractiveFabricObject as ke, Point as J, FitContentLayout as Be, loadSVGFromURL as us, FabricImage as xt, Gradient as ze, Rect as gs, Circle as fs, Triangle as ps, Group as jt, Color as ms, classRegistry as Pe, loadSVGFromString as ys, Canvas as vs, Pattern as bs } from "fabric";
+import { create as Ms } from "jsondiffpatch";
+import ws from "diff-match-patch";
+var Ss = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", F = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
-    e += bs[s[t] & 63];
+    e += Ss[s[t] & 63];
   return e;
 };
-class xt {
+class Bt {
   /**
    * Конструктор принимает редактор и опции.
    * @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 = Bt.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 = Bt.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Bt.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -98,7 +98,7 @@ class xt {
       if (o.length === 1)
         this.canvas.setActiveObject(o[0]);
       else {
-        const i = new B(o, {
+        const i = new k(o, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(i);
@@ -106,7 +106,7 @@ class xt {
       this.canvas.requestRenderAll();
       return;
     }
-    const n = new B(t, {
+    const n = new k(t, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
@@ -220,7 +220,7 @@ class xt {
     if (o || n) return;
     this.isSpacePressed = !0, t.preventDefault();
     const i = e.getActiveObject() || null;
-    i instanceof B ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), e.discardActiveObject(), e.set({
+    i instanceof k ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), e.discardActiveObject(), e.set({
       selection: !1,
       defaultCursor: "grab"
     }), e.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
@@ -259,7 +259,7 @@ class xt {
       e.setActiveObject(t[0]);
       return;
     }
-    const o = t.filter((i) => s.canvasManager.getObjects().includes(i)), n = new B(o, { canvas: e });
+    const o = t.filter((i) => s.canvasManager.getObjects().includes(i)), n = new k(o, { canvas: e });
     e.setActiveObject(n);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -391,7 +391,7 @@ class xt {
     };
   }
 }
-class Ms {
+class As {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -409,7 +409,7 @@ class Ms {
     return this.loaders[t] ? (this.cache.has(t) || this.cache.set(t, this.loaders[t]()), this.cache.get(t)) : Promise.reject(new Error(`Unknown module "${t}"`));
   }
 }
-function ws(h) {
+function js(h) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
@@ -417,13 +417,13 @@ function ws(h) {
     }
   );
 }
-class Ss {
+class Is {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(t) {
-    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new ws(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    t ? this.worker = new Worker(t, { type: "module" }) : this.worker = new js(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -451,7 +451,7 @@ class Ss {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(t, e, s = []) {
-    const o = `${t}:${Y(8)}`;
+    const o = `${t}:${F(8)}`;
     return new Promise((n, i) => {
       this._callbacks.set(o, { resolve: n, reject: i }), this.worker.postMessage({ action: t, payload: e, requestId: o }, s);
     });
@@ -463,65 +463,65 @@ class Ss {
     this.worker.terminate();
   }
 }
-const it = 12, As = 2, ce = 8, de = 20, js = 100, le = 20, he = 8, Is = 100, Xt = 32, pe = 1, Cs = "#2B2D33", me = "#3D8BF4", ye = "#FFFFFF";
+const at = 12, Cs = 2, ce = 8, de = 20, Ts = 100, le = 20, he = 8, Es = 100, Kt = 32, pe = 1, Os = "#2B2D33", me = "#3D8BF4", ye = "#FFFFFF";
 function Zt(h, t, e, s, o) {
-  const n = it, i = As;
-  h.save(), h.translate(t, e), h.rotate(rt.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -n / 2, n, n, i), h.fill(), h.stroke(), h.restore();
+  const n = at, i = Cs;
+  h.save(), h.translate(t, e), h.rotate(ct.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -n / 2, n, n, i), h.fill(), h.stroke(), h.restore();
 }
-function xe(h, t, e, s, o) {
-  const n = ce, i = de, a = js;
-  h.save(), h.translate(t, e), h.rotate(rt.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
+function Ue(h, t, e, s, o) {
+  const n = ce, i = de, a = Ts;
+  h.save(), h.translate(t, e), h.rotate(ct.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
 }
-function ze(h, t, e, s, o) {
-  const n = le, i = he, a = Is;
-  h.save(), h.translate(t, e), h.rotate(rt.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
+function Ye(h, t, e, s, o) {
+  const n = le, i = he, a = Es;
+  h.save(), h.translate(t, e), h.rotate(ct.degreesToRadians(o.angle)), h.fillStyle = ye, h.strokeStyle = me, h.lineWidth = pe, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
 }
-const Ts = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", $e = new Image();
-$e.src = Ts;
-function Es(h, t, e, s, o) {
-  const i = Xt / 2;
-  h.save(), h.translate(t, e), h.rotate(rt.degreesToRadians(o.angle)), h.fillStyle = Cs, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage($e, -i / 2, -i / 2, i, i), h.restore();
+const Ds = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", es = new Image();
+es.src = Ds;
+function Ls(h, t, e, s, o) {
+  const i = Kt / 2;
+  h.save(), h.translate(t, e), h.rotate(ct.degreesToRadians(o.angle)), h.fillStyle = Os, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(es, -i / 2, -i / 2, i, i), h.restore();
 }
-const Os = {
+const Rs = {
   // Угловые точки
   tl: {
     render: Zt,
-    sizeX: it,
-    sizeY: it,
+    sizeX: at,
+    sizeY: at,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: Zt,
-    sizeX: it,
-    sizeY: it,
+    sizeX: at,
+    sizeY: at,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: Zt,
-    sizeX: it,
-    sizeY: it,
+    sizeX: at,
+    sizeY: at,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: Zt,
-    sizeX: it,
-    sizeY: it,
+    sizeX: at,
+    sizeY: at,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
-    render: xe,
+    render: Ue,
     sizeX: ce,
     sizeY: de,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: xe,
+    render: Ue,
     sizeX: ce,
     sizeY: de,
     offsetX: 0,
@@ -529,14 +529,14 @@ const Os = {
   },
   // Середина горизонталей
   mt: {
-    render: ze,
+    render: Ye,
     sizeX: le,
     sizeY: he,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: ze,
+    render: Ye,
     sizeX: le,
     sizeY: he,
     offsetX: 0,
@@ -544,14 +544,14 @@ const Os = {
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Es,
-    sizeX: Xt,
-    sizeY: Xt,
+    render: Ls,
+    sizeX: Kt,
+    sizeY: Kt,
     offsetX: 0,
-    offsetY: -Xt
+    offsetY: -Kt
   }
 };
-class Q {
+class $ {
   /**
    * Отключает изменение ширины по оси X для заблокированных объектов, сохраняя поведение остального хэндлера.
    */
@@ -567,7 +567,7 @@ class Q {
    * Применяет конфигурацию контролов к набору по ключам из DEFAULT_CONTROLS.
    */
   static applyControlOverrides(t) {
-    Object.entries(Os).forEach(([e, s]) => {
+    Object.entries(Rs).forEach(([e, s]) => {
       const o = t[e];
       o && (Object.assign(o, s), e === "mtr" && (o.cursorStyle = "grab", o.mouseDownHandler = (n, i, a, r) => {
         var d;
@@ -580,24 +580,24 @@ class Q {
    * Регистрирует контролы и настройки поведения выделений.
    */
   static apply() {
-    const t = Re.createObjectDefaultControls();
-    Q.applyControlOverrides(t), _e.ownDefaults.controls = t;
-    const e = Re.createTextboxDefaultControls();
-    Q.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), Q.wrapWidthControl(e.ml), Q.wrapWidthControl(e.mr), st.ownDefaults.controls = e, Q.patchActiveSelectionBounds(), _e.ownDefaults.snapAngle = 1;
+    const t = xe.createObjectDefaultControls();
+    $.applyControlOverrides(t), ke.ownDefaults.controls = t;
+    const e = xe.createTextboxDefaultControls();
+    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), st.ownDefaults.controls = e, $.patchActiveSelectionBounds(), ke.ownDefaults.snapAngle = 1;
   }
   /**
    * Обновляет алгоритм расчёта границ ActiveSelection, чтобы учитывать фон и отступы текстовых объектов.
    */
   static patchActiveSelectionBounds() {
-    const t = B.prototype, e = t._calcBoundsFromObjects;
+    const t = k.prototype, e = t._calcBoundsFromObjects;
     t._calcBoundsFromObjects = function(...n) {
       var g, f;
       const i = (f = (g = this.getObjects) == null ? void 0 : g.call(this)) != null ? f : [];
-      Q.applyTextSelectionScalingLock({
+      $.applyTextSelectionScalingLock({
         selection: this,
         objects: i
       });
-      const a = Q.calculateActiveSelectionBounds({
+      const a = $.calculateActiveSelectionBounds({
         objects: i
       });
       if (!a)
@@ -609,45 +609,45 @@ class Q {
         width: d,
         height: l
       });
-      const u = new $(r + d / 2, c + l / 2);
+      const u = new J(r + d / 2, c + l / 2);
       return this.setPositionByOrigin(u, "center", "center"), a;
     };
     const s = t._onAfterObjectsChange;
     t._onAfterObjectsChange = function(n, i) {
       var p, m;
       const a = s ? s.call(this, n, i) : void 0, r = (m = (p = this.getObjects) == null ? void 0 : p.call(this)) != null ? m : [];
-      Q.applyTextSelectionScalingLock({
+      $.applyTextSelectionScalingLock({
         selection: this,
         objects: r
       });
-      const c = Q.calculateActiveSelectionBounds({
+      const c = $.calculateActiveSelectionBounds({
         objects: r
       });
       if (!c) return a;
-      const { left: d, top: l, width: u, height: g } = c, f = new $(d + u / 2, l + g / 2);
+      const { left: d, top: l, width: u, height: g } = c, f = new J(d + u / 2, l + g / 2);
       return this.set({
         width: u,
         height: g
       }), this.setPositionByOrigin(f, "center", "center"), this.setCoords(), a;
     };
-    const o = Ne.prototype.calcBoundingBox;
-    Ne.prototype.calcBoundingBox = function(n, i) {
+    const o = Be.prototype.calcBoundingBox;
+    Be.prototype.calcBoundingBox = function(n, i) {
       const { target: a, type: r, overrides: c } = i;
       if (r === "imperative" && c)
         return c;
-      if (!(a instanceof B))
+      if (!(a instanceof k))
         return o.call(this, n, i);
-      Q.applyTextSelectionScalingLock({
+      $.applyTextSelectionScalingLock({
         selection: a,
         objects: n
       });
-      const d = Q.calculateActiveSelectionBounds({ objects: n });
+      const d = $.calculateActiveSelectionBounds({ objects: n });
       if (!d)
         return o.call(this, n, i);
-      const { left: l, top: u, width: g, height: f } = d, p = new $(g, f), m = new $(l + g / 2, u + f / 2);
+      const { left: l, top: u, width: g, height: f } = d, p = new J(g, f), m = new J(l + g / 2, u + f / 2);
       return r === "initialization" ? {
         center: m,
-        relativeCorrection: new $(0, 0),
+        relativeCorrection: new J(0, 0),
         size: p
       } : {
         center: m,
@@ -855,7 +855,7 @@ N.registeredFontKeys = /* @__PURE__ */ new Set(), N.descriptorDefaults = {
   display: "auto"
 };
 let ue = N;
-const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ds = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Bt = {
+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", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Bs = "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=", Us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", kt = {
   style: {
     position: "absolute",
     display: "none",
@@ -922,14 +922,14 @@ const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Ls,
-    delete: xs,
-    lock: Ds,
-    unlock: Rs,
-    bringToFront: ks,
-    sendToBack: Bs,
-    bringForward: _s,
-    sendBackwards: Ns
+    copyPaste: _s,
+    delete: Us,
+    lock: Ns,
+    unlock: xs,
+    bringToFront: zs,
+    sendToBack: Ps,
+    bringForward: ks,
+    sendBackwards: Bs
   },
   handlers: {
     copyPaste: (h) => _(null, null, function* () {
@@ -958,18 +958,18 @@ const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     }
   }
 };
-class zs {
+class Ys {
   constructor({ editor: t }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    this.config = bt(k(k({}, Bt), t), {
-      style: k(k({}, Bt.style), t.style || {}),
-      btnStyle: k(k({}, Bt.btnStyle), t.btnStyle || {}),
-      icons: k(k({}, Bt.icons), t.icons || {}),
-      handlers: k(k({}, Bt.handlers), t.handlers || {})
+    this.config = St(x(x({}, kt), t), {
+      style: x(x({}, kt.style), t.style || {}),
+      btnStyle: x(x({}, kt.btnStyle), t.btnStyle || {}),
+      icons: x(x({}, kt.icons), t.icons || {}),
+      handlers: x(x({}, kt.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();
@@ -1086,7 +1086,7 @@ class zs {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-const Us = {
+const Fs = {
   position: "absolute",
   display: "none",
   background: "#2B2D33",
@@ -1100,7 +1100,7 @@ const Us = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, Ue = 16, Pe = 16, Ps = "fabric-editor-angle-indicator";
+}, Fe = 16, He = 16, Hs = "fabric-editor-angle-indicator";
 class ve {
   constructor({ editor: t }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._createDOM(), this._bindEvents();
@@ -1109,7 +1109,7 @@ class ve {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = Ps, Object.entries(Us).forEach(([t, e]) => {
+    this.el = document.createElement("div"), this.el.className = Hs, Object.entries(Fs).forEach(([t, e]) => {
       this.el.style.setProperty(t, e);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -1160,9 +1160,9 @@ class ve {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + Ue, o = t.clientY - e.top + Pe;
+    let s = t.clientX - e.left + Fe, o = t.clientY - e.top + He;
     const n = this.el.getBoundingClientRect(), i = n.width, a = n.height;
-    s + i > e.width && (s = t.clientX - e.left - i - Ue), o + a > e.height && (o = t.clientY - e.top - a - Pe), this.el.style.left = `${s}px`, this.el.style.top = `${o}px`;
+    s + i > e.width && (s = t.clientX - e.left - i - Fe), o + a > e.height && (o = t.clientY - e.top - a - He), this.el.style.left = `${s}px`, this.el.style.top = `${o}px`;
   }
   /**
    * Показать индикатор
@@ -1193,7 +1193,7 @@ class ve {
     this.canvas && (this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:cleared", this._onSelectionCleared)), (t = this.el) != null && t.parentNode && this.el.parentNode.removeChild(this.el), this.el = null, this.editor = null, this.canvas = null, this.options = null;
   }
 }
-const Je = [
+const ss = [
   "selectable",
   "evented",
   "id",
@@ -1229,7 +1229,7 @@ const Je = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-class Kt {
+class Qt {
   constructor({ editor: t }) {
     this.editor = t, this.canvas = t.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -1241,7 +1241,7 @@ class Kt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = ys({
+    this.diffPatcher = Ms({
       objectHash(t) {
         const e = t, s = t, o = s.styles ? JSON.stringify(s.styles) : "";
         return [
@@ -1291,7 +1291,7 @@ class Kt {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: vs,
+        diffMatchPatch: ws,
         minLength: 60
       }
     });
@@ -1333,7 +1333,7 @@ class Kt {
     if (console.log("saveState"), this.skipHistory) return;
     console.time("saveState");
     const t = this._withTemporaryUnlock(
-      () => this.canvas.toDatalessObject([...Je])
+      () => this.canvas.toDatalessObject([...ss])
     );
     if (console.timeEnd("saveState"), !this.baseState) {
       this.baseState = t, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
@@ -1344,7 +1344,7 @@ class Kt {
       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: Y(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: F(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Сериализует customData объектов в строку. Это необходимо чтобы при вызове loadFromJSON fabricjs не пытался обрабатывать свойства внутри customData, как свойства FabricObject, если их названия совпадают с зарезервированными.
@@ -1381,8 +1381,8 @@ class Kt {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: o, backgroundManager: n } = this.editor, { width: i, height: a } = e;
-      o.overlayMask = null, Kt._serializeCustomData(t), yield e.loadFromJSON(t, (l, u) => {
-        Kt._deserializeCustomData(l, u);
+      o.overlayMask = null, Qt._serializeCustomData(t), yield e.loadFromJSON(t, (l, u) => {
+        Qt._deserializeCustomData(l, u);
       });
       const r = e.getObjects().find((l) => l.id === "montage-area");
       r && (this.editor.montageArea = r, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
@@ -1496,7 +1496,7 @@ class Kt {
     }
   }
 }
-const Ys = 0.1, Fs = 2, Ye = 0.1, Hs = 90, It = 16, Ct = 16, ft = 4096, pt = 4096, Fe = "application/image-editor:", Gt = [
+const Ws = 0.1, Zs = 2, We = 0.1, Gs = 90, Et = 16, Ot = 16, pt = 4096, mt = 4096, Ze = "application/image-editor:", Gt = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1510,8 +1510,8 @@ const Ys = 0.1, Fs = 2, Ye = 0.1, Hs = 90, It = 16, Ct = 16, ft = 4096, pt = 409
   "radiusTopRight",
   "radiusBottomRight",
   "radiusBottomLeft"
-], Ws = 50;
-class at {
+], Vs = 50;
+class rt {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -1538,7 +1538,7 @@ class at {
         withoutSelection: a = !1
       } = t;
       if (!e) return null;
-      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = at.getFormatFromContentType(g), { acceptContentTypes: p, acceptFormats: m } = this;
+      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = rt.getFormatFromContentType(g), { acceptContentTypes: p, acceptFormats: m } = this;
       if (!this.isAllowedContentType(g)) {
         const v = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return u.emitError({
@@ -1584,23 +1584,23 @@ class at {
             }
           }), null;
         if (this._createdBlobUrls.push(v), f === "svg") {
-          const S = yield ds(v);
-          b = rt.groupSVGElements(S.objects, S.options);
+          const S = yield us(v);
+          b = ct.groupSVGElements(S.objects, S.options);
         } else
-          b = yield kt.fromURL(v, { crossOrigin: "anonymous" });
+          b = yield xt.fromURL(v, { crossOrigin: "anonymous" });
         const { width: I, height: y } = b;
-        if (b instanceof kt) {
+        if (b instanceof xt) {
           const S = b.getElement();
           let A = "";
-          if (S instanceof HTMLImageElement ? A = S.src : S instanceof HTMLCanvasElement && (A = S.toDataURL()), y > pt || I > ft) {
+          if (S instanceof HTMLImageElement ? A = S.src : S instanceof HTMLCanvasElement && (A = S.toDataURL()), y > mt || I > pt) {
             const M = yield this.resizeImageToBoundaries(A, "max"), C = URL.createObjectURL(M);
-            this._createdBlobUrls.push(C), b = yield kt.fromURL(C, { crossOrigin: "anonymous" });
-          } else if (y < Ct || I < It) {
+            this._createdBlobUrls.push(C), b = yield xt.fromURL(C, { crossOrigin: "anonymous" });
+          } else if (y < Ot || I < Et) {
             const M = yield this.resizeImageToBoundaries(A, "min"), C = URL.createObjectURL(M);
-            this._createdBlobUrls.push(C), b = yield kt.fromURL(C, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(C), b = yield xt.fromURL(C, { crossOrigin: "anonymous" });
           }
         }
-        if (b.set("id", `${b.type}-${Y()}`), b.set("format", f), s === "scale-montage")
+        if (b.set("id", `${b.type}-${F()}`), b.set("format", f), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
           const { width: S, height: A } = c, M = this.calculateScaleFactor({ imageObject: b, scaleType: s });
@@ -1649,15 +1649,15 @@ class at {
    */
   resizeImageToBoundaries(t, e = "max") {
     return _(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${ft}x${pt}`;
-      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${It}x${Ct}`);
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${pt}x${mt}`;
+      e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Et}x${Ot}`);
       const o = {
         dataURL: t,
         sizeType: e,
-        maxWidth: ft,
-        maxHeight: pt,
-        minWidth: It,
-        minHeight: Ct
+        maxWidth: pt,
+        maxHeight: mt,
+        minWidth: Et,
+        minHeight: Ot
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1688,7 +1688,7 @@ class at {
         exportAsBlob: n = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = at.getFormatFromContentType(l);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = rt.getFormatFromContentType(l);
         a.setCoords();
         const { left: g, top: f, 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");
@@ -1702,8 +1702,8 @@ class at {
         if (u === "svg" && I) {
           const j = v.toSVG();
           v.dispose();
-          const x = {
-            image: at._exportSVGStringAsFile(j, {
+          const B = {
+            image: rt._exportSVGStringAsFile(j, {
               exportAsBase64: o,
               exportAsBlob: n,
               fileName: e
@@ -1712,11 +1712,11 @@ class at {
             contentType: "image/svg+xml",
             fileName: e.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", x), x;
+          return i.fire("editor:canvas-exported", B), B;
         }
         const y = yield new Promise((j, T) => {
-          v.getElement().toBlob((x) => {
-            x ? j(x) : T(new Error("Failed to create Blob from canvas"));
+          v.getElement().toBlob((B) => {
+            B ? j(B) : T(new Error("Failed to create Blob from canvas"));
           });
         });
         if (v.dispose(), n) {
@@ -1734,27 +1734,27 @@ class at {
           [w]
         );
         if (d) {
-          const T = p * 0.264583, x = m * 0.264583, Z = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, P = new Z({
-            orientation: T > x ? "landscape" : "portrait",
+          const T = p * 0.264583, B = m * 0.264583, G = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new G({
+            orientation: T > B ? "landscape" : "portrait",
             unit: "mm",
-            format: [T, x]
+            format: [T, B]
           });
-          if (P.addImage(String(S), "JPG", 0, 0, T, x), o) {
-            const X = {
-              image: P.output("datauristring"),
+          if (Y.addImage(String(S), "JPG", 0, 0, T, B), o) {
+            const K = {
+              image: Y.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", X), X;
+            return i.fire("editor:canvas-exported", K), K;
           }
-          const F = P.output("blob"), L = {
-            image: new File([F], e, { type: "application/pdf" }),
+          const H = Y.output("blob"), D = {
+            image: new File([H], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", L), L;
+          return i.fire("editor:canvas-exported", D), D;
         }
         if (o) {
           const j = {
@@ -1812,9 +1812,9 @@ class at {
           data: { contentType: o, fileName: s, exportAsBase64: n, exportAsBlob: i }
         }), null;
       try {
-        const d = at.getFormatFromContentType(o);
+        const d = rt.getFormatFromContentType(o);
         if (d === "svg") {
-          const p = c.toSVG(), m = at._exportSVGStringAsFile(p, {
+          const p = c.toSVG(), m = rt._exportSVGStringAsFile(p, {
             exportAsBase64: n,
             exportAsBlob: i,
             fileName: s
@@ -1827,7 +1827,7 @@ class at {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        if (n && c instanceof kt) {
+        if (n && c instanceof xt) {
           const p = yield createImageBitmap(c.getElement()), m = yield r.post(
             "toDataURL",
             {
@@ -1892,7 +1892,7 @@ class at {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((t) => at.getFormatFromContentType(t)).filter((t) => t);
+    return this.acceptContentTypes.map((t) => rt.getFormatFromContentType(t)).filter((t) => t);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1945,7 +1945,7 @@ class at {
     try {
       const o = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), n = {};
       return this.acceptContentTypes.forEach((i) => {
-        const a = at.getFormatFromContentType(i);
+        const a = rt.getFormatFromContentType(i);
         a && (n[a] = i);
       }), o && n[o] || "application/octet-stream";
     } catch (s) {
@@ -1998,11 +1998,11 @@ class at {
     return e ? e[1] : "";
   }
 }
-const Mt = (h, t, e) => Math.max(Math.min(h, e), t), He = (h, t) => h * t, Zs = (h, t) => new $(h / 2, t / 2);
-function Gs(h) {
+const At = (h, t, e) => Math.max(Math.min(h, e), t), Ge = (h, t) => h * t, Xs = (h, t) => new J(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";
 }
-class Vs {
+class Qs {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -2033,9 +2033,9 @@ class Vs {
       canvas: n,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
-    } = this.editor, { width: r, height: c } = i, d = Mt(Number(t), It, ft);
+    } = this.editor, { width: r, height: c } = i, d = At(Number(t), Et, pt);
     if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (f = n.clipPath) == null || f.set({ width: d }), e) {
-      const p = d / r, m = He(c, p);
+      const p = d / r, m = Ge(c, p);
       this.setResolutionHeight(m);
       return;
     }
@@ -2063,9 +2063,9 @@ class Vs {
       canvas: n,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, d = Mt(Number(t), Ct, pt);
+    } = this.editor, { width: r, height: c } = i, d = At(Number(t), Ot, mt);
     if (!a || a === "auto" || o ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (f = n.clipPath) == null || f.set({ height: d }), e) {
-      const p = d / c, m = He(r, p);
+      const p = d / c, m = Ge(r, p);
       this.setResolutionWidth(m);
       return;
     }
@@ -2083,7 +2083,7 @@ class Vs {
    */
   centerMontageArea() {
     var r;
-    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = t.getZoom(), i = Zs(s, o);
+    const { canvas: t, montageArea: e } = this.editor, s = t.getWidth(), o = t.getHeight(), n = t.getZoom(), i = Xs(s, o);
     e.set({
       left: s / 2,
       top: o / 2
@@ -2116,7 +2116,7 @@ class Vs {
    */
   setCanvasBackstoreWidth(t) {
     if (!t || typeof t != "number") return;
-    const e = Mt(t, It, ft);
+    const e = At(t, Et, pt);
     this.editor.canvas.setDimensions({ width: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2125,7 +2125,7 @@ class Vs {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = Mt(t, Ct, pt);
+    const e = At(t, Ot, mt);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2134,7 +2134,7 @@ class Vs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, o = e.clientHeight, n = Mt(s, It, ft), i = Mt(o, Ct, pt);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, o = e.clientHeight, n = At(s, Et, pt), i = At(o, Ot, mt);
     t.setDimensions({ width: n, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2168,7 +2168,7 @@ class Vs {
         if (d.length === 1)
           t.setActiveObject(d[0]);
         else {
-          const l = new B(d, {
+          const l = new k(d, {
             canvas: t
           });
           t.setActiveObject(l);
@@ -2334,9 +2334,9 @@ class Vs {
         montageAreaHeight: r
       }
     } = this.editor, c = t || o.getActiveObject();
-    if (!Gs(c)) return;
+    if (!Ks(c)) return;
     const { width: d, height: l } = c;
-    let u = Math.min(d, ft), g = Math.min(l, pt);
+    let u = Math.min(d, pt), g = Math.min(l, mt);
     if (e) {
       const {
         width: f,
@@ -2394,7 +2394,7 @@ class Vs {
     );
   }
 }
-class Xs {
+class qs {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options;
   }
@@ -2405,7 +2405,7 @@ class Xs {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(t = Hs, { withoutSave: e } = {}) {
+  rotate(t = Gs, { withoutSave: e } = {}) {
     const { canvas: s, historyManager: o } = this.editor, n = s.getActiveObject();
     if (!n) return;
     const i = n.angle + t;
@@ -2455,7 +2455,7 @@ class Xs {
     withoutSave: s
   } = {}) {
     const { canvas: o, historyManager: n } = this.editor, i = t || o.getActiveObject();
-    i && (i instanceof B ? i.getObjects().forEach((a) => {
+    i && (i instanceof k ? i.getObjects().forEach((a) => {
       a.set("opacity", e);
     }) : i.set("opacity", e), o.renderAll(), s || n.saveState(), o.fire("editor:object-opacity-changed", {
       object: i,
@@ -2482,12 +2482,12 @@ class Xs {
   } = {}) {
     const { canvas: n, historyManager: i } = this.editor, a = t || n.getActiveObject();
     if (a) {
-      if (a instanceof B && !o) {
+      if (a instanceof k && !o) {
         const r = a.getObjects();
         n.discardActiveObject(), r.forEach((d) => {
           this._fitSingleObject(d, e);
         });
-        const c = new B(r, { canvas: n });
+        const c = new k(r, { canvas: n });
         n.setActiveObject(c);
       } else
         this._fitSingleObject(a, e);
@@ -2560,9 +2560,9 @@ class Xs {
     });
   }
 }
-class Ks {
+class $s {
   constructor({ editor: t }) {
-    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Ys, this.maxZoom = this.options.maxZoom || Fs, this.defaultZoom = this.options.defaultScale;
+    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Ws, this.maxZoom = this.options.maxZoom || Zs, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Вспомогательный метод для вычисления размеров масштабированной монтажной области
@@ -2638,8 +2638,8 @@ class Ks {
     const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
     if (Math.abs(f) / g <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, w = v - I * s, S = (y - r[4]) / (e - s), A = (w - r[5]) / (e - s), M = S * g, C = A * g, j = M * n, T = C * n, x = Math.abs(j) > Math.abs(l) ? l : j, Z = Math.abs(T) > Math.abs(u) ? u : T;
-    return { x, y: Z };
+    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, w = v - I * s, S = (y - r[4]) / (e - s), A = (w - r[5]) / (e - s), M = S * g, C = A * g, j = M * n, T = C * n, B = Math.abs(j) > Math.abs(l) ? l : j, G = Math.abs(T) > Math.abs(u) ? u : T;
+    return { x: B, y: G };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2651,7 +2651,7 @@ class Ks {
    * @returns true если центрирование было применено
    * @private
    */
-  _applyViewportCentering(t, e = !1, s = Ye) {
+  _applyViewportCentering(t, e = !1, s = We) {
     const { canvas: o } = this.editor, n = this._getScaledMontageDimensions(t), i = o.getWidth(), a = o.getHeight(), r = n.width > i || n.height > a, c = this._calculateFitZoom(), d = t - c;
     if (!(!r || d) && !e)
       return !1;
@@ -2726,10 +2726,10 @@ class Ks {
    * @param options.pointY - Координата Y точки зума
    * @fires editor:zoom-changed
    */
-  zoom(t = Ye, e = {}) {
+  zoom(t = We, e = {}) {
     var g, f;
     if (!t) return;
-    const { minZoom: s, maxZoom: o } = this, { canvas: n } = this.editor, i = t < 0, a = n.getZoom(), r = n.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new $(c, d);
+    const { minZoom: s, maxZoom: o } = this, { canvas: n } = this.editor, i = t < 0, a = n.getZoom(), r = n.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new J(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
     let u = Number((a + Number(t)).toFixed(3));
     u > o && (u = o), u < s && (u = s), n.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), n.fire("editor:zoom-changed", {
@@ -2744,7 +2744,7 @@ class Ks {
    * @fires editor:zoom-changed
    */
   setZoom(t = this.defaultZoom) {
-    const { minZoom: e, maxZoom: s } = this, { canvas: o } = this.editor, n = new $(o.getCenterPoint());
+    const { minZoom: e, maxZoom: s } = this, { canvas: o } = this.editor, n = new J(o.getCenterPoint());
     let i = t;
     t > s && (i = s), t < e && (i = e), o.zoomToPoint(n, i), o.fire("editor:zoom-changed", {
       currentZoom: o.getZoom(),
@@ -2757,14 +2757,14 @@ class Ks {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: t } = this.editor, e = new $(t.getCenterPoint());
+    const { canvas: t } = this.editor, e = new J(t.getCenterPoint());
     t.zoomToPoint(e, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       point: e
     }), this.editor.panConstraintManager.updateBounds();
   }
 }
-class Qs {
+class Js {
   constructor({ editor: t }) {
     this.editor = t, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2821,7 +2821,7 @@ class Qs {
     }), t.upperCanvasEl.style.pointerEvents = "", t.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, t.requestRenderAll(), t.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class St {
+class It {
   constructor({ editor: t }) {
     this.editor = t, this.backgroundObject = null;
   }
@@ -2846,7 +2846,7 @@ class St {
         }
         i.set({
           fill: t,
-          backgroundId: `background-${Y()}`
+          backgroundId: `background-${F()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(t);
@@ -2876,14 +2876,14 @@ class St {
     try {
       const { historyManager: n } = this.editor, { backgroundObject: i } = this;
       if (n.suspendHistory(), i && i.backgroundType === "gradient") {
-        const a = St._createFabricGradient(t);
-        if (St._isGradientEqual(i.fill, a)) {
+        const a = It._createFabricGradient(t);
+        if (It._isGradientEqual(i.fill, a)) {
           n.resumeHistory();
           return;
         }
         i.set({
           fill: a,
-          backgroundId: `background-${Y()}`
+          backgroundId: `background-${F()}`
         }), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(t);
@@ -3030,7 +3030,7 @@ class St {
       hasControls: !1,
       id: "background",
       backgroundType: "color",
-      backgroundId: `background-${Y()}`
+      backgroundId: `background-${F()}`
     }, { withoutSelection: !0 }), this.refresh();
   }
   /**
@@ -3047,9 +3047,9 @@ class St {
       hasControls: !1,
       id: "background",
       backgroundType: "gradient",
-      backgroundId: `background-${Y()}`
+      backgroundId: `background-${F()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const e = St._createFabricGradient(t);
+    const e = It._createFabricGradient(t);
     this.backgroundObject.set("fill", e), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -3075,7 +3075,7 @@ class St {
         hasControls: !1,
         id: "background",
         backgroundType: "image",
-        backgroundId: `background-${Y()}`,
+        backgroundId: `background-${F()}`,
         customData: e
       }), this._removeCurrentBackground(), this.backgroundObject = s, this.refresh();
     });
@@ -3101,8 +3101,8 @@ class St {
       { offset: n / 100, color: s }
     ];
     if (t.type === "linear") {
-      const l = t.angle * Math.PI / 180, u = St._angleToCoords(l);
-      return new ke({
+      const l = t.angle * Math.PI / 180, u = It._angleToCoords(l);
+      return new ze({
         type: "linear",
         gradientUnits: "percentage",
         coords: u,
@@ -3121,7 +3121,7 @@ class St {
       r1: 0,
       r2: c / 100
     };
-    return new ke({
+    return new ze({
       type: "radial",
       gradientUnits: "percentage",
       coords: d,
@@ -3156,7 +3156,7 @@ class St {
     }) ? !1 : t.type === "linear" && e.type === "linear" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 : t.type === "radial" && e.type === "radial" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 && Math.abs(t.coords.r1 - e.coords.r1) < 1e-4 && Math.abs(t.coords.r2 - e.coords.r2) < 1e-4 : !1;
   }
 }
-class Qt {
+class qt {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3171,7 +3171,7 @@ class Qt {
     const { canvas: s, historyManager: o } = this.editor;
     o.suspendHistory();
     const n = t || s.getActiveObject();
-    n && (n instanceof B ? n.getObjects().forEach((i) => {
+    n && (n instanceof k ? n.getObjects().forEach((i) => {
       s.bringObjectToFront(i);
     }) : s.bringObjectToFront(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-to-front", {
       object: n,
@@ -3189,7 +3189,7 @@ class Qt {
     const { canvas: s, historyManager: o } = this.editor;
     o.suspendHistory();
     const n = t || s.getActiveObject();
-    n && (n instanceof B ? Qt._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-forward", {
+    n && (n instanceof k ? qt._moveSelectionForward(s, n) : s.bringObjectForward(n), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-bring-forward", {
       object: n,
       withoutSave: e
     }));
@@ -3212,7 +3212,7 @@ class Qt {
     n.suspendHistory();
     const r = t || s.getActiveObject();
     if (r) {
-      if (r instanceof B) {
+      if (r instanceof k) {
         const c = r.getObjects();
         for (let d = c.length - 1; d >= 0; d -= 1)
           s.sendObjectToBack(c[d]);
@@ -3240,7 +3240,7 @@ class Qt {
     } = this.editor;
     n.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof B ? Qt._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(o), i && s.sendObjectToBack(i), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof k ? qt._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(o), i && s.sendObjectToBack(i), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: e
     }));
@@ -3284,7 +3284,7 @@ class Qt {
     });
   }
 }
-class qs {
+class to {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -3310,13 +3310,13 @@ class qs {
    */
   addRectangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = d, {
-      id: t = `rect-${Y()}`,
+      id: t = `rect-${F()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "blue"
-    } = l, a = ut(l, [
+    } = l, a = gt(l, [
       "id",
       "left",
       "top",
@@ -3324,7 +3324,7 @@ class qs {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new ls(k({
+    const { canvas: u } = this.editor, g = new gs(x({
       id: t,
       left: e,
       top: s,
@@ -3352,19 +3352,19 @@ class qs {
    */
   addCircle(c = {}, { withoutSelection: a, withoutAdding: r } = {}) {
     var d = c, {
-      id: t = `circle-${Y()}`,
+      id: t = `circle-${F()}`,
       left: e,
       top: s,
       radius: o = 50,
       fill: n = "green"
-    } = d, i = ut(d, [
+    } = d, i = gt(d, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new hs(k({
+    const { canvas: l } = this.editor, u = new fs(x({
       id: t,
       left: e,
       top: s,
@@ -3392,13 +3392,13 @@ class qs {
    */
   addTriangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
     var l = d, {
-      id: t = `triangle-${Y()}`,
+      id: t = `triangle-${F()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "yellow"
-    } = l, a = ut(l, [
+    } = l, a = gt(l, [
       "id",
       "left",
       "top",
@@ -3406,7 +3406,7 @@ class qs {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new us(k({
+    const { canvas: u } = this.editor, g = new ps(x({
       id: t,
       left: e,
       top: s,
@@ -3417,7 +3417,7 @@ class qs {
     return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
   }
 }
-class $s {
+class eo {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -3516,7 +3516,7 @@ class $s {
   _copyTextToClipboard(t) {
     return _(this, null, function* () {
       try {
-        const e = `${Fe}${t}`;
+        const e = `${Ze}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
       } catch (e) {
         const { errorManager: s } = this.editor;
@@ -3536,7 +3536,7 @@ class $s {
    */
   _addClonedObjectToCanvas(t) {
     const { canvas: e, historyManager: s } = this.editor;
-    if (e.discardActiveObject(), t instanceof B) {
+    if (e.discardActiveObject(), t instanceof k) {
       s.suspendHistory(), t.canvas = e, t.forEachObject((o) => {
         e.add(o);
       }), e.setActiveObject(t), e.requestRenderAll(), s.resumeHistory(), s.saveState();
@@ -3570,13 +3570,13 @@ class $s {
       if (!s || s.locked) return !1;
       try {
         const o = yield s.clone(Gt);
-        return o instanceof B && o.forEachObject((n) => {
+        return o instanceof k && o.forEachObject((n) => {
           n.set({
-            id: `${n.type}-${Y()}`,
+            id: `${n.type}-${F()}`,
             evented: !0
           });
         }), o.set({
-          id: `${o.type}-${Y()}`,
+          id: `${o.type}-${F()}`,
           left: o.left + 10,
           top: o.top + 10,
           evented: !0
@@ -3607,7 +3607,7 @@ class $s {
         return;
       }
       const s = t.getData("text/plain");
-      if (s && s.startsWith(Fe)) {
+      if (s && s.startsWith(Ze)) {
         this.paste();
         return;
       }
@@ -3656,13 +3656,13 @@ class $s {
       if (!this.clipboard) return !1;
       try {
         const e = yield this.clipboard.clone(Gt);
-        return t.discardActiveObject(), e instanceof B && e.forEachObject((s) => {
+        return t.discardActiveObject(), e instanceof k && e.forEachObject((s) => {
           s.set({
-            id: `${s.type}-${Y()}`,
+            id: `${s.type}-${F()}`,
             evented: !0
           });
         }), e.set({
-          id: `${e.type}-${Y()}`,
+          id: `${e.type}-${F()}`,
           left: e.left + 10,
           top: e.top + 10,
           evented: !0
@@ -3680,7 +3680,7 @@ class $s {
     });
   }
 }
-class qt {
+class $t {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3706,7 +3706,7 @@ class qt {
       editable: !1,
       locked: !0
     };
-    i.set(a), !e && qt._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
+    i.set(a), !e && $t._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
     }), o.renderAll(), s || n.saveState(), o.fire("editor:object-locked", {
       object: i,
@@ -3735,7 +3735,7 @@ class qt {
       editable: !0,
       locked: !1
     };
-    n.set(i), qt._isGroupOrSelection(n) && n.getObjects().forEach((a) => {
+    n.set(i), $t._isGroupOrSelection(n) && n.getObjects().forEach((a) => {
       a.set(i);
     }), s.renderAll(), e || o.saveState(), s.fire("editor:object-unlocked", {
       object: n,
@@ -3743,10 +3743,10 @@ class qt {
     });
   }
   static _isGroupOrSelection(t) {
-    return t instanceof B || t instanceof wt;
+    return t instanceof k || t instanceof jt;
   }
 }
-class Js {
+class so {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3758,7 +3758,7 @@ class Js {
     if (Array.isArray(t))
       return t.length > 0 ? t : null;
     const e = t || this.editor.canvas.getActiveObject();
-    return !e || !(e instanceof B) ? null : e.getObjects();
+    return !e || !(e instanceof k) ? null : e.getObjects();
   }
   /**
    * Получить группы для разгруппировки
@@ -3766,20 +3766,20 @@ class Js {
    */
   _getGroupsToUngroup(t) {
     if (Array.isArray(t)) {
-      const s = t.filter((o) => o instanceof wt);
+      const s = t.filter((o) => o instanceof jt);
       return s.length > 0 ? s : null;
     }
-    if (t instanceof B) {
-      const s = t.getObjects().filter((o) => o instanceof wt);
+    if (t instanceof k) {
+      const s = t.getObjects().filter((o) => o instanceof jt);
       return s.length > 0 ? s : null;
     }
     const e = t || this.editor.canvas.getActiveObject();
     if (!e) return null;
-    if (e instanceof B) {
-      const s = e.getObjects().filter((o) => o instanceof wt);
+    if (e instanceof k) {
+      const s = e.getObjects().filter((o) => o instanceof jt);
       return s.length > 0 ? s : null;
     }
-    return e instanceof wt ? [e] : null;
+    return e instanceof jt ? [e] : null;
   }
   /**
   * Группировка объектов
@@ -3796,8 +3796,8 @@ class Js {
     if (!n) return null;
     try {
       o.suspendHistory();
-      const i = new wt(n, {
-        id: `group-${Y()}`
+      const i = new jt(n, {
+        id: `group-${F()}`
       });
       n.forEach((r) => s.remove(r)), s.add(i), s.setActiveObject(i), s.requestRenderAll();
       const a = {
@@ -3832,7 +3832,7 @@ class Js {
           s.add(l), i.push(l);
         });
       });
-      const a = new B(i, {
+      const a = new k(i, {
         canvas: s
       });
       s.setActiveObject(a), s.requestRenderAll();
@@ -3847,7 +3847,7 @@ class Js {
     }
   }
 }
-class to {
+class oo {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3858,7 +3858,7 @@ class to {
   selectAll() {
     const { canvas: t, canvasManager: e, objectLockManager: s } = this.editor;
     t.discardActiveObject();
-    const o = e.getObjects(), n = o.some((a) => a.locked), i = o.length > 1 ? new B(e.getObjects(), { canvas: t }) : o[0];
+    const o = e.getObjects(), n = o.some((a) => a.locked), i = o.length > 1 ? new k(e.getObjects(), { canvas: t }) : o[0];
     n && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(i), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: i });
   }
 }
@@ -3924,7 +3924,7 @@ class be {
     return o.fire("editor:objects-deleted", c), c;
   }
 }
-const gt = {
+const ft = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -4070,7 +4070,7 @@ class zt {
       message: i,
       data: o
     };
-    this._buffer.push(k({
+    this._buffer.push(x({
       type: "editor:error"
     }, a)), this.editor.canvas.fire("editor:error", a);
   }
@@ -4098,7 +4098,7 @@ class zt {
       message: i,
       data: n
     };
-    this._buffer.push(k({
+    this._buffer.push(x({
       type: "editor:warning"
     }, a)), this.editor.canvas.fire("editor:warning", a);
   }
@@ -4108,10 +4108,10 @@ class zt {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(t) {
-    return t ? Object.values(gt).some((e) => Object.values(e).includes(t)) : !1;
+    return t ? Object.values(ft).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
-class eo {
+class no {
   constructor({ editor: t }) {
     this.currentBounds = null, this.editor = t;
   }
@@ -4200,10 +4200,16 @@ const nt = ({
   value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(h, t), e), jt = class jt extends st {
+}) => Math.min(Math.max(h, t), e), Tt = class Tt extends st {
   constructor(t, e = {}) {
     var s, o, n, i, a, r, c, d, l;
-    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (o = e.paddingTop) != null ? o : 0, this.paddingRight = (n = e.paddingRight) != null ? n : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0;
+    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (o = e.paddingTop) != null ? o : 0, this.paddingRight = (n = e.paddingRight) != null ? n : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0, this._roundDimensions();
+  }
+  /**
+   * Пересчитывает размеры текста и округляет их до целых значений.
+   */
+  initDimensions() {
+    super.initDimensions(), this._roundDimensions();
   }
   _getLeftOffset() {
     const { width: t } = this._getBackgroundDimensions(), { left: e } = this._getPadding();
@@ -4215,11 +4221,11 @@ const nt = ({
   }
   _getNonTransformedDimensions() {
     const { width: t, height: e } = this._getBackgroundDimensions();
-    return new $(t, e).scalarAdd(this.strokeWidth);
+    return new J(t, e).scalarAdd(this.strokeWidth);
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(bt(k({}, t), {
+    return super._getTransformedDimensions(St(x({}, t), {
       width: e,
       height: s
     }));
@@ -4229,7 +4235,7 @@ const nt = ({
    */
   toObject(t = []) {
     const e = super.toObject(t);
-    return bt(k({}, e), {
+    return St(x({}, e), {
       backgroundOpacity: this.backgroundOpacity,
       paddingTop: this.paddingTop,
       paddingRight: this.paddingRight,
@@ -4246,7 +4252,7 @@ const nt = ({
     const e = this._getEffectiveBackgroundFill();
     if (e && e) {
       const n = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (o = this.height) != null ? o : 0, r = i + n.left + n.right, c = a + n.top + n.bottom, d = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
-      t.save(), jt._renderRoundedRect({
+      t.save(), Tt._renderRoundedRect({
         ctx: t,
         height: c,
         left: l,
@@ -4290,7 +4296,7 @@ const nt = ({
     const e = nt({ value: (o = this.backgroundOpacity) != null ? o : 1, min: 0, max: 1 });
     let s;
     try {
-      s = new gs(t);
+      s = new ms(t);
     } catch (n) {
       return zt.emitError({
         origin: "BackgroundTextbox",
@@ -4318,8 +4324,18 @@ const nt = ({
     } = o, g = nt({ value: c, min: 0, max: i }), f = nt({ value: d, min: 0, max: i }), p = nt({ value: l, min: 0, max: i }), m = nt({ value: u, min: 0, max: i });
     t.beginPath(), t.moveTo(s + g, n), t.lineTo(a - f, n), t.quadraticCurveTo(a, n, a, n + f), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, n + g), t.quadraticCurveTo(s, n, s + g, n), t.closePath();
   }
+  /**
+   * Округляет текущие значения ширины и высоты до ближайших целых.
+   */
+  _roundDimensions() {
+    const {
+      width: t = 0,
+      height: e = 0
+    } = this, s = Math.round(t), o = Math.round(e);
+    s !== t && (this.width = Math.max(0, s)), o !== e && (this.height = Math.max(0, o));
+  }
 };
-jt.type = "background-textbox", jt.cacheProperties = [
+Tt.type = "background-textbox", Tt.cacheProperties = [
   ...Array.isArray(st.cacheProperties) ? st.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
@@ -4331,7 +4347,7 @@ jt.type = "background-textbox", jt.cacheProperties = [
   "radiusTopRight",
   "radiusBottomRight",
   "radiusBottomLeft"
-], jt.stateProperties = [
+], Tt.stateProperties = [
   ...Array.isArray(st.stateProperties) ? st.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
@@ -4344,11 +4360,11 @@ jt.type = "background-textbox", jt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-let $t = jt;
-const so = () => {
+let Jt = Tt;
+const io = () => {
   var h;
-  (h = Be) != null && h.setClass && Be.setClass($t, "background-textbox");
-}, oo = ({ textbox: h }) => {
+  (h = Pe) != null && h.setClass && Pe.setClass(Jt, "background-textbox");
+}, ao = ({ textbox: h }) => {
   var s, o;
   if (!h.isEditing) return null;
   const t = (s = h.selectionStart) != null ? s : 0, e = (o = h.selectionEnd) != null ? o : t;
@@ -4356,11 +4372,11 @@ const so = () => {
     start: Math.min(t, e),
     end: Math.max(t, e)
   };
-}, no = ({ textbox: h }) => {
+}, ro = ({ textbox: h }) => {
   var e, s;
   const t = (s = (e = h.text) == null ? void 0 : e.length) != null ? s : 0;
   return t <= 0 ? null : { start: 0, end: t };
-}, io = ({ textbox: h, range: t }) => {
+}, co = ({ textbox: h, range: t }) => {
   var s, o;
   if (!t) return !1;
   const e = (o = (s = h.text) == null ? void 0 : s.length) != null ? o : 0;
@@ -4373,7 +4389,7 @@ const so = () => {
   if (!t || !Object.keys(t).length) return !1;
   const { start: s, end: o } = e;
   return o <= s ? !1 : (h.setSelectionStyles(t, s, o), !0);
-}, We = ({
+}, Ve = ({
   textbox: h,
   range: t,
   property: e
@@ -4387,42 +4403,52 @@ const so = () => {
   );
   if (s.length)
     return (o = s[0]) == null ? void 0 : o[e];
-}, Ze = ({ strokeColor: h, width: t }) => {
+}, Xe = ({ strokeColor: h, width: t }) => {
   if (!(t <= 0))
     return h != null ? h : "#000000";
-}, Ge = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, oe = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", J = 0.01;
-class q {
+}, Ke = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, oe = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", it = 0.01;
+class U {
   constructor({ editor: t }) {
     var e;
     this._handleTextEditingEntered = () => {
       this.isTextEditingActive = !0;
+    }, this._handleTextChanged = (s) => {
+      const { target: o } = s;
+      if (!U._isTextbox(o)) return;
+      const { text: n = "", uppercase: i } = o, a = !!i, r = n.toLocaleLowerCase();
+      if (a) {
+        const d = oe({ value: r });
+        d !== n && o.set({ text: d }), o.textCaseRaw = r;
+      } else
+        o.textCaseRaw = n;
+      U._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0);
     }, this._handleTextEditingExited = (s) => {
-      var a, r;
+      var r, c;
       const { target: o } = s;
-      if (!q._isTextbox(o)) return;
-      const n = (a = o.text) != null ? a : "";
+      if (!U._isTextbox(o)) return;
+      const n = (r = o.text) != null ? r : "";
       if (!!o.uppercase) {
-        const c = (r = o.textCaseRaw) != null ? r : n.toLocaleLowerCase();
-        o.textCaseRaw = c;
+        const d = (c = o.textCaseRaw) != null ? c : n.toLocaleLowerCase();
+        o.textCaseRaw = d;
       } else
         o.textCaseRaw = n;
-      o.locked || o.set({
+      U._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
         this.isTextEditingActive = !1, this.editor.historyManager.saveState();
-      }, Ws);
+      }, Vs);
     }, this._handleObjectScaling = (s) => {
-      var Nt, W, yt, Yt, ht, Ft, vt, we, Se, Ae, je, Ie, Ce;
+      var Z, Mt, Yt, ut, Ft, wt, Ae, je, Ie, Ce, Te, Ee, Oe;
       const { target: o, transform: n } = s;
-      if (o instanceof B) {
+      if (o instanceof k) {
         this._handleActiveSelectionScaling({
           selection: o,
           transform: n
         });
         return;
       }
-      if (!q._isTextbox(o) || !n) return;
+      if (!U._isTextbox(o) || !n) return;
       o.isScaling = !0;
       const i = this._ensureScalingState(o), {
         baseWidth: a,
@@ -4431,88 +4457,90 @@ class q {
         basePadding: d,
         baseRadii: l,
         baseStyles: u
-      } = i, g = typeof ((Nt = n.original) == null ? void 0 : Nt.width) == "number" ? n.original.width : void 0, f = typeof ((W = n.original) == null ? void 0 : W.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (yt = n.corner) != null ? yt : "", b = (Yt = n.action) != null ? Yt : "", I = ["ml", "mr"].includes(v) || b === "scaleX", y = ["mt", "mb"].includes(v) || b === "scaleY", w = ["tl", "tr", "bl", "br"].includes(v) || b === "scale", S = w || y;
+      } = i, g = typeof ((Z = n.original) == null ? void 0 : Z.width) == "number" ? n.original.width : void 0, f = typeof ((Mt = n.original) == null ? void 0 : Mt.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Yt = n.corner) != null ? Yt : "", b = (ut = n.action) != null ? ut : "", I = ["ml", "mr"].includes(v) || b === "scaleX", y = ["mt", "mb"].includes(v) || b === "scaleY", w = ["tl", "tr", "bl", "br"].includes(v) || b === "scale", S = w || y;
       if (!I && !y && !w) return;
-      const A = Math.abs((Ft = (ht = o.scaleX) != null ? ht : n.scaleX) != null ? Ft : 1) || 1, M = Math.abs((we = (vt = o.scaleY) != null ? vt : n.scaleY) != null ? we : 1) || 1, C = Math.max(1, p * A), j = Math.max(1, c * M), {
-        paddingTop: T = 0,
-        paddingRight: x = 0,
-        paddingBottom: Z = 0,
-        paddingLeft: P = 0,
-        radiusTopLeft: F = 0,
-        radiusTopRight: K = 0,
-        radiusBottomRight: L = 0,
-        radiusBottomLeft: R = 0,
-        fontSize: X,
-        width: H,
-        originX: G = "left"
-      } = o, V = w || y, et = w || y, z = V ? {
+      const A = Math.abs((wt = (Ft = o.scaleX) != null ? Ft : n.scaleX) != null ? wt : 1) || 1, M = Math.abs((je = (Ae = o.scaleY) != null ? Ae : n.scaleY) != null ? je : 1) || 1, C = Math.max(1, p * A), j = Math.max(1, Math.round(C)), T = Math.max(1, c * M), {
+        paddingTop: B = 0,
+        paddingRight: G = 0,
+        paddingBottom: Y = 0,
+        paddingLeft: H = 0,
+        radiusTopLeft: V = 0,
+        radiusTopRight: D = 0,
+        radiusBottomRight: R = 0,
+        radiusBottomLeft: K = 0,
+        fontSize: W,
+        width: z,
+        originX: X = "left"
+      } = o, et = w || y, q = w || y, P = et ? {
         top: Math.max(0, d.top * M),
         right: Math.max(0, d.right * M),
         bottom: Math.max(0, d.bottom * M),
         left: Math.max(0, d.left * M)
-      } : d, U = et ? {
+      } : d, Q = q ? {
         topLeft: Math.max(0, l.topLeft * M),
         topRight: Math.max(0, l.topRight * M),
         bottomRight: Math.max(0, l.bottomRight * M),
         bottomLeft: Math.max(0, l.bottomLeft * M)
-      } : l, Ut = Object.keys(u).length > 0;
-      let mt;
-      if (S && Ut) {
+      } : l, Pt = Object.keys(u).length > 0;
+      let yt;
+      if (S && Pt) {
         const te = {};
-        Object.entries(u).forEach(([ns, Te]) => {
-          if (!Te) return;
+        Object.entries(u).forEach(([rs, De]) => {
+          if (!De) return;
           const ee = {};
-          Object.entries(Te).forEach(([is, Ht]) => {
+          Object.entries(De).forEach(([cs, Ht]) => {
             if (!Ht) return;
-            const Ee = k({}, Ht);
-            typeof Ht.fontSize == "number" && (Ee.fontSize = Math.max(1, Ht.fontSize * M)), ee[is] = Ee;
-          }), Object.keys(ee).length && (te[ns] = ee);
-        }), Object.keys(te).length && (mt = te);
+            const Le = x({}, Ht);
+            typeof Ht.fontSize == "number" && (Le.fontSize = Math.max(1, Ht.fontSize * M)), ee[cs] = Le;
+          }), Object.keys(ee).length && (te[rs] = ee);
+        }), Object.keys(te).length && (yt = te);
       }
-      const Tt = (Ae = (Se = n.originX) != null ? Se : G) != null ? Ae : "left", Et = m + p, Ot = m + p / 2, Jt = H != null ? H : p, Lt = Math.abs(C - Jt) > J, Pt = Math.abs(j - (X != null ? X : c)) > J, Dt = Math.abs(z.top - T) > J || Math.abs(z.right - x) > J || Math.abs(z.bottom - Z) > J || Math.abs(z.left - P) > J, Rt = Math.abs(U.topLeft - F) > J || Math.abs(U.topRight - K) > J || Math.abs(U.bottomRight - L) > J || Math.abs(U.bottomLeft - R) > J;
-      if (!Lt && !Pt && !Dt && !Rt) {
+      const vt = (Ce = (Ie = n.originX) != null ? Ie : X) != null ? Ce : "left", Dt = m + p, we = m + p / 2, bt = z != null ? z : p, Se = j !== bt, Ut = Math.abs(T - (W != null ? W : c)) > it, Lt = Math.abs(P.top - B) > it || Math.abs(P.right - G) > it || Math.abs(P.bottom - Y) > it || Math.abs(P.left - H) > it, Rt = Math.abs(Q.topLeft - V) > it || Math.abs(Q.topRight - D) > it || Math.abs(Q.bottomRight - R) > it || Math.abs(Q.bottomLeft - K) > it;
+      if (!Se && !Ut && !Lt && !Rt) {
         o.set({ scaleX: 1, scaleY: 1 }), n.scaleX = 1, n.scaleY = 1;
         return;
       }
-      mt && (o.styles = mt), o.set({
-        width: C,
-        fontSize: S ? j : c,
-        paddingTop: z.top,
-        paddingRight: z.right,
-        paddingBottom: z.bottom,
-        paddingLeft: z.left,
-        radiusTopLeft: U.topLeft,
-        radiusTopRight: U.topRight,
-        radiusBottomRight: U.bottomRight,
-        radiusBottomLeft: U.bottomLeft,
+      yt && (o.styles = yt), o.set({
+        width: j,
+        fontSize: S ? T : c,
+        paddingTop: P.top,
+        paddingRight: P.right,
+        paddingBottom: P.bottom,
+        paddingLeft: P.left,
+        radiusTopLeft: Q.topLeft,
+        radiusTopRight: Q.topRight,
+        radiusBottomRight: Q.bottomRight,
+        radiusBottomLeft: Q.bottomLeft,
         scaleX: 1,
         scaleY: 1
       });
-      const ct = (je = o.width) != null ? je : C, _t = Math.abs(ct - Jt) > J;
-      let dt = m;
-      _t && (I || w) && (Tt === "right" ? dt = Et - ct : Tt === "center" && (dt = Ot - ct / 2)), o.set({ left: dt }), i.baseLeft = dt, n.scaleX = 1, n.scaleY = 1;
+      const _t = U._roundTextboxDimensions({ textbox: o });
+      _t && (o.dirty = !0);
+      const dt = (Te = o.width) != null ? Te : j, Nt = dt !== bt;
+      let lt = m;
+      Nt && (I || w) && (vt === "right" ? lt = Dt - dt : vt === "center" && (lt = we - dt / 2)), o.set({ left: lt }), i.baseLeft = lt, n.scaleX = 1, n.scaleY = 1;
       const { original: ot } = n;
-      ot && (ot.scaleX = 1, ot.scaleY = 1, ot.width = ct, ot.height = o.height, ot.left = dt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ct, i.baseFontSize = (Ie = o.fontSize) != null ? Ie : j, i.baseStyles = JSON.parse(JSON.stringify((Ce = o.styles) != null ? Ce : {})), i.basePadding = {
-        top: z.top,
-        right: z.right,
-        bottom: z.bottom,
-        left: z.left
+      ot && (ot.scaleX = 1, ot.scaleY = 1, ot.width = dt, ot.height = o.height, ot.left = lt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = dt, i.baseFontSize = (Ee = o.fontSize) != null ? Ee : T, i.baseStyles = JSON.parse(JSON.stringify((Oe = o.styles) != null ? Oe : {})), i.basePadding = {
+        top: P.top,
+        right: P.right,
+        bottom: P.bottom,
+        left: P.left
       }, i.baseRadii = {
-        topLeft: U.topLeft,
-        topRight: U.topRight,
-        bottomRight: U.bottomRight,
-        bottomLeft: U.bottomLeft
-      }, i.hasWidthChange = _t || Pt || Dt || Rt;
+        topLeft: Q.topLeft,
+        topRight: Q.topRight,
+        bottomRight: Q.bottomRight,
+        bottomLeft: Q.bottomLeft
+      }, i.hasWidthChange = Nt || Ut || Lt || Rt || _t;
     }, this._handleObjectModified = (s) => {
       var b, I, y;
       const { target: o } = s;
-      if (o instanceof B) {
+      if (o instanceof k) {
         this._finalizeActiveSelectionScaling({
           selection: o
         });
         return;
       }
-      if (!q._isTextbox(o)) return;
+      if (!U._isTextbox(o)) return;
       o.isScaling = !1;
       const n = this.scalingState.get(o);
       if (this.scalingState.delete(o), !(n != null && n.hasWidthChange)) return;
@@ -4540,16 +4568,16 @@ class q {
         target: o,
         style: v
       }), o.set({ scaleX: 1, scaleY: 1 }), o.setCoords();
-    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), so();
+    }, this.editor = t, this.canvas = t.canvas, this.fonts = (e = t.options.fonts) != null ? e : [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), io();
   }
   /**
    * Добавляет новый текстовый объект на канвас.
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(Z = {}, { withoutSelection: j = !1, withoutSave: T = !1, withoutAdding: x = !1 } = {}) {
-    var P = Z, {
-      id: t = `text-${Y()}`,
+  addText(G = {}, { withoutSelection: j = !1, withoutSave: T = !1, withoutAdding: B = !1 } = {}) {
+    var Y = G, {
+      id: t = `text-${F()}`,
       text: e = "Новый текст",
       fontFamily: s,
       fontSize: o = 48,
@@ -4573,7 +4601,7 @@ class q {
       radiusTopRight: S = 0,
       radiusBottomRight: A = 0,
       radiusBottomLeft: M = 0
-    } = P, C = ut(P, [
+    } = Y, C = gt(Y, [
       "id",
       "text",
       "fontFamily",
@@ -4599,15 +4627,15 @@ class q {
       "radiusBottomRight",
       "radiusBottomLeft"
     ]);
-    var V;
-    const { historyManager: F } = this.editor, { canvas: K } = this;
-    F.suspendHistory();
-    const L = s != null ? s : this._getDefaultFontFamily(), R = Ge({ width: g }), X = Ze({
+    var et;
+    const { historyManager: H } = this.editor, { canvas: V } = this;
+    H.suspendHistory();
+    const D = s != null ? s : this._getDefaultFontFamily(), R = Ke({ width: g }), K = Xe({
       strokeColor: u,
       width: R
-    }), H = k({
+    }), W = x({
       id: t,
-      fontFamily: L,
+      fontFamily: D,
       fontSize: o,
       fontWeight: n ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
@@ -4616,7 +4644,7 @@ class q {
       linethrough: c,
       textAlign: d,
       fill: l,
-      stroke: X,
+      stroke: K,
       strokeWidth: R,
       strokeUniform: !0,
       opacity: f,
@@ -4630,29 +4658,29 @@ class q {
       radiusTopRight: S,
       radiusBottomRight: A,
       radiusBottomLeft: M
-    }, C), G = new $t(e, H);
-    if (G.textCaseRaw = (V = G.text) != null ? V : "", r) {
-      const et = oe({ value: G.textCaseRaw });
-      et !== G.text && G.set({ text: et });
-    }
-    return C.left === void 0 && C.top === void 0 && K.centerObject(G), x || K.add(G), j || K.setActiveObject(G), K.requestRenderAll(), F.resumeHistory(), T || F.saveState(), K.fire("editor:text-added", {
-      textbox: G,
-      options: bt(k({}, H), {
+    }, C), z = new Jt(e, W);
+    if (z.textCaseRaw = (et = z.text) != null ? et : "", r) {
+      const q = oe({ value: z.textCaseRaw });
+      q !== z.text && z.set({ text: q });
+    }
+    return U._roundTextboxDimensions({ textbox: z }) && (z.dirty = !0), C.left === void 0 && C.top === void 0 && V.centerObject(z), B || V.add(z), j || V.setActiveObject(z), V.requestRenderAll(), H.resumeHistory(), T || H.saveState(), V.fire("editor:text-added", {
+      textbox: z,
+      options: St(x({}, W), {
         text: e,
         bold: n,
         italic: i,
         strikethrough: c,
         align: d,
         color: l,
-        strokeColor: X,
+        strokeColor: K,
         strokeWidth: R
       }),
       flags: {
         withoutSelection: !!j,
         withoutSave: !!T,
-        withoutAdding: !!x
+        withoutAdding: !!B
       }
-    }), G;
+    }), z;
   }
   /**
    * Обновляет текстовый объект.
@@ -4663,12 +4691,12 @@ class q {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: o } = {}) {
-    var Rt, ct, _t, dt, ot, Nt;
+    var Rt, _t, dt, Nt, lt, ot;
     const n = this._resolveTextObject(t);
     if (!n) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = q._getSnapshot(n), Dt = e, {
+    const r = U._getSnapshot(n), Lt = e, {
       text: c,
       fontFamily: d,
       fontSize: l,
@@ -4688,11 +4716,11 @@ class q {
       paddingRight: C,
       paddingBottom: j,
       paddingLeft: T,
-      radiusTopLeft: x,
-      radiusTopRight: Z,
-      radiusBottomRight: P,
-      radiusBottomLeft: F
-    } = Dt, K = ut(Dt, [
+      radiusTopLeft: B,
+      radiusTopRight: G,
+      radiusBottomRight: Y,
+      radiusBottomLeft: H
+    } = Lt, V = gt(Lt, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4716,39 +4744,39 @@ class q {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), L = k({}, K), R = oo({ textbox: n }), X = R ? this._expandRangeToFullLines({ textbox: n, range: R }) : null, H = {}, G = {}, V = {}, et = io({ textbox: n, range: R }), z = !R || et, U = !R;
-    if (d !== void 0 && (X && (G.fontFamily = d), z && (L.fontFamily = d, U && (V.fontFamily = d))), l !== void 0 && (X && (G.fontSize = l), z && (L.fontSize = l, U && (V.fontSize = l))), u !== void 0) {
-      const W = u ? "bold" : "normal";
-      R && (H.fontWeight = W), z && (L.fontWeight = W, U && (V.fontWeight = W));
+    ]), D = x({}, V), R = ao({ textbox: n }), K = R ? this._expandRangeToFullLines({ textbox: n, range: R }) : null, W = {}, z = {}, X = {}, et = co({ textbox: n, range: R }), q = !R || et, P = !R;
+    if (d !== void 0 && (K && (z.fontFamily = d), q && (D.fontFamily = d, P && (X.fontFamily = d))), l !== void 0 && (K && (z.fontSize = l), q && (D.fontSize = l, P && (X.fontSize = l))), u !== void 0) {
+      const Z = u ? "bold" : "normal";
+      R && (W.fontWeight = Z), q && (D.fontWeight = Z, P && (X.fontWeight = Z));
     }
     if (g !== void 0) {
-      const W = g ? "italic" : "normal";
-      R && (H.fontStyle = W), z && (L.fontStyle = W, U && (V.fontStyle = W));
+      const Z = g ? "italic" : "normal";
+      R && (W.fontStyle = Z), q && (D.fontStyle = Z, P && (X.fontStyle = Z));
     }
-    if (f !== void 0 && (R && (H.underline = f), z && (L.underline = f, U && (V.underline = f))), m !== void 0 && (R && (H.linethrough = m), z && (L.linethrough = m, U && (V.linethrough = m))), v !== void 0 && (L.textAlign = v), b !== void 0 && (R && (H.fill = b), z && (L.fill = b, U && (V.fill = b))), I !== void 0 || y !== void 0) {
-      const W = R ? We({ textbox: n, range: R, property: "strokeWidth" }) : void 0, yt = R ? We({ textbox: n, range: R, property: "stroke" }) : void 0, Yt = (ct = (Rt = y != null ? y : W) != null ? Rt : n.strokeWidth) != null ? ct : 0, ht = Ge({ width: Yt }), Ft = (dt = (_t = I != null ? I : yt) != null ? _t : n.stroke) != null ? dt : void 0, vt = Ze({
+    if (f !== void 0 && (R && (W.underline = f), q && (D.underline = f, P && (X.underline = f))), m !== void 0 && (R && (W.linethrough = m), q && (D.linethrough = m, P && (X.linethrough = m))), v !== void 0 && (D.textAlign = v), b !== void 0 && (R && (W.fill = b), q && (D.fill = b, P && (X.fill = b))), I !== void 0 || y !== void 0) {
+      const Z = R ? Ve({ textbox: n, range: R, property: "strokeWidth" }) : void 0, Mt = R ? Ve({ textbox: n, range: R, property: "stroke" }) : void 0, Yt = (_t = (Rt = y != null ? y : Z) != null ? Rt : n.strokeWidth) != null ? _t : 0, ut = Ke({ width: Yt }), Ft = (Nt = (dt = I != null ? I : Mt) != null ? dt : n.stroke) != null ? Nt : void 0, wt = Xe({
         strokeColor: Ft,
-        width: ht
+        width: ut
       });
-      R && (H.stroke = vt, H.strokeWidth = ht), z && (L.stroke = vt, L.strokeWidth = ht, U && (V.stroke = vt, V.strokeWidth = ht));
-    }
-    w !== void 0 && (L.opacity = w), S !== void 0 && (L.backgroundColor = S), A !== void 0 && (L.backgroundOpacity = A), M !== void 0 && (L.paddingTop = M), C !== void 0 && (L.paddingRight = C), j !== void 0 && (L.paddingBottom = j), T !== void 0 && (L.paddingLeft = T), x !== void 0 && (L.radiusTopLeft = x), Z !== void 0 && (L.radiusTopRight = Z), P !== void 0 && (L.radiusBottomRight = P), F !== void 0 && (L.radiusBottomLeft = F);
-    const Ut = (Nt = n.textCaseRaw) != null ? Nt : (ot = n.text) != null ? ot : "", mt = !!n.uppercase, Tt = c !== void 0, Et = Tt ? c != null ? c : "" : Ut, Ot = p != null ? p : mt;
-    if (Tt || Ot !== mt) {
-      const W = Ot ? oe({ value: Et }) : Et;
-      L.text = W, n.textCaseRaw = Et;
-    } else n.textCaseRaw === void 0 && (n.textCaseRaw = Ut);
-    n.uppercase = Ot, n.set(L);
-    let Lt = !1;
+      R && (W.stroke = wt, W.strokeWidth = ut), q && (D.stroke = wt, D.strokeWidth = ut, P && (X.stroke = wt, X.strokeWidth = ut));
+    }
+    w !== void 0 && (D.opacity = w), S !== void 0 && (D.backgroundColor = S), A !== void 0 && (D.backgroundOpacity = A), M !== void 0 && (D.paddingTop = M), C !== void 0 && (D.paddingRight = C), j !== void 0 && (D.paddingBottom = j), T !== void 0 && (D.paddingLeft = T), B !== void 0 && (D.radiusTopLeft = B), G !== void 0 && (D.radiusTopRight = G), Y !== void 0 && (D.radiusBottomRight = Y), H !== void 0 && (D.radiusBottomLeft = H);
+    const Q = (ot = n.textCaseRaw) != null ? ot : (lt = n.text) != null ? lt : "", Pt = !!n.uppercase, yt = c !== void 0, vt = yt ? c != null ? c : "" : Q, Dt = p != null ? p : Pt;
+    if (yt || Dt !== Pt) {
+      const Z = Dt ? oe({ value: vt }) : vt;
+      D.text = Z, n.textCaseRaw = vt;
+    } else n.textCaseRaw === void 0 && (n.textCaseRaw = Q);
+    n.uppercase = Dt, n.set(D);
+    let bt = !1;
     if (R) {
-      const W = se({ textbox: n, styles: H, range: R }), yt = X ? se({ textbox: n, styles: G, range: X }) : !1;
-      Lt = W || yt;
-    } else if (Object.keys(V).length) {
-      const W = no({ textbox: n });
-      W && (Lt = se({ textbox: n, styles: V, range: W }));
-    }
-    Lt && (n.dirty = !0), (S !== void 0 || A !== void 0 || M !== void 0 || C !== void 0 || j !== void 0 || T !== void 0 || x !== void 0 || Z !== void 0 || P !== void 0 || F !== void 0) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Pt = q._getSnapshot(n);
+      const Z = se({ textbox: n, styles: W, range: R }), Mt = K ? se({ textbox: n, styles: z, range: K }) : !1;
+      bt = Z || Mt;
+    } else if (Object.keys(X).length) {
+      const Z = ro({ textbox: n });
+      Z && (bt = se({ textbox: n, styles: X, range: Z }));
+    }
+    bt && (n.dirty = !0), (S !== void 0 || A !== void 0 || M !== void 0 || C !== void 0 || j !== void 0 || T !== void 0 || B !== void 0 || G !== void 0 || Y !== void 0 || H !== void 0) && (n.dirty = !0), U._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const Ut = U._getSnapshot(n);
     return a.fire("editor:text-updated", {
       textbox: n,
       target: t,
@@ -4757,11 +4785,11 @@ class q {
         withoutSave: !!s,
         skipRender: !!o
       },
-      updates: L,
+      updates: D,
       before: r,
-      after: Pt,
+      after: Ut,
       selectionRange: R != null ? R : void 0,
-      selectionStyles: R && Object.keys(H).length ? H : void 0
+      selectionStyles: R && Object.keys(W).length ? W : void 0
     }), n;
   }
   /**
@@ -4779,10 +4807,10 @@ class q {
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
-      return q._isTextbox(s) ? s : null;
+      return U._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((o) => q._isTextbox(o) && o.id === t);
+      const s = e.getObjects().find((o) => U._isTextbox(o) && o.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4798,22 +4826,7 @@ class q {
    */
   _bindEvents() {
     const { canvas: t } = this;
-    t.on("object:scaling", this._handleObjectScaling), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", q._handleTextChanged);
-  }
-  /**
-   * Реагирует на изменение текста в режиме редактирования: синхронизирует textCaseRaw и uppercase.
-   */
-  static _handleTextChanged(t) {
-    var i;
-    const { target: e } = t;
-    if (!q._isTextbox(e)) return;
-    const s = (i = e.text) != null ? i : "", o = !!e.uppercase, n = s.toLocaleLowerCase();
-    if (o) {
-      const a = oe({ value: n });
-      a !== s && e.set({ text: a }), e.textCaseRaw = n;
-      return;
-    }
-    e.textCaseRaw = s;
+    t.on("object:scaling", this._handleObjectScaling), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", this._handleTextChanged);
   }
   /**
    * Обрабатывает горизонтальное масштабирование ActiveSelection: расширяет текстовые блоки по ширине без растяжения шрифта.
@@ -4827,13 +4840,13 @@ class q {
     if (!(["ml", "mr", "tl", "tr", "bl", "br"].includes(s) || o === "scaleX" || o === "scale")) return;
     const i = Math.abs((l = (d = t.scaleX) != null ? d : e == null ? void 0 : e.scaleX) != null ? l : 1) || 1, a = i === 0 ? 1 : 1 / i;
     t.getObjects().forEach((u) => {
-      if (!q._isTextbox(u)) return;
-      const g = this._ensureScalingState(u), f = Math.max(1, g.baseWidth * i);
+      if (!U._isTextbox(u)) return;
+      const g = this._ensureScalingState(u), f = Math.max(1, Math.round(g.baseWidth * i));
       u.set({
         width: f,
         scaleX: a,
         scaleY: 1
-      }), u.setCoords(), u.dirty = !0;
+      }), U._roundTextboxDimensions({ textbox: u }), u.setCoords(), u.dirty = !0;
     }), t.setCoords(), this.canvas.requestRenderAll();
   }
   /**
@@ -4843,14 +4856,14 @@ class q {
     selection: t
   }) {
     var o;
-    const e = Math.abs((o = t.scaleX) != null ? o : 1) || 1, s = t.getObjects().filter((n) => q._isTextbox(n));
+    const e = Math.abs((o = t.scaleX) != null ? o : 1) || 1, s = t.getObjects().filter((n) => U._isTextbox(n));
     s.length && (s.forEach((n) => {
-      const i = this._ensureScalingState(n), a = Math.max(1, i.baseWidth * e);
+      const i = this._ensureScalingState(n), a = Math.max(1, Math.round(i.baseWidth * e));
       n.set({
         width: a,
         scaleX: 1,
         scaleY: 1
-      }), n.setCoords(), n.dirty = !0, this.scalingState.delete(n);
+      }), U._roundTextboxDimensions({ textbox: n }), n.setCoords(), n.dirty = !0, this.scalingState.delete(n);
     }), t.set({
       scaleX: 1
     }), t.setCoords(), this.canvas.requestRenderAll());
@@ -4879,7 +4892,7 @@ class q {
   }) {
     const s = this._getLineRanges({ textbox: t });
     if (!s.length) return e;
-    let o = e.start, n = e.end;
+    let { start: o } = e, { end: n } = e;
     return s.forEach(({ start: i, end: a }) => {
       e.end > i && e.start < a && (o = Math.min(o, i), n = Math.max(n, a));
     }), { start: o, end: n };
@@ -4924,16 +4937,40 @@ class q {
     }
     return e;
   }
+  /**
+   * Возвращает числовое значение размера, используя исходное значение или заранее вычисленное.
+   */
+  static _resolveDimension({
+    rawValue: t,
+    calculatedValue: e
+  }) {
+    return typeof t == "number" ? t : typeof e == "number" ? e : 0;
+  }
+  /**
+   * Округляет ширину и высоту текстового блока до ближайших целых значений.
+   */
+  static _roundTextboxDimensions({
+    textbox: t
+  }) {
+    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = U._resolveDimension({
+      rawValue: e,
+      calculatedValue: i
+    }), c = U._resolveDimension({
+      rawValue: s,
+      calculatedValue: a
+    }), d = Number.isFinite(r) ? Math.round(r) : null, l = Number.isFinite(c) ? Math.round(c) : null, u = {};
+    return d !== null && d !== r && (u.width = Math.max(0, d)), l !== null && l !== c && (u.height = Math.max(0, l)), Object.keys(u).length ? (t.set(u), !0) : !1;
+  }
   /**
    * Формирует снимок текущих свойств текстового объекта для истории и событий.
    */
   static _getSnapshot(t) {
     const e = ({
-      snapshot: H,
-      entries: G
+      snapshot: W,
+      entries: z
     }) => {
-      Object.entries(G).forEach(([V, et]) => {
-        et != null && (H[V] = et);
+      Object.entries(z).forEach(([X, et]) => {
+        et != null && (W[X] = et);
       });
     }, {
       id: s,
@@ -4961,20 +4998,20 @@ class q {
       radiusTopRight: C,
       radiusBottomRight: j,
       radiusBottomLeft: T,
-      left: x,
-      top: Z,
-      width: P,
-      height: F,
-      angle: K,
-      scaleX: L,
+      left: B,
+      top: G,
+      width: Y,
+      height: H,
+      angle: V,
+      scaleX: D,
       scaleY: R
-    } = t, X = {
+    } = t, K = {
       id: s,
       uppercase: !!i,
       textAlign: g
     };
     return e({
-      snapshot: X,
+      snapshot: K,
       entries: {
         text: o,
         textCaseRaw: n,
@@ -4998,15 +5035,15 @@ class q {
         radiusTopRight: C,
         radiusBottomRight: j,
         radiusBottomLeft: T,
-        left: x,
-        top: Z,
-        width: P,
-        height: F,
-        angle: K,
-        scaleX: L,
+        left: B,
+        top: G,
+        width: Y,
+        height: H,
+        angle: V,
+        scaleX: D,
         scaleY: R
       }
-    }), X;
+    }), K;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -5026,7 +5063,7 @@ const tt = ({
 }) => {
   const s = tt({ value: h });
   return e ? s : s / (t || 1);
-}, ao = ({
+}, lo = ({
   object: h,
   baseWidth: t,
   baseHeight: e,
@@ -5060,7 +5097,7 @@ const tt = ({
     x: l + g / 2,
     y: u + f / 2
   };
-}, ro = ({
+}, ho = ({
   normalizedX: h,
   normalizedY: t,
   bounds: e,
@@ -5070,11 +5107,11 @@ const tt = ({
   const { left: n, top: i, width: a, height: r } = e;
   if (!o) {
     const { width: l, height: u } = s, g = n + h * (l || a), f = i + t * (u || r);
-    return new $(g, f);
+    return new J(g, f);
   }
   const c = n + h * a, d = i + t * r;
-  return new $(c, d);
-}, co = ({
+  return new J(c, d);
+}, uo = ({
   object: h,
   montageArea: t,
   bounds: e
@@ -5089,7 +5126,7 @@ const tt = ({
   } catch (s) {
     return null;
   }
-}, lt = ({
+}, ht = ({
   object: h
 }) => {
   if (!h) return null;
@@ -5112,12 +5149,12 @@ const tt = ({
   } catch (t) {
     return null;
   }
-}, lo = ({
+}, go = ({
   x1: h,
   y1: t,
   x2: e,
   y2: s
-}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, ho = (h) => {
+}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, fo = (h) => {
   if (!h || typeof h != "object") return null;
   const { type: t, coords: e, colorStops: s } = h, o = Array.isArray(s) ? s : [], n = o[0], i = o[o.length - 1], a = typeof (n == null ? void 0 : n.color) == "string" ? n.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (n == null ? void 0 : n.offset) == "number" ? n.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0;
   if (!a || !r || !e) return null;
@@ -5126,7 +5163,7 @@ const tt = ({
     if (typeof l == "number" && typeof u == "number" && typeof g == "number" && typeof f == "number")
       return {
         type: "linear",
-        angle: lo({ x1: l, y1: u, x2: g, y2: f }),
+        angle: go({ x1: l, y1: u, x2: g, y2: f }),
         startColor: a,
         endColor: r,
         startPosition: c,
@@ -5149,7 +5186,7 @@ const tt = ({
   }
   return null;
 }, ne = "_templateCenterX", ie = "_templateCenterY", ae = "_templateAnchorX", re = "_templateAnchorY";
-class D {
+class L {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -5168,28 +5205,28 @@ class D {
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = n.getActiveObject(), d = D._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = o && l ? [l] : [], g = [...d, ...u];
+    } = this.editor, c = n.getActiveObject(), d = L._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = o && l ? [l] : [], g = [...d, ...u];
     if (!g.length)
       return a.emitWarning({
         origin: "TemplateManager",
         method: "serializeSelection",
-        code: gt.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+        code: ft.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
         message: "Нет объектов для сериализации шаблона"
       }), null;
-    const f = D._getBounds(i), p = D._getMontageSize({ montageArea: i, bounds: f }), m = p.width, v = p.height, b = g.map((w) => D._serializeObject({
+    const f = L._getBounds(i), p = L._getMontageSize({ montageArea: i, bounds: f }), m = p.width, v = p.height, b = g.map((w) => L._serializeObject({
       object: w,
       bounds: f,
       baseWidth: m,
       baseHeight: v,
       montageArea: i != null ? i : null
-    })), I = bt(k({}, s), {
+    })), I = St(x({}, s), {
       baseWidth: m,
       baseHeight: v,
       positionsNormalized: !0,
       previewId: e != null ? e : s.previewId
     });
     return {
-      id: t != null ? t : `template-${Y()}`,
+      id: t != null ? t : `template-${F()}`,
       meta: I,
       objects: b
     };
@@ -5216,36 +5253,36 @@ class D {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: gt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+          code: ft.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
-      const u = D._getBounds(n);
+      const u = L._getBounds(n);
       if (!u)
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: gt.TEMPLATE_MANAGER.INVALID_TARGET,
+          code: ft.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
-      const g = D._getMontageSize({ montageArea: n, bounds: u }), f = D._normalizeMeta({ meta: d, fallback: g }), p = D._calculateScale({ meta: f, target: g }), m = !!f.positionsNormalized;
+      const g = L._getMontageSize({ montageArea: n, bounds: u }), f = L._normalizeMeta({ meta: d, fallback: g }), p = L._calculateScale({ meta: f, target: g }), m = !!f.positionsNormalized;
       let v = !1, b = !1;
       i.suspendHistory();
       try {
-        const I = yield D._enlivenObjects(c);
+        const I = yield L._enlivenObjects(c);
         if (!I.length)
           return a.emitWarning({
             origin: "TemplateManager",
             method: "applyTemplate",
-            code: gt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+            code: ft.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
-        const { backgroundObject: y, contentObjects: w } = D._extractBackgroundObject(I);
-        y && (b = yield D._applyBackgroundFromObject({
+        const { backgroundObject: y, contentObjects: w } = L._extractBackgroundObject(I);
+        y && (b = yield L._applyBackgroundFromObject({
           backgroundObject: y,
           backgroundManager: r,
           errorManager: a
         }));
-        const S = w.map((A) => (D._applyTextOverrides({ object: A, data: e }), D._transformObject({
+        const S = w.map((A) => (L._applyTextOverrides({ object: A, data: e }), L._transformObject({
           object: A,
           scale: p,
           bounds: u,
@@ -5255,10 +5292,10 @@ class D {
           montageArea: n,
           useRelativePositions: m
         }), A.set({
-          id: `${A.type}-${Y()}`,
+          id: `${A.type}-${F()}`,
           evented: !0
         }), o.add(A), A));
-        return !S.length && !b ? null : (v = S.length > 0 || b, S.length && D._activateObjects({ canvas: o, objects: S }), o.requestRenderAll(), o.fire("editor:template-applied", {
+        return !S.length && !b ? null : (v = S.length > 0 || b, S.length && L._activateObjects({ canvas: o, objects: S }), o.requestRenderAll(), o.fire("editor:template-applied", {
           template: t,
           objects: S,
           bounds: u
@@ -5267,7 +5304,7 @@ class D {
         return a.emitError({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: gt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: ft.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
             templateId: l,
@@ -5283,7 +5320,7 @@ class D {
    * Подготавливает объекты для сериализации.
    */
   static _collectObjects(t) {
-    return t ? t instanceof B ? t.getObjects() : [t] : [];
+    return t ? t instanceof k ? t.getObjects() : [t] : [];
   }
   /**
    * Возвращает габариты объекта.
@@ -5309,13 +5346,13 @@ class D {
   static _enlivenObjects(t) {
     return _(this, null, function* () {
       return (yield Promise.all(t.map((s) => _(null, null, function* () {
-        if (D._hasSerializedSvgMarkup(s)) {
-          const i = yield D._reviveSvgObject(s);
+        if (L._hasSerializedSvgMarkup(s)) {
+          const i = yield L._reviveSvgObject(s);
           if (i)
-            return D._restoreImageScale({ revived: i, serialized: s }), i;
+            return L._restoreImageScale({ revived: i, serialized: s }), i;
         }
-        const o = yield rt.enlivenObjects([s]), n = o == null ? void 0 : o[0];
-        return n ? (D._restoreImageScale({ revived: n, serialized: s }), n) : null;
+        const o = yield ct.enlivenObjects([s]), n = o == null ? void 0 : o[0];
+        return n ? (L._restoreImageScale({ revived: n, serialized: s }), n) : null;
       })))).filter((s) => !!s);
     });
   }
@@ -5359,8 +5396,8 @@ class D {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield fs(e), o = rt.groupSVGElements(s.objects, s.options), n = yield rt.enlivenObjectEnlivables(
-          D._prepareSerializableProps(t)
+        const s = yield ys(e), o = ct.groupSVGElements(s.objects, s.options), n = yield ct.enlivenObjectEnlivables(
+          L._prepareSerializableProps(t)
         );
         return o.set(n), o.setCoords(), o;
       } catch (s) {
@@ -5372,7 +5409,7 @@ class D {
    * Убирает технические поля сериализации, оставляя только применимые свойства.
    */
   static _prepareSerializableProps(t) {
-    const e = k({}, t);
+    const e = x({}, t);
     return delete e.svgMarkup, delete e.objects, delete e.path, delete e.paths, delete e.type, delete e.version, e;
   }
   /**
@@ -5418,7 +5455,7 @@ class D {
     montageArea: a,
     useRelativePositions: r
   }) {
-    const c = t, { x: d, y: l } = ao({
+    const c = t, { x: d, y: l } = lo({
       object: t,
       baseWidth: n,
       baseHeight: i,
@@ -5427,15 +5464,15 @@ class D {
         x: ne,
         y: ie
       }
-    }), { scaleX: u, scaleY: g } = t, f = tt({ value: u, fallback: 1 }), p = tt({ value: g, fallback: 1 }), m = D._getPositioningBounds({
+    }), { scaleX: u, scaleY: g } = t, f = tt({ value: u, fallback: 1 }), p = tt({ value: g, fallback: 1 }), m = L._getPositioningBounds({
       bounds: s,
       baseWidth: n,
       baseHeight: i,
       scale: e,
       useRelativePositions: r,
-      anchorX: D._resolveAnchor(c, ae),
-      anchorY: D._resolveAnchor(c, re)
-    }), v = ro({
+      anchorX: L._resolveAnchor(c, ae),
+      anchorY: L._resolveAnchor(c, re)
+    }), v = ho({
       normalizedX: d,
       normalizedY: l,
       bounds: m,
@@ -5461,7 +5498,7 @@ class D {
     anchorY: a
   }) {
     if (!n) return t;
-    const r = (e || t.width) * o, c = (s || t.height) * o, d = t.width - r, l = t.height - c, u = t.left + D._calculateAnchorOffset(i, d), g = t.top + D._calculateAnchorOffset(a, l);
+    const r = (e || t.width) * o, c = (s || t.height) * o, d = t.width - r, l = t.height - c, u = t.left + L._calculateAnchorOffset(i, d), g = t.top + L._calculateAnchorOffset(a, l);
     return {
       left: u,
       top: g,
@@ -5495,8 +5532,8 @@ class D {
     meta: t,
     fallback: e
   }) {
-    const { width: s, height: o } = e, r = t || {}, { baseWidth: n = s, baseHeight: i = o } = r, a = ut(r, ["baseWidth", "baseHeight"]);
-    return k({
+    const { width: s, height: o } = e, r = t || {}, { baseWidth: n = s, baseHeight: i = o } = r, a = gt(r, ["baseWidth", "baseHeight"]);
+    return x({
       baseWidth: n,
       baseHeight: i
     }, a);
@@ -5523,7 +5560,7 @@ class D {
       t.setActiveObject(e[0]);
       return;
     }
-    const s = new B(e, { canvas: t });
+    const s = new k(e, { canvas: t });
     t.setActiveObject(s);
   }
   /**
@@ -5547,9 +5584,9 @@ class D {
     baseHeight: o,
     montageArea: n
   }) {
-    const i = t.toDatalessObject([...Je]);
-    if (D._isSvgObject(t)) {
-      const y = D._extractSvgMarkup(t);
+    const i = t.toDatalessObject([...ss]);
+    if (L._isSvgObject(t)) {
+      const y = L._extractSvgMarkup(t);
       y && (i.svgMarkup = y, delete i.objects, delete i.path);
     }
     if (!e) return i;
@@ -5558,7 +5595,7 @@ class D {
       top: r,
       width: c,
       height: d
-    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || d || 1, f = co({
+    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || d || 1, f = uo({
       object: t,
       montageArea: n,
       bounds: e
@@ -5569,11 +5606,11 @@ class D {
         y: (y.y - r) / g
       };
     })(), m = (l.left - a) / u, v = (l.top - r) / g, b = m + l.width / u, I = v + l.height / g;
-    return i[ne] = p.x, i[ie] = p.y, i[ae] = D._detectAnchor({
+    return i[ne] = p.x, i[ie] = p.y, i[ae] = L._detectAnchor({
       center: p.x,
       start: m,
       end: b
-    }), i[re] = D._detectAnchor({
+    }), i[re] = L._detectAnchor({
       center: p.y,
       start: v,
       end: I
@@ -5599,7 +5636,7 @@ class D {
       errorManager: s
     }) {
       try {
-        const { fill: n, customData: i } = t, { backgroundType: a } = t, r = D._cloneCustomData(i);
+        const { fill: n, customData: i } = t, { backgroundType: a } = t, r = L._cloneCustomData(i);
         if (a === "color" && typeof n == "string")
           return e.setColorBackground({
             color: n,
@@ -5607,7 +5644,7 @@ class D {
             withoutSave: !0
           }), !0;
         if (a === "gradient") {
-          const c = ho(n);
+          const c = fo(n);
           if (c)
             return e.setGradientBackground({
               gradient: c,
@@ -5616,7 +5653,7 @@ class D {
             }), !0;
         }
         if (a === "image") {
-          const c = D._getImageSource(t);
+          const c = L._getImageSource(t);
           if (c)
             return yield e.setImageBackground({
               imageSource: c,
@@ -5628,7 +5665,7 @@ class D {
         s.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: gt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: ft.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Не удалось применить фон из шаблона",
           data: n
         });
@@ -5658,7 +5695,7 @@ class D {
    */
   static _cloneCustomData(t) {
     if (!(!t || typeof t != "object"))
-      return k({}, t);
+      return x({}, t);
   }
   /**
    * Извлекает src изображения из FabricImage или его исходного элемента.
@@ -5684,10 +5721,10 @@ class D {
    */
   // eslint-disable-next-line class-methods-use-this
   enlivenObjectEnlivables(t) {
-    return rt.enlivenObjectEnlivables(t);
+    return ct.enlivenObjectEnlivables(t);
   }
 }
-const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
+const po = 5, os = "#3D8BF4", ge = 1, Xt = 1, Qe = ({
   anchors: h,
   positions: t,
   threshold: e
@@ -5702,16 +5739,16 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     delta: s,
     guidePosition: n
   };
-}, go = ({
+}, mo = ({
   activeBounds: h,
   threshold: t,
   anchors: e
 }) => {
-  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = h, c = Ve({
+  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = h, c = Qe({
     anchors: e.vertical,
     positions: [s, n, o],
     threshold: t
-  }), d = Ve({
+  }), d = Qe({
     anchors: e.horizontal,
     positions: [i, r, a],
     threshold: t
@@ -5727,7 +5764,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     deltaY: d.delta,
     guides: l
   };
-}, es = ({
+}, ns = ({
   activeBounds: h,
   aligned: t,
   threshold: e,
@@ -5799,7 +5836,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
         }
       }
   return c;
-}, fo = ({
+}, yo = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
@@ -5856,22 +5893,22 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
   if (u && f) {
     const { bounds: y } = u, { bounds: w } = f, A = w.top - y.bottom - v;
     if (A >= 0) {
-      const M = A / 2, C = n - y.bottom, j = w.top - i, T = Math.abs(C - M), x = Math.abs(j - M), Z = Math.max(T, x);
-      if (Z <= e) {
-        const P = M - C, F = i + P, K = {
+      const M = A / 2, C = n - y.bottom, j = w.top - i, T = Math.abs(C - M), B = Math.abs(j - M), G = Math.max(T, B);
+      if (G <= e) {
+        const Y = M - C, H = i + Y, V = {
           type: "vertical",
           axis: o,
           refStart: y.bottom,
           refEnd: y.bottom + M,
-          activeStart: F,
-          activeEnd: F + M,
+          activeStart: H,
+          activeEnd: H + M,
           distance: M
         };
-        m.push({ delta: P, guide: K, diff: Z });
+        m.push({ delta: Y, guide: V, diff: G });
       }
     }
   }
-  const b = es({
+  const b = ns({
     activeBounds: h,
     aligned: c,
     threshold: e,
@@ -5885,7 +5922,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     delta: I.delta,
     guide: I.guide
   };
-}, po = ({
+}, vo = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
@@ -5942,22 +5979,22 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
   if (u && f) {
     const { bounds: y } = u, { bounds: w } = f, A = w.left - y.right - v;
     if (A >= 0) {
-      const M = A / 2, C = n - y.right, j = w.left - i, T = Math.abs(C - M), x = Math.abs(j - M), Z = Math.max(T, x);
-      if (Z <= e) {
-        const P = M - C, F = i + P, K = {
+      const M = A / 2, C = n - y.right, j = w.left - i, T = Math.abs(C - M), B = Math.abs(j - M), G = Math.max(T, B);
+      if (G <= e) {
+        const Y = M - C, H = i + Y, V = {
           type: "horizontal",
           axis: o,
           refStart: y.right,
           refEnd: y.right + M,
-          activeStart: F,
-          activeEnd: F + M,
+          activeStart: H,
+          activeEnd: H + M,
           distance: M
         };
-        m.push({ delta: P, guide: K, diff: Z });
+        m.push({ delta: Y, guide: V, diff: G });
       }
     }
   }
-  const b = es({
+  const b = ns({
     activeBounds: h,
     aligned: c,
     threshold: e,
@@ -5971,18 +6008,18 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     delta: I.delta,
     guide: I.guide
   };
-}, mo = ({
+}, bo = ({
   activeBounds: h,
   candidates: t,
   threshold: e,
   spacingPatterns: s
 }) => {
-  const o = fo({
+  const o = yo({
     activeBounds: h,
     candidates: t,
     threshold: e,
     patterns: s.vertical
-  }), n = po({
+  }), n = vo({
     activeBounds: h,
     candidates: t,
     threshold: e,
@@ -5993,7 +6030,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     deltaY: o.delta,
     guides: i
   };
-}, yo = ({
+}, Mo = ({
   context: h,
   x: t,
   y: e,
@@ -6023,7 +6060,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
   const p = i || 1, m = 12 / p, v = l / p, b = u / p, I = (s + o) / 2 + g, y = t === "vertical" ? e + f : I, w = t === "vertical" ? I : e + f;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
   const A = h.measureText(n).width + v * 2, M = m + v * 2, C = y - A / 2, j = w - M / 2;
-  h.beginPath(), yo({
+  h.beginPath(), Mo({
     context: h,
     x: C,
     y: j,
@@ -6031,7 +6068,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     height: M,
     radius: b
   }), h.fill(), h.fillStyle = r, h.fillText(n, y, w), h.restore();
-}, vo = ({
+}, wo = ({
   context: h,
   guide: t,
   zoom: e
@@ -6046,7 +6083,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     distance: c
   } = t, d = Math.round(c).toString();
   h.beginPath(), s === "vertical" ? (h.moveTo(o, n), h.lineTo(o, i), h.moveTo(o, a), h.lineTo(o, r)) : (h.moveTo(n, o), h.lineTo(i, o), h.moveTo(a, o), h.lineTo(r, o)), h.stroke();
-  const l = ts;
+  const l = os;
   fe({
     context: h,
     type: s,
@@ -6068,7 +6105,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     color: l,
     lineWidth: ge
   });
-}, Xe = ({
+}, qe = ({
   anchors: h,
   bounds: t
 }) => {
@@ -6081,7 +6118,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     centerY: a
   } = t;
   h.vertical.push(e, o, s), h.horizontal.push(n, a, i);
-}, Ke = ({
+}, $e = ({
   bounds: h,
   type: t,
   primaryStart: e,
@@ -6108,30 +6145,30 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
     });
   }
   return o;
-}, bo = ({
+}, So = ({
   bounds: h
 }) => {
-  const t = Ke({
+  const t = $e({
     bounds: h,
     type: "vertical",
     primaryStart: "top",
     primaryEnd: "bottom"
-  }), e = Ke({
+  }), e = $e({
     bounds: h,
     type: "horizontal",
     primaryStart: "left",
     primaryEnd: "right"
   });
   return { vertical: t, horizontal: e };
-}, Mo = ["montage-area", "background", "interaction-blocker"], ss = ({
+}, Ao = ["montage-area", "background", "interaction-blocker"], is = ({
   activeObject: h
 }) => {
   const t = /* @__PURE__ */ new Set();
-  return h && (t.add(h), h instanceof B && h.getObjects().forEach((e) => t.add(e))), t;
-}, os = ({
+  return h && (t.add(h), h instanceof k && h.getObjects().forEach((e) => t.add(e))), t;
+}, as = ({
   object: h,
   excluded: t,
-  ignoredIds: e = Mo
+  ignoredIds: e = Ao
 }) => {
   if (t.has(h)) return !0;
   const { visible: s = !0 } = h;
@@ -6139,7 +6176,7 @@ const uo = 5, ts = "#3D8BF4", ge = 1, Ve = ({
   const { id: o } = h;
   return !!(o && e.includes(o));
 };
-class wo {
+class jo {
   /**
    * Создаёт менеджер прилипания и инициализирует слушатели событий.
    */
@@ -6186,51 +6223,51 @@ class wo {
    * Выполняет привязку объекта к ближайшим линиям при его перемещении.
    */
   _handleObjectMoving(t) {
-    var f, p;
+    var p, m;
     const { target: e, e: s } = t;
     if (!e) {
       this._clearGuides();
       return;
     }
-    if (s != null && s.ctrlKey) {
-      this._clearGuides();
+    if (!!(s != null && s.ctrlKey)) {
+      this._clearGuides(), this._applyMovementStep({ target: e });
       return;
     }
     !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: e });
-    let o = lt({ object: e });
-    if (!o) {
+    let n = ht({ object: e });
+    if (!n) {
       this._clearGuides();
       return;
     }
-    const { canvas: n } = this, i = n.getZoom() || 1, a = uo / i, r = go({
-      activeBounds: o,
-      threshold: a,
+    const { canvas: i } = this, a = i.getZoom() || 1, r = po / a, c = mo({
+      activeBounds: n,
+      threshold: r,
       anchors: this.anchors
-    }), { deltaX: c, deltaY: d, guides: l } = r;
-    if (c !== 0 || d !== 0) {
-      const { left: m = 0, top: v = 0 } = e;
+    }), { deltaX: d, deltaY: l, guides: u } = c;
+    if (d !== 0 || l !== 0) {
+      const { left: v = 0, top: b = 0 } = e;
       e.set({
-        left: m + c,
-        top: v + d
-      }), e.setCoords(), o = (f = lt({ object: e })) != null ? f : o;
-    }
-    const u = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((m) => lt({ object: m })).filter((m) => !!m), g = mo({
-      activeBounds: o,
-      candidates: u,
-      threshold: a,
+        left: v + d,
+        top: b + l
+      }), e.setCoords(), n = (p = ht({ object: e })) != null ? p : n;
+    }
+    const g = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => ht({ object: v })).filter((v) => !!v), f = bo({
+      activeBounds: n,
+      candidates: g,
+      threshold: r,
       spacingPatterns: this.spacingPatterns
     });
-    if (g.deltaX !== 0 || g.deltaY !== 0) {
-      const { left: m = 0, top: v = 0 } = e;
+    if (f.deltaX !== 0 || f.deltaY !== 0) {
+      const { left: v = 0, top: b = 0 } = e;
       e.set({
-        left: m + g.deltaX,
-        top: v + g.deltaY
-      }), e.setCoords(), o = (p = lt({ object: e })) != null ? p : o;
+        left: v + f.deltaX,
+        top: b + f.deltaY
+      }), e.setCoords(), n = (m = ht({ object: e })) != null ? m : n;
     }
     this._applyGuides({
-      guides: l,
-      spacingGuides: g.guides
-    });
+      guides: u,
+      spacingGuides: f.guides
+    }), this._applyMovementStep({ target: e });
   }
   /**
    * Очищает направляющие и кеш после окончания перетаскивания.
@@ -6253,11 +6290,11 @@ class wo {
     const { canvas: t, guideBounds: e } = this, s = t.getSelectionContext();
     if (!s) return;
     const o = e != null ? e : this._calculateViewportBounds(), { left: n, right: i, top: a, bottom: r } = o, { viewportTransform: c } = t, d = t.getZoom() || 1;
-    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = ge / d, s.strokeStyle = ts, s.setLineDash([4, 4]);
+    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = ge / d, s.strokeStyle = os, s.setLineDash([4, 4]);
     for (const l of this.activeGuides)
       s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(n, l.position), s.lineTo(i, l.position)), s.stroke();
     for (const l of this.activeSpacingGuides)
-      vo({
+      wo({
         context: s,
         guide: l,
         zoom: d
@@ -6289,18 +6326,28 @@ class wo {
   _clearAnchors() {
     this.anchors = { vertical: [], horizontal: [] }, this.spacingPatterns = { vertical: [], horizontal: [] }, this.cachedTargetBounds = [];
   }
+  /**
+   * Применяет шаг перемещения, округляя координаты объекта к сетке MOVE_SNAP_STEP.
+   */
+  _applyMovementStep({ target: t }) {
+    const { left: e = 0, top: s = 0 } = t, o = Math.round(e / Xt) * Xt, n = Math.round(s / Xt) * Xt;
+    o === e && n === s || (t.set({
+      left: o,
+      top: n
+    }), t.setCoords());
+  }
   /**
    * Сохраняет линии для прилипания от всех доступных объектов и монтажной области.
    */
   _cacheAnchors({ activeObject: t }) {
     const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, o = [];
     for (const a of e) {
-      const r = lt({ object: a });
-      r && (Xe({ anchors: s, bounds: r }), o.push(r));
+      const r = ht({ object: a });
+      r && (qe({ anchors: s, bounds: r }), o.push(r));
     }
-    const { montageArea: n } = this.editor, i = lt({ object: n });
+    const { montageArea: n } = this.editor, i = ht({ object: n });
     if (i) {
-      Xe({ anchors: s, bounds: i });
+      qe({ anchors: s, bounds: i });
       const { left: a, right: r, top: c, bottom: d } = i;
       this.guideBounds = {
         left: a,
@@ -6310,15 +6357,15 @@ class wo {
       };
     } else
       this.guideBounds = this._calculateViewportBounds();
-    this.anchors = s, this.spacingPatterns = bo({ bounds: o }), this.cachedTargetBounds = o;
+    this.anchors = s, this.spacingPatterns = So({ bounds: o }), this.cachedTargetBounds = o;
   }
   /**
    * Собирает объекты, подходящие для прилипания, исключая активный объект и запрещённые id.
    */
   _collectTargets({ activeObject: t }) {
-    const e = ss({ activeObject: t }), s = [];
+    const e = is({ activeObject: t }), s = [];
     return this.canvas.forEachObject((o) => {
-      os({ object: o, excluded: e }) || s.push(o);
+      as({ object: o, excluded: e }) || s.push(o);
     }), s;
   }
   /**
@@ -6341,8 +6388,8 @@ class wo {
     };
   }
 }
-const Qe = "#3D8BF4", qe = 1;
-class At {
+const Je = "#3D8BF4", ts = 1;
+class Ct {
   /**
    * Создаёт менеджер измерений и инициализирует события.
    */
@@ -6447,15 +6494,15 @@ class At {
       this._clearGuides();
       return;
     }
-    const n = lt({ object: o });
+    const n = ht({ object: o });
     if (!n) {
       this._clearGuides();
       return;
     }
-    const i = At._resolveTarget({
+    const i = Ct._resolveTarget({
       event: t,
       activeObject: o
-    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = lt({ object: r });
+    }), { montageArea: a } = s, r = i != null ? i : a, c = r === a, d = ht({ object: r });
     if (!d) {
       this._clearGuides();
       return;
@@ -6464,7 +6511,7 @@ class At {
       this._clearGuides();
       return;
     }
-    const u = At._buildGuides({
+    const u = Ct._buildGuides({
       activeBounds: n,
       targetBounds: d,
       targetIsMontageArea: c
@@ -6482,8 +6529,8 @@ class At {
     event: t,
     activeObject: e
   }) {
-    const { target: s } = t, o = ss({ activeObject: e });
-    return s && !os({ object: s, excluded: o }) ? s : null;
+    const { target: s } = t, o = is({ activeObject: e });
+    return s && !as({ object: s, excluded: o }) ? s : null;
   }
   /**
    * Собирает вертикальные и горизонтальные направляющие расстояний.
@@ -6493,11 +6540,11 @@ class At {
     targetBounds: e,
     targetIsMontageArea: s
   }) {
-    const o = At._buildHorizontalGuides({
+    const o = Ct._buildHorizontalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
-    }), n = At._buildVerticalGuides({
+    }), n = Ct._buildVerticalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: s
@@ -6651,7 +6698,7 @@ class At {
     const { canvas: t } = this, e = t.getSelectionContext();
     if (!e) return;
     const { viewportTransform: s } = t, o = t.getZoom() || 1, n = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = n && i && !this.isTargetMontageArea, r = a ? 12 / o : 0;
-    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = qe / o, e.strokeStyle = Qe, e.setLineDash([]);
+    e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = ts / o, e.strokeStyle = Je, e.setLineDash([]);
     for (const c of this.activeGuides) {
       const { type: d, axis: l, start: u, end: g, distance: f } = c, p = Math.abs(g - u), m = u <= g ? -1 : 1, v = a ? m * (p / 2 + r) : 0, b = 0;
       e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, g)) : (e.moveTo(u, l), e.lineTo(g, l)), e.stroke(), fe({
@@ -6662,8 +6709,8 @@ class At {
         end: g,
         text: Math.round(f).toString(),
         zoom: o,
-        color: Qe,
-        lineWidth: qe,
+        color: Je,
+        lineWidth: ts,
         offsetAlongAxis: v,
         offsetPerpendicular: b
       });
@@ -6696,7 +6743,7 @@ class Me {
    * @param options - опции и настройки редактора
    */
   constructor(t, e) {
-    this.options = e, this.containerId = t, this.editorId = `${t}-${Y()}`, this.clipboard = null, this.init();
+    this.options = e, this.containerId = t, this.editorId = `${t}-${F()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -6719,7 +6766,7 @@ class Me {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if (Q.apply(), this.canvas = new ps(this.containerId, this.options), this.moduleLoader = new Ms(), this.workerManager = new Ss(), this.errorManager = new zt({ editor: this }), this.historyManager = new Kt({ editor: this }), this.toolbar = new zs({ editor: this }), this.transformManager = new Xs({ editor: this }), this.zoomManager = new Ks({ editor: this }), this.canvasManager = new Vs({ editor: this }), this.imageManager = new at({ editor: this }), this.layerManager = new Qt({ editor: this }), this.shapeManager = new qs({ editor: this }), this.interactionBlocker = new Qs({ editor: this }), this.backgroundManager = new St({ editor: this }), this.clipboardManager = new $s({ editor: this }), this.objectLockManager = new qt({ editor: this }), this.groupingManager = new Js({ editor: this }), this.selectionManager = new to({ editor: this }), this.deletionManager = new be({ editor: this }), this.panConstraintManager = new eo({ editor: this }), this.snappingManager = new wo({ editor: this }), this.measurementManager = new At({ editor: this }), this.fontManager = new ue((u = this.options.fonts) != null ? u : []), this.textManager = new q({ editor: this }), this.templateManager = new D({ editor: this }), d && (this.angleIndicator = new ve({ 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(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if ($.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new zt({ editor: this }), this.historyManager = new Qt({ editor: this }), this.toolbar = new Ys({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new $s({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new rt({ editor: this }), this.layerManager = new qt({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new Js({ editor: this }), this.backgroundManager = new It({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new $t({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new be({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Ct({ editor: this }), this.fontManager = new ue((u = this.options.fonts) != null ? u : []), this.textManager = new U({ editor: this }), this.templateManager = new L({ editor: this }), d && (this.angleIndicator = new ve({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Bt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -6792,7 +6839,7 @@ class Me {
     const t = document.createElement("canvas");
     t.width = 20, t.height = 20;
     const e = t.getContext("2d");
-    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new ms({
+    return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new bs({
       source: t,
       repeat: "repeat"
     });
@@ -6824,7 +6871,7 @@ const E = [
   "U+0490-0491",
   "U+04B0-04B1",
   "U+2116"
-].join(", "), So = [
+].join(", "), Io = [
   {
     family: "Arial",
     source: 'local("Arial"), local("Liberation Sans"), local("DejaVu Sans")',
@@ -7614,7 +7661,7 @@ const E = [
       unicodeRange: E
     }
   }
-], Ao = {
+], Co = {
   /**
    * Опции редактора
    */
@@ -7706,10 +7753,10 @@ const E = [
   /**
    * Список шрифтов, которые будут доступны в редакторе по умолчанию.
    */
-  fonts: So
+  fonts: Io
 };
-function Eo(h, t = {}) {
-  const e = k(k({}, Ao), t), s = document.getElementById(h);
+function Lo(h, t = {}) {
+  const e = x(x({}, Co), t), s = document.getElementById(h);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const o = document.createElement("canvas");
@@ -7720,6 +7767,6 @@ function Eo(h, t = {}) {
   });
 }
 export {
-  Eo as default
+  Lo as default
 };
 //# sourceMappingURL=main.js.map