@anu3ev/fabric-image-editor 0.1.12 → 0.1.13

package/dist/main.js

@@ -1,4 +1,4 @@
-import { ActiveSelection as Z, util as z, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as Ee, FabricImage as de, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Pattern as Ue, Canvas as Pe } from "fabric";
+import { ActiveSelection as z, util as U, controlsUtils as Oe, InteractiveFabricObject as Te, loadSVGFromURL as Ee, FabricImage as de, Point as ke, Rect as xe, Circle as Be, Triangle as Ze, Group as ze, Pattern as Ue, Canvas as Pe } from "fabric";
 import { create as Ye } from "jsondiffpatch";
 var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", I = 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 We(o) {
     });
   };
 }
-class B {
+class Z {
   /**
    * Конструктор принимает редактор и опции.
    * @param {Object} params
@@ -49,7 +49,7 @@ class B {
       editor: t,
       options: a = {}
     } = e;
-    this.editor = t, this.canvas = t.canvas, this.options = a, this.isUndoRedoKeyPressed = !1, this.handleAdaptCanvasToContainerBound = B.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.handleObjectModifiedHistoryBound = B.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = B.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.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.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();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -103,7 +103,7 @@ class B {
           this.canvas.setActiveObject(n[0]);
           return;
         }
-        var i = new Z(n, {
+        var i = new z(n, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
@@ -176,6 +176,8 @@ class B {
    * @param {Object} event — объект события
    * @param {Object} event.clipboardData — данные из буфера обмена
    * @param {Array} event.clipboardData.items — элементы буфера обмена
+   *
+   * TODO: Попробовать вынести методы в классы-менеджеры.
    */
   handlePasteEvent(e) {
     var t, {
@@ -183,25 +185,27 @@ class B {
     } = e;
     if (a != null && (t = a.items) !== null && t !== void 0 && t.length) {
       var {
-        items: r
-      } = a, n = r[r.length - 1];
-      if (n.type.indexOf("image") !== -1) {
-        var i = n.getAsFile();
-        if (!i) return;
-        var s = new FileReader();
-        s.onload = (h) => {
+        imageManager: r
+      } = this.editor, {
+        items: n
+      } = a, i = n[n.length - 1];
+      if (i.type.indexOf("image") !== -1) {
+        var s = i.getAsFile();
+        if (!s) return;
+        var c = new FileReader();
+        c.onload = (g) => {
           this.editor.imageManager.importImage({
-            source: h.target.result
+            source: g.target.result
           });
-        }, s.readAsDataURL(i);
+        }, c.readAsDataURL(s);
         return;
       }
-      var c = a.getData("text/html");
-      if (c) {
-        var u = new DOMParser(), l = u.parseFromString(c, "text/html"), d = l.querySelector("img");
-        if (d != null && d.src) {
-          this.editor.imageManager.importImage({
-            source: d.src
+      var u = a.getData("text/html");
+      if (u) {
+        var l = new DOMParser(), d = l.parseFromString(u, "text/html"), h = d.querySelector("img");
+        if (h != null && h.src) {
+          r.importImage({
+            source: h.src
           });
           return;
         }
@@ -440,90 +444,90 @@ class Re {
     this.worker.terminate();
   }
 }
-var b = 12, Ve = 2, G = 8, X = 20, Fe = 100, Q = 20, J = 8, Ge = 100, K = 32, $ = 1, Xe = "#2B2D33", q = "#3D8BF4", ee = "#FFFFFF";
-function U(o, e, t, a, r) {
-  var n = b, i = Ve;
-  o.save(), o.translate(e, t), o.rotate(z.degreesToRadians(r.angle)), o.fillStyle = ee, o.strokeStyle = q, o.lineWidth = $, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, n, n, i), o.fill(), o.stroke(), o.restore();
+var p = 12, Ve = 2, X = 8, Q = 20, Fe = 100, J = 20, K = 8, Ge = 100, $ = 32, q = 1, Xe = "#2B2D33", ee = "#3D8BF4", te = "#FFFFFF";
+function Y(o, e, t, a, r) {
+  var n = p, i = Ve;
+  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = te, o.strokeStyle = ee, o.lineWidth = q, o.beginPath(), o.roundRect(-12 / 2, -12 / 2, n, n, i), o.fill(), o.stroke(), o.restore();
 }
 function he(o, e, t, a, r) {
-  var n = G, i = X, s = Fe;
-  o.save(), o.translate(e, t), o.rotate(z.degreesToRadians(r.angle)), o.fillStyle = ee, o.strokeStyle = q, o.lineWidth = $, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+  var n = X, i = Q, s = Fe;
+  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = te, o.strokeStyle = ee, o.lineWidth = q, o.beginPath(), o.roundRect(-8 / 2, -20 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
 }
 function ge(o, e, t, a, r) {
-  var n = Q, i = J, s = Ge;
-  o.save(), o.translate(e, t), o.rotate(z.degreesToRadians(r.angle)), o.fillStyle = ee, o.strokeStyle = q, o.lineWidth = $, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
+  var n = J, i = K, s = Ge;
+  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = te, o.strokeStyle = ee, o.lineWidth = q, o.beginPath(), o.roundRect(-20 / 2, -8 / 2, n, i, s), o.fill(), o.stroke(), o.restore();
 }
 var Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ae = new Image();
 Ae.src = Qe;
 function Je(o, e, t, a, r) {
-  var n = K, i = n / 2;
-  o.save(), o.translate(e, t), o.rotate(z.degreesToRadians(r.angle)), o.fillStyle = Xe, o.beginPath(), o.arc(0, 0, i, 0, 2 * Math.PI), o.fill(), o.drawImage(Ae, -16 / 2, -16 / 2, i, i), o.restore();
+  var n = $, i = n / 2;
+  o.save(), o.translate(e, t), o.rotate(U.degreesToRadians(r.angle)), o.fillStyle = Xe, o.beginPath(), o.arc(0, 0, i, 0, 2 * Math.PI), o.fill(), o.drawImage(Ae, -16 / 2, -16 / 2, i, i), o.restore();
 }
 var Ke = {
   // Угловые точки
   tl: {
-    render: U,
-    sizeX: b,
-    sizeY: b,
+    render: Y,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: U,
-    sizeX: b,
-    sizeY: b,
+    render: Y,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: U,
-    sizeX: b,
-    sizeY: b,
+    render: Y,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: U,
-    sizeX: b,
-    sizeY: b,
+    render: Y,
+    sizeX: p,
+    sizeY: p,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
     render: he,
-    sizeX: G,
-    sizeY: X,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: he,
-    sizeX: G,
-    sizeY: X,
+    sizeX: X,
+    sizeY: Q,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: ge,
-    sizeX: Q,
-    sizeY: J,
+    sizeX: J,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: ge,
-    sizeX: Q,
-    sizeY: J,
+    sizeX: J,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: Je,
-    sizeX: K,
-    sizeY: K,
+    sizeX: $,
+    sizeY: $,
     offsetX: 0,
     offsetY: -32
   }
@@ -567,7 +571,7 @@ function st(o) {
     });
   };
 }
-const E = {
+const k = {
   style: {
     position: "absolute",
     display: "none",
@@ -678,7 +682,7 @@ function me(o, e) {
   }
   return t;
 }
-function M(o) {
+function j(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? me(Object(t), !0).forEach(function(a) {
@@ -718,11 +722,11 @@ class lt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = M(M(M({}, E), a), {}, {
-        style: M(M({}, E.style), a.style || {}),
-        btnStyle: M(M({}, E.btnStyle), a.btnStyle || {}),
-        icons: M(M({}, E.icons), a.icons || {}),
-        handlers: M(M({}, E.handlers), a.handlers || {})
+      this.config = j(j(j({}, k), a), {}, {
+        style: j(j({}, k.style), a.style || {}),
+        btnStyle: j(j({}, k.btnStyle), a.btnStyle || {}),
+        icons: j(j({}, k.icons), a.icons || {}),
+        handlers: j(j({}, k.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();
@@ -866,7 +870,7 @@ function fe(o, e, t, a, r, n, i) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function R(o) {
+function V(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -970,7 +974,7 @@ class ht {
    */
   loadStateFromFullState(e) {
     var t = this;
-    return R(function* () {
+    return V(function* () {
       if (e) {
         console.log("loadStateFromFullState fullState", e), yield t.canvas.loadFromJSON(e);
         var a = t.canvas.getObjects().find((n) => n.id === "montage-area");
@@ -986,7 +990,7 @@ class ht {
    */
   undo() {
     var e = this;
-    return R(function* () {
+    return V(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -1013,7 +1017,7 @@ class ht {
    */
   redo() {
     var e = this;
-    return R(function* () {
+    return V(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex >= e.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1035,7 +1039,7 @@ class ht {
     })();
   }
 }
-var gt = 0.1, vt = 2, mt = 0.1, ft = 90, k = 16, x = 16, N = 4096, D = 4096;
+var gt = 0.1, vt = 2, mt = 0.1, ft = 90, x = 16, B = 16, D = 4096, N = 4096;
 function Me(o, e, t, a, r, n, i) {
   try {
     var s = o[n](i), c = s.value;
@@ -1044,7 +1048,7 @@ function Me(o, e, t, a, r, n, i) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function P(o) {
+function T(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -1059,7 +1063,7 @@ function P(o) {
     });
   };
 }
-class L {
+class C {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1083,82 +1087,89 @@ class L {
    */
   importImage(e) {
     var t = this;
-    return P(function* () {
+    return T(function* () {
       var {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
-        withoutSave: n = !1,
-        contentType: i = "image/png"
+        withoutSave: n = !1
       } = e;
       if (a) {
+        var i = yield t.getContentType(a);
+        if (!t.isAllowedContentType(i)) {
+          var s = "Неверный contentType для изображения: ".concat(i, ". Ожидается один из: ").concat(t.options.acceptContentTypes.join(", "), ".");
+          console.error("ImageManager. ".concat(s)), t.editor.canvas.fire("editor:error", {
+            message: s
+          });
+          return;
+        }
         var {
-          canvas: s,
-          montageArea: c,
-          transformManager: u,
-          historyManager: l
+          canvas: c,
+          montageArea: u,
+          transformManager: l,
+          historyManager: d
         } = t.editor;
-        l.suspendHistory();
+        d.suspendHistory();
         try {
-          var d, h;
+          var h, g;
           if (a instanceof File)
-            d = URL.createObjectURL(a);
+            h = URL.createObjectURL(a);
           else if (typeof a == "string") {
-            var g = yield fetch(a, {
+            var v = yield fetch(a, {
               mode: "cors"
-            }), v = yield g.blob({
+            }), f = yield v.blob({
               type: i,
               quality: 1
             });
-            d = URL.createObjectURL(v);
+            h = URL.createObjectURL(f);
           } else
             throw new Error("ImportImage. Неверный тип источника изображения. Ожидается URL или объект File.");
-          t._createdBlobUrls.push(d);
-          var m = L.getFormatFromContentType(i);
-          if (m === "svg") {
-            var j = yield Ee(d);
-            h = z.groupSVGElements(j.objects, j.options);
+          t._createdBlobUrls.push(h);
+          var y = C.getFormatFromContentType(i);
+          if (y === "svg") {
+            var m = yield Ee(h);
+            g = U.groupSVGElements(m.objects, m.options);
           } else
-            h = yield de.fromURL(d, {
+            g = yield de.fromURL(h, {
               crossOrigin: "anonymous"
             });
           var {
-            width: f,
-            height: p
-          } = h;
-          if (p > D || f > N) {
-            var y = yield t.resizeImageToBoundaries(h._element.src, "max"), S = URL.createObjectURL(y);
-            t._createdBlobUrls.push(S), h = yield de.fromURL(S, {
+            width: b,
+            height: M
+          } = g;
+          if (M > N || b > D) {
+            var L = yield t.resizeImageToBoundaries(g._element.src, "max"), O = URL.createObjectURL(L);
+            t._createdBlobUrls.push(O), g = yield de.fromURL(O, {
               crossOrigin: "anonymous"
             });
           }
-          if (h.set("id", "".concat(h.type, "-").concat(I())), h.set("format", m), r === "scale-montage")
+          if (g.set("id", "".concat(g.type, "-").concat(I())), g.set("format", y), r === "scale-montage")
             t.editor.canvasManager.scaleMontageAreaToImage({
-              object: h,
+              object: g,
               withoutSave: !0
             });
           else {
             var {
-              width: O,
+              width: S,
               height: A
-            } = c, w = t.calculateScaleFactor({
-              imageObject: h,
+            } = u, P = t.calculateScaleFactor({
+              imageObject: g,
               scaleType: r
             });
-            r === "image-contain" && w < 1 ? u.fitObject({
-              object: h,
+            r === "image-contain" && P < 1 ? l.fitObject({
+              object: g,
               type: "contain",
               withoutSave: !0
-            }) : r === "image-cover" && (f > O || p > A) && u.fitObject({
-              object: h,
+            }) : r === "image-cover" && (b > S || M > A) && l.fitObject({
+              object: g,
               type: "cover",
               withoutSave: !0
             });
           }
-          s.add(h), s.centerObject(h), s.setActiveObject(h), s.renderAll(), l.resumeHistory(), n || l.saveState();
-        } catch (T) {
-          console.error("importImage. Ошибка импорта изображения: ", T), s.fire("editor:error", {
-            message: "Ошибка импорта изображения: ".concat(T.message)
-          }), l.resumeHistory();
+          c.add(g), c.centerObject(g), c.setActiveObject(g), c.renderAll(), d.resumeHistory(), n || d.saveState();
+        } catch (E) {
+          console.error("importImage. Ошибка импорта изображения: ", E), c.fire("editor:error", {
+            message: "Ошибка импорта изображения: ".concat(E.message)
+          }), d.resumeHistory();
         }
       }
     })();
@@ -1173,15 +1184,15 @@ class L {
    */
   resizeImageToBoundaries(e) {
     var t = arguments, a = this;
-    return P(function* () {
-      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", n = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(N, "x").concat(D);
+    return T(function* () {
+      var r = t.length > 1 && t[1] !== void 0 ? t[1] : "max", n = "Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров: ".concat(D, "x").concat(N);
       console.warn("importImage. ".concat(n)), a.editor.canvas.fire("editor:warning", {
         message: n
       });
       var i = yield a.editor.workerManager.post("resizeImage", {
         dataURL: e,
-        maxWidth: N,
-        maxHeight: D,
+        maxWidth: D,
+        maxHeight: N,
         sizeType: r
       });
       return i;
@@ -1200,7 +1211,7 @@ class L {
    */
   exportCanvasAsImageFile() {
     var e = arguments, t = this;
-    return P(function* () {
+    return T(function* () {
       var {
         fileName: a = "image.png",
         contentType: r = "image/png",
@@ -1210,63 +1221,63 @@ class L {
         canvas: s,
         montageArea: c,
         workerManager: u
-      } = t.editor, l = r === "application/pdf", d = l ? "image/jpg" : r, h = L.getFormatFromContentType(d);
+      } = t.editor, l = r === "application/pdf", d = l ? "image/jpg" : r, h = C.getFormatFromContentType(d);
       c.setCoords();
       var {
         left: g,
         top: v,
-        width: m,
-        height: j
-      } = c.getBoundingRect(), f = yield s.clone(["id", "format", "locked"]);
-      ["image/jpg", "image/jpeg"].includes(d) && (f.backgroundColor = "#ffffff");
-      var p = f.getObjects().find((C) => C.id === c.id);
-      p.visible = !1, f.viewportTransform = [1, 0, 0, 1, -g, -v], f.setDimensions({
-        width: m,
-        height: j
+        width: f,
+        height: y
+      } = c.getBoundingRect(), m = yield s.clone(["id", "format", "locked"]);
+      ["image/jpg", "image/jpeg"].includes(d) && (m.backgroundColor = "#ffffff");
+      var b = m.getObjects().find((w) => w.id === c.id);
+      b.visible = !1, m.viewportTransform = [1, 0, 0, 1, -g, -v], m.setDimensions({
+        width: f,
+        height: y
       }, {
         backstoreOnly: !0
-      }), f.renderAll();
-      var y = f.getObjects().filter((C) => C.format).every((C) => C.format === "svg");
-      if (h === "svg" && y) {
-        var S = f.toSVG();
-        f.dispose();
-        var O = L._exportSVGStringAsFile(S, {
+      }), m.renderAll();
+      var M = m.getObjects().filter((w) => w.format).every((w) => w.format === "svg");
+      if (h === "svg" && M) {
+        var L = m.toSVG();
+        m.dispose();
+        var O = C._exportSVGStringAsFile(L, {
           exportAsBase64: n,
           exportAsBlob: i,
           fileName: a
-        }), A = {
+        }), S = {
           image: O,
           format: "svg",
           contentType: "image/svg+xml",
           fileName: a.replace(/\.[^/.]+$/, ".svg")
         };
-        return s.fire("editor:canvas-exported", A), A;
+        return s.fire("editor:canvas-exported", S), S;
       }
-      var w = yield new Promise((C) => {
-        f.getElement().toBlob(C);
+      var A = yield new Promise((w) => {
+        m.getElement().toBlob(w);
       });
-      if (f.dispose(), i) {
-        var T = {
-          image: w,
+      if (m.dispose(), i) {
+        var P = {
+          image: A,
           format: h,
           contentType: d,
           fileName: a
         };
-        return s.fire("editor:canvas-exported", T), T;
+        return s.fire("editor:canvas-exported", P), P;
       }
-      var ae = yield createImageBitmap(w), re = yield u.post("toDataURL", {
+      var E = yield createImageBitmap(A), re = yield u.post("toDataURL", {
         format: h,
         quality: 1,
-        bitmap: ae
-      }, [ae]);
+        bitmap: E
+      }, [E]);
       if (l) {
-        var ne = 0.264583, H = m * ne, W = j * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, _ = new we({
-          orientation: H > W ? "landscape" : "portrait",
+        var ne = 0.264583, W = f * ne, _ = y * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
+          orientation: W > _ ? "landscape" : "portrait",
           unit: "mm",
-          format: [H, W]
+          format: [W, _]
         });
-        if (_.addImage(re, "JPG", 0, 0, H, W), n) {
-          var Ce = _.output("datauristring"), ie = {
+        if (R.addImage(re, "JPG", 0, 0, W, _), n) {
+          var Ce = R.output("datauristring"), ie = {
             image: Ce,
             format: "pdf",
             contentType: "application/pdf",
@@ -1274,10 +1285,10 @@ class L {
           };
           return s.fire("editor:canvas-exported", ie), ie;
         }
-        var Ne = _.output("blob"), De = new File([Ne], a, {
+        var De = R.output("blob"), Ne = new File([De], a, {
           type: "application/pdf"
         }), oe = {
-          image: De,
+          image: Ne,
           format: "pdf",
           contentType: "application/pdf",
           fileName: a
@@ -1293,7 +1304,7 @@ class L {
         };
         return s.fire("editor:canvas-exported", se), se;
       }
-      var ce = h === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
+      var ce = h === "svg" && !M ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([A], ce, {
         type: d
       }), ue = {
         image: Le,
@@ -1317,7 +1328,7 @@ class L {
    */
   exportObjectAsImageFile() {
     var e = arguments, t = this;
-    return P(function* () {
+    return T(function* () {
       var {
         object: a,
         fileName: r = "image.png",
@@ -1332,7 +1343,7 @@ class L {
         return console.error("exportObjectAsDataURL. Не выбран объект"), c.fire("editor:error", {
           message: "Не выбран объект для экспорта"
         }), "";
-      var d = L.getFormatFromContentType(n);
+      var d = C.getFormatFromContentType(n);
       if (d === "svg") {
         var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
           exportAsBase64: i,
@@ -1347,39 +1358,39 @@ class L {
         return c.fire("editor:object-exported", v), v;
       }
       if (i) {
-        var m = yield createImageBitmap(l._element), j = yield u.post("toDataURL", {
+        var f = yield createImageBitmap(l._element), y = yield u.post("toDataURL", {
           format: d,
           quality: 1,
-          bitmap: m
-        }, [m]), f = {
-          image: j,
+          bitmap: f
+        }, [f]), m = {
+          image: y,
           format: d,
           contentType: n,
           fileName: r
         };
-        return c.fire("editor:object-exported", f), f;
+        return c.fire("editor:object-exported", m), m;
       }
-      var p = l.toCanvasElement(), y = yield new Promise((w) => {
-        p.toBlob(w);
+      var b = l.toCanvasElement(), M = yield new Promise((A) => {
+        b.toBlob(A);
       });
       if (s) {
-        var S = {
-          image: y,
+        var L = {
+          image: M,
           format: d,
           contentType: n,
           fileName: r
         };
-        return c.fire("editor:object-exported", S), S;
+        return c.fire("editor:object-exported", L), L;
       }
-      var O = new File([y], r, {
+      var O = new File([M], r, {
         type: n
-      }), A = {
+      }), S = {
         image: O,
         format: d,
         contentType: n,
         fileName: r
       };
-      return c.fire("editor:object-exported", A), A;
+      return c.fire("editor:object-exported", S), S;
     })();
   }
   /**
@@ -1423,6 +1434,84 @@ class L {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = e.match(/^[^/]+\/([^+;]+)/);
     return t ? t[1] : "";
   }
+  /**
+   * Проверяет, является ли contentType допустимым типом изображения.
+   * @param {string} contentType - тип контента
+   * @returns {boolean} true, если contentType допустим, иначе false
+   */
+  isAllowedContentType() {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", {
+      acceptContentTypes: t
+    } = this.editor.options;
+    return t.includes(e);
+  }
+  /**
+   * Проверяет, является ли формат допустимым.
+   * @param {string} format - формат изображения, например 'png', 'jpeg', 'svg'
+   * @returns {boolean} true, если формат допустим, иначе false
+   */
+  isAllowedFormat() {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", {
+      acceptContentTypes: t
+    } = this.editor.options, a = "image/".concat(e);
+    return t.includes(a);
+  }
+  /**
+   * Получает contentType изображения из источника
+   * @param {File|string} source - URL изображения или объект File
+   * @returns {Promise<string>|string} - MIME-тип изображения
+   * @public
+   */
+  getContentType(e) {
+    var t = this;
+    return T(function* () {
+      return typeof e == "string" ? t.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
+    })();
+  }
+  /**
+   * Получает contentType изображения через HTTP HEAD запрос или анализ URL
+   * @param {string} src - URL изображения
+   * @returns {Promise<string>} - MIME-тип изображения
+   * @public
+   */
+  getContentTypeFromUrl(e) {
+    var t = this;
+    return T(function* () {
+      if (e.startsWith("data:")) {
+        var a = e.match(/^data:([^;]+)/);
+        return a ? a[1] : "application/octet-stream";
+      }
+      try {
+        var r = yield fetch(e, {
+          method: "HEAD"
+        }), n = r.headers.get("content-type");
+        if (n && n.startsWith("image/"))
+          return n.split(";")[0];
+      } catch (i) {
+        console.warn("HEAD запрос неудачен, определяем тип по расширению:", i);
+      }
+      return t.getContentTypeFromExtension(e);
+    })();
+  }
+  /**
+   * Определяет contentType по расширению файла в URL
+   * @param {string} url - URL файла
+   * @returns {string} - MIME-тип
+   * @public
+   */
+  getContentTypeFromExtension(e) {
+    try {
+      var t, {
+        acceptContentTypes: a
+      } = this.editor.options, r = new URL(e), n = (t = r.pathname.split(".").pop()) === null || t === void 0 ? void 0 : t.toLowerCase(), i = {};
+      return a.forEach((s) => {
+        var c = C.getFormatFromContentType(s);
+        c && (i[c] = s);
+      }), i[n] || "application/octet-stream";
+    } catch (s) {
+      return console.warn("Не удалось определить расширение из URL:", e, s), "application/octet-stream";
+    }
+  }
   /**
    * Рассчитывает коэффициент масштабирования изображения.
    * @param {object} imageObject - объект изображения
@@ -1479,7 +1568,7 @@ class Mt {
       } = this.editor, {
         width: c,
         height: u
-      } = i, l = Number(Math.max(Math.min(e, N), k));
+      } = i, l = Number(Math.max(Math.min(e, D), x));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), i.set({
         width: l
       }), n.clipPath.set({
@@ -1492,8 +1581,8 @@ class Mt {
       var {
         left: g,
         top: v
-      } = this.getObjectDefaultCoords(i), m = n.getZoom();
-      n.setViewportTransform([m, 0, 0, m, g, v]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-width-changed", {
+      } = this.getObjectDefaultCoords(i), f = n.getZoom();
+      n.setViewportTransform([f, 0, 0, f, g, v]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-width-changed", {
         width: e
       });
     }
@@ -1522,7 +1611,7 @@ class Mt {
       } = this.editor, {
         width: c,
         height: u
-      } = i, l = Number(Math.max(Math.min(e, D), x));
+      } = i, l = Number(Math.max(Math.min(e, N), B));
       if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), i.set({
         height: l
       }), n.clipPath.set({
@@ -1535,8 +1624,8 @@ class Mt {
       var {
         left: g,
         top: v
-      } = this.getObjectDefaultCoords(i), m = n.getZoom();
-      n.setViewportTransform([m, 0, 0, m, g, v]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-height-changed", {
+      } = this.getObjectDefaultCoords(i), f = n.getZoom();
+      n.setViewportTransform([f, 0, 0, f, g, v]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-height-changed", {
         height: e
       });
     }
@@ -1584,7 +1673,7 @@ class Mt {
   }
   setCanvasBackstoreWidth(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, N), k);
+      var t = Math.max(Math.min(e, D), x);
       this.editor.canvas.setDimensions({
         width: t
       }, {
@@ -1594,7 +1683,7 @@ class Mt {
   }
   setCanvasBackstoreHeight(e) {
     if (!(!e || typeof e != "number")) {
-      var t = Math.max(Math.min(e, D), x);
+      var t = Math.max(Math.min(e, N), B);
       this.editor.canvas.setDimensions({
         height: t
       }, {
@@ -1605,7 +1694,7 @@ class Mt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, N), k), i = Math.max(Math.min(r, D), x);
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, D), x), i = Math.max(Math.min(r, N), B);
     console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", i), e.setDimensions({
       width: n,
       height: i
@@ -1766,19 +1855,19 @@ class Mt {
         width: l,
         height: d
       } = u;
-      if (l < k || d < x) {
-        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(k, "x").concat(x);
+      if (l < x || d < B) {
+        var h = "Размер изображения меньше минимального размера канваса, поэтому оно будет растянуто до минимальных размеров: ".concat(x, "x").concat(B);
         console.warn("scaleMontageAreaToImage. ".concat(h)), r.fire("editor:warning", {
           message: h
         });
       }
-      var g = Math.min(l, N), v = Math.min(d, D);
+      var g = Math.min(l, D), v = Math.min(d, N);
       if (t) {
         var {
-          width: m,
-          height: j
-        } = n, f = l / m, p = d / j, y = Math.max(f, p);
-        g = m * y, v = j * y;
+          width: f,
+          height: y
+        } = n, m = l / f, b = d / y, M = Math.max(m, b);
+        g = f * M, v = y * M;
       }
       this.setResolutionWidth(g, {
         withoutSave: !0
@@ -2034,32 +2123,31 @@ class jt {
       fitAsOneObject: r
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: n,
-      montageArea: i,
-      imageManager: s,
-      historyManager: c
-    } = this.editor, u = e || n.getActiveObject();
-    if (u) {
-      if (["activeselection"].includes(u.type) && !r) {
-        var l = u.getObjects();
-        n.discardActiveObject(), l.forEach((g) => {
-          var v = s.calculateScaleFactor({
-            imageObject: g,
+      imageManager: i,
+      historyManager: s
+    } = this.editor, c = e || n.getActiveObject();
+    if (c) {
+      if (["activeselection"].includes(c.type) && !r) {
+        var u = c.getObjects();
+        n.discardActiveObject(), u.forEach((h) => {
+          var g = i.calculateScaleFactor({
+            imageObject: h,
             scaleType: t
           });
-          g.scale(v), n.centerObject(g);
+          h.scale(g), n.centerObject(h);
         });
-        var d = new Z(l, {
+        var l = new z(u, {
           canvas: n
         });
-        n.setActiveObject(d);
+        n.setActiveObject(l);
       } else {
-        var h = s.calculateScaleFactor({
-          imageObject: u,
+        var d = i.calculateScaleFactor({
+          imageObject: c,
           scaleType: t
         });
-        u.scale(h), n.centerObject(u);
+        c.scale(d), n.centerObject(c);
       }
-      n.renderAll(), a || c.saveState(), n.fire("editor:image-fitted", {
+      n.renderAll(), a || s.saveState(), n.fire("editor:image-fitted", {
         type: t
       });
     }
@@ -2231,7 +2319,7 @@ class yt {
     }
   }
 }
-class Y {
+class H {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2278,7 +2366,7 @@ class Y {
     } = this.editor;
     r.suspendHistory();
     var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? Y._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    n && (n.type === "activeselection" ? H._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2328,7 +2416,7 @@ class Y {
     } = this.editor;
     n.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? Y._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" ? H._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"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2367,7 +2455,7 @@ class Y {
       e.moveObjectTo(r[i], n - 1);
   }
 }
-var bt = ["id", "left", "top", "width", "height", "fill"], pt = ["id", "left", "top", "radius", "fill"], It = ["id", "left", "top", "width", "height", "fill"];
+var pt = ["id", "left", "top", "width", "height", "fill"], bt = ["id", "left", "top", "radius", "fill"], It = ["id", "left", "top", "width", "height", "fill"];
 function je(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
@@ -2378,7 +2466,7 @@ function je(o, e) {
   }
   return t;
 }
-function V(o) {
+function F(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? je(Object(t), !0).forEach(function(a) {
@@ -2406,7 +2494,7 @@ function wt(o, e) {
   }
   return (e === "string" ? String : Number)(o);
 }
-function F(o, e) {
+function G(o, e) {
   if (o == null) return {};
   var t, a, r = Ct(o, e);
   if (Object.getOwnPropertySymbols) {
@@ -2424,7 +2512,7 @@ function Ct(o, e) {
   }
   return t;
 }
-class Nt {
+class Dt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2458,12 +2546,12 @@ class Nt {
       width: n = 100,
       height: i = 100,
       fill: s = "blue"
-    } = e, c = F(e, bt), {
+    } = e, c = G(e, pt), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new xe(V({
+    } = this.editor, h = new xe(F({
       id: t,
       left: a,
       top: r,
@@ -2494,12 +2582,12 @@ class Nt {
       top: r,
       radius: n = 50,
       fill: i = "green"
-    } = e, s = F(e, pt), {
+    } = e, s = G(e, bt), {
       withoutSelection: c,
       withoutAdding: u
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: l
-    } = this.editor, d = new Be(V({
+    } = this.editor, d = new Be(F({
       id: t,
       left: a,
       top: r,
@@ -2531,12 +2619,12 @@ class Nt {
       width: n = 100,
       height: i = 100,
       fill: s = "yellow"
-    } = e, c = F(e, It), {
+    } = e, c = G(e, It), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new Ze(V({
+    } = this.editor, h = new Ze(F({
       id: t,
       left: a,
       top: r,
@@ -2555,7 +2643,7 @@ function ye(o, e, t, a, r, n, i) {
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function be(o) {
+function pe(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
@@ -2570,7 +2658,7 @@ function be(o) {
     });
   };
 }
-class Dt {
+class Nt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2587,13 +2675,13 @@ class Dt {
    */
   copy() {
     var e = this;
-    return be(function* () {
+    return pe(function* () {
       var {
         canvas: t
       } = e.editor, a = t.getActiveObject();
       if (a)
         try {
-          var r = yield a.clone();
+          var r = yield a.clone(["format"]);
           if (e.clipboard = r, typeof ClipboardItem == "undefined" || !navigator.clipboard) {
             console.warn(
               // eslint-disable-next-line max-len
@@ -2631,18 +2719,18 @@ class Dt {
    */
   paste() {
     var e = this;
-    return be(function* () {
+    return pe(function* () {
       var {
         canvas: t
       } = e.editor;
       if (e.clipboard) {
-        var a = yield e.clipboard.clone();
+        var a = yield e.clipboard.clone(["format"]);
         t.discardActiveObject(), a.set({
           id: "".concat(a.type, "-").concat(I()),
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
-        }), a instanceof Z ? (a.canvas = t, a.forEachObject((r) => {
+        }), a instanceof z ? (a.canvas = t, a.forEachObject((r) => {
           t.add(r);
         })) : t.add(a), t.setActiveObject(a), t.requestRenderAll(), t.fire("editor:object-pasted", {
           object: a
@@ -2787,7 +2875,7 @@ class Ot {
     if (!(!n || n.type !== "group")) {
       var i = n.removeAll();
       a.remove(n), i.forEach((c) => a.add(c));
-      var s = new Z(i, {
+      var s = new z(i, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
@@ -2816,7 +2904,7 @@ class Tt {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new Z(t.getObjects(), {
+    var r = t.getObjects(), n = r.some((s) => s.locked), i = r.length > 1 ? new z(t.getObjects(), {
       canvas: e
     }) : r[0];
     n && a.lockObject({
@@ -2863,7 +2951,7 @@ class Et {
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
   }
 }
-function pe(o, e, t, a, r, n, i) {
+function be(o, e, t, a, r, n, i) {
   try {
     var s = o[n](i), c = s.value;
   } catch (u) {
@@ -2877,16 +2965,16 @@ function kt(o) {
     return new Promise(function(a, r) {
       var n = o.apply(e, t);
       function i(c) {
-        pe(n, a, r, i, s, "next", c);
+        be(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        pe(n, a, r, i, s, "throw", c);
+        be(n, a, r, i, s, "throw", c);
       }
       i(void 0);
     });
   };
 }
-class te {
+class ae {
   constructor(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.options = t;
@@ -2920,15 +3008,15 @@ class te {
         editor: e
       }), e.canvasManager = new Mt({
         editor: e
-      }), e.imageManager = new L({
+      }), e.imageManager = new C({
         editor: e
-      }), e.layerManager = new Y({
+      }), e.layerManager = new H({
         editor: e
-      }), e.shapeManager = new Nt({
+      }), e.shapeManager = new Dt({
         editor: e
       }), e.interactionBlocker = new yt({
         editor: e
-      }), e.clipboardManager = new Dt({
+      }), e.clipboardManager = new Nt({
         editor: e
       }), e.objectLockManager = new Lt({
         editor: e
@@ -2938,21 +3026,19 @@ class te {
         editor: e
       }), e.deletionManager = new Et({
         editor: e
-      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new B({
+      }), e._createMonageArea(), e._createClippingArea(), e.listeners = new Z({
         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) {
         var {
           source: h,
           scale: g = "image-".concat(l),
-          withoutSave: v = !0,
-          contentType: m
+          withoutSave: v = !0
         } = c;
         yield e.imageManager.importImage({
           source: h,
           scale: g,
-          withoutSave: v,
-          contentType: m
+          withoutSave: v
         });
       } else
         e.canvasManager.setDefaultScale({
@@ -2974,7 +3060,7 @@ class te {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: te._createMosaicPattern(),
+      fill: ae._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3069,6 +3155,10 @@ const xt = {
   maxHistoryLength: 50,
   // Дефолтный тип скейлинга для объектов (cotain/cover)
   scaleType: "contain",
+  /**
+   * Массив допустимых форматов изображений для загрузки в редактор.
+   */
+  acceptContentTypes: ["image/png", "image/jpeg", "image/jpg", "image/svg+xml", "image/webp"],
   // Показывать панель инструментов для выделенного объекта
   showToolbar: !0,
   // Настройки панели инструментов выделенного объекта.
@@ -3190,7 +3280,7 @@ function Yt(o) {
   var r = document.createElement("canvas");
   return r.id = "".concat(o, "-canvas"), a.appendChild(r), t.editorContainer = a, new Promise((n) => {
     t._onReadyCallback = n;
-    var i = new te(r.id, t);
+    var i = new ae(r.id, t);
     window[o] = i;
   });
 }

package/package.json

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