npm - @anu3ev/fabric-image-editor - Versions diffs - 0.5.9 → 0.5.10 - Mend

@anu3ev/fabric-image-editor 0.5.9 → 0.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/main.js CHANGED Viewed

@@ -2,7 +2,7 @@ var ds = Object.defineProperty, ls = Object.defineProperties;
 var hs = Object.getOwnPropertyDescriptors;
 var Gt = Object.getOwnPropertySymbols;
 var _e = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
-var Re = (h, t, e) => t in h ? ds(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, _ = (h, t) => {
+var Re = (h, t, e) => t in h ? ds(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, N = (h, t) => {
   for (var e in t || (t = {}))
     _e.call(t, e) && Re(h, e, t[e]);
   if (Gt)
@@ -19,7 +19,7 @@ var vt = (h, t) => {
       t.indexOf(s) < 0 && Ne.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var N = (h, t, e) => new Promise((s, o) => {
+var x = (h, t, e) => new Promise((s, o) => {
   var n = (r) => {
     try {
       a(e.next(r));
@@ -175,7 +175,7 @@ class Ut {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const { ctrlKey: e, metaKey: s, code: o, repeat: n } = t;
       this._shouldIgnoreKeyboardEvent(t) || !e && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (o === "KeyZ" ? (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : o === "KeyY" && (t.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -694,7 +694,7 @@ const B = class B {
     this.fonts = t;
   }
   loadFonts() {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       var o;
       const t = (o = this.fonts) != null ? o : [];
       if (!t.length) return;
@@ -705,7 +705,7 @@ const B = class B {
     });
   }
   static loadFont(t, e) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       var c, d;
       const s = typeof FontFace != "undefined", o = (c = t.family) == null ? void 0 : c.trim(), n = (d = t.source) == null ? void 0 : d.trim();
       if (!o || !n) return;
@@ -932,7 +932,7 @@ const _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     sendBackwards: ks
   },
   handlers: {
-    copyPaste: (h) => N(null, null, function* () {
+    copyPaste: (h) => x(null, null, function* () {
       h.clipboardManager.copyPaste();
     }),
     delete: (h) => {
@@ -965,11 +965,11 @@ class Ys {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    this.config = yt(_(_({}, Pt), t), {
-      style: _(_({}, Pt.style), t.style || {}),
-      btnStyle: _(_({}, Pt.btnStyle), t.btnStyle || {}),
-      icons: _(_({}, Pt.icons), t.icons || {}),
-      handlers: _(_({}, Pt.handlers), t.handlers || {})
+    this.config = yt(N(N({}, Pt), t), {
+      style: N(N({}, Pt.style), t.style || {}),
+      btnStyle: N(N({}, Pt.btnStyle), t.btnStyle || {}),
+      icons: N(N({}, Pt.icons), t.icons || {}),
+      handlers: N(N({}, Pt.handlers), t.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
       this.el.style.display = "none";
     }, this._createDOM(), this._bindEvents();
@@ -1377,7 +1377,7 @@ class Jt {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: o, backgroundManager: n } = this.editor, { width: i, height: a } = e;
@@ -1404,7 +1404,7 @@ class Jt {
    * @fires editor:undo
    */
   undo() {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1441,7 +1441,7 @@ class Jt {
    * @fires editor:redo
    */
   redo() {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1528,7 +1528,7 @@ class ct {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const {
         source: e,
         scale: s = `image-${this.options.scaleType}`,
@@ -1593,18 +1593,18 @@ class ct {
           const A = b.getElement();
           let j = "";
           if (A instanceof HTMLImageElement ? j = A.src : A instanceof HTMLCanvasElement && (j = A.toDataURL()), y > wt || I > Mt) {
-            const w = yield this.resizeImageToBoundaries(j, "max"), T = URL.createObjectURL(w);
-            this._createdBlobUrls.push(T), b = yield zt.fromURL(T, { crossOrigin: "anonymous" });
+            const S = yield this.resizeImageToBoundaries(j, "max"), C = URL.createObjectURL(S);
+            this._createdBlobUrls.push(C), b = yield zt.fromURL(C, { crossOrigin: "anonymous" });
           } else if (y < _t || I < Rt) {
-            const w = yield this.resizeImageToBoundaries(j, "min"), T = URL.createObjectURL(w);
-            this._createdBlobUrls.push(T), b = yield zt.fromURL(T, { crossOrigin: "anonymous" });
+            const S = yield this.resizeImageToBoundaries(j, "min"), C = URL.createObjectURL(S);
+            this._createdBlobUrls.push(C), b = yield zt.fromURL(C, { crossOrigin: "anonymous" });
           }
         }
         if (b.set("id", `${b.type}-${G()}`), b.set("format", f), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: A, height: j } = c, w = this.calculateScaleFactor({ imageObject: b, scaleType: s });
-          s === "image-contain" && w < 1 ? d.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (I > A || y > j) && d.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: A, height: j } = c, S = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && S < 1 ? d.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (I > A || y > j) && d.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
         r.add(b), r.centerObject(b), a || r.setActiveObject(b), r.renderAll(), l.resumeHistory(), o || l.saveState();
         const M = {
@@ -1648,7 +1648,7 @@ class ct {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(t, e = "max") {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${Mt}x${wt}`;
       e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Rt}x${_t}`);
       const o = {
@@ -1680,7 +1680,7 @@ class ct {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return N(this, arguments, function* (t = {}) {
+    return x(this, arguments, function* (t = {}) {
       const {
         fileName: e = "image.png",
         contentType: s = "image/png",
@@ -1692,18 +1692,18 @@ class ct {
         a.setCoords();
         const { left: g, top: f, width: p, height: m } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
         v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
-        const b = v.getObjects().find((S) => S.id === a.id);
+        const b = v.getObjects().find((w) => w.id === a.id);
         if (b && (b.visible = !1), c != null && c.isBlocked) {
-          const S = v.getObjects().find((C) => C.id === c.overlayMask.id);
-          S && (S.visible = !1);
+          const w = v.getObjects().find((T) => T.id === c.overlayMask.id);
+          w && (w.visible = !1);
         }
         v.viewportTransform = [1, 0, 0, 1, -g, -f], v.setDimensions({ width: p, height: m }, { backstoreOnly: !0 }), v.renderAll();
-        const I = v.getObjects().filter((S) => S.format).every((S) => S.format === "svg");
+        const I = v.getObjects().filter((w) => w.format).every((w) => w.format === "svg");
         if (u === "svg" && I) {
-          const S = v.toSVG();
+          const w = v.toSVG();
           v.dispose();
-          const x = {
-            image: ct._exportSVGStringAsFile(S, {
+          const E = {
+            image: ct._exportSVGStringAsFile(w, {
               exportAsBase64: o,
               exportAsBlob: n,
               fileName: e
@@ -1712,21 +1712,21 @@ class ct {
             contentType: "image/svg+xml",
             fileName: e.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:canvas-exported", x), x;
+          return i.fire("editor:canvas-exported", E), E;
         }
-        const y = yield new Promise((S, C) => {
-          v.getElement().toBlob((x) => {
-            x ? S(x) : C(new Error("Failed to create Blob from canvas"));
+        const y = yield new Promise((w, T) => {
+          v.getElement().toBlob((E) => {
+            E ? w(E) : T(new Error("Failed to create Blob from canvas"));
           });
         });
         if (v.dispose(), n) {
-          const S = {
+          const w = {
             image: y,
             format: u,
             contentType: l,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", S), S;
+          return i.fire("editor:canvas-exported", w), w;
         }
         const M = yield createImageBitmap(y), A = yield r.post(
           "toDataURL",
@@ -1734,44 +1734,44 @@ class ct {
           [M]
         );
         if (d) {
-          const C = p * 0.264583, x = m * 0.264583, W = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new W({
-            orientation: C > x ? "landscape" : "portrait",
+          const T = p * 0.264583, E = m * 0.264583, U = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, z = new U({
+            orientation: T > E ? "landscape" : "portrait",
             unit: "mm",
-            format: [C, x]
+            format: [T, E]
           });
-          if (Y.addImage(String(A), "JPG", 0, 0, C, x), o) {
-            const P = {
-              image: Y.output("datauristring"),
+          if (z.addImage(String(A), "JPG", 0, 0, T, E), o) {
+            const F = {
+              image: z.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", P), P;
+            return i.fire("editor:canvas-exported", F), F;
           }
-          const H = Y.output("blob"), L = {
-            image: new File([H], e, { type: "application/pdf" }),
+          const Y = z.output("blob"), D = {
+            image: new File([Y], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
           };
-          return i.fire("editor:canvas-exported", L), L;
+          return i.fire("editor:canvas-exported", D), D;
         }
         if (o) {
-          const S = {
+          const w = {
             image: A,
             format: u,
             contentType: l,
             fileName: e
           };
-          return i.fire("editor:canvas-exported", S), S;
+          return i.fire("editor:canvas-exported", w), w;
         }
-        const j = u === "svg" && !I ? e.replace(/\.[^/.]+$/, ".png") : e, T = {
+        const j = u === "svg" && !I ? e.replace(/\.[^/.]+$/, ".png") : e, C = {
           image: new File([y], j, { type: l }),
           format: u,
           contentType: l,
           fileName: j
         };
-        return i.fire("editor:canvas-exported", T), T;
+        return i.fire("editor:canvas-exported", C), C;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1795,7 +1795,7 @@ class ct {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return N(this, arguments, function* (t = {}) {
+    return x(this, arguments, function* (t = {}) {
       const {
         object: e,
         fileName: s = "image.png",
@@ -1908,7 +1908,7 @@ class ct {
    * @public
    */
   getContentType(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       return typeof t == "string" ? this.getContentTypeFromUrl(t) : t.type || "application/octet-stream";
     });
   }
@@ -1919,7 +1919,7 @@ class ct {
    * @public
    */
   getContentTypeFromUrl(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       if (t.startsWith("data:")) {
         const e = t.match(/^data:([^;]+)/);
         return e ? e[1] : "application/octet-stream";
@@ -2621,8 +2621,8 @@ class Js {
   _calculateEmptySpaceRatio(t) {
     const { canvas: e, montageArea: s } = this.editor, o = e.viewportTransform, n = 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 = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, p = l < a, m = u > r, v = g < c, b = f > d;
     if (!(p || m || v || b)) return 0;
-    const y = Math.max(0, a - l), M = Math.max(0, u - r), A = Math.max(0, c - g), j = Math.max(0, f - d), w = Math.max(y, M), T = Math.max(A, j), S = w / n, C = T / i;
-    return Math.max(S, C);
+    const y = Math.max(0, a - l), M = Math.max(0, u - r), A = Math.max(0, c - g), j = Math.max(0, f - d), S = Math.max(y, M), C = Math.max(A, j), w = S / n, T = C / i;
+    return Math.max(w, T);
   }
   /**
    * Вычисляет плавный шаг перемещения viewport к центру с ускорением
@@ -2638,8 +2638,8 @@ class Js {
     const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
     if (Math.abs(f) / g <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, M = v - I * s, A = (y - r[4]) / (e - s), j = (M - r[5]) / (e - s), w = A * g, T = j * g, S = w * n, C = T * n, x = Math.abs(S) > Math.abs(l) ? l : S, W = Math.abs(C) > Math.abs(u) ? u : C;
-    return { x, y: W };
+    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, M = v - I * s, A = (y - r[4]) / (e - s), j = (M - r[5]) / (e - s), S = A * g, C = j * g, w = S * n, T = C * n, E = Math.abs(w) > Math.abs(l) ? l : w, U = Math.abs(T) > Math.abs(u) ? u : T;
+    return { x: E, y: U };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2968,7 +2968,7 @@ class Ot {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(o) {
-    return N(this, arguments, function* ({
+    return x(this, arguments, function* ({
       imageSource: t,
       customData: e = {},
       withoutSave: s = !1
@@ -3061,7 +3061,7 @@ class Ot {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(t, e) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       var o;
       const { image: s } = (o = yield this.editor.imageManager.importImage({
         source: t,
@@ -3336,7 +3336,7 @@ class to {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new gs(_({
+    const { canvas: u } = this.editor, g = new gs(N({
       id: t,
       left: e,
       top: s,
@@ -3376,7 +3376,7 @@ class to {
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new fs(_({
+    const { canvas: l } = this.editor, u = new fs(N({
       id: t,
       left: e,
       top: s,
@@ -3418,7 +3418,7 @@ class to {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new ps(_({
+    const { canvas: u } = this.editor, g = new ps(N({
       id: t,
       left: e,
       top: s,
@@ -3457,7 +3457,7 @@ class eo {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
         const o = yield t.clone(Xt);
@@ -3477,7 +3477,7 @@ class eo {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const { errorManager: e } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return e.emitWarning({
@@ -3504,7 +3504,7 @@ class eo {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(t, e) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       try {
         const o = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = o.slice(5).split(";")[0], i = o.split(",")[1], a = atob(i), r = new Uint8Array(a.length);
         for (let l = 0; l < a.length; l += 1)
@@ -3526,7 +3526,7 @@ class eo {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       try {
         const e = `${Ze}${t}`;
         return yield navigator.clipboard.writeText(e), console.info("Text copied to clipboard successfully"), !0;
@@ -3561,7 +3561,7 @@ class eo {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       var s;
       const { image: e } = (s = yield this.editor.imageManager.importImage({
         source: t,
@@ -3577,7 +3577,7 @@ class eo {
    * @fires editor:object-pasted
    */
   copyPaste(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
@@ -3612,7 +3612,7 @@ class eo {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(e) {
-    return N(this, arguments, function* ({ clipboardData: t }) {
+    return x(this, arguments, function* ({ clipboardData: t }) {
       var r;
       if (!((r = t == null ? void 0 : t.items) != null && r.length)) {
         this.paste();
@@ -3663,7 +3663,7 @@ class eo {
    * @fires editor:object-pasted
    */
   paste() {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
@@ -4082,7 +4082,7 @@ class Yt {
       message: i,
       data: o
     };
-    this._buffer.push(_({
+    this._buffer.push(N({
       type: "editor:error"
     }, a)), this.editor.canvas.fire("editor:error", a);
   }
@@ -4110,7 +4110,7 @@ class Yt {
       message: i,
       data: n
     };
-    this._buffer.push(_({
+    this._buffer.push(N({
       type: "editor:warning"
     }, a)), this.editor.canvas.fire("editor:warning", a);
   }
@@ -4237,7 +4237,7 @@ const at = ({
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(yt(_({}, t), {
+    return super._getTransformedDimensions(yt(N({}, t), {
       width: e,
       height: s
     }));
@@ -4247,7 +4247,7 @@ const at = ({
    */
   toObject(t = []) {
     const e = super.toObject(t);
-    return yt(_({}, e), {
+    return yt(N({}, e), {
       backgroundOpacity: this.backgroundOpacity,
       paddingTop: this.paddingTop,
       paddingRight: this.paddingRight,
@@ -4419,7 +4419,7 @@ const io = () => {
   if (!(t <= 0))
     return h != null ? h : "#000000";
 }, Ke = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, ie = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", st = 0.01;
-class z {
+class P {
   constructor({ editor: t }) {
     var e;
     this._handleTextEditingEntered = () => {
@@ -4427,14 +4427,14 @@ class z {
     }, this._handleTextEditingExited = (s) => {
       var r, c;
       const { target: o } = s;
-      if (!z._isTextbox(o)) return;
+      if (!P._isTextbox(o)) return;
       const n = (r = o.text) != null ? r : "";
       if (!!o.uppercase) {
         const d = (c = o.textCaseRaw) != null ? c : n.toLocaleLowerCase();
         o.textCaseRaw = d;
       } else
         o.textCaseRaw = n;
-      z._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
+      P._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
@@ -4443,7 +4443,7 @@ class z {
     }, this._handleObjectScaling = (s) => {
       var X, It, Wt, mt, Ht, Ct, Ae, je, Ie, Ce, Te, Ee, Oe;
       const { target: o, transform: n } = s;
-      if (o instanceof k || !z._isTextbox(o) || !n) return;
+      if (o instanceof k || !P._isTextbox(o) || !n) return;
       o.isScaling = !0;
       const i = this._ensureScalingState(o), {
         baseWidth: a,
@@ -4454,28 +4454,28 @@ class z {
         baseStyles: u
       } = i, g = typeof ((X = n.original) == null ? void 0 : X.width) == "number" ? n.original.width : void 0, f = typeof ((It = n.original) == null ? void 0 : It.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Wt = n.corner) != null ? Wt : "", b = (mt = n.action) != null ? mt : "", I = ["ml", "mr"].includes(v) || b === "scaleX", y = ["mt", "mb"].includes(v) || b === "scaleY", M = ["tl", "tr", "bl", "br"].includes(v) || b === "scale", A = M || y;
       if (!I && !y && !M) return;
-      const j = Math.abs((Ct = (Ht = o.scaleX) != null ? Ht : n.scaleX) != null ? Ct : 1) || 1, w = Math.abs((je = (Ae = o.scaleY) != null ? Ae : n.scaleY) != null ? je : 1) || 1, T = Math.max(1, p * j), S = Math.max(1, Math.round(T)), C = Math.max(1, c * w), {
-        paddingTop: x = 0,
-        paddingRight: W = 0,
-        paddingBottom: Y = 0,
-        paddingLeft: H = 0,
+      const j = Math.abs((Ct = (Ht = o.scaleX) != null ? Ht : n.scaleX) != null ? Ct : 1) || 1, S = Math.abs((je = (Ae = o.scaleY) != null ? Ae : n.scaleY) != null ? je : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * S), {
+        paddingTop: E = 0,
+        paddingRight: U = 0,
+        paddingBottom: z = 0,
+        paddingLeft: Y = 0,
         radiusTopLeft: V = 0,
-        radiusTopRight: L = 0,
-        radiusBottomRight: D = 0,
-        radiusBottomLeft: P = 0,
+        radiusTopRight: D = 0,
+        radiusBottomRight: _ = 0,
+        radiusBottomLeft: F = 0,
         fontSize: Z,
-        width: U,
+        width: W,
         originX: K = "left"
-      } = o, $ = M || y, q = M || y, F = $ ? {
-        top: Math.max(0, d.top * w),
-        right: Math.max(0, d.right * w),
-        bottom: Math.max(0, d.bottom * w),
-        left: Math.max(0, d.left * w)
+      } = o, $ = M || y, q = M || y, H = $ ? {
+        top: Math.max(0, d.top * S),
+        right: Math.max(0, d.right * S),
+        bottom: Math.max(0, d.bottom * S),
+        left: Math.max(0, d.left * S)
       } : d, Q = q ? {
-        topLeft: Math.max(0, l.topLeft * w),
-        topRight: Math.max(0, l.topRight * w),
-        bottomRight: Math.max(0, l.bottomRight * w),
-        bottomLeft: Math.max(0, l.bottomLeft * w)
+        topLeft: Math.max(0, l.topLeft * S),
+        topRight: Math.max(0, l.topRight * S),
+        bottomRight: Math.max(0, l.bottomRight * S),
+        bottomLeft: Math.max(0, l.bottomLeft * S)
       } : l, St = Object.keys(u).length > 0;
       let et;
       if (A && St) {
@@ -4485,23 +4485,23 @@ class z {
           const oe = {};
           Object.entries(Le).forEach(([cs, Zt]) => {
             if (!Zt) return;
-            const De = _({}, Zt);
-            typeof Zt.fontSize == "number" && (De.fontSize = Math.max(1, Zt.fontSize * w)), oe[cs] = De;
+            const De = N({}, Zt);
+            typeof Zt.fontSize == "number" && (De.fontSize = Math.max(1, Zt.fontSize * S)), oe[cs] = De;
           }), Object.keys(oe).length && (se[rs] = oe);
         }), Object.keys(se).length && (et = se);
       }
-      const lt = (Ce = (Ie = n.originX) != null ? Ie : K) != null ? Ce : "left", pt = m + p, At = m + p / 2, ht = U != null ? U : p, jt = S !== ht, Ft = Math.abs(C - (Z != null ? Z : c)) > st, Nt = Math.abs(F.top - x) > st || Math.abs(F.right - W) > st || Math.abs(F.bottom - Y) > st || Math.abs(F.left - H) > st, xt = Math.abs(Q.topLeft - V) > st || Math.abs(Q.topRight - L) > st || Math.abs(Q.bottomRight - D) > st || Math.abs(Q.bottomLeft - P) > st;
+      const lt = (Ce = (Ie = n.originX) != null ? Ie : K) != null ? Ce : "left", pt = m + p, At = m + p / 2, ht = W != null ? W : p, jt = w !== ht, Ft = Math.abs(T - (Z != null ? Z : c)) > st, Nt = Math.abs(H.top - E) > st || Math.abs(H.right - U) > st || Math.abs(H.bottom - z) > st || Math.abs(H.left - Y) > st, xt = Math.abs(Q.topLeft - V) > st || Math.abs(Q.topRight - D) > st || Math.abs(Q.bottomRight - _) > st || Math.abs(Q.bottomLeft - F) > st;
       if (!jt && !Ft && !Nt && !xt) {
         o.set({ scaleX: 1, scaleY: 1 }), n.scaleX = 1, n.scaleY = 1;
         return;
       }
       et && (o.styles = et), o.set({
-        width: S,
-        fontSize: A ? C : c,
-        paddingTop: F.top,
-        paddingRight: F.right,
-        paddingBottom: F.bottom,
-        paddingLeft: F.left,
+        width: w,
+        fontSize: A ? T : c,
+        paddingTop: H.top,
+        paddingRight: H.right,
+        paddingBottom: H.bottom,
+        paddingLeft: H.left,
         radiusTopLeft: Q.topLeft,
         radiusTopRight: Q.topRight,
         radiusBottomRight: Q.bottomRight,
@@ -4509,17 +4509,17 @@ class z {
         scaleX: 1,
         scaleY: 1
       });
-      const Bt = z._roundTextboxDimensions({ textbox: o });
+      const Bt = P._roundTextboxDimensions({ textbox: o });
       Bt && (o.dirty = !0);
-      const ut = (Te = o.width) != null ? Te : S, kt = ut !== ht;
+      const ut = (Te = o.width) != null ? Te : w, kt = ut !== ht;
       let gt = m;
       kt && (I || M) && (lt === "right" ? gt = pt - ut : lt === "center" && (gt = At - ut / 2)), o.set({ left: gt }), i.baseLeft = gt, n.scaleX = 1, n.scaleY = 1;
       const { original: it } = n;
-      it && (it.scaleX = 1, it.scaleY = 1, it.width = ut, it.height = o.height, it.left = gt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Ee = o.fontSize) != null ? Ee : C, i.baseStyles = JSON.parse(JSON.stringify((Oe = o.styles) != null ? Oe : {})), i.basePadding = {
-        top: F.top,
-        right: F.right,
-        bottom: F.bottom,
-        left: F.left
+      it && (it.scaleX = 1, it.scaleY = 1, it.width = ut, it.height = o.height, it.left = gt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Ee = o.fontSize) != null ? Ee : T, i.baseStyles = JSON.parse(JSON.stringify((Oe = o.styles) != null ? Oe : {})), i.basePadding = {
+        top: H.top,
+        right: H.right,
+        bottom: H.bottom,
+        left: H.left
       }, i.baseRadii = {
         topLeft: Q.topLeft,
         topRight: Q.topRight,
@@ -4531,56 +4531,56 @@ class z {
       const { target: o } = s;
       if (o instanceof k) {
         const M = o.getObjects();
-        if (!M.some((S) => z._isTextbox(S))) return;
-        const { scaleX: j = 1, scaleY: w = 1 } = o;
-        if (Math.abs(j - 1) < st && Math.abs(w - 1) < st) return;
-        this.canvas.discardActiveObject(), M.forEach((S) => {
-          var C, x, W, Y;
-          if (z._isTextbox(S)) {
-            const H = (C = S.scaleX) != null ? C : 1, V = (x = S.scaleY) != null ? x : 1, L = ((W = S.fontSize) != null ? W : 16) * V, D = ((Y = S.width) != null ? Y : 0) * H, P = V, {
+        if (!M.some((w) => P._isTextbox(w))) return;
+        const { scaleX: j = 1, scaleY: S = 1 } = o;
+        if (Math.abs(j - 1) < st && Math.abs(S - 1) < st) return;
+        this.canvas.discardActiveObject(), M.forEach((w) => {
+          var T, E, U, z;
+          if (P._isTextbox(w)) {
+            const Y = (T = w.scaleX) != null ? T : 1, V = (E = w.scaleY) != null ? E : 1, D = ((U = w.fontSize) != null ? U : 16) * V, _ = ((z = w.width) != null ? z : 0) * Y, F = V, {
               paddingTop: Z = 0,
-              paddingRight: U = 0,
+              paddingRight: W = 0,
               paddingBottom: K = 0,
               paddingLeft: $ = 0,
               radiusTopLeft: q = 0,
-              radiusTopRight: F = 0,
+              radiusTopRight: H = 0,
               radiusBottomRight: Q = 0,
               radiusBottomLeft: St = 0,
               styles: et
-            } = S, lt = {
-              paddingTop: Math.max(0, Z * P),
-              paddingRight: Math.max(0, U * P),
-              paddingBottom: Math.max(0, K * P),
-              paddingLeft: Math.max(0, $ * P)
+            } = w, lt = {
+              paddingTop: Math.max(0, Z * F),
+              paddingRight: Math.max(0, W * F),
+              paddingBottom: Math.max(0, K * F),
+              paddingLeft: Math.max(0, $ * F)
             }, pt = {
-              radiusTopLeft: Math.max(0, q * P),
-              radiusTopRight: Math.max(0, F * P),
-              radiusBottomRight: Math.max(0, Q * P),
-              radiusBottomLeft: Math.max(0, St * P)
+              radiusTopLeft: Math.max(0, q * F),
+              radiusTopRight: Math.max(0, H * F),
+              radiusBottomRight: Math.max(0, Q * F),
+              radiusBottomLeft: Math.max(0, St * F)
             };
             let At = et;
             et && Object.keys(et).length > 0 && (At = JSON.parse(JSON.stringify(et)), Object.values(At).forEach((ht) => {
               Object.values(ht).forEach((jt) => {
-                typeof jt.fontSize == "number" && (jt.fontSize = Math.max(1, jt.fontSize * P));
+                typeof jt.fontSize == "number" && (jt.fontSize = Math.max(1, jt.fontSize * F));
               });
-            })), S.set(yt(_(_({
-              fontSize: L,
-              width: D,
+            })), w.set(yt(N(N({
+              fontSize: D,
+              width: _,
               scaleX: 1,
               scaleY: 1
             }, lt), pt), {
               styles: At
-            })), z._roundTextboxDimensions({ textbox: S });
+            })), P._roundTextboxDimensions({ textbox: w });
           }
-          S.setCoords();
+          w.setCoords();
         });
-        const T = new k(M, {
+        const C = new k(M, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(T), this.canvas.requestRenderAll();
+        this.canvas.setActiveObject(C), this.canvas.requestRenderAll();
         return;
       }
-      if (!z._isTextbox(o)) return;
+      if (!P._isTextbox(o)) return;
       o.isScaling = !1;
       const n = this.scalingState.get(o);
       if (this.scalingState.delete(o), !(n != null && n.hasWidthChange)) return;
@@ -4615,8 +4615,8 @@ class z {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(W = {}, { withoutSelection: S = !1, withoutSave: C = !1, withoutAdding: x = !1 } = {}) {
-    var Y = W, {
+  addText(U = {}, { withoutSelection: w = !1, withoutSave: T = !1, withoutAdding: E = !1 } = {}) {
+    var z = U, {
       id: t = `text-${G()}`,
       text: e = "Новый текст",
       fontFamily: s,
@@ -4640,8 +4640,8 @@ class z {
       radiusTopLeft: M = 0,
       radiusTopRight: A = 0,
       radiusBottomRight: j = 0,
-      radiusBottomLeft: w = 0
-    } = Y, T = vt(Y, [
+      radiusBottomLeft: S = 0
+    } = z, C = vt(z, [
       "id",
       "text",
       "fontFamily",
@@ -4668,14 +4668,14 @@ class z {
       "radiusBottomLeft"
     ]);
     var $;
-    const { historyManager: H } = this.editor, { canvas: V } = this;
-    H.suspendHistory();
-    const L = s != null ? s : this._getDefaultFontFamily(), D = Ke({ width: g }), P = Xe({
+    const { historyManager: Y } = this.editor, { canvas: V } = this;
+    Y.suspendHistory();
+    const D = s != null ? s : this._getDefaultFontFamily(), _ = Ke({ width: g }), F = Xe({
       strokeColor: u,
-      width: D
-    }), Z = _({
+      width: _
+    }), Z = N({
       id: t,
-      fontFamily: L,
+      fontFamily: D,
       fontSize: o,
       fontWeight: n ? "bold" : "normal",
       fontStyle: i ? "italic" : "normal",
@@ -4684,8 +4684,8 @@ class z {
       linethrough: c,
       textAlign: d,
       fill: l,
-      stroke: P,
-      strokeWidth: D,
+      stroke: F,
+      strokeWidth: _,
       strokeUniform: !0,
       opacity: f,
       backgroundColor: p,
@@ -4697,30 +4697,30 @@ class z {
       radiusTopLeft: M,
       radiusTopRight: A,
       radiusBottomRight: j,
-      radiusBottomLeft: w
-    }, T), U = new ee(e, Z);
-    if (U.textCaseRaw = ($ = U.text) != null ? $ : "", r) {
-      const q = ie({ value: U.textCaseRaw });
-      q !== U.text && U.set({ text: q });
-    }
-    return z._roundTextboxDimensions({ textbox: U }) && (U.dirty = !0), T.left === void 0 && T.top === void 0 && V.centerObject(U), x || V.add(U), S || V.setActiveObject(U), V.requestRenderAll(), H.resumeHistory(), C || H.saveState(), V.fire("editor:text-added", {
-      textbox: U,
-      options: yt(_({}, Z), {
+      radiusBottomLeft: S
+    }, C), W = new ee(e, Z);
+    if (W.textCaseRaw = ($ = W.text) != null ? $ : "", r) {
+      const q = ie({ value: W.textCaseRaw });
+      q !== W.text && W.set({ text: q });
+    }
+    return P._roundTextboxDimensions({ textbox: W }) && (W.dirty = !0), C.left === void 0 && C.top === void 0 && V.centerObject(W), E || V.add(W), w || V.setActiveObject(W), V.requestRenderAll(), Y.resumeHistory(), T || Y.saveState(), V.fire("editor:text-added", {
+      textbox: W,
+      options: yt(N({}, Z), {
         text: e,
         bold: n,
         italic: i,
         strikethrough: c,
         align: d,
         color: l,
-        strokeColor: P,
-        strokeWidth: D
+        strokeColor: F,
+        strokeWidth: _
       }),
       flags: {
-        withoutSelection: !!S,
-        withoutSave: !!C,
-        withoutAdding: !!x
+        withoutSelection: !!w,
+        withoutSave: !!T,
+        withoutAdding: !!E
       }
-    }), U;
+    }), W;
   }
   /**
    * Обновляет текстовый объект.
@@ -4736,7 +4736,7 @@ class z {
     if (!n) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = z._getSnapshot(n), Nt = e, {
+    const r = P._getSnapshot(n), Nt = e, {
       text: c,
       fontFamily: d,
       fontSize: l,
@@ -4752,14 +4752,14 @@ class z {
       opacity: M,
       backgroundColor: A,
       backgroundOpacity: j,
-      paddingTop: w,
-      paddingRight: T,
-      paddingBottom: S,
-      paddingLeft: C,
-      radiusTopLeft: x,
-      radiusTopRight: W,
-      radiusBottomRight: Y,
-      radiusBottomLeft: H
+      paddingTop: S,
+      paddingRight: C,
+      paddingBottom: w,
+      paddingLeft: T,
+      radiusTopLeft: E,
+      radiusTopRight: U,
+      radiusBottomRight: z,
+      radiusBottomLeft: Y
     } = Nt, V = vt(Nt, [
       "text",
       "fontFamily",
@@ -4784,39 +4784,39 @@ class z {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), L = _({}, V), D = ao({ textbox: n }), P = D ? z._expandRangeToFullLines({ textbox: n, range: D }) : null, Z = {}, U = {}, K = {}, $ = co({ textbox: n, range: D }), q = !D || $, F = !D;
-    if (d !== void 0 && (P && (U.fontFamily = d), q && (L.fontFamily = d, F && (K.fontFamily = d))), l !== void 0 && (P && (U.fontSize = l), q && (L.fontSize = l, F && (K.fontSize = l))), u !== void 0) {
+    ]), D = N({}, V), _ = ao({ textbox: n }), F = _ ? P._expandRangeToFullLines({ textbox: n, range: _ }) : null, Z = {}, W = {}, K = {}, $ = co({ textbox: n, range: _ }), q = !_ || $, H = !_;
+    if (d !== void 0 && (F && (W.fontFamily = d), q && (D.fontFamily = d, H && (K.fontFamily = d))), l !== void 0 && (F && (W.fontSize = l), q && (D.fontSize = l, H && (K.fontSize = l))), u !== void 0) {
       const X = u ? "bold" : "normal";
-      D && (Z.fontWeight = X), q && (L.fontWeight = X, F && (K.fontWeight = X));
+      _ && (Z.fontWeight = X), q && (D.fontWeight = X, H && (K.fontWeight = X));
     }
     if (g !== void 0) {
       const X = g ? "italic" : "normal";
-      D && (Z.fontStyle = X), q && (L.fontStyle = X, F && (K.fontStyle = X));
+      _ && (Z.fontStyle = X), q && (D.fontStyle = X, H && (K.fontStyle = X));
     }
-    if (f !== void 0 && (D && (Z.underline = f), q && (L.underline = f, F && (K.underline = f))), m !== void 0 && (D && (Z.linethrough = m), q && (L.linethrough = m, F && (K.linethrough = m))), v !== void 0 && (L.textAlign = v), b !== void 0 && (D && (Z.fill = b), q && (L.fill = b, F && (K.fill = b))), I !== void 0 || y !== void 0) {
-      const X = D ? Ve({ textbox: n, range: D, property: "strokeWidth" }) : void 0, It = D ? Ve({ textbox: n, range: D, property: "stroke" }) : void 0, Wt = (Bt = (xt = y != null ? y : X) != null ? xt : n.strokeWidth) != null ? Bt : 0, mt = Ke({ width: Wt }), Ht = (kt = (ut = I != null ? I : It) != null ? ut : n.stroke) != null ? kt : void 0, Ct = Xe({
+    if (f !== void 0 && (_ && (Z.underline = f), q && (D.underline = f, H && (K.underline = f))), m !== void 0 && (_ && (Z.linethrough = m), q && (D.linethrough = m, H && (K.linethrough = m))), v !== void 0 && (D.textAlign = v), b !== void 0 && (_ && (Z.fill = b), q && (D.fill = b, H && (K.fill = b))), I !== void 0 || y !== void 0) {
+      const X = _ ? Ve({ textbox: n, range: _, property: "strokeWidth" }) : void 0, It = _ ? Ve({ textbox: n, range: _, property: "stroke" }) : void 0, Wt = (Bt = (xt = y != null ? y : X) != null ? xt : n.strokeWidth) != null ? Bt : 0, mt = Ke({ width: Wt }), Ht = (kt = (ut = I != null ? I : It) != null ? ut : n.stroke) != null ? kt : void 0, Ct = Xe({
         strokeColor: Ht,
         width: mt
       });
-      D && (Z.stroke = Ct, Z.strokeWidth = mt), q && (L.stroke = Ct, L.strokeWidth = mt, F && (K.stroke = Ct, K.strokeWidth = mt));
+      _ && (Z.stroke = Ct, Z.strokeWidth = mt), q && (D.stroke = Ct, D.strokeWidth = mt, H && (K.stroke = Ct, K.strokeWidth = mt));
     }
-    M !== void 0 && (L.opacity = M), A !== void 0 && (L.backgroundColor = A), j !== void 0 && (L.backgroundOpacity = j), w !== void 0 && (L.paddingTop = w), T !== void 0 && (L.paddingRight = T), S !== void 0 && (L.paddingBottom = S), C !== void 0 && (L.paddingLeft = C), x !== void 0 && (L.radiusTopLeft = x), W !== void 0 && (L.radiusTopRight = W), Y !== void 0 && (L.radiusBottomRight = Y), H !== void 0 && (L.radiusBottomLeft = H);
+    M !== void 0 && (D.opacity = M), A !== void 0 && (D.backgroundColor = A), j !== void 0 && (D.backgroundOpacity = j), S !== void 0 && (D.paddingTop = S), C !== void 0 && (D.paddingRight = C), w !== void 0 && (D.paddingBottom = w), T !== void 0 && (D.paddingLeft = T), E !== void 0 && (D.radiusTopLeft = E), U !== void 0 && (D.radiusTopRight = U), z !== void 0 && (D.radiusBottomRight = z), Y !== void 0 && (D.radiusBottomLeft = Y);
     const Q = (it = n.textCaseRaw) != null ? it : (gt = n.text) != null ? gt : "", St = !!n.uppercase, et = c !== void 0, lt = et ? c != null ? c : "" : Q, pt = p != null ? p : St;
     if (et || pt !== St) {
       const X = pt ? ie({ value: lt }) : lt;
-      L.text = X, n.textCaseRaw = lt;
+      D.text = X, n.textCaseRaw = lt;
     } else n.textCaseRaw === void 0 && (n.textCaseRaw = Q);
-    n.uppercase = pt, n.set(L);
+    n.uppercase = pt, n.set(D);
     let ht = !1;
-    if (D) {
-      const X = ne({ textbox: n, styles: Z, range: D }), It = P ? ne({ textbox: n, styles: U, range: P }) : !1;
+    if (_) {
+      const X = ne({ textbox: n, styles: Z, range: _ }), It = F ? ne({ textbox: n, styles: W, range: F }) : !1;
       ht = X || It;
     } else if (Object.keys(K).length) {
       const X = ro({ textbox: n });
       X && (ht = ne({ textbox: n, styles: K, range: X }));
     }
-    ht && (n.dirty = !0), (A !== void 0 || j !== void 0 || w !== void 0 || T !== void 0 || S !== void 0 || C !== void 0 || x !== void 0 || W !== void 0 || Y !== void 0 || H !== void 0) && (n.dirty = !0), z._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Ft = z._getSnapshot(n);
+    ht && (n.dirty = !0), (A !== void 0 || j !== void 0 || S !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || U !== void 0 || z !== void 0 || Y !== void 0) && (n.dirty = !0), P._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const Ft = P._getSnapshot(n);
     return a.fire("editor:text-updated", {
       textbox: n,
       target: t,
@@ -4825,11 +4825,11 @@ class z {
         withoutSave: !!s,
         skipRender: !!o
       },
-      updates: L,
+      updates: D,
       before: r,
       after: Ft,
-      selectionRange: D != null ? D : void 0,
-      selectionStyles: D && Object.keys(Z).length ? Z : void 0
+      selectionRange: _ != null ? _ : void 0,
+      selectionStyles: _ && Object.keys(Z).length ? Z : void 0
     }), n;
   }
   /**
@@ -4837,7 +4837,7 @@ class z {
    */
   destroy() {
     const { canvas: t } = this;
-    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", z._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", z._handleTextChanged);
+    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", P._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", P._handleTextChanged);
   }
   /**
    * Возвращает активный текст или ищет по id.
@@ -4847,10 +4847,10 @@ class z {
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
-      return z._isTextbox(s) ? s : null;
+      return P._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((o) => z._isTextbox(o) && o.id === t);
+      const s = e.getObjects().find((o) => P._isTextbox(o) && o.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4866,21 +4866,21 @@ class z {
    */
   _bindEvents() {
     const { canvas: t } = this;
-    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", z._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", z._handleTextChanged);
+    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", P._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", P._handleTextChanged);
   }
   /**
    * Реагирует на изменение текста в режиме редактирования: синхронизирует textCaseRaw и uppercase.
    */
   static _handleTextChanged(t) {
     const { target: e } = t;
-    if (!z._isTextbox(e)) return;
+    if (!P._isTextbox(e)) return;
     const { text: s = "", uppercase: o } = e, n = !!o, i = s.toLocaleLowerCase();
     if (n) {
       const r = ie({ value: i });
       r !== s && e.set({ text: r }), e.textCaseRaw = i;
     } else
       e.textCaseRaw = s;
-    z._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
+    P._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
   }
   /**
    * Обрабатывает изменение ширины текстового объекта (resizing).
@@ -4891,7 +4891,7 @@ class z {
   static _handleObjectResizing(t) {
     var l, u, g, f, p, m;
     const { target: e, transform: s } = t;
-    if (!z._isTextbox(e)) return;
+    if (!P._isTextbox(e)) return;
     const {
       paddingLeft: o = 0,
       paddingRight: n = 0
@@ -4931,7 +4931,7 @@ class z {
     textbox: t,
     range: e
   }) {
-    const s = z._getLineRanges({ textbox: t });
+    const s = P._getLineRanges({ textbox: t });
     if (!s.length) return e;
     let { start: o } = e, { end: n } = e;
     return s.forEach(({ start: i, end: a }) => {
@@ -4993,10 +4993,10 @@ class z {
   static _roundTextboxDimensions({
     textbox: t
   }) {
-    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = z._resolveDimension({
+    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = P._resolveDimension({
       rawValue: e,
       calculatedValue: i
-    }), c = z._resolveDimension({
+    }), c = P._resolveDimension({
       rawValue: s,
       calculatedValue: a
     }), d = Number.isFinite(r) ? Math.round(r) : null, l = Number.isFinite(c) ? Math.round(c) : null, u = {};
@@ -5008,9 +5008,9 @@ class z {
   static _getSnapshot(t) {
     const e = ({
       snapshot: Z,
-      entries: U
+      entries: W
     }) => {
-      Object.entries(U).forEach(([K, $]) => {
+      Object.entries(W).forEach(([K, $]) => {
         $ != null && (Z[K] = $);
       });
     }, {
@@ -5035,24 +5035,24 @@ class z {
       paddingRight: M,
       paddingBottom: A,
       paddingLeft: j,
-      radiusTopLeft: w,
-      radiusTopRight: T,
-      radiusBottomRight: S,
-      radiusBottomLeft: C,
-      left: x,
-      top: W,
-      width: Y,
-      height: H,
+      radiusTopLeft: S,
+      radiusTopRight: C,
+      radiusBottomRight: w,
+      radiusBottomLeft: T,
+      left: E,
+      top: U,
+      width: z,
+      height: Y,
       angle: V,
-      scaleX: L,
-      scaleY: D
-    } = t, P = {
+      scaleX: D,
+      scaleY: _
+    } = t, F = {
       id: s,
       uppercase: !!i,
       textAlign: g
     };
     return e({
-      snapshot: P,
+      snapshot: F,
       entries: {
         text: o,
         textCaseRaw: n,
@@ -5072,19 +5072,19 @@ class z {
         paddingRight: M,
         paddingBottom: A,
         paddingLeft: j,
-        radiusTopLeft: w,
-        radiusTopRight: T,
-        radiusBottomRight: S,
-        radiusBottomLeft: C,
-        left: x,
-        top: W,
-        width: Y,
-        height: H,
+        radiusTopLeft: S,
+        radiusTopRight: C,
+        radiusBottomRight: w,
+        radiusBottomLeft: T,
+        left: E,
+        top: U,
+        width: z,
+        height: Y,
         angle: V,
-        scaleX: L,
-        scaleY: D
+        scaleX: D,
+        scaleY: _
       }
-    }), P;
+    }), F;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -5265,7 +5265,7 @@ class R {
       baseWidth: m,
       baseHeight: v,
       montageArea: i != null ? i : null
-    })), I = yt(_({}, s), {
+    })), I = yt(N({}, s), {
       baseWidth: m,
       baseHeight: v,
       positionsNormalized: !0,
@@ -5284,7 +5284,7 @@ class R {
    * @param options.data - данные для заполнения текстов по customData.templateField
    */
   applyTemplate(s) {
-    return N(this, arguments, function* ({
+    return x(this, arguments, function* ({
       template: t,
       data: e
     }) {
@@ -5390,8 +5390,8 @@ class R {
     * Превращает plain-описание объектов в Fabric объекты.
     */
   static _enlivenObjects(t) {
-    return N(this, null, function* () {
-      return (yield Promise.all(t.map((s) => N(null, null, function* () {
+    return x(this, null, function* () {
+      return (yield Promise.all(t.map((s) => x(null, null, function* () {
         if (R._hasSerializedSvgMarkup(s)) {
           const i = yield R._reviveSvgObject(s);
           if (i)
@@ -5414,19 +5414,44 @@ class R {
       width: o,
       height: n,
       scaleX: i,
-      scaleY: a
-    } = e, r = t, c = "getElement" in r && typeof r.getElement == "function" ? r.getElement() : null, {
-      naturalWidth: d = 0,
-      naturalHeight: l = 0,
-      width: u = 0,
-      height: g = 0
-    } = c instanceof HTMLImageElement ? c : {
+      scaleY: a,
+      customData: r
+    } = e, c = t, d = "getElement" in c && typeof c.getElement == "function" ? c.getElement() : null, {
+      naturalWidth: l = 0,
+      naturalHeight: u = 0,
+      width: g = 0,
+      height: f = 0
+    } = d instanceof HTMLImageElement ? d : {
       naturalWidth: 0,
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, f = ot({ value: d || u || r.width, fallback: 0 }), p = ot({ value: l || g || r.height, fallback: 0 }), m = ot({ value: o, fallback: f }), v = ot({ value: n, fallback: p }), b = ot({ value: i, fallback: r.scaleX || 1 }), I = ot({ value: a, fallback: r.scaleY || 1 }), y = m * b, M = v * I, A = f ? y / f : null, j = p ? M / p : null, w = {};
-    f > 0 && (w.width = f), p > 0 && (w.height = p), A && A > 0 && (w.scaleX = A), j && j > 0 && (w.scaleY = j), r.set(w);
+    }, p = ot({ value: l || g || c.width, fallback: 0 }), m = ot({ value: u || f || c.height, fallback: 0 }), v = ot({ value: o, fallback: p }), b = ot({ value: n, fallback: m }), I = ot({ value: i, fallback: c.scaleX || 1 }), y = ot({ value: a, fallback: c.scaleY || 1 }), M = v * I, A = b * y, j = p > 0, S = m > 0, C = M > 0, w = A > 0, T = R._resolveImageFit({ customData: r }), E = {};
+    if (j && (E.width = p), S && (E.height = m), !j || !S) {
+      c.set(E);
+      return;
+    }
+    if (T === "stretch") {
+      const z = C ? M / p : null, Y = w ? A / m : null;
+      z && z > 0 && (E.scaleX = z), Y && Y > 0 && (E.scaleY = Y), c.set(E);
+      return;
+    }
+    if (!C || !w) {
+      c.set(E);
+      return;
+    }
+    const U = Math.min(M / p, A / m);
+    Number.isFinite(U) && U > 0 && (E.scaleX = U, E.scaleY = U), c.set(E);
+  }
+  /**
+   * Определяет режим вписывания изображения при восстановлении.
+   */
+  static _resolveImageFit({
+    customData: t
+  }) {
+    if (!t || typeof t != "object") return "contain";
+    const { imageFit: e } = t;
+    return e === "stretch" ? "stretch" : "contain";
   }
   /**
    * Проверяет, содержит ли сериализованный объект инлайн SVG.
@@ -5438,7 +5463,7 @@ class R {
    * Восстанавливает SVG-объект из компактного описания.
    */
   static _reviveSvgObject(t) {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
@@ -5455,7 +5480,7 @@ class R {
    * Убирает технические поля сериализации, оставляя только применимые свойства.
    */
   static _prepareSerializableProps(t) {
-    const e = _({}, t);
+    const e = N({}, t);
     return delete e.svgMarkup, delete e.objects, delete e.path, delete e.paths, delete e.type, delete e.version, e;
   }
   /**
@@ -5559,17 +5584,14 @@ class R {
     const s = t[e];
     return s === "center" || s === "end" || s === "start" ? s : "start";
   }
-  static _detectAnchor({
-    start: t,
-    end: e
-  }) {
-    const s = t <= 0.05, o = e >= 0.95, n = t < 0, i = e > 1, a = e - t, r = Math.max(0, t), c = Math.max(0, 1 - e);
+  static _detectAnchor({ start: t, end: e }) {
+    const s = t <= 0.05, o = e >= 0.95, n = t < 0, i = e > 1, a = e - t, r = Math.max(0, t), c = Math.max(0, 1 - e), d = Math.abs(r - c) <= 0.02;
     if (s && o || n && i)
-      return a >= 0.98 ? "center" : r <= c ? "start" : "end";
+      return d || a >= 0.9 ? "center" : r <= c ? "start" : "end";
     if (s || n) return "start";
     if (o || i) return "end";
-    const d = r - c;
-    return Math.abs(d) <= 0.1 ? "center" : d < 0 ? "start" : "end";
+    const l = r - c;
+    return Math.abs(l) <= 0.1 ? "center" : l < 0 ? "start" : "end";
   }
   /**
    * Нормализует мета-данные шаблона.
@@ -5579,7 +5601,7 @@ class R {
     fallback: e
   }) {
     const { width: s, height: o } = e, r = t || {}, { baseWidth: n = s, baseHeight: i = o } = r, a = vt(r, ["baseWidth", "baseHeight"]);
-    return _({
+    return N({
       baseWidth: n,
       baseHeight: i
     }, a);
@@ -5676,7 +5698,7 @@ class R {
    * Применяет фоновый объект шаблона к текущему холсту через BackgroundManager.
    */
   static _applyBackgroundFromObject(o) {
-    return N(this, arguments, function* ({
+    return x(this, arguments, function* ({
       backgroundObject: t,
       backgroundManager: e,
       errorManager: s
@@ -5741,7 +5763,7 @@ class R {
    */
   static _cloneCustomData(t) {
     if (!(!t || typeof t != "object"))
-      return _({}, t);
+      return N({}, t);
   }
   /**
    * Извлекает src изображения из FabricImage или его исходного элемента.
@@ -5907,50 +5929,50 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
   if (u && g) {
-    const { bounds: y } = u, { bounds: M } = g, A = y.top - M.bottom, j = n - y.bottom, w = Math.abs(j - A);
-    if (w <= e) {
-      const T = A - j, S = n + T, C = {
+    const { bounds: y } = u, { bounds: M } = g, A = y.top - M.bottom, j = n - y.bottom, S = Math.abs(j - A);
+    if (S <= e) {
+      const C = A - j, w = n + C, T = {
         type: "vertical",
         axis: o,
         refStart: M.bottom,
         refEnd: y.top,
         activeStart: y.bottom,
-        activeEnd: S,
+        activeEnd: w,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: C, guide: T, diff: S });
     }
   }
   if (f && p) {
-    const { bounds: y } = f, { bounds: M } = p, A = M.top - y.bottom, j = y.top - i, w = Math.abs(j - A);
-    if (w <= e) {
-      const T = j - A, S = i + T, C = {
+    const { bounds: y } = f, { bounds: M } = p, A = M.top - y.bottom, j = y.top - i, S = Math.abs(j - A);
+    if (S <= e) {
+      const C = j - A, w = i + C, T = {
         type: "vertical",
         axis: o,
         refStart: y.bottom,
         refEnd: M.top,
-        activeStart: S,
+        activeStart: w,
         activeEnd: y.top,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: C, guide: T, diff: S });
     }
   }
   if (u && f) {
     const { bounds: y } = u, { bounds: M } = f, j = M.top - y.bottom - v;
     if (j >= 0) {
-      const w = j / 2, T = n - y.bottom, S = M.top - i, C = Math.abs(T - w), x = Math.abs(S - w), W = Math.max(C, x);
-      if (W <= e) {
-        const Y = w - T, H = i + Y, V = {
+      const S = j / 2, C = n - y.bottom, w = M.top - i, T = Math.abs(C - S), E = Math.abs(w - S), U = Math.max(T, E);
+      if (U <= e) {
+        const z = S - C, Y = i + z, V = {
           type: "vertical",
           axis: o,
           refStart: y.bottom,
-          refEnd: y.bottom + w,
-          activeStart: H,
-          activeEnd: H + w,
-          distance: w
+          refEnd: y.bottom + S,
+          activeStart: Y,
+          activeEnd: Y + S,
+          distance: S
         };
-        m.push({ delta: Y, guide: V, diff: W });
+        m.push({ delta: z, guide: V, diff: U });
       }
     }
   }
@@ -5993,50 +6015,50 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     return { delta: 0, guide: null };
   const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
   if (u && g) {
-    const { bounds: y } = u, { bounds: M } = g, A = y.left - M.right, j = n - y.right, w = Math.abs(j - A);
-    if (w <= e) {
-      const T = A - j, S = n + T, C = {
+    const { bounds: y } = u, { bounds: M } = g, A = y.left - M.right, j = n - y.right, S = Math.abs(j - A);
+    if (S <= e) {
+      const C = A - j, w = n + C, T = {
         type: "horizontal",
         axis: o,
         refStart: M.right,
         refEnd: y.left,
         activeStart: y.right,
-        activeEnd: S,
+        activeEnd: w,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: C, guide: T, diff: S });
     }
   }
   if (f && p) {
-    const { bounds: y } = f, { bounds: M } = p, A = M.left - y.right, j = y.left - i, w = Math.abs(j - A);
-    if (w <= e) {
-      const T = j - A, S = i + T, C = {
+    const { bounds: y } = f, { bounds: M } = p, A = M.left - y.right, j = y.left - i, S = Math.abs(j - A);
+    if (S <= e) {
+      const C = j - A, w = i + C, T = {
         type: "horizontal",
         axis: o,
         refStart: y.right,
         refEnd: M.left,
-        activeStart: S,
+        activeStart: w,
         activeEnd: y.left,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: w });
+      m.push({ delta: C, guide: T, diff: S });
     }
   }
   if (u && f) {
     const { bounds: y } = u, { bounds: M } = f, j = M.left - y.right - v;
     if (j >= 0) {
-      const w = j / 2, T = n - y.right, S = M.left - i, C = Math.abs(T - w), x = Math.abs(S - w), W = Math.max(C, x);
-      if (W <= e) {
-        const Y = w - T, H = i + Y, V = {
+      const S = j / 2, C = n - y.right, w = M.left - i, T = Math.abs(C - S), E = Math.abs(w - S), U = Math.max(T, E);
+      if (U <= e) {
+        const z = S - C, Y = i + z, V = {
           type: "horizontal",
           axis: o,
           refStart: y.right,
-          refEnd: y.right + w,
-          activeStart: H,
-          activeEnd: H + w,
-          distance: w
+          refEnd: y.right + S,
+          activeStart: Y,
+          activeEnd: Y + S,
+          distance: S
         };
-        m.push({ delta: Y, guide: V, diff: W });
+        m.push({ delta: z, guide: V, diff: U });
       }
     }
   }
@@ -6105,13 +6127,13 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
 }) => {
   const p = i || 1, m = 12 / p, v = l / p, b = u / p, I = (s + o) / 2 + g, y = t === "vertical" ? e + f : I, M = t === "vertical" ? I : e + f;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
-  const j = h.measureText(n).width + v * 2, w = m + v * 2, T = y - j / 2, S = M - w / 2;
+  const j = h.measureText(n).width + v * 2, S = m + v * 2, C = y - j / 2, w = M - S / 2;
   h.beginPath(), Mo({
     context: h,
-    x: T,
-    y: S,
+    x: C,
+    y: w,
     width: j,
-    height: w,
+    height: S,
     radius: b
   }), h.fill(), h.fillStyle = r, h.fillText(n, y, M), h.restore();
 }, wo = ({
@@ -6620,24 +6642,24 @@ class Lt {
     } = e, p = Math.max(a, u), m = Math.min(r, g), b = m >= p ? (p + m) / 2 : (c + f) / 2;
     if (d >= i) {
       if (s) return o;
-      const C = d - i;
-      return C > 0 && o.push({
+      const T = d - i;
+      return T > 0 && o.push({
         type: "horizontal",
         axis: b,
         start: i,
         end: d,
-        distance: C
+        distance: T
       }), o;
     }
     if (l <= n) {
       if (s) return o;
-      const C = n - l;
-      return C > 0 && o.push({
+      const T = n - l;
+      return T > 0 && o.push({
         type: "horizontal",
         axis: b,
         start: l,
         end: n,
-        distance: C
+        distance: T
       }), o;
     }
     if (!s) return o;
@@ -6649,13 +6671,13 @@ class Lt {
       end: A,
       distance: j
     });
-    const w = Math.min(i, l), T = Math.max(i, l), S = T - w;
-    return S > 0 && !y && o.push({
+    const S = Math.min(i, l), C = Math.max(i, l), w = C - S;
+    return w > 0 && !y && o.push({
       type: "horizontal",
       axis: b,
-      start: w,
-      end: T,
-      distance: S
+      start: S,
+      end: C,
+      distance: w
     }), o;
   }
   /**
@@ -6681,24 +6703,24 @@ class Lt {
     } = e, p = Math.max(a, u), m = Math.min(r, g), b = m >= p ? (p + m) / 2 : (c + f) / 2;
     if (d >= i) {
       if (s) return o;
-      const C = d - i;
-      return C > 0 && o.push({
+      const T = d - i;
+      return T > 0 && o.push({
         type: "vertical",
         axis: b,
         start: i,
         end: d,
-        distance: C
+        distance: T
       }), o;
     }
     if (l <= n) {
       if (s) return o;
-      const C = n - l;
-      return C > 0 && o.push({
+      const T = n - l;
+      return T > 0 && o.push({
         type: "vertical",
         axis: b,
         start: l,
         end: n,
-        distance: C
+        distance: T
       }), o;
     }
     if (!s) return o;
@@ -6710,13 +6732,13 @@ class Lt {
       end: A,
       distance: j
     });
-    const w = Math.min(i, l), T = Math.max(i, l), S = T - w;
-    return S > 0 && !y && o.push({
+    const S = Math.min(i, l), C = Math.max(i, l), w = C - S;
+    return w > 0 && !y && o.push({
       type: "vertical",
       axis: b,
-      start: w,
-      end: T,
-      distance: S
+      start: S,
+      end: C,
+      distance: w
     }), o;
   }
   /**
@@ -6797,7 +6819,7 @@ class Se {
    * @fires editor:ready
    */
   init() {
-    return N(this, null, function* () {
+    return x(this, null, function* () {
       var u;
       const {
         editorContainerWidth: t,
@@ -6812,7 +6834,7 @@ class Se {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if (J.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Yt({ editor: this }), this.historyManager = new Jt({ editor: this }), this.toolbar = new Ys({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ct({ editor: this }), this.layerManager = new $t({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new te({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new fe((u = this.options.fonts) != null ? u : []), this.textManager = new z({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ut({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if (J.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Yt({ editor: this }), this.historyManager = new Jt({ editor: this }), this.toolbar = new Ys({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ct({ editor: this }), this.layerManager = new $t({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new te({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new fe((u = this.options.fonts) != null ? u : []), this.textManager = new P({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ut({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -6891,7 +6913,7 @@ class Se {
     });
   }
 }
-const E = [
+const O = [
   "U+0000-00FF",
   "U+0131",
   "U+0152-0153",
@@ -6911,7 +6933,7 @@ const E = [
   "U+2215",
   "U+FEFF",
   "U+FFFD"
-].join(", "), O = [
+].join(", "), L = [
   "U+0301",
   "U+0400-045F",
   "U+0490-0491",
@@ -6934,7 +6956,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -6944,7 +6966,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -6954,7 +6976,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -6964,7 +6986,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -6974,7 +6996,7 @@ const E = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -6984,7 +7006,7 @@ const E = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -6994,7 +7016,7 @@ const E = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7004,7 +7026,7 @@ const E = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7014,7 +7036,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7024,7 +7046,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7034,7 +7056,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7044,7 +7066,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7054,7 +7076,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7064,7 +7086,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7074,7 +7096,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7084,7 +7106,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7094,7 +7116,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7104,7 +7126,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7114,7 +7136,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7124,7 +7146,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7134,7 +7156,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7144,7 +7166,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7154,7 +7176,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7164,7 +7186,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7174,7 +7196,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7184,7 +7206,7 @@ const E = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7194,7 +7216,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7204,7 +7226,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7214,7 +7236,7 @@ const E = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7224,7 +7246,7 @@ const E = [
       style: "normal",
       weight: "100",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7234,7 +7256,7 @@ const E = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7244,7 +7266,7 @@ const E = [
       style: "normal",
       weight: "200",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7254,7 +7276,7 @@ const E = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7264,7 +7286,7 @@ const E = [
       style: "normal",
       weight: "300",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7274,7 +7296,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7284,7 +7306,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7294,7 +7316,7 @@ const E = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7304,7 +7326,7 @@ const E = [
       style: "normal",
       weight: "500",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7314,7 +7336,7 @@ const E = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7324,7 +7346,7 @@ const E = [
       style: "normal",
       weight: "600",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7334,7 +7356,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7344,7 +7366,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7354,7 +7376,7 @@ const E = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7364,7 +7386,7 @@ const E = [
       style: "normal",
       weight: "800",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7374,7 +7396,7 @@ const E = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7384,7 +7406,7 @@ const E = [
       style: "normal",
       weight: "900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7394,7 +7416,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7404,7 +7426,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7414,7 +7436,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7424,7 +7446,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7434,7 +7456,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7444,7 +7466,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7454,7 +7476,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7464,7 +7486,7 @@ const E = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7474,7 +7496,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7484,7 +7506,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7494,7 +7516,7 @@ const E = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7504,7 +7526,7 @@ const E = [
       style: "normal",
       weight: "200 800",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7514,7 +7536,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7524,7 +7546,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7534,7 +7556,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7544,7 +7566,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7554,7 +7576,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7564,7 +7586,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7574,7 +7596,7 @@ const E = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7584,7 +7606,7 @@ const E = [
       style: "normal",
       weight: "300 800",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7594,7 +7616,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7604,7 +7626,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7614,7 +7636,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7624,7 +7646,7 @@ const E = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7634,7 +7656,7 @@ const E = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7644,7 +7666,7 @@ const E = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7654,7 +7676,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7664,7 +7686,7 @@ const E = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7674,7 +7696,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7684,7 +7706,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   },
   {
@@ -7694,7 +7716,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: O
+      unicodeRange: L
     }
   },
   {
@@ -7704,7 +7726,7 @@ const E = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: E
+      unicodeRange: O
     }
   }
 ], Co = {
@@ -7802,7 +7824,7 @@ const E = [
   fonts: Io
 };
 function Do(h, t = {}) {
-  const e = _(_({}, Co), t), s = document.getElementById(h);
+  const e = N(N({}, Co), t), s = document.getElementById(h);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const o = document.createElement("canvas");