@anu3ev/fabric-image-editor 0.1.30 → 0.1.31

package/dist/main.js

@@ -1,4 +1,4 @@
-import { ActiveSelection as P, util as U, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as ke, FabricImage as le, Point as xe, Rect as Be, Circle as Ze, Triangle as ze, Group as Pe, Pattern as Ue, Canvas as Ye } from "fabric";
+import { ActiveSelection as U, util as Y, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as ke, FabricImage as le, Point as xe, Rect as Be, Circle as Ze, Triangle as ze, Group as Pe, Pattern as Ue, Canvas as Ye } from "fabric";
 import { create as He } from "jsondiffpatch";
 var _e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", w = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
@@ -28,7 +28,7 @@ function Re(o) {
     });
   };
 }
-class z {
+class P {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -49,7 +49,7 @@ class z {
       editor: t,
       options: a = {}
     } = e;
-    this.editor = t, this.canvas = t.canvas, this.options = a, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.handleAdaptCanvasToContainerBound = z.debounce(this.handleAdaptCanvasToContainer.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = z.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = z.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.editor = t, this.canvas = t.canvas, this.options = a, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.handleAdaptCanvasToContainerBound = P.debounce(this.handleAdaptCanvasToContainer.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -107,7 +107,7 @@ class z {
           this.canvas.setActiveObject(n[0]);
           return;
         }
-        var i = new P(n, {
+        var i = new U(n, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -502,49 +502,49 @@ class Fe {
   }
 }
 var I = 12, Ve = 2, K = 8, $ = 20, Ge = 100, q = 20, ee = 8, Xe = 100, te = 32, ae = 1, Qe = "#2B2D33", re = "#3D8BF4", ne = "#FFFFFF";
-function R(o, e, t, a, r) {
+function W(o, e, t, a, r) {
   var n = I, i = Ve;
-  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, n, n, i), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(Y.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, n, n, i), o.fill(), o.stroke(), o.restore();
 }
 function ge(o, e, t, a, r) {
   var n = K, i = $, s = Ge;
-  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(Y.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
 }
 function ve(o, e, t, a, r) {
   var n = q, i = ee, s = Xe;
-  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+  o.save(), o.translate(e, t), o.rotate(Y.degreesToRadians(r.angle)), o.fillStyle = ne, o.strokeStyle = re, o.lineWidth = ae, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
 }
 var Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", we = new Image();
 we.src = Je;
 function Ke(o, e, t, a, r) {
   var n = te, i = n / 2;
-  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = Qe, o.beginPath(), o.arc(0, 0, i, 0, 2 * Math.PI), o.fill(), o.drawImage(we, -16 / 2, -16 / 2, i, i), o.restore();
+  o.save(), o.translate(e, t), o.rotate(Y.degreesToRadians(r.angle)), o.fillStyle = Qe, o.beginPath(), o.arc(0, 0, i, 0, 2 * Math.PI), o.fill(), o.drawImage(we, -16 / 2, -16 / 2, i, i), o.restore();
 }
 var $e = {
   // Угловые точки
   tl: {
-    render: R,
+    render: W,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: R,
+    render: W,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: R,
+    render: W,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: R,
+    render: W,
     sizeX: I,
     sizeY: I,
     offsetX: 0,
@@ -628,7 +628,7 @@ function ct(o) {
     });
   };
 }
-const x = {
+const B = {
   style: {
     position: "absolute",
     display: "none",
@@ -779,11 +779,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({}, x), a), {}, {
-        style: j(j({}, x.style), a.style || {}),
-        btnStyle: j(j({}, x.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, x.icons), a.icons || {}),
-        handlers: j(j({}, x.handlers), a.handlers || {})
+      this.config = j(j(j({}, B), a), {}, {
+        style: j(j({}, B.style), a.style || {}),
+        btnStyle: j(j({}, B.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, B.icons), a.icons || {}),
+        handlers: j(j({}, B.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();
@@ -1096,7 +1096,7 @@ class gt {
     })();
   }
 }
-var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, B = 16, Z = 16, N = 4096, L = 4096;
+var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, Z = 16, z = 16, N = 4096, L = 4096;
 function je(o, e, t, a, r, n, i) {
   try {
     var s = o[n](i), c = s.value;
@@ -1105,7 +1105,7 @@ function je(o, e, t, a, r, n, i) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function O(o) {
+function T(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -1141,33 +1141,62 @@ class A {
    * 'scale-montage' - Обновляет backstore-резолюцию монтажной области (масштабирует
    * экспортный размер канваса под размер изображения)
    * @param {Boolean} [options.withoutSave] - Не сохранять в историю изменений
+   * @returns {Promise<Object|null>} - возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
         withoutSave: n = !1
       } = e;
-      if (a) {
-        var {
-          canvas: i,
-          montageArea: s,
-          transformManager: c,
-          historyManager: u,
-          errorManager: l
-        } = t.editor, d = yield t.getContentType(a), h = A.getFormatFromContentType(d), {
-          acceptContentTypes: v,
-          acceptFormats: m
-        } = t;
-        if (!t.isAllowedContentType(d)) {
-          var f = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
-          l.emitError({
+      if (!a) return null;
+      var {
+        canvas: i,
+        montageArea: s,
+        transformManager: c,
+        historyManager: u,
+        errorManager: l
+      } = t.editor, d = yield t.getContentType(a), h = A.getFormatFromContentType(d), {
+        acceptContentTypes: v,
+        acceptFormats: m
+      } = t;
+      if (!t.isAllowedContentType(d)) {
+        var f = "Неверный contentType для изображения: ".concat(d, ". Ожидается один из: ").concat(t.acceptContentTypes.join(", "), ".");
+        return l.emitError({
+          origin: "ImageManager",
+          method: "importImage",
+          code: "INVALID_CONTENT_TYPE",
+          message: f,
+          data: {
+            source: a,
+            format: h,
+            contentType: d,
+            acceptContentTypes: v,
+            acceptFormats: m
+          }
+        }), null;
+      }
+      u.suspendHistory();
+      try {
+        var M, g;
+        if (a instanceof File)
+          M = URL.createObjectURL(a);
+        else if (typeof a == "string") {
+          var C = yield fetch(a, {
+            mode: "cors"
+          }), y = yield C.blob({
+            type: d,
+            quality: 1
+          });
+          M = URL.createObjectURL(y);
+        } else
+          return l.emitError({
             origin: "ImageManager",
             method: "importImage",
-            code: "INVALID_CONTENT_TYPE",
-            message: f,
+            code: "INVALID_SOURCE_TYPE",
+            message: "Неверный тип источника изображения. Ожидается URL или объект File.",
             data: {
               source: a,
               format: h,
@@ -1175,101 +1204,71 @@ class A {
               acceptContentTypes: v,
               acceptFormats: m
             }
+          }), null;
+        if (t._createdBlobUrls.push(M), h === "svg") {
+          var D = yield ke(M);
+          g = Y.groupSVGElements(D.objects, D.options);
+        } else
+          g = yield le.fromURL(M, {
+            crossOrigin: "anonymous"
+          });
+        var {
+          width: E,
+          height: S
+        } = g;
+        if (S > L || E > N) {
+          var p = yield t.resizeImageToBoundaries(g._element.src, "max"), k = URL.createObjectURL(p);
+          t._createdBlobUrls.push(k), g = yield le.fromURL(k, {
+            crossOrigin: "anonymous"
           });
-          return;
         }
-        u.suspendHistory();
-        try {
-          var M, g;
-          if (a instanceof File)
-            M = URL.createObjectURL(a);
-          else if (typeof a == "string") {
-            var C = yield fetch(a, {
-              mode: "cors"
-            }), y = yield C.blob({
-              type: d,
-              quality: 1
-            });
-            M = URL.createObjectURL(y);
-          } else {
-            l.emitError({
-              origin: "ImageManager",
-              method: "importImage",
-              code: "INVALID_SOURCE_TYPE",
-              message: "Неверный тип источника изображения. Ожидается URL или объект File.",
-              data: {
-                source: a,
-                format: h,
-                contentType: d,
-                acceptContentTypes: v,
-                acceptFormats: m
-              }
-            });
-            return;
-          }
-          if (t._createdBlobUrls.push(M), h === "svg") {
-            var D = yield ke(M);
-            g = U.groupSVGElements(D.objects, D.options);
-          } else
-            g = yield le.fromURL(M, {
-              crossOrigin: "anonymous"
-            });
+        if (g.set("id", "".concat(g.type, "-").concat(w())), g.set("format", h), r === "scale-montage")
+          t.editor.canvasManager.scaleMontageAreaToImage({
+            object: g,
+            withoutSave: !0
+          });
+        else {
           var {
-            width: E,
-            height: S
-          } = g;
-          if (S > L || E > N) {
-            var p = yield t.resizeImageToBoundaries(g._element.src, "max"), T = URL.createObjectURL(p);
-            t._createdBlobUrls.push(T), g = yield le.fromURL(T, {
-              crossOrigin: "anonymous"
-            });
-          }
-          if (g.set("id", "".concat(g.type, "-").concat(w())), g.set("format", h), r === "scale-montage")
-            t.editor.canvasManager.scaleMontageAreaToImage({
-              object: g,
-              withoutSave: !0
-            });
-          else {
-            var {
-              width: Y,
-              height: H
-            } = s, _ = t.calculateScaleFactor({
-              imageObject: g,
-              scaleType: r
-            });
-            r === "image-contain" && _ < 1 ? c.fitObject({
-              object: g,
-              type: "contain",
-              withoutSave: !0
-            }) : r === "image-cover" && (E > Y || S > H) && c.fitObject({
-              object: g,
-              type: "cover",
-              withoutSave: !0
-            });
-          }
-          i.add(g), i.centerObject(g), i.setActiveObject(g), i.renderAll(), u.resumeHistory(), n || u.saveState(), i.fire("editor:image-imported", {
-            image: g,
+            width: H,
+            height: _
+          } = s, R = t.calculateScaleFactor({
+            imageObject: g,
+            scaleType: r
+          });
+          r === "image-contain" && R < 1 ? c.fitObject({
+            object: g,
+            type: "contain",
+            withoutSave: !0
+          }) : r === "image-cover" && (E > H || S > _) && c.fitObject({
+            object: g,
+            type: "cover",
+            withoutSave: !0
+          });
+        }
+        i.add(g), i.centerObject(g), i.setActiveObject(g), i.renderAll(), u.resumeHistory(), n || u.saveState();
+        var O = {
+          image: g,
+          format: h,
+          contentType: d,
+          scale: r,
+          withoutSave: n,
+          source: a
+        };
+        return i.fire("editor:image-imported", O), O;
+      } catch (x) {
+        return l.emitError({
+          origin: "ImageManager",
+          method: "importImage",
+          code: "IMPORT_FAILED",
+          message: "Ошибка импорта изображения: ".concat(x.message),
+          data: {
+            source: a,
             format: h,
             contentType: d,
             scale: r,
-            withoutSave: n,
-            source: a
-          });
-        } catch (k) {
-          l.emitError({
-            origin: "ImageManager",
-            method: "importImage",
-            code: "IMPORT_FAILED",
-            message: "Ошибка импорта изображения: ".concat(k.message),
-            data: {
-              source: a,
-              format: h,
-              contentType: d,
-              scale: r,
-              withoutSave: n
-            }
-          }), u.resumeHistory();
-        }
+            withoutSave: n
+          }
+        }), u.resumeHistory(), null;
       }
     })();
   }
@@ -1283,7 +1282,7 @@ class A {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return O(function* () {
+    return T(function* () {
       var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", n = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(N, "x").concat(L);
       a.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1317,7 +1316,7 @@ class A {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
@@ -1365,26 +1364,26 @@ class A {
           g.getElement().toBlob(b);
         });
         if (g.dispose(), i) {
-          var T = {
+          var k = {
             image: p,
             format: h,
             contentType: d,
             fileName: a
           };
-          return s.fire("editor:canvas-exported", T), T;
+          return s.fire("editor:canvas-exported", k), k;
         }
-        var Y = yield createImageBitmap(p), H = yield u.post("toDataURL", {
+        var H = yield createImageBitmap(p), _ = yield u.post("toDataURL", {
           format: h,
           quality: 1,
-          bitmap: Y
-        }, [Y]);
+          bitmap: H
+        }, [H]);
         if (l) {
-          var _ = 0.264583, k = f * _, V = M * _, Ce = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Ce({
-            orientation: k > V ? "landscape" : "portrait",
+          var R = 0.264583, O = f * R, x = M * R, Ce = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Ce({
+            orientation: O > x ? "landscape" : "portrait",
             unit: "mm",
-            format: [k, V]
+            format: [O, x]
           });
-          if (G.addImage(H, "JPG", 0, 0, k, V), n) {
+          if (G.addImage(_, "JPG", 0, 0, O, x), n) {
             var De = G.output("datauristring"), oe = {
               image: De,
               format: "pdf",
@@ -1405,7 +1404,7 @@ class A {
         }
         if (n) {
           var ce = {
-            image: H,
+            image: _,
             format: h,
             contentType: d,
             fileName: a
@@ -1450,7 +1449,7 @@ class A {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return O(function* () {
+    return T(function* () {
       var {
         object: a,
         fileName: r = "image.png",
@@ -1604,7 +1603,7 @@ class A {
    */
   getContentType(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     })();
   }
@@ -1616,7 +1615,7 @@ class A {
    */
   getContentTypeFromUrl(e) {
     var t = this;
-    return O(function* () {
+    return T(function* () {
       if (e.startsWith("data:")) {
         var a = e.match(/^data:([^;]+)/);
         return a ? a[1] : "application/octet-stream";
@@ -1706,7 +1705,7 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = i, l = Number(Math.max(Math.min(e, N), B));
+      } = i, l = Number(Math.max(Math.min(e, N), Z));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), i.set({
         width: l
       }), n.clipPath.set({
@@ -1749,7 +1748,7 @@ class jt {
       } = this.editor, {
         width: c,
         height: u
-      } = i, l = Number(Math.max(Math.min(e, L), Z));
+      } = i, l = Number(Math.max(Math.min(e, L), z));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), i.set({
         height: l
       }), n.clipPath.set({
@@ -1811,7 +1810,7 @@ class jt {
   }
   setCanvasBackstoreWidth(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, N), B);
+      var t = Math.max(Math.min(e, N), Z);
       this.editor.canvas.setDimensions({
         width: t
       }, {
@@ -1821,7 +1820,7 @@ class jt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, L), Z);
+      var t = Math.max(Math.min(e, L), z);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1832,7 +1831,7 @@ class jt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, N), B), i = Math.max(Math.min(r, L), Z);
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, N), Z), i = Math.max(Math.min(r, L), z);
     console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", i), e.setDimensions({
       width: n,
       height: i
@@ -2016,8 +2015,8 @@ class jt {
         width: l,
         height: d
       } = u;
-      if (l < B || d < Z) {
-        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(B, "x").concat(Z);
+      if (l < Z || d < z) {
+        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(Z, "x").concat(z);
         console.warn("scaleMontageAreaToImage. ".concat(h)), r.fire("editor:warning", {
           message: h
         });
@@ -2297,7 +2296,7 @@ class yt {
           });
           h.scale(v), n.centerObject(h);
         });
-        var l = new P(u, {
+        var l = new U(u, {
           canvas: n
         });
         n.setActiveObject(l);
@@ -2480,7 +2479,7 @@ class pt {
     }
   }
 }
-class W {
+class F {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2527,7 +2526,7 @@ class W {
     } = this.editor;
     r.suspendHistory();
     var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? W._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    n && (n.type === "activeselection" ? F._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2577,7 +2576,7 @@ class W {
     } = this.editor;
     n.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? W._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-backwards"));
+    s && (s.type === "activeselection" ? F._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-backwards"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2891,7 +2890,7 @@ class Lt {
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
-        }), a instanceof P ? (a.canvas = t, a.forEachObject((r) => {
+        }), a instanceof U ? (a.canvas = t, a.forEachObject((r) => {
           t.add(r);
         })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
           object: a
@@ -3036,7 +3035,7 @@ class Ot {
     if (!(!n || n.type !== "group")) {
       var i = n.removeAll();
       a.remove(n), i.forEach((c) => a.add(c));
-      var s = new P(i, {
+      var s = new U(i, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
@@ -3065,7 +3064,7 @@ class Tt {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new P(t.getObjects(), {
+    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new U(t.getObjects(), {
       canvas: e
     }) : r[0];
     n && a.lockObject({
@@ -3140,7 +3139,7 @@ var xt = {
     IMAGE_EXPORT_FAILED: "IMAGE_EXPORT_FAILED"
   }
 };
-class F {
+class V {
   constructor(e) {
     var {
       editor: t
@@ -3165,7 +3164,7 @@ class F {
       data: n,
       message: i
     } = e;
-    if (!F.isValidErrorCode(r)) {
+    if (!V.isValidErrorCode(r)) {
       console.warn("Неизвестный код ошибки: ", {
         code: r,
         origin: t,
@@ -3202,7 +3201,7 @@ class F {
       message: n,
       data: i
     } = e;
-    if (!F.isValidErrorCode(r)) {
+    if (!V.isValidErrorCode(r)) {
       console.warn("Неизвестный код ошибки: ", {
         code: r,
         origin: t,
@@ -3272,7 +3271,7 @@ class ie {
         scaleType: l,
         _onReadyCallback: d
       } = e.options;
-      if (qe.apply(), e.canvas = new Ye(e.containerId, e.options), e.moduleLoader = new We(), e.workerManager = new Fe(), e.errorManager = new F({
+      if (qe.apply(), e.canvas = new Ye(e.containerId, e.options), e.moduleLoader = new We(), e.workerManager = new Fe(), e.errorManager = new V({
         editor: e
       }), e.historyManager = new gt({
         editor: e
@@ -3284,7 +3283,7 @@ class ie {
         editor: e
       }), e.imageManager = new A({
         editor: e
-      }), e.layerManager = new W({
+      }), e.layerManager = new F({
         editor: e
       }), e.shapeManager = new Nt({
         editor: e
@@ -3300,7 +3299,7 @@ class ie {
         editor: e
       }), e.deletionManager = new kt({
         editor: e
-      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new z({
+      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new P({
         editor: e,
         options: e.options
       }), e.canvasManager.setEditorContainerWidth(t), e.canvasManager.setEditorContainerHeight(a), e.canvasManager.setCanvasWrapperWidth(r), e.canvasManager.setCanvasWrapperHeight(n), e.canvasManager.setCanvasCSSWidth(i), e.canvasManager.setCanvasCSSHeight(s), c != null && c.source) {
@@ -3495,7 +3494,7 @@ const Zt = {
   // Зум по колесику мыши
   mouseWheelZooming: !0,
   // Перемещение канваса при зажатой кнопке ALT
-  canvasDragging: !1,
+  canvasDragging: !0,
   // Копирование объектов (Ctrl + C, Ctrl + V)
   copyObjectsByHotkey: !0,
   // Вставка изображения из буфера обмена

package/package.json

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