@anu3ev/fabric-image-editor 0.1.35 → 0.1.37

package/dist/main.js

@@ -1,7 +1,7 @@
 var Te = Object.defineProperty;
 var G = Object.getOwnPropertySymbols;
 var Me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
-var me = (o, e, t) => e in o ? Te(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, T = (o, e) => {
+var me = (o, e, t) => e in o ? Te(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, A = (o, e) => {
   for (var t in e || (e = {}))
     Me.call(e, t) && me(o, t, e[t]);
   if (G)
@@ -34,11 +34,11 @@ var $ = (o, e, t) => new Promise((a, r) => {
   }, s = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(i, n);
   s((t = t.apply(o, e)).next());
 });
-import { ActiveSelection as R, util as W, controlsUtils as Oe, InteractiveFabricObject as ke, loadSVGFromURL as xe, FabricImage as q, Point as Be, Rect as Ze, Circle as ze, Triangle as Ue, Group as Ye, Canvas as He, Pattern as Pe } from "fabric";
-import { create as Re } from "jsondiffpatch";
-var We = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", C = function() {
+import { ActiveSelection as _, util as R, controlsUtils as Oe, InteractiveFabricObject as ke, loadSVGFromURL as xe, FabricImage as q, Point as Be, Rect as Ze, Circle as ze, Triangle as Ue, Group as Ye, Canvas as He, Pattern as Pe } from "fabric";
+import { create as _e } from "jsondiffpatch";
+var Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += We[a[e] & 63];
+    t += Re[a[e] & 63];
   return t;
 };
 class P {
@@ -95,7 +95,7 @@ class P {
       this.canvas.setActiveObject(r[0]);
       return;
     }
-    const i = new R(r, {
+    const i = new _(r, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -329,7 +329,7 @@ class P {
     };
   }
 }
-class _e {
+class We {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -387,7 +387,7 @@ class Fe {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(C(8));
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(D(8));
     return new Promise((i, n) => {
       this._callbacks.set(r, {
         resolve: i,
@@ -409,21 +409,21 @@ class Fe {
 var I = 12, Ve = 2, te = 8, ae = 20, Ge = 100, re = 20, ie = 8, Xe = 100, ne = 32, se = 1, Qe = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
 function Q(o, e, t, a, r) {
   var i = I, n = Ve;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, n), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, i, i, n), o.fill(), o.stroke(), o.restore();
 }
 function je(o, e, t, a, r) {
   var i = te, n = ae, s = Ge;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
 }
 function ye(o, e, t, a, r) {
   var i = re, n = ie, s = Xe;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = ce, o.strokeStyle = oe, o.lineWidth = se, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, i, n, s), o.fill(), o.stroke(), o.restore();
 }
-var Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ne = new Image();
-Ne.src = Je;
+var Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", De = new Image();
+De.src = Je;
 function Ke(o, e, t, a, r) {
   var i = ne, n = i / 2;
-  o.save(), o.translate(e, t), o.rotate(W.degreesToRadians(r.angle)), o.fillStyle = Qe, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(Ne, -16 / 2, -16 / 2, n, n), o.restore();
+  o.save(), o.translate(e, t), o.rotate(R.degreesToRadians(r.angle)), o.fillStyle = Qe, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(De, -16 / 2, -16 / 2, n, n), o.restore();
 }
 var $e = {
   // Угловые точки
@@ -505,6 +505,9 @@ class qe {
         sizeY: r.sizeY,
         offsetX: r.offsetX,
         offsetY: r.offsetY
+      }), a === "mtr" && (e[a].cursorStyle = "grab", e[a].mouseDownHandler = (i, n, s, c) => {
+        var u = n.target;
+        u.canvas.setCursor("grabbing");
       });
     }), ke.ownDefaults.controls = e;
   }
@@ -863,7 +866,7 @@ class gt {
     return this._historySuspendCount > 0;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Re({
+    this.diffPatcher = _e({
       objectHash(e) {
         return [e.id, e.format, e.locked, e.left, e.top, e.width, e.height, e.flipX, e.flipY, e.scaleX, e.scaleY, e.angle, e.opacity].join("-");
       },
@@ -1001,7 +1004,7 @@ class gt {
     })();
   }
 }
-const vt = 0.1, mt = 2, Mt = 0.1, ft = 90, k = 16, x = 16, L = 4096, E = 4096;
+const vt = 0.1, mt = 2, Mt = 0.1, ft = 90, k = 16, x = 16, E = 4096, T = 4096;
 function Se(o, e, t, a, r, i, n) {
   try {
     var s = o[i](n), c = s.value;
@@ -1025,7 +1028,7 @@ function O(o) {
     });
   };
 }
-class A {
+class C {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1063,7 +1066,7 @@ class A {
         transformManager: c,
         historyManager: u,
         errorManager: l
-      } = t.editor, d = yield t.getContentType(a), h = A.getFormatFromContentType(d), {
+      } = t.editor, d = yield t.getContentType(a), h = C.getFormatFromContentType(d), {
         acceptContentTypes: g,
         acceptFormats: m
       } = t;
@@ -1111,28 +1114,28 @@ class A {
             }
           }), null;
         if (t._createdBlobUrls.push(f), h === "svg") {
-          var D = yield xe(f);
-          v = W.groupSVGElements(D.objects, D.options);
+          var w = yield xe(f);
+          v = R.groupSVGElements(w.objects, w.options);
         } else
           v = yield q.fromURL(f, {
             crossOrigin: "anonymous"
           });
         var {
-          width: w,
+          width: L,
           height: y
         } = v;
-        if (y > E || w > L) {
+        if (y > T || L > E) {
           var p = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(p);
           t._createdBlobUrls.push(B), v = yield q.fromURL(B, {
             crossOrigin: "anonymous"
           });
-        } else if (y < x || w < k) {
-          var _ = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(_);
+        } else if (y < x || L < k) {
+          var W = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(W);
           t._createdBlobUrls.push(Z), v = yield q.fromURL(Z, {
             crossOrigin: "anonymous"
           });
         }
-        if (v.set("id", "".concat(v.type, "-").concat(C())), v.set("format", h), r === "scale-montage")
+        if (v.set("id", "".concat(v.type, "-").concat(D())), v.set("format", h), r === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
             object: v,
             withoutSave: !0
@@ -1149,7 +1152,7 @@ class A {
             object: v,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (w > F || y > z) && c.fitObject({
+          }) : r === "image-cover" && (L > F || y > z) && c.fitObject({
             object: v,
             type: "cover",
             withoutSave: !0
@@ -1193,13 +1196,13 @@ class A {
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
     return O(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(L, "x").concat(E);
+      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", i = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ".concat(E, "x").concat(T);
       r === "min" && (i = "Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ".concat(k, "x").concat(x));
       var n = {
         dataURL: e,
         sizeType: r,
-        maxWidth: L,
-        maxHeight: E,
+        maxWidth: E,
+        maxHeight: T,
         minWidth: k,
         minHeight: x
       };
@@ -1237,7 +1240,7 @@ class A {
         workerManager: u
       } = t.editor;
       try {
-        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = A.getFormatFromContentType(d);
+        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = C.getFormatFromContentType(d);
         c.setCoords();
         var {
           left: g,
@@ -1255,14 +1258,14 @@ class A {
         }), v.renderAll();
         var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
         if (h === "svg" && N) {
-          var D = v.toSVG();
+          var w = v.toSVG();
           v.dispose();
-          var w = A._exportSVGStringAsFile(D, {
+          var L = C._exportSVGStringAsFile(w, {
             exportAsBase64: i,
             exportAsBlob: n,
             fileName: a
           }), y = {
-            image: w,
+            image: L,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
@@ -1281,11 +1284,11 @@ class A {
           };
           return s.fire("editor:canvas-exported", B), B;
         }
-        var _ = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var W = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: _
-        }, [_]);
+          bitmap: W
+        }, [W]);
         if (l) {
           var F = 0.264583, z = M * F, U = f * F, V = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new V({
             orientation: z > U ? "landscape" : "portrait",
@@ -1293,8 +1296,8 @@ class A {
             format: [z, U]
           });
           if (Y.addImage(Z, "JPG", 0, 0, z, U), i) {
-            var De = Y.output("datauristring"), de = {
-              image: De,
+            var Ne = Y.output("datauristring"), de = {
+              image: Ne,
               format: "pdf",
               contentType: "application/pdf",
               fileName: a
@@ -1383,7 +1386,7 @@ class A {
           }
         }), "";
       try {
-        var d = A.getFormatFromContentType(i);
+        var d = C.getFormatFromContentType(i);
         if (d === "svg") {
           var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
             exportAsBase64: n,
@@ -1414,18 +1417,18 @@ class A {
           S.toBlob(p);
         });
         if (s) {
-          var D = {
+          var w = {
             image: N,
             format: d,
             contentType: i,
             fileName: r
           };
-          return c.fire("editor:object-exported", D), D;
+          return c.fire("editor:object-exported", w), w;
         }
-        var w = new File([N], r, {
+        var L = new File([N], r, {
           type: i
         }), y = {
-          image: w,
+          image: L,
           format: d,
           contentType: i,
           fileName: r
@@ -1482,7 +1485,7 @@ class A {
    * @returns {string[]} - массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => A.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => C.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1551,7 +1554,7 @@ class A {
     try {
       var t, a = new URL(e), r = (t = a.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
       return this.acceptContentTypes.forEach((n) => {
-        var s = A.getFormatFromContentType(n);
+        var s = C.getFormatFromContentType(n);
         s && (i[s] = n);
       }), i[r] || "application/octet-stream";
     } catch (n) {
@@ -1615,7 +1618,7 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, L), k));
+      } = n, l = Number(Math.max(Math.min(e, E), k));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), n.set({
         width: l
       }), i.clipPath.set({
@@ -1659,7 +1662,7 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = n, l = Number(Math.max(Math.min(e, E), x));
+      } = n, l = Number(Math.max(Math.min(e, T), x));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), n.set({
         height: l
       }), i.clipPath.set({
@@ -1721,7 +1724,7 @@ class jt {
   }
   setCanvasBackstoreWidth(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, L), k);
+      var t = Math.max(Math.min(e, E), k);
       this.editor.canvas.setDimensions({
         width: t
       }, {
@@ -1731,7 +1734,7 @@ class jt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, E), x);
+      var t = Math.max(Math.min(e, T), x);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1742,7 +1745,7 @@ class jt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, L), k), n = Math.max(Math.min(r, E), x);
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, i = Math.max(Math.min(a, E), k), n = Math.max(Math.min(r, T), x);
     console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", n), e.setDimensions({
       width: i,
       height: n
@@ -1925,7 +1928,7 @@ class jt {
       var {
         width: l,
         height: d
-      } = u, h = Math.min(l, L), g = Math.min(d, E);
+      } = u, h = Math.min(l, E), g = Math.min(d, T);
       if (t) {
         var {
           width: m,
@@ -2191,7 +2194,7 @@ class yt {
       historyManager: s
     } = this.editor, c = e || i.getActiveObject();
     if (c) {
-      if (["activeselection"].includes(c.type) && !r) {
+      if (c.set("angle", 0), ["activeselection"].includes(c.type) && !r) {
         var u = c.getObjects();
         i.discardActiveObject(), u.forEach((h) => {
           var g = n.calculateScaleFactor({
@@ -2200,7 +2203,7 @@ class yt {
           });
           h.scale(g), i.centerObject(h);
         });
-        var l = new R(u, {
+        var l = new _(u, {
           canvas: i
         });
         i.setActiveObject(l);
@@ -2545,7 +2548,7 @@ class bt {
    */
   addRectangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
     var d = l, {
-      id: e = `rect-${C()}`,
+      id: e = `rect-${D()}`,
       left: t,
       top: a,
       width: r = 100,
@@ -2559,7 +2562,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ze(T({
+    const { canvas: h } = this.editor, g = new Ze(A({
       id: e,
       left: t,
       top: a,
@@ -2587,7 +2590,7 @@ class bt {
    */
   addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
     var l = u, {
-      id: e = `circle-${C()}`,
+      id: e = `circle-${D()}`,
       left: t,
       top: a,
       radius: r = 50,
@@ -2599,7 +2602,7 @@ class bt {
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, h = new ze(T({
+    const { canvas: d } = this.editor, h = new ze(A({
       id: e,
       left: t,
       top: a,
@@ -2627,7 +2630,7 @@ class bt {
    */
   addTriangle(l = {}, { withoutSelection: c, withoutAdding: u } = {}) {
     var d = l, {
-      id: e = `triangle-${C()}`,
+      id: e = `triangle-${D()}`,
       left: t,
       top: a,
       width: r = 100,
@@ -2641,7 +2644,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ue(T({
+    const { canvas: h } = this.editor, g = new Ue(A({
       id: e,
       left: t,
       top: a,
@@ -2743,11 +2746,11 @@ class It {
       if (e.clipboard) {
         var a = yield e.clipboard.clone(["format"]);
         t.discardActiveObject(), a.set({
-          id: "".concat(a.type, "-").concat(C()),
+          id: "".concat(a.type, "-").concat(D()),
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
-        }), a instanceof R ? (a.canvas = t, a.forEachObject((r) => {
+        }), a instanceof _ ? (a.canvas = t, a.forEachObject((r) => {
           t.add(r);
         })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
           object: a
@@ -2869,7 +2872,7 @@ class At {
     var i = e || a.getActiveObject();
     if (i && i.type === "activeselection") {
       var n = i.getObjects(), s = new Ye(n);
-      n.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(C())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+      n.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(D())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
     }
   }
   /**
@@ -2892,7 +2895,7 @@ class At {
     if (!(!i || i.type !== "group")) {
       var n = i.removeAll();
       a.remove(i), n.forEach((c) => a.add(c));
-      var s = new R(n, {
+      var s = new _(n, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
@@ -2921,7 +2924,7 @@ class Ct {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new R(t.getObjects(), {
+    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new _(t.getObjects(), {
       canvas: e
     }) : r[0];
     i && a.lockObject({
@@ -2933,7 +2936,7 @@ class Ct {
     });
   }
 }
-class Nt {
+class Dt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2969,7 +2972,7 @@ class Nt {
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
   }
 }
-var Dt = {
+var Nt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2998,86 +3001,74 @@ var Dt = {
   }
 };
 class K {
-  constructor(e) {
-    var {
-      editor: t
-    } = e;
-    this.editor = t;
+  constructor({ editor: e }) {
+    this._buffer = [], this.editor = e;
+  }
+  get buffer() {
+    return this._buffer;
+  }
+  cleanBuffer() {
+    this._buffer.length = 0;
   }
   /**
    * Эмитит событие ошибки через fabricjs
    * @param {object} options
-   * @param {string} [origin='ImageEditor'] — источник ошибки (по умолчанию 'ImageEditor')
-   * @param {string} [method='Unknown Method'] — метод, вызвавший ошибку (по умолчанию 'Unknown Method')
-   * @param {string} code — код ошибки (из errorCodes)
-   * @param {object} [data] — доп. данные (опционально)
-   * @param {string} [message] — текст ошибки (опционально, если не передан, то используется код ошибки)
+   * @param {string} [options.origin='ImageEditor'] — источник ошибки (по умолчанию 'ImageEditor')
+   * @param {string} [options.method='Unknown Method'] — метод, вызвавший ошибку (по умолчанию 'Unknown Method')
+   * @param {string} options.code — код ошибки (из errorCodes)
+   * @param {object} [options.data] — доп. данные (опционально)
+   * @param {string} [options.message] — текст ошибки (опционально, если не передан, то используется код ошибки)
    * @fires editor:error
    */
-  emitError(e) {
-    var {
-      origin: t = "ImageEditor",
-      method: a = "Unknown Method",
-      code: r,
-      data: i,
-      message: n
-    } = e;
-    if (!K.isValidErrorCode(r)) {
-      console.warn("Неизвестный код ошибки: ", {
-        code: r,
-        origin: t,
-        method: a
-      });
+  emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, data: r, message: i }) {
+    if (!K.isValidErrorCode(a)) {
+      console.warn("Неизвестный код ошибки: ", { code: a, origin: e, method: t });
       return;
     }
-    if (r) {
-      var s = n || r;
-      console.error("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(s), i), this.editor.canvas.fire("editor:error", {
-        code: r,
-        origin: t,
-        method: a,
-        message: s,
-        data: i
-      });
-    }
+    if (!a) return;
+    const n = i || a;
+    console.error(`${e}. ${t}. ${a}. ${n}`, r);
+    const s = {
+      code: a,
+      origin: e,
+      method: t,
+      message: n,
+      data: r
+    };
+    this._buffer.push(A({
+      type: "editor:error"
+    }, s)), this.editor.canvas.fire("editor:error", s);
   }
   /**
    * Эмитит предупреждение через fabricjs
    * @param {object} options
-   * @param {string} [origin='ImageEditor'] — источник предупреждения (по умолчанию 'ImageEditor')
-   * @param {string} [method='Unknown Method'] — метод, вызвавший предупреждение (по умолчанию 'Unknown Method')
-   * @param {string} code — код предупреждения (из errorCodes)
-   * @param {object} [data] — доп. данные (опционально)
-   * @param {string} [message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
+   * @param {string} [options.origin='ImageEditor'] — источник предупреждения (по умолчанию 'ImageEditor')
+   * @param {string} [options.method='Unknown Method'] — метод, вызвавший предупреждение (по умолчанию 'Unknown Method')
+   * @param {string} options.code — код предупреждения (из errorCodes)
+   * @param {object} [options.data] — доп. данные (опционально)
+   * @param {string} [options.message] — текст предупреждения (опционально, если не передан, то используется код предупреждения)
    * @fires editor:warning
    */
-  emitWarning(e) {
-    var {
-      origin: t = "ImageEditor",
-      method: a = "Unknown Method",
-      code: r,
-      message: i,
-      data: n
-    } = e;
-    if (!K.isValidErrorCode(r)) {
-      console.warn("Неизвестный код ошибки: ", {
-        code: r,
-        origin: t,
-        method: a
-      });
+  emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: a, message: r, data: i }) {
+    if (!K.isValidErrorCode(a)) {
+      console.warn("Неизвестный код предупреждения: ", { code: a, origin: e, method: t });
       return;
     }
-    var s = i || r;
-    console.warn("".concat(t, ". ").concat(a, ". ").concat(r, ". ").concat(s), n), this.editor.canvas.fire("editor:warning", {
-      code: r,
-      origin: t,
-      method: a,
-      message: i,
-      data: n
-    });
+    const n = r || a;
+    console.warn(`${e}. ${t}. ${a}. ${n}`, i);
+    const s = {
+      code: a,
+      origin: e,
+      method: t,
+      message: n,
+      data: i
+    };
+    this._buffer.push(A({
+      type: "editor:warning"
+    }, s)), this.editor.canvas.fire("editor:warning", s);
   }
   static isValidErrorCode(e) {
-    return e ? Object.values(Dt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(Nt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
 class ue {
@@ -3089,7 +3080,7 @@ class ue {
   constructor(e, t) {
     this.options = t;
     const { defaultScale: a, minZoom: r, maxZoom: i } = t;
-    this.containerId = e, this.editorId = `${e}-${C()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = i || mt, this.init();
+    this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = i || mt, this.init();
   }
   init() {
     return $(this, null, function* () {
@@ -3105,7 +3096,7 @@ class ue {
         scaleType: u,
         _onReadyCallback: l
       } = this.options;
-      if (qe.apply(), this.canvas = new He(this.containerId, this.options), this.moduleLoader = new _e(), this.workerManager = new Fe(), this.errorManager = new K({ editor: this }), this.historyManager = new gt({ editor: this }), this.toolbar = new ht({ editor: this }), this.transformManager = new yt({ editor: this }), this.canvasManager = new jt({ editor: this }), this.imageManager = new A({ editor: this }), this.layerManager = new J({ editor: this }), this.shapeManager = new bt({ editor: this }), this.interactionBlocker = new pt({ editor: this }), this.clipboardManager = new It({ editor: this }), this.objectLockManager = new St({ editor: this }), this.groupingManager = new At({ editor: this }), this.selectionManager = new Ct({ editor: this }), this.deletionManager = new Nt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), s != null && s.source) {
+      if (qe.apply(), this.canvas = new He(this.containerId, this.options), this.moduleLoader = new We(), this.workerManager = new Fe(), this.errorManager = new K({ editor: this }), this.historyManager = new gt({ editor: this }), this.toolbar = new ht({ editor: this }), this.transformManager = new yt({ editor: this }), this.canvasManager = new jt({ editor: this }), this.imageManager = new C({ editor: this }), this.layerManager = new J({ editor: this }), this.shapeManager = new bt({ editor: this }), this.interactionBlocker = new pt({ editor: this }), this.clipboardManager = new It({ editor: this }), this.objectLockManager = new St({ editor: this }), this.groupingManager = new At({ editor: this }), this.selectionManager = new Ct({ editor: this }), this.deletionManager = new Dt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(a), this.canvasManager.setCanvasWrapperHeight(r), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(n), s != null && s.source) {
         const {
           source: d,
           scale: h = `image-${u}`,
@@ -3159,7 +3150,7 @@ class ue {
     }, { withoutSelection: !0, withoutAdding: !0 });
   }
   destroy() {
-    this.listeners.destroy(), this.toolbar.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls();
+    this.listeners.destroy(), this.toolbar.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls(), this.errorManager.cleanBuffer();
   }
   /**
    * Создает паттерн мозаики.
@@ -3265,7 +3256,7 @@ const wt = {
   resetObjectFitByDoubleClick: !0
 };
 function Ot(o, e = {}) {
-  const t = T(T({}, wt), e), a = document.getElementById(o);
+  const t = A(A({}, wt), e), a = document.getElementById(o);
   if (!a)
     return Promise.reject(new Error(`Контейнер с ID "${o}" не найден.`));
   const r = document.createElement("canvas");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "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": [
@@ -10,6 +10,7 @@
   "scripts": {
     "dev": "vite",
     "dev:build": "vite build --watch --mode development --config vite.config.dev.js",
+    "prebuild": "npm install",
     "build": "vite build --config vite.config.prod.js",
     "preview": "vite preview",
     "lint": "eslint ."