@anu3ev/fabric-image-editor 0.1.39 → 0.1.40

package/dist/main.js

@@ -1,24 +1,24 @@
 var Le = Object.defineProperty;
-var X = Object.getOwnPropertySymbols;
+var G = Object.getOwnPropertySymbols;
 var Me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
 var me = (o, e, t) => e in o ? Le(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, C = (o, e) => {
   for (var t in e || (e = {}))
     Me.call(e, t) && me(o, t, e[t]);
-  if (X)
-    for (var t of X(e))
+  if (G)
+    for (var t of G(e))
       fe.call(e, t) && me(o, t, e[t]);
   return o;
 };
-var Q = (o, e) => {
+var X = (o, e) => {
   var t = {};
   for (var a in o)
     Me.call(o, a) && e.indexOf(a) < 0 && (t[a] = o[a]);
-  if (o != null && X)
-    for (var a of X(o))
+  if (o != null && G)
+    for (var a of G(o))
       e.indexOf(a) < 0 && fe.call(o, a) && (t[a] = o[a]);
   return t;
 };
-var H = (o, e, t) => new Promise((a, r) => {
+var Q = (o, e, t) => new Promise((a, r) => {
   var i = (c) => {
     try {
       s(t.next(c));
@@ -34,11 +34,11 @@ var H = (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 W, util as _, controlsUtils as Ee, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as q, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as Ye } from "fabric";
-import { create as He } from "jsondiffpatch";
-var Pe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", S = function() {
+import { ActiveSelection as H, util as P, controlsUtils as Ee, InteractiveFabricObject as Oe, loadSVGFromURL as Te, FabricImage as q, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Canvas as Ue, Pattern as Ye } from "fabric";
+import { create as _e } from "jsondiffpatch";
+var Re = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += Pe[a[e] & 63];
+    t += Re[a[e] & 63];
   return t;
 };
 class R {
@@ -95,7 +95,7 @@ class R {
       this.canvas.setActiveObject(r[0]);
       return;
     }
-    const i = new W(r, {
+    const i = new H(r, {
       canvas: this.canvas
     });
     this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -157,9 +157,9 @@ class R {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return H(this, null, function* () {
+    return Q(this, null, function* () {
       const { ctrlKey: t, metaKey: a, code: r, repeat: i } = e;
-      !t && !a || i || this.isUndoRedoKeyPressed || (r === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : r === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
+      !t && !a || i || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (r === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : r === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
   }
   /**
@@ -168,7 +168,7 @@ class R {
    * @param {String} event.code — код клавиши
    */
   handleUndoRedoKeyUp({ code: e }) {
-    (e === "KeyZ" || e === "KeyY") && (this.isUndoRedoKeyPressed = !1);
+    ["KeyZ", "KeyY"].includes(e) && (this.isUndoRedoKeyPressed = !1);
   }
   /**
    * Обработчик для выделения всех объектов (Ctrl+A).
@@ -304,7 +304,7 @@ class R {
     };
   }
 }
-class Re {
+class He {
   /**
    * @description Класс для динамической загрузки внешних модулей.
    */
@@ -322,7 +322,7 @@ class Re {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error('Unknown module "'.concat(e, '"')));
   }
 }
-class We {
+class Pe {
   /**
    * @param {string|URL} [scriptUrl] — URL скрипта воркера.
    * По-умолчанию использует файл рядом с этим модулем
@@ -362,7 +362,7 @@ class We {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(S(8));
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(A(8));
     return new Promise((i, n) => {
       this._callbacks.set(r, {
         resolve: i,
@@ -381,24 +381,24 @@ class We {
     this.worker.terminate();
   }
 }
-var I = 12, _e = 2, te = 8, ae = 20, Fe = 100, re = 20, ie = 8, Ve = 100, ne = 32, se = 1, Ge = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
+var I = 12, We = 2, te = 8, ae = 20, Fe = 100, re = 20, ie = 8, Ve = 100, ne = 32, se = 1, Ge = "#2B2D33", oe = "#3D8BF4", ce = "#FFFFFF";
 function J(o, e, t, a, r) {
-  var i = I, n = _e;
-  o.save(), o.translate(e, t), o.rotate(_.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();
+  var i = I, n = We;
+  o.save(), o.translate(e, t), o.rotate(P.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 = Fe;
-  o.save(), o.translate(e, t), o.rotate(_.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(P.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 = Ve;
-  o.save(), o.translate(e, t), o.rotate(_.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(P.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 Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ae = new Image();
-Ae.src = Xe;
+var Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Se = new Image();
+Se.src = Xe;
 function Qe(o, e, t, a, r) {
   var i = ne, n = i / 2;
-  o.save(), o.translate(e, t), o.rotate(_.degreesToRadians(r.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(Ae, -16 / 2, -16 / 2, n, n), o.restore();
+  o.save(), o.translate(e, t), o.rotate(P.degreesToRadians(r.angle)), o.fillStyle = Ge, o.beginPath(), o.arc(0, 0, n, 0, 2 * Math.PI), o.fill(), o.drawImage(Se, -16 / 2, -16 / 2, n, n), o.restore();
 }
 var Je = {
   // Угловые точки
@@ -511,7 +511,7 @@ function st(o) {
     });
   };
 }
-const P = {
+const _ = {
   style: {
     position: "absolute",
     display: "none",
@@ -662,11 +662,11 @@ class dt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = j(j(j({}, P), a), {}, {
-        style: j(j({}, P.style), a.style || {}),
-        btnStyle: j(j({}, P.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, P.icons), a.icons || {}),
-        handlers: j(j({}, P.handlers), a.handlers || {})
+      this.config = j(j(j({}, _), a), {}, {
+        style: j(j({}, _.style), a.style || {}),
+        btnStyle: j(j({}, _.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, _.icons), a.icons || {}),
+        handlers: j(j({}, _.handlers), a.handlers || {})
       }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !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();
@@ -844,7 +844,7 @@ class lt {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = He({
+    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("-");
       },
@@ -908,7 +908,7 @@ class lt {
         return;
       }
       console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", a), this.totalChangesCount += 1, this.patches.push({
-        id: S(),
+        id: A(),
         diff: a
       }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
     }
@@ -1002,7 +1002,7 @@ class lt {
   }
 }
 const ht = 0.1, gt = 2, vt = 0.1, mt = 90, k = 16, x = 16, E = 4096, O = 4096;
-function Se(o, e, t, a, r, i, n) {
+function Ae(o, e, t, a, r, i, n) {
   try {
     var s = o[i](n), c = s.value;
   } catch (u) {
@@ -1016,16 +1016,16 @@ function T(o) {
     return new Promise(function(a, r) {
       var i = o.apply(e, t);
       function n(c) {
-        Se(i, a, r, n, s, "next", c);
+        Ae(i, a, r, n, s, "next", c);
       }
       function s(c) {
-        Se(i, a, r, n, s, "throw", c);
+        Ae(i, a, r, n, s, "throw", c);
       }
       n(void 0);
     });
   };
 }
-class w {
+class D {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1063,7 +1063,7 @@ class w {
         transformManager: c,
         historyManager: u,
         errorManager: d
-      } = t.editor, l = yield t.getContentType(a), h = w.getFormatFromContentType(l), {
+      } = t.editor, l = yield t.getContentType(a), h = D.getFormatFromContentType(l), {
         acceptContentTypes: g,
         acceptFormats: M
       } = t;
@@ -1089,13 +1089,13 @@ class w {
         if (a instanceof File)
           f = URL.createObjectURL(a);
         else if (typeof a == "string") {
-          var A = yield fetch(a, {
+          var S = yield fetch(a, {
             mode: "cors"
-          }), D = yield A.blob({
+          }), N = yield S.blob({
             type: l,
             quality: 1
           });
-          f = URL.createObjectURL(D);
+          f = URL.createObjectURL(N);
         } else
           return d.emitError({
             origin: "ImageManager",
@@ -1111,8 +1111,8 @@ class w {
             }
           }), null;
         if (t._createdBlobUrls.push(f), h === "svg") {
-          var N = yield Te(f);
-          v = _.groupSVGElements(N.objects, N.options);
+          var w = yield Te(f);
+          v = P.groupSVGElements(w.objects, w.options);
         } else
           v = yield q.fromURL(f, {
             crossOrigin: "anonymous"
@@ -1127,19 +1127,19 @@ class w {
             crossOrigin: "anonymous"
           });
         } else if (y < x || L < k) {
-          var F = yield t.resizeImageToBoundaries(v._element.src, "min"), Z = URL.createObjectURL(F);
+          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(S())), v.set("format", h), r === "scale-montage")
+        if (v.set("id", "".concat(v.type, "-").concat(A())), v.set("format", h), r === "scale-montage")
           t.editor.canvasManager.scaleMontageAreaToImage({
             object: v,
             withoutSave: !0
           });
         else {
           var {
-            width: V,
+            width: F,
             height: z
           } = s, U = t.calculateScaleFactor({
             imageObject: v,
@@ -1149,14 +1149,14 @@ class w {
             object: v,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (L > V || y > z) && c.fitObject({
+          }) : r === "image-cover" && (L > F || y > z) && c.fitObject({
             object: v,
             type: "cover",
             withoutSave: !0
           });
         }
         n.add(v), n.centerObject(v), n.setActiveObject(v), n.renderAll(), u.resumeHistory(), i || u.saveState();
-        var G = {
+        var V = {
           image: v,
           format: h,
           contentType: l,
@@ -1164,7 +1164,7 @@ class w {
           withoutSave: i,
           source: a
         };
-        return n.fire("editor:image-imported", G), G;
+        return n.fire("editor:image-imported", V), V;
       } catch (Y) {
         return d.emitError({
           origin: "ImageManager",
@@ -1237,7 +1237,7 @@ class w {
         workerManager: u
       } = t.editor;
       try {
-        var d = r === "application/pdf", l = d ? "image/jpg" : r, h = w.getFormatFromContentType(l);
+        var d = r === "application/pdf", l = d ? "image/jpg" : r, h = D.getFormatFromContentType(l);
         c.setCoords();
         var {
           left: g,
@@ -1246,18 +1246,18 @@ class w {
           height: f
         } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
-        var A = v.getObjects().find((b) => b.id === c.id);
-        A.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
+        var S = v.getObjects().find((b) => b.id === c.id);
+        S.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
           width: m,
           height: f
         }, {
           backstoreOnly: !0
         }), v.renderAll();
-        var D = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
-        if (h === "svg" && D) {
-          var N = v.toSVG();
+        var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
+        if (h === "svg" && N) {
+          var w = v.toSVG();
           v.dispose();
-          var L = w._exportSVGStringAsFile(N, {
+          var L = D._exportSVGStringAsFile(w, {
             exportAsBase64: i,
             exportAsBlob: n,
             fileName: a
@@ -1281,13 +1281,13 @@ class w {
           };
           return s.fire("editor:canvas-exported", B), B;
         }
-        var F = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var W = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: F
-        }, [F]);
+          bitmap: W
+        }, [W]);
         if (d) {
-          var V = 0.264583, z = m * V, U = f * V, G = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new G({
+          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",
             unit: "mm",
             format: [z, U]
@@ -1301,10 +1301,10 @@ class w {
             };
             return s.fire("editor:canvas-exported", de), de;
           }
-          var we = Y.output("blob"), De = new File([we], a, {
+          var De = Y.output("blob"), Ne = new File([De], a, {
             type: "application/pdf"
           }), le = {
-            image: De,
+            image: Ne,
             format: "pdf",
             contentType: "application/pdf",
             fileName: a
@@ -1320,10 +1320,10 @@ class w {
           };
           return s.fire("editor:canvas-exported", he), he;
         }
-        var ge = h === "svg" && !D ? a.replace(/\.[^/.]+$/, ".png") : a, Ne = new File([p], ge, {
+        var ge = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, we = new File([p], ge, {
           type: l
         }), ve = {
-          image: Ne,
+          image: we,
           format: h,
           contentType: l,
           fileName: ge
@@ -1383,7 +1383,7 @@ class w {
           }
         }), "";
       try {
-        var l = w.getFormatFromContentType(i);
+        var l = D.getFormatFromContentType(i);
         if (l === "svg") {
           var h = d.toSVG(), g = t._exportSVGStringAsFile(h, {
             exportAsBase64: n,
@@ -1410,19 +1410,19 @@ class w {
           };
           return c.fire("editor:object-exported", v), v;
         }
-        var A = d.toCanvasElement(), D = yield new Promise((p) => {
-          A.toBlob(p);
+        var S = d.toCanvasElement(), N = yield new Promise((p) => {
+          S.toBlob(p);
         });
         if (s) {
-          var N = {
-            image: D,
+          var w = {
+            image: N,
             format: l,
             contentType: i,
             fileName: r
           };
-          return c.fire("editor:object-exported", N), N;
+          return c.fire("editor:object-exported", w), w;
         }
-        var L = new File([D], r, {
+        var L = new File([N], r, {
           type: i
         }), y = {
           image: L,
@@ -1482,7 +1482,7 @@ class w {
    * @returns {string[]} - массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => w.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => D.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1551,7 +1551,7 @@ class w {
     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 = w.getFormatFromContentType(n);
+        var s = D.getFormatFromContentType(n);
         s && (i[s] = n);
       }), i[r] || "application/octet-stream";
     } catch (n) {
@@ -1959,8 +1959,8 @@ class Mt {
         var {
           width: M,
           height: m
-        } = i, f = d / M, v = l / m, A = Math.max(f, v);
-        h = M * A, g = m * A;
+        } = i, f = d / M, v = l / m, S = Math.max(f, v);
+        h = M * S, g = m * S;
       }
       this.setResolutionWidth(h, {
         withoutSave: !0
@@ -2234,7 +2234,7 @@ class ft {
           });
           h.scale(g), i.centerObject(h);
         });
-        var d = new W(u, {
+        var d = new H(u, {
           canvas: i
         });
         i.setActiveObject(d);
@@ -2588,13 +2588,13 @@ class yt {
    */
   addRectangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
     var l = d, {
-      id: e = `rect-${S()}`,
+      id: e = `rect-${A()}`,
       left: t,
       top: a,
       width: r = 100,
       height: i = 100,
       fill: n = "blue"
-    } = l, s = Q(l, [
+    } = l, s = X(l, [
       "id",
       "left",
       "top",
@@ -2630,12 +2630,12 @@ class yt {
    */
   addCircle(u = {}, { withoutSelection: s, withoutAdding: c } = {}) {
     var d = u, {
-      id: e = `circle-${S()}`,
+      id: e = `circle-${A()}`,
       left: t,
       top: a,
       radius: r = 50,
       fill: i = "green"
-    } = d, n = Q(d, [
+    } = d, n = X(d, [
       "id",
       "left",
       "top",
@@ -2670,13 +2670,13 @@ class yt {
    */
   addTriangle(d = {}, { withoutSelection: c, withoutAdding: u } = {}) {
     var l = d, {
-      id: e = `triangle-${S()}`,
+      id: e = `triangle-${A()}`,
       left: t,
       top: a,
       width: r = 100,
       height: i = 100,
       fill: n = "yellow"
-    } = l, s = Q(l, [
+    } = l, s = X(l, [
       "id",
       "left",
       "top",
@@ -2708,48 +2708,69 @@ class pt {
    * @fires editor:object-copied
    */
   copy() {
-    return H(this, null, function* () {
-      const { canvas: e } = this.editor, t = e.getActiveObject();
-      if (t)
-        try {
-          const a = yield t.clone(["format"]);
-          if (this.clipboard = a, typeof ClipboardItem == "undefined" || !navigator.clipboard) {
-            console.warn(
-              // eslint-disable-next-line max-len
-              "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
-            ), e.fire("editor:object-copied", { object: a });
-            return;
-          }
-          if (this.clipboard.type !== "image") {
-            yield navigator.clipboard.writeText(`application/image-editor:${JSON.stringify(a)}`), e.fire("editor:object-copied", { object: a });
-            return;
-          }
-          const r = a.toCanvasElement(), i = yield new Promise((s) => {
-            r.toBlob(s);
-          });
-          if (!i) return;
-          const n = new ClipboardItem({ [i.type]: i });
-          yield navigator.clipboard.write([n]), e.fire("editor:object-copied", { object: a });
-        } catch (a) {
-          if (!(a instanceof Error)) return;
-          const r = "ClipboardManager. Ошибка записи в системный буфер обмена:";
-          console.error(r, a), e.fire("editor:error", {
-            message: `${r} ${a.message}`
-          });
-        }
+    const { canvas: e, errorManager: t } = this.editor, a = e.getActiveObject();
+    if (!a) return;
+    if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
+      return t.emitWarning({
+        origin: "ClipboardManager",
+        method: "copy",
+        code: "CLIPBOARD_NOT_SUPPORTED",
+        message: "ClipboardManager. navigator.clipboard не поддерживается в этом браузере или отсутствует соединение по HTTPS-протоколу."
+      }), this._cloneAndFire(e, a);
+    if (a.type !== "image") {
+      const h = `application/image-editor:${JSON.stringify(a.toObject(["format"]))}`;
+      return navigator.clipboard.writeText(h).catch((g) => {
+        t.emitWarning({
+          origin: "ClipboardManager",
+          method: "copy",
+          code: "CLIPBOARD_WRITE_TEXT_FAILED",
+          message: `Ошибка записи текстового объекта в буфер обмена: ${g.message}`,
+          data: g
+        });
+      }), this._cloneAndFire(e, a);
+    }
+    const i = a.toCanvasElement().toDataURL(), n = i.slice(5).split(";")[0], s = i.split(",")[1], c = atob(s), u = new Uint8Array(c.length);
+    for (let h = 0; h < c.length; h++)
+      u[h] = c.charCodeAt(h);
+    const d = new Blob([u.buffer], { type: n }), l = new ClipboardItem({ [n]: d });
+    navigator.clipboard.write([l]).catch((h) => {
+      t.emitWarning({
+        origin: "ClipboardManager",
+        method: "copy",
+        code: "CLIPBOARD_WRITE_IMAGE_FAILED",
+        message: `Ошибка записи изображения в буфер обмена: ${h.message}`
+      });
+    }), this._cloneAndFire(e, a);
+  }
+  /**
+   * Клонирует объект и вызывает событие 'editor:object-copied'.
+   * @param canvas - экземпляр canvas
+   * @param object - активный объект
+   */
+  _cloneAndFire(e, t) {
+    t.clone(["format"]).then((a) => {
+      this.clipboard = a, e.fire("editor:object-copied", { object: a });
+    }).catch((a) => {
+      this.editor.errorManager.emitError({
+        origin: "ClipboardManager",
+        method: "_cloneAndFire",
+        code: "CLONE_FAILED",
+        message: "ClipboardManager. Ошибка клонирования объекта",
+        data: a
+      });
     });
   }
   /**
-  * Обработчик вставки объекта или изображения из буфера обмена.
-  * @param {Object} event — объект события
-  * @param {Object} event.clipboardData — данные из буфера обмена
-  * @param {Array} event.clipboardData.items — элементы буфера обмена
-  */
+   * Обработчик вставки объекта или изображения из буфера обмена.
+   * @param {Object} event — объект события
+   * @param {Object} event.clipboardData — данные из буфера обмена
+   * @param {Array} event.clipboardData.items — элементы буфера обмена
+   */
   handlePasteEvent({ clipboardData: e }) {
     var n;
     if (!((n = e == null ? void 0 : e.items) != null && n.length)) return;
     const { imageManager: t } = this.editor, { items: a } = e, r = a[a.length - 1];
-    if (console.log("handlePasteEvent clipboardData", e), console.log("handlePasteEvent lastItem", r), r.type !== "text/html") {
+    if (r.type !== "text/html") {
       const s = r.getAsFile();
       if (!s) return;
       const c = new FileReader();
@@ -2773,16 +2794,16 @@ class pt {
    * @fires editor:object-pasted
    */
   paste() {
-    return H(this, null, function* () {
+    return Q(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return;
       const t = yield this.clipboard.clone(["format"]);
       e.discardActiveObject(), t.set({
-        id: `${t.type}-${S()}`,
+        id: `${t.type}-${A()}`,
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof W ? (t.canvas = e, t.forEachObject((a) => {
+      }), t instanceof H ? (t.canvas = e, t.forEachObject((a) => {
         e.add(a);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
@@ -2901,7 +2922,7 @@ class It {
     var i = e || a.getActiveObject();
     if (i && i.type === "activeselection") {
       var n = i.getObjects(), s = new ze(n);
-      n.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(S())), 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(A())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped", {
         object: i,
         group: s,
         withoutSave: t
@@ -2928,7 +2949,7 @@ class It {
     if (!(!i || i.type !== "group")) {
       var n = i.removeAll();
       a.remove(i), n.forEach((c) => a.add(c));
-      var s = new W(n, {
+      var s = new H(n, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped", {
@@ -2939,7 +2960,7 @@ class It {
     }
   }
 }
-class St {
+class At {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2961,7 +2982,7 @@ class St {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new W(t.getObjects(), {
+    var r = t.getObjects(), i = r.some((s) => s.locked), n = r.length > 1 ? new H(t.getObjects(), {
       canvas: e
     }) : r[0];
     i && a.lockObject({
@@ -2973,7 +2994,7 @@ class St {
     });
   }
 }
-class At {
+class St {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -3038,6 +3059,27 @@ var Ct = {
      * Ошибка при экспорте изображения
      */
     IMAGE_EXPORT_FAILED: "IMAGE_EXPORT_FAILED"
+  },
+  /**
+   * Коды ошибок и предупреждений для ClipboardManager.
+   */
+  CLIPBOARD_CODES: {
+    /**
+     * Буфер обмена не поддерживается в браузере или отсутствует HTTPS-соединение.
+     */
+    CLIPBOARD_NOT_SUPPORTED: "CLIPBOARD_NOT_SUPPORTED",
+    /**
+     * Ошибка записи текстового объекта в буфер обмена.
+     */
+    CLIPBOARD_WRITE_TEXT_FAILED: "CLIPBOARD_WRITE_TEXT_FAILED",
+    /**
+     * Ошибка записи изображения в буфер обмена.
+     */
+    CLIPBOARD_WRITE_IMAGE_FAILED: "CLIPBOARD_WRITE_IMAGE_FAILED",
+    /**
+     * Ошибка клонирования объекта.
+     */
+    CLONE_FAILED: "CLONE_FAILED"
   }
 };
 class $ {
@@ -3120,10 +3162,10 @@ class ue {
   constructor(e, t) {
     this.options = t;
     const { defaultScale: a, minZoom: r, maxZoom: i } = t;
-    this.containerId = e, this.editorId = `${e}-${S()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ht, this.maxZoom = i || gt, this.init();
+    this.containerId = e, this.editorId = `${e}-${A()}`, this.clipboard = null, this.defaultZoom = a, this.minZoom = r || ht, this.maxZoom = i || gt, this.init();
   }
   init() {
-    return H(this, null, function* () {
+    return Q(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -3136,7 +3178,7 @@ class ue {
         scaleType: u,
         _onReadyCallback: d
       } = this.options;
-      if (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new We(), this.errorManager = new $({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new Mt({ editor: this }), this.imageManager = new w({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new pt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new St({ editor: this }), this.deletionManager = new At({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ 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 (Ke.apply(), this.canvas = new Ue(this.containerId, this.options), this.moduleLoader = new He(), this.workerManager = new Pe(), this.errorManager = new $({ editor: this }), this.historyManager = new lt({ editor: this }), this.toolbar = new dt({ editor: this }), this.transformManager = new ft({ editor: this }), this.canvasManager = new Mt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new yt({ editor: this }), this.interactionBlocker = new jt({ editor: this }), this.clipboardManager = new pt({ editor: this }), this.objectLockManager = new bt({ editor: this }), this.groupingManager = new It({ editor: this }), this.selectionManager = new At({ editor: this }), this.deletionManager = new St({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ 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: l,
           scale: h = `image-${u}`,
@@ -3206,7 +3248,7 @@ class ue {
     });
   }
 }
-const wt = {
+const Dt = {
   /**
    * Опции редактора
    */
@@ -3295,7 +3337,7 @@ const wt = {
   resetObjectFitByDoubleClick: !0
 };
 function Et(o, e = {}) {
-  const t = C(C({}, wt), e), a = document.getElementById(o);
+  const t = C(C({}, Dt), 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.39",
+  "version": "0.1.40",
   "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": [
@@ -8,7 +8,7 @@
   ],
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --config vite.config.dev.js",
     "dev:build": "vite build --watch --mode development --config vite.config.dev.js",
     "prebuild": "npm install",
     "build": "vite build --config vite.config.prod.js",