@anu3ev/fabric-image-editor 0.6.0 → 0.6.1

package/dist/main.js

@@ -35,9 +35,9 @@ var Z = (h, t, e) => new Promise((n, s) => {
   }, a = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(o, i);
   a((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as K, Textbox as ct, util as bt, controlsUtils as Je, InteractiveFabricObject as Qe, Point as lt, FitContentLayout as $e, loadSVGFromURL as xn, FabricImage as qt, Gradient as tn, Rect as Rn, Circle as kn, Triangle as Bn, Group as Pt, Color as Nn, classRegistry as en, loadSVGFromString as Pn, Canvas as zn, Pattern as Fn } from "fabric";
-import { create as Wn } from "jsondiffpatch";
-import Un from "diff-match-patch";
+import { ActiveSelection as K, Textbox as ct, util as bt, controlsUtils as Je, InteractiveFabricObject as Qe, Point as lt, FitContentLayout as $e, loadSVGFromURL as xn, FabricImage as qt, Gradient as tn, Rect as kn, Circle as Rn, Triangle as Bn, Group as Pt, Color as Nn, classRegistry as en, loadSVGFromString as Pn, Canvas as zn, Pattern as Fn } from "fabric";
+import { create as Un } from "jsondiffpatch";
+import Wn from "diff-match-patch";
 var Yn = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", et = function() {
   for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0)); t--; )
     e += Yn[n[t] & 63];
@@ -457,18 +457,18 @@ class Gn {
     this.worker.terminate();
   }
 }
-const At = 12, Vn = 2, Oe = 8, _e = 20, Xn = 100, Le = 20, De = 8, Kn = 100, me = 32, Fe = 1, qn = "#2B2D33", We = "#3D8BF4", Ue = "#FFFFFF";
+const At = 12, Vn = 2, Oe = 8, _e = 20, Xn = 100, Le = 20, De = 8, Kn = 100, me = 32, Fe = 1, qn = "#2B2D33", Ue = "#3D8BF4", We = "#FFFFFF";
 function he(h, t, e, n, s) {
   const o = At, i = Vn;
-  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = Ue, h.strokeStyle = We, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
+  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = We, h.strokeStyle = Ue, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
 }
 function sn(h, t, e, n, s) {
   const o = Oe, i = _e, a = Xn;
-  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = Ue, h.strokeStyle = We, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = We, h.strokeStyle = Ue, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 function on(h, t, e, n, s) {
   const o = Le, i = De, a = Kn;
-  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = Ue, h.strokeStyle = We, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  h.save(), h.translate(t, e), h.rotate(bt.degreesToRadians(s.angle)), h.fillStyle = We, h.strokeStyle = Ue, h.lineWidth = Fe, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 const Jn = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", wn = new Image();
 wn.src = Jn;
@@ -1187,7 +1187,7 @@ class Ye {
     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 Re = [
+const ke = [
   "id",
   "backgroundId",
   "customData",
@@ -1228,7 +1228,7 @@ const Re = [
 ];
 class J {
   constructor({ editor: t }) {
-    this.editor = t, this.canvas = t.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null, this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
+    this.editor = t, this.canvas = t.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null, this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this._hasDeferredSaveAfterUnblock = !1, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
   /** Проверка, нужно ли пропускать сохранение истории */
   get skipHistory() {
@@ -1238,7 +1238,7 @@ class J {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Wn({
+    this.diffPatcher = Un({
       objectHash(t) {
         return [JSON.stringify(t)].join("-");
       },
@@ -1247,7 +1247,7 @@ class J {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Un,
+        diffMatchPatch: Wn,
         minLength: 60
       }
     });
@@ -1302,6 +1302,25 @@ class J {
   getCurrentChangePosition() {
     return this.baseStateChangesCount + this.currentIndex;
   }
+  /**
+   * Проверяет, заблокирован ли UI редактора.
+   */
+  _isUiBlocked() {
+    const { interactionBlocker: t } = this.editor;
+    return t ? t.isBlocked : !1;
+  }
+  /**
+   * Помечает, что состояние нужно сохранить после снятия блокировки UI.
+   */
+  _deferSaveAfterUiUnblock() {
+    this._hasDeferredSaveAfterUnblock = !0;
+  }
+  /**
+   * Выполняет отложенное сохранение после снятия блокировки UI.
+   */
+  flushDeferredSaveAfterUnblock() {
+    return !this._hasDeferredSaveAfterUnblock || this._isUiBlocked() || this.skipHistory ? !1 : (this._hasDeferredSaveAfterUnblock = !1, this.saveState(), !0);
+  }
   /**
    * Получаем полное состояние, применяя все диффы к базовому состоянию.
    */
@@ -1323,7 +1342,7 @@ class J {
    */
   _serializeCanvasState() {
     const { canvas: t } = this;
-    return t.toDatalessObject([...Re]);
+    return t.toDatalessObject([...ke]);
   }
   /**
    * Обрабатывает срабатывание отложенного сохранения.
@@ -1381,10 +1400,14 @@ class J {
    */
   saveState() {
     if (console.log("saveState"), !this.skipHistory) {
+      if (this._isUiBlocked()) {
+        this._deferSaveAfterUiUnblock();
+        return;
+      }
       this._isSavingState = !0, console.time("saveState");
       try {
         const t = this._withTemporaryUnlock(
-          () => this.canvas.toDatalessObject([...Re])
+          () => this.canvas.toDatalessObject([...ke])
         );
         if (console.timeEnd("saveState"), !this.baseState) {
           this.baseState = t, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
@@ -2150,27 +2173,27 @@ class pt {
           [T]
         );
         if (l) {
-          const I = m * 0.264583, O = g * 0.264583, L = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, W = new L({
+          const I = m * 0.264583, O = g * 0.264583, L = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, U = new L({
             orientation: I > O ? "landscape" : "portrait",
             unit: "mm",
             format: [I, O]
           });
-          if (W.addImage(String(E), "JPG", 0, 0, I, O), s) {
+          if (U.addImage(String(E), "JPG", 0, 0, I, O), s) {
             const x = {
-              image: W.output("datauristring"),
+              image: U.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
             return i.fire("editor:canvas-exported", x), x;
           }
-          const z = W.output("blob"), k = {
+          const z = U.output("blob"), R = {
             image: new File([z], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", k), k;
+          return i.fire("editor:canvas-exported", R), R;
         }
         if (s) {
           const M = {
@@ -3265,10 +3288,10 @@ class Ms {
     const { canvas: t, canvasManager: e, historyManager: n } = this.editor;
     n.suspendHistory(), this.isBlocked = !1, t.selection = !0, t.skipTargetFind = !1, e.getObjects().forEach((s) => {
       s.evented = !0, s.selectable = !0;
-    }), t.upperCanvasEl.style.pointerEvents = "", t.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, t.requestRenderAll(), t.fire("editor:enabled"), n.resumeHistory();
+    }), t.upperCanvasEl.style.pointerEvents = "", t.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, t.requestRenderAll(), t.fire("editor:enabled"), n.resumeHistory(), n.flushDeferredSaveAfterUnblock();
   }
 }
-class Wt {
+class Ut {
   constructor({ editor: t }) {
     this.editor = t, this.backgroundObject = null;
   }
@@ -3331,8 +3354,8 @@ class Wt {
     try {
       const { historyManager: i } = this.editor, { backgroundObject: a } = this;
       if (i.suspendHistory(), a && a.backgroundType === "gradient") {
-        const r = Wt._createFabricGradient(t);
-        if (Wt._isGradientEqual(a.fill, r)) {
+        const r = Ut._createFabricGradient(t);
+        if (Ut._isGradientEqual(a.fill, r)) {
           i.resumeHistory();
           return;
         }
@@ -3515,7 +3538,7 @@ class Wt {
       backgroundType: "gradient",
       backgroundId: `background-${et()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const e = Wt._createFabricGradient(t);
+    const e = Ut._createFabricGradient(t);
     this.backgroundObject.set("fill", e), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -3575,7 +3598,7 @@ class Wt {
       { offset: 0, color: "#000000" },
       { offset: 1, color: "#ffffff" }
     ], t.type === "linear") {
-      const u = t.angle * Math.PI / 180, f = Wt._angleToCoords(u);
+      const u = t.angle * Math.PI / 180, f = Ut._angleToCoords(u);
       return new tn({
         type: "linear",
         gradientUnits: "percentage",
@@ -3798,7 +3821,7 @@ class Ss {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, f = new Rn(F({
+    const { canvas: u } = this.editor, f = new kn(F({
       id: t,
       left: e,
       top: n,
@@ -3838,7 +3861,7 @@ class Ss {
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, u = new kn(F({
+    const { canvas: d } = this.editor, u = new Rn(F({
       id: t,
       left: e,
       top: n,
@@ -5047,7 +5070,7 @@ const Cs = ({ textbox: h }) => {
   );
   if (n.length)
     return (s = n[0]) == null ? void 0 : s[e];
-}, ke = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Be = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, Ce = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", wt = ({
+}, Re = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Be = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, Ce = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", wt = ({
   value: h,
   min: t,
   max: e
@@ -5141,38 +5164,38 @@ const Cs = ({ textbox: h }) => {
       }
       const A = c[g], w = b / o, T = this._getLineLeftOffset(g);
       let E = 0, C = 0, v = this.getValueOfPropertyAt(g, 0, e), S = this._getDecorationColorAt(g, 0), M = this.getValueOfPropertyAt(g, 0, "textDecorationThickness"), I = v, O = S, L = M;
-      const W = l + w * (1 - r);
+      const U = l + w * (1 - r);
       let z = this.getHeightOfChar(g, 0), j = this.getValueOfPropertyAt(g, 0, "deltaY");
       for (let x = 0, B = A.length; x < B; x += 1) {
         const _ = this.__charBounds[g][x];
         I = this.getValueOfPropertyAt(g, x, e), O = this._getDecorationColorAt(g, x), L = this.getValueOfPropertyAt(g, x, "textDecorationThickness");
         const D = this.getHeightOfChar(g, x), P = this.getValueOfPropertyAt(g, x, "deltaY");
         if (u && I && O) {
-          const R = s * L / 1e3;
+          const k = s * L / 1e3;
           t.save(), t.fillStyle = S, t.translate(_.renderLeft, _.renderTop), t.rotate(_.angle), t.fillRect(
             -_.kernedWidth / 2,
-            p * D + P - m * R,
+            p * D + P - m * k,
             _.kernedWidth,
-            R
+            k
           ), t.restore();
         } else if ((I !== v || O !== S || D !== z || L !== M || P !== j) && C > 0) {
-          const R = s * M / 1e3;
+          const k = s * M / 1e3;
           let V = d + T + E;
           n === "rtl" && (V = a - V - C), v && S && M && (t.fillStyle = S, t.fillRect(
             V,
-            W + p * z + j - m * R,
+            U + p * z + j - m * k,
             C,
-            R
+            k
           )), E = _.left, C = _.width, v = I, M = L, S = O, z = D, j = P;
         } else
           C += _.kernedWidth;
       }
-      let k = d + T + E;
-      n === "rtl" && (k = a - k - C), t.fillStyle = O;
+      let R = d + T + E;
+      n === "rtl" && (R = a - R - C), t.fillStyle = O;
       const N = s * L / 1e3;
       I && O && L && t.fillRect(
-        k,
-        W + p * z + j - m * N,
+        R,
+        U + p * z + j - m * N,
         C - f,
         N
       ), l += b;
@@ -5185,7 +5208,7 @@ const Cs = ({ textbox: h }) => {
   _getDecorationColorAt(t, e) {
     const n = this.getValueOfPropertyAt(t, e, "strokeWidth"), s = Be({
       width: typeof n == "number" && Number.isFinite(n) ? n : 0
-    }), o = this.getValueOfPropertyAt(t, e, "stroke"), i = o == null ? null : ke({ strokeColor: o, width: s });
+    }), o = this.getValueOfPropertyAt(t, e, "stroke"), i = o == null ? null : Re({ strokeColor: o, width: s });
     if (s > 0 && i != null)
       return i;
     const a = this.getValueOfPropertyAt(t, e, "fill");
@@ -5439,7 +5462,7 @@ const Es = () => {
     s > u && n < f && i.push(l), a = f + 1;
   }
   return i;
-}, Rs = ({
+}, ks = ({
   textbox: h,
   range: t
 }) => {
@@ -5454,7 +5477,7 @@ const Es = () => {
     n <= u && s >= f && i.push(l), a = f + 1;
   }
   return i;
-}, ks = ({
+}, Rs = ({
   previous: h,
   next: t
 }) => {
@@ -5619,7 +5642,7 @@ class rt {
         event: i != null ? i : null
       });
     }, this._handleObjectScaling = (n) => {
-      var ie, Se, oe, ae, re, kt, we, ce, Zt, Gt, Vt, Xt, Kt;
+      var ie, Se, oe, ae, re, Rt, we, ce, Zt, Gt, Vt, Xt, Kt;
       const { target: s, transform: o } = n;
       if (s instanceof K || !rt._isTextbox(s) || !o) return;
       s.isScaling = !0;
@@ -5633,19 +5656,19 @@ class rt {
         baseLineFontDefaults: f
       } = i, p = typeof ((ie = o.original) == null ? void 0 : ie.width) == "number" ? o.original.width : void 0, m = typeof ((Se = o.original) == null ? void 0 : Se.left) == "number" ? o.original.left : void 0, g = p != null ? p : a, y = m != null ? m : r, b = (oe = o.corner) != null ? oe : "", A = (ae = o.action) != null ? ae : "", w = ["ml", "mr"].includes(b) || A === "scaleX", T = ["mt", "mb"].includes(b) || A === "scaleY", E = ["tl", "tr", "bl", "br"].includes(b) || A === "scale", C = E || T;
       if (!w && !T && !E) return;
-      const v = Math.abs((kt = (re = s.scaleX) != null ? re : o.scaleX) != null ? kt : 1) || 1, S = Math.abs((ce = (we = s.scaleY) != null ? we : o.scaleY) != null ? ce : 1) || 1, M = Math.max(1, g * v), I = Math.max(1, Math.round(M)), O = Math.max(1, c * S), {
+      const v = Math.abs((Rt = (re = s.scaleX) != null ? re : o.scaleX) != null ? Rt : 1) || 1, S = Math.abs((ce = (we = s.scaleY) != null ? we : o.scaleY) != null ? ce : 1) || 1, M = Math.max(1, g * v), I = Math.max(1, Math.round(M)), O = Math.max(1, c * S), {
         paddingTop: L = 0,
-        paddingRight: W = 0,
+        paddingRight: U = 0,
         paddingBottom: z = 0,
         paddingLeft: j = 0,
-        radiusTopLeft: k = 0,
+        radiusTopLeft: R = 0,
         radiusTopRight: N = 0,
         radiusBottomRight: x = 0,
         radiusBottomLeft: B = 0,
         fontSize: _,
         width: D,
         originX: P = "left"
-      } = s, R = E || T, V = E || T, H = R ? {
+      } = s, k = E || T, V = E || T, H = k ? {
         top: Math.max(0, l.top * S),
         right: Math.max(0, l.right * S),
         bottom: Math.max(0, l.bottom * S),
@@ -5674,8 +5697,8 @@ class rt {
         lineFontDefaults: f,
         scale: S
       }));
-      const jt = (Gt = (Zt = o.originX) != null ? Zt : P) != null ? Gt : "left", dt = y + g, ht = y + g / 2, Et = D != null ? D : g, Ct = I !== Et, Dt = Math.abs(O - (_ != null ? _ : c)) > it, xt = Math.abs(H.top - L) > it || Math.abs(H.right - W) > it || Math.abs(H.bottom - z) > it || Math.abs(H.left - j) > it, Rt = Math.abs(q.topLeft - k) > it || Math.abs(q.topRight - N) > it || Math.abs(q.bottomRight - x) > it || Math.abs(q.bottomLeft - B) > it;
-      if (!Ct && !Dt && !xt && !Rt) {
+      const jt = (Gt = (Zt = o.originX) != null ? Zt : P) != null ? Gt : "left", dt = y + g, ht = y + g / 2, Et = D != null ? D : g, Ct = I !== Et, Dt = Math.abs(O - (_ != null ? _ : c)) > it, xt = Math.abs(H.top - L) > it || Math.abs(H.right - U) > it || Math.abs(H.bottom - z) > it || Math.abs(H.left - j) > it, kt = Math.abs(q.topLeft - R) > it || Math.abs(q.topRight - N) > it || Math.abs(q.bottomRight - x) > it || Math.abs(q.bottomLeft - B) > it;
+      if (!Ct && !Dt && !xt && !kt) {
         s.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
@@ -5711,7 +5734,7 @@ class rt {
         topRight: q.topRight,
         bottomRight: q.bottomRight,
         bottomLeft: q.bottomLeft
-      }, i.hasWidthChange = se || Dt || xt || Rt || Ht;
+      }, i.hasWidthChange = se || Dt || xt || kt || Ht;
     }, this._handleObjectModified = (n) => {
       var b, A, w;
       const { target: s } = n;
@@ -5721,14 +5744,14 @@ class rt {
         const { scaleX: C = 1, scaleY: v = 1 } = s;
         if (Math.abs(C - 1) < it && Math.abs(v - 1) < it) return;
         this.canvas.discardActiveObject(), T.forEach((M) => {
-          var I, O, L, W;
+          var I, O, L, U;
           if (rt._isTextbox(M)) {
-            const z = (I = M.scaleX) != null ? I : 1, j = (O = M.scaleY) != null ? O : 1, k = ((L = M.fontSize) != null ? L : 16) * j, N = ((W = M.width) != null ? W : 0) * z, x = j, {
+            const z = (I = M.scaleX) != null ? I : 1, j = (O = M.scaleY) != null ? O : 1, R = ((L = M.fontSize) != null ? L : 16) * j, N = ((U = M.width) != null ? U : 0) * z, x = j, {
               paddingTop: B = 0,
               paddingRight: _ = 0,
               paddingBottom: D = 0,
               paddingLeft: P = 0,
-              radiusTopLeft: R = 0,
+              radiusTopLeft: k = 0,
               radiusTopRight: V = 0,
               radiusBottomRight: H = 0,
               radiusBottomLeft: q = 0,
@@ -5739,7 +5762,7 @@ class rt {
               paddingBottom: Math.max(0, D * x),
               paddingLeft: Math.max(0, P * x)
             }, gt = {
-              radiusTopLeft: Math.max(0, R * x),
+              radiusTopLeft: Math.max(0, k * x),
               radiusTopRight: Math.max(0, V * x),
               radiusBottomRight: Math.max(0, H * x),
               radiusBottomLeft: Math.max(0, q * x)
@@ -5754,7 +5777,7 @@ class rt {
               lineFontDefaults: M.lineFontDefaults,
               scale: x
             }), ht = It(F(F({
-              fontSize: k,
+              fontSize: R,
               width: N,
               scaleX: 1,
               scaleY: 1
@@ -5806,8 +5829,8 @@ class rt {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(W = {}, { withoutSelection: I = !1, withoutSave: O = !1, withoutAdding: L = !1 } = {}) {
-    var z = W, {
+  addText(U = {}, { withoutSelection: I = !1, withoutSave: O = !1, withoutAdding: L = !1 } = {}) {
+    var z = U, {
       id: t = `text-${et()}`,
       text: e = "Новый текст",
       autoExpand: n = !0,
@@ -5861,9 +5884,9 @@ class rt {
       "radiusBottomLeft"
     ]);
     var V;
-    const { historyManager: j } = this.editor, { canvas: k } = this;
+    const { historyManager: j } = this.editor, { canvas: R } = this;
     j.suspendHistory();
-    const N = s != null ? s : this._getDefaultFontFamily(), x = Be({ width: p }), B = ke({
+    const N = s != null ? s : this._getDefaultFontFamily(), x = Be({ width: p }), B = Re({
       strokeColor: f,
       width: x
     }), _ = F({
@@ -5896,7 +5919,7 @@ class rt {
       const H = Ce({ value: D.textCaseRaw });
       H !== D.text && D.set({ text: H });
     }
-    return _t({ textbox: D }) && (D.dirty = !0), M.left === void 0 && M.top === void 0 && k.centerObject(D), L || k.add(D), I || k.setActiveObject(D), k.requestRenderAll(), j.resumeHistory(), O || j.saveState(), k.fire("editor:text-added", {
+    return _t({ textbox: D }) && (D.dirty = !0), M.left === void 0 && M.top === void 0 && R.centerObject(D), L || R.add(D), I || R.setActiveObject(D), R.requestRenderAll(), j.resumeHistory(), O || j.saveState(), R.fire("editor:text-added", {
       textbox: D,
       options: It(F({}, _), {
         text: e,
@@ -5957,10 +5980,10 @@ class rt {
       opacity: I,
       backgroundColor: O,
       backgroundOpacity: L,
-      paddingTop: W,
+      paddingTop: U,
       paddingRight: z,
       paddingBottom: j,
-      paddingLeft: k,
+      paddingLeft: R,
       radiusTopLeft: N,
       radiusTopRight: x,
       radiusBottomRight: B,
@@ -5990,39 +6013,39 @@ class rt {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), P = F({}, D), R = o !== void 0 ? Ls({
+    ]), P = F({}, D), k = o !== void 0 ? Ls({
       text: a,
       range: o
-    }) : Cs({ textbox: i }), V = R ? Ds({ textbox: i, range: R }) : null, H = {}, q = {}, tt = {};
+    }) : Cs({ textbox: i }), V = k ? Ds({ textbox: i, range: k }) : null, H = {}, q = {}, tt = {};
     let at, gt;
-    const jt = Ts({ textbox: i, range: R }), dt = !R || jt, ht = !R;
+    const jt = Ts({ textbox: i, range: k }), dt = !k || jt, ht = !k;
     if (g !== void 0 && (V && (q.fontFamily = g), dt && (P.fontFamily = g, ht && (tt.fontFamily = g))), y !== void 0 && (V && (q.fontSize = y), dt && (P.fontSize = y, ht && (tt.fontSize = y))), b !== void 0) {
       const Q = b ? "bold" : "normal";
-      R && (H.fontWeight = Q), dt && (P.fontWeight = Q, ht && (tt.fontWeight = Q));
+      k && (H.fontWeight = Q), dt && (P.fontWeight = Q, ht && (tt.fontWeight = Q));
     }
     if (A !== void 0) {
       const Q = A ? "italic" : "normal";
-      R && (H.fontStyle = Q), dt && (P.fontStyle = Q, ht && (tt.fontStyle = Q));
+      k && (H.fontStyle = Q), dt && (P.fontStyle = Q, ht && (tt.fontStyle = Q));
     }
-    if (w !== void 0 && (R && (H.underline = w), dt && (P.underline = w, ht && (tt.underline = w))), E !== void 0 && (R && (H.linethrough = E), dt && (P.linethrough = E, ht && (tt.linethrough = E))), C !== void 0 && (P.textAlign = C), v !== void 0 && (R && (H.fill = v), dt && (P.fill = v, ht && (tt.fill = v))), S !== void 0 || M !== void 0) {
-      const Q = R ? hn({ textbox: i, range: R, property: "strokeWidth" }) : void 0, st = R ? hn({ textbox: i, range: R, property: "stroke" }) : void 0, Ae = (Xt = (Vt = M != null ? M : Q) != null ? Vt : i.strokeWidth) != null ? Xt : 0;
+    if (w !== void 0 && (k && (H.underline = w), dt && (P.underline = w, ht && (tt.underline = w))), E !== void 0 && (k && (H.linethrough = E), dt && (P.linethrough = E, ht && (tt.linethrough = E))), C !== void 0 && (P.textAlign = C), v !== void 0 && (k && (H.fill = v), dt && (P.fill = v, ht && (tt.fill = v))), S !== void 0 || M !== void 0) {
+      const Q = k ? hn({ textbox: i, range: k, property: "strokeWidth" }) : void 0, st = k ? hn({ textbox: i, range: k, property: "stroke" }) : void 0, Ae = (Xt = (Vt = M != null ? M : Q) != null ? Vt : i.strokeWidth) != null ? Xt : 0;
       gt = Be({ width: Ae });
       const Nt = (Bt = (Kt = S != null ? S : st) != null ? Kt : i.stroke) != null ? Bt : void 0;
-      at = ke({
+      at = Re({
         strokeColor: Nt,
         width: gt
-      }), R && (H.stroke = at, H.strokeWidth = gt), dt && (P.stroke = at, P.strokeWidth = gt, ht && (tt.stroke = at, tt.strokeWidth = gt));
+      }), k && (H.stroke = at, H.strokeWidth = gt), dt && (P.stroke = at, P.strokeWidth = gt, ht && (tt.stroke = at, tt.strokeWidth = gt));
     }
-    I !== void 0 && (P.opacity = I), O !== void 0 && (P.backgroundColor = O), L !== void 0 && (P.backgroundOpacity = L), W !== void 0 && (P.paddingTop = W), z !== void 0 && (P.paddingRight = z), j !== void 0 && (P.paddingBottom = j), k !== void 0 && (P.paddingLeft = k), N !== void 0 && (P.radiusTopLeft = N), x !== void 0 && (P.radiusTopRight = x), B !== void 0 && (P.radiusBottomRight = B), _ !== void 0 && (P.radiusBottomLeft = _);
-    const Et = (le = i.textCaseRaw) != null ? le : a, Ct = !!i.uppercase, Dt = p !== void 0, xt = Dt ? p != null ? p : "" : Et, Rt = T != null ? T : Ct, Ht = Rt !== Ct;
+    I !== void 0 && (P.opacity = I), O !== void 0 && (P.backgroundColor = O), L !== void 0 && (P.backgroundOpacity = L), U !== void 0 && (P.paddingTop = U), z !== void 0 && (P.paddingRight = z), j !== void 0 && (P.paddingBottom = j), R !== void 0 && (P.paddingLeft = R), N !== void 0 && (P.radiusTopLeft = N), x !== void 0 && (P.radiusTopRight = x), B !== void 0 && (P.radiusBottomRight = B), _ !== void 0 && (P.radiusBottomLeft = _);
+    const Et = (le = i.textCaseRaw) != null ? le : a, Ct = !!i.uppercase, Dt = p !== void 0, xt = Dt ? p != null ? p : "" : Et, kt = T != null ? T : Ct, Ht = kt !== Ct;
     if (Dt || Ht) {
-      const Q = Rt ? Ce({ value: xt }) : xt;
+      const Q = kt ? Ce({ value: xt }) : xt;
       P.text = Q, i.textCaseRaw = xt;
     } else i.textCaseRaw === void 0 && (i.textCaseRaw = Et);
-    i.uppercase = Rt, i.set(P);
+    i.uppercase = kt, i.set(P);
     let mt = !1;
-    if (R) {
-      const Q = je({ textbox: i, styles: H, range: R }), st = V ? je({ textbox: i, styles: q, range: V }) : !1;
+    if (k) {
+      const Q = je({ textbox: i, styles: H, range: k }), st = V ? je({ textbox: i, styles: q, range: V }) : !1;
       mt = Q || st;
     } else if (Object.keys(tt).length) {
       const Q = Is({ textbox: i });
@@ -6046,10 +6069,10 @@ class rt {
         updates: st
       });
     }
-    if (R && (v !== void 0 || S !== void 0 || M !== void 0)) {
-      const Q = Rs({
+    if (k && (v !== void 0 || S !== void 0 || M !== void 0)) {
+      const Q = ks({
         textbox: i,
-        range: R
+        range: k
       }), st = {};
       v !== void 0 && (st.fill = v), (S !== void 0 || M !== void 0) && (at === null && (st.stroke = null), at != null && (st.stroke = at)), un({
         textbox: i,
@@ -6057,7 +6080,7 @@ class rt {
         updates: st
       });
     }
-    se && (i.initDimensions(), i.dirty = !0), (O !== void 0 || L !== void 0 || W !== void 0 || z !== void 0 || j !== void 0 || k !== void 0 || N !== void 0 || x !== void 0 || B !== void 0 || _ !== void 0) && (i.dirty = !0);
+    se && (i.initDimensions(), i.dirty = !0), (O !== void 0 || L !== void 0 || U !== void 0 || z !== void 0 || j !== void 0 || R !== void 0 || N !== void 0 || x !== void 0 || B !== void 0 || _ !== void 0) && (i.dirty = !0);
     const Ot = mn({
       stylesList: [
         P,
@@ -6068,10 +6091,10 @@ class rt {
     }), { autoExpand: Mt } = i, ie = m !== void 0, oe = (m != null ? m : Mt) !== !1;
     ie ? i.autoExpand = m !== !1 : Mt === void 0 && (i.autoExpand = !0);
     const ae = Object.prototype.hasOwnProperty.call(P, "width"), re = oe && !ae && (Dt || Ht || Ot);
-    let kt = !1;
-    re && (kt = this._autoExpandTextboxWidth(i, {
+    let Rt = !1;
+    re && (Rt = this._autoExpandTextboxWidth(i, {
       anchor: f
-    }), kt && (i.dirty = !0)), (kt ? !1 : _t({ textbox: i })) && (i.dirty = !0), i.setCoords(), s || c.requestRenderAll(), r.resumeHistory(), n || r.saveState();
+    }), Rt && (i.dirty = !0)), (Rt ? !1 : _t({ textbox: i })) && (i.dirty = !0), i.setCoords(), s || c.requestRenderAll(), r.resumeHistory(), n || r.saveState();
     const ce = rt._getSnapshot(i);
     return c.fire("editor:text-updated", {
       textbox: i,
@@ -6084,8 +6107,8 @@ class rt {
       updates: P,
       before: l,
       after: ce,
-      selectionRange: R != null ? R : void 0,
-      selectionStyles: R && Object.keys(H).length ? H : void 0
+      selectionRange: k != null ? k : void 0,
+      selectionStyles: k && Object.keys(H).length ? H : void 0
     }), i;
   }
   /**
@@ -6135,7 +6158,7 @@ class rt {
    * Синхронизирует lineFontDefaults при изменении текста и сохраняет typing style для пустых строк.
    */
   _syncLineFontDefaultsOnTextChanged({ textbox: t }) {
-    var L, W, z;
+    var L, U, z;
     const {
       text: e = "",
       lineFontDefaults: n,
@@ -6152,20 +6175,20 @@ class rt {
     let b = n, A = !1, w = !1;
     const T = typeof a == "string" ? a : void 0, E = typeof r == "string" ? r : void 0;
     if (y !== 0 && n && Object.keys(n).length) {
-      const j = ks({
+      const j = Rs({
         previous: u,
         next: d
-      }), k = Bs({
+      }), R = Bs({
         text: u,
         charIndex: j
       });
       if (y > 0) {
         const N = Ns({
           text: u,
-          lineIndex: k
+          lineIndex: R
         });
-        let x = k + 1;
-        j === N && (x = k);
+        let x = R + 1;
+        j === N && (x = R);
         const B = {};
         for (const _ in n) {
           if (!Object.prototype.hasOwnProperty.call(n, _)) continue;
@@ -6173,43 +6196,43 @@ class rt {
           if (!Number.isFinite(D)) continue;
           const P = n[D];
           if (!P) continue;
-          const R = D >= x ? D + y : D;
-          B[R] = F({}, P);
+          const k = D >= x ? D + y : D;
+          B[k] = F({}, P);
         }
         b = B, A = !0, w = !0;
       }
       if (y < 0) {
         const N = Math.abs(y);
-        let x = k;
+        let x = R;
         u[j] === `
-` && ((W = f[k]) != null ? W : "").length > 0 && (x = k + 1);
+` && ((U = f[R]) != null ? U : "").length > 0 && (x = R + 1);
         const _ = x + N - 1, D = {};
         for (const P in n) {
           if (!Object.prototype.hasOwnProperty.call(n, P)) continue;
-          const R = Number(P);
-          if (!Number.isFinite(R)) continue;
-          const V = n[R];
-          V && (R < x && (D[R] = F({}, V)), R > _ && (D[R + y] = F({}, V)));
+          const k = Number(P);
+          if (!Number.isFinite(k)) continue;
+          const V = n[k];
+          V && (k < x && (D[k] = F({}, V)), k > _ && (D[k + y] = F({}, V)));
         }
         b = D, A = !0, w = !0;
       }
     }
     let C = null;
     if (l && typeof c == "number") {
-      const j = t.get2DCursorLocation(c), { lineIndex: k } = j;
-      Number.isFinite(k) && (C = k);
+      const j = t.get2DCursorLocation(c), { lineIndex: R } = j;
+      Number.isFinite(R) && (C = R);
     }
     let v = s, S = !1, M = !1, I, O = null;
     for (let j = 0; j < p.length; j += 1) {
-      const k = (z = p[j]) != null ? z : "", N = b ? b[j] : void 0;
-      if (N && (I = N), k.length !== 0) {
+      const R = (z = p[j]) != null ? z : "", N = b ? b[j] : void 0;
+      if (N && (I = N), R.length !== 0) {
         if (N) {
-          const R = Os({
-            lineText: k,
+          const k = Os({
+            lineText: R,
             lineStyles: v ? v[j] : void 0,
             lineDefaults: N
           });
-          R.changed && (v || (v = {}, M = !0), M || (v = F({}, v), M = !0), R.lineStyles && (v[j] = R.lineStyles), !R.lineStyles && v[j] && delete v[j], S = !0);
+          k.changed && (v || (v = {}, M = !0), M || (v = F({}, v), M = !0), k.lineStyles && (v[j] = k.lineStyles), !k.lineStyles && v[j] && delete v[j], S = !0);
         }
         continue;
       }
@@ -6238,7 +6261,7 @@ class rt {
    * но не шире монтажной области, и удерживает объект в её пределах.
    */
   _autoExpandTextboxWidth(t, { anchor: e } = {}) {
-    var C, v, S, M, I, O, L, W, z, j, k, N, x;
+    var C, v, S, M, I, O, L, U, z, j, R, N, x;
     const { montageArea: n } = this.editor;
     if (!n) return !1;
     const s = typeof t.text == "string" ? t.text : "";
@@ -6246,7 +6269,7 @@ class rt {
     n.setCoords();
     const o = n.getBoundingRect(!1, !0), i = (C = o.width) != null ? C : 0;
     if (!Number.isFinite(i) || i <= 0) return !1;
-    const a = e != null ? e : (v = this.editingAnchorState) == null ? void 0 : v.get(t), r = (M = (S = a == null ? void 0 : a.originY) != null ? S : t.originY) != null ? M : "top", c = Math.abs((I = t.scaleX) != null ? I : 1) || 1, l = (O = t.paddingLeft) != null ? O : 0, d = (L = t.paddingRight) != null ? L : 0, u = (W = t.strokeWidth) != null ? W : 0, f = Math.max(
+    const a = e != null ? e : (v = this.editingAnchorState) == null ? void 0 : v.get(t), r = (M = (S = a == null ? void 0 : a.originY) != null ? S : t.originY) != null ? M : "top", c = Math.abs((I = t.scaleX) != null ? I : 1) || 1, l = (O = t.paddingLeft) != null ? O : 0, d = (L = t.paddingRight) != null ? L : 0, u = (U = t.strokeWidth) != null ? U : 0, f = Math.max(
       1,
       i / c - l - d - u
     );
@@ -6262,7 +6285,7 @@ class rt {
       f,
       Math.max(b, A)
     );
-    y && (w = f), Math.abs(((k = t.width) != null ? k : 0) - w) > it && (t.set({ width: w }), t.initDimensions(), m = !0), _t({ textbox: t }) && (m = !0), a && (t.setPositionByOrigin(new lt(a.x, a.y), "center", r), m = !0);
+    y && (w = f), Math.abs(((R = t.width) != null ? R : 0) - w) > it && (t.set({ width: w }), t.initDimensions(), m = !0), _t({ textbox: t }) && (m = !0), a && (t.setPositionByOrigin(new lt(a.x, a.y), "center", r), m = !0);
     const E = zs({
       textbox: t,
       montageLeft: (N = o.left) != null ? N : 0,
@@ -6325,8 +6348,8 @@ class rt {
       snapshot: _,
       entries: D
     }) => {
-      Object.entries(D).forEach(([P, R]) => {
-        R != null && (_[P] = R);
+      Object.entries(D).forEach(([P, k]) => {
+        k != null && (_[P] = k);
       });
     }, {
       id: n,
@@ -6356,10 +6379,10 @@ class rt {
       radiusBottomRight: I,
       radiusBottomLeft: O,
       left: L,
-      top: W,
+      top: U,
       width: z,
       height: j,
-      angle: k,
+      angle: R,
       scaleX: N,
       scaleY: x
     } = t, B = {
@@ -6394,10 +6417,10 @@ class rt {
         radiusBottomRight: I,
         radiusBottomLeft: O,
         left: L,
-        top: W,
+        top: U,
         width: z,
         height: j,
-        angle: k,
+        angle: R,
         scaleX: N,
         scaleY: x
       }
@@ -6457,7 +6480,7 @@ const fe = ({
     x: d + f / 2,
     y: u + p / 2
   };
-}, Ws = ({
+}, Us = ({
   normalizedX: h,
   normalizedY: t,
   bounds: e,
@@ -6471,7 +6494,7 @@ const fe = ({
   }
   const c = o + h * a, l = i + t * r;
   return new lt(c, l);
-}, Us = ({
+}, Ws = ({
   object: h,
   montageArea: t,
   bounds: e
@@ -6752,8 +6775,8 @@ class G {
       return;
     }
     if (I === "stretch") {
-      const W = S ? T / m : null, z = M ? E / g : null;
-      W && W > 0 && (O.scaleX = W), z && z > 0 && (O.scaleY = z), c.set(O);
+      const U = S ? T / m : null, z = M ? E / g : null;
+      U && U > 0 && (O.scaleX = U), z && z > 0 && (O.scaleY = z), c.set(O);
       return;
     }
     if (!S || !M) {
@@ -6863,7 +6886,7 @@ class G {
       useRelativePositions: r,
       anchorX: G._resolveAnchor(c, pe),
       anchorY: G._resolveAnchor(c, Te)
-    }), y = Ws({
+    }), y = Us({
       normalizedX: l,
       normalizedY: d,
       bounds: g,
@@ -6958,12 +6981,12 @@ class G {
     object: t,
     baseWidth: e
   }) {
-    var j, k;
+    var j, R;
     if (!(t instanceof ct)) return;
     const n = typeof t.text == "string" ? t.text : "";
     if (!n) return;
     const s = nt({
-      value: (k = (j = this.editor) == null ? void 0 : j.montageArea) == null ? void 0 : k.width,
+      value: (R = (j = this.editor) == null ? void 0 : j.montageArea) == null ? void 0 : R.width,
       fallback: 0
     }), {
       width: o = 0,
@@ -6979,9 +7002,9 @@ class G {
       text: n
     }), O = I > p ? I + 1 : p;
     t.set("width", O), t.initDimensions(), t.setPositionByOrigin(M, "center", "center"), t.setCoords();
-    const W = (O * u + g + y + f) / r;
+    const U = (O * u + g + y + f) / r;
     let z = T;
-    E === "start" && v !== null ? z = Math.max(0, v) + W / 2 : E === "end" && S !== null && (z = Math.min(1, S) - W / 2), typeof z == "number" && (A[Qt] = z);
+    E === "start" && v !== null ? z = Math.max(0, v) + U / 2 : E === "end" && S !== null && (z = Math.min(1, S) - U / 2), typeof z == "number" && (A[Qt] = z);
   }
   /**
    * Возвращает ширину самой длинной строки текстового объекта.
@@ -7011,7 +7034,7 @@ class G {
     baseHeight: s,
     montageArea: o
   }) {
-    const i = t.toDatalessObject([...Re]);
+    const i = t.toDatalessObject([...ke]);
     if (G._isSvgObject(t)) {
       const w = G._extractSvgMarkup(t);
       w && (i.svgMarkup = w, delete i.objects, delete i.path);
@@ -7022,7 +7045,7 @@ class G {
       top: r,
       width: c,
       height: l
-    } = e, d = t.getBoundingRect(!1, !0), u = n || c || 1, f = s || l || 1, p = Us({
+    } = e, d = t.getBoundingRect(!1, !0), u = n || c || 1, f = s || l || 1, p = Ws({
       object: t,
       montageArea: o,
       bounds: e
@@ -7358,19 +7381,19 @@ const Ee = 5, An = "#3D8BF4", Ne = 1, ot = 2, jn = ({
   if (g && y) {
     const { bounds: v } = g, { bounds: S } = y, { bottom: M } = v, { top: I } = S, L = I - M - f;
     if (L >= 0) {
-      const W = L / 2;
-      if (vt({ value: W, step: ot })) {
-        const j = Ze({ value: W, step: ot }), k = o - M, N = I - i, x = Math.abs(k - j), B = Math.abs(N - j), _ = Math.max(x, B);
+      const U = L / 2;
+      if (vt({ value: U, step: ot })) {
+        const j = Ze({ value: U, step: ot }), R = o - M, N = I - i, x = Math.abs(R - j), B = Math.abs(N - j), _ = Math.max(x, B);
         if (_ <= e) {
-          const D = j - k;
+          const D = j - R;
           if (vt({ value: D, step: ot })) {
-            const R = i + D, V = {
+            const k = i + D, V = {
               type: "vertical",
               axis: s,
               refStart: M,
               refEnd: M + j,
-              activeStart: R,
-              activeEnd: R + j,
+              activeStart: k,
+              activeEnd: k + j,
               distance: j
             };
             u.push({ delta: D, guide: V, diff: _ });
@@ -7495,19 +7518,19 @@ const Ee = 5, An = "#3D8BF4", Ne = 1, ot = 2, jn = ({
   if (g && y) {
     const { bounds: v } = g, { bounds: S } = y, { right: M } = v, { left: I } = S, L = I - M - f;
     if (L >= 0) {
-      const W = L / 2;
-      if (vt({ value: W, step: ot })) {
-        const j = Ze({ value: W, step: ot }), k = o - M, N = I - i, x = Math.abs(k - j), B = Math.abs(N - j), _ = Math.max(x, B);
+      const U = L / 2;
+      if (vt({ value: U, step: ot })) {
+        const j = Ze({ value: U, step: ot }), R = o - M, N = I - i, x = Math.abs(R - j), B = Math.abs(N - j), _ = Math.max(x, B);
         if (_ <= e) {
-          const D = j - k;
+          const D = j - R;
           if (vt({ value: D, step: ot })) {
-            const R = i + D, V = {
+            const k = i + D, V = {
               type: "horizontal",
               axis: s,
               refStart: M,
               refEnd: M + j,
-              activeStart: R,
-              activeEnd: R + j,
+              activeStart: k,
+              activeEnd: k + j,
               distance: j
             };
             u.push({ delta: D, guide: V, diff: _ });
@@ -7901,13 +7924,13 @@ class $ {
       anchors: d,
       candidates: S,
       threshold: m
-    }), { guidePosition: O } = M, { guidePosition: L } = I, W = O !== null, z = L !== null;
-    if (!W && !z) {
+    }), { guidePosition: O } = M, { guidePosition: L } = I, U = O !== null, z = L !== null;
+    if (!U && !z) {
       this._clearGuides();
       return;
     }
     const j = [];
-    let k = null, N = null;
+    let R = null, N = null;
     if (r) {
       const B = $._resolveUniformScale({
         bounds: u,
@@ -7918,12 +7941,12 @@ class $ {
       });
       if (B) {
         const { scaleFactor: _, guide: D } = B;
-        k = w * _, N = T * _, j.push(D);
+        R = w * _, N = T * _, j.push(D);
       }
     }
     if (!r) {
-      const { angle: B = 0 } = e, { width: _, height: D } = $._resolveBaseDimensions({ target: e }), P = Math.abs(w) || 1, R = Math.abs(T) || 1;
-      if (W) {
+      const { angle: B = 0 } = e, { width: _, height: D } = $._resolveBaseDimensions({ target: e }), P = Math.abs(w) || 1, k = Math.abs(T) || 1;
+      if (U) {
         const V = $._resolveDesiredWidth({
           bounds: u,
           originX: E,
@@ -7934,12 +7957,12 @@ class $ {
             desiredWidth: V,
             baseWidth: _,
             baseHeight: D,
-            scaleY: R,
+            scaleY: k,
             angle: B
           });
           if (H !== null) {
             const q = w < 0 ? -1 : 1;
-            k = H * q, O !== null && j.push({
+            R = H * q, O !== null && j.push({
               type: "vertical",
               position: O
             });
@@ -7970,14 +7993,14 @@ class $ {
         }
       }
     }
-    const x = k !== null || N !== null;
+    const x = R !== null || N !== null;
     if (!x && !j.length) {
       this._clearGuides();
       return;
     }
     if (x) {
       const B = e.getRelativeCenterPoint(), _ = e.translateToOriginPoint(B, E, C), D = {};
-      k !== null && (D.scaleX = k, s.scaleX = k), N !== null && (D.scaleY = N, s.scaleY = N), Object.keys(D).length && (e.set(D), e.setPositionByOrigin(_, E, C), e.setCoords());
+      R !== null && (D.scaleX = R, s.scaleX = R), N !== null && (D.scaleY = N, s.scaleY = N), Object.keys(D).length && (e.set(D), e.setPositionByOrigin(_, E, C), e.setCoords());
     }
     this._applyGuides({
       guides: j,
@@ -8433,7 +8456,7 @@ class $ {
   }
 }
 const Mn = "#3D8BF4", Sn = 1;
-class Ut {
+class Wt {
   /**
    * Создаёт менеджер измерений и инициализирует события.
    */
@@ -8543,7 +8566,7 @@ class Ut {
       this._clearGuides();
       return;
     }
-    const i = Ut._resolveTarget({
+    const i = Wt._resolveTarget({
       event: t,
       activeObject: s
     }), { montageArea: a } = n, r = i != null ? i : a, c = r === a, l = yt({ object: r });
@@ -8555,7 +8578,7 @@ class Ut {
       this._clearGuides();
       return;
     }
-    const u = Ut._buildGuides({
+    const u = Wt._buildGuides({
       activeBounds: o,
       targetBounds: l,
       targetIsMontageArea: c
@@ -8584,11 +8607,11 @@ class Ut {
     targetBounds: e,
     targetIsMontageArea: n
   }) {
-    const s = Ut._buildHorizontalGuides({
+    const s = Wt._buildHorizontalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: n
-    }), o = Ut._buildVerticalGuides({
+    }), o = Wt._buildVerticalGuides({
       activeBounds: t,
       targetBounds: e,
       targetIsMontageArea: n
@@ -8810,7 +8833,7 @@ class Ge {
         showRotationAngle: l,
         _onReadyCallback: d
       } = this.options;
-      if (ut.apply(), this.canvas = new zn(this.containerId, this.options), this.moduleLoader = new Hn(), this.workerManager = new Gn(), this.errorManager = new ne({ editor: this }), this.historyManager = new J({ editor: this }), this.toolbar = new cs({ editor: this }), this.transformManager = new vs({ editor: this }), this.zoomManager = new bs({ editor: this }), this.canvasManager = new ys({ editor: this }), this.imageManager = new pt({ editor: this }), this.layerManager = new ye({ editor: this }), this.shapeManager = new Ss({ editor: this }), this.interactionBlocker = new Ms({ editor: this }), this.backgroundManager = new Wt({ editor: this }), this.clipboardManager = new ws({ editor: this }), this.objectLockManager = new ve({ editor: this }), this.groupingManager = new As({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new He({ editor: this }), this.panConstraintManager = new js({ editor: this }), this.snappingManager = new $({ editor: this }), this.measurementManager = new Ut({ editor: this }), this.fontManager = new xe((u = this.options.fonts) != null ? u : []), this.textManager = new rt({ editor: this }), this.templateManager = new G({ editor: this }), l && (this.angleIndicator = new Ye({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new ze({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(n), this.canvasManager.setCanvasWrapperHeight(s), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), r) {
+      if (ut.apply(), this.canvas = new zn(this.containerId, this.options), this.moduleLoader = new Hn(), this.workerManager = new Gn(), this.errorManager = new ne({ editor: this }), this.historyManager = new J({ editor: this }), this.toolbar = new cs({ editor: this }), this.transformManager = new vs({ editor: this }), this.zoomManager = new bs({ editor: this }), this.canvasManager = new ys({ editor: this }), this.imageManager = new pt({ editor: this }), this.layerManager = new ye({ editor: this }), this.shapeManager = new Ss({ editor: this }), this.interactionBlocker = new Ms({ editor: this }), this.backgroundManager = new Ut({ editor: this }), this.clipboardManager = new ws({ editor: this }), this.objectLockManager = new ve({ editor: this }), this.groupingManager = new As({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new He({ editor: this }), this.panConstraintManager = new js({ editor: this }), this.snappingManager = new $({ editor: this }), this.measurementManager = new Wt({ editor: this }), this.fontManager = new xe((u = this.options.fonts) != null ? u : []), this.textManager = new rt({ editor: this }), this.templateManager = new G({ editor: this }), l && (this.angleIndicator = new Ye({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new ze({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(n), this.canvasManager.setCanvasWrapperHeight(s), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), r) {
         this.historyManager.suspendHistory();
         try {
           const m = yield this.imageManager.prepareInitialState({
@@ -8923,7 +8946,7 @@ class Ge {
     });
   }
 }
-const U = [
+const W = [
   "U+0000-00FF",
   "U+0100-02BA",
   "U+02BB-02BC",
@@ -8989,7 +9012,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9009,7 +9032,7 @@ const U = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9029,7 +9052,7 @@ const U = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9049,7 +9072,7 @@ const U = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9069,7 +9092,7 @@ const U = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9089,7 +9112,7 @@ const U = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9109,7 +9132,7 @@ const U = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9129,7 +9152,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9149,7 +9172,7 @@ const U = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9169,7 +9192,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9189,7 +9212,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9209,7 +9232,7 @@ const U = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9229,7 +9252,7 @@ const U = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9249,7 +9272,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9269,7 +9292,7 @@ const U = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9289,7 +9312,7 @@ const U = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9309,7 +9332,7 @@ const U = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9329,7 +9352,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9349,7 +9372,7 @@ const U = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9369,7 +9392,7 @@ const U = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9389,7 +9412,7 @@ const U = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9409,7 +9432,7 @@ const U = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9429,7 +9452,7 @@ const U = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9449,7 +9472,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9469,7 +9492,7 @@ const U = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9489,7 +9512,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9509,7 +9532,7 @@ const U = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9529,7 +9552,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9549,7 +9572,7 @@ const U = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9569,7 +9592,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9589,7 +9612,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9609,7 +9632,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9629,7 +9652,7 @@ const U = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9649,7 +9672,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9669,7 +9692,7 @@ const U = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9689,7 +9712,7 @@ const U = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9709,7 +9732,7 @@ const U = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9729,7 +9752,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   },
   {
@@ -9749,7 +9772,7 @@ const U = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: U
+      unicodeRange: W
     }
   }
 ], ti = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "JavaScript image editor built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [