@anu3ev/fabric-image-editor 0.1.36 → 0.1.38

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, A = (o, e) => {
+var me = (o, e, t) => e in o ? Te(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, w = (o, e) => {
   for (var t in e || (e = {}))
     Me.call(e, t) && me(o, t, e[t]);
   if (G)
@@ -406,9 +406,9 @@ class Fe {
     this.worker.terminate();
   }
 }
-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";
+var C = 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;
+  var i = C, n = Ve;
   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) {
@@ -429,29 +429,29 @@ var $e = {
   // Угловые точки
   tl: {
     render: Q,
-    sizeX: I,
-    sizeY: I,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: Q,
-    sizeX: I,
-    sizeY: I,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: Q,
-    sizeX: I,
-    sizeY: I,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: Q,
-    sizeX: I,
-    sizeY: I,
+    sizeX: C,
+    sizeY: C,
     offsetX: 0,
     offsetY: 0
   },
@@ -647,7 +647,7 @@ function be(o, e) {
   }
   return t;
 }
-function j(o) {
+function p(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? be(Object(t), !0).forEach(function(a) {
@@ -687,11 +687,11 @@ class ht {
     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({}, H), a), {}, {
-        style: j(j({}, H.style), a.style || {}),
-        btnStyle: j(j({}, H.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, H.icons), a.icons || {}),
-        handlers: j(j({}, H.handlers), a.handlers || {})
+      this.config = p(p(p({}, H), a), {}, {
+        style: p(p({}, H.style), a.style || {}),
+        btnStyle: p(p({}, H.btnStyle), a.btnStyle || {}),
+        icons: p(p({}, H.icons), a.icons || {}),
+        handlers: p(p({}, H.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();
@@ -865,6 +865,9 @@ class gt {
   get skipHistory() {
     return this._historySuspendCount > 0;
   }
+  get lastPatch() {
+    return this.patches[this.currentIndex - 1] || null;
+  }
   _createDiffPatcher() {
     this.diffPatcher = _e({
       objectHash(e) {
@@ -910,7 +913,7 @@ class gt {
       currentIndex: t,
       patches: a
     } = this, r = JSON.parse(JSON.stringify(e)), i = 0; i < t; i += 1)
-      r = this.diffPatcher.patch(r, a[i]);
+      r = this.diffPatcher.patch(r, a[i].diff);
     return console.log("getFullState state", r), r;
   }
   /**
@@ -929,7 +932,10 @@ class gt {
         console.log("Нет изменений для сохранения.");
         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(a), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0]), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+      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: D(),
+        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);
     }
   }
   /**
@@ -1028,7 +1034,7 @@ function O(o) {
     });
   };
 }
-class C {
+class L {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1066,23 +1072,23 @@ class C {
         transformManager: c,
         historyManager: u,
         errorManager: l
-      } = t.editor, d = yield t.getContentType(a), h = C.getFormatFromContentType(d), {
+      } = t.editor, d = yield t.getContentType(a), h = L.getFormatFromContentType(d), {
         acceptContentTypes: g,
-        acceptFormats: m
+        acceptFormats: M
       } = t;
       if (!t.isAllowedContentType(d)) {
-        var M = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
+        var m = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
         return l.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: M,
+          message: m,
           data: {
             source: a,
             format: h,
             contentType: d,
             acceptContentTypes: g,
-            acceptFormats: m
+            acceptFormats: M
           }
         }), null;
       }
@@ -1092,13 +1098,13 @@ class C {
         if (a instanceof File)
           f = URL.createObjectURL(a);
         else if (typeof a == "string") {
-          var S = yield fetch(a, {
+          var N = yield fetch(a, {
             mode: "cors"
-          }), N = yield S.blob({
+          }), b = yield N.blob({
             type: d,
             quality: 1
           });
-          f = URL.createObjectURL(N);
+          f = URL.createObjectURL(b);
         } else
           return l.emitError({
             origin: "ImageManager",
@@ -1110,26 +1116,26 @@ class C {
               format: h,
               contentType: d,
               acceptContentTypes: g,
-              acceptFormats: m
+              acceptFormats: M
             }
           }), null;
         if (t._createdBlobUrls.push(f), h === "svg") {
-          var w = yield xe(f);
-          v = R.groupSVGElements(w.objects, w.options);
+          var I = yield xe(f);
+          v = R.groupSVGElements(I.objects, I.options);
         } else
           v = yield q.fromURL(f, {
             crossOrigin: "anonymous"
           });
         var {
-          width: L,
-          height: y
+          width: S,
+          height: j
         } = v;
-        if (y > T || L > E) {
-          var p = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(p);
+        if (j > T || S > E) {
+          var y = yield t.resizeImageToBoundaries(v._element.src, "max"), B = URL.createObjectURL(y);
           t._createdBlobUrls.push(B), v = yield q.fromURL(B, {
             crossOrigin: "anonymous"
           });
-        } else if (y < x || L < k) {
+        } else if (j < x || S < 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"
@@ -1152,7 +1158,7 @@ class C {
             object: v,
             type: "contain",
             withoutSave: !0
-          }) : r === "image-cover" && (L > F || y > z) && c.fitObject({
+          }) : r === "image-cover" && (S > F || j > z) && c.fitObject({
             object: v,
             type: "cover",
             withoutSave: !0
@@ -1240,57 +1246,57 @@ class C {
         workerManager: u
       } = t.editor;
       try {
-        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = C.getFormatFromContentType(d);
+        var l = r === "application/pdf", d = l ? "image/jpg" : r, h = L.getFormatFromContentType(d);
         c.setCoords();
         var {
           left: g,
-          top: m,
-          width: M,
+          top: M,
+          width: m,
           height: f
         } = c.getBoundingRect(), v = yield s.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(d) && (v.backgroundColor = "#ffffff");
-        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,
+        var N = v.getObjects().find((A) => A.id === c.id);
+        N.visible = !1, v.viewportTransform = [1, 0, 0, 1, -g, -M], v.setDimensions({
+          width: m,
           height: f
         }, {
           backstoreOnly: !0
         }), v.renderAll();
-        var N = v.getObjects().filter((b) => b.format).every((b) => b.format === "svg");
-        if (h === "svg" && N) {
-          var w = v.toSVG();
+        var b = v.getObjects().filter((A) => A.format).every((A) => A.format === "svg");
+        if (h === "svg" && b) {
+          var I = v.toSVG();
           v.dispose();
-          var L = C._exportSVGStringAsFile(w, {
+          var S = L._exportSVGStringAsFile(I, {
             exportAsBase64: i,
             exportAsBlob: n,
             fileName: a
-          }), y = {
-            image: L,
+          }), j = {
+            image: S,
             format: "svg",
             contentType: "image/svg+xml",
             fileName: a.replace(/\.[^/.]+$/, ".svg")
           };
-          return s.fire("editor:canvas-exported", y), y;
+          return s.fire("editor:canvas-exported", j), j;
         }
-        var p = yield new Promise((b) => {
-          v.getElement().toBlob(b);
+        var y = yield new Promise((A) => {
+          v.getElement().toBlob(A);
         });
         if (v.dispose(), n) {
           var B = {
-            image: p,
+            image: y,
             format: h,
             contentType: d,
             fileName: a
           };
           return s.fire("editor:canvas-exported", B), B;
         }
-        var W = yield createImageBitmap(p), Z = yield u.post("toDataURL", {
+        var W = yield createImageBitmap(y), Z = yield u.post("toDataURL", {
           format: h,
           quality: 1,
           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({
+          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]
@@ -1323,7 +1329,7 @@ class C {
           };
           return s.fire("editor:canvas-exported", he), he;
         }
-        var ge = h === "svg" && !N ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([p], ge, {
+        var ge = h === "svg" && !b ? a.replace(/\.[^/.]+$/, ".png") : a, Ee = new File([y], ge, {
           type: d
         }), ve = {
           image: Ee,
@@ -1332,12 +1338,12 @@ class C {
           fileName: ge
         };
         return s.fire("editor:canvas-exported", ve), ve;
-      } catch (b) {
+      } catch (A) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта изображения: ".concat(b.message),
+          message: "Ошибка экспорта изображения: ".concat(A.message),
           data: {
             contentType: r,
             fileName: a,
@@ -1386,26 +1392,26 @@ class C {
           }
         }), "";
       try {
-        var d = C.getFormatFromContentType(i);
+        var d = L.getFormatFromContentType(i);
         if (d === "svg") {
           var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
             exportAsBase64: n,
             exportAsBlob: s,
             fileName: r
-          }), m = {
+          }), M = {
             image: g,
             format: d,
             contentType: "image/svg+xml",
             fileName: r.replace(/\.[^/.]+$/, ".svg")
           };
-          return c.fire("editor:object-exported", m), m;
+          return c.fire("editor:object-exported", M), M;
         }
         if (n) {
-          var M = yield createImageBitmap(l._element), f = yield u.post("toDataURL", {
+          var m = yield createImageBitmap(l._element), f = yield u.post("toDataURL", {
             format: d,
             quality: 1,
-            bitmap: M
-          }, [M]), v = {
+            bitmap: m
+          }, [m]), v = {
             image: f,
             format: d,
             contentType: i,
@@ -1413,33 +1419,33 @@ class C {
           };
           return c.fire("editor:object-exported", v), v;
         }
-        var S = l.toCanvasElement(), N = yield new Promise((p) => {
-          S.toBlob(p);
+        var N = l.toCanvasElement(), b = yield new Promise((y) => {
+          N.toBlob(y);
         });
         if (s) {
-          var w = {
-            image: N,
+          var I = {
+            image: b,
             format: d,
             contentType: i,
             fileName: r
           };
-          return c.fire("editor:object-exported", w), w;
+          return c.fire("editor:object-exported", I), I;
         }
-        var L = new File([N], r, {
+        var S = new File([b], r, {
           type: i
-        }), y = {
-          image: L,
+        }), j = {
+          image: S,
           format: d,
           contentType: i,
           fileName: r
         };
-        return c.fire("editor:object-exported", y), y;
-      } catch (p) {
+        return c.fire("editor:object-exported", j), j;
+      } catch (y) {
         return t.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: "Ошибка экспорта объекта: ".concat(p.message),
+          message: "Ошибка экспорта объекта: ".concat(y.message),
           data: {
             contentType: i,
             fileName: r,
@@ -1485,7 +1491,7 @@ class C {
    * @returns {string[]} - массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => C.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => L.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Извлекает чистый формат (subtype) из contentType,
@@ -1554,7 +1560,7 @@ class C {
     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 = C.getFormatFromContentType(n);
+        var s = L.getFormatFromContentType(n);
         s && (i[s] = n);
       }), i[r] || "application/octet-stream";
     } catch (n) {
@@ -1630,9 +1636,9 @@ class jt {
       }
       var {
         left: g,
-        top: m
-      } = this.getObjectDefaultCoords(n), M = i.getZoom();
-      i.setViewportTransform([M, 0, 0, M, g, m]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
+        top: M
+      } = this.getObjectDefaultCoords(n), m = i.getZoom();
+      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-width-changed", {
         width: e
       });
     }
@@ -1674,9 +1680,9 @@ class jt {
       }
       var {
         left: g,
-        top: m
-      } = this.getObjectDefaultCoords(n), M = i.getZoom();
-      i.setViewportTransform([M, 0, 0, M, g, m]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
+        top: M
+      } = this.getObjectDefaultCoords(n), m = i.getZoom();
+      i.setViewportTransform([m, 0, 0, m, g, M]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), i == null || i.fire("editor:resolution-height-changed", {
         height: e
       });
     }
@@ -1931,16 +1937,20 @@ class jt {
       } = u, h = Math.min(l, E), g = Math.min(d, T);
       if (t) {
         var {
-          width: m,
-          height: M
-        } = i, f = l / m, v = d / M, S = Math.max(f, v);
-        h = m * S, g = M * S;
+          width: M,
+          height: m
+        } = i, f = l / M, v = d / m, N = Math.max(f, v);
+        h = M * N, g = m * N;
       }
-      this.setResolutionWidth(h, {
+      if (this.setResolutionWidth(h, {
         withoutSave: !0
       }), this.setResolutionHeight(g, {
         withoutSave: !0
-      }), (l > s || d > c) && n.calculateAndApplyDefaultZoom(s, c), n.resetObject(u, {
+      }), l > s || d > c) {
+        var b = r.editorContainer, I = b.clientWidth, S = b.clientHeight * 0.5, j = Math.min(s, S), y = Math.min(c, I);
+        n.calculateAndApplyDefaultZoom(j, y);
+      }
+      n.resetObject(u, {
         withoutSave: !0
       }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
         width: h,
@@ -2194,7 +2204,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({
@@ -2230,7 +2240,9 @@ class yt {
   /**
    * Сброс масштаба объекта до дефолтного
    * @param {fabric.Object} object
-   * @param {Boolean} [fitOnlyBigImage] - растягивать только большие изображения
+   * @param {Object} options
+   * @param {Boolean} [options.withoutSave] - Не сохранять состояние
+   * @param {Boolean} [options.alwaysFitObject] - вписывать объект в рабочую область даже если он меньше рабочей области
    * @returns
    * @fires editor:object-reset
    */
@@ -2248,31 +2260,35 @@ class yt {
       }
     } = this.editor, u = e || r.getActiveObject();
     if (!(!u || u.locked)) {
-      if (s.suspendHistory(), u.type !== "image" && u.format !== "svg" && (u.set({
+      s.suspendHistory();
+      var l = u.type === "image" || u.format === "svg";
+      if (l || u.set({
         scaleX: 1,
         scaleY: 1,
         flipX: !1,
         flipY: !1,
         angle: 0
-      }), r.centerObject(u), r.renderAll()), t)
+      }), t)
         this.fitObject({
           object: u,
-          withoutSave: !0
+          withoutSave: !0,
+          fitAsOneObject: !0
         });
       else {
         var {
-          width: l,
-          height: d
+          width: d,
+          height: h
         } = i, {
-          width: h,
-          height: g
+          width: g,
+          height: M
         } = u, m = n.calculateScaleFactor({
           imageObject: u,
           scaleType: c
-        });
-        c === "contain" && m < 1 || c === "cover" && (h > l || g > d) ? this.fitObject({
+        }), f = c === "contain" && m < 1 || c === "cover" && (g > d || M > h);
+        f ? this.fitObject({
           object: u,
-          withoutSave: !0
+          withoutSave: !0,
+          fitAsOneObject: !0
         }) : u.set({
           scaleX: 1,
           scaleY: 1
@@ -2562,7 +2578,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ze(A({
+    const { canvas: h } = this.editor, g = new Ze(w({
       id: e,
       left: t,
       top: a,
@@ -2602,7 +2618,7 @@ class bt {
       "radius",
       "fill"
     ]);
-    const { canvas: d } = this.editor, h = new ze(A({
+    const { canvas: d } = this.editor, h = new ze(w({
       id: e,
       left: t,
       top: a,
@@ -2644,7 +2660,7 @@ class bt {
       "height",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ue(A({
+    const { canvas: h } = this.editor, g = new Ue(w({
       id: e,
       left: t,
       top: a,
@@ -3035,7 +3051,7 @@ class K {
       message: n,
       data: r
     };
-    this._buffer.push(A({
+    this._buffer.push(w({
       type: "editor:error"
     }, s)), this.editor.canvas.fire("editor:error", s);
   }
@@ -3063,7 +3079,7 @@ class K {
       message: n,
       data: i
     };
-    this._buffer.push(A({
+    this._buffer.push(w({
       type: "editor:warning"
     }, s)), this.editor.canvas.fire("editor:warning", s);
   }
@@ -3096,7 +3112,7 @@ class ue {
         scaleType: u,
         _onReadyCallback: l
       } = this.options;
-      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) {
+      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 L({ 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}`,
@@ -3172,7 +3188,6 @@ const wt = {
    */
   preserveObjectStacking: !0,
   controlsAboveOverlay: !0,
-  centeredScaling: !0,
   centeredRotation: !0,
   /*
    * Кастомные опции
@@ -3256,7 +3271,7 @@ const wt = {
   resetObjectFitByDoubleClick: !0
 };
 function Ot(o, e = {}) {
-  const t = A(A({}, wt), e), a = document.getElementById(o);
+  const t = w(w({}, 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.36",
+  "version": "0.1.38",
   "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": [