@anu3ev/fabric-image-editor 0.1.54 → 0.1.56

package/dist/main.js

@@ -1,15 +1,15 @@
-var je = Object.defineProperty, fe = Object.defineProperties;
+var fe = Object.defineProperty, je = Object.defineProperties;
 var be = Object.getOwnPropertyDescriptors;
 var H = Object.getOwnPropertySymbols;
 var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
-var re = (d, e, t) => e in d ? je(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, f = (d, e) => {
+var re = (d, e, t) => e in d ? fe(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, p = (d, e) => {
   for (var t in e || (e = {}))
     ce.call(e, t) && re(d, t, e[t]);
   if (H)
     for (var t of H(e))
       de.call(e, t) && re(d, t, e[t]);
   return d;
-}, le = (d, e) => fe(d, be(e));
+}, le = (d, e) => je(d, be(e));
 var Y = (d, e) => {
   var t = {};
   for (var s in d)
@@ -19,7 +19,7 @@ var Y = (d, e) => {
       e.indexOf(s) < 0 && de.call(d, s) && (t[s] = d[s]);
   return t;
 };
-var p = (d, e, t) => new Promise((s, i) => {
+var I = (d, e, t) => new Promise((s, i) => {
   var n = (c) => {
     try {
       o(t.next(c));
@@ -35,10 +35,10 @@ var p = (d, e, t) => new Promise((s, i) => {
   }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
   o((t = t.apply(d, e)).next());
 });
-import { ActiveSelection as v, util as R, controlsUtils as ye, InteractiveFabricObject as Ie, loadSVGFromURL as pe, FabricImage as Z, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
+import { ActiveSelection as v, util as R, controlsUtils as pe, InteractiveFabricObject as ye, loadSVGFromURL as Ie, FabricImage as Z, Point as _, Rect as ve, Circle as Ae, Triangle as Se, Group as X, Canvas as Ce, Pattern as Ne } from "fabric";
 import { create as De } from "jsondiffpatch";
 import Le from "diff-match-patch";
-var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D = function() {
+var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", L = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += we[s[e] & 63];
   return t;
@@ -129,7 +129,7 @@ class z {
   // --- Глобальные DOM-обработчики ---
   /**
    * Обработчик изменения размеров окна браузера.
-   * Адаптирует канвас к размерам контейнера.
+   * Адаптирует канвас к размерам контейнера, сохраняя позиции объектов.
    */
   handleContainerResize() {
     this.editor.canvasManager.updateCanvasAndFitObjects();
@@ -160,7 +160,7 @@ class z {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       const { ctrlKey: t, metaKey: s, code: i, repeat: n } = e;
       !t && !s || n || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (i === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : i === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -366,7 +366,7 @@ class Te {
    * @returns Promise, который будет выполнен, когда воркер вернет ответ
    */
   post(e, t, s = []) {
-    const i = `${e}:${D(8)}`;
+    const i = `${e}:${L(8)}`;
     return new Promise((n, a) => {
       this._callbacks.set(i, { resolve: n, reject: a }), this.worker.postMessage({ action: e, payload: t, requestId: i }, s);
     });
@@ -378,9 +378,9 @@ class Te {
     this.worker.terminate();
   }
 }
-const C = 12, ke = 2, Q = 8, J = 20, xe = 100, $ = 20, K = 8, Be = 100, q = 32, ee = 1, Ze = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
+const N = 12, ke = 2, Q = 8, J = 20, xe = 100, $ = 20, K = 8, Be = 100, q = 32, ee = 1, Ze = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
 function W(d, e, t, s, i) {
-  const n = C, a = ke;
+  const n = N, a = ke;
   d.save(), d.translate(e, t), d.rotate(R.degreesToRadians(i.angle)), d.fillStyle = se, d.strokeStyle = te, d.lineWidth = ee, d.beginPath(), d.roundRect(-12 / 2, -12 / 2, n, n, a), d.fill(), d.stroke(), d.restore();
 }
 function he(d, e, t, s, i) {
@@ -401,29 +401,29 @@ const Re = {
   // Угловые точки
   tl: {
     render: W,
-    sizeX: C,
-    sizeY: C,
+    sizeX: N,
+    sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
     render: W,
-    sizeX: C,
-    sizeY: C,
+    sizeX: N,
+    sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
     render: W,
-    sizeX: C,
-    sizeY: C,
+    sizeX: N,
+    sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   br: {
     render: W,
-    sizeX: C,
-    sizeY: C,
+    sizeX: N,
+    sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
@@ -468,7 +468,7 @@ const Re = {
 };
 class He {
   static apply() {
-    const e = ye.createObjectDefaultControls();
+    const e = pe.createObjectDefaultControls();
     Object.entries(Re).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
@@ -480,7 +480,7 @@ class He {
         var l;
         (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), Ie.ownDefaults.controls = e;
+    }), ye.ownDefaults.controls = e;
   }
 }
 const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", U = {
@@ -560,7 +560,7 @@ const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     sendBackwards: Fe
   },
   handlers: {
-    copyPaste: (d) => p(void 0, null, function* () {
+    copyPaste: (d) => I(void 0, null, function* () {
       yield d.clipboardManager.copy(), yield d.clipboardManager.paste();
     }),
     delete: (d) => {
@@ -593,11 +593,11 @@ class Qe {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = le(f(f({}, U), e), {
-      style: f(f({}, U.style), e.style || {}),
-      btnStyle: f(f({}, U.btnStyle), e.btnStyle || {}),
-      icons: f(f({}, U.icons), e.icons || {}),
-      handlers: f(f({}, U.handlers), e.handlers || {})
+    this.config = le(p(p({}, U), e), {
+      style: p(p({}, U.style), e.style || {}),
+      btnStyle: p(p({}, U.btnStyle), e.btnStyle || {}),
+      icons: p(p({}, U.icons), e.icons || {}),
+      handlers: p(p({}, U.handlers), e.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, 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();
@@ -802,7 +802,7 @@ class Je {
       console.log("Нет изменений для сохранения.");
       return;
     }
-    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: D(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+    console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", s), this.totalChangesCount += 1, this.patches.push({ id: L(), diff: s }), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), this.currentIndex -= 1, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
   }
   /**
    * Функция загрузки состояния в канвас.
@@ -810,13 +810,13 @@ class Je {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
       const { canvas: t, canvasManager: s, interactionBlocker: i } = this.editor, { width: n, height: a } = t;
       yield t.loadFromJSON(e);
       const o = t.getObjects().find((r) => r.id === "montage-area");
-      o && (this.editor.montageArea = o, (n !== e.width || a !== e.height) && s.updateCanvasAndFitObjects());
+      o && (this.editor.montageArea = o, (n !== t.getWidth() || a !== t.getHeight()) && s.updateCanvas());
       const c = t.getObjects().find((r) => r.id === "overlay-mask");
       c && (i.overlayMask = c, i.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
@@ -833,7 +833,7 @@ class Je {
    * @fires editor:undo
    */
   undo() {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -870,7 +870,7 @@ class Je {
    * @fires editor:redo
    */
   redo() {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -904,7 +904,7 @@ class Je {
   }
 }
 const $e = 0.1, Ke = 2, qe = 0.1, et = 90, x = 16, B = 16, O = 4096, T = 4096;
-class N {
+class D {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -921,14 +921,14 @@ class N {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
         withoutSave: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: n, montageArea: a, transformManager: o, historyManager: c, errorManager: r } = this.editor, l = yield this.getContentType(t), h = N.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      const { canvas: n, montageArea: a, transformManager: o, historyManager: c, errorManager: r } = this.editor, l = yield this.getContentType(t), h = D.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
       if (!this.isAllowedContentType(l)) {
         const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return r.emitError({
@@ -945,8 +945,8 @@ class N {
         if (t instanceof File)
           m = URL.createObjectURL(t);
         else if (typeof t == "string") {
-          const A = yield (yield fetch(t, { mode: "cors" })).blob();
-          m = URL.createObjectURL(A);
+          const S = yield (yield fetch(t, { mode: "cors" })).blob();
+          m = URL.createObjectURL(S);
         } else
           return r.emitError({
             origin: "ImageManager",
@@ -956,30 +956,30 @@ class N {
             data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
         if (this._createdBlobUrls.push(m), h === "svg") {
-          const I = yield pe(m);
-          M = R.groupSVGElements(I.objects, I.options);
+          const b = yield Ie(m);
+          M = R.groupSVGElements(b.objects, b.options);
         } else
           M = yield Z.fromURL(m, { crossOrigin: "anonymous" });
-        const { width: j, height: b } = M;
+        const { width: f, height: j } = M;
         if (M instanceof Z) {
-          const I = M.getElement();
-          let A = "";
-          if (I instanceof HTMLImageElement ? A = I.src : I instanceof HTMLCanvasElement && (A = I.toDataURL()), b > T || j > O) {
-            const w = yield this.resizeImageToBoundaries(A, "max"), E = URL.createObjectURL(w);
+          const b = M.getElement();
+          let S = "";
+          if (b instanceof HTMLImageElement ? S = b.src : b instanceof HTMLCanvasElement && (S = b.toDataURL()), j > T || f > O) {
+            const w = yield this.resizeImageToBoundaries(S, "max"), E = URL.createObjectURL(w);
             this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
-          } else if (b < B || j < x) {
-            const w = yield this.resizeImageToBoundaries(A, "min"), E = URL.createObjectURL(w);
+          } else if (j < B || f < x) {
+            const w = yield this.resizeImageToBoundaries(S, "min"), E = URL.createObjectURL(w);
             this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
           }
         }
-        if (M.set("id", `${M.type}-${D()}`), M.set("format", h), s === "scale-montage")
+        if (M.set("id", `${M.type}-${L()}`), M.set("format", h), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: M, withoutSave: !0 });
         else {
-          const { width: I, height: A } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
-          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (j > I || b > A) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
+          const { width: b, height: S } = a, w = this.calculateScaleFactor({ imageObject: M, scaleType: s });
+          s === "image-contain" && w < 1 ? o.fitObject({ object: M, type: "contain", withoutSave: !0 }) : s === "image-cover" && (f > b || j > S) && o.fitObject({ object: M, type: "cover", withoutSave: !0 });
         }
         n.add(M), n.centerObject(M), n.setActiveObject(M), n.renderAll(), c.resumeHistory(), i || c.saveState();
-        const L = {
+        const A = {
           image: M,
           format: h,
           contentType: l,
@@ -987,7 +987,7 @@ class N {
           withoutSave: i,
           source: t
         };
-        return n.fire("editor:image-imported", L), L;
+        return n.fire("editor:image-imported", A), A;
       } catch (m) {
         return r.emitError({
           origin: "ImageManager",
@@ -1008,7 +1008,7 @@ class N {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
       t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${x}x${B}`);
       const i = {
@@ -1040,7 +1040,7 @@ class N {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return p(this, arguments, function* (e = {}) {
+    return I(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
@@ -1048,18 +1048,18 @@ class N {
         exportAsBlob: n = !1
       } = e, { canvas: a, montageArea: o, workerManager: c } = this.editor;
       try {
-        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = N.getFormatFromContentType(l);
+        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = D.getFormatFromContentType(l);
         o.setCoords();
-        const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), j = yield a.clone(["id", "format", "locked"]);
-        ["image/jpg", "image/jpeg"].includes(l) && (j.backgroundColor = "#ffffff");
-        const b = j.getObjects().find((y) => y.id === o.id);
-        b && (b.visible = !1), j.viewportTransform = [1, 0, 0, 1, -g, -u], j.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), j.renderAll();
-        const L = j.getObjects().filter((y) => y.format).every((y) => y.format === "svg");
-        if (h === "svg" && L) {
-          const y = j.toSVG();
-          j.dispose();
-          const S = {
-            image: N._exportSVGStringAsFile(y, {
+        const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), f = yield a.clone(["id", "format", "locked"]);
+        ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
+        const j = f.getObjects().find((y) => y.id === o.id);
+        j && (j.visible = !1), f.viewportTransform = [1, 0, 0, 1, -g, -u], f.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), f.renderAll();
+        const A = f.getObjects().filter((y) => y.format).every((y) => y.format === "svg");
+        if (h === "svg" && A) {
+          const y = f.toSVG();
+          f.dispose();
+          const C = {
+            image: D._exportSVGStringAsFile(y, {
               exportAsBase64: i,
               exportAsBlob: n,
               fileName: t
@@ -1068,34 +1068,34 @@ class N {
             contentType: "image/svg+xml",
             fileName: t.replace(/\.[^/.]+$/, ".svg")
           };
-          return a.fire("editor:canvas-exported", S), S;
+          return a.fire("editor:canvas-exported", C), C;
         }
-        const I = yield new Promise((y, k) => {
-          j.getElement().toBlob((S) => {
-            S ? y(S) : k(new Error("Failed to create Blob from canvas"));
+        const b = yield new Promise((y, k) => {
+          f.getElement().toBlob((C) => {
+            C ? y(C) : k(new Error("Failed to create Blob from canvas"));
           });
         });
-        if (j.dispose(), n) {
+        if (f.dispose(), n) {
           const y = {
-            image: I,
+            image: b,
             format: h,
             contentType: l,
             fileName: t
           };
           return a.fire("editor:canvas-exported", y), y;
         }
-        const A = yield createImageBitmap(I), w = yield c.post(
+        const S = yield createImageBitmap(b), w = yield c.post(
           "toDataURL",
-          { format: h, quality: 1, bitmap: A },
-          [A]
+          { format: h, quality: 1, bitmap: S },
+          [S]
         );
         if (r) {
-          const k = m * 0.264583, S = M * 0.264583, Me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Me({
-            orientation: k > S ? "landscape" : "portrait",
+          const k = m * 0.264583, C = M * 0.264583, Me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, G = new Me({
+            orientation: k > C ? "landscape" : "portrait",
             unit: "mm",
-            format: [k, S]
+            format: [k, C]
           });
-          if (G.addImage(String(w), "JPG", 0, 0, k, S), i) {
+          if (G.addImage(String(w), "JPG", 0, 0, k, C), i) {
             const oe = {
               image: G.output("datauristring"),
               format: "pdf",
@@ -1121,8 +1121,8 @@ class N {
           };
           return a.fire("editor:canvas-exported", y), y;
         }
-        const E = h === "svg" && !L ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
-          image: new File([I], E, { type: l }),
+        const E = h === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, ne = {
+          image: new File([b], E, { type: l }),
           format: h,
           contentType: l,
           fileName: E
@@ -1151,7 +1151,7 @@ class N {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return p(this, arguments, function* (e = {}) {
+    return I(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
@@ -1168,23 +1168,23 @@ class N {
           data: { contentType: i, fileName: s, exportAsBase64: n, exportAsBlob: a }
         }), null;
       try {
-        const l = N.getFormatFromContentType(i);
+        const l = D.getFormatFromContentType(i);
         if (l === "svg") {
-          const M = r.toSVG(), j = N._exportSVGStringAsFile(M, {
+          const M = r.toSVG(), f = D._exportSVGStringAsFile(M, {
             exportAsBase64: n,
             exportAsBlob: a,
             fileName: s
-          }), b = {
+          }), j = {
             object: r,
-            image: j,
+            image: f,
             format: l,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return o.fire("editor:object-exported", b), b;
+          return o.fire("editor:object-exported", j), j;
         }
         if (n && r instanceof Z) {
-          const M = yield createImageBitmap(r.getElement()), j = yield c.post(
+          const M = yield createImageBitmap(r.getElement()), f = yield c.post(
             "toDataURL",
             {
               format: l,
@@ -1192,18 +1192,18 @@ class N {
               bitmap: M
             },
             [M]
-          ), b = {
+          ), j = {
             object: r,
-            image: j,
+            image: f,
             format: l,
             contentType: i,
             fileName: s
           };
-          return o.fire("editor:object-exported", b), b;
+          return o.fire("editor:object-exported", j), j;
         }
-        const h = r.toCanvasElement(), g = yield new Promise((M, j) => {
-          h.toBlob((b) => {
-            b ? M(b) : j(new Error("Failed to create Blob from canvas"));
+        const h = r.toCanvasElement(), g = yield new Promise((M, f) => {
+          h.toBlob((j) => {
+            j ? M(j) : f(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
@@ -1246,7 +1246,7 @@ class N {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((e) => N.getFormatFromContentType(e)).filter((e) => e);
+    return this.acceptContentTypes.map((e) => D.getFormatFromContentType(e)).filter((e) => e);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1262,7 +1262,7 @@ class N {
    * @public
    */
   getContentType(e) {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1273,7 +1273,7 @@ class N {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1299,7 +1299,7 @@ class N {
     try {
       const i = (t = new URL(e).pathname.split(".").pop()) == null ? void 0 : t.toLowerCase(), n = {};
       return this.acceptContentTypes.forEach((a) => {
-        const o = N.getFormatFromContentType(a);
+        const o = D.getFormatFromContentType(a);
         o && (n[o] = a);
       }), i && n[i] || "application/octet-stream";
     } catch (s) {
@@ -1378,8 +1378,8 @@ class tt {
       options: { canvasBackstoreWidth: o }
     } = this.editor, { width: c, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
     if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = n.clipPath) == null || m.set({ width: l }), t) {
-      const M = l / c, j = r * M;
-      this.setResolutionHeight(j);
+      const M = l / c, f = r * M;
+      this.setResolutionHeight(f);
       return;
     }
     const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
@@ -1408,8 +1408,8 @@ class tt {
       options: { canvasBackstoreHeight: o }
     } = this.editor, { width: c, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
     if (!o || o === "auto" || i ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = n.clipPath) == null || m.set({ height: l }), t) {
-      const M = l / r, j = c * M;
-      this.setResolutionWidth(j);
+      const M = l / r, f = c * M;
+      this.setResolutionWidth(f);
       return;
     }
     const { left: h, top: g } = this.getObjectDefaultCoords(a), u = n.getZoom();
@@ -1481,23 +1481,45 @@ class tt {
     console.log("adaptCanvasToContainer newWidth", n), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: n, height: a }, { backstoreOnly: !0 });
   }
   /**
-   * Обновляет размеры канваса и вписывает объекты в монтажную область.
-   * Вызывается при изменении размеров контейнера редактора.
+   * Обновляет размеры канваса без изменения позиций объектов.
+   * Используется при resize окна браузера для сохранения расположения объектов.
    * @fires editor:canvas-updated
    */
-  updateCanvasAndFitObjects() {
+  updateCanvas() {
     const {
       canvas: e,
-      selectionManager: t,
-      transformManager: s,
+      montageArea: t,
       montageArea: {
-        width: i,
-        height: n
+        width: s,
+        height: i
       }
-    } = this.editor;
-    this.setResolutionWidth(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea(), t.selectAll(), s.fitObject({ fitAsOneObject: !0, withoutSave: !0 }), e.fire("editor:canvas-updated", {
-      width: i,
-      height: n
+    } = this.editor, n = t.left, a = t.top;
+    this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(i, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
+    const o = t.left - n, c = t.top - a;
+    if (o !== 0 || c !== 0) {
+      const r = e.getActiveObject(), l = [];
+      if ((r == null ? void 0 : r.type) === "activeselection") {
+        const h = r;
+        l.push(...h.getObjects()), e.discardActiveObject();
+      }
+      if (e.getObjects().forEach((h) => {
+        h.id === "montage-area" || h.id === "overlay-mask" || (h.set({
+          left: h.left + o,
+          top: h.top + c
+        }), h.setCoords());
+      }), l.length > 0)
+        if (l.length === 1)
+          e.setActiveObject(l[0]);
+        else {
+          const h = new v(l, {
+            canvas: e
+          });
+          e.setActiveObject(h);
+        }
+    }
+    e.renderAll(), e.fire("editor:canvas-updated", {
+      width: s,
+      height: i
     });
   }
   /**
@@ -1658,8 +1680,8 @@ class tt {
       const {
         width: m,
         height: M
-      } = n, j = l / m, b = h / M, L = Math.max(j, b);
-      g = m * L, u = M * L;
+      } = n, f = l / m, j = h / M, A = Math.max(f, j);
+      g = m * A, u = M * A;
     }
     this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > c) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), i.centerObject(r), i.renderAll(), s || this.editor.historyManager.saveState(), i.fire("editor:montage-area-scaled-to-image", {
       object: r,
@@ -1852,31 +1874,39 @@ class st {
     withoutSave: s,
     fitAsOneObject: i
   } = {}) {
-    const { canvas: n, imageManager: a, historyManager: o } = this.editor, c = e || n.getActiveObject();
-    if (c) {
-      if (c.set("angle", 0), c instanceof v && !i) {
-        const r = c.getObjects();
-        n.discardActiveObject(), r.forEach((h) => {
-          const g = a.calculateScaleFactor({ imageObject: h, scaleType: t });
-          h.scale(g), n.centerObject(h);
-        });
-        const l = new v(r, { canvas: n });
-        n.setActiveObject(l);
-      } else {
-        const r = a.calculateScaleFactor({
-          imageObject: c,
-          scaleType: t
+    const { canvas: n, historyManager: a } = this.editor, o = e || n.getActiveObject();
+    if (o) {
+      if (o instanceof v && !i) {
+        const c = o.getObjects();
+        n.discardActiveObject(), c.forEach((l) => {
+          this._fitSingleObject(l, t);
         });
-        c.scale(r), n.centerObject(c);
-      }
-      n.renderAll(), s || o.saveState(), n.fire("editor:object-fitted", {
-        object: c,
+        const r = new v(c, { canvas: n });
+        n.setActiveObject(r);
+      } else
+        this._fitSingleObject(o, t);
+      n.renderAll(), s || a.saveState(), n.fire("editor:object-fitted", {
+        object: o,
         type: t,
         withoutSave: s,
         fitAsOneObject: i
       });
     }
   }
+  /**
+   * Масштабирует отдельный объект с учетом его угла поворота
+   * @param obj - объект для масштабирования
+   * @param type - тип масштабирования
+   * @private
+   */
+  _fitSingleObject(e, t) {
+    const { canvas: s, montageArea: i } = this.editor, { width: n, height: a, scaleX: o = 1, scaleY: c = 1, angle: r = 0 } = e, l = n * Math.abs(o), h = a * Math.abs(c), g = r * Math.PI / 180, u = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), M = l * u + h * m, f = l * m + h * u, j = i.width, A = i.height;
+    let b;
+    t === "contain" ? b = Math.min(j / M, A / f) : b = Math.max(j / M, A / f), e.set({
+      scaleX: o * b,
+      scaleY: c * b
+    }), s.centerObject(e);
+  }
   /**
    * Установка дефолтного масштаба для всех объектов внутри монтажной области редактора
    */
@@ -2135,7 +2165,7 @@ class nt {
    */
   addRectangle(l = {}, { withoutSelection: c, withoutAdding: r } = {}) {
     var h = l, {
-      id: e = `rect-${D()}`,
+      id: e = `rect-${L()}`,
       left: t,
       top: s,
       width: i = 100,
@@ -2149,7 +2179,7 @@ class nt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new ve(f({
+    const { canvas: g } = this.editor, u = new ve(p({
       id: e,
       left: t,
       top: s,
@@ -2177,7 +2207,7 @@ class nt {
    */
   addCircle(r = {}, { withoutSelection: o, withoutAdding: c } = {}) {
     var l = r, {
-      id: e = `circle-${D()}`,
+      id: e = `circle-${L()}`,
       left: t,
       top: s,
       radius: i = 50,
@@ -2189,7 +2219,7 @@ class nt {
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ae(f({
+    const { canvas: h } = this.editor, g = new Ae(p({
       id: e,
       left: t,
       top: s,
@@ -2217,7 +2247,7 @@ class nt {
    */
   addTriangle(l = {}, { withoutSelection: c, withoutAdding: r } = {}) {
     var h = l, {
-      id: e = `triangle-${D()}`,
+      id: e = `triangle-${L()}`,
       left: t,
       top: s,
       width: i = 100,
@@ -2231,7 +2261,7 @@ class nt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Se(f({
+    const { canvas: g } = this.editor, u = new Se(p({
       id: e,
       left: t,
       top: s,
@@ -2345,12 +2375,12 @@ class at {
    * @fires editor:object-pasted
    */
   paste() {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return;
       const t = yield this.clipboard.clone(["format"]);
       e.discardActiveObject(), t.set({
-        id: `${t.type}-${D()}`,
+        id: `${t.type}-${L()}`,
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
@@ -2444,7 +2474,7 @@ class ot {
     const n = e || s.getActiveObject();
     if (!n || !(n instanceof v)) return;
     const a = n.getObjects(), o = new X(a);
-    a.forEach((c) => s.remove(c)), o.set("id", `${o.type}-${D()}`), s.add(o), s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-grouped", {
+    a.forEach((c) => s.remove(c)), o.set("id", `${o.type}-${L()}`), s.add(o), s.setActiveObject(o), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:objects-grouped", {
       object: n,
       group: o,
       withoutSave: t
@@ -2623,7 +2653,7 @@ class V {
       message: a,
       data: i
     };
-    this._buffer.push(f({
+    this._buffer.push(p({
       type: "editor:error"
     }, o)), this.editor.canvas.fire("editor:error", o);
   }
@@ -2651,7 +2681,7 @@ class V {
       message: a,
       data: n
     };
-    this._buffer.push(f({
+    this._buffer.push(p({
       type: "editor:warning"
     }, o)), this.editor.canvas.fire("editor:warning", o);
   }
@@ -2671,7 +2701,7 @@ class ie {
    * @param options - опции и настройки редактора
    */
   constructor(e, t) {
-    this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.clipboard = null, this.init();
+    this.options = t, this.containerId = e, this.editorId = `${e}-${L()}`, this.clipboard = null, this.init();
   }
   /**
    * Инициализация редактора.
@@ -2679,7 +2709,7 @@ class ie {
    * @fires editor:ready
    */
   init() {
-    return p(this, null, function* () {
+    return I(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -2692,7 +2722,7 @@ class ie {
         scaleType: r,
         _onReadyCallback: l
       } = this.options;
-      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new V({ editor: this }), this.historyManager = new Je({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new N({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new nt({ editor: this }), this.interactionBlocker = new it({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
+      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new V({ editor: this }), this.historyManager = new Je({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new P({ editor: this }), this.shapeManager = new nt({ editor: this }), this.interactionBlocker = new it({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new F({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
         const {
           source: h,
           scale: g = `image-${r}`,
@@ -2860,7 +2890,7 @@ const lt = {
   resetObjectFitByDoubleClick: !0
 };
 function bt(d, e = {}) {
-  const t = f(f({}, lt), e), s = document.getElementById(d);
+  const t = p(p({}, lt), e), s = document.getElementById(d);
   if (!s)
     return Promise.reject(new Error(`Контейнер с ID "${d}" не найден.`));
   const i = document.createElement("canvas");

package/package.json

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