@anu3ev/fabric-image-editor 0.1.4 → 0.1.6

package/dist/main.js

@@ -8,8 +8,8 @@ var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", I =
 function le(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -64,10 +64,10 @@ class B {
       pasteImageFromClipboard: o,
       undoRedoByHotKeys: s,
       selectAllByHotkey: c,
-      deleteObjectsByHotkey: d,
-      resetObjectFitByDoubleClick: l
+      deleteObjectsByHotkey: u,
+      resetObjectFitByDoubleClick: h
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound)), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleAdaptCanvasToContainerBound, {
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound)), a && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), r && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleAdaptCanvasToContainerBound, {
       capture: !0
     }), n && document.addEventListener("keydown", this.handleCopyEventBound, {
       capture: !0
@@ -79,7 +79,7 @@ class B {
       capture: !0
     })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, {
       capture: !0
-    }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, {
+    }), u && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, {
       capture: !0
     }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound.bind(this)), this.canvas.on("selection:updated", this.handleLockedSelectionBound.bind(this));
   }
@@ -185,19 +185,19 @@ class B {
         var o = n.getAsFile();
         if (!o) return;
         var s = new FileReader();
-        s.onload = (h) => {
+        s.onload = (l) => {
           this.editor.imageManager.importImage({
-            source: h.target.result
+            source: l.target.result
           });
         }, s.readAsDataURL(o);
         return;
       }
       var c = a.getData("text/html");
       if (c) {
-        var d = new DOMParser(), l = d.parseFromString(c, "text/html"), u = l.querySelector("img");
-        if (u != null && u.src) {
+        var u = new DOMParser(), h = u.parseFromString(c, "text/html"), d = h.querySelector("img");
+        if (d != null && d.src) {
           this.editor.imageManager.importImage({
-            source: u.src
+            source: d.src
           });
           return;
         }
@@ -543,8 +543,8 @@ var qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAw
 function ve(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -756,13 +756,13 @@ class lt {
         handle: s
       } = r, {
         icons: c,
-        btnStyle: d,
-        handlers: l
-      } = t.config, u = document.createElement("button");
-      u.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(o, '" />') : o, Object.assign(u.style, d), u.onclick = () => {
-        var h;
-        return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
-      }, t.el.appendChild(u);
+        btnStyle: u,
+        handlers: h
+      } = t.config, d = document.createElement("button");
+      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(o, '" />') : o, Object.assign(d.style, u), d.onclick = () => {
+        var l;
+        return (l = h[s]) === null || l === void 0 ? void 0 : l.call(h, t.editor);
+      }, t.el.appendChild(d);
     };
     for (var r of e)
       a();
@@ -837,11 +837,11 @@ class lt {
       var n = r.getZoom(), [, , , , o, s] = r.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
-        top: d,
-        height: l
-      } = e.getBoundingRect(!1, !0), u = c * n + o, h = u - t.offsetWidth / 2, g = (d + l) * n + s + a.offsetTop;
+        top: u,
+        height: h
+      } = e.getBoundingRect(!1, !0), d = c * n + o, l = d - t.offsetWidth / 2, g = (u + h) * n + s + a.offsetTop;
       Object.assign(t.style, {
-        left: "".concat(h, "px"),
+        left: "".concat(l, "px"),
         top: "".concat(g, "px"),
         display: "flex"
       });
@@ -857,8 +857,8 @@ class lt {
 function fe(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -932,7 +932,7 @@ class ht {
   saveState() {
     if (console.log("saveState"), !this.skipHistory) {
       console.time("saveState");
-      var e = this.canvas.toDatalessObject(["selectable", "evented", "id", "format", "width", "height", "locked"]);
+      var e = this.canvas.toDatalessObject(["selectable", "evented", "id", "format", "width", "height", "locked", "lockMovementX", "lockMovementY", "lockRotation", "lockScalingX", "lockScalingY", "lockSkewingX", "lockSkewingY"]);
       if (console.timeEnd("saveState"), !this.baseState) {
         this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
         return;
@@ -1043,8 +1043,8 @@ var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, k = 16, x = 16, D = 4096, C = 4096;
 function Me(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -1098,14 +1098,14 @@ class L {
         var {
           canvas: s,
           montageArea: c,
-          transformManager: d,
-          historyManager: l
+          transformManager: u,
+          historyManager: h
         } = t.editor;
-        l.suspendHistory();
+        h.suspendHistory();
         try {
-          var u, h;
+          var d, l;
           if (a instanceof File)
-            u = URL.createObjectURL(a);
+            d = URL.createObjectURL(a);
           else if (typeof a == "string") {
             var g = yield fetch(a, {
               mode: "cors"
@@ -1113,31 +1113,31 @@ class L {
               type: o,
               quality: 1
             });
-            u = URL.createObjectURL(f);
+            d = URL.createObjectURL(f);
           } else
             throw new Error("ImportImage. Неверный тип источника изображения. Ожидается URL или объект File.");
-          t._createdBlobUrls.push(u);
+          t._createdBlobUrls.push(d);
           var v = L.getFormatFromContentType(o);
           if (v === "svg") {
-            var j = yield ke(u);
-            h = z.groupSVGElements(j.objects, j.options);
+            var j = yield ke(d);
+            l = z.groupSVGElements(j.objects, j.options);
           } else
-            h = yield de.fromURL(u, {
+            l = yield de.fromURL(d, {
               crossOrigin: "anonymous"
             });
           var {
             width: m,
             height: b
-          } = h;
+          } = l;
           if (b > C || m > D) {
-            var y = yield t.resizeImageToBoundaries(h._element.src, "max"), S = URL.createObjectURL(y);
-            t._createdBlobUrls.push(S), h = yield de.fromURL(S, {
+            var y = yield t.resizeImageToBoundaries(l._element.src, "max"), S = URL.createObjectURL(y);
+            t._createdBlobUrls.push(S), l = yield de.fromURL(S, {
               crossOrigin: "anonymous"
             });
           }
-          if (h.set("id", "".concat(h.type, "-").concat(I())), h.set("format", v), r === "scale-montage")
+          if (l.set("id", "".concat(l.type, "-").concat(I())), l.set("format", v), r === "scale-montage")
             t.editor.canvasManager.scaleMontageAreaToImage({
-              object: h,
+              object: l,
               withoutSave: !0
             });
           else {
@@ -1146,24 +1146,24 @@ class L {
               height: A
             } = c, w = Y({
               montageArea: c,
-              imageObject: h,
+              imageObject: l,
               scaleType: r
             });
-            r === "image-contain" && w < 1 ? d.fitObject({
-              object: h,
+            r === "image-contain" && w < 1 ? u.fitObject({
+              object: l,
               type: "contain",
               withoutSave: !0
-            }) : r === "image-cover" && (m > O || b > A) && d.fitObject({
-              object: h,
+            }) : r === "image-cover" && (m > O || b > A) && u.fitObject({
+              object: l,
               type: "cover",
               withoutSave: !0
             });
           }
-          s.add(h), s.centerObject(h), s.setActiveObject(h), s.renderAll(), l.resumeHistory(), n || l.saveState();
+          s.add(l), s.centerObject(l), s.setActiveObject(l), s.renderAll(), h.resumeHistory(), n || h.saveState();
         } catch (T) {
           console.error("importImage. Ошибка импорта изображения: ", T), s.fire("editor:error", {
             message: "Ошибка импорта изображения: ".concat(T.message)
-          }), l.resumeHistory();
+          }), h.resumeHistory();
         }
       }
     })();
@@ -1214,8 +1214,8 @@ class L {
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: s,
         montageArea: c,
-        workerManager: d
-      } = t.editor, l = r === "application/pdf", u = l ? "image/jpg" : r, h = L.getFormatFromContentType(u);
+        workerManager: u
+      } = t.editor, h = r === "application/pdf", d = h ? "image/jpg" : r, l = L.getFormatFromContentType(d);
       c.setCoords();
       var {
         left: g,
@@ -1223,7 +1223,7 @@ class L {
         width: v,
         height: j
       } = c.getBoundingRect(), m = yield s.clone(["id", "format", "locked"]);
-      ["image/jpg", "image/jpeg"].includes(u) && (m.backgroundColor = "#ffffff");
+      ["image/jpg", "image/jpeg"].includes(d) && (m.backgroundColor = "#ffffff");
       var b = m.getObjects().find((N) => N.id === c.id);
       b.visible = !1, m.viewportTransform = [1, 0, 0, 1, -g, -f], m.setDimensions({
         width: v,
@@ -1232,7 +1232,7 @@ class L {
         backstoreOnly: !0
       }), m.renderAll();
       var y = m.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
-      if (h === "svg" && y) {
+      if (l === "svg" && y) {
         var S = m.toSVG();
         m.dispose();
         var O = L._exportSVGStringAsFile(S, {
@@ -1253,18 +1253,18 @@ class L {
       if (m.dispose(), o) {
         var T = {
           image: w,
-          format: h,
-          contentType: u,
+          format: l,
+          contentType: d,
           fileName: a
         };
         return s.fire("editor:canvas-exported", T), T;
       }
-      var ae = yield createImageBitmap(w), re = yield d.post("toDataURL", {
-        format: h,
+      var ae = yield createImageBitmap(w), re = yield u.post("toDataURL", {
+        format: l,
         quality: 1,
         bitmap: ae
       }, [ae]);
-      if (l) {
+      if (h) {
         var ne = 0.264583, W = v * ne, _ = j * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
           orientation: W > _ ? "landscape" : "portrait",
           unit: "mm",
@@ -1292,18 +1292,18 @@ class L {
       if (n) {
         var se = {
           image: re,
-          format: h,
-          contentType: u,
+          format: l,
+          contentType: d,
           fileName: a
         };
         return s.fire("editor:canvas-exported", se), se;
       }
-      var ce = h === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
-        type: u
+      var ce = l === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
+        type: d
       }), ue = {
         image: Le,
-        format: h,
-        contentType: u,
+        format: l,
+        contentType: d,
         fileName: ce
       };
       return s.fire("editor:canvas-exported", ue), ue;
@@ -1331,46 +1331,46 @@ class L {
         exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
-        workerManager: d
-      } = t.editor, l = a || c.getActiveObject();
-      if (!l)
+        workerManager: u
+      } = t.editor, h = a || c.getActiveObject();
+      if (!h)
         return console.error("exportObjectAsDataURL. Не выбран объект"), c.fire("editor:error", {
           message: "Не выбран объект для экспорта"
         }), "";
-      var u = L.getFormatFromContentType(n);
-      if (u === "svg") {
-        var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
+      var d = L.getFormatFromContentType(n);
+      if (d === "svg") {
+        var l = h.toSVG(), g = t._exportSVGStringAsFile(l, {
           exportAsBase64: o,
           exportAsBlob: s,
           fileName: r
         }), f = {
           image: g,
-          format: u,
+          format: d,
           contentType: "image/svg+xml",
           fileName: r.replace(/\.[^/.]+$/, ".svg")
         };
         return c.fire("editor:object-exported", f), f;
       }
       if (o) {
-        var v = yield createImageBitmap(l._element), j = yield d.post("toDataURL", {
-          format: u,
+        var v = yield createImageBitmap(h._element), j = yield u.post("toDataURL", {
+          format: d,
           quality: 1,
           bitmap: v
         }, [v]), m = {
           image: j,
-          format: u,
+          format: d,
           contentType: n,
           fileName: r
         };
         return c.fire("editor:object-exported", m), m;
       }
-      var b = l.toCanvasElement(), y = yield new Promise((w) => {
+      var b = h.toCanvasElement(), y = yield new Promise((w) => {
         b.toBlob(w);
       });
       if (s) {
         var S = {
           image: y,
-          format: u,
+          format: d,
           contentType: n,
           fileName: r
         };
@@ -1380,7 +1380,7 @@ class L {
         type: n
       }), A = {
         image: O,
-        format: u,
+        format: d,
         contentType: n,
         fileName: r
       };
@@ -1463,15 +1463,15 @@ class jt {
         }
       } = this.editor, {
         width: c,
-        height: d
-      } = o, l = Number(Math.max(Math.min(e, D), k));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), o.set({
-        width: l
+        height: u
+      } = o, h = Number(Math.max(Math.min(e, D), k));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(h), o.set({
+        width: h
       }), n.clipPath.set({
-        width: l
+        width: h
       }), t) {
-        var u = l / c, h = d * u;
-        this.setResolutionHeight(h);
+        var d = h / c, l = u * d;
+        this.setResolutionHeight(l);
         return;
       }
       var {
@@ -1506,15 +1506,15 @@ class jt {
         }
       } = this.editor, {
         width: c,
-        height: d
-      } = o, l = Number(Math.max(Math.min(e, C), x));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), o.set({
-        height: l
+        height: u
+      } = o, h = Number(Math.max(Math.min(e, C), x));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(h), o.set({
+        height: h
       }), n.clipPath.set({
-        height: l
+        height: h
       }), t) {
-        var u = l / d, h = c * u;
-        this.setResolutionWidth(h);
+        var d = h / u, l = c * d;
+        this.setResolutionWidth(l);
         return;
       }
       var {
@@ -1707,16 +1707,16 @@ class jt {
       }
       var s = t === "width" ? "width" : "height";
       if (typeof a == "string") {
-        o.forEach((l) => {
-          l.style[s] = a;
+        o.forEach((h) => {
+          h.style[s] = a;
         });
         return;
       }
       var c = parseFloat(a);
       if (!isNaN(c)) {
-        var d = "".concat(c, "px");
-        o.forEach((l) => {
-          l.style[s] = d;
+        var u = "".concat(c, "px");
+        o.forEach((h) => {
+          h.style[s] = u;
         }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
           element: e,
           value: a
@@ -1745,33 +1745,33 @@ class jt {
         montageAreaWidth: s,
         montageAreaHeight: c
       }
-    } = this.editor, d = e || r.getActiveObject();
-    if (!(!d || d.type !== "image" && d.format !== "svg")) {
+    } = this.editor, u = e || r.getActiveObject();
+    if (!(!u || u.type !== "image" && u.format !== "svg")) {
       var {
-        width: l,
-        height: u
-      } = d;
-      if (l < k || u < x) {
-        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(k, "x").concat(x);
-        console.warn("scaleMontageAreaToImage. ".concat(h)), r.fire("editor:warning", {
-          message: h
+        width: h,
+        height: d
+      } = u;
+      if (h < k || d < x) {
+        var l = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(k, "x").concat(x);
+        console.warn("scaleMontageAreaToImage. ".concat(l)), r.fire("editor:warning", {
+          message: l
         });
       }
-      var g = Math.min(l, D), f = Math.min(u, C);
+      var g = Math.min(h, D), f = Math.min(d, C);
       if (t) {
         var {
           width: v,
           height: j
-        } = n, m = l / v, b = u / j, y = Math.max(m, b);
+        } = n, m = h / v, b = d / j, y = Math.max(m, b);
         g = v * y, f = j * y;
       }
       this.setResolutionWidth(g, {
         withoutSave: !0
       }), this.setResolutionHeight(f, {
         withoutSave: !0
-      }), (l > s || u > c) && o.calculateAndApplyDefaultZoom(s, c), o.resetObject(d, {
+      }), (h > s || d > c) && o.calculateAndApplyDefaultZoom(s, c), o.resetObject(u, {
         withoutSave: !0
-      }), r.centerObject(d), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
+      }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
         width: g,
         height: f
       });
@@ -1852,10 +1852,10 @@ class yt {
       height: r
     } = this.editor.montageArea, n = e / a, o = t / r, s = Math.min(n, o), {
       minZoom: c,
-      maxZoom: d,
-      maxZoomFactor: l
+      maxZoom: u,
+      maxZoomFactor: h
     } = this.options;
-    this.minZoom = Math.min(s / l, c), this.maxZoom = Math.max(s * l, d), this.defaultZoom = s, this.setZoom(s);
+    this.minZoom = Math.min(s / h, c), this.maxZoom = Math.max(s * h, u), this.defaultZoom = s, this.setZoom(s);
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -1867,21 +1867,24 @@ class yt {
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
   zoom() {
-    var e, t, a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (a) {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (e) {
       var {
-        canvas: n,
-        minZoom: o,
-        maxZoom: s
-      } = this.editor, c = n.getZoom(), d = (e = r.pointX) !== null && e !== void 0 ? e : n.getWidth() / 2, l = (t = r.pointY) !== null && t !== void 0 ? t : n.getHeight() / 2, u = Number((c + Number(a)).toFixed(2));
-      u > s && (u = s), u < o && (u = o), console.log("currentZoom", c), n.zoomToPoint({
-        x: Number(d),
-        y: Number(l)
-      }, u), n.fire("editor:zoom-changed", {
-        currentZoom: n.getZoom(),
+        canvas: a,
+        minZoom: r,
+        maxZoom: n
+      } = this.editor, o = a.getZoom(), {
+        x: s = t.pointX,
+        y: c = t.pointY
+      } = a.getCenterPoint(), u = Number((o + Number(e)).toFixed(2));
+      u > n && (u = n), u < r && (u = r), a.zoomToPoint({
+        x: Number(s),
+        y: Number(c)
+      }, u), a.fire("editor:zoom-changed", {
+        currentZoom: a.getZoom(),
         zoom: u,
-        pointX: d,
-        pointY: l
+        pointX: s,
+        pointY: c
       });
     }
   }
@@ -1895,7 +1898,10 @@ class yt {
       canvas: t,
       minZoom: a,
       maxZoom: r
-    } = this.editor, n = t.getWidth() / 2, o = t.getHeight() / 2, s = e;
+    } = this.editor, {
+      x: n,
+      y: o
+    } = t.getCenterPoint(), s = e;
     e > r && (s = r), e < a && (s = a), t.zoomToPoint({
       x: Number(n),
       y: Number(o)
@@ -1914,7 +1920,10 @@ class yt {
     var {
       canvas: e,
       defaultZoom: t
-    } = this.editor, a = e.getWidth() / 2, r = e.getHeight() / 2;
+    } = this.editor, {
+      x: a,
+      y: r
+    } = e.getCenterPoint();
     e.zoomToPoint({
       x: Number(a),
       y: Number(r)
@@ -2015,26 +2024,26 @@ class yt {
     } = this.editor, c = e || n.getActiveObject();
     if (c) {
       if (["activeselection"].includes(c.type) && !r) {
-        var d = c.getObjects();
-        n.discardActiveObject(), d.forEach((h) => {
+        var u = c.getObjects();
+        n.discardActiveObject(), u.forEach((l) => {
           var g = Y({
             montageArea: o,
-            imageObject: h,
+            imageObject: l,
             scaleType: t
           });
-          h.scale(g), n.centerObject(h);
+          l.scale(g), n.centerObject(l);
         });
-        var l = new Z(d, {
+        var h = new Z(u, {
           canvas: n
         });
-        n.setActiveObject(l);
+        n.setActiveObject(h);
       } else {
-        var u = Y({
+        var d = Y({
           montageArea: o,
           imageObject: c,
           scaleType: t
         });
-        c.scale(u), n.centerObject(c);
+        c.scale(d), n.centerObject(c);
       }
       n.renderAll(), a || s.saveState(), n.fire("editor:image-fitted", {
         type: t
@@ -2082,17 +2091,17 @@ class yt {
         });
       else {
         var {
-          width: d,
-          height: l
-        } = n, {
           width: u,
           height: h
+        } = n, {
+          width: d,
+          height: l
         } = c, g = Y({
           montageArea: n,
           imageObject: c,
           scaleType: s
         });
-        s === "contain" && g < 1 || s === "cover" && (u > d || h > l) ? this.fitObject({
+        s === "contain" && g < 1 || s === "cover" && (d > u || l > h) ? this.fitObject({
           object: c,
           withoutSave: !0
         }) : c.set({
@@ -2279,8 +2288,8 @@ class H {
     var s = e || a.getActiveObject();
     if (s) {
       if (s.type === "activeselection")
-        for (var c = s.getObjects(), d = c.length - 1; d >= 0; d -= 1)
-          a.sendObjectToBack(c[d]);
+        for (var c = s.getObjects(), u = c.length - 1; u >= 0; u -= 1)
+          a.sendObjectToBack(c[u]);
       else
         a.sendObjectToBack(s);
       a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back");
@@ -2425,11 +2434,11 @@ class Ct {
       height: o = 100,
       fill: s = "blue"
     } = e, c = G(e, bt), {
-      withoutSelection: d,
-      withoutAdding: l
+      withoutSelection: u,
+      withoutAdding: h
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: u
-    } = this.editor, h = new Be(F({
+      canvas: d
+    } = this.editor, l = new Be(F({
       id: t,
       left: a,
       top: r,
@@ -2437,7 +2446,7 @@ class Ct {
       height: o,
       fill: s
     }, c));
-    return !a && !r && u.centerObject(h), l || (u.add(h), d || u.setActiveObject(h), u.renderAll()), h;
+    return !a && !r && d.centerObject(l), h || (d.add(l), u || d.setActiveObject(l), d.renderAll()), l;
   }
   /**
    * Добавление круга
@@ -2462,17 +2471,17 @@ class Ct {
       fill: o = "green"
     } = e, s = G(e, It), {
       withoutSelection: c,
-      withoutAdding: d
+      withoutAdding: u
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: l
-    } = this.editor, u = new Ze(F({
+      canvas: h
+    } = this.editor, d = new Ze(F({
       id: t,
       left: a,
       top: r,
       fill: o,
       radius: n
     }, s));
-    return !a && !r && l.centerObject(u), d || (l.add(u), c || l.setActiveObject(u), l.renderAll()), u;
+    return !a && !r && h.centerObject(d), u || (h.add(d), c || h.setActiveObject(d), h.renderAll()), d;
   }
   /**
    * Добавление треугольника
@@ -2498,11 +2507,11 @@ class Ct {
       height: o = 100,
       fill: s = "yellow"
     } = e, c = G(e, St), {
-      withoutSelection: d,
-      withoutAdding: l
+      withoutSelection: u,
+      withoutAdding: h
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
-      canvas: u
-    } = this.editor, h = new ze(F({
+      canvas: d
+    } = this.editor, l = new ze(F({
       id: t,
       left: a,
       top: r,
@@ -2510,14 +2519,14 @@ class Ct {
       width: n,
       height: o
     }, c));
-    return !a && !r && u.centerObject(h), l || (u.add(h), d || u.setActiveObject(h), u.renderAll()), h;
+    return !a && !r && d.centerObject(l), h || (d.add(l), u || d.setActiveObject(l), d.renderAll()), l;
   }
 }
 function ye(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -2575,18 +2584,18 @@ class Lt {
             });
             return;
           }
-          var n = r.toCanvasElement(), o = yield new Promise((d) => {
-            n.toBlob(d);
+          var n = r.toCanvasElement(), o = yield new Promise((u) => {
+            n.toBlob(u);
           }), s = new ClipboardItem({
             [o.type]: o
           });
           yield navigator.clipboard.write([s]), t.fire("editor:object-copied", {
             object: r
           });
-        } catch (d) {
+        } catch (u) {
           var c = "ClipboardManager. Ошибка записи в системный буфер обмена:";
-          console.error(c, d), t.fire("editor:error", {
-            message: "".concat(c, " ").concat(d.message)
+          console.error(c, u), t.fire("editor:error", {
+            message: "".concat(c, " ").concat(u.message)
           });
         }
     })();
@@ -2811,10 +2820,8 @@ class kt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor;
-    r.suspendHistory();
-    var n = e || a.getActiveObjects();
-    n != null && n.length && (n.forEach((o) => {
+    } = this.editor, n = (e || a.getActiveObjects()).filter((o) => !o.locked);
+    n != null && n.length && (r.suspendHistory(), n.forEach((o) => {
       if (o.type === "group" && o.format !== "svg") {
         this.ungroup(o), this.deleteSelectedObjects();
         return;
@@ -2826,8 +2833,8 @@ class kt {
 function be(i, e, t, a, r, n, o) {
   try {
     var s = i[n](o), c = s.value;
-  } catch (d) {
-    return void t(d);
+  } catch (u) {
+    return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
@@ -2868,9 +2875,9 @@ class Bt {
         canvasCSSWidth: o,
         canvasCSSHeight: s,
         initialImage: c,
-        initialStateJSON: d,
-        scaleType: l,
-        _onReadyCallback: u
+        initialStateJSON: u,
+        scaleType: h,
+        _onReadyCallback: d
       } = e.options;
       if ($e.apply(), e.canvas = new Pe(e.containerId, e.options), e.moduleLoader = new _e(), e.workerManager = new Re(), e.historyManager = new ht({
         editor: e
@@ -2903,13 +2910,13 @@ class Bt {
         options: e.options
       }), e.canvasManager.setEditorContainerWidth(t), e.canvasManager.setEditorContainerHeight(a), e.canvasManager.setCanvasWrapperWidth(r), e.canvasManager.setCanvasWrapperHeight(n), e.canvasManager.setCanvasCSSWidth(o), e.canvasManager.setCanvasCSSHeight(s), c != null && c.source) {
         var {
-          source: h,
-          scale: g = "image-".concat(l),
+          source: l,
+          scale: g = "image-".concat(h),
           withoutSave: f = !0,
           contentType: v
         } = c;
         yield e.imageManager.importImage({
-          source: h,
+          source: l,
           scale: g,
           withoutSave: f,
           contentType: v
@@ -2918,7 +2925,7 @@ class Bt {
         e.canvasManager.setDefaultScale({
           withoutSave: !0
         });
-      d && e.historyManager.loadStateFromFullState(d), e.historyManager.saveState(), console.log("editor:ready"), e.canvas.fire("editor:ready", e), typeof u == "function" && u(e);
+      u && e.historyManager.loadStateFromFullState(u), e.historyManager.saveState(), console.log("editor:ready"), e.canvas.fire("editor:ready", e), typeof d == "function" && d(e);
     })();
   }
   /**

package/package.json

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