@anu3ev/fabric-image-editor 0.5.23 → 0.5.24

package/dist/main.js

@@ -434,7 +434,7 @@ function js(h) {
     }
   );
 }
-class Is {
+class Cs {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
@@ -480,18 +480,18 @@ class Is {
     this.worker.terminate();
   }
 }
-const ht = 12, Cs = 2, ve = 8, be = 20, Ts = 100, Me = 20, we = 8, Es = 100, de = 32, Ie = 1, Os = "#2B2D33", Ce = "#3D8BF4", Te = "#FFFFFF";
+const ht = 12, Is = 2, ve = 8, be = 20, Ts = 100, Me = 20, we = 8, Es = 100, de = 32, Ce = 1, Os = "#2B2D33", Ie = "#3D8BF4", Te = "#FFFFFF";
 function oe(h, t, e, s, n) {
-  const o = ht, i = Cs;
-  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
+  const o = ht, i = Is;
+  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ie, h.lineWidth = Ce, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
 }
 function Ue(h, t, e, s, n) {
   const o = ve, i = be, a = Ts;
-  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ie, h.lineWidth = Ce, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 function Fe(h, t, e, s, n) {
   const o = Me, i = we, a = Es;
-  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ce, h.lineWidth = Ie, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  h.save(), h.translate(t, e), h.rotate(ft.degreesToRadians(n.angle)), h.fillStyle = Te, h.strokeStyle = Ie, h.lineWidth = Ce, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ss = new Image();
 ss.src = Ls;
@@ -1246,7 +1246,7 @@ const ns = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-class G {
+class Z {
   constructor({ editor: t }) {
     this.editor = t, this.canvas = t.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = t.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -1321,7 +1321,7 @@ class G {
         const {
           prevState: s,
           nextState: n
-        } = G._prepareStatesForDiff({
+        } = Z._prepareStatesForDiff({
           prevState: e,
           nextState: t
         }), o = this.diffPatcher.diff(s, n);
@@ -1329,6 +1329,13 @@ class G {
           console.log("Нет изменений для сохранения.");
           return;
         }
+        if (Z._areStatesEqual({
+          prevState: s,
+          nextState: n
+        })) {
+          console.log("statesEqual. Нет изменений для сохранения.");
+          return;
+        }
         console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", o), this.totalChangesCount += 1, this.patches.push({ id: X(), diff: o }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
       } finally {
         this._isSavingState = !1;
@@ -1343,11 +1350,11 @@ class G {
     prevState: t,
     nextState: e
   }) {
-    const s = G._cloneState({ state: t }), n = G._cloneState({ state: e });
-    return G._normalizeTextBackground({ objects: s.objects }), G._normalizeTextBackground({ objects: n.objects }), G._normalizeCanvasSize({
+    const s = Z._cloneState({ state: t }), n = Z._cloneState({ state: e });
+    return Z._normalizeTextBackground({ objects: s.objects }), Z._normalizeTextBackground({ objects: n.objects }), Z._normalizeCanvasSize({
       prevState: s,
       nextState: n
-    }), G._normalizeTranslation({
+    }), Z._normalizeTranslation({
       prevState: s,
       nextState: n
     }), {
@@ -1362,14 +1369,57 @@ class G {
   static _cloneState({ state: t }) {
     return JSON.parse(JSON.stringify(t));
   }
+  /**
+   * Проверяет, равны ли два состояния после нормализации с учётом устойчивого порядка ключей.
+   * @param prevState - предыдущее состояние
+   * @param nextState - следующее состояние
+   */
+  static _areStatesEqual({
+    prevState: t,
+    nextState: e
+  }) {
+    const s = Z._stableStringify({ value: t }), n = Z._stableStringify({ value: e });
+    return s === n;
+  }
+  /**
+   * Делает устойчивую сериализацию значения с сортировкой ключей объектов.
+   * @param value - значение для сериализации
+   */
+  static _stableStringify({ value: t }) {
+    const e = ({ value: s }) => {
+      if (Array.isArray(s)) {
+        const n = [];
+        for (let o = 0; o < s.length; o += 1)
+          n.push(e({ value: s[o] }));
+        return n;
+      }
+      if (s && typeof s == "object") {
+        const n = {}, o = Object.keys(s).sort();
+        for (let i = 0; i < o.length; i += 1) {
+          const a = o[i];
+          n[a] = e({
+            value: s[a]
+          });
+        }
+        return n;
+      }
+      return s;
+    };
+    return JSON.stringify(e({ value: t }));
+  }
   /**
    * Нормализует backgroundColor у текстовых объектов без фона, чтобы избежать шумовых диффов.
    * @param objects - список объектов канваса
    */
   static _normalizeTextBackground({ objects: t }) {
     for (let e = 0; e < t.length; e += 1) {
-      const s = t[e], { type: n } = s, o = s.backgroundOpacity, i = typeof o == "number" ? o : 0;
-      (n === "textbox" || n === "i-text" || n === "text") && (i > 0 || (s.backgroundColor = null));
+      const s = t[e], {
+        type: n,
+        backgroundOpacity: o,
+        backgroundColor: i,
+        textBackgroundColor: a
+      } = s, r = typeof o == "number" ? o : 0, c = typeof i == "string" ? i : "", d = typeof a == "string" ? a : "", l = n === "textbox" || n === "i-text" || n === "text" || n === "background-textbox", u = c.length > 0 || d.length > 0;
+      l && (r > 0 && u || (s.backgroundColor = null, s.textBackgroundColor = null));
     }
   }
   /**
@@ -1383,10 +1433,10 @@ class G {
     const { width: s, height: n, objects: o } = t, { objects: i } = e, {
       width: a,
       height: r
-    } = G._getMontageAreaSize({ objects: o }), {
+    } = Z._getMontageAreaSize({ objects: o }), {
       width: c,
       height: d
-    } = G._getMontageAreaSize({ objects: i });
+    } = Z._getMontageAreaSize({ objects: i });
     a !== c || r !== d || (e.width = s, e.height = n);
   }
   /**
@@ -1399,22 +1449,22 @@ class G {
     const { objects: s, clipPath: n } = t, { objects: o, clipPath: i } = e, {
       left: a,
       top: r
-    } = G._getMontageAreaPosition({ objects: s }), {
+    } = Z._getMontageAreaPosition({ objects: s }), {
       left: c,
       top: d
-    } = G._getMontageAreaPosition({ objects: o }), l = c - a, u = d - r;
+    } = Z._getMontageAreaPosition({ objects: o }), l = c - a, u = d - r;
     if (l === 0 && u === 0) return;
-    const f = G._getObjectById({
+    const f = Z._getObjectById({
       objects: o,
       id: "montage-area"
     });
     f && (f.left = a, f.top = r);
-    const g = G._getClipPathPosition({ clipPath: n });
+    const g = Z._getClipPathPosition({ clipPath: n });
     if (g && i && typeof i == "object") {
       const { left: m, top: v } = g, w = i;
       w.left = m, w.top = v;
     }
-    const p = G._getTranslationIgnoredIds();
+    const p = Z._getTranslationIgnoredIds();
     for (let m = 0; m < o.length; m += 1) {
       const v = o[m], { id: w } = v;
       w && p.has(w) || (typeof v.left == "number" && (v.left -= l), typeof v.top == "number" && (v.top -= u));
@@ -1436,7 +1486,7 @@ class G {
   static _getMontageAreaPosition({
     objects: t
   }) {
-    const e = G._getObjectById({
+    const e = Z._getObjectById({
       objects: t,
       id: "montage-area"
     });
@@ -1451,7 +1501,7 @@ class G {
   static _getMontageAreaSize({
     objects: t
   }) {
-    const e = G._getObjectById({
+    const e = Z._getObjectById({
       objects: t,
       id: "montage-area"
     });
@@ -1520,7 +1570,7 @@ class G {
     for (let c = 0; c < i.length; c += 1) {
       const d = i[c], { id: l } = d;
       let u;
-      typeof l == "string" && (u = n.get(l)), u || (u = o.get(c)), u && (d.customData = G._cloneCustomData({ customData: u }));
+      typeof l == "string" && (u = n.get(l)), u || (u = o.get(c)), u && (d.customData = Z._cloneCustomData({ customData: u }));
     }
   }
   /**
@@ -1541,8 +1591,8 @@ class G {
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: n, backgroundManager: o } = this.editor, { width: i, height: a } = e;
       n.overlayMask = null;
-      const r = G._createLoadSafeState({ state: t });
-      yield e.loadFromJSON(r), G._applyCustomDataFromState({ state: t, canvas: e });
+      const r = Z._createLoadSafeState({ state: t });
+      yield e.loadFromJSON(r), Z._applyCustomDataFromState({ state: t, canvas: e });
       const c = e.getObjects().find((u) => u.id === "montage-area");
       c && (this.editor.montageArea = c, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
       const d = e.getObjects().find((u) => u.id === "overlay-mask");
@@ -1637,7 +1687,7 @@ class G {
     const e = [];
     ((i = (o = (n = this.canvas).getObjects) == null ? void 0 : o.call(n)) != null ? i : []).forEach((a) => {
       const r = typeof a.type == "string" ? a.type.toLowerCase() : "";
-      if (!(r === "textbox" || r === "i-text" || typeof a.isEditing == "boolean") || a.locked) return;
+      if (!(r === "textbox" || r === "i-text" || typeof a.isEditing == "boolean" || r === "background-textbox") || a.locked) return;
       const d = !!a.lockMovementX, l = !!a.lockMovementY;
       !d && !l || (e.push({
         object: a,
@@ -1655,7 +1705,7 @@ class G {
     }
   }
 }
-const Hs = 0.1, Zs = 2, Ze = 0.1, Gs = 90, _t = 16, xt = 16, jt = 4096, It = 4096, Ge = "application/image-editor:", ie = [
+const Hs = 0.1, Zs = 2, Ze = 0.1, Gs = 90, _t = 16, xt = 16, jt = 4096, Ct = 4096, Ge = "application/image-editor:", ie = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1757,12 +1807,12 @@ class ut {
         if (y instanceof Gt) {
           const S = y.getElement();
           let T = "";
-          if (S instanceof HTMLImageElement ? T = S.src : S instanceof HTMLCanvasElement && (T = S.toDataURL()), j > It || b > jt) {
-            const M = yield this.resizeImageToBoundaries(T, "max"), C = URL.createObjectURL(M);
-            this._createdBlobUrls.push(C), y = yield Gt.fromURL(C, { crossOrigin: "anonymous" });
+          if (S instanceof HTMLImageElement ? T = S.src : S instanceof HTMLCanvasElement && (T = S.toDataURL()), j > Ct || b > jt) {
+            const M = yield this.resizeImageToBoundaries(T, "max"), I = URL.createObjectURL(M);
+            this._createdBlobUrls.push(I), y = yield Gt.fromURL(I, { crossOrigin: "anonymous" });
           } else if (j < xt || b < _t) {
-            const M = yield this.resizeImageToBoundaries(T, "min"), C = URL.createObjectURL(M);
-            this._createdBlobUrls.push(C), y = yield Gt.fromURL(C, { crossOrigin: "anonymous" });
+            const M = yield this.resizeImageToBoundaries(T, "min"), I = URL.createObjectURL(M);
+            this._createdBlobUrls.push(I), y = yield Gt.fromURL(I, { crossOrigin: "anonymous" });
           }
         }
         if (y.set("id", `${y.type}-${X()}`), y.set("format", m), y.set("customData", c || null), s === "scale-montage")
@@ -1771,7 +1821,7 @@ class ut {
           const { width: S, height: T } = l, M = this.calculateScaleFactor({ imageObject: y, scaleType: s });
           s === "image-contain" && M < 1 ? u.fitObject({ object: y, type: "contain", withoutSave: !0 }) : s === "image-cover" && (b > S || j > T) && u.fitObject({ object: y, type: "cover", withoutSave: !0 });
         }
-        const I = {
+        const C = {
           image: y,
           format: m,
           contentType: p,
@@ -1784,7 +1834,7 @@ class ut {
           withoutAdding: r,
           customData: c
         };
-        return r ? (f.resumeHistory(), d.fire("editor:image-imported", I), I) : (d.add(y), d.centerObject(y), a || d.setActiveObject(y), d.renderAll(), f.resumeHistory(), n || f.saveState(), d.fire("editor:image-imported", I), I);
+        return r ? (f.resumeHistory(), d.fire("editor:image-imported", C), C) : (d.add(y), d.centerObject(y), a || d.setActiveObject(y), d.renderAll(), f.resumeHistory(), n || f.saveState(), d.fire("editor:image-imported", C), C);
       } catch (A) {
         return g.emitError({
           origin: "ImageManager",
@@ -1817,13 +1867,13 @@ class ut {
    */
   resizeImageToBoundaries(t, e = "max") {
     return P(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${jt}x${It}`;
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${jt}x${Ct}`;
       e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${_t}x${xt}`);
       const n = {
         dataURL: t,
         sizeType: e,
         maxWidth: jt,
-        maxHeight: It,
+        maxHeight: Ct,
         minWidth: _t,
         minHeight: xt
       };
@@ -1862,7 +1912,7 @@ class ut {
         v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
         const w = v.getObjects().find((M) => M.id === a.id);
         if (w && (w.visible = !1), c != null && c.isBlocked) {
-          const M = v.getObjects().find((C) => C.id === c.overlayMask.id);
+          const M = v.getObjects().find((I) => I.id === c.overlayMask.id);
           M && (M.visible = !1);
         }
         v.viewportTransform = [1, 0, 0, 1, -f, -g], v.setDimensions({ width: p, height: m }, { backstoreOnly: !0 }), v.renderAll();
@@ -1882,9 +1932,9 @@ class ut {
           };
           return i.fire("editor:canvas-exported", E), E;
         }
-        const y = yield new Promise((M, C) => {
+        const y = yield new Promise((M, I) => {
           v.getElement().toBlob((E) => {
-            E ? M(E) : C(new Error("Failed to create Blob from canvas"));
+            E ? M(E) : I(new Error("Failed to create Blob from canvas"));
           });
         });
         if (v.dispose(), o) {
@@ -1902,12 +1952,12 @@ class ut {
           [b]
         );
         if (d) {
-          const C = p * 0.264583, E = m * 0.264583, z = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new z({
-            orientation: C > E ? "landscape" : "portrait",
+          const I = p * 0.264583, E = m * 0.264583, z = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new z({
+            orientation: I > E ? "landscape" : "portrait",
             unit: "mm",
-            format: [C, E]
+            format: [I, E]
           });
-          if (x.addImage(String(j), "JPG", 0, 0, C, E), n) {
+          if (x.addImage(String(j), "JPG", 0, 0, I, E), n) {
             const H = {
               image: x.output("datauristring"),
               format: "pdf",
@@ -1933,11 +1983,11 @@ class ut {
           };
           return i.fire("editor:canvas-exported", M), M;
         }
-        const I = u === "svg" && !A ? e.replace(/\.[^/.]+$/, ".png") : e, T = {
-          image: new File([y], I, { type: l }),
+        const C = u === "svg" && !A ? e.replace(/\.[^/.]+$/, ".png") : e, T = {
+          image: new File([y], C, { type: l }),
           format: u,
           contentType: l,
-          fileName: I
+          fileName: C
         };
         return i.fire("editor:canvas-exported", T), T;
       } catch (d) {
@@ -2170,7 +2220,7 @@ const mt = (h, t, e) => Math.max(Math.min(h, e), t), Ve = (h, t) => h * t, Xs =
 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 Qs {
+class qs {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -2247,7 +2297,7 @@ class Qs {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, d = mt(Number(t), xt, It);
+    } = this.editor, { width: r, height: c } = i, d = mt(Number(t), xt, Ct);
     if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (g = o.clipPath) == null || g.set({ height: d }), e) {
       const p = d / c, m = Ve(r, p);
       this.setResolutionWidth(m);
@@ -2309,7 +2359,7 @@ class Qs {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = mt(t, xt, It);
+    const e = mt(t, xt, Ct);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2318,7 +2368,7 @@ class Qs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = mt(s, _t, jt), i = mt(n, xt, It);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = mt(s, _t, jt), i = mt(n, xt, Ct);
     t.setDimensions({ width: o, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2520,7 +2570,7 @@ class Qs {
     } = this.editor, c = t || n.getActiveObject();
     if (!Ks(c)) return;
     const { width: d, height: l } = c;
-    let u = Math.min(d, jt), f = Math.min(l, It);
+    let u = Math.min(d, jt), f = Math.min(l, Ct);
     if (e) {
       const {
         width: g,
@@ -2744,7 +2794,7 @@ class Js {
     });
   }
 }
-class qs {
+class Qs {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Hs, this.maxZoom = this.options.maxZoom || Zs, this.defaultZoom = this._normalizeDefaultZoom(this.options.defaultScale);
   }
@@ -2814,8 +2864,8 @@ class qs {
   _calculateEmptySpaceRatio(t) {
     const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, f = -n[5] / t, g = (-n[5] + i) / t, p = l < a, m = u > r, v = f < c, w = g > d;
     if (!(p || m || v || w)) return 0;
-    const y = Math.max(0, a - l), b = Math.max(0, u - r), j = Math.max(0, c - f), I = Math.max(0, g - d), S = Math.max(y, b), T = Math.max(j, I), M = S / o, C = T / i;
-    return Math.max(M, C);
+    const y = Math.max(0, a - l), b = Math.max(0, u - r), j = Math.max(0, c - f), C = Math.max(0, g - d), S = Math.max(y, b), T = Math.max(j, C), M = S / o, I = T / i;
+    return Math.max(M, I);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -2831,7 +2881,7 @@ class qs {
     const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], f = Math.abs(n), g = e - s;
     if (Math.abs(g) / f <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, w = a.left, A = a.top, y = m - w * s, b = v - A * s, j = (y - r[4]) / (e - s), I = (b - r[5]) / (e - s), S = j * f, T = I * f, M = S * o, C = T * o, E = Math.abs(M) > Math.abs(l) ? l : M, z = Math.abs(C) > Math.abs(u) ? u : C;
+    const m = c / 2, v = d / 2, w = a.left, A = a.top, y = m - w * s, b = v - A * s, j = (y - r[4]) / (e - s), C = (b - r[5]) / (e - s), S = j * f, T = C * f, M = S * o, I = T * o, E = Math.abs(M) > Math.abs(l) ? l : M, z = Math.abs(I) > Math.abs(u) ? u : I;
     return { x: E, y: z };
   }
   /**
@@ -4249,7 +4299,7 @@ const At = {
     APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
   }
 };
-class Qt {
+class qt {
   constructor({ editor: t }) {
     this._buffer = [], this.editor = t;
   }
@@ -4276,7 +4326,7 @@ class Qt {
    * @fires editor:error
    */
   emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: n, message: o }) {
-    if (!Qt.isValidErrorCode(s)) {
+    if (!qt.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4305,7 +4355,7 @@ class Qt {
    * @fires editor:warning
    */
   emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: n, data: o }) {
-    if (!Qt.isValidErrorCode(s)) {
+    if (!qt.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4518,7 +4568,7 @@ const lt = ({
     try {
       s = new ms(t);
     } catch (o) {
-      return Qt.emitError({
+      return qt.emitError({
         origin: "BackgroundTextbox",
         method: "_getEffectiveBackgroundFill",
         code: "INVALID_COLOR_VALUE",
@@ -4623,7 +4673,7 @@ const an = () => {
   );
   if (s.length)
     return (n = s[0]) == null ? void 0 : n[e];
-}, Ke = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Qe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, pe = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", tt = 0.01;
+}, Ke = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", qe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, pe = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", tt = 0.01;
 class k {
   constructor({ editor: t }) {
     var e;
@@ -4680,19 +4730,19 @@ class k {
         baseStyles: u
       } = i, f = typeof ((te = o.original) == null ? void 0 : te.width) == "number" ? o.original.width : void 0, g = typeof ((Bt = o.original) == null ? void 0 : Bt.left) == "number" ? o.original.left : void 0, p = f != null ? f : a, m = g != null ? g : r, v = (kt = o.corner) != null ? kt : "", w = (zt = o.action) != null ? zt : "", A = ["ml", "mr"].includes(v) || w === "scaleX", y = ["mt", "mb"].includes(v) || w === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || w === "scale", j = b || y;
       if (!A && !y && !b) return;
-      const I = Math.abs((Wt = (Pt = n.scaleX) != null ? Pt : o.scaleX) != null ? Wt : 1) || 1, S = Math.abs((Ft = (Ut = n.scaleY) != null ? Ut : o.scaleY) != null ? Ft : 1) || 1, T = Math.max(1, p * I), M = Math.max(1, Math.round(T)), C = Math.max(1, c * S), {
+      const C = Math.abs((Wt = (Pt = n.scaleX) != null ? Pt : o.scaleX) != null ? Wt : 1) || 1, S = Math.abs((Ft = (Ut = n.scaleY) != null ? Ut : o.scaleY) != null ? Ft : 1) || 1, T = Math.max(1, p * C), M = Math.max(1, Math.round(T)), I = Math.max(1, c * S), {
         paddingTop: E = 0,
         paddingRight: z = 0,
         paddingBottom: x = 0,
         paddingLeft: N = 0,
         radiusTopLeft: Y = 0,
         radiusTopRight: V = 0,
-        radiusBottomRight: Q = 0,
+        radiusBottomRight: q = 0,
         radiusBottomLeft: H = 0,
         fontSize: R,
         width: O,
         originX: at = "left"
-      } = n, Z = b || y, nt = b || y, F = Z ? {
+      } = n, G = b || y, nt = b || y, F = G ? {
         top: Math.max(0, d.top * S),
         right: Math.max(0, d.right * S),
         bottom: Math.max(0, d.bottom * S),
@@ -4703,7 +4753,7 @@ class k {
         bottomRight: Math.max(0, l.bottomRight * S),
         bottomLeft: Math.max(0, l.bottomLeft * S)
       } : l, ot = Object.keys(u).length > 0;
-      let q;
+      let Q;
       if (j && ot) {
         const Ht = {};
         Object.entries(u).forEach(([Zt, De]) => {
@@ -4714,16 +4764,16 @@ class k {
             const Re = B({}, se);
             typeof se.fontSize == "number" && (Re.fontSize = Math.max(1, se.fontSize * S)), fe[cs] = Re;
           }), Object.keys(fe).length && (Ht[Zt] = fe);
-        }), Object.keys(Ht).length && (q = Ht);
+        }), Object.keys(Ht).length && (Q = Ht);
       }
-      const vt = (K = (Yt = o.originX) != null ? Yt : at) != null ? K : "left", Ct = m + p, rt = m + p / 2, gt = O != null ? O : p, ct = M !== gt, Nt = Math.abs(C - (R != null ? R : c)) > tt, bt = Math.abs(F.top - E) > tt || Math.abs(F.right - z) > tt || Math.abs(F.bottom - x) > tt || Math.abs(F.left - N) > tt, Jt = Math.abs($.topLeft - Y) > tt || Math.abs($.topRight - V) > tt || Math.abs($.bottomRight - Q) > tt || Math.abs($.bottomLeft - H) > tt;
+      const vt = (K = (Yt = o.originX) != null ? Yt : at) != null ? K : "left", It = m + p, rt = m + p / 2, gt = O != null ? O : p, ct = M !== gt, Nt = Math.abs(I - (R != null ? R : c)) > tt, bt = Math.abs(F.top - E) > tt || Math.abs(F.right - z) > tt || Math.abs(F.bottom - x) > tt || Math.abs(F.left - N) > tt, Jt = Math.abs($.topLeft - Y) > tt || Math.abs($.topRight - V) > tt || Math.abs($.bottomRight - q) > tt || Math.abs($.bottomLeft - H) > tt;
       if (!ct && !Nt && !bt && !Jt) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
-      q && (n.styles = q), n.set({
+      Q && (n.styles = Q), n.set({
         width: M,
-        fontSize: j ? C : c,
+        fontSize: j ? I : c,
         paddingTop: F.top,
         paddingRight: F.right,
         paddingBottom: F.bottom,
@@ -4735,13 +4785,13 @@ class k {
         scaleX: 1,
         scaleY: 1
       });
-      const qt = k._roundTextboxDimensions({ textbox: n });
-      qt && (n.dirty = !0);
+      const Qt = k._roundTextboxDimensions({ textbox: n });
+      Qt && (n.dirty = !0);
       const Tt = (Et = n.width) != null ? Et : M, $t = Tt !== gt;
       let dt = m;
-      $t && (A || b) && (vt === "right" ? dt = Ct - Tt : vt === "center" && (dt = rt - Tt / 2)), n.set({ left: dt }), i.baseLeft = dt, o.scaleX = 1, o.scaleY = 1;
+      $t && (A || b) && (vt === "right" ? dt = It - Tt : vt === "center" && (dt = rt - Tt / 2)), n.set({ left: dt }), i.baseLeft = dt, o.scaleX = 1, o.scaleY = 1;
       const { original: Mt } = o;
-      Mt && (Mt.scaleX = 1, Mt.scaleY = 1, Mt.width = Tt, Mt.height = n.height, Mt.left = dt), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = Tt, i.baseFontSize = (ee = n.fontSize) != null ? ee : C, i.baseStyles = JSON.parse(JSON.stringify((wt = n.styles) != null ? wt : {})), i.basePadding = {
+      Mt && (Mt.scaleX = 1, Mt.scaleY = 1, Mt.width = Tt, Mt.height = n.height, Mt.left = dt), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = Tt, i.baseFontSize = (ee = n.fontSize) != null ? ee : I, i.baseStyles = JSON.parse(JSON.stringify((wt = n.styles) != null ? wt : {})), i.basePadding = {
         top: F.top,
         right: F.right,
         bottom: F.bottom,
@@ -4751,50 +4801,50 @@ class k {
         topRight: $.topRight,
         bottomRight: $.bottomRight,
         bottomLeft: $.bottomLeft
-      }, i.hasWidthChange = $t || Nt || bt || Jt || qt;
+      }, i.hasWidthChange = $t || Nt || bt || Jt || Qt;
     }, this._handleObjectModified = (s) => {
       var w, A, y;
       const { target: n } = s;
       if (n instanceof U) {
         const b = n.getObjects();
         if (!b.some((M) => k._isTextbox(M))) return;
-        const { scaleX: I = 1, scaleY: S = 1 } = n;
-        if (Math.abs(I - 1) < tt && Math.abs(S - 1) < tt) return;
+        const { scaleX: C = 1, scaleY: S = 1 } = n;
+        if (Math.abs(C - 1) < tt && Math.abs(S - 1) < tt) return;
         this.canvas.discardActiveObject(), b.forEach((M) => {
-          var C, E, z, x;
+          var I, E, z, x;
           if (k._isTextbox(M)) {
-            const N = (C = M.scaleX) != null ? C : 1, Y = (E = M.scaleY) != null ? E : 1, V = ((z = M.fontSize) != null ? z : 16) * Y, Q = ((x = M.width) != null ? x : 0) * N, H = Y, {
+            const N = (I = M.scaleX) != null ? I : 1, Y = (E = M.scaleY) != null ? E : 1, V = ((z = M.fontSize) != null ? z : 16) * Y, q = ((x = M.width) != null ? x : 0) * N, H = Y, {
               paddingTop: R = 0,
               paddingRight: O = 0,
               paddingBottom: at = 0,
-              paddingLeft: Z = 0,
+              paddingLeft: G = 0,
               radiusTopLeft: nt = 0,
               radiusTopRight: F = 0,
               radiusBottomRight: $ = 0,
               radiusBottomLeft: ot = 0,
-              styles: q
+              styles: Q
             } = M, vt = {
               paddingTop: Math.max(0, R * H),
               paddingRight: Math.max(0, O * H),
               paddingBottom: Math.max(0, at * H),
-              paddingLeft: Math.max(0, Z * H)
-            }, Ct = {
+              paddingLeft: Math.max(0, G * H)
+            }, It = {
               radiusTopLeft: Math.max(0, nt * H),
               radiusTopRight: Math.max(0, F * H),
               radiusBottomRight: Math.max(0, $ * H),
               radiusBottomLeft: Math.max(0, ot * H)
             };
-            let rt = q;
-            q && Object.keys(q).length > 0 && (rt = JSON.parse(JSON.stringify(q)), Object.values(rt).forEach((gt) => {
+            let rt = Q;
+            Q && Object.keys(Q).length > 0 && (rt = JSON.parse(JSON.stringify(Q)), Object.values(rt).forEach((gt) => {
               Object.values(gt).forEach((ct) => {
                 typeof ct.fontSize == "number" && (ct.fontSize = Math.max(1, ct.fontSize * H));
               });
             })), M.set(St(B(B({
               fontSize: V,
-              width: Q,
+              width: q,
               scaleX: 1,
               scaleY: 1
-            }, vt), Ct), {
+            }, vt), It), {
               styles: rt
             })), k._roundTextboxDimensions({ textbox: M });
           }
@@ -4841,7 +4891,7 @@ class k {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(z = {}, { withoutSelection: M = !1, withoutSave: C = !1, withoutAdding: E = !1 } = {}) {
+  addText(z = {}, { withoutSelection: M = !1, withoutSave: I = !1, withoutAdding: E = !1 } = {}) {
     var x = z, {
       id: t = `text-${X()}`,
       text: e = "Новый текст",
@@ -4865,7 +4915,7 @@ class k {
       paddingLeft: y = 0,
       radiusTopLeft: b = 0,
       radiusTopRight: j = 0,
-      radiusBottomRight: I = 0,
+      radiusBottomRight: C = 0,
       radiusBottomLeft: S = 0
     } = x, T = pt(x, [
       "id",
@@ -4893,12 +4943,12 @@ class k {
       "radiusBottomRight",
       "radiusBottomLeft"
     ]);
-    var Z;
+    var G;
     const { historyManager: N } = this.editor, { canvas: Y } = this;
     N.suspendHistory();
-    const V = s != null ? s : this._getDefaultFontFamily(), Q = Qe({ width: f }), H = Ke({
+    const V = s != null ? s : this._getDefaultFontFamily(), q = qe({ width: f }), H = Ke({
       strokeColor: u,
-      width: Q
+      width: q
     }), R = B({
       id: t,
       fontFamily: V,
@@ -4911,7 +4961,7 @@ class k {
       textAlign: d,
       fill: l,
       stroke: H,
-      strokeWidth: Q,
+      strokeWidth: q,
       strokeUniform: !0,
       opacity: g,
       backgroundColor: p,
@@ -4922,14 +4972,14 @@ class k {
       paddingLeft: y,
       radiusTopLeft: b,
       radiusTopRight: j,
-      radiusBottomRight: I,
+      radiusBottomRight: C,
       radiusBottomLeft: S
     }, T), O = new ue(e, R);
-    if (O.textCaseRaw = (Z = O.text) != null ? Z : "", r) {
+    if (O.textCaseRaw = (G = O.text) != null ? G : "", r) {
       const nt = pe({ value: O.textCaseRaw });
       nt !== O.text && O.set({ text: nt });
     }
-    return k._roundTextboxDimensions({ textbox: O }) && (O.dirty = !0), T.left === void 0 && T.top === void 0 && Y.centerObject(O), E || Y.add(O), M || Y.setActiveObject(O), Y.requestRenderAll(), N.resumeHistory(), C || N.saveState(), Y.fire("editor:text-added", {
+    return k._roundTextboxDimensions({ textbox: O }) && (O.dirty = !0), T.left === void 0 && T.top === void 0 && Y.centerObject(O), E || Y.add(O), M || Y.setActiveObject(O), Y.requestRenderAll(), N.resumeHistory(), I || N.saveState(), Y.fire("editor:text-added", {
       textbox: O,
       options: St(B({}, R), {
         text: e,
@@ -4939,11 +4989,11 @@ class k {
         align: d,
         color: l,
         strokeColor: H,
-        strokeWidth: Q
+        strokeWidth: q
       }),
       flags: {
         withoutSelection: !!M,
-        withoutSave: !!C,
+        withoutSave: !!I,
         withoutAdding: !!E
       }
     }), O;
@@ -4978,18 +5028,18 @@ class k {
       align: y,
       color: b,
       strokeColor: j,
-      strokeWidth: I,
+      strokeWidth: C,
       opacity: S,
       backgroundColor: T,
       backgroundOpacity: M,
-      paddingTop: C,
+      paddingTop: I,
       paddingRight: E,
       paddingBottom: z,
       paddingLeft: x,
       radiusTopLeft: N,
       radiusTopRight: Y,
       radiusBottomRight: V,
-      radiusBottomLeft: Q
+      radiusBottomLeft: q
     } = kt, H = pt(kt, [
       "text",
       "fontFamily",
@@ -5014,24 +5064,24 @@ class k {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), R = B({}, H), O = rn({ textbox: o }), at = O ? k._expandRangeToFullLines({ textbox: o, range: O }) : null, Z = {}, nt = {}, F = {}, $ = dn({ textbox: o, range: O }), ot = !O || $, q = !O;
-    if (f !== void 0 && (at && (nt.fontFamily = f), ot && (R.fontFamily = f, q && (F.fontFamily = f))), g !== void 0 && (at && (nt.fontSize = g), ot && (R.fontSize = g, q && (F.fontSize = g))), p !== void 0) {
+    ]), R = B({}, H), O = rn({ textbox: o }), at = O ? k._expandRangeToFullLines({ textbox: o, range: O }) : null, G = {}, nt = {}, F = {}, $ = dn({ textbox: o, range: O }), ot = !O || $, Q = !O;
+    if (f !== void 0 && (at && (nt.fontFamily = f), ot && (R.fontFamily = f, Q && (F.fontFamily = f))), g !== void 0 && (at && (nt.fontSize = g), ot && (R.fontSize = g, Q && (F.fontSize = g))), p !== void 0) {
       const K = p ? "bold" : "normal";
-      O && (Z.fontWeight = K), ot && (R.fontWeight = K, q && (F.fontWeight = K));
+      O && (G.fontWeight = K), ot && (R.fontWeight = K, Q && (F.fontWeight = K));
     }
     if (m !== void 0) {
       const K = m ? "italic" : "normal";
-      O && (Z.fontStyle = K), ot && (R.fontStyle = K, q && (F.fontStyle = K));
+      O && (G.fontStyle = K), ot && (R.fontStyle = K, Q && (F.fontStyle = K));
     }
-    if (v !== void 0 && (O && (Z.underline = v), ot && (R.underline = v, q && (F.underline = v))), A !== void 0 && (O && (Z.linethrough = A), ot && (R.linethrough = A, q && (F.linethrough = A))), y !== void 0 && (R.textAlign = y), b !== void 0 && (O && (Z.fill = b), ot && (R.fill = b, q && (F.fill = b))), j !== void 0 || I !== void 0) {
-      const K = O ? Xe({ textbox: o, range: O, property: "strokeWidth" }) : void 0, Et = O ? Xe({ textbox: o, range: O, property: "stroke" }) : void 0, ee = (Pt = (zt = I != null ? I : K) != null ? zt : o.strokeWidth) != null ? Pt : 0, wt = Qe({ width: ee }), Ht = (Ut = (Wt = j != null ? j : Et) != null ? Wt : o.stroke) != null ? Ut : void 0, Zt = Ke({
+    if (v !== void 0 && (O && (G.underline = v), ot && (R.underline = v, Q && (F.underline = v))), A !== void 0 && (O && (G.linethrough = A), ot && (R.linethrough = A, Q && (F.linethrough = A))), y !== void 0 && (R.textAlign = y), b !== void 0 && (O && (G.fill = b), ot && (R.fill = b, Q && (F.fill = b))), j !== void 0 || C !== void 0) {
+      const K = O ? Xe({ textbox: o, range: O, property: "strokeWidth" }) : void 0, Et = O ? Xe({ textbox: o, range: O, property: "stroke" }) : void 0, ee = (Pt = (zt = C != null ? C : K) != null ? zt : o.strokeWidth) != null ? Pt : 0, wt = qe({ width: ee }), Ht = (Ut = (Wt = j != null ? j : Et) != null ? Wt : o.stroke) != null ? Ut : void 0, Zt = Ke({
         strokeColor: Ht,
         width: wt
       });
-      O && (Z.stroke = Zt, Z.strokeWidth = wt), ot && (R.stroke = Zt, R.strokeWidth = wt, q && (F.stroke = Zt, F.strokeWidth = wt));
+      O && (G.stroke = Zt, G.strokeWidth = wt), ot && (R.stroke = Zt, R.strokeWidth = wt, Q && (F.stroke = Zt, F.strokeWidth = wt));
     }
-    S !== void 0 && (R.opacity = S), T !== void 0 && (R.backgroundColor = T), M !== void 0 && (R.backgroundOpacity = M), C !== void 0 && (R.paddingTop = C), E !== void 0 && (R.paddingRight = E), z !== void 0 && (R.paddingBottom = z), x !== void 0 && (R.paddingLeft = x), N !== void 0 && (R.radiusTopLeft = N), Y !== void 0 && (R.radiusTopRight = Y), V !== void 0 && (R.radiusBottomRight = V), Q !== void 0 && (R.radiusBottomLeft = Q);
-    const vt = (Yt = o.textCaseRaw) != null ? Yt : (Ft = o.text) != null ? Ft : "", Ct = !!o.uppercase, rt = u !== void 0, gt = rt ? u != null ? u : "" : vt, ct = w != null ? w : Ct, Nt = ct !== Ct;
+    S !== void 0 && (R.opacity = S), T !== void 0 && (R.backgroundColor = T), M !== void 0 && (R.backgroundOpacity = M), I !== void 0 && (R.paddingTop = I), E !== void 0 && (R.paddingRight = E), z !== void 0 && (R.paddingBottom = z), x !== void 0 && (R.paddingLeft = x), N !== void 0 && (R.radiusTopLeft = N), Y !== void 0 && (R.radiusTopRight = Y), V !== void 0 && (R.radiusBottomRight = V), q !== void 0 && (R.radiusBottomLeft = q);
+    const vt = (Yt = o.textCaseRaw) != null ? Yt : (Ft = o.text) != null ? Ft : "", It = !!o.uppercase, rt = u !== void 0, gt = rt ? u != null ? u : "" : vt, ct = w != null ? w : It, Nt = ct !== It;
     if (rt || Nt) {
       const K = ct ? pe({ value: gt }) : gt;
       R.text = K, o.textCaseRaw = gt;
@@ -5039,7 +5089,7 @@ class k {
     o.uppercase = ct, o.set(R);
     let bt = !1;
     if (O) {
-      const K = ge({ textbox: o, styles: Z, range: O }), Et = at ? ge({ textbox: o, styles: nt, range: at }) : !1;
+      const K = ge({ textbox: o, styles: G, range: O }), Et = at ? ge({ textbox: o, styles: nt, range: at }) : !1;
       bt = K || Et;
     } else if (Object.keys(F).length) {
       const K = cn({ textbox: o });
@@ -5047,20 +5097,20 @@ class k {
     }
     const Jt = bt && k._hasLayoutAffectingStyles({
       stylesList: [
-        Z,
+        G,
         nt,
         F
       ]
     });
-    bt && (o.dirty = !0), Jt && (o.initDimensions(), o.dirty = !0), (T !== void 0 || M !== void 0 || C !== void 0 || E !== void 0 || z !== void 0 || x !== void 0 || N !== void 0 || Y !== void 0 || V !== void 0 || Q !== void 0) && (o.dirty = !0);
-    const qt = k._hasLayoutAffectingStyles({
+    bt && (o.dirty = !0), Jt && (o.initDimensions(), o.dirty = !0), (T !== void 0 || M !== void 0 || I !== void 0 || E !== void 0 || z !== void 0 || x !== void 0 || N !== void 0 || Y !== void 0 || V !== void 0 || q !== void 0) && (o.dirty = !0);
+    const Qt = k._hasLayoutAffectingStyles({
       stylesList: [
         R,
-        Z,
+        G,
         nt,
         F
       ]
-    }), $t = !Object.prototype.hasOwnProperty.call(R, "width") && (rt || Nt || qt);
+    }), $t = !Object.prototype.hasOwnProperty.call(R, "width") && (rt || Nt || Qt);
     let dt = !1;
     $t && (dt = this._autoExpandTextboxWidth(o, {
       anchor: l
@@ -5078,7 +5128,7 @@ class k {
       before: r,
       after: te,
       selectionRange: O != null ? O : void 0,
-      selectionStyles: O && Object.keys(Z).length ? Z : void 0
+      selectionStyles: O && Object.keys(G).length ? G : void 0
     }), o;
   }
   /**
@@ -5122,15 +5172,15 @@ class k {
    * но не шире монтажной области, и удерживает объект в её пределах.
    */
   _autoExpandTextboxWidth(t, { anchor: e } = {}) {
-    var I, S, T, M, C, E, z, x, N, Y, V, Q, H;
+    var C, S, T, M, I, E, z, x, N, Y, V, q, H;
     const { montageArea: s } = this.editor;
     if (!s) return !1;
     const n = typeof t.text == "string" ? t.text : "";
     if (!n.length) return !1;
     s.setCoords();
-    const o = s.getBoundingRect(!1, !0), i = (I = o.width) != null ? I : 0;
+    const o = s.getBoundingRect(!1, !0), i = (C = o.width) != null ? C : 0;
     if (!Number.isFinite(i) || i <= 0) return !1;
-    const a = e != null ? e : (S = this.editingAnchorState) == null ? void 0 : S.get(t), r = (M = (T = a == null ? void 0 : a.originY) != null ? T : t.originY) != null ? M : "top", c = Math.abs((C = t.scaleX) != null ? C : 1) || 1, d = (E = t.paddingLeft) != null ? E : 0, l = (z = t.paddingRight) != null ? z : 0, u = (x = t.strokeWidth) != null ? x : 0, f = Math.max(
+    const a = e != null ? e : (S = this.editingAnchorState) == null ? void 0 : S.get(t), r = (M = (T = a == null ? void 0 : a.originY) != null ? T : t.originY) != null ? M : "top", c = Math.abs((I = t.scaleX) != null ? I : 1) || 1, d = (E = t.paddingLeft) != null ? E : 0, l = (z = t.paddingRight) != null ? z : 0, u = (x = t.strokeWidth) != null ? x : 0, f = Math.max(
       1,
       i / c - d - l - u
     );
@@ -5149,7 +5199,7 @@ class k {
     v && (y = f), Math.abs(((V = t.width) != null ? V : 0) - y) > tt && (t.set({ width: y }), t.initDimensions(), p = !0), k._roundTextboxDimensions({ textbox: t }) && (p = !0), a && (t.setPositionByOrigin(new et(a.x, a.y), "center", r), p = !0);
     const j = k._clampTextboxToMontage({
       textbox: t,
-      montageLeft: (Q = o.left) != null ? Q : 0,
+      montageLeft: (q = o.left) != null ? q : 0,
       montageRight: ((H = o.left) != null ? H : 0) + i
     });
     return p || j;
@@ -5343,8 +5393,8 @@ class k {
       snapshot: R,
       entries: O
     }) => {
-      Object.entries(O).forEach(([at, Z]) => {
-        Z != null && (R[at] = Z);
+      Object.entries(O).forEach(([at, G]) => {
+        G != null && (R[at] = G);
       });
     }, {
       id: s,
@@ -5367,18 +5417,18 @@ class k {
       paddingTop: y,
       paddingRight: b,
       paddingBottom: j,
-      paddingLeft: I,
+      paddingLeft: C,
       radiusTopLeft: S,
       radiusTopRight: T,
       radiusBottomRight: M,
-      radiusBottomLeft: C,
+      radiusBottomLeft: I,
       left: E,
       top: z,
       width: x,
       height: N,
       angle: Y,
       scaleX: V,
-      scaleY: Q
+      scaleY: q
     } = t, H = {
       id: s,
       uppercase: !!i,
@@ -5404,18 +5454,18 @@ class k {
         paddingTop: y,
         paddingRight: b,
         paddingBottom: j,
-        paddingLeft: I,
+        paddingLeft: C,
         radiusTopLeft: S,
         radiusTopRight: T,
         radiusBottomRight: M,
-        radiusBottomLeft: C,
+        radiusBottomLeft: I,
         left: E,
         top: z,
         width: x,
         height: N,
         angle: Y,
         scaleX: V,
-        scaleY: Q
+        scaleY: q
       }
     }), H;
   }
@@ -5661,11 +5711,11 @@ class _ {
           backgroundManager: r,
           errorManager: a
         }));
-        const j = b.map((I) => (this._adaptTextboxWidth({
-          object: I,
+        const j = b.map((C) => (this._adaptTextboxWidth({
+          object: C,
           baseWidth: g.baseWidth
         }), _._transformObject({
-          object: I,
+          object: C,
           scale: p,
           bounds: u,
           targetSize: f,
@@ -5673,10 +5723,10 @@ class _ {
           baseHeight: g.baseHeight,
           montageArea: o,
           useRelativePositions: m
-        }), I.set({
-          id: `${I.type}-${X()}`,
+        }), C.set({
+          id: `${C.type}-${X()}`,
           evented: !0
-        }), n.add(I), I));
+        }), n.add(C), C));
         return !j.length && !w ? null : (v = j.length > 0 || w, j.length && _._activateObjects({ canvas: n, objects: j }), n.requestRenderAll(), n.fire("editor:template-applied", {
           template: t,
           objects: j,
@@ -5762,12 +5812,12 @@ class _ {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, p = J({ value: l || f || c.width, fallback: 0 }), m = J({ value: u || g || c.height, fallback: 0 }), v = J({ value: n, fallback: p }), w = J({ value: o, fallback: m }), A = J({ value: i, fallback: c.scaleX || 1 }), y = J({ value: a, fallback: c.scaleY || 1 }), b = v * A, j = w * y, I = p > 0, S = m > 0, T = b > 0, M = j > 0, C = _._resolveImageFit({ customData: r }), E = {};
-    if (I && (E.width = p), S && (E.height = m), !I || !S) {
+    }, p = J({ value: l || f || c.width, fallback: 0 }), m = J({ value: u || g || c.height, fallback: 0 }), v = J({ value: n, fallback: p }), w = J({ value: o, fallback: m }), A = J({ value: i, fallback: c.scaleX || 1 }), y = J({ value: a, fallback: c.scaleY || 1 }), b = v * A, j = w * y, C = p > 0, S = m > 0, T = b > 0, M = j > 0, I = _._resolveImageFit({ customData: r }), E = {};
+    if (C && (E.width = p), S && (E.height = m), !C || !S) {
       c.set(E);
       return;
     }
-    if (C === "stretch") {
+    if (I === "stretch") {
       const x = T ? b / p : null, N = M ? j / m : null;
       x && x > 0 && (E.scaleX = x), N && N > 0 && (E.scaleY = N), c.set(E);
       return;
@@ -5988,12 +6038,12 @@ class _ {
     } = t, r = J({ value: e, fallback: 0 }), c = t, d = J({ value: c.paddingLeft, fallback: 0 }), l = J({ value: c.paddingRight, fallback: 0 }), u = J({ value: i, fallback: 1 }), f = J({ value: a, fallback: 0 }) * u, g = J({ value: o, fallback: 0 }), p = g * u, m = d * u, v = l * u, w = p + m + v + f;
     if (!n || !g || !r) return;
     t.setCoords();
-    const A = t, y = A[Xt], b = typeof y == "number" ? y : null, j = _._resolveAnchor(A, re), I = w / r, S = b !== null ? b - I / 2 : null, T = b !== null ? b + I / 2 : null, M = t.getCenterPoint();
+    const A = t, y = A[Xt], b = typeof y == "number" ? y : null, j = _._resolveAnchor(A, re), C = w / r, S = b !== null ? b - C / 2 : null, T = b !== null ? b + C / 2 : null, M = t.getCenterPoint();
     t.set("width", n), t.initDimensions();
-    const C = _._getLongestLineWidth({
+    const I = _._getLongestLineWidth({
       textbox: t,
       text: s
-    }), E = C > g ? C + 1 : g;
+    }), E = I > g ? I + 1 : g;
     t.set("width", E), t.initDimensions(), t.setPositionByOrigin(M, "center", "center"), t.setCoords();
     const x = (E * u + m + v + f) / r;
     let N = b;
@@ -6307,9 +6357,9 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, j = y.top - b.bottom, I = o - y.bottom, S = Math.abs(I - j);
+    const { bounds: y } = u, { bounds: b } = f, j = y.top - b.bottom, C = o - y.bottom, S = Math.abs(C - j);
     if (S <= e) {
-      const T = j - I, M = o + T, C = {
+      const T = j - C, M = o + T, I = {
         type: "vertical",
         axis: n,
         refStart: b.bottom,
@@ -6318,13 +6368,13 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: M,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: S });
+      m.push({ delta: T, guide: I, diff: S });
     }
   }
   if (g && p) {
-    const { bounds: y } = g, { bounds: b } = p, j = b.top - y.bottom, I = y.top - i, S = Math.abs(I - j);
+    const { bounds: y } = g, { bounds: b } = p, j = b.top - y.bottom, C = y.top - i, S = Math.abs(C - j);
     if (S <= e) {
-      const T = I - j, M = i + T, C = {
+      const T = C - j, M = i + T, I = {
         type: "vertical",
         axis: n,
         refStart: y.bottom,
@@ -6333,13 +6383,13 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: y.top,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: S });
+      m.push({ delta: T, guide: I, diff: S });
     }
   }
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = b.top - y.bottom - v;
-    if (I >= 0) {
-      const S = I / 2, T = o - y.bottom, M = b.top - i, C = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(C, E);
+    const { bounds: y } = u, { bounds: b } = g, C = b.top - y.bottom - v;
+    if (C >= 0) {
+      const S = C / 2, T = o - y.bottom, M = b.top - i, I = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(I, E);
       if (z <= e) {
         const x = S - T, N = i + x, Y = {
           type: "vertical",
@@ -6393,9 +6443,9 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
   if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, j = y.left - b.right, I = o - y.right, S = Math.abs(I - j);
+    const { bounds: y } = u, { bounds: b } = f, j = y.left - b.right, C = o - y.right, S = Math.abs(C - j);
     if (S <= e) {
-      const T = j - I, M = o + T, C = {
+      const T = j - C, M = o + T, I = {
         type: "horizontal",
         axis: n,
         refStart: b.right,
@@ -6404,13 +6454,13 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: M,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: S });
+      m.push({ delta: T, guide: I, diff: S });
     }
   }
   if (g && p) {
-    const { bounds: y } = g, { bounds: b } = p, j = b.left - y.right, I = y.left - i, S = Math.abs(I - j);
+    const { bounds: y } = g, { bounds: b } = p, j = b.left - y.right, C = y.left - i, S = Math.abs(C - j);
     if (S <= e) {
-      const T = I - j, M = i + T, C = {
+      const T = C - j, M = i + T, I = {
         type: "horizontal",
         axis: n,
         refStart: y.right,
@@ -6419,13 +6469,13 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
         activeEnd: y.left,
         distance: j
       };
-      m.push({ delta: T, guide: C, diff: S });
+      m.push({ delta: T, guide: I, diff: S });
     }
   }
   if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = b.left - y.right - v;
-    if (I >= 0) {
-      const S = I / 2, T = o - y.right, M = b.left - i, C = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(C, E);
+    const { bounds: y } = u, { bounds: b } = g, C = b.left - y.right - v;
+    if (C >= 0) {
+      const S = C / 2, T = o - y.right, M = b.left - i, I = Math.abs(T - S), E = Math.abs(M - S), z = Math.max(I, E);
       if (z <= e) {
         const x = S - T, N = i + x, Y = {
           type: "horizontal",
@@ -6505,12 +6555,12 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
 }) => {
   const p = i || 1, m = 12 / p, v = l / p, w = u / p, A = (s + n) / 2 + f, y = t === "vertical" ? e + g : A, b = t === "vertical" ? A : e + g;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
-  const I = h.measureText(o).width + v * 2, S = m + v * 2, T = y - I / 2, M = b - S / 2;
+  const C = h.measureText(o).width + v * 2, S = m + v * 2, T = y - C / 2, M = b - S / 2;
   h.beginPath(), Mn({
     context: h,
     x: T,
     y: M,
-    width: I,
+    width: C,
     height: S,
     radius: w
   }), h.fill(), h.fillStyle = r, h.fillText(o, y, b), h.restore();
@@ -6551,7 +6601,7 @@ const pn = 5, os = "#3D8BF4", Ae = 1, ce = 1, Je = ({
     color: l,
     lineWidth: Ae
   });
-}, qe = ({
+}, Qe = ({
   anchors: h,
   bounds: t
 }) => {
@@ -6789,11 +6839,11 @@ class jn {
     const e = this._collectTargets({ activeObject: t }), s = { vertical: [], horizontal: [] }, n = [];
     for (const a of e) {
       const r = yt({ object: a });
-      r && (qe({ anchors: s, bounds: r }), n.push(r));
+      r && (Qe({ anchors: s, bounds: r }), n.push(r));
     }
     const { montageArea: o } = this.editor, i = yt({ object: o });
     if (i) {
-      qe({ anchors: s, bounds: i });
+      Qe({ anchors: s, bounds: i });
       const { left: a, right: r, top: c, bottom: d } = i;
       this.guideBounds = {
         left: a,
@@ -7020,34 +7070,34 @@ class Dt {
     } = e, p = Math.max(a, u), m = Math.min(r, f), w = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
-      const C = d - i;
-      return C > 0 && n.push({
+      const I = d - i;
+      return I > 0 && n.push({
         type: "horizontal",
         axis: w,
         start: i,
         end: d,
-        distance: C
+        distance: I
       }), n;
     }
     if (l <= o) {
       if (s) return n;
-      const C = o - l;
-      return C > 0 && n.push({
+      const I = o - l;
+      return I > 0 && n.push({
         type: "horizontal",
         axis: w,
         start: l,
         end: o,
-        distance: C
+        distance: I
       }), n;
     }
     if (!s) return n;
-    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), I = j - b;
-    I > 0 && !A && n.push({
+    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), C = j - b;
+    C > 0 && !A && n.push({
       type: "horizontal",
       axis: w,
       start: b,
       end: j,
-      distance: I
+      distance: C
     });
     const S = Math.min(i, l), T = Math.max(i, l), M = T - S;
     return M > 0 && !y && n.push({
@@ -7081,34 +7131,34 @@ class Dt {
     } = e, p = Math.max(a, u), m = Math.min(r, f), w = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
-      const C = d - i;
-      return C > 0 && n.push({
+      const I = d - i;
+      return I > 0 && n.push({
         type: "vertical",
         axis: w,
         start: i,
         end: d,
-        distance: C
+        distance: I
       }), n;
     }
     if (l <= o) {
       if (s) return n;
-      const C = o - l;
-      return C > 0 && n.push({
+      const I = o - l;
+      return I > 0 && n.push({
         type: "vertical",
         axis: w,
         start: l,
         end: o,
-        distance: C
+        distance: I
       }), n;
     }
     if (!s) return n;
-    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), I = j - b;
-    I > 0 && !A && n.push({
+    const A = o < d, y = i > l, b = Math.min(o, d), j = Math.max(o, d), C = j - b;
+    C > 0 && !A && n.push({
       type: "vertical",
       axis: w,
       start: b,
       end: j,
-      distance: I
+      distance: C
     });
     const S = Math.min(i, l), T = Math.max(i, l), M = T - S;
     return M > 0 && !y && n.push({
@@ -7212,7 +7262,7 @@ class Le {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if (st.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Qt({ editor: this }), this.historyManager = new G({ editor: this }), this.toolbar = new Us({ editor: this }), this.transformManager = new Js({ editor: this }), this.zoomManager = new qs({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ut({ editor: this }), this.layerManager = new le({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Lt({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new he({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new Oe({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Dt({ editor: this }), this.fontManager = new Se((u = this.options.fonts) != null ? u : []), this.textManager = new k({ editor: this }), this.templateManager = new _({ editor: this }), d && (this.angleIndicator = new Ee({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Kt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if (st.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Cs(), this.errorManager = new qt({ editor: this }), this.historyManager = new Z({ editor: this }), this.toolbar = new Us({ editor: this }), this.transformManager = new Js({ editor: this }), this.zoomManager = new Qs({ editor: this }), this.canvasManager = new qs({ editor: this }), this.imageManager = new ut({ editor: this }), this.layerManager = new le({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Lt({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new he({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new Oe({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Dt({ editor: this }), this.fontManager = new Se((u = this.options.fonts) != null ? u : []), this.textManager = new k({ editor: this }), this.templateManager = new _({ editor: this }), d && (this.angleIndicator = new Ee({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Kt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
         const f = a, {
           source: g,
           scale: p = `image-${c}`,
@@ -7334,7 +7384,7 @@ const L = [
   "U+A640-A69F",
   "U+FE2E-FE2F",
   "U+2116"
-].join(", "), In = [
+].join(", "), Cn = [
   {
     family: "Arial",
     source: 'local("Arial"), local("Liberation Sans"), local("DejaVu Sans")',
@@ -8124,7 +8174,7 @@ const L = [
       unicodeRange: L
     }
   }
-], Cn = {
+], In = {
   /**
    * Опции редактора
    */
@@ -8216,10 +8266,10 @@ const L = [
   /**
    * Список шрифтов, которые будут доступны в редакторе по умолчанию.
    */
-  fonts: In
+  fonts: Cn
 };
 function Dn(h, t = {}) {
-  const e = B(B({}, Cn), t), s = document.getElementById(h);
+  const e = B(B({}, In), t), s = document.getElementById(h);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const n = document.createElement("canvas");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.5.23",
+  "version": "0.5.24",
   "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": [