@anu3ev/fabric-image-editor 0.5.32 → 0.5.33

package/dist/main.js

@@ -451,7 +451,7 @@ class Fn {
 }
 function Wn(h) {
   return new Worker(
-    "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
+    "" + new URL("assets/worker-2TM2HcqM.js", import.meta.url).href,
     {
       name: h == null ? void 0 : h.name
     }
@@ -1239,6 +1239,7 @@ const Le = [
   "customData",
   "backgroundType",
   "format",
+  "contentType",
   "width",
   "height",
   "locked",
@@ -1869,12 +1870,12 @@ class pt {
       if (!e) return null;
       const { canvas: l, montageArea: d, transformManager: u, historyManager: f, errorManager: g } = this.editor, m = yield this.getContentType(e), p = pt.getFormatFromContentType(m), { acceptContentTypes: y, acceptFormats: v } = this;
       if (!this.isAllowedContentType(m)) {
-        const C = `Неверный contentType для изображения: ${m}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        const j = `Неверный contentType для изображения: ${m}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: C,
+          message: j,
           data: {
             source: e,
             format: p,
@@ -1891,12 +1892,12 @@ class pt {
       }
       f.suspendHistory();
       try {
-        let C, b;
+        let j, b;
         if (e instanceof File)
-          C = URL.createObjectURL(e);
+          j = URL.createObjectURL(e);
         else if (typeof e == "string") {
-          const I = yield (yield fetch(e, { mode: "cors" })).blob();
-          C = URL.createObjectURL(I);
+          const C = yield (yield fetch(e, { mode: "cors" })).blob();
+          j = URL.createObjectURL(C);
         } else
           return g.emitError({
             origin: "ImageManager",
@@ -1916,36 +1917,38 @@ class pt {
               customData: c
             }
           }), f.resumeHistory(), null;
-        if (this._createdBlobUrls.push(C), p === "svg") {
-          const w = yield En(C);
+        if (this._createdBlobUrls.push(j), p === "svg") {
+          const w = yield En(j);
           b = vt.groupSVGElements(w.objects, w.options);
         } else
-          b = yield Kt.fromURL(C, { crossOrigin: "anonymous" });
-        const { width: T, height: M } = b;
+          b = yield Kt.fromURL(j, { crossOrigin: "anonymous" });
+        const { width: T, height: S } = b;
         if (b instanceof Kt) {
           const w = b.getElement();
-          let I = "";
-          if (w instanceof HTMLImageElement ? I = w.src : w instanceof HTMLCanvasElement && (I = w.toDataURL()), M > Pt || T > zt) {
-            const S = yield this.resizeImageToBoundaries({
-              dataURL: I,
-              sizeType: "max"
-            }), j = URL.createObjectURL(S);
-            this._createdBlobUrls.push(j), b = yield Kt.fromURL(j, { crossOrigin: "anonymous" });
-          } else if (M < $t || T < Qt) {
-            const S = yield this.resizeImageToBoundaries({
-              dataURL: I,
-              sizeType: "min"
-            }), j = URL.createObjectURL(S);
-            this._createdBlobUrls.push(j), b = yield Kt.fromURL(j, { crossOrigin: "anonymous" });
+          let C = "";
+          if (w instanceof HTMLImageElement ? C = w.src : w instanceof HTMLCanvasElement && (C = w.toDataURL()), S > Pt || T > zt) {
+            const A = yield this.resizeImageToBoundaries({
+              dataURL: C,
+              sizeType: "max",
+              contentType: m
+            }), I = URL.createObjectURL(A);
+            this._createdBlobUrls.push(I), b = yield Kt.fromURL(I, { crossOrigin: "anonymous" });
+          } else if (S < $t || T < Qt) {
+            const A = yield this.resizeImageToBoundaries({
+              dataURL: C,
+              sizeType: "min",
+              contentType: m
+            }), I = URL.createObjectURL(A);
+            this._createdBlobUrls.push(I), b = yield Kt.fromURL(I, { crossOrigin: "anonymous" });
           }
         }
-        if (b.set("id", `${b.type}-${et()}`), b.set("format", p), b.set("customData", c || null), n === "scale-montage")
+        if (b.set("id", `${b.type}-${et()}`), b.set("format", p), b.set("contentType", m), b.set("customData", c || null), n === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: w, height: I } = d, S = this.calculateScaleFactor({ imageObject: b, scaleType: n });
-          n === "image-contain" && S < 1 ? u.fitObject({ object: b, type: "contain", withoutSave: !0 }) : n === "image-cover" && (T > w || M > I) && u.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: w, height: C } = d, A = this.calculateScaleFactor({ imageObject: b, scaleType: n });
+          n === "image-contain" && A < 1 ? u.fitObject({ object: b, type: "contain", withoutSave: !0 }) : n === "image-cover" && (T > w || S > C) && u.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
-        const A = {
+        const M = {
           image: b,
           format: p,
           contentType: m,
@@ -1958,13 +1961,13 @@ class pt {
           withoutAdding: r,
           customData: c
         };
-        return r ? (f.resumeHistory(), l.fire("editor:image-imported", A), A) : (l.add(b), l.centerObject(b), a || l.setActiveObject(b), l.renderAll(), f.resumeHistory(), s || f.saveState(), l.fire("editor:image-imported", A), A);
-      } catch (C) {
+        return r ? (f.resumeHistory(), l.fire("editor:image-imported", M), M) : (l.add(b), l.centerObject(b), a || l.setActiveObject(b), l.renderAll(), f.resumeHistory(), s || f.saveState(), l.fire("editor:image-imported", M), M);
+      } catch (j) {
         return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${C.message}`,
+          message: `Ошибка импорта изображения: ${j.message}`,
           data: {
             source: e,
             format: p,
@@ -1994,6 +1997,8 @@ class pt {
    * @param options.minHeight - минимальная высота (по умолчанию CANVAS_MIN_HEIGHT)
    * @param options.asBase64 - вернуть base64 вместо Blob
    * @param options.emitMessage - выводить предупреждение в случае ресайза
+   * @param options.contentType - тип контента
+   * @param options.quality - качество изображения от 0 до 1 (для JPEG/WebP)
    * @returns возвращает Promise с Blob или base64 в зависимости от опций
    */
   resizeImageToBoundaries(t) {
@@ -2001,40 +2006,44 @@ class pt {
       const {
         dataURL: e,
         sizeType: n = "max",
-        maxWidth: s = zt,
-        maxHeight: o = Pt,
-        minWidth: i = Qt,
-        minHeight: a = $t,
-        asBase64: r = !1,
-        emitMessage: c = !0
-      } = t, { errorManager: l, workerManager: d } = this.editor, u = {
+        contentType: s = "image/png",
+        quality: o = 1,
+        maxWidth: i = zt,
+        maxHeight: a = Pt,
+        minWidth: r = Qt,
+        minHeight: c = $t,
+        asBase64: l = !1,
+        emitMessage: d = !0
+      } = t, { errorManager: u, workerManager: f } = this.editor, g = {
         dataURL: e,
         sizeType: n,
-        maxWidth: s,
-        maxHeight: o,
-        minWidth: i,
-        minHeight: a
+        contentType: s,
+        quality: o,
+        maxWidth: i,
+        maxHeight: a,
+        minWidth: r,
+        minHeight: c
       };
-      if (c) {
-        let g = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${s}x${o}`;
-        n === "min" && (g = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${i}x${a}`), l.emitWarning({
+      if (d) {
+        let p = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${i}x${a}`;
+        n === "min" && (p = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${r}x${c}`), u.emitWarning({
           origin: "ImageManager",
           method: "resizeImageToBoundaries",
           code: "IMAGE_RESIZE_WARNING",
-          message: g,
-          data: u
+          message: p,
+          data: g
         });
       }
-      const f = yield d.post("resizeImage", u);
-      if (r) {
-        const g = yield this.getContentTypeFromUrl(e), p = pt.getFormatFromContentType(g) || "png", y = yield createImageBitmap(f);
-        return yield d.post(
+      const m = yield f.post("resizeImage", g);
+      if (l) {
+        const p = yield createImageBitmap(m);
+        return yield f.post(
           "toDataURL",
-          { format: p, quality: 1, bitmap: y },
-          [y]
+          { contentType: s, quality: o, bitmap: p },
+          [p]
         );
       }
-      return f;
+      return m;
     });
   }
   /**
@@ -2061,18 +2070,18 @@ class pt {
         a.setCoords();
         const { left: f, top: g, width: m, height: p } = a.getBoundingRect(), y = yield i.clone(["id", "format", "locked"]);
         y.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(d) && (y.backgroundColor = "#ffffff");
-        const v = y.getObjects().find((S) => S.id === a.id);
+        const v = y.getObjects().find((A) => A.id === a.id);
         if (v && (v.visible = !1), c != null && c.isBlocked) {
-          const S = y.getObjects().find((j) => j.id === c.overlayMask.id);
-          S && (S.visible = !1);
+          const A = y.getObjects().find((I) => I.id === c.overlayMask.id);
+          A && (A.visible = !1);
         }
         y.viewportTransform = [1, 0, 0, 1, -f, -g], y.setDimensions({ width: m, height: p }, { backstoreOnly: !0 }), y.renderAll();
-        const C = y.getObjects().filter((S) => S.format).every((S) => S.format === "svg");
-        if (u === "svg" && C) {
-          const S = y.toSVG();
+        const j = y.getObjects().filter((A) => A.format).every((A) => A.format === "svg");
+        if (u === "svg" && j) {
+          const A = y.toSVG();
           y.dispose();
           const O = {
-            image: pt._exportSVGStringAsFile(S, {
+            image: pt._exportSVGStringAsFile(A, {
               exportAsBase64: s,
               exportAsBlob: o,
               fileName: e
@@ -2083,32 +2092,40 @@ class pt {
           };
           return i.fire("editor:canvas-exported", O), O;
         }
-        const b = yield new Promise((S, j) => {
-          y.getElement().toBlob((O) => {
-            O ? S(O) : j(new Error("Failed to create Blob from canvas"));
-          });
+        const b = yield new Promise((A, I) => {
+          y.getElement().toBlob(
+            (O) => {
+              O ? A(O) : I(new Error("Failed to create Blob from canvas"));
+            },
+            d,
+            1
+          );
         });
         if (y.dispose(), o) {
-          const S = {
+          const A = {
             image: b,
             format: u,
             contentType: d,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", S), S;
+          return i.fire("editor:canvas-exported", A), A;
         }
-        const T = yield createImageBitmap(b), M = yield r.post(
+        const T = yield createImageBitmap(b), S = yield r.post(
           "toDataURL",
-          { format: u, quality: 1, bitmap: T },
+          {
+            contentType: d,
+            quality: 1,
+            bitmap: T
+          },
           [T]
         );
         if (l) {
-          const j = m * 0.264583, O = p * 0.264583, k = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, D = new k({
-            orientation: j > O ? "landscape" : "portrait",
+          const I = m * 0.264583, O = p * 0.264583, k = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, D = new k({
+            orientation: I > O ? "landscape" : "portrait",
             unit: "mm",
-            format: [j, O]
+            format: [I, O]
           });
-          if (D.addImage(String(M), "JPG", 0, 0, j, O), s) {
+          if (D.addImage(String(S), "JPG", 0, 0, I, O), s) {
             const B = {
               image: D.output("datauristring"),
               format: "pdf",
@@ -2126,21 +2143,21 @@ class pt {
           return i.fire("editor:canvas-exported", L), L;
         }
         if (s) {
-          const S = {
-            image: M,
+          const A = {
+            image: S,
             format: u,
             contentType: d,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", S), S;
+          return i.fire("editor:canvas-exported", A), A;
         }
-        const A = u === "svg" && !C ? e.replace(/\.[^/.]+$/, ".png") : e, I = {
-          image: new File([b], A, { type: d }),
+        const M = u === "svg" && !j ? e.replace(/\.[^/.]+$/, ".png") : e, C = {
+          image: new File([b], M, { type: d }),
           format: u,
           contentType: d,
-          fileName: A
+          fileName: M
         };
-        return i.fire("editor:canvas-exported", I), I;
+        return i.fire("editor:canvas-exported", C), C;
       } catch (l) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -2165,87 +2182,93 @@ class pt {
    */
   exportObjectAsImageFile() {
     return G(this, arguments, function* (t = {}) {
+      var v;
       const {
         object: e,
-        fileName: n = "image.png",
-        contentType: s = "image/png",
+        fileName: n,
+        contentType: s,
         exportAsBase64: o = !1,
         exportAsBlob: i = !1
-      } = t, { canvas: a, workerManager: r } = this.editor, c = e || a.getActiveObject();
+      } = t, { canvas: a, workerManager: r } = this.editor, c = e || a.getActiveObject(), l = s != null ? s : "image/png", d = pt.getFormatFromContentType(l) || "png", u = n != null ? n : `image.${d}`;
       if (!c)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "NO_OBJECT_SELECTED",
           message: "Не выбран объект для экспорта",
-          data: { contentType: s, fileName: n, exportAsBase64: o, exportAsBlob: i }
+          data: { contentType: l, fileName: u, exportAsBase64: o, exportAsBlob: i }
         }), null;
+      const { contentType: f, format: g = "" } = c, m = (v = s != null ? s : f) != null ? v : "image/png", p = pt.getFormatFromContentType(m) || g || "png", y = n != null ? n : `image.${p}`;
       try {
-        const l = pt.getFormatFromContentType(s);
-        if (l === "svg") {
-          const m = c.toSVG(), p = pt._exportSVGStringAsFile(m, {
+        if (p === "svg") {
+          const M = c.toSVG(), w = pt._exportSVGStringAsFile(M, {
             exportAsBase64: o,
             exportAsBlob: i,
-            fileName: n
-          }), y = {
+            fileName: y
+          }), C = {
             object: c,
-            image: p,
-            format: l,
+            image: w,
+            format: p,
             contentType: "image/svg+xml",
-            fileName: n.replace(/\.[^/.]+$/, ".svg")
+            fileName: y.replace(/\.[^/.]+$/, ".svg")
           };
-          return a.fire("editor:object-exported", y), y;
+          return a.fire("editor:object-exported", C), C;
         }
         if (o && c instanceof Kt) {
-          const m = yield createImageBitmap(c.getElement()), p = yield r.post(
+          const M = yield createImageBitmap(c.getElement()), w = yield r.post(
             "toDataURL",
             {
-              format: l,
+              contentType: m,
               quality: 1,
-              bitmap: m
+              bitmap: M
             },
-            [m]
-          ), y = {
+            [M]
+          ), C = {
             object: c,
-            image: p,
-            format: l,
-            contentType: s,
-            fileName: n
+            image: w,
+            format: p,
+            contentType: m,
+            fileName: y
           };
-          return a.fire("editor:object-exported", y), y;
+          return a.fire("editor:object-exported", C), C;
         }
-        const d = c.toCanvasElement({
+        const j = c.toCanvasElement({
           enableRetinaScaling: !1
-        }), u = yield new Promise((m, p) => {
-          d.toBlob((y) => {
-            y ? m(y) : p(new Error("Failed to create Blob from canvas"));
+        }), b = yield new Promise((M, w) => {
+          j.toBlob((C) => {
+            C ? M(C) : w(new Error("Failed to create Blob from canvas"));
           });
         });
         if (i) {
-          const m = {
+          const M = {
             object: c,
-            image: u,
-            format: l,
-            contentType: s,
-            fileName: n
+            image: b,
+            format: p,
+            contentType: m,
+            fileName: y
           };
-          return a.fire("editor:object-exported", m), m;
+          return a.fire("editor:object-exported", M), M;
         }
-        const f = new File([u], n, { type: s }), g = {
+        const T = new File([b], y, { type: m }), S = {
           object: c,
-          image: f,
-          format: l,
-          contentType: s,
-          fileName: n
+          image: T,
+          format: p,
+          contentType: m,
+          fileName: y
         };
-        return a.fire("editor:object-exported", g), g;
-      } catch (l) {
+        return a.fire("editor:object-exported", S), S;
+      } catch (j) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта объекта: ${l.message}`,
-          data: { contentType: s, fileName: n, exportAsBase64: o, exportAsBlob: i }
+          message: `Ошибка экспорта объекта: ${j.message}`,
+          data: {
+            contentType: m,
+            fileName: y,
+            exportAsBase64: o,
+            exportAsBlob: i
+          }
         }), null;
       }
     });
@@ -2892,10 +2915,10 @@ class gs {
    */
   _fitSingleObject(t, e) {
     const { canvas: n, montageArea: s } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, l = o * Math.abs(a), d = i * Math.abs(r), u = c * Math.PI / 180, f = Math.abs(Math.cos(u)), g = Math.abs(Math.sin(u)), m = l * f + d * g, p = l * g + d * f, y = s.width, v = s.height;
-    let C;
-    e === "contain" ? C = Math.min(y / m, v / p) : C = Math.max(y / m, v / p), t.set({
-      scaleX: a * C,
-      scaleY: r * C
+    let j;
+    e === "contain" ? j = Math.min(y / m, v / p) : j = Math.max(y / m, v / p), t.set({
+      scaleX: a * j,
+      scaleY: r * j
     }), n.centerObject(t);
   }
   /**
@@ -3015,8 +3038,8 @@ class ps {
   _calculateEmptySpaceRatio(t) {
     const { canvas: e, montageArea: n } = this.editor, s = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = n.left - n.width / 2, r = n.left + n.width / 2, c = n.top - n.height / 2, l = n.top + n.height / 2, d = -s[4] / t, u = (-s[4] + o) / t, f = -s[5] / t, g = (-s[5] + i) / t, m = d < a, p = u > r, y = f < c, v = g > l;
     if (!(m || p || y || v)) return 0;
-    const b = Math.max(0, a - d), T = Math.max(0, u - r), M = Math.max(0, c - f), A = Math.max(0, g - l), w = Math.max(b, T), I = Math.max(M, A), S = w / o, j = I / i;
-    return Math.max(S, j);
+    const b = Math.max(0, a - d), T = Math.max(0, u - r), S = Math.max(0, c - f), M = Math.max(0, g - l), w = Math.max(b, T), C = Math.max(S, M), A = w / o, I = C / i;
+    return Math.max(A, I);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -3032,7 +3055,7 @@ class ps {
     const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), l = i.getHeight(), d = t.x - r[4], u = t.y - r[5], f = Math.abs(s), g = e - n;
     if (Math.abs(g) / f <= 0.1)
       return { x: d, y: u };
-    const p = c / 2, y = l / 2, v = a.left, C = a.top, b = p - v * n, T = y - C * n, M = (b - r[4]) / (e - n), A = (T - r[5]) / (e - n), w = M * f, I = A * f, S = w * o, j = I * o, O = Math.abs(S) > Math.abs(d) ? d : S, k = Math.abs(j) > Math.abs(u) ? u : j;
+    const p = c / 2, y = l / 2, v = a.left, j = a.top, b = p - v * n, T = y - j * n, S = (b - r[4]) / (e - n), M = (T - r[5]) / (e - n), w = S * f, C = M * f, A = w * o, I = C * o, O = Math.abs(A) > Math.abs(d) ? d : A, k = Math.abs(I) > Math.abs(u) ? u : I;
     return { x: O, y: k };
   }
   /**
@@ -4748,41 +4771,41 @@ const ws = ({ textbox: h }) => {
         l += v;
         continue;
       }
-      const C = c[p], b = v / o, T = this._getLineLeftOffset(p);
-      let M = 0, A = 0, w = this.getValueOfPropertyAt(p, 0, e), I = this._getDecorationColorAt(p, 0), S = this.getValueOfPropertyAt(p, 0, "textDecorationThickness"), j = w, O = I, k = S;
+      const j = c[p], b = v / o, T = this._getLineLeftOffset(p);
+      let S = 0, M = 0, w = this.getValueOfPropertyAt(p, 0, e), C = this._getDecorationColorAt(p, 0), A = this.getValueOfPropertyAt(p, 0, "textDecorationThickness"), I = w, O = C, k = A;
       const D = l + b * (1 - r);
       let W = this.getHeightOfChar(p, 0), E = this.getValueOfPropertyAt(p, 0, "deltaY");
-      for (let B = 0, P = C.length; B < P; B += 1) {
+      for (let B = 0, P = j.length; B < P; B += 1) {
         const x = this.__charBounds[p][B];
-        j = this.getValueOfPropertyAt(p, B, e), O = this._getDecorationColorAt(p, B), k = this.getValueOfPropertyAt(p, B, "textDecorationThickness");
+        I = this.getValueOfPropertyAt(p, B, e), O = this._getDecorationColorAt(p, B), k = this.getValueOfPropertyAt(p, B, "textDecorationThickness");
         const _ = this.getHeightOfChar(p, B), R = this.getValueOfPropertyAt(p, B, "deltaY");
-        if (u && j && O) {
+        if (u && I && O) {
           const N = s * k / 1e3;
-          t.save(), t.fillStyle = I, t.translate(x.renderLeft, x.renderTop), t.rotate(x.angle), t.fillRect(
+          t.save(), t.fillStyle = C, t.translate(x.renderLeft, x.renderTop), t.rotate(x.angle), t.fillRect(
             -x.kernedWidth / 2,
             g * _ + R - m * N,
             x.kernedWidth,
             N
           ), t.restore();
-        } else if ((j !== w || O !== I || _ !== W || k !== S || R !== E) && A > 0) {
-          const N = s * S / 1e3;
-          let K = d + T + M;
-          n === "rtl" && (K = a - K - A), w && I && S && (t.fillStyle = I, t.fillRect(
+        } else if ((I !== w || O !== C || _ !== W || k !== A || R !== E) && M > 0) {
+          const N = s * A / 1e3;
+          let K = d + T + S;
+          n === "rtl" && (K = a - K - M), w && C && A && (t.fillStyle = C, t.fillRect(
             K,
             D + g * W + E - m * N,
-            A,
+            M,
             N
-          )), M = x.left, A = x.width, w = j, S = k, I = O, W = _, E = R;
+          )), S = x.left, M = x.width, w = I, A = k, C = O, W = _, E = R;
         } else
-          A += x.kernedWidth;
+          M += x.kernedWidth;
       }
-      let L = d + T + M;
-      n === "rtl" && (L = a - L - A), t.fillStyle = O;
+      let L = d + T + S;
+      n === "rtl" && (L = a - L - M), t.fillStyle = O;
       const z = s * k / 1e3;
-      j && O && k && t.fillRect(
+      I && O && k && t.fillRect(
         L,
         D + g * W + E - m * z,
-        A - f,
+        M - f,
         z
       ), l += v;
     }
@@ -5214,10 +5237,10 @@ class rt {
           s.set({ width: m });
           const { width: p = 0 } = s, y = g - p;
           if (y !== 0 && o && o.corner === "ml") {
-            const C = ((l = s.angle) != null ? l : 0) * Math.PI / 180, b = Math.cos(C), T = Math.sin(C), M = (d = s.scaleX) != null ? d : 1, A = y * M;
+            const j = ((l = s.angle) != null ? l : 0) * Math.PI / 180, b = Math.cos(j), T = Math.sin(j), S = (d = s.scaleX) != null ? d : 1, M = y * S;
             s.set({
-              left: ((u = s.left) != null ? u : 0) + A * b,
-              top: ((f = s.top) != null ? f : 0) + A * T
+              left: ((u = s.left) != null ? u : 0) + M * b,
+              top: ((f = s.top) != null ? f : 0) + M * T
             });
           }
         }
@@ -5240,9 +5263,9 @@ class rt {
         baseRadii: d,
         baseStyles: u,
         baseLineFontDefaults: f
-      } = i, g = typeof ((ne = o.original) == null ? void 0 : ne.width) == "number" ? o.original.width : void 0, m = typeof ((ve = o.original) == null ? void 0 : ve.left) == "number" ? o.original.left : void 0, p = g != null ? g : a, y = m != null ? m : r, v = (se = o.corner) != null ? se : "", C = (ie = o.action) != null ? ie : "", b = ["ml", "mr"].includes(v) || C === "scaleX", T = ["mt", "mb"].includes(v) || C === "scaleY", M = ["tl", "tr", "bl", "br"].includes(v) || C === "scale", A = M || T;
-      if (!b && !T && !M) return;
-      const w = Math.abs((Rt = (oe = s.scaleX) != null ? oe : o.scaleX) != null ? Rt : 1) || 1, I = Math.abs((ae = (be = s.scaleY) != null ? be : o.scaleY) != null ? ae : 1) || 1, S = Math.max(1, p * w), j = Math.max(1, Math.round(S)), O = Math.max(1, c * I), {
+      } = i, g = typeof ((ne = o.original) == null ? void 0 : ne.width) == "number" ? o.original.width : void 0, m = typeof ((ve = o.original) == null ? void 0 : ve.left) == "number" ? o.original.left : void 0, p = g != null ? g : a, y = m != null ? m : r, v = (se = o.corner) != null ? se : "", j = (ie = o.action) != null ? ie : "", b = ["ml", "mr"].includes(v) || j === "scaleX", T = ["mt", "mb"].includes(v) || j === "scaleY", S = ["tl", "tr", "bl", "br"].includes(v) || j === "scale", M = S || T;
+      if (!b && !T && !S) return;
+      const w = Math.abs((Rt = (oe = s.scaleX) != null ? oe : o.scaleX) != null ? Rt : 1) || 1, C = Math.abs((ae = (be = s.scaleY) != null ? be : o.scaleY) != null ? ae : 1) || 1, A = Math.max(1, p * w), I = Math.max(1, Math.round(A)), O = Math.max(1, c * C), {
         paddingTop: k = 0,
         paddingRight: D = 0,
         paddingBottom: W = 0,
@@ -5254,19 +5277,19 @@ class rt {
         fontSize: x,
         width: _,
         originX: R = "left"
-      } = s, N = M || T, K = M || T, H = N ? {
-        top: Math.max(0, l.top * I),
-        right: Math.max(0, l.right * I),
-        bottom: Math.max(0, l.bottom * I),
-        left: Math.max(0, l.left * I)
+      } = s, N = S || T, K = S || T, H = N ? {
+        top: Math.max(0, l.top * C),
+        right: Math.max(0, l.right * C),
+        bottom: Math.max(0, l.bottom * C),
+        left: Math.max(0, l.left * C)
       } : l, q = K ? {
-        topLeft: Math.max(0, d.topLeft * I),
-        topRight: Math.max(0, d.topRight * I),
-        bottomRight: Math.max(0, d.bottomRight * I),
-        bottomLeft: Math.max(0, d.bottomLeft * I)
+        topLeft: Math.max(0, d.topLeft * C),
+        topRight: Math.max(0, d.topRight * C),
+        bottomRight: Math.max(0, d.bottomRight * C),
+        bottomLeft: Math.max(0, d.bottomLeft * C)
       } : d, tt = Object.keys(u).length > 0;
       let at;
-      if (A && tt) {
+      if (M && tt) {
         const kt = {};
         Object.entries(u).forEach(([re, Q]) => {
           if (!Q) return;
@@ -5274,23 +5297,23 @@ class rt {
           Object.entries(Q).forEach(([Me, Bt]) => {
             if (!Bt) return;
             const He = F({}, Bt);
-            typeof Bt.fontSize == "number" && (He.fontSize = Math.max(1, Bt.fontSize * I)), st[Me] = He;
+            typeof Bt.fontSize == "number" && (He.fontSize = Math.max(1, Bt.fontSize * C)), st[Me] = He;
           }), Object.keys(st).length && (kt[re] = st);
         }), Object.keys(kt).length && (at = kt);
       }
       let ft;
-      A && (ft = hn({
+      M && (ft = hn({
         lineFontDefaults: f,
-        scale: I
+        scale: C
       }));
-      const wt = (Zt = (Ht = o.originX) != null ? Ht : R) != null ? Zt : "left", dt = y + p, ht = y + p / 2, It = _ != null ? _ : p, At = j !== It, Lt = Math.abs(O - (x != null ? x : c)) > it, _t = Math.abs(H.top - k) > it || Math.abs(H.right - D) > it || Math.abs(H.bottom - W) > it || Math.abs(H.left - E) > it, xt = Math.abs(q.topLeft - L) > it || Math.abs(q.topRight - z) > it || Math.abs(q.bottomRight - B) > it || Math.abs(q.bottomLeft - P) > it;
+      const wt = (Zt = (Ht = o.originX) != null ? Ht : R) != null ? Zt : "left", dt = y + p, ht = y + p / 2, It = _ != null ? _ : p, At = I !== It, Lt = Math.abs(O - (x != null ? x : c)) > it, _t = Math.abs(H.top - k) > it || Math.abs(H.right - D) > it || Math.abs(H.bottom - W) > it || Math.abs(H.left - E) > it, xt = Math.abs(q.topLeft - L) > it || Math.abs(q.topRight - z) > it || Math.abs(q.bottomRight - B) > it || Math.abs(q.bottomLeft - P) > it;
       if (!At && !Lt && !_t && !xt) {
         s.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
       at && (s.styles = at), ft && (s.lineFontDefaults = ft), s.set({
-        width: j,
-        fontSize: A ? O : c,
+        width: I,
+        fontSize: M ? O : c,
         paddingTop: H.top,
         paddingRight: H.right,
         paddingBottom: H.bottom,
@@ -5304,9 +5327,9 @@ class rt {
       });
       const Yt = Et({ textbox: s });
       Yt && (s.dirty = !0);
-      const gt = (Gt = s.width) != null ? Gt : j, ee = gt !== It;
+      const gt = (Gt = s.width) != null ? Gt : I, ee = gt !== It;
       let Tt = y;
-      ee && (b || M) && (wt === "right" ? Tt = dt - gt : wt === "center" && (Tt = ht - gt / 2)), s.set({ left: Tt }), i.baseLeft = Tt, o.scaleX = 1, o.scaleY = 1;
+      ee && (b || S) && (wt === "right" ? Tt = dt - gt : wt === "center" && (Tt = ht - gt / 2)), s.set({ left: Tt }), i.baseLeft = Tt, o.scaleX = 1, o.scaleY = 1;
       const { original: bt } = o;
       bt && (bt.scaleX = 1, bt.scaleY = 1, bt.width = gt, bt.height = s.height, bt.left = Tt), s.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = gt, i.baseFontSize = (Vt = s.fontSize) != null ? Vt : O, i.baseStyles = JSON.parse(JSON.stringify((Xt = s.styles) != null ? Xt : {})), i.baseLineFontDefaults = dn({
         lineFontDefaults: s.lineFontDefaults
@@ -5322,17 +5345,17 @@ class rt {
         bottomLeft: q.bottomLeft
       }, i.hasWidthChange = ee || Lt || _t || xt || Yt;
     }, this._handleObjectModified = (n) => {
-      var v, C, b;
+      var v, j, b;
       const { target: s } = n;
       if (s instanceof X) {
         const T = s.getObjects();
-        if (!T.some((S) => rt._isTextbox(S))) return;
-        const { scaleX: A = 1, scaleY: w = 1 } = s;
-        if (Math.abs(A - 1) < it && Math.abs(w - 1) < it) return;
-        this.canvas.discardActiveObject(), T.forEach((S) => {
-          var j, O, k, D;
-          if (rt._isTextbox(S)) {
-            const W = (j = S.scaleX) != null ? j : 1, E = (O = S.scaleY) != null ? O : 1, L = ((k = S.fontSize) != null ? k : 16) * E, z = ((D = S.width) != null ? D : 0) * W, B = E, {
+        if (!T.some((A) => rt._isTextbox(A))) return;
+        const { scaleX: M = 1, scaleY: w = 1 } = s;
+        if (Math.abs(M - 1) < it && Math.abs(w - 1) < it) return;
+        this.canvas.discardActiveObject(), T.forEach((A) => {
+          var I, O, k, D;
+          if (rt._isTextbox(A)) {
+            const W = (I = A.scaleX) != null ? I : 1, E = (O = A.scaleY) != null ? O : 1, L = ((k = A.fontSize) != null ? k : 16) * E, z = ((D = A.width) != null ? D : 0) * W, B = E, {
               paddingTop: P = 0,
               paddingRight: x = 0,
               paddingBottom: _ = 0,
@@ -5342,7 +5365,7 @@ class rt {
               radiusBottomRight: H = 0,
               radiusBottomLeft: q = 0,
               styles: tt
-            } = S, at = {
+            } = A, at = {
               paddingTop: Math.max(0, P * B),
               paddingRight: Math.max(0, x * B),
               paddingBottom: Math.max(0, _ * B),
@@ -5360,7 +5383,7 @@ class rt {
               });
             }));
             const dt = hn({
-              lineFontDefaults: S.lineFontDefaults,
+              lineFontDefaults: A.lineFontDefaults,
               scale: B
             }), ht = Ot(F(F({
               fontSize: L,
@@ -5370,21 +5393,21 @@ class rt {
             }, at), ft), {
               styles: wt
             });
-            dt && (ht.lineFontDefaults = dt), S.set(ht), Et({ textbox: S });
+            dt && (ht.lineFontDefaults = dt), A.set(ht), Et({ textbox: A });
           }
-          S.setCoords();
+          A.setCoords();
         });
-        const I = new X(T, {
+        const C = new X(T, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(I), this.canvas.requestRenderAll();
+        this.canvas.setActiveObject(C), this.canvas.requestRenderAll();
         return;
       }
       if (!rt._isTextbox(s)) return;
       s.isScaling = !1;
       const o = this.scalingState.get(s);
       if (this.scalingState.delete(s), !(o != null && o.hasWidthChange)) return;
-      const i = (v = s.width) != null ? v : s.calcTextWidth(), a = (b = (C = s.fontSize) != null ? C : o == null ? void 0 : o.baseFontSize) != null ? b : 16, r = !!(o.baseStyles && Object.keys(o.baseStyles).length), {
+      const i = (v = s.width) != null ? v : s.calcTextWidth(), a = (b = (j = s.fontSize) != null ? j : o == null ? void 0 : o.baseFontSize) != null ? b : 16, r = !!(o.baseStyles && Object.keys(o.baseStyles).length), {
         paddingTop: c = 0,
         paddingRight: l = 0,
         paddingBottom: d = 0,
@@ -5415,7 +5438,7 @@ class rt {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(D = {}, { withoutSelection: j = !1, withoutSave: O = !1, withoutAdding: k = !1 } = {}) {
+  addText(D = {}, { withoutSelection: I = !1, withoutSave: O = !1, withoutAdding: k = !1 } = {}) {
     var W = D, {
       id: t = `text-${et()}`,
       text: e = "Новый текст",
@@ -5435,14 +5458,14 @@ class rt {
       backgroundColor: p,
       backgroundOpacity: y = 1,
       paddingTop: v = 0,
-      paddingRight: C = 0,
+      paddingRight: j = 0,
       paddingBottom: b = 0,
       paddingLeft: T = 0,
-      radiusTopLeft: M = 0,
-      radiusTopRight: A = 0,
+      radiusTopLeft: S = 0,
+      radiusTopRight: M = 0,
       radiusBottomRight: w = 0,
-      radiusBottomLeft: I = 0
-    } = W, S = jt(W, [
+      radiusBottomLeft: C = 0
+    } = W, A = jt(W, [
       "id",
       "text",
       "autoExpand",
@@ -5493,19 +5516,19 @@ class rt {
       backgroundColor: p,
       backgroundOpacity: y,
       paddingTop: v,
-      paddingRight: C,
+      paddingRight: j,
       paddingBottom: b,
       paddingLeft: T,
-      radiusTopLeft: M,
-      radiusTopRight: A,
+      radiusTopLeft: S,
+      radiusTopRight: M,
       radiusBottomRight: w,
-      radiusBottomLeft: I
-    }, S), _ = new ye(e, x), R = n !== !1;
+      radiusBottomLeft: C
+    }, A), _ = new ye(e, x), R = n !== !1;
     if (_.autoExpand = R, _.textCaseRaw = (K = _.text) != null ? K : "", c) {
       const H = we({ value: _.textCaseRaw });
       H !== _.text && _.set({ text: H });
     }
-    return Et({ textbox: _ }) && (_.dirty = !0), S.left === void 0 && S.top === void 0 && L.centerObject(_), k || L.add(_), j || L.setActiveObject(_), L.requestRenderAll(), E.resumeHistory(), O || E.saveState(), L.fire("editor:text-added", {
+    return Et({ textbox: _ }) && (_.dirty = !0), A.left === void 0 && A.top === void 0 && L.centerObject(_), k || L.add(_), I || L.setActiveObject(_), L.requestRenderAll(), E.resumeHistory(), O || E.saveState(), L.fire("editor:text-added", {
       textbox: _,
       options: Ot(F({}, x), {
         text: e,
@@ -5518,7 +5541,7 @@ class rt {
         strokeWidth: B
       }),
       flags: {
-        withoutSelection: !!j,
+        withoutSelection: !!I,
         withoutSave: !!O,
         withoutAdding: !!k
       }
@@ -5555,15 +5578,15 @@ class rt {
       fontFamily: p,
       fontSize: y,
       bold: v,
-      italic: C,
+      italic: j,
       underline: b,
       uppercase: T,
-      strikethrough: M,
-      align: A,
+      strikethrough: S,
+      align: M,
       color: w,
-      strokeColor: I,
-      strokeWidth: S,
-      opacity: j,
+      strokeColor: C,
+      strokeWidth: A,
+      opacity: I,
       backgroundColor: O,
       backgroundOpacity: k,
       paddingTop: D,
@@ -5609,20 +5632,20 @@ class rt {
       const Q = v ? "bold" : "normal";
       N && (H.fontWeight = Q), dt && (R.fontWeight = Q, ht && (tt.fontWeight = Q));
     }
-    if (C !== void 0) {
-      const Q = C ? "italic" : "normal";
+    if (j !== void 0) {
+      const Q = j ? "italic" : "normal";
       N && (H.fontStyle = Q), dt && (R.fontStyle = Q, ht && (tt.fontStyle = Q));
     }
-    if (b !== void 0 && (N && (H.underline = b), dt && (R.underline = b, ht && (tt.underline = b))), M !== void 0 && (N && (H.linethrough = M), dt && (R.linethrough = M, ht && (tt.linethrough = M))), A !== void 0 && (R.textAlign = A), w !== void 0 && (N && (H.fill = w), dt && (R.fill = w, ht && (tt.fill = w))), I !== void 0 || S !== void 0) {
-      const Q = N ? cn({ textbox: i, range: N, property: "strokeWidth" }) : void 0, st = N ? cn({ textbox: i, range: N, property: "stroke" }) : void 0, Me = (Vt = (Gt = S != null ? S : Q) != null ? Gt : i.strokeWidth) != null ? Vt : 0;
+    if (b !== void 0 && (N && (H.underline = b), dt && (R.underline = b, ht && (tt.underline = b))), S !== void 0 && (N && (H.linethrough = S), dt && (R.linethrough = S, ht && (tt.linethrough = S))), M !== void 0 && (R.textAlign = M), w !== void 0 && (N && (H.fill = w), dt && (R.fill = w, ht && (tt.fill = w))), C !== void 0 || A !== void 0) {
+      const Q = N ? cn({ textbox: i, range: N, property: "strokeWidth" }) : void 0, st = N ? cn({ textbox: i, range: N, property: "stroke" }) : void 0, Me = (Vt = (Gt = A != null ? A : Q) != null ? Gt : i.strokeWidth) != null ? Vt : 0;
       ft = xe({ width: Me });
-      const Bt = (kt = (Xt = I != null ? I : st) != null ? Xt : i.stroke) != null ? kt : void 0;
+      const Bt = (kt = (Xt = C != null ? C : st) != null ? Xt : i.stroke) != null ? kt : void 0;
       at = _e({
         strokeColor: Bt,
         width: ft
       }), N && (H.stroke = at, H.strokeWidth = ft), dt && (R.stroke = at, R.strokeWidth = ft, ht && (tt.stroke = at, tt.strokeWidth = ft));
     }
-    j !== void 0 && (R.opacity = j), O !== void 0 && (R.backgroundColor = O), k !== void 0 && (R.backgroundOpacity = k), D !== void 0 && (R.paddingTop = D), W !== void 0 && (R.paddingRight = W), E !== void 0 && (R.paddingBottom = E), L !== void 0 && (R.paddingLeft = L), z !== void 0 && (R.radiusTopLeft = z), B !== void 0 && (R.radiusTopRight = B), P !== void 0 && (R.radiusBottomRight = P), x !== void 0 && (R.radiusBottomLeft = x);
+    I !== void 0 && (R.opacity = I), O !== void 0 && (R.backgroundColor = O), k !== void 0 && (R.backgroundOpacity = k), D !== void 0 && (R.paddingTop = D), W !== void 0 && (R.paddingRight = W), E !== void 0 && (R.paddingBottom = E), L !== void 0 && (R.paddingLeft = L), z !== void 0 && (R.radiusTopLeft = z), B !== void 0 && (R.radiusTopRight = B), P !== void 0 && (R.radiusBottomRight = P), x !== void 0 && (R.radiusBottomLeft = x);
     const It = (re = i.textCaseRaw) != null ? re : a, At = !!i.uppercase, Lt = g !== void 0, _t = Lt ? g != null ? g : "" : It, xt = T != null ? T : At, Yt = xt !== At;
     if (Lt || Yt) {
       const Q = xt ? we({ value: _t }) : _t;
@@ -5655,12 +5678,12 @@ class rt {
         updates: st
       });
     }
-    if (N && (w !== void 0 || I !== void 0 || S !== void 0)) {
+    if (N && (w !== void 0 || C !== void 0 || A !== void 0)) {
       const Q = Ls({
         textbox: i,
         range: N
       }), st = {};
-      w !== void 0 && (st.fill = w), (I !== void 0 || S !== void 0) && (at === null && (st.stroke = null), at != null && (st.stroke = at)), ln({
+      w !== void 0 && (st.fill = w), (C !== void 0 || A !== void 0) && (at === null && (st.stroke = null), at != null && (st.stroke = at)), ln({
         textbox: i,
         lineIndices: Q,
         updates: st
@@ -5758,8 +5781,8 @@ class rt {
     } = t, d = e, u = (k = t.__lineDefaultsPrevText) != null ? k : d, f = u.split(`
 `), g = d.split(`
 `), m = f.length, y = g.length - m;
-    let v = n, C = !1, b = !1;
-    const T = typeof a == "string" ? a : void 0, M = typeof r == "string" ? r : void 0;
+    let v = n, j = !1, b = !1;
+    const T = typeof a == "string" ? a : void 0, S = typeof r == "string" ? r : void 0;
     if (y !== 0 && n && Object.keys(n).length) {
       const E = _s({
         previous: u,
@@ -5785,7 +5808,7 @@ class rt {
           const N = _ >= B ? _ + y : _;
           P[N] = F({}, R);
         }
-        v = P, C = !0, b = !0;
+        v = P, j = !0, b = !0;
       }
       if (y < 0) {
         const z = Math.abs(y);
@@ -5800,36 +5823,36 @@ class rt {
           const K = n[N];
           K && (N < B && (_[N] = F({}, K)), N > x && (_[N + y] = F({}, K)));
         }
-        v = _, C = !0, b = !0;
+        v = _, j = !0, b = !0;
       }
     }
-    let A = null;
+    let M = null;
     if (l && typeof c == "number") {
       const E = t.get2DCursorLocation(c), { lineIndex: L } = E;
-      Number.isFinite(L) && (A = L);
+      Number.isFinite(L) && (M = L);
     }
-    let w = s, I = !1, S = !1, j, O = null;
+    let w = s, C = !1, A = !1, I, O = null;
     for (let E = 0; E < g.length; E += 1) {
       const L = (W = g[E]) != null ? W : "", z = v ? v[E] : void 0;
-      if (z && (j = z), L.length !== 0) {
+      if (z && (I = z), L.length !== 0) {
         if (z) {
           const N = Is({
             lineText: L,
             lineStyles: w ? w[E] : void 0,
             lineDefaults: z
           });
-          N.changed && (w || (w = {}, S = !0), S || (w = F({}, w), S = !0), N.lineStyles && (w[E] = N.lineStyles), !N.lineStyles && w[E] && delete w[E], I = !0);
+          N.changed && (w || (w = {}, A = !0), A || (w = F({}, w), A = !0), N.lineStyles && (w[E] = N.lineStyles), !N.lineStyles && w[E] && delete w[E], C = !0);
         }
         continue;
       }
-      const P = z != null ? z : j, x = {};
-      (P == null ? void 0 : P.fontFamily) !== void 0 ? x.fontFamily = P.fontFamily : o !== void 0 && (x.fontFamily = o), (P == null ? void 0 : P.fontSize) !== void 0 ? x.fontSize = P.fontSize : i !== void 0 && (x.fontSize = i), (P == null ? void 0 : P.fill) !== void 0 ? x.fill = P.fill : T !== void 0 && (x.fill = T), (P == null ? void 0 : P.stroke) !== void 0 ? x.stroke = P.stroke : M !== void 0 && (x.stroke = M), !z && Object.keys(x).length && (v || (v = {}, b = !0), b || (v = F({}, v), b = !0), v[E] = x, C = !0, j = x), z && (j = z), A !== null && A === E && (O = x);
+      const P = z != null ? z : I, x = {};
+      (P == null ? void 0 : P.fontFamily) !== void 0 ? x.fontFamily = P.fontFamily : o !== void 0 && (x.fontFamily = o), (P == null ? void 0 : P.fontSize) !== void 0 ? x.fontSize = P.fontSize : i !== void 0 && (x.fontSize = i), (P == null ? void 0 : P.fill) !== void 0 ? x.fill = P.fill : T !== void 0 && (x.fill = T), (P == null ? void 0 : P.stroke) !== void 0 ? x.stroke = P.stroke : S !== void 0 && (x.stroke = S), !z && Object.keys(x).length && (v || (v = {}, b = !0), b || (v = F({}, v), b = !0), v[E] = x, j = !0, I = x), z && (I = z), M !== null && M === E && (O = x);
       const _ = {};
       x.fontFamily !== void 0 && (_.fontFamily = x.fontFamily), x.fontSize !== void 0 && (_.fontSize = x.fontSize), x.fill !== void 0 && (_.fill = x.fill), x.stroke !== void 0 && (_.stroke = x.stroke);
       const R = Object.keys(_).length > 0;
-      (R || w && w[E]) && (w || (w = {}, S = !0), S || (w = F({}, w), S = !0), R && (w[E] = { 0: _ }), !R && w[E] && delete w[E], I = !0);
+      (R || w && w[E]) && (w || (w = {}, A = !0), A || (w = F({}, w), A = !0), R && (w[E] = { 0: _ }), !R && w[E] && delete w[E], C = !0);
     }
-    if (C && v && (t.lineFontDefaults = v), I && (t.styles = w, t.dirty = !0), O && typeof c == "number") {
+    if (j && v && (t.lineFontDefaults = v), C && (t.styles = w, t.dirty = !0), O && typeof c == "number") {
       const E = {};
       if (O.fontFamily !== void 0 && (E.fontFamily = O.fontFamily), O.fontSize !== void 0 && (E.fontSize = O.fontSize), O.fill !== void 0 && (E.fill = O.fill), O.stroke !== void 0 && (E.stroke = O.stroke), Object.keys(E).length) {
         this.lineDefaultsSyncing.add(t);
@@ -5847,15 +5870,15 @@ class rt {
    * но не шире монтажной области, и удерживает объект в её пределах.
    */
   _autoExpandTextboxWidth(t, { anchor: e } = {}) {
-    var A, w, I, S, j, O, k, D, W, E, L, z, B;
+    var M, w, C, A, I, O, k, D, W, E, L, z, B;
     const { montageArea: n } = this.editor;
     if (!n) return !1;
     const s = typeof t.text == "string" ? t.text : "";
     if (!s.length) return !1;
     n.setCoords();
-    const o = n.getBoundingRect(!1, !0), i = (A = o.width) != null ? A : 0;
+    const o = n.getBoundingRect(!1, !0), i = (M = o.width) != null ? M : 0;
     if (!Number.isFinite(i) || i <= 0) return !1;
-    const a = e != null ? e : (w = this.editingAnchorState) == null ? void 0 : w.get(t), r = (S = (I = a == null ? void 0 : a.originY) != null ? I : t.originY) != null ? S : "top", c = Math.abs((j = t.scaleX) != null ? j : 1) || 1, l = (O = t.paddingLeft) != null ? O : 0, d = (k = t.paddingRight) != null ? k : 0, u = (D = t.strokeWidth) != null ? D : 0, f = Math.max(
+    const a = e != null ? e : (w = this.editingAnchorState) == null ? void 0 : w.get(t), r = (A = (C = a == null ? void 0 : a.originY) != null ? C : t.originY) != null ? A : "top", c = Math.abs((I = t.scaleX) != null ? I : 1) || 1, l = (O = t.paddingLeft) != null ? O : 0, d = (k = t.paddingRight) != null ? k : 0, u = (D = t.strokeWidth) != null ? D : 0, f = Math.max(
       1,
       i / c - l - d - u
     );
@@ -5866,18 +5889,18 @@ class rt {
     Math.abs(((W = t.width) != null ? W : 0) - f) > it && (t.set({ width: f }), m = !0), t.initDimensions();
     const { textLines: p } = t, y = Array.isArray(p) && p.length > g, v = Math.ceil(
       ks({ textbox: t, text: s })
-    ), C = Math.min((E = t.minWidth) != null ? E : 1, f);
+    ), j = Math.min((E = t.minWidth) != null ? E : 1, f);
     let b = Math.min(
       f,
-      Math.max(v, C)
+      Math.max(v, j)
     );
     y && (b = f), Math.abs(((L = t.width) != null ? L : 0) - b) > it && (t.set({ width: b }), t.initDimensions(), m = !0), Et({ textbox: t }) && (m = !0), a && (t.setPositionByOrigin(new lt(a.x, a.y), "center", r), m = !0);
-    const M = Bs({
+    const S = Bs({
       textbox: t,
       montageLeft: (z = o.left) != null ? z : 0,
       montageRight: ((B = o.left) != null ? B : 0) + i
     });
-    return m || M;
+    return m || S;
   }
   /**
    * Возвращает хранилище якорей редактирования, создавая его при необходимости.
@@ -5954,15 +5977,15 @@ class rt {
       stroke: p,
       strokeWidth: y,
       opacity: v,
-      backgroundColor: C,
+      backgroundColor: j,
       backgroundOpacity: b,
       paddingTop: T,
-      paddingRight: M,
-      paddingBottom: A,
+      paddingRight: S,
+      paddingBottom: M,
       paddingLeft: w,
-      radiusTopLeft: I,
-      radiusTopRight: S,
-      radiusBottomRight: j,
+      radiusTopLeft: C,
+      radiusTopRight: A,
+      radiusBottomRight: I,
       radiusBottomLeft: O,
       left: k,
       top: D,
@@ -5992,15 +6015,15 @@ class rt {
         stroke: p,
         strokeWidth: y,
         opacity: v,
-        backgroundColor: C,
+        backgroundColor: j,
         backgroundOpacity: b,
         paddingTop: T,
-        paddingRight: M,
-        paddingBottom: A,
+        paddingRight: S,
+        paddingBottom: M,
         paddingLeft: w,
-        radiusTopLeft: I,
-        radiusTopRight: S,
-        radiusBottomRight: j,
+        radiusTopLeft: C,
+        radiusTopRight: A,
+        radiusBottomRight: I,
         radiusBottomLeft: O,
         left: k,
         top: D,
@@ -6193,7 +6216,7 @@ class Z {
       baseWidth: p,
       baseHeight: y,
       montageArea: i != null ? i : null
-    })), C = Ot(F({}, n), {
+    })), j = Ot(F({}, n), {
       baseWidth: p,
       baseHeight: y,
       positionsNormalized: !0,
@@ -6201,7 +6224,7 @@ class Z {
     });
     return {
       id: t != null ? t : `template-${et()}`,
-      meta: C,
+      meta: j,
       objects: v
     };
   }
@@ -6248,17 +6271,17 @@ class Z {
             code: Dt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
-        const { backgroundObject: C, contentObjects: b } = Z._extractBackgroundObject(v);
-        C && (y = yield Z._applyBackgroundFromObject({
-          backgroundObject: C,
+        const { backgroundObject: j, contentObjects: b } = Z._extractBackgroundObject(v);
+        j && (y = yield Z._applyBackgroundFromObject({
+          backgroundObject: j,
           backgroundManager: a,
           errorManager: i
         }));
-        const T = b.map((M) => (this._adaptTextboxWidth({
-          object: M,
+        const T = b.map((S) => (this._adaptTextboxWidth({
+          object: S,
           baseWidth: f.baseWidth
         }), Z._transformObject({
-          object: M,
+          object: S,
           scale: g,
           bounds: d,
           targetSize: u,
@@ -6266,10 +6289,10 @@ class Z {
           baseHeight: f.baseHeight,
           montageArea: s,
           useRelativePositions: m
-        }), M.set({
-          id: `${M.type}-${et()}`,
+        }), S.set({
+          id: `${S.type}-${et()}`,
           evented: !0
-        }), n.add(M), M));
+        }), n.add(S), S));
         return !T.length && !y ? null : (p = T.length > 0 || y, T.length && Z._activateObjects({ canvas: n, objects: T }), n.requestRenderAll(), n.fire("editor:template-applied", {
           template: t,
           objects: T,
@@ -6355,21 +6378,21 @@ class Z {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, m = nt({ value: d || f || c.width, fallback: 0 }), p = nt({ value: u || g || c.height, fallback: 0 }), y = nt({ value: s, fallback: m }), v = nt({ value: o, fallback: p }), C = nt({ value: i, fallback: c.scaleX || 1 }), b = nt({ value: a, fallback: c.scaleY || 1 }), T = y * C, M = v * b, A = m > 0, w = p > 0, I = T > 0, S = M > 0, j = Z._resolveImageFit({ customData: r }), O = {};
-    if (A && (O.width = m), w && (O.height = p), !A || !w) {
+    }, m = nt({ value: d || f || c.width, fallback: 0 }), p = nt({ value: u || g || c.height, fallback: 0 }), y = nt({ value: s, fallback: m }), v = nt({ value: o, fallback: p }), j = nt({ value: i, fallback: c.scaleX || 1 }), b = nt({ value: a, fallback: c.scaleY || 1 }), T = y * j, S = v * b, M = m > 0, w = p > 0, C = T > 0, A = S > 0, I = Z._resolveImageFit({ customData: r }), O = {};
+    if (M && (O.width = m), w && (O.height = p), !M || !w) {
       c.set(O);
       return;
     }
-    if (j === "stretch") {
-      const D = I ? T / m : null, W = S ? M / p : null;
+    if (I === "stretch") {
+      const D = C ? T / m : null, W = A ? S / p : null;
       D && D > 0 && (O.scaleX = D), W && W > 0 && (O.scaleY = W), c.set(O);
       return;
     }
-    if (!I || !S) {
+    if (!C || !A) {
       c.set(O);
       return;
     }
-    const k = Math.min(T / m, M / p);
+    const k = Math.min(T / m, S / p);
     Number.isFinite(k) && k > 0 && (O.scaleX = k, O.scaleY = k), c.set(O);
   }
   /**
@@ -6478,10 +6501,10 @@ class Z {
       bounds: p,
       targetSize: s,
       montageArea: a
-    }), v = g * e, C = m * e;
+    }), v = g * e, j = m * e;
     t.set({
       scaleX: v,
-      scaleY: C
+      scaleY: j
     }), t.setPositionByOrigin(y, "center", "center"), t.setCoords(), delete c[Jt], delete c[Ae], delete c[fe], delete c[je];
   }
   /**
@@ -6581,16 +6604,16 @@ class Z {
     } = t, r = nt({ value: e, fallback: 0 }), c = t, l = nt({ value: c.paddingLeft, fallback: 0 }), d = nt({ value: c.paddingRight, fallback: 0 }), u = nt({ value: i, fallback: 1 }), f = nt({ value: a, fallback: 0 }) * u, g = nt({ value: o, fallback: 0 }), m = g * u, p = l * u, y = d * u, v = m + p + y + f;
     if (!s || !g || !r) return;
     t.setCoords();
-    const C = t, b = C[Jt], T = typeof b == "number" ? b : null, M = Z._resolveAnchor(C, fe), A = v / r, w = T !== null ? T - A / 2 : null, I = T !== null ? T + A / 2 : null, S = t.getCenterPoint();
+    const j = t, b = j[Jt], T = typeof b == "number" ? b : null, S = Z._resolveAnchor(j, fe), M = v / r, w = T !== null ? T - M / 2 : null, C = T !== null ? T + M / 2 : null, A = t.getCenterPoint();
     t.set("width", s), t.initDimensions();
-    const j = Z._getLongestLineWidth({
+    const I = Z._getLongestLineWidth({
       textbox: t,
       text: n
-    }), O = j > g ? j + 1 : g;
-    t.set("width", O), t.initDimensions(), t.setPositionByOrigin(S, "center", "center"), t.setCoords();
+    }), O = I > g ? I + 1 : g;
+    t.set("width", O), t.initDimensions(), t.setPositionByOrigin(A, "center", "center"), t.setCoords();
     const D = (O * u + p + y + f) / r;
     let W = T;
-    M === "start" && w !== null ? W = Math.max(0, w) + D / 2 : M === "end" && I !== null && (W = Math.min(1, I) - D / 2), typeof W == "number" && (C[Jt] = W);
+    S === "start" && w !== null ? W = Math.max(0, w) + D / 2 : S === "end" && C !== null && (W = Math.min(1, C) - D / 2), typeof W == "number" && (j[Jt] = W);
   }
   /**
    * Возвращает ширину самой длинной строки текстового объекта.
@@ -6641,7 +6664,7 @@ class Z {
         x: (b.x - a) / u,
         y: (b.y - r) / f
       };
-    })(), p = (d.left - a) / u, y = (d.top - r) / f, v = p + d.width / u, C = y + d.height / f;
+    })(), p = (d.left - a) / u, y = (d.top - r) / f, v = p + d.width / u, j = y + d.height / f;
     return i[Jt] = m.x, i[Ae] = m.y, i[fe] = Z._detectAnchor({
       center: m.x,
       start: p,
@@ -6649,7 +6672,7 @@ class Z {
     }), i[je] = Z._detectAnchor({
       center: m.y,
       start: y,
-      end: C
+      end: j
     }), i.left = p, i.top = y, i;
   }
   /**
@@ -6860,26 +6883,26 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
     left: a,
     right: r
   } = h, c = [];
-  for (const M of t) {
-    const { left: A, right: w } = M;
-    Math.min(w, r) - Math.max(A, a) > 0 && c.push(M);
+  for (const S of t) {
+    const { left: M, right: w } = S;
+    Math.min(w, r) - Math.max(M, a) > 0 && c.push(S);
   }
   if (!c.length)
     return { delta: 0, guide: null };
   const l = [];
-  for (const M of c)
-    l.push({ bounds: M, isActive: !1 });
+  for (const S of c)
+    l.push({ bounds: S, isActive: !1 });
   l.push({ bounds: h, isActive: !0 }), Sn({ items: l, axis: "top" });
   const d = wn({ items: l });
   if (d === -1)
     return { delta: 0, guide: null };
   const u = [], f = i - o, g = l[d - 1], m = l[d + 1];
   if (g && m) {
-    const { bounds: M } = g, { bounds: A } = m, { bottom: w } = M, { top: I } = A, j = I - w - f;
-    if (j >= 0) {
-      const O = j / 2;
+    const { bounds: S } = g, { bounds: M } = m, { bottom: w } = S, { top: C } = M, I = C - w - f;
+    if (I >= 0) {
+      const O = I / 2;
       if (yt({ value: O, step: ot })) {
-        const D = Ue({ value: O, step: ot }), W = o - w, E = I - i, L = Math.abs(W - D), z = Math.abs(E - D), B = Math.max(L, z);
+        const D = Ue({ value: O, step: ot }), W = o - w, E = C - i, L = Math.abs(W - D), z = Math.abs(E - D), B = Math.max(L, z);
         if (B <= e) {
           const P = D - W;
           if (yt({ value: P, step: ot })) {
@@ -6899,56 +6922,56 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
     }
   }
   const p = An({ items: l, axis: "vertical" });
-  let y = null, v = null, C = null, b = null;
+  let y = null, v = null, j = null, b = null;
   if (g) {
-    C = g.bounds;
-    const { bottom: M } = C, A = o - M;
-    A >= 0 && (y = A);
+    j = g.bounds;
+    const { bottom: S } = j, M = o - S;
+    M >= 0 && (y = M);
   }
   if (m) {
     b = m.bounds;
-    const { top: M } = b, A = M - i;
-    A >= 0 && (v = A);
+    const { top: S } = b, M = S - i;
+    M >= 0 && (v = M);
   }
-  for (const M of p) {
+  for (const S of p) {
     const {
-      beforeIndex: A,
+      beforeIndex: M,
       afterIndex: w,
-      start: I,
-      end: S,
-      distance: j
-    } = M;
-    if (!(A === d || w === d || !yt({ value: j, step: ot }))) {
-      if (y !== null && C) {
-        const k = Math.abs(y - j);
+      start: C,
+      end: A,
+      distance: I
+    } = S;
+    if (!(M === d || w === d || !yt({ value: I, step: ot }))) {
+      if (y !== null && j) {
+        const k = Math.abs(y - I);
         if (k <= e) {
-          const D = j - y;
+          const D = I - y;
           if (!yt({ value: D, step: ot })) continue;
-          const E = o + D, { bottom: L } = C, z = {
+          const E = o + D, { bottom: L } = j, z = {
             type: "vertical",
             axis: s,
-            refStart: I,
-            refEnd: S,
+            refStart: C,
+            refEnd: A,
             activeStart: L,
             activeEnd: E,
-            distance: j
+            distance: I
           };
           u.push({ delta: D, guide: z, diff: k });
         }
       }
       if (v !== null && b) {
-        const k = Math.abs(v - j);
+        const k = Math.abs(v - I);
         if (k <= e) {
-          const D = v - j;
+          const D = v - I;
           if (!yt({ value: D, step: ot })) continue;
           const E = i + D, { top: L } = b, z = {
             type: "vertical",
             axis: s,
-            refStart: I,
-            refEnd: S,
+            refStart: C,
+            refEnd: A,
             activeStart: E,
             activeEnd: L,
-            distance: j
+            distance: I
           };
           u.push({ delta: D, guide: z, diff: k });
         }
@@ -6958,9 +6981,9 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
   if (!u.length)
     return { delta: 0, guide: null };
   let T = u[0];
-  for (let M = 1; M < u.length; M += 1) {
-    const A = u[M];
-    A.diff < T.diff && (T = A);
+  for (let S = 1; S < u.length; S += 1) {
+    const M = u[S];
+    M.diff < T.diff && (T = M);
   }
   return {
     delta: T.delta,
@@ -6979,26 +7002,26 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
     top: a,
     bottom: r
   } = h, c = [];
-  for (const M of t) {
-    const { top: A, bottom: w } = M;
-    Math.min(w, r) - Math.max(A, a) > 0 && c.push(M);
+  for (const S of t) {
+    const { top: M, bottom: w } = S;
+    Math.min(w, r) - Math.max(M, a) > 0 && c.push(S);
   }
   if (!c.length)
     return { delta: 0, guide: null };
   const l = [];
-  for (const M of c)
-    l.push({ bounds: M, isActive: !1 });
+  for (const S of c)
+    l.push({ bounds: S, isActive: !1 });
   l.push({ bounds: h, isActive: !0 }), Sn({ items: l, axis: "left" });
   const d = wn({ items: l });
   if (d === -1)
     return { delta: 0, guide: null };
   const u = [], f = i - o, g = l[d - 1], m = l[d + 1];
   if (g && m) {
-    const { bounds: M } = g, { bounds: A } = m, { right: w } = M, { left: I } = A, j = I - w - f;
-    if (j >= 0) {
-      const O = j / 2;
+    const { bounds: S } = g, { bounds: M } = m, { right: w } = S, { left: C } = M, I = C - w - f;
+    if (I >= 0) {
+      const O = I / 2;
       if (yt({ value: O, step: ot })) {
-        const D = Ue({ value: O, step: ot }), W = o - w, E = I - i, L = Math.abs(W - D), z = Math.abs(E - D), B = Math.max(L, z);
+        const D = Ue({ value: O, step: ot }), W = o - w, E = C - i, L = Math.abs(W - D), z = Math.abs(E - D), B = Math.max(L, z);
         if (B <= e) {
           const P = D - W;
           if (yt({ value: P, step: ot })) {
@@ -7018,56 +7041,56 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
     }
   }
   const p = An({ items: l, axis: "horizontal" });
-  let y = null, v = null, C = null, b = null;
+  let y = null, v = null, j = null, b = null;
   if (g) {
-    C = g.bounds;
-    const { right: M } = C, A = o - M;
-    A >= 0 && (y = A);
+    j = g.bounds;
+    const { right: S } = j, M = o - S;
+    M >= 0 && (y = M);
   }
   if (m) {
     b = m.bounds;
-    const { left: M } = b, A = M - i;
-    A >= 0 && (v = A);
+    const { left: S } = b, M = S - i;
+    M >= 0 && (v = M);
   }
-  for (const M of p) {
+  for (const S of p) {
     const {
-      beforeIndex: A,
+      beforeIndex: M,
       afterIndex: w,
-      start: I,
-      end: S,
-      distance: j
-    } = M;
-    if (!(A === d || w === d || !yt({ value: j, step: ot }))) {
-      if (y !== null && C) {
-        const k = Math.abs(y - j);
+      start: C,
+      end: A,
+      distance: I
+    } = S;
+    if (!(M === d || w === d || !yt({ value: I, step: ot }))) {
+      if (y !== null && j) {
+        const k = Math.abs(y - I);
         if (k <= e) {
-          const D = j - y;
+          const D = I - y;
           if (!yt({ value: D, step: ot })) continue;
-          const E = o + D, { right: L } = C, z = {
+          const E = o + D, { right: L } = j, z = {
             type: "horizontal",
             axis: s,
-            refStart: I,
-            refEnd: S,
+            refStart: C,
+            refEnd: A,
             activeStart: L,
             activeEnd: E,
-            distance: j
+            distance: I
           };
           u.push({ delta: D, guide: z, diff: k });
         }
       }
       if (v !== null && b) {
-        const k = Math.abs(v - j);
+        const k = Math.abs(v - I);
         if (k <= e) {
-          const D = v - j;
+          const D = v - I;
           if (!yt({ value: D, step: ot })) continue;
           const E = i + D, { left: L } = b, z = {
             type: "horizontal",
             axis: s,
-            refStart: I,
-            refEnd: S,
+            refStart: C,
+            refEnd: A,
             activeStart: E,
             activeEnd: L,
-            distance: j
+            distance: I
           };
           u.push({ delta: D, guide: z, diff: k });
         }
@@ -7077,9 +7100,9 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
   if (!u.length)
     return { delta: 0, guide: null };
   let T = u[0];
-  for (let M = 1; M < u.length; M += 1) {
-    const A = u[M];
-    A.diff < T.diff && (T = A);
+  for (let S = 1; S < u.length; S += 1) {
+    const M = u[S];
+    M.diff < T.diff && (T = M);
   }
   return {
     delta: T.delta,
@@ -7134,14 +7157,14 @@ const Ce = 5, Mn = "#3D8BF4", Re = 1, ot = 2, Ue = ({
   offsetAlongAxis: f = 0,
   offsetPerpendicular: g = 0
 }) => {
-  const m = i || 1, p = 12 / m, y = d / m, v = u / m, C = (n + s) / 2 + f, b = t === "vertical" ? e + g : C, T = t === "vertical" ? C : e + g;
+  const m = i || 1, p = 12 / m, y = d / m, v = u / m, j = (n + s) / 2 + f, b = t === "vertical" ? e + g : j, T = t === "vertical" ? j : e + g;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = l / m, h.font = `${p}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
-  const A = h.measureText(o).width + y * 2, w = p + y * 2, I = b - A / 2, S = T - w / 2;
+  const M = h.measureText(o).width + y * 2, w = p + y * 2, C = b - M / 2, A = T - w / 2;
   h.beginPath(), Gs({
     context: h,
-    x: I,
-    y: S,
-    width: A,
+    x: C,
+    y: A,
+    width: M,
     height: w,
     radius: v
   }), h.fill(), h.fillStyle = r, h.fillText(o, b, T), h.restore();
@@ -7383,26 +7406,26 @@ class $ {
       originY: y
     } = s, {
       originX: v = "left",
-      originY: C = "top",
+      originY: j = "top",
       scaleX: b = 1,
       scaleY: T = 1
-    } = e, M = p != null ? p : v, A = y != null ? y : C, w = $._collectVerticalSnapCandidates({
+    } = e, S = p != null ? p : v, M = y != null ? y : j, w = $._collectVerticalSnapCandidates({
       bounds: u,
-      originX: M,
+      originX: S,
       shouldSnapX: i
-    }), I = $._collectHorizontalSnapCandidates({
+    }), C = $._collectHorizontalSnapCandidates({
       bounds: u,
-      originY: A,
+      originY: M,
       shouldSnapY: a
-    }), S = $._findAxisSnapCandidate({
+    }), A = $._findAxisSnapCandidate({
       anchors: l,
       candidates: w,
       threshold: m
-    }), j = $._findAxisSnapCandidate({
+    }), I = $._findAxisSnapCandidate({
       anchors: d,
-      candidates: I,
+      candidates: C,
       threshold: m
-    }), { guidePosition: O } = S, { guidePosition: k } = j, D = O !== null, W = k !== null;
+    }), { guidePosition: O } = A, { guidePosition: k } = I, D = O !== null, W = k !== null;
     if (!D && !W) {
       this._clearGuides();
       return;
@@ -7412,10 +7435,10 @@ class $ {
     if (r) {
       const P = $._resolveUniformScale({
         bounds: u,
-        originX: M,
-        originY: A,
-        verticalSnap: S,
-        horizontalSnap: j
+        originX: S,
+        originY: M,
+        verticalSnap: A,
+        horizontalSnap: I
       });
       if (P) {
         const { scaleFactor: x, guide: _ } = P;
@@ -7427,8 +7450,8 @@ class $ {
       if (D) {
         const K = $._resolveDesiredWidth({
           bounds: u,
-          originX: M,
-          snap: S
+          originX: S,
+          snap: A
         });
         if (K !== null) {
           const H = $._resolveScaleForWidth({
@@ -7450,8 +7473,8 @@ class $ {
       if (W) {
         const K = $._resolveDesiredHeight({
           bounds: u,
-          originY: A,
-          snap: j
+          originY: M,
+          snap: I
         });
         if (K !== null) {
           const H = $._resolveScaleForHeight({
@@ -7477,8 +7500,8 @@ class $ {
       return;
     }
     if (B) {
-      const P = e.getRelativeCenterPoint(), x = e.translateToOriginPoint(P, M, A), _ = {};
-      L !== null && (_.scaleX = L, s.scaleX = L), z !== null && (_.scaleY = z, s.scaleY = z), Object.keys(_).length && (e.set(_), e.setPositionByOrigin(x, M, A), e.setCoords());
+      const P = e.getRelativeCenterPoint(), x = e.translateToOriginPoint(P, S, M), _ = {};
+      L !== null && (_.scaleX = L, s.scaleX = L), z !== null && (_.scaleY = z, s.scaleY = z), Object.keys(_).length && (e.set(_), e.setPositionByOrigin(x, S, M), e.setCoords());
     }
     this._applyGuides({
       guides: E,
@@ -7520,7 +7543,7 @@ class $ {
     const { canvas: d } = this, u = d.getZoom() || 1, f = Ce / u, { originX: g, originY: m } = e, {
       originX: p = "left",
       originY: y = "top"
-    } = t, v = g != null ? g : p, C = m != null ? m : y, b = $._collectVerticalSnapCandidates({
+    } = t, v = g != null ? g : p, j = m != null ? m : y, b = $._collectVerticalSnapCandidates({
       bounds: l,
       originX: v,
       shouldSnapX: !0
@@ -7528,38 +7551,38 @@ class $ {
       anchors: r,
       candidates: b,
       threshold: f
-    }), { guidePosition: M } = T;
-    if (M === null) {
+    }), { guidePosition: S } = T;
+    if (S === null) {
       this._clearGuides();
       return;
     }
-    const A = $._resolveDesiredWidth({
+    const M = $._resolveDesiredWidth({
       bounds: l,
       originX: v,
       snap: T
     });
-    if (A === null) {
+    if (M === null) {
       this._clearGuides();
       return;
     }
     const w = $._resolveTextWidthForBounds({
       target: t,
-      boundsWidth: A
+      boundsWidth: M
     });
     if (w === null) {
       this._clearGuides();
       return;
     }
-    const { width: I = 0 } = t;
-    if (w !== I) {
-      const S = t.getRelativeCenterPoint(), j = t.translateToOriginPoint(S, v, C);
-      t.set({ width: w }), t.setPositionByOrigin(j, v, C), t.setCoords();
+    const { width: C = 0 } = t;
+    if (w !== C) {
+      const A = t.getRelativeCenterPoint(), I = t.translateToOriginPoint(A, v, j);
+      t.set({ width: w }), t.setPositionByOrigin(I, v, j), t.setCoords();
     }
     this._applyGuides({
       guides: [
         {
           type: "vertical",
-          position: M
+          position: S
         }
       ],
       spacingGuides: []
@@ -7731,31 +7754,31 @@ class $ {
     } = o;
     let p = null, y = null;
     if (u !== null && l > 0) {
-      const C = $._resolveDesiredWidth({
+      const j = $._resolveDesiredWidth({
         bounds: t,
         originX: e,
         snap: s
       });
-      if (C !== null) {
-        const b = C / l;
+      if (j !== null) {
+        const b = j / l;
         Number.isFinite(b) && b > 0 && (p = b);
       }
     }
     if (g !== null && d > 0) {
-      const C = $._resolveDesiredHeight({
+      const j = $._resolveDesiredHeight({
         bounds: t,
         originY: n,
         snap: o
       });
-      if (C !== null) {
-        const b = C / d;
+      if (j !== null) {
+        const b = j / d;
         Number.isFinite(b) && b > 0 && (y = b);
       }
     }
     let v = null;
     if (p !== null && y === null && (v = "x"), y !== null && p === null && (v = "y"), p !== null && y !== null) {
-      const C = Math.abs(f), b = Math.abs(m);
-      C <= b && (v = "x"), C > b && (v = "y");
+      const j = Math.abs(f), b = Math.abs(m);
+      j <= b && (v = "x"), j > b && (v = "y");
     }
     return v === "x" && p !== null && u !== null ? {
       scaleFactor: p,
@@ -8119,42 +8142,42 @@ class Wt {
     } = e, m = Math.max(a, u), p = Math.min(r, f), v = p >= m ? (m + p) / 2 : (c + g) / 2;
     if (l >= i) {
       if (n) return s;
-      const j = l - i;
-      return j > 0 && s.push({
+      const I = l - i;
+      return I > 0 && s.push({
         type: "horizontal",
         axis: v,
         start: i,
         end: l,
-        distance: j
+        distance: I
       }), s;
     }
     if (d <= o) {
       if (n) return s;
-      const j = o - d;
-      return j > 0 && s.push({
+      const I = o - d;
+      return I > 0 && s.push({
         type: "horizontal",
         axis: v,
         start: d,
         end: o,
-        distance: j
+        distance: I
       }), s;
     }
     if (!n) return s;
-    const C = o < l, b = i > d, T = Math.min(o, l), M = Math.max(o, l), A = M - T;
-    A > 0 && !C && s.push({
+    const j = o < l, b = i > d, T = Math.min(o, l), S = Math.max(o, l), M = S - T;
+    M > 0 && !j && s.push({
       type: "horizontal",
       axis: v,
       start: T,
-      end: M,
-      distance: A
+      end: S,
+      distance: M
     });
-    const w = Math.min(i, d), I = Math.max(i, d), S = I - w;
-    return S > 0 && !b && s.push({
+    const w = Math.min(i, d), C = Math.max(i, d), A = C - w;
+    return A > 0 && !b && s.push({
       type: "horizontal",
       axis: v,
       start: w,
-      end: I,
-      distance: S
+      end: C,
+      distance: A
     }), s;
   }
   /**
@@ -8180,42 +8203,42 @@ class Wt {
     } = e, m = Math.max(a, u), p = Math.min(r, f), v = p >= m ? (m + p) / 2 : (c + g) / 2;
     if (l >= i) {
       if (n) return s;
-      const j = l - i;
-      return j > 0 && s.push({
+      const I = l - i;
+      return I > 0 && s.push({
         type: "vertical",
         axis: v,
         start: i,
         end: l,
-        distance: j
+        distance: I
       }), s;
     }
     if (d <= o) {
       if (n) return s;
-      const j = o - d;
-      return j > 0 && s.push({
+      const I = o - d;
+      return I > 0 && s.push({
         type: "vertical",
         axis: v,
         start: d,
         end: o,
-        distance: j
+        distance: I
       }), s;
     }
     if (!n) return s;
-    const C = o < l, b = i > d, T = Math.min(o, l), M = Math.max(o, l), A = M - T;
-    A > 0 && !C && s.push({
+    const j = o < l, b = i > d, T = Math.min(o, l), S = Math.max(o, l), M = S - T;
+    M > 0 && !j && s.push({
       type: "vertical",
       axis: v,
       start: T,
-      end: M,
-      distance: A
+      end: S,
+      distance: M
     });
-    const w = Math.min(i, d), I = Math.max(i, d), S = I - w;
-    return S > 0 && !b && s.push({
+    const w = Math.min(i, d), C = Math.max(i, d), A = C - w;
+    return A > 0 && !b && s.push({
       type: "vertical",
       axis: v,
       start: w,
-      end: I,
-      distance: S
+      end: C,
+      distance: A
     }), s;
   }
   /**