@anu3ev/fabric-image-editor 0.1.74 → 0.1.75

package/dist/main.js

@@ -38,9 +38,9 @@ var y = (r, e, t) => new Promise((s, a) => {
 import { ActiveSelection as v, util as P, controlsUtils as Se, InteractiveFabricObject as Ee, loadSVGFromURL as De, FabricImage as z, Point as G, Gradient as Me, Rect as Ne, Circle as Oe, Triangle as Le, Group as q, Canvas as we, Pattern as Te } from "fabric";
 import { create as ke } from "jsondiffpatch";
 import Be from "diff-match-patch";
-var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+var xe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += _e[s[e] & 63];
+    t += xe[s[e] & 63];
   return t;
 };
 class Y {
@@ -372,7 +372,7 @@ class Y {
     };
   }
 }
-class xe {
+class _e {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -1460,7 +1460,7 @@ class O {
     return t ? t[1] : "";
   }
 }
-const _ = (r, e, t) => Math.max(Math.min(r, t), e), je = (r, e) => r * e, rt = (r, e) => new G(r / 2, e / 2);
+const x = (r, e, t) => Math.max(Math.min(r, t), e), je = (r, e) => r * e, rt = (r, e) => new G(r / 2, e / 2);
 function ct(r) {
   return ((r == null ? void 0 : r.type) === "image" || (r == null ? void 0 : r.format) === "svg") && typeof (r == null ? void 0 : r.width) == "number" && typeof (r == null ? void 0 : r.height) == "number";
 }
@@ -1495,7 +1495,7 @@ class dt {
       canvas: n,
       montageArea: o,
       options: { canvasBackstoreWidth: i }
-    } = this.editor, { width: c, height: d } = o, h = _(Number(e), R, w);
+    } = this.editor, { width: c, height: d } = o, h = x(Number(e), R, w);
     if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), o.set({ width: h }), (f = n.clipPath) == null || f.set({ width: h }), t) {
       const m = h / c, M = je(d, m);
       this.setResolutionHeight(M);
@@ -1525,7 +1525,7 @@ class dt {
       canvas: n,
       montageArea: o,
       options: { canvasBackstoreHeight: i }
-    } = this.editor, { width: c, height: d } = o, h = _(Number(e), U, T);
+    } = this.editor, { width: c, height: d } = o, h = x(Number(e), U, T);
     if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), o.set({ height: h }), (f = n.clipPath) == null || f.set({ height: h }), t) {
       const m = h / d, M = je(c, m);
       this.setResolutionWidth(M);
@@ -1578,7 +1578,7 @@ class dt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, R, w);
+    const t = x(e, R, w);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1587,7 +1587,7 @@ class dt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, U, T);
+    const t = x(e, U, T);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1596,7 +1596,7 @@ class dt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = _(s, R, w), o = _(a, U, T);
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, n = x(s, R, w), o = x(a, U, T);
     e.setDimensions({ width: n, height: o }, { backstoreOnly: !0 });
   }
   /**
@@ -2135,7 +2135,7 @@ class ht {
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class x {
+class _ {
   constructor({ editor: e }) {
     this.editor = e, this.backgroundObject = null;
   }
@@ -2159,7 +2159,7 @@ class x {
         a.set({ fill: e }), a.set("backgroundId", `background-${A()}`), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createColorBackground(e);
-      this.editor.canvas.fire("background:changed", { type: "color", color: e }), s.resumeHistory(), t || s.saveState();
+      this.editor.canvas.fire("editor:background:changed", { type: "color", color: e }), s.resumeHistory(), t || s.saveState();
     } catch (s) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_CREATION_FAILED",
@@ -2183,15 +2183,15 @@ class x {
     try {
       const { historyManager: s } = this.editor, { backgroundObject: a } = this;
       if (s.suspendHistory(), a && a.backgroundType === "gradient") {
-        const n = x._createFabricGradient(e);
-        if (x._isGradientEqual(a.fill, n)) {
+        const n = _._createFabricGradient(e);
+        if (_._isGradientEqual(a.fill, n)) {
           s.resumeHistory();
           return;
         }
         a.set({ fill: n }), a.set("backgroundId", `background-${A()}`), this.editor.canvas.requestRenderAll();
       } else
         this._removeCurrentBackground(), this._createGradientBackground(e);
-      this.editor.canvas.fire("background:changed", {
+      this.editor.canvas.fire("editor:background:changed", {
         type: "gradient",
         gradientParams: e
       }), s.resumeHistory(), t || s.saveState();
@@ -2270,7 +2270,7 @@ class x {
     }) {
       try {
         const { historyManager: a } = this.editor;
-        a.suspendHistory(), this._removeCurrentBackground(), yield this._createImageBackground(e), this.editor.canvas.fire("background:changed", {
+        a.suspendHistory(), yield this._createImageBackground(e), this.editor.canvas.fire("editor:background:changed", {
           type: "image",
           imageSource: e,
           backgroundObject: this.backgroundObject
@@ -2294,16 +2294,8 @@ class x {
   removeBackground({ withoutSave: e = !1 } = {}) {
     try {
       const { historyManager: t } = this.editor;
-      if (!this.backgroundObject) {
-        this.editor.errorManager.emitWarning({
-          code: "NO_BACKGROUND_TO_REMOVE",
-          origin: "BackgroundManager",
-          method: "removeBackground",
-          message: "Нет фона для удаления"
-        });
-        return;
-      }
-      t.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("background:removed"), t.resumeHistory(), e || t.saveState();
+      if (!this.backgroundObject) return;
+      t.suspendHistory(), this._removeCurrentBackground(), this.editor.canvas.fire("editor:background:removed"), t.resumeHistory(), e || t.saveState();
     } catch (t) {
       this.editor.errorManager.emitError({
         code: "BACKGROUND_REMOVAL_FAILED",
@@ -2356,7 +2348,7 @@ class x {
       backgroundType: "gradient",
       backgroundId: `background-${A()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const t = x._createFabricGradient(e);
+    const t = _._createFabricGradient(e);
     this.backgroundObject.set("fill", t), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -2383,7 +2375,7 @@ class x {
         id: "background",
         backgroundType: "image",
         backgroundId: `background-${A()}`
-      }), this.backgroundObject = t, this.refresh();
+      }), this._removeCurrentBackground(), this.backgroundObject = t, this.refresh();
     });
   }
   /**
@@ -2407,7 +2399,7 @@ class x {
       { offset: n / 100, color: s }
     ];
     if (e.type === "linear") {
-      const l = e.angle * Math.PI / 180, g = x._angleToCoords(l);
+      const l = e.angle * Math.PI / 180, g = _._angleToCoords(l);
       return new Me({
         type: "linear",
         gradientUnits: "percentage",
@@ -3345,7 +3337,7 @@ class re {
         scaleType: d,
         _onReadyCallback: h
       } = this.options;
-      if (Ve.apply(), this.canvas = new we(this.containerId, this.options), this.moduleLoader = new xe(), this.workerManager = new Ue(), this.errorManager = new $({ editor: this }), this.historyManager = new st({ editor: this }), this.toolbar = new tt({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new Q({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new x({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new K({ editor: this }), this.groupingManager = new Mt({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Y({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(o), i != null && i.source) {
+      if (Ve.apply(), this.canvas = new we(this.containerId, this.options), this.moduleLoader = new _e(), this.workerManager = new Ue(), this.errorManager = new $({ editor: this }), this.historyManager = new st({ editor: this }), this.toolbar = new tt({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new Q({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new _({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new K({ editor: this }), this.groupingManager = new Mt({ editor: this }), this.selectionManager = new ft({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Y({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(o), i != null && i.source) {
         const {
           source: l,
           scale: g = `image-${d}`,

package/package.json

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