@anu3ev/fabric-image-editor 0.1.66 → 0.1.68

package/dist/main.js

@@ -1,15 +1,15 @@
-var ye = Object.defineProperty, pe = Object.defineProperties;
+var pe = Object.defineProperty, ye = Object.defineProperties;
 var Ie = Object.getOwnPropertyDescriptors;
 var Y = Object.getOwnPropertySymbols;
 var le = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
-var de = (r, e, t) => e in r ? ye(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, y = (r, e) => {
+var de = (r, e, t) => e in r ? pe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e) => {
   for (var t in e || (e = {}))
     le.call(e, t) && de(r, t, e[t]);
   if (Y)
     for (var t of Y(e))
       he.call(e, t) && de(r, t, e[t]);
   return r;
-}, ge = (r, e) => pe(r, Ie(e));
+}, ge = (r, e) => ye(r, Ie(e));
 var _ = (r, e) => {
   var t = {};
   for (var s in r)
@@ -35,7 +35,7 @@ var v = (r, e, t) => new Promise((s, n) => {
   }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, a);
   o((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as p, util as H, controlsUtils as ve, InteractiveFabricObject as Ae, loadSVGFromURL as Se, FabricImage as R, Point as P, Rect as Ce, Circle as Ne, Triangle as De, Group as J, Canvas as Le, Pattern as we } from "fabric";
+import { ActiveSelection as y, util as H, controlsUtils as ve, InteractiveFabricObject as Ae, loadSVGFromURL as Se, FabricImage as R, Point as P, Rect as Ce, Circle as Ne, Triangle as De, Group as J, Canvas as Le, Pattern as we } from "fabric";
 import { create as Ee } from "jsondiffpatch";
 import Oe from "diff-match-patch";
 var Te = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", L = function() {
@@ -98,7 +98,7 @@ class z {
       if (n.length === 1)
         this.canvas.setActiveObject(n[0]);
       else {
-        const a = new p(n, {
+        const a = new y(n, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(a);
@@ -106,7 +106,7 @@ class z {
       this.canvas.requestRenderAll();
       return;
     }
-    const i = new p(e, {
+    const i = new y(e, {
       canvas: this.canvas
     });
     this.editor.objectLockManager.lockObject({
@@ -217,7 +217,7 @@ class z {
     if (n || i) return;
     this.isSpacePressed = !0, e.preventDefault();
     const a = t.getActiveObject() || null;
-    a instanceof p ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
+    a instanceof y ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((o) => {
@@ -256,7 +256,7 @@ class z {
       t.setActiveObject(e[0]);
       return;
     }
-    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), i = new p(n, { canvas: t });
+    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), i = new y(n, { canvas: t });
     t.setActiveObject(i);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -653,11 +653,11 @@ class Ke {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = ge(y(y({}, Z), e), {
-      style: y(y({}, Z.style), e.style || {}),
-      btnStyle: y(y({}, Z.btnStyle), e.btnStyle || {}),
-      icons: y(y({}, Z.icons), e.icons || {}),
-      handlers: y(y({}, Z.handlers), e.handlers || {})
+    this.config = ge(p(p({}, Z), e), {
+      style: p(p({}, Z.style), e.style || {}),
+      btnStyle: p(p({}, Z.btnStyle), e.btnStyle || {}),
+      icons: p(p({}, Z.icons), e.icons || {}),
+      handlers: p(p({}, Z.handlers), e.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, 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();
@@ -1113,7 +1113,7 @@ class D {
         const c = s === "application/pdf", l = c ? "image/jpg" : s, h = D.getFormatFromContentType(l);
         o.setCoords();
         const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), f = yield a.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
+        f.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
         const j = f.getObjects().find((I) => I.id === o.id);
         j && (j.visible = !1), f.viewportTransform = [1, 0, 0, 1, -g, -u], f.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), f.renderAll();
         const A = f.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
@@ -1263,7 +1263,9 @@ class D {
           };
           return o.fire("editor:object-exported", j), j;
         }
-        const h = c.toCanvasElement(), g = yield new Promise((M, f) => {
+        const h = c.toCanvasElement({
+          enableRetinaScaling: !1
+        }), g = yield new Promise((M, f) => {
           h.toBlob((j) => {
             j ? M(j) : f(new Error("Failed to create Blob from canvas"));
           });
@@ -1584,7 +1586,7 @@ class ot {
         if (l.length === 1)
           e.setActiveObject(l[0]);
         else {
-          const h = new p(l, {
+          const h = new y(l, {
             canvas: e
           });
           e.setActiveObject(h);
@@ -1920,7 +1922,7 @@ class rt {
     withoutSave: s
   } = {}) {
     const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
-    a && (a instanceof p ? a.getObjects().forEach((o) => {
+    a && (a instanceof y ? a.getObjects().forEach((o) => {
       o.set("opacity", t);
     }) : a.set("opacity", t), n.renderAll(), s || i.saveState(), n.fire("editor:object-opacity-changed", {
       object: a,
@@ -1947,12 +1949,12 @@ class rt {
   } = {}) {
     const { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject();
     if (o) {
-      if (o instanceof p && !n) {
+      if (o instanceof y && !n) {
         const d = o.getObjects();
         i.discardActiveObject(), d.forEach((l) => {
           this._fitSingleObject(l, t);
         });
-        const c = new p(d, { canvas: i });
+        const c = new y(d, { canvas: i });
         i.setActiveObject(c);
       } else
         this._fitSingleObject(o, t);
@@ -2097,7 +2099,7 @@ class V {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    i && (i instanceof p ? i.getObjects().forEach((a) => {
+    i && (i instanceof y ? i.getObjects().forEach((a) => {
       s.bringObjectToFront(a);
     }) : s.bringObjectToFront(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
       object: i,
@@ -2115,7 +2117,7 @@ class V {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    i && (i instanceof p ? V._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
+    i && (i instanceof y ? V._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
       object: i,
       withoutSave: t
     }));
@@ -2137,7 +2139,7 @@ class V {
     i.suspendHistory();
     const o = e || s.getActiveObject();
     if (o) {
-      if (o instanceof p) {
+      if (o instanceof y) {
         const d = o.getObjects();
         for (let c = d.length - 1; c >= 0; c -= 1)
           s.sendObjectToBack(d[c]);
@@ -2164,7 +2166,7 @@ class V {
     } = this.editor;
     i.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof p ? V._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
+    o && (o instanceof y ? V._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
       object: o,
       withoutSave: t
     }));
@@ -2248,7 +2250,7 @@ class dt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Ce(y({
+    const { canvas: g } = this.editor, u = new Ce(p({
       id: e,
       left: t,
       top: s,
@@ -2288,7 +2290,7 @@ class dt {
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ne(y({
+    const { canvas: h } = this.editor, g = new Ne(p({
       id: e,
       left: t,
       top: s,
@@ -2330,7 +2332,7 @@ class dt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new De(y({
+    const { canvas: g } = this.editor, u = new De(p({
       id: e,
       left: t,
       top: s,
@@ -2393,14 +2395,20 @@ class lt {
         });
         return;
       }
-      const i = s.toCanvasElement().toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), c = new Uint8Array(d.length);
+      const i = s.toCanvasElement({
+        enableRetinaScaling: !1
+      }).toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), c = new Uint8Array(d.length);
       for (let g = 0; g < d.length; g += 1)
         c[g] = d.charCodeAt(g);
       const l = new Blob([c.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
       navigator.clipboard.write([h]).catch((g) => {
+        if (g.name === "NotAllowedError") {
+          console.info("Clipboard access denied, object copied to internal clipboard only");
+          return;
+        }
         const u = `${$}${JSON.stringify(s.toObject(["format"]))}`;
         navigator.clipboard.writeText(u).catch((m) => {
-          t.emitError({
+          t.emitWarning({
             origin: "ClipboardManager",
             method: "copy",
             code: "CLIPBOARD_WRITE_IMAGE_FAILED",
@@ -2463,7 +2471,7 @@ class lt {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof p ? (t.canvas = e, t.forEachObject((s) => {
+      }), t instanceof y ? (t.canvas = e, t.forEachObject((s) => {
         e.add(s);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
@@ -2530,7 +2538,7 @@ class G {
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof p || e instanceof J;
+    return e instanceof y || e instanceof J;
   }
 }
 class ht {
@@ -2551,7 +2559,7 @@ class ht {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    if (!i || !(i instanceof p)) return;
+    if (!i || !(i instanceof y)) return;
     const a = i.getObjects(), o = new J(a);
     a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${L()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
       object: i,
@@ -2576,7 +2584,7 @@ class ht {
     if (!(i instanceof J)) return;
     const a = i.removeAll();
     s.remove(i), a.forEach((d) => s.add(d));
-    const o = new p(a, {
+    const o = new y(a, {
       canvas: s
     });
     s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
@@ -2597,7 +2605,7 @@ class gt {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new p(t.getObjects(), { canvas: e }) : n[0];
+    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new y(t.getObjects(), { canvas: e }) : n[0];
     i && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
@@ -2732,7 +2740,7 @@ class X {
       message: a,
       data: n
     };
-    this._buffer.push(y({
+    this._buffer.push(p({
       type: "editor:error"
     }, o)), this.editor.canvas.fire("editor:error", o);
   }
@@ -2760,7 +2768,7 @@ class X {
       message: a,
       data: i
     };
-    this._buffer.push(y({
+    this._buffer.push(p({
       type: "editor:warning"
     }, o)), this.editor.canvas.fire("editor:warning", o);
   }
@@ -2887,6 +2895,7 @@ const mt = {
   preserveObjectStacking: !0,
   controlsAboveOverlay: !0,
   centeredRotation: !0,
+  enableRetinaScaling: !1,
   /*
    * Кастомные опции
    */
@@ -2970,7 +2979,7 @@ const mt = {
   keyboardIgnoreSelectors: []
 };
 function At(r, e = {}) {
-  const t = y(y({}, mt), e), s = document.getElementById(r);
+  const t = p(p({}, mt), e), s = document.getElementById(r);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   const n = document.createElement("canvas");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "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": [