@anu3ev/fabric-image-editor 0.4.2 → 0.4.3

package/dist/main.js

@@ -1,5 +1,5 @@
 var Re = Object.defineProperty, Ue = Object.defineProperties;
-var ze = Object.getOwnPropertyDescriptors;
+var Ye = Object.getOwnPropertyDescriptors;
 var bt = Object.getOwnPropertySymbols;
 var ve = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
 var be = (h, t, e) => t in h ? Re(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, D = (h, t) => {
@@ -9,7 +9,7 @@ var be = (h, t, e) => t in h ? Re(h, t, { enumerable: !0, configurable: !0, writ
     for (var e of bt(t))
       je.call(t, e) && be(h, e, t[e]);
   return h;
-}, Ie = (h, t) => Ue(h, ze(t));
+}, Ie = (h, t) => Ue(h, Ye(t));
 var K = (h, t) => {
   var e = {};
   for (var s in h)
@@ -35,7 +35,7 @@ var C = (h, t, e) => new Promise((s, n) => {
   }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, a);
   i((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as T, Textbox as mt, util as Mt, controlsUtils as Ae, InteractiveFabricObject as Se, loadSVGFromURL as Ye, FabricImage as gt, Point as It, Gradient as Ce, Rect as Fe, Circle as He, Triangle as We, Group as Q, Canvas as Ze, Pattern as Pe } from "fabric";
+import { ActiveSelection as T, Textbox as mt, util as Mt, controlsUtils as Ae, InteractiveFabricObject as Se, loadSVGFromURL as Fe, FabricImage as gt, Point as It, Gradient as Ce, Rect as ze, Circle as He, Triangle as We, Group as Q, Canvas as Ze, Pattern as Pe } from "fabric";
 import { create as Ve } from "jsondiffpatch";
 import Ge from "diff-match-patch";
 var Xe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", x = function() {
@@ -463,9 +463,9 @@ class Qe {
     this.worker.terminate();
   }
 }
-const F = 12, Je = 2, Tt = 8, Nt = 20, qe = 100, Lt = 20, kt = 8, ts = 100, At = 32, _t = 1, es = "#2B2D33", Bt = "#3D8BF4", Rt = "#FFFFFF";
+const z = 12, Je = 2, Tt = 8, Nt = 20, qe = 100, Lt = 20, kt = 8, ts = 100, At = 32, _t = 1, es = "#2B2D33", Bt = "#3D8BF4", Rt = "#FFFFFF";
 function vt(h, t, e, s, n) {
-  const o = F, a = Je;
+  const o = z, a = Je;
   h.save(), h.translate(t, e), h.rotate(Mt.degreesToRadians(n.angle)), h.fillStyle = Rt, h.strokeStyle = Bt, h.lineWidth = _t, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, a), h.fill(), h.stroke(), h.restore();
 }
 function we(h, t, e, s, n) {
@@ -486,29 +486,29 @@ const os = {
   // Угловые точки
   tl: {
     render: vt,
-    sizeX: F,
-    sizeY: F,
+    sizeX: z,
+    sizeY: z,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: vt,
-    sizeX: F,
-    sizeY: F,
+    sizeX: z,
+    sizeY: z,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: vt,
-    sizeX: F,
-    sizeY: F,
+    sizeX: z,
+    sizeY: z,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: vt,
-    sizeX: F,
-    sizeY: F,
+    sizeX: z,
+    sizeY: z,
     offsetX: 0,
     offsetY: 0
   },
@@ -1350,7 +1350,7 @@ class H {
         withoutSelection: i = !1
       } = t;
       if (!e) return null;
-      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = H.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: j } = this;
+      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = H.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: v } = this;
       if (!this.isAllowedContentType(g)) {
         const p = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return u.emitError({
@@ -1363,7 +1363,7 @@ class H {
             format: f,
             contentType: g,
             acceptContentTypes: m,
-            acceptFormats: j,
+            acceptFormats: v,
             fromClipboard: o,
             isBackground: a,
             withoutSelection: i
@@ -1389,14 +1389,14 @@ class H {
               format: f,
               contentType: g,
               acceptContentTypes: m,
-              acceptFormats: j,
+              acceptFormats: v,
               fromClipboard: o,
               isBackground: a,
               withoutSelection: i
             }
           }), null;
         if (this._createdBlobUrls.push(p), f === "svg") {
-          const b = yield Ye(p);
+          const b = yield Fe(p);
           M = Mt.groupSVGElements(b.objects, b.options);
         } else
           M = yield gt.fromURL(p, { crossOrigin: "anonymous" });
@@ -1405,11 +1405,11 @@ class H {
           const b = M.getElement();
           let y = "";
           if (b instanceof HTMLImageElement ? y = b.src : b instanceof HTMLCanvasElement && (y = b.toDataURL()), L > G || w > V) {
-            const S = yield this.resizeImageToBoundaries(y, "max"), v = URL.createObjectURL(S);
-            this._createdBlobUrls.push(v), M = yield gt.fromURL(v, { crossOrigin: "anonymous" });
+            const S = yield this.resizeImageToBoundaries(y, "max"), j = URL.createObjectURL(S);
+            this._createdBlobUrls.push(j), M = yield gt.fromURL(j, { crossOrigin: "anonymous" });
           } else if (L < et || w < tt) {
-            const S = yield this.resizeImageToBoundaries(y, "min"), v = URL.createObjectURL(S);
-            this._createdBlobUrls.push(v), M = yield gt.fromURL(v, { crossOrigin: "anonymous" });
+            const S = yield this.resizeImageToBoundaries(y, "min"), j = URL.createObjectURL(S);
+            this._createdBlobUrls.push(j), M = yield gt.fromURL(j, { crossOrigin: "anonymous" });
           }
         }
         if (M.set("id", `${M.type}-${x()}`), M.set("format", f), s === "scale-montage")
@@ -1502,14 +1502,14 @@ class H {
       try {
         const d = s === "application/pdf", l = d ? "image/jpg" : s, u = H.getFormatFromContentType(l);
         i.setCoords();
-        const { left: g, top: f, width: m, height: j } = i.getBoundingRect(), p = yield a.clone(["id", "format", "locked"]);
+        const { left: g, top: f, width: m, height: v } = i.getBoundingRect(), p = yield a.clone(["id", "format", "locked"]);
         p.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (p.backgroundColor = "#ffffff");
         const M = p.getObjects().find((I) => I.id === i.id);
         if (M && (M.visible = !1), c != null && c.isBlocked) {
           const I = p.getObjects().find((E) => E.id === c.overlayMask.id);
           I && (I.visible = !1);
         }
-        p.viewportTransform = [1, 0, 0, 1, -g, -f], p.setDimensions({ width: m, height: j }, { backstoreOnly: !0 }), p.renderAll();
+        p.viewportTransform = [1, 0, 0, 1, -g, -f], p.setDimensions({ width: m, height: v }, { backstoreOnly: !0 }), p.renderAll();
         const w = p.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
         if (u === "svg" && w) {
           const I = p.toSVG();
@@ -1546,7 +1546,7 @@ class H {
           [k]
         );
         if (d) {
-          const E = m * 0.264583, N = j * 0.264583, B = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, U = new B({
+          const E = m * 0.264583, N = v * 0.264583, B = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, U = new B({
             orientation: E > N ? "landscape" : "portrait",
             unit: "mm",
             format: [E, N]
@@ -1577,13 +1577,13 @@ class H {
           };
           return a.fire("editor:canvas-exported", I), I;
         }
-        const y = u === "svg" && !w ? e.replace(/\.[^/.]+$/, ".png") : e, v = {
+        const y = u === "svg" && !w ? e.replace(/\.[^/.]+$/, ".png") : e, j = {
           image: new File([L], y, { type: l }),
           format: u,
           contentType: l,
           fileName: y
         };
-        return a.fire("editor:canvas-exported", v), v;
+        return a.fire("editor:canvas-exported", j), j;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1626,13 +1626,13 @@ class H {
       try {
         const d = H.getFormatFromContentType(n);
         if (d === "svg") {
-          const m = c.toSVG(), j = H._exportSVGStringAsFile(m, {
+          const m = c.toSVG(), v = H._exportSVGStringAsFile(m, {
             exportAsBase64: o,
             exportAsBlob: a,
             fileName: s
           }), p = {
             object: c,
-            image: j,
+            image: v,
             format: d,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
@@ -1640,7 +1640,7 @@ class H {
           return i.fire("editor:object-exported", p), p;
         }
         if (o && c instanceof gt) {
-          const m = yield createImageBitmap(c.getElement()), j = yield r.post(
+          const m = yield createImageBitmap(c.getElement()), v = yield r.post(
             "toDataURL",
             {
               format: d,
@@ -1650,7 +1650,7 @@ class H {
             [m]
           ), p = {
             object: c,
-            image: j,
+            image: v,
             format: d,
             contentType: n,
             fileName: s
@@ -1659,9 +1659,9 @@ class H {
         }
         const l = c.toCanvasElement({
           enableRetinaScaling: !1
-        }), u = yield new Promise((m, j) => {
+        }), u = yield new Promise((m, v) => {
           l.toBlob((p) => {
-            p ? m(p) : j(new Error("Failed to create Blob from canvas"));
+            p ? m(p) : v(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
@@ -1847,8 +1847,8 @@ class As {
       options: { canvasBackstoreWidth: i }
     } = this.editor, { width: r, height: c } = a, d = $(Number(t), tt, V);
     if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(d), a.set({ width: d }), (f = o.clipPath) == null || f.set({ width: d }), e) {
-      const m = d / r, j = Le(c, m);
-      this.setResolutionHeight(j);
+      const m = d / r, v = Le(c, m);
+      this.setResolutionHeight(v);
       return;
     }
     const { left: l, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
@@ -1877,8 +1877,8 @@ class As {
       options: { canvasBackstoreHeight: i }
     } = this.editor, { width: r, height: c } = a, d = $(Number(t), et, G);
     if (!i || i === "auto" || n ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(d), a.set({ height: d }), (f = o.clipPath) == null || f.set({ height: d }), e) {
-      const m = d / c, j = Le(r, m);
-      this.setResolutionWidth(j);
+      const m = d / c, v = Le(r, m);
+      this.setResolutionWidth(v);
       return;
     }
     const { left: l, top: u } = this.getObjectDefaultCoords(a), g = o.getZoom();
@@ -2153,7 +2153,7 @@ class As {
       const {
         width: f,
         height: m
-      } = o, j = d / f, p = l / m, M = Math.max(j, p);
+      } = o, v = d / f, p = l / m, M = Math.max(v, p);
       u = f * M, g = m * M;
     }
     this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > i || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), a.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
@@ -2318,9 +2318,9 @@ class Ss {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: n } = this.editor, { width: o, height: a, scaleX: i = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(i), l = a * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), m = d * g + l * f, j = d * f + l * g, p = n.width, M = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: a, scaleX: i = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(i), l = a * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), m = d * g + l * f, v = d * f + l * g, p = n.width, M = n.height;
     let w;
-    e === "contain" ? w = Math.min(p / m, M / j) : w = Math.max(p / m, M / j), t.set({
+    e === "contain" ? w = Math.min(p / m, M / v) : w = Math.max(p / m, M / v), t.set({
       scaleX: i * w,
       scaleY: r * w
     }), s.centerObject(t);
@@ -2396,10 +2396,10 @@ class Cs {
    * @private
    */
   _getClampedPointerCoordinates(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, a = e.getZoom(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = i * a + o[4], u = r * a + o[4], g = c * a + o[5], f = d * a + o[5], m = Math.max(l, Math.min(u, n.x)), j = Math.max(g, Math.min(f, n.y));
+    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, a = e.getZoom(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = i * a + o[4], u = r * a + o[4], g = c * a + o[5], f = d * a + o[5], m = Math.max(l, Math.min(u, n.x)), v = Math.max(g, Math.min(f, n.y));
     return {
       x: m,
-      y: j
+      y: v
     };
   }
   /**
@@ -2431,9 +2431,9 @@ class Cs {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), a = e.getHeight(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + a) / t, m = l < i, j = u > r, p = g < c, M = f > d;
-    if (!(m || j || p || M)) return 0;
-    const L = Math.max(0, i - l), k = Math.max(0, u - r), b = Math.max(0, c - g), y = Math.max(0, f - d), S = Math.max(L, k), v = Math.max(b, y), I = S / o, E = v / a;
+    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), a = e.getHeight(), i = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + a) / t, m = l < i, v = u > r, p = g < c, M = f > d;
+    if (!(m || v || p || M)) return 0;
+    const L = Math.max(0, i - l), k = Math.max(0, u - r), b = Math.max(0, c - g), y = Math.max(0, f - d), S = Math.max(L, k), j = Math.max(b, y), I = S / o, E = j / a;
     return Math.max(I, E);
   }
   /**
@@ -2450,7 +2450,7 @@ class Cs {
     const { canvas: a, montageArea: i } = this.editor, r = a.viewportTransform, c = a.getWidth(), d = a.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(n), f = e - s;
     if (Math.abs(f) / g <= 0.1)
       return { x: l, y: u };
-    const j = c / 2, p = d / 2, M = i.left, w = i.top, L = j - M * s, k = p - w * s, b = (L - r[4]) / (e - s), y = (k - r[5]) / (e - s), S = b * g, v = y * g, I = S * o, E = v * o, N = Math.abs(I) > Math.abs(l) ? l : I, B = Math.abs(E) > Math.abs(u) ? u : E;
+    const v = c / 2, p = d / 2, M = i.left, w = i.top, L = v - M * s, k = p - w * s, b = (L - r[4]) / (e - s), y = (k - r[5]) / (e - s), S = b * g, j = y * g, I = S * o, E = j * o, N = Math.abs(I) > Math.abs(l) ? l : I, B = Math.abs(E) > Math.abs(u) ? u : E;
     return { x: N, y: B };
   }
   /**
@@ -3136,7 +3136,7 @@ class Es {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new Fe(D({
+    const { canvas: u } = this.editor, g = new ze(D({
       id: t,
       left: e,
       top: s,
@@ -3674,7 +3674,7 @@ class Ts {
     o && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class zt {
+class Yt {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3721,7 +3721,7 @@ class zt {
     s || o.suspendHistory();
     const r = [];
     if (i.forEach((d) => {
-      if (zt._isUngroupableGroup(d)) {
+      if (Yt._isUngroupableGroup(d)) {
         const l = this._handleGroupDeletion(d);
         r.push(...l);
         return;
@@ -4044,9 +4044,9 @@ class O {
       const { target: n, transform: o } = s;
       if (!O._isTextbox(n) || !o) return;
       n.isScaling = !0;
-      const a = this._ensureScalingState(n), { baseWidth: i, baseLeft: r, baseFontSize: c } = a, d = typeof ((P = o.original) == null ? void 0 : P.width) == "number" ? o.original.width : void 0, l = typeof ((X = o.original) == null ? void 0 : X.left) == "number" ? o.original.left : void 0, u = d != null ? d : i, g = l != null ? l : r, f = (Z = o.corner) != null ? Z : "", m = (st = o.action) != null ? st : "", j = ["ml", "mr"].includes(f) || m === "scaleX", p = ["mt", "mb"].includes(f) || m === "scaleY", M = ["tl", "tr", "bl", "br"].includes(f) || m === "scale";
-      if (!j && !p && !M) return;
-      const w = Math.abs((ot = (nt = n.scaleX) != null ? nt : o.scaleX) != null ? ot : 1) || 1, L = Math.abs((it = (at = n.scaleY) != null ? at : o.scaleY) != null ? it : 1) || 1, k = Math.max(1, u * w), b = Math.max(1, c * L), y = (ct = (rt = o.originX) != null ? rt : n.originX) != null ? ct : "left", S = g + u, v = g + u / 2, I = (dt = n.width) != null ? dt : u, E = Math.abs(k - I) > Ot, N = Math.abs(b - ((lt = n.fontSize) != null ? lt : c)) > Ot;
+      const a = this._ensureScalingState(n), { baseWidth: i, baseLeft: r, baseFontSize: c } = a, d = typeof ((P = o.original) == null ? void 0 : P.width) == "number" ? o.original.width : void 0, l = typeof ((X = o.original) == null ? void 0 : X.left) == "number" ? o.original.left : void 0, u = d != null ? d : i, g = l != null ? l : r, f = (Z = o.corner) != null ? Z : "", m = (st = o.action) != null ? st : "", v = ["ml", "mr"].includes(f) || m === "scaleX", p = ["mt", "mb"].includes(f) || m === "scaleY", M = ["tl", "tr", "bl", "br"].includes(f) || m === "scale";
+      if (!v && !p && !M) return;
+      const w = Math.abs((ot = (nt = n.scaleX) != null ? nt : o.scaleX) != null ? ot : 1) || 1, L = Math.abs((it = (at = n.scaleY) != null ? at : o.scaleY) != null ? it : 1) || 1, k = Math.max(1, u * w), b = Math.max(1, c * L), y = (ct = (rt = o.originX) != null ? rt : n.originX) != null ? ct : "left", S = g + u, j = g + u / 2, I = (dt = n.width) != null ? dt : u, E = Math.abs(k - I) > Ot, N = Math.abs(b - ((lt = n.fontSize) != null ? lt : c)) > Ot;
       if (!E && !N) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
@@ -4059,7 +4059,7 @@ class O {
       });
       const B = (ht = n.width) != null ? ht : k, U = Math.abs(B - I) > Ot;
       let W = g;
-      U && (j || M) && (y === "right" ? W = S - B : y === "center" && (W = v - B / 2)), n.set({ left: W }), a.baseLeft = W, o.scaleX = 1, o.scaleY = 1;
+      U && (v || M) && (y === "right" ? W = S - B : y === "center" && (W = j - B / 2)), n.set({ left: W }), a.baseLeft = W, o.scaleX = 1, o.scaleY = 1;
       const { original: R } = o;
       R && (R.scaleX = 1, R.scaleY = 1, R.width = B, R.height = n.height, R.left = W), n.setCoords(), this.canvas.requestRenderAll(), a.baseWidth = B, a.baseFontSize = (ut = n.fontSize) != null ? ut : b, a.hasWidthChange = U || N;
     }, this._handleObjectModified = (s) => {
@@ -4078,7 +4078,7 @@ class O {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(w = {}, { withoutSelection: j = !1, withoutSave: p = !1, withoutAdding: M = !1 } = {}) {
+  addText(w = {}, { withoutSelection: v = !1, withoutSave: p = !1, withoutAdding: M = !1 } = {}) {
     var L = w, {
       id: t = `text-${x()}`,
       text: e = "Новый текст",
@@ -4116,7 +4116,7 @@ class O {
     const b = s != null ? s : this._getDefaultFontFamily(), y = O._resolveStrokeWidth(g), S = O._resolveStrokeColor(
       u,
       y
-    ), v = new mt(e, D({
+    ), j = new mt(e, D({
       id: t,
       fontFamily: b,
       fontSize: n,
@@ -4132,11 +4132,11 @@ class O {
       strokeUniform: !0,
       opacity: f
     }, m));
-    if (v.textCaseRaw = (E = v.text) != null ? E : "", r) {
-      const N = O._toUpperCase(v.textCaseRaw);
-      N !== v.text && v.set({ text: N });
+    if (j.textCaseRaw = (E = j.text) != null ? E : "", r) {
+      const N = O._toUpperCase(j.textCaseRaw);
+      N !== j.text && j.set({ text: N });
     }
-    m.left === void 0 && m.top === void 0 && this.canvas.centerObject(v), M || this.canvas.add(v), j || this.canvas.setActiveObject(v), this.canvas.requestRenderAll(), k.resumeHistory(), p || k.saveState();
+    m.left === void 0 && m.top === void 0 && this.canvas.centerObject(j), M || this.canvas.add(j), v || this.canvas.setActiveObject(j), this.canvas.requestRenderAll(), k.resumeHistory(), p || k.saveState();
     const I = D({
       id: t,
       text: e,
@@ -4154,14 +4154,14 @@ class O {
       opacity: f
     }, m);
     return this.canvas.fire("editor:text-added", {
-      textbox: v,
+      textbox: j,
       options: I,
       flags: {
-        withoutSelection: !!j,
+        withoutSelection: !!v,
         withoutSave: !!p,
         withoutAdding: !!M
       }
-    }), v;
+    }), j;
   }
   /**
    * Обновляет текстовый объект.
@@ -4172,7 +4172,7 @@ class O {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
-    var X, Z, st, nt, ot, at, it, rt, ct, dt, lt, ht, ut, Ft, Ht, Wt, Zt, Pt, Vt, Xt, Kt, $t, Qt, Jt, qt, te, ee, se, ne, oe, ae, ie, re, ce, de, le, he, ue, ge, fe, me, pe, Me, ye;
+    var X, Z, st, nt, ot, at, it, rt, ct, dt, lt, ht, ut, zt, Ht, Wt, Zt, Pt, Vt, Xt, Kt, $t, Qt, Jt, qt, te, ee, se, ne, oe, ae, ie, re, ce, de, le, he, ue, ge, fe, me, pe, Me, ye;
     const o = this._resolveTextObject(t);
     if (!o) return null;
     const { historyManager: a } = this.editor;
@@ -4194,7 +4194,7 @@ class O {
       strokeWidth: (lt = o.strokeWidth) != null ? lt : void 0,
       opacity: (ht = o.opacity) != null ? ht : void 0,
       left: (ut = o.left) != null ? ut : void 0,
-      top: (Ft = o.top) != null ? Ft : void 0,
+      top: (zt = o.top) != null ? zt : void 0,
       width: (Ht = o.width) != null ? Ht : void 0,
       height: (Wt = o.height) != null ? Wt : void 0,
       angle: (Zt = o.angle) != null ? Zt : void 0,
@@ -4209,7 +4209,7 @@ class O {
       underline: g,
       uppercase: f,
       strikethrough: m,
-      align: j,
+      align: v,
       color: p,
       strokeColor: M,
       strokeWidth: w,
@@ -4228,18 +4228,18 @@ class O {
       "strokeColor",
       "strokeWidth",
       "opacity"
-    ]), b = D({}, k), y = O._getSelectionRange(o), S = {}, v = {};
-    if (c !== void 0 && (y ? S.fontFamily = c : (b.fontFamily = c, v.fontFamily = c)), d !== void 0 && (y ? S.fontSize = d : (b.fontSize = d, v.fontSize = d)), l !== void 0) {
+    ]), b = D({}, k), y = O._getSelectionRange(o), S = {}, j = {};
+    if (c !== void 0 && (y ? S.fontFamily = c : (b.fontFamily = c, j.fontFamily = c)), d !== void 0 && (b.fontSize = d), l !== void 0) {
       const _ = l ? "bold" : "normal";
-      y ? S.fontWeight = _ : (b.fontWeight = _, v.fontWeight = _);
+      y ? S.fontWeight = _ : (b.fontWeight = _, j.fontWeight = _);
     }
     if (u !== void 0) {
       const _ = u ? "italic" : "normal";
-      y ? S.fontStyle = _ : (b.fontStyle = _, v.fontStyle = _);
+      y ? S.fontStyle = _ : (b.fontStyle = _, j.fontStyle = _);
     }
-    if (g !== void 0 && (y ? S.underline = g : (b.underline = g, v.underline = g)), m !== void 0 && (y ? S.linethrough = m : (b.linethrough = m, v.linethrough = m)), j !== void 0 && (b.textAlign = j), p !== void 0 && (y ? S.fill = p : (b.fill = p, v.fill = p)), M !== void 0 || w !== void 0) {
+    if (g !== void 0 && (y ? S.underline = g : (b.underline = g, j.underline = g)), m !== void 0 && (y ? S.linethrough = m : (b.linethrough = m, j.linethrough = m)), v !== void 0 && (b.textAlign = v), p !== void 0 && (y ? S.fill = p : (b.fill = p, j.fill = p)), M !== void 0 || w !== void 0) {
       const _ = y ? O._getSelectionStyleValue(o, y, "strokeWidth") : void 0, xe = y ? O._getSelectionStyleValue(o, y, "stroke") : void 0, _e = (Kt = (Xt = w != null ? w : _) != null ? Xt : o.strokeWidth) != null ? Kt : 0, yt = O._resolveStrokeWidth(_e), Be = (Qt = ($t = M != null ? M : xe) != null ? $t : o.stroke) != null ? Qt : void 0, Dt = O._resolveStrokeColor(Be, yt);
-      y ? (S.stroke = Dt, S.strokeWidth = yt) : (b.stroke = Dt, b.strokeWidth = yt, v.stroke = Dt, v.strokeWidth = yt);
+      y ? (S.stroke = Dt, S.strokeWidth = yt) : (b.stroke = Dt, b.strokeWidth = yt, j.stroke = Dt, j.strokeWidth = yt);
     }
     L !== void 0 && (b.opacity = L);
     const I = (qt = o.textCaseRaw) != null ? qt : (Jt = o.text) != null ? Jt : "", E = !!o.uppercase, N = r !== void 0, B = N ? r != null ? r : "" : I, U = f != null ? f : E;
@@ -4251,9 +4251,9 @@ class O {
     let R = !1;
     if (y)
       R = O._applyStylesToRange(o, S, y);
-    else if (Object.keys(v).length) {
+    else if (Object.keys(j).length) {
       const _ = O._getFullTextRange(o);
-      _ && (R = O._applyStylesToRange(o, v, _));
+      _ && (R = O._applyStylesToRange(o, j, _));
     }
     R && (o.dirty = !0), o.setCoords(), n || this.canvas.requestRenderAll(), a.resumeHistory(), s || a.saveState();
     const P = {
@@ -4381,7 +4381,7 @@ class O {
     return (e = (t = this.fonts[0]) == null ? void 0 : t.family) != null ? e : "Arial";
   }
 }
-class Yt {
+class Ft {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -4411,7 +4411,7 @@ class Yt {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if (J.apply(), this.canvas = new Ze(this.containerId, this.options), this.moduleLoader = new Ke(), this.workerManager = new Qe(), this.errorManager = new Et({ editor: this }), this.historyManager = new St({ editor: this }), this.toolbar = new gs({ editor: this }), this.transformManager = new Ss({ editor: this }), this.zoomManager = new Cs({ editor: this }), this.canvasManager = new As({ editor: this }), this.imageManager = new H({ editor: this }), this.layerManager = new Ct({ editor: this }), this.shapeManager = new Es({ editor: this }), this.interactionBlocker = new ws({ editor: this }), this.backgroundManager = new q({ editor: this }), this.clipboardManager = new Ds({ editor: this }), this.objectLockManager = new wt({ editor: this }), this.groupingManager = new Os({ editor: this }), this.selectionManager = new Ts({ editor: this }), this.deletionManager = new zt({ editor: this }), this.panConstraintManager = new Ls({ editor: this }), this.fontManager = new xt((u = this.options.fonts) != null ? u : []), this.textManager = new O({ editor: this }), d && (this.angleIndicator = new Ut({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new pt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(a), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), i != null && i.source) {
+      if (J.apply(), this.canvas = new Ze(this.containerId, this.options), this.moduleLoader = new Ke(), this.workerManager = new Qe(), this.errorManager = new Et({ editor: this }), this.historyManager = new St({ editor: this }), this.toolbar = new gs({ editor: this }), this.transformManager = new Ss({ editor: this }), this.zoomManager = new Cs({ editor: this }), this.canvasManager = new As({ editor: this }), this.imageManager = new H({ editor: this }), this.layerManager = new Ct({ editor: this }), this.shapeManager = new Es({ editor: this }), this.interactionBlocker = new ws({ editor: this }), this.backgroundManager = new q({ editor: this }), this.clipboardManager = new Ds({ editor: this }), this.objectLockManager = new wt({ editor: this }), this.groupingManager = new Os({ editor: this }), this.selectionManager = new Ts({ editor: this }), this.deletionManager = new Yt({ editor: this }), this.panConstraintManager = new Ls({ editor: this }), this.fontManager = new xt((u = this.options.fonts) != null ? u : []), this.textManager = new O({ editor: this }), d && (this.angleIndicator = new Ut({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new pt({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(a), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), i != null && i.source) {
         const {
           source: g,
           scale: f = `image-${c}`,
@@ -4433,7 +4433,7 @@ class Yt {
     this.montageArea = this.shapeManager.addRectangle({
       width: t,
       height: e,
-      fill: Yt._createMosaicPattern(),
+      fill: Ft._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -4490,7 +4490,7 @@ class Yt {
     });
   }
 }
-const z = [
+const Y = [
   "U+0000-00FF",
   "U+0131",
   "U+0152-0153",
@@ -4510,7 +4510,7 @@ const z = [
   "U+2215",
   "U+FEFF",
   "U+FFFD"
-].join(", "), Y = [
+].join(", "), F = [
   "U+0301",
   "U+0400-045F",
   "U+0490-0491",
@@ -4533,7 +4533,7 @@ const z = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4543,7 +4543,7 @@ const z = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4553,7 +4553,7 @@ const z = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4563,7 +4563,7 @@ const z = [
       style: "normal",
       weight: "700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4573,7 +4573,7 @@ const z = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4583,7 +4583,7 @@ const z = [
       style: "normal",
       weight: "200 700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4593,7 +4593,7 @@ const z = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4603,7 +4603,7 @@ const z = [
       style: "normal",
       weight: "300 900",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4613,7 +4613,7 @@ const z = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4623,7 +4623,7 @@ const z = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4633,7 +4633,7 @@ const z = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4643,7 +4643,7 @@ const z = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4653,7 +4653,7 @@ const z = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4663,7 +4663,7 @@ const z = [
       style: "normal",
       weight: "300 700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4673,7 +4673,7 @@ const z = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4683,7 +4683,7 @@ const z = [
       style: "normal",
       weight: "400",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4693,7 +4693,7 @@ const z = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4703,7 +4703,7 @@ const z = [
       style: "normal",
       weight: "400 700",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   },
   {
@@ -4713,7 +4713,7 @@ const z = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: Y
+      unicodeRange: F
     }
   },
   {
@@ -4723,7 +4723,7 @@ const z = [
       style: "normal",
       weight: "100 900",
       display: "swap",
-      unicodeRange: z
+      unicodeRange: Y
     }
   }
 ], xs = {
@@ -4820,18 +4820,18 @@ const z = [
    */
   fonts: ks
 };
-function zs(h, t = {}) {
+function Ys(h, t = {}) {
   const e = D(D({}, xs), t), s = document.getElementById(h);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const n = document.createElement("canvas");
   return n.id = `${h}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
     e._onReadyCallback = o;
-    const a = new Yt(n.id, e);
+    const a = new Ft(n.id, e);
     window[h] = a;
   });
 }
 export {
-  zs as default
+  Ys as default
 };
 //# sourceMappingURL=main.js.map

package/package.json

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