@anu3ev/fabric-image-editor 0.1.10 → 0.1.11

package/dist/main.js

@@ -1,30 +1,30 @@
-import { ActiveSelection as Z, util as z, controlsUtils as Oe, InteractiveFabricObject as Te, Pattern as Ee, loadSVGFromURL as ke, FabricImage as de, Point as xe, Rect as Be, Circle as Ze, Triangle as ze, Group as Ue, Canvas as Pe } from "fabric";
+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 { 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--; )
     t += He[a[e] & 63];
   return t;
 };
-function le(i, e, t, a, r, n, o) {
+function le(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function We(i) {
+function We(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        le(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        le(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        le(n, a, r, o, s, "throw", c);
+        le(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
@@ -61,7 +61,7 @@ class B {
       mouseWheelZooming: a,
       bringToFrontOnSelection: r,
       copyObjectsByHotkey: n,
-      pasteImageFromClipboard: o,
+      pasteImageFromClipboard: i,
       undoRedoByHotKeys: s,
       selectAllByHotkey: c,
       deleteObjectsByHotkey: u,
@@ -71,7 +71,7 @@ class B {
       capture: !0
     }), n && document.addEventListener("keydown", this.handleCopyEventBound, {
       capture: !0
-    }), o && document.addEventListener("paste", this.handlePasteEventBound, {
+    }), i && document.addEventListener("paste", this.handlePasteEventBound, {
       capture: !0
     }), s && (document.addEventListener("keydown", this.handleUndoRedoEventBound, {
       capture: !0
@@ -103,10 +103,10 @@ class B {
           this.canvas.setActiveObject(n[0]);
           return;
         }
-        var o = new Z(n, {
+        var i = new Z(n, {
           canvas: this.canvas
         });
-        this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
+        this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
       }
     }
   }
@@ -186,14 +186,14 @@ class B {
         items: r
       } = a, n = r[r.length - 1];
       if (n.type.indexOf("image") !== -1) {
-        var o = n.getAsFile();
-        if (!o) return;
+        var i = n.getAsFile();
+        if (!i) return;
         var s = new FileReader();
         s.onload = (h) => {
           this.editor.imageManager.importImage({
             source: h.target.result
           });
-        }, s.readAsDataURL(o);
+        }, s.readAsDataURL(i);
         return;
       }
       var c = a.getData("text/html");
@@ -223,9 +223,9 @@ class B {
         ctrlKey: a,
         metaKey: r,
         code: n,
-        repeat: o
+        repeat: i
       } = e;
-      !a && !r || o || t.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.redo()));
+      !a && !r || i || t.isUndoRedoKeyPressed || (n === "KeyZ" ? (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.undo()) : n === "KeyY" && (e.preventDefault(), t.isUndoRedoKeyPressed = !0, yield t.editor.historyManager.redo()));
     })();
   }
   /**
@@ -354,8 +354,8 @@ class B {
   static debounce(e, t) {
     var a = null;
     return function() {
-      for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
-        n[o] = arguments[o];
+      for (var r = arguments.length, n = new Array(r), i = 0; i < r; i++)
+        n[i] = arguments[i];
       var s = this;
       clearTimeout(a), a = setTimeout(() => {
         e.apply(s, n);
@@ -409,9 +409,9 @@ class Re {
       requestId: a,
       success: r,
       data: n,
-      error: o
+      error: i
     } = t, s = this._callbacks.get(a);
-    s && (r ? s.resolve(n) : s.reject(new Error(o)), this._callbacks.delete(a));
+    s && (r ? s.resolve(n) : s.reject(new Error(i)), this._callbacks.delete(a));
   }
   /**
    * Универсальный метод отправки команды в воркер
@@ -422,10 +422,10 @@ class Re {
    */
   post(e, t) {
     var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(I(8));
-    return new Promise((n, o) => {
+    return new Promise((n, i) => {
       this._callbacks.set(r, {
         resolve: n,
-        reject: o
+        reject: i
       }), this.worker.postMessage({
         action: e,
         payload: t,
@@ -440,24 +440,24 @@ class Re {
     this.worker.terminate();
   }
 }
-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 U(i, e, t, a, r) {
-  var n = p, o = Ve;
-  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-12 / 2, -12 / 2, n, n, o), i.fill(), i.stroke(), i.restore();
+var p = 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 = p, 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();
 }
-function he(i, e, t, a, r) {
-  var n = X, o = Q, s = Fe;
-  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-8 / 2, -20 / 2, n, o, s), i.fill(), i.stroke(), i.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();
 }
-function ge(i, e, t, a, r) {
-  var n = J, o = K, s = Ge;
-  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = te, i.strokeStyle = ee, i.lineWidth = q, i.beginPath(), i.roundRect(-20 / 2, -8 / 2, n, o, s), i.fill(), i.stroke(), i.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 Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", Ae = new Image();
 Ae.src = Qe;
-function Je(i, e, t, a, r) {
-  var n = $, o = n / 2;
-  i.save(), i.translate(e, t), i.rotate(z.degreesToRadians(r.angle)), i.fillStyle = Xe, i.beginPath(), i.arc(0, 0, o, 0, 2 * Math.PI), i.fill(), i.drawImage(Ae, -16 / 2, -16 / 2, o, o), i.restore();
+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 Ke = {
   // Угловые точки
@@ -492,38 +492,38 @@ var Ke = {
   // Середина вертикалей
   ml: {
     render: he,
-    sizeX: X,
-    sizeY: Q,
+    sizeX: G,
+    sizeY: X,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: he,
-    sizeX: X,
-    sizeY: Q,
+    sizeX: G,
+    sizeY: X,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: ge,
-    sizeX: J,
-    sizeY: K,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: ge,
-    sizeX: J,
-    sizeY: K,
+    sizeX: Q,
+    sizeY: J,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
     render: Je,
-    sizeX: $,
-    sizeY: $,
+    sizeX: K,
+    sizeY: K,
     offsetX: 0,
     offsetY: -32
   }
@@ -544,26 +544,26 @@ class $e {
   }
 }
 var qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", rt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", nt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", ot = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
-function ve(i, e, t, a, r, n, o) {
+function ve(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function st(i) {
+function st(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        ve(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        ve(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        ve(n, a, r, o, s, "throw", c);
+        ve(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
@@ -637,74 +637,74 @@ const E = {
   },
   handlers: {
     copyPaste: function() {
-      var i = st(function* (t) {
+      var o = st(function* (t) {
         yield t.clipboardManager.copy(), yield t.clipboardManager.paste();
       });
       function e(t) {
-        return i.apply(this, arguments);
+        return o.apply(this, arguments);
       }
       return e;
     }(),
-    delete: (i) => {
-      i.deletionManager.deleteSelectedObjects();
+    delete: (o) => {
+      o.deletionManager.deleteSelectedObjects();
     },
-    lock: (i) => {
-      i.objectLockManager.lockObject();
+    lock: (o) => {
+      o.objectLockManager.lockObject();
     },
-    unlock: (i) => {
-      i.objectLockManager.unlockObject();
+    unlock: (o) => {
+      o.objectLockManager.unlockObject();
     },
-    bringForward: (i) => {
-      i.layerManager.bringForward();
+    bringForward: (o) => {
+      o.layerManager.bringForward();
     },
-    bringToFront: (i) => {
-      i.layerManager.bringToFront();
+    bringToFront: (o) => {
+      o.layerManager.bringToFront();
     },
-    sendToBack: (i) => {
-      i.layerManager.sendToBack();
+    sendToBack: (o) => {
+      o.layerManager.sendToBack();
     },
-    sendBackwards: (i) => {
-      i.layerManager.sendBackwards();
+    sendBackwards: (o) => {
+      o.layerManager.sendBackwards();
     }
   }
 };
-function me(i, e) {
-  var t = Object.keys(i);
+function me(o, e) {
+  var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(i);
+    var a = Object.getOwnPropertySymbols(o);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(i, r).enumerable;
+      return Object.getOwnPropertyDescriptor(o, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function M(i) {
+function M(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) {
-      ct(i, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach(function(a) {
-      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
+      ct(o, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach(function(a) {
+      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return i;
+  return o;
 }
-function ct(i, e, t) {
-  return (e = ut(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
+function ct(o, e, t) {
+  return (e = ut(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function ut(i) {
-  var e = dt(i, "string");
+function ut(o) {
+  var e = dt(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function dt(i, e) {
-  if (typeof i != "object" || !i) return i;
-  var t = i[Symbol.toPrimitive];
+function dt(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(i, e);
+    var a = t.call(o, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(i);
+  return (e === "string" ? String : Number)(o);
 }
 class lt {
   /**
@@ -756,14 +756,14 @@ class lt {
     this.el.innerHTML = "";
     var a = function() {
       var {
-        name: o,
+        name: i,
         handle: s
       } = r, {
         icons: c,
         btnStyle: u,
         handlers: l
       } = t.config, d = document.createElement("button");
-      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(o, '" />') : o, Object.assign(d.style, u), d.onclick = () => {
+      d.innerHTML = c[s] ? '<img src="'.concat(c[s], '" title="').concat(i, '" />') : i, Object.assign(d.style, u), d.onclick = () => {
         var h;
         return (h = l[s]) === null || h === void 0 ? void 0 : h.call(l, t.editor);
       }, t.el.appendChild(d);
@@ -838,12 +838,12 @@ class lt {
         canvas: r
       } = this;
       e.setCoords();
-      var n = r.getZoom(), [, , , , o, s] = r.viewportTransform, {
+      var n = r.getZoom(), [, , , , i, s] = r.viewportTransform, {
         x: c
       } = e.getCenterPoint(), {
         top: u,
         height: l
-      } = e.getBoundingRect(!1, !0), d = c * n + o, h = d - t.offsetWidth / 2, g = (u + l) * n + s + a.offsetTop;
+      } = e.getBoundingRect(!1, !0), d = c * n + i, h = d - t.offsetWidth / 2, g = (u + l) * n + s + a.offsetTop;
       Object.assign(t.style, {
         left: "".concat(h, "px"),
         top: "".concat(g, "px"),
@@ -858,26 +858,26 @@ class lt {
     this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("selection:changed", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-function fe(i, e, t, a, r, n, o) {
+function fe(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function V(i) {
+function R(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        fe(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        fe(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        fe(n, a, r, o, s, "throw", c);
+        fe(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
@@ -956,7 +956,7 @@ class ht {
    */
   loadStateFromFullState(e) {
     var t = this;
-    return V(function* () {
+    return R(function* () {
       if (e) {
         console.log("loadStateFromFullState fullState", e), yield t.canvas.loadFromJSON(e);
         var a = t.canvas.getObjects().find((n) => n.id === "montage-area");
@@ -972,7 +972,7 @@ class ht {
    */
   undo() {
     var e = this;
-    return V(function* () {
+    return R(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -999,7 +999,7 @@ class ht {
    */
   redo() {
     var e = this;
-    return V(function* () {
+    return R(function* () {
       if (!e.skipHistory) {
         if (e.currentIndex >= e.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1021,49 +1021,27 @@ class ht {
     })();
   }
 }
-function Y(i) {
-  var {
-    montageArea: e,
-    imageObject: t,
-    scaleType: a = "contain"
-  } = i;
-  if (!e || !t) return 1;
-  var r = e.width, n = e.height, {
-    width: o,
-    height: s
-  } = t;
-  return a === "contain" || a === "image-contain" ? Math.min(r / o, n / s) : a === "cover" || a === "image-cover" ? Math.max(r / o, n / s) : 1;
-}
-function gt() {
-  var i = document.createElement("canvas");
-  i.width = 20, i.height = 20;
-  var e = i.getContext("2d");
-  return e.fillStyle = "#ddd", e.fillRect(0, 0, 40, 40), e.fillStyle = "#ccc", e.fillRect(0, 0, 10, 10), e.fillRect(10, 10, 10, 10), new Ee({
-    source: i,
-    repeat: "repeat"
-  });
-}
-var vt = 0.1, mt = 2, ft = 0.1, Mt = 90, k = 16, x = 16, D = 4096, C = 4096;
-function Me(i, e, t, a, r, n, o) {
+var gt = 0.1, vt = 2, mt = 0.1, ft = 90, k = 16, x = 16, D = 4096, C = 4096;
+function Me(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function P(i) {
+function P(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        Me(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        Me(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        Me(n, a, r, o, s, "throw", c);
+        Me(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
@@ -1096,7 +1074,7 @@ class L {
         source: a,
         scale: r = "image-".concat(t.options.scaleType),
         withoutSave: n = !1,
-        contentType: o = "image/png"
+        contentType: i = "image/png"
       } = e;
       if (a) {
         var {
@@ -1113,33 +1091,33 @@ class L {
           else if (typeof a == "string") {
             var g = yield fetch(a, {
               mode: "cors"
-            }), f = yield g.blob({
-              type: o,
+            }), v = yield g.blob({
+              type: i,
               quality: 1
             });
-            d = URL.createObjectURL(f);
+            d = URL.createObjectURL(v);
           } else
             throw new Error("ImportImage. Неверный тип источника изображения. Ожидается URL или объект File.");
           t._createdBlobUrls.push(d);
-          var v = L.getFormatFromContentType(o);
-          if (v === "svg") {
-            var j = yield ke(d);
+          var m = L.getFormatFromContentType(i);
+          if (m === "svg") {
+            var j = yield Ee(d);
             h = z.groupSVGElements(j.objects, j.options);
           } else
             h = yield de.fromURL(d, {
               crossOrigin: "anonymous"
             });
           var {
-            width: m,
+            width: f,
             height: b
           } = h;
-          if (b > C || m > D) {
+          if (b > C || f > D) {
             var y = yield t.resizeImageToBoundaries(h._element.src, "max"), S = URL.createObjectURL(y);
             t._createdBlobUrls.push(S), h = yield de.fromURL(S, {
               crossOrigin: "anonymous"
             });
           }
-          if (h.set("id", "".concat(h.type, "-").concat(I())), h.set("format", v), r === "scale-montage")
+          if (h.set("id", "".concat(h.type, "-").concat(I())), h.set("format", m), r === "scale-montage")
             t.editor.canvasManager.scaleMontageAreaToImage({
               object: h,
               withoutSave: !0
@@ -1148,8 +1126,7 @@ class L {
             var {
               width: O,
               height: A
-            } = c, w = Y({
-              montageArea: c,
+            } = c, w = t.calculateScaleFactor({
               imageObject: h,
               scaleType: r
             });
@@ -1157,7 +1134,7 @@ class L {
               object: h,
               type: "contain",
               withoutSave: !0
-            }) : r === "image-cover" && (m > O || b > A) && u.fitObject({
+            }) : r === "image-cover" && (f > O || b > A) && u.fitObject({
               object: h,
               type: "cover",
               withoutSave: !0
@@ -1187,13 +1164,13 @@ class L {
       console.warn("importImage. ".concat(n)), a.editor.canvas.fire("editor:warning", {
         message: n
       });
-      var o = yield a.editor.workerManager.post("resizeImage", {
+      var i = yield a.editor.workerManager.post("resizeImage", {
         dataURL: e,
         maxWidth: D,
         maxHeight: C,
         sizeType: r
       });
-      return o;
+      return i;
     })();
   }
   /**
@@ -1214,7 +1191,7 @@ class L {
         fileName: a = "image.png",
         contentType: r = "image/png",
         exportAsBase64: n = !1,
-        exportAsBlob: o = !1
+        exportAsBlob: i = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: s,
         montageArea: c,
@@ -1223,25 +1200,25 @@ class L {
       c.setCoords();
       var {
         left: g,
-        top: f,
-        width: v,
+        top: v,
+        width: m,
         height: j
-      } = c.getBoundingRect(), m = yield s.clone(["id", "format", "locked"]);
-      ["image/jpg", "image/jpeg"].includes(d) && (m.backgroundColor = "#ffffff");
-      var b = m.getObjects().find((N) => N.id === c.id);
-      b.visible = !1, m.viewportTransform = [1, 0, 0, 1, -g, -f], m.setDimensions({
-        width: v,
+      } = c.getBoundingRect(), f = yield s.clone(["id", "format", "locked"]);
+      ["image/jpg", "image/jpeg"].includes(d) && (f.backgroundColor = "#ffffff");
+      var b = f.getObjects().find((N) => N.id === c.id);
+      b.visible = !1, f.viewportTransform = [1, 0, 0, 1, -g, -v], f.setDimensions({
+        width: m,
         height: j
       }, {
         backstoreOnly: !0
-      }), m.renderAll();
-      var y = m.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
+      }), f.renderAll();
+      var y = f.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
       if (h === "svg" && y) {
-        var S = m.toSVG();
-        m.dispose();
+        var S = f.toSVG();
+        f.dispose();
         var O = L._exportSVGStringAsFile(S, {
           exportAsBase64: n,
-          exportAsBlob: o,
+          exportAsBlob: i,
           fileName: a
         }), A = {
           image: O,
@@ -1252,9 +1229,9 @@ class L {
         return s.fire("editor:canvas-exported", A), A;
       }
       var w = yield new Promise((N) => {
-        m.getElement().toBlob(N);
+        f.getElement().toBlob(N);
       });
-      if (m.dispose(), o) {
+      if (f.dispose(), i) {
         var T = {
           image: w,
           format: h,
@@ -1269,13 +1246,13 @@ class L {
         bitmap: ae
       }, [ae]);
       if (l) {
-        var ne = 0.264583, W = v * ne, _ = j * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
-          orientation: W > _ ? "landscape" : "portrait",
+        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",
           unit: "mm",
-          format: [W, _]
+          format: [H, W]
         });
-        if (R.addImage(re, "JPG", 0, 0, W, _), n) {
-          var Ne = R.output("datauristring"), ie = {
+        if (_.addImage(re, "JPG", 0, 0, H, W), n) {
+          var Ne = _.output("datauristring"), ie = {
             image: Ne,
             format: "pdf",
             contentType: "application/pdf",
@@ -1283,7 +1260,7 @@ class L {
           };
           return s.fire("editor:canvas-exported", ie), ie;
         }
-        var De = R.output("blob"), Ce = new File([De], a, {
+        var De = _.output("blob"), Ce = new File([De], a, {
           type: "application/pdf"
         }), oe = {
           image: Ce,
@@ -1331,7 +1308,7 @@ class L {
         object: a,
         fileName: r = "image.png",
         contentType: n = "image/png",
-        exportAsBase64: o = !1,
+        exportAsBase64: i = !1,
         exportAsBlob: s = !1
       } = e.length > 0 && e[0] !== void 0 ? e[0] : {}, {
         canvas: c,
@@ -1344,29 +1321,29 @@ class L {
       var d = L.getFormatFromContentType(n);
       if (d === "svg") {
         var h = l.toSVG(), g = t._exportSVGStringAsFile(h, {
-          exportAsBase64: o,
+          exportAsBase64: i,
           exportAsBlob: s,
           fileName: r
-        }), f = {
+        }), v = {
           image: g,
           format: d,
           contentType: "image/svg+xml",
           fileName: r.replace(/\.[^/.]+$/, ".svg")
         };
-        return c.fire("editor:object-exported", f), f;
+        return c.fire("editor:object-exported", v), v;
       }
-      if (o) {
-        var v = yield createImageBitmap(l._element), j = yield u.post("toDataURL", {
+      if (i) {
+        var m = yield createImageBitmap(l._element), j = yield u.post("toDataURL", {
           format: d,
           quality: 1,
-          bitmap: v
-        }, [v]), m = {
+          bitmap: m
+        }, [m]), f = {
           image: j,
           format: d,
           contentType: n,
           fileName: r
         };
-        return c.fire("editor:object-exported", m), m;
+        return c.fire("editor:object-exported", f), f;
       }
       var b = l.toCanvasElement(), y = yield new Promise((w) => {
         b.toBlob(w);
@@ -1432,8 +1409,28 @@ class L {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = e.match(/^[^/]+\/([^+;]+)/);
     return t ? t[1] : "";
   }
+  /**
+   * Рассчитывает коэффициент масштабирования изображения.
+   * @param {object} imageObject - объект изображения
+   * @param {string} scaleType - тип масштабирования ('contain' или 'cover')
+   * @returns {number} коэффициент масштабирования
+   */
+  calculateScaleFactor(e) {
+    var {
+      imageObject: t,
+      scaleType: a = "contain"
+    } = e, {
+      montageArea: r
+    } = this.editor;
+    if (!r || !t) return 1;
+    var n = r.width, i = r.height, {
+      width: s,
+      height: c
+    } = t;
+    return a === "contain" || a === "image-contain" ? Math.min(n / s, i / c) : a === "cover" || a === "image-cover" ? Math.max(n / s, i / c) : 1;
+  }
 }
-class jt {
+class Mt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -1461,15 +1458,15 @@ class jt {
     if (e) {
       var {
         canvas: n,
-        montageArea: o,
+        montageArea: i,
         options: {
           canvasBackstoreWidth: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = o, l = Number(Math.max(Math.min(e, D), k));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), o.set({
+      } = i, l = Number(Math.max(Math.min(e, D), k));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreWidth(s) : this.setCanvasBackstoreWidth(l), i.set({
         width: l
       }), n.clipPath.set({
         width: l
@@ -1480,9 +1477,9 @@ class jt {
       }
       var {
         left: g,
-        top: f
-      } = this.getObjectDefaultCoords(o), v = n.getZoom();
-      n.setViewportTransform([v, 0, 0, v, g, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-width-changed", {
+        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", {
         width: e
       });
     }
@@ -1504,15 +1501,15 @@ class jt {
     if (e) {
       var {
         canvas: n,
-        montageArea: o,
+        montageArea: i,
         options: {
           canvasBackstoreHeight: s
         }
       } = this.editor, {
         width: c,
         height: u
-      } = o, l = Number(Math.max(Math.min(e, C), x));
-      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), o.set({
+      } = i, l = Number(Math.max(Math.min(e, C), x));
+      if (!s || s === "auto" || r ? this.adaptCanvasToContainer() : s ? this.setCanvasBackstoreHeight(s) : this.setCanvasBackstoreHeight(l), i.set({
         height: l
       }), n.clipPath.set({
         height: l
@@ -1523,9 +1520,9 @@ class jt {
       }
       var {
         left: g,
-        top: f
-      } = this.getObjectDefaultCoords(o), v = n.getZoom();
-      n.setViewportTransform([v, 0, 0, v, g, f]), this.centerMontageArea(), a || this.editor.historyManager.saveState(), n == null || n.fire("editor:resolution-height-changed", {
+        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", {
         height: e
       });
     }
@@ -1538,7 +1535,7 @@ class jt {
     var {
       canvas: e,
       montageArea: t
-    } = this.editor, a = e.getWidth(), r = e.getHeight(), n = e.getZoom(), o = new xe(a / 2, r / 2);
+    } = this.editor, a = e.getWidth(), r = e.getHeight(), n = e.getZoom(), i = new ke(a / 2, r / 2);
     t.set({
       left: a / 2,
       top: r / 2
@@ -1547,7 +1544,7 @@ class jt {
       top: r / 2
     }), e.renderAll();
     var s = e.viewportTransform;
-    s[4] = a / 2 - o.x * n, s[5] = r / 2 - o.y * n, e.setViewportTransform(s), e.renderAll();
+    s[4] = a / 2 - i.x * n, s[5] = r / 2 - i.y * n, e.setViewportTransform(s), e.renderAll();
   }
   /**
    * Метод для получения координат объекта с учетом текущего зума
@@ -1565,7 +1562,7 @@ class jt {
     var {
       width: r,
       height: n
-    } = a, o = t.getZoom(), s = (r - r * o) / 2, c = (n - n * o) / 2;
+    } = a, i = t.getZoom(), s = (r - r * i) / 2, c = (n - n * i) / 2;
     return {
       left: s,
       top: c
@@ -1594,10 +1591,10 @@ class jt {
   adaptCanvasToContainer() {
     var {
       canvas: e
-    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, D), k), o = Math.max(Math.min(r, C), x);
-    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", o), e.setDimensions({
+    } = this.editor, t = e.editorContainer, a = t.clientWidth, r = t.clientHeight, n = Math.max(Math.min(a, D), k), i = Math.max(Math.min(r, C), x);
+    console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", i), e.setDimensions({
       width: n,
-      height: o
+      height: i
     }, {
       backstoreOnly: !0
     });
@@ -1695,23 +1692,23 @@ class jt {
         options: {
           editorContainer: n
         }
-      } = this.editor, o = [];
+      } = this.editor, i = [];
       switch (e) {
         case "canvas":
-          o.push(r.lowerCanvasEl, r.upperCanvasEl);
+          i.push(r.lowerCanvasEl, r.upperCanvasEl);
           break;
         case "wrapper":
-          o.push(r.wrapperEl);
+          i.push(r.wrapperEl);
           break;
         case "container":
-          o.push(n);
+          i.push(n);
           break;
         default:
-          o.push(r.lowerCanvasEl, r.upperCanvasEl);
+          i.push(r.lowerCanvasEl, r.upperCanvasEl);
       }
       var s = t === "width" ? "width" : "height";
       if (typeof a == "string") {
-        o.forEach((l) => {
+        i.forEach((l) => {
           l.style[s] = a;
         });
         return;
@@ -1719,7 +1716,7 @@ class jt {
       var c = parseFloat(a);
       if (!isNaN(c)) {
         var u = "".concat(c, "px");
-        o.forEach((l) => {
+        i.forEach((l) => {
           l.style[s] = u;
         }), r.fire("editor:display-".concat(e, "-").concat(s, "-changed"), {
           element: e,
@@ -1744,7 +1741,7 @@ class jt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
       montageArea: n,
-      transformManager: o,
+      transformManager: i,
       options: {
         montageAreaWidth: s,
         montageAreaHeight: c
@@ -1761,23 +1758,23 @@ class jt {
           message: h
         });
       }
-      var g = Math.min(l, D), f = Math.min(d, C);
+      var g = Math.min(l, D), v = Math.min(d, C);
       if (t) {
         var {
-          width: v,
+          width: m,
           height: j
-        } = n, m = l / v, b = d / j, y = Math.max(m, b);
-        g = v * y, f = j * y;
+        } = n, f = l / m, b = d / j, y = Math.max(f, b);
+        g = m * y, v = j * y;
       }
       this.setResolutionWidth(g, {
         withoutSave: !0
-      }), this.setResolutionHeight(f, {
+      }), this.setResolutionHeight(v, {
         withoutSave: !0
-      }), (l > s || d > c) && o.calculateAndApplyDefaultZoom(s, c), o.resetObject(u, {
+      }), (l > s || d > c) && i.calculateAndApplyDefaultZoom(s, c), i.resetObject(u, {
         withoutSave: !0
       }), r.centerObject(u), r.renderAll(), a || this.editor.historyManager.saveState(), r.fire("editor:canvas-scaled", {
         width: g,
-        height: f
+        height: v
       });
     }
   }
@@ -1808,12 +1805,12 @@ class jt {
       historyManager: r,
       options: {
         montageAreaWidth: n,
-        montageAreaHeight: o
+        montageAreaHeight: i
       }
     } = this.editor;
     a.resetZoom(), this.setResolutionWidth(n, {
       withoutSave: !0
-    }), this.setResolutionHeight(o, {
+    }), this.setResolutionHeight(i, {
       withoutSave: !0
     }), t.renderAll(), a.resetObjects(), e || r.saveState(), t.fire("editor:default-scale-set");
   }
@@ -1832,7 +1829,7 @@ class jt {
     return r.filter((n) => n.id !== t.id && n.id !== a.id);
   }
 }
-class yt {
+class jt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -1854,7 +1851,7 @@ class yt {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.montageAreaWidth, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.options.montageAreaHeight, {
       width: a,
       height: r
-    } = this.editor.montageArea, n = e / a, o = t / r, s = Math.min(n, o), {
+    } = this.editor.montageArea, n = e / a, i = t / r, s = Math.min(n, i), {
       minZoom: c,
       maxZoom: u,
       maxZoomFactor: l
@@ -1871,16 +1868,16 @@ class yt {
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
   zoom() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : mt, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (e) {
       var {
         canvas: a,
         minZoom: r,
         maxZoom: n
-      } = this.editor, o = a.getZoom(), {
+      } = this.editor, i = a.getZoom(), {
         x: s = t.pointX,
         y: c = t.pointY
-      } = a.getCenterPoint(), u = Number((o + Number(e)).toFixed(2));
+      } = a.getCenterPoint(), u = Number((i + Number(e)).toFixed(2));
       u > n && (u = n), u < r && (u = r), a.zoomToPoint({
         x: Number(s),
         y: Number(c)
@@ -1904,16 +1901,16 @@ class yt {
       maxZoom: r
     } = this.editor, {
       x: n,
-      y: o
+      y: i
     } = t.getCenterPoint(), s = e;
     e > r && (s = r), e < a && (s = a), t.zoomToPoint({
       x: Number(n),
-      y: Number(o)
+      y: Number(i)
     }, s), t.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       zoom: s,
       pointX: n,
-      pointY: o
+      pointY: i
     });
   }
   /**
@@ -1943,16 +1940,16 @@ class yt {
    * @fires editor:object-rotated
    */
   rotate() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Mt, {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft, {
       withoutSave: t
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: a,
       historyManager: r
     } = this.editor, n = a.getActiveObject();
     if (n) {
-      var o = n.angle + e;
-      n.rotate(o), n.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
-        angle: o
+      var i = n.angle + e;
+      n.rotate(i), n.setCoords(), a.renderAll(), t || r.saveState(), a.fire("editor:object-rotated", {
+        angle: i
       });
     }
   }
@@ -1999,10 +1996,10 @@ class yt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
       historyManager: n
-    } = this.editor, o = e || r.getActiveObject();
-    o && (o.type === "activeselection" ? o.getObjects().forEach((s) => {
+    } = this.editor, i = e || r.getActiveObject();
+    i && (i.type === "activeselection" ? i.getObjects().forEach((s) => {
       s.set("opacity", t);
-    }) : o.set("opacity", t), r.renderAll(), a || n.saveState(), r.fire("editor:object-opacity-changed", t));
+    }) : i.set("opacity", t), r.renderAll(), a || n.saveState(), r.fire("editor:object-opacity-changed", t));
   }
   /**
    * Масштабирование изображения
@@ -2023,33 +2020,32 @@ class yt {
       fitAsOneObject: r
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: n,
-      montageArea: o,
-      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 = Y({
-            montageArea: o,
-            imageObject: h,
+      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,
             scaleType: t
           });
-          h.scale(g), n.centerObject(h);
+          g.scale(v), n.centerObject(g);
         });
-        var l = new Z(u, {
+        var d = new Z(l, {
           canvas: n
         });
-        n.setActiveObject(l);
+        n.setActiveObject(d);
       } else {
-        var d = Y({
-          montageArea: o,
-          imageObject: c,
+        var h = s.calculateScaleFactor({
+          imageObject: u,
           scaleType: t
         });
-        c.scale(d), n.centerObject(c);
+        u.scale(h), n.centerObject(u);
       }
-      n.renderAll(), a || s.saveState(), n.fire("editor:image-fitted", {
+      n.renderAll(), a || c.saveState(), n.fire("editor:image-fitted", {
         type: t
       });
     }
@@ -2076,52 +2072,52 @@ class yt {
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: r,
       montageArea: n,
-      historyManager: o,
+      imageManager: i,
+      historyManager: s,
       options: {
-        scaleType: s
+        scaleType: c
       }
-    } = this.editor, c = e || r.getActiveObject();
-    if (!(!c || c.locked)) {
-      if (o.suspendHistory(), c.type !== "image" && c.format !== "svg" && (c.set({
+    } = this.editor, u = e || r.getActiveObject();
+    if (!(!u || u.locked)) {
+      if (s.suspendHistory(), u.type !== "image" && u.format !== "svg" && (u.set({
         scaleX: 1,
         scaleY: 1,
         flipX: !1,
         flipY: !1,
         angle: 0
-      }), r.centerObject(c), r.renderAll()), t)
+      }), r.centerObject(u), r.renderAll()), t)
         this.fitObject({
-          object: c,
+          object: u,
           withoutSave: !0
         });
       else {
         var {
-          width: u,
-          height: l
+          width: l,
+          height: d
         } = n, {
-          width: d,
-          height: h
-        } = c, g = Y({
-          montageArea: n,
-          imageObject: c,
-          scaleType: s
+          width: h,
+          height: g
+        } = u, v = i.calculateScaleFactor({
+          imageObject: u,
+          scaleType: c
         });
-        s === "contain" && g < 1 || s === "cover" && (d > u || h > l) ? this.fitObject({
-          object: c,
+        c === "contain" && v < 1 || c === "cover" && (h > l || g > d) ? this.fitObject({
+          object: u,
           withoutSave: !0
-        }) : c.set({
+        }) : u.set({
           scaleX: 1,
           scaleY: 1
         });
       }
-      c.set({
+      u.set({
         flipX: !1,
         flipY: !1,
         angle: 0
-      }), r.centerObject(c), r.renderAll(), o.resumeHistory(), a || o.saveState(), r.fire("editor:object-reset");
+      }), r.centerObject(u), r.renderAll(), s.resumeHistory(), a || s.saveState(), r.fire("editor:object-reset");
     }
   }
 }
-class pt {
+class yt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor – экземпляр редактора
@@ -2172,13 +2168,13 @@ class pt {
       var {
         left: r,
         top: n,
-        width: o,
+        width: i,
         height: s
       } = t.getBoundingRect();
       this.overlayMask.set({
         left: r,
         top: n,
-        width: o,
+        width: i,
         height: s
       }), e.discardActiveObject(), this.editor.layerManager.bringToFront(this.overlayMask, {
         withoutSave: !0
@@ -2221,7 +2217,7 @@ class pt {
     }
   }
 }
-class H {
+class Y {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2248,8 +2244,8 @@ class H {
     } = this.editor;
     r.suspendHistory();
     var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? n.getObjects().forEach((o) => {
-      a.bringObjectToFront(o);
+    n && (n.type === "activeselection" ? n.getObjects().forEach((i) => {
+      a.bringObjectToFront(i);
     }) : a.bringObjectToFront(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-to-front"));
   }
   /**
@@ -2268,7 +2264,7 @@ class H {
     } = this.editor;
     r.suspendHistory();
     var n = e || a.getActiveObject();
-    n && (n.type === "activeselection" ? H._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
+    n && (n.type === "activeselection" ? Y._moveSelectionForward(a, n) : a.bringObjectForward(n), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:object-bring-forward"));
   }
   /**
   * Отправить объект на задний план по оси Z
@@ -2285,7 +2281,7 @@ class H {
       montageArea: r,
       historyManager: n,
       interactionBlocker: {
-        overlayMask: o
+        overlayMask: i
       }
     } = this.editor;
     n.suspendHistory();
@@ -2296,7 +2292,7 @@ class H {
           a.sendObjectToBack(c[u]);
       else
         a.sendObjectToBack(s);
-      a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back");
+      a.sendObjectToBack(r), a.sendObjectToBack(i), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-to-back");
     }
   }
   /**
@@ -2313,12 +2309,12 @@ class H {
       montageArea: r,
       historyManager: n,
       interactionBlocker: {
-        overlayMask: o
+        overlayMask: i
       }
     } = this.editor;
     n.suspendHistory();
     var s = e || a.getActiveObject();
-    s && (s.type === "activeselection" ? H._moveSelectionBackwards(a, s) : a.sendObjectBackwards(s), a.sendObjectToBack(r), a.sendObjectToBack(o), a.renderAll(), n.resumeHistory(), t || n.saveState(), a.fire("editor:object-send-backwards"));
+    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"));
   }
   /**
    * Сдвигает выделенные объекты на один уровень вверх относительно ближайшего верхнего объекта
@@ -2328,20 +2324,20 @@ class H {
    * @private
    */
   static _moveSelectionForward(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), n = r.map((l) => a.indexOf(l)), o = -1, s = function(d) {
+    for (var a = e.getObjects(), r = t.getObjects(), n = r.map((l) => a.indexOf(l)), i = -1, s = function(d) {
       var h = a[d];
       if (!r.includes(h) && n.some((g) => d > g))
-        return o = d, 1;
+        return i = d, 1;
     }, c = 0; c < a.length && !s(c); c += 1)
       ;
-    if (o !== -1) {
+    if (i !== -1) {
       var u = r.map((l) => ({
         obj: l,
         index: a.indexOf(l)
       })).sort((l, d) => d.index - l.index);
       u.forEach((l) => {
         var d = a.indexOf(l.obj);
-        d < o && (e.moveObjectTo(l.obj, o), o = d);
+        d < i && (e.moveObjectTo(l.obj, i), i = d);
       });
     }
   }
@@ -2353,68 +2349,68 @@ class H {
    * @private
    */
   static _moveSelectionBackwards(e, t) {
-    for (var a = e.getObjects(), r = t.getObjects(), n = Math.min(...r.map((s) => a.indexOf(s))), o = r.length - 1; o >= 0; o -= 1)
-      e.moveObjectTo(r[o], n - 1);
+    for (var a = e.getObjects(), r = t.getObjects(), n = Math.min(...r.map((s) => a.indexOf(s))), i = r.length - 1; i >= 0; i -= 1)
+      e.moveObjectTo(r[i], n - 1);
   }
 }
-var bt = ["id", "left", "top", "width", "height", "fill"], It = ["id", "left", "top", "radius", "fill"], St = ["id", "left", "top", "width", "height", "fill"];
-function je(i, e) {
-  var t = Object.keys(i);
+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) {
-    var a = Object.getOwnPropertySymbols(i);
+    var a = Object.getOwnPropertySymbols(o);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(i, r).enumerable;
+      return Object.getOwnPropertyDescriptor(o, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function F(i) {
+function V(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) {
-      At(i, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : je(Object(t)).forEach(function(a) {
-      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
+      St(o, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : je(Object(t)).forEach(function(a) {
+      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return i;
+  return o;
 }
-function At(i, e, t) {
-  return (e = wt(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
+function St(o, e, t) {
+  return (e = At(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function wt(i) {
-  var e = Nt(i, "string");
+function At(o) {
+  var e = wt(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Nt(i, e) {
-  if (typeof i != "object" || !i) return i;
-  var t = i[Symbol.toPrimitive];
+function wt(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(i, e);
+    var a = t.call(o, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(i);
+  return (e === "string" ? String : Number)(o);
 }
-function G(i, e) {
-  if (i == null) return {};
-  var t, a, r = Dt(i, e);
+function F(o, e) {
+  if (o == null) return {};
+  var t, a, r = Nt(o, e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(i);
-    for (a = 0; a < n.length; a++) t = n[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(i, t) && (r[t] = i[t]);
+    var n = Object.getOwnPropertySymbols(o);
+    for (a = 0; a < n.length; a++) t = n[a], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(o, t) && (r[t] = o[t]);
   }
   return r;
 }
-function Dt(i, e) {
-  if (i == null) return {};
+function Nt(o, e) {
+  if (o == null) return {};
   var t = {};
-  for (var a in i) if ({}.hasOwnProperty.call(i, a)) {
+  for (var a in o) if ({}.hasOwnProperty.call(o, a)) {
     if (e.indexOf(a) !== -1) continue;
-    t[a] = i[a];
+    t[a] = o[a];
   }
   return t;
 }
-class Ct {
+class Dt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2446,19 +2442,19 @@ class Ct {
       left: a,
       top: r,
       width: n = 100,
-      height: o = 100,
+      height: i = 100,
       fill: s = "blue"
-    } = e, c = G(e, bt), {
+    } = e, c = F(e, pt), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new Be(F({
+    } = this.editor, h = new xe(V({
       id: t,
       left: a,
       top: r,
       width: n,
-      height: o,
+      height: i,
       fill: s
     }, c));
     return !a && !r && d.centerObject(h), l || (d.add(h), u || d.setActiveObject(h), d.renderAll()), h;
@@ -2483,17 +2479,17 @@ class Ct {
       left: a,
       top: r,
       radius: n = 50,
-      fill: o = "green"
-    } = e, s = G(e, It), {
+      fill: i = "green"
+    } = e, s = F(e, bt), {
       withoutSelection: c,
       withoutAdding: u
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: l
-    } = this.editor, d = new Ze(F({
+    } = this.editor, d = new Be(V({
       id: t,
       left: a,
       top: r,
-      fill: o,
+      fill: i,
       radius: n
     }, s));
     return !a && !r && l.centerObject(d), u || (l.add(d), c || l.setActiveObject(d), l.renderAll()), d;
@@ -2519,48 +2515,48 @@ class Ct {
       left: a,
       top: r,
       width: n = 100,
-      height: o = 100,
+      height: i = 100,
       fill: s = "yellow"
-    } = e, c = G(e, St), {
+    } = e, c = F(e, It), {
       withoutSelection: u,
       withoutAdding: l
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       canvas: d
-    } = this.editor, h = new ze(F({
+    } = this.editor, h = new Ze(V({
       id: t,
       left: a,
       top: r,
       fill: s,
       width: n,
-      height: o
+      height: i
     }, c));
     return !a && !r && d.centerObject(h), l || (d.add(h), u || d.setActiveObject(h), d.renderAll()), h;
   }
 }
-function ye(i, e, t, a, r, n, o) {
+function ye(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function pe(i) {
+function pe(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        ye(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        ye(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        ye(n, a, r, o, s, "throw", c);
+        ye(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
-class Lt {
+class Ct {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2599,10 +2595,10 @@ class Lt {
             });
             return;
           }
-          var n = r.toCanvasElement(), o = yield new Promise((u) => {
+          var n = r.toCanvasElement(), i = yield new Promise((u) => {
             n.toBlob(u);
           }), s = new ClipboardItem({
-            [o.type]: o
+            [i.type]: i
           });
           yield navigator.clipboard.write([s]), t.fire("editor:object-copied", {
             object: r
@@ -2641,7 +2637,7 @@ class Lt {
     })();
   }
 }
-class Ot {
+class Lt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2668,8 +2664,8 @@ class Ot {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: r,
       historyManager: n
-    } = this.editor, o = e || r.getActiveObject();
-    if (!(!o || o.locked)) {
+    } = this.editor, i = e || r.getActiveObject();
+    if (!(!i || i.locked)) {
       var s = {
         lockMovementX: !0,
         lockMovementY: !0,
@@ -2680,12 +2676,12 @@ class Ot {
         lockSkewingY: !0,
         locked: !0
       };
-      o.set(s);
-      var c = !t && ["activeselection", "group"].includes(o.type);
-      c && o.getObjects().forEach((u) => {
+      i.set(s);
+      var c = !t && ["activeselection", "group"].includes(i.type);
+      c && i.getObjects().forEach((u) => {
         u.set(s);
       }), r.renderAll(), a || n.saveState(), r.fire("editor:object-locked", {
-        object: o
+        object: i
       });
     }
   }
@@ -2706,7 +2702,7 @@ class Ot {
       historyManager: r
     } = this.editor, n = e || a.getActiveObject();
     if (n) {
-      var o = {
+      var i = {
         lockMovementX: !1,
         lockMovementY: !1,
         lockRotation: !1,
@@ -2716,15 +2712,15 @@ class Ot {
         lockSkewingY: !1,
         locked: !1
       };
-      n.set(o), ["activeselection", "group"].includes(n.type) && n.getObjects().forEach((s) => {
-        s.set(o);
+      n.set(i), ["activeselection", "group"].includes(n.type) && n.getObjects().forEach((s) => {
+        s.set(i);
       }), a.renderAll(), t || r.saveState(), a.fire("editor:object-unlocked", {
         object: n
       });
     }
   }
 }
-class Tt {
+class Ot {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2753,8 +2749,8 @@ class Tt {
     r.suspendHistory();
     var n = e || a.getActiveObject();
     if (n && n.type === "activeselection") {
-      var o = n.getObjects(), s = new Ue(o);
-      o.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(I())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+      var i = n.getObjects(), s = new ze(i);
+      i.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(I())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
     }
   }
   /**
@@ -2775,16 +2771,16 @@ class Tt {
     r.suspendHistory();
     var n = e || a.getActiveObject();
     if (!(!n || n.type !== "group")) {
-      var o = n.removeAll();
-      a.remove(n), o.forEach((c) => a.add(c));
-      var s = new Z(o, {
+      var i = n.removeAll();
+      a.remove(n), i.forEach((c) => a.add(c));
+      var s = new Z(i, {
         canvas: a
       });
       a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-ungrouped");
     }
   }
 }
-class Et {
+class Tt {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2806,19 +2802,19 @@ class Et {
       objectLockManager: a
     } = this.editor;
     e.discardActiveObject();
-    var r = t.getObjects(), n = r.some((s) => s.locked), o = 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({
-      object: o,
+      object: i,
       skipInnerObjects: !0,
       withoutSave: !0
-    }), e.setActiveObject(o), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
-      selected: o
+    }), e.setActiveObject(i), e.requestRenderAll(), e.fire("editor:all-objects-selected", {
+      selected: i
     });
   }
 }
-class kt {
+class Et {
   /**
    * @param {object} options
    * @param {ImageEditor} options.editor - экземпляр редактора с доступом к canvas
@@ -2843,40 +2839,40 @@ class kt {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
       canvas: a,
       historyManager: r
-    } = this.editor, n = (e || a.getActiveObjects()).filter((o) => !o.locked);
-    n != null && n.length && (r.suspendHistory(), n.forEach((o) => {
-      if (o.type === "group" && o.format !== "svg") {
-        this.ungroup(o), this.deleteSelectedObjects();
+    } = this.editor, n = (e || a.getActiveObjects()).filter((i) => !i.locked);
+    n != null && n.length && (r.suspendHistory(), n.forEach((i) => {
+      if (i.type === "group" && i.format !== "svg") {
+        this.ungroup(i), this.deleteSelectedObjects();
         return;
       }
-      a.remove(o);
+      a.remove(i);
     }), a.discardActiveObject(), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-deleted"));
   }
 }
-function be(i, e, t, a, r, n, o) {
+function be(o, e, t, a, r, n, i) {
   try {
-    var s = i[n](o), c = s.value;
+    var s = o[n](i), c = s.value;
   } catch (u) {
     return void t(u);
   }
   s.done ? e(c) : Promise.resolve(c).then(a, r);
 }
-function xt(i) {
+function kt(o) {
   return function() {
     var e = this, t = arguments;
     return new Promise(function(a, r) {
-      var n = i.apply(e, t);
-      function o(c) {
-        be(n, a, r, o, s, "next", c);
+      var n = o.apply(e, t);
+      function i(c) {
+        be(n, a, r, i, s, "next", c);
       }
       function s(c) {
-        be(n, a, r, o, s, "throw", c);
+        be(n, a, r, i, s, "throw", c);
       }
-      o(void 0);
+      i(void 0);
     });
   };
 }
-class Bt {
+class te {
   constructor(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.options = t;
@@ -2885,17 +2881,17 @@ class Bt {
       minZoom: r,
       maxZoom: n
     } = t;
-    this.containerId = e, this.editorId = "".concat(e, "-").concat(I()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = n || mt, this.init();
+    this.containerId = e, this.editorId = "".concat(e, "-").concat(I()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || gt, this.maxZoom = n || vt, this.init();
   }
   init() {
     var e = this;
-    return xt(function* () {
+    return kt(function* () {
       var {
         editorContainerWidth: t,
         editorContainerHeight: a,
         canvasWrapperWidth: r,
         canvasWrapperHeight: n,
-        canvasCSSWidth: o,
+        canvasCSSWidth: i,
         canvasCSSHeight: s,
         initialImage: c,
         initialStateJSON: u,
@@ -2906,43 +2902,43 @@ class Bt {
         editor: e
       }), e.toolbar = new lt({
         editor: e
-      }), e.transformManager = new yt({
+      }), e.transformManager = new jt({
         editor: e
-      }), e.canvasManager = new jt({
+      }), e.canvasManager = new Mt({
         editor: e
       }), e.imageManager = new L({
         editor: e
-      }), e.layerManager = new H({
+      }), e.layerManager = new Y({
         editor: e
-      }), e.shapeManager = new Ct({
+      }), e.shapeManager = new Dt({
         editor: e
-      }), e.interactionBlocker = new pt({
+      }), e.interactionBlocker = new yt({
         editor: e
-      }), e.clipboardManager = new Lt({
+      }), e.clipboardManager = new Ct({
         editor: e
-      }), e.objectLockManager = new Ot({
+      }), e.objectLockManager = new Lt({
         editor: e
-      }), e.groupingManager = new Tt({
+      }), e.groupingManager = new Ot({
         editor: e
-      }), e.selectionManager = new Et({
+      }), e.selectionManager = new Tt({
         editor: e
-      }), e.deletionManager = new kt({
+      }), e.deletionManager = new Et({
         editor: e
       }), e._createMonageArea(), e._createClippingArea(), e.listeners = new B({
         editor: e,
         options: e.options
-      }), e.canvasManager.setEditorContainerWidth(t), e.canvasManager.setEditorContainerHeight(a), e.canvasManager.setCanvasWrapperWidth(r), e.canvasManager.setCanvasWrapperHeight(n), e.canvasManager.setCanvasCSSWidth(o), e.canvasManager.setCanvasCSSHeight(s), c != null && c.source) {
+      }), 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: f = !0,
-          contentType: v
+          withoutSave: v = !0,
+          contentType: m
         } = c;
         yield e.imageManager.importImage({
           source: h,
           scale: g,
-          withoutSave: f,
-          contentType: v
+          withoutSave: v,
+          contentType: m
         });
       } else
         e.canvasManager.setDefaultScale({
@@ -2964,7 +2960,7 @@ class Bt {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: gt(),
+      fill: te._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3014,8 +3010,21 @@ class Bt {
   destroy() {
     this.listeners.destroy(), this.toolbar.destroy(), this.canvas.dispose(), this.workerManager.worker.terminate(), this.imageManager.revokeBlobUrls();
   }
+  /**
+   * Создает паттерн мозаики.
+   * @returns {object} паттерн мозаики
+   */
+  static _createMosaicPattern() {
+    var e = document.createElement("canvas");
+    e.width = 20, e.height = 20;
+    var t = e.getContext("2d");
+    return t.fillStyle = "#ddd", t.fillRect(0, 0, 40, 40), t.fillStyle = "#ccc", t.fillRect(0, 0, 10, 10), t.fillRect(10, 10, 10, 10), new Ue({
+      source: e,
+      repeat: "repeat"
+    });
+  }
 }
-const Zt = {
+const xt = {
   // Cохраняют ли объекты свой текущий порядок (z-index) при выделении
   preserveObjectStacking: !0,
   // Возможность взаимодействия с объектом за пределами монтажной области
@@ -3122,56 +3131,56 @@ const Zt = {
   // Сброс параметров объекта по двойному клику
   resetObjectFitByDoubleClick: !0
 };
-function Ie(i, e) {
-  var t = Object.keys(i);
+function Ie(o, e) {
+  var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(i);
+    var a = Object.getOwnPropertySymbols(o);
     e && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(i, r).enumerable;
+      return Object.getOwnPropertyDescriptor(o, r).enumerable;
     })), t.push.apply(t, a);
   }
   return t;
 }
-function Se(i) {
+function Se(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Ie(Object(t), !0).forEach(function(a) {
-      zt(i, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
-      Object.defineProperty(i, a, Object.getOwnPropertyDescriptor(t, a));
+      Bt(o, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : Ie(Object(t)).forEach(function(a) {
+      Object.defineProperty(o, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
-  return i;
+  return o;
 }
-function zt(i, e, t) {
-  return (e = Ut(e)) in i ? Object.defineProperty(i, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = t, i;
+function Bt(o, e, t) {
+  return (e = Zt(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
 }
-function Ut(i) {
-  var e = Pt(i, "string");
+function Zt(o) {
+  var e = zt(o, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function Pt(i, e) {
-  if (typeof i != "object" || !i) return i;
-  var t = i[Symbol.toPrimitive];
+function zt(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var t = o[Symbol.toPrimitive];
   if (t !== void 0) {
-    var a = t.call(i, e);
+    var a = t.call(o, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(i);
+  return (e === "string" ? String : Number)(o);
 }
-function Wt(i) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = Se(Se({}, Zt), e), a = document.getElementById(i);
+function Yt(o) {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = Se(Se({}, xt), e), a = document.getElementById(o);
   if (!a)
-    return Promise.reject(new Error('Контейнер с ID "'.concat(i, '" не найден.')));
+    return Promise.reject(new Error('Контейнер с ID "'.concat(o, '" не найден.')));
   var r = document.createElement("canvas");
-  return r.id = "".concat(i, "-canvas"), a.appendChild(r), t.editorContainer = a, new Promise((n) => {
+  return r.id = "".concat(o, "-canvas"), a.appendChild(r), t.editorContainer = a, new Promise((n) => {
     t._onReadyCallback = n;
-    var o = new Bt(r.id, t);
-    window[i] = o;
+    var i = new te(r.id, t);
+    window[o] = i;
   });
 }
 export {
-  Wt as default
+  Yt as default
 };
 //# sourceMappingURL=main.js.map