@anu3ev/fabric-image-editor 0.1.77 → 0.1.79

package/dist/main.js

@@ -1,49 +1,49 @@
-var Ae = Object.defineProperty, Ce = Object.defineProperties;
-var Se = Object.getOwnPropertyDescriptors;
-var W = Object.getOwnPropertySymbols;
-var ge = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
-var he = (r, e, t) => e in r ? Ae(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e) => {
+var Se = Object.defineProperty, De = Object.defineProperties;
+var Ee = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, Me = Object.prototype.propertyIsEnumerable;
+var ue = (c, e, t) => e in c ? Se(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, I = (c, e) => {
   for (var t in e || (e = {}))
-    ge.call(e, t) && he(r, t, e[t]);
-  if (W)
-    for (var t of W(e))
-      ue.call(e, t) && he(r, t, e[t]);
-  return r;
-}, fe = (r, e) => Ce(r, Se(e));
-var F = (r, e) => {
+    fe.call(e, t) && ue(c, t, e[t]);
+  if (F)
+    for (var t of F(e))
+      Me.call(e, t) && ue(c, t, e[t]);
+  return c;
+}, me = (c, e) => De(c, Ee(e));
+var V = (c, e) => {
   var t = {};
-  for (var s in r)
-    ge.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
-  if (r != null && W)
-    for (var s of W(r))
-      e.indexOf(s) < 0 && ue.call(r, s) && (t[s] = r[s]);
+  for (var s in c)
+    fe.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
+  if (c != null && F)
+    for (var s of F(c))
+      e.indexOf(s) < 0 && Me.call(c, s) && (t[s] = c[s]);
   return t;
 };
-var y = (r, e, t) => new Promise((s, a) => {
-  var o = (c) => {
+var j = (c, e, t) => new Promise((s, a) => {
+  var o = (r) => {
     try {
-      i(t.next(c));
+      i(t.next(r));
     } catch (d) {
       a(d);
     }
-  }, n = (c) => {
+  }, n = (r) => {
     try {
-      i(t.throw(c));
+      i(t.throw(r));
     } catch (d) {
       a(d);
     }
-  }, i = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(o, n);
-  i((t = t.apply(r, e)).next());
+  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, n);
+  i((t = t.apply(c, e)).next());
 });
-import { ActiveSelection as v, util as P, controlsUtils as De, InteractiveFabricObject as Ee, loadSVGFromURL as Ne, FabricImage as H, Point as G, Gradient as Me, Rect as Oe, Circle as Le, Triangle as we, Group as ee, Canvas as Te, Pattern as ke } from "fabric";
-import { create as Be } from "jsondiffpatch";
-import _e from "diff-match-patch";
-var xe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
+import { ActiveSelection as v, util as W, controlsUtils as Ne, InteractiveFabricObject as Oe, loadSVGFromURL as Le, FabricImage as Z, Point as X, Gradient as be, Rect as we, Circle as Te, Triangle as ke, Group as te, Canvas as Be, Pattern as _e } from "fabric";
+import { create as xe } from "jsondiffpatch";
+import Re from "diff-match-patch";
+var Ue = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", A = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += xe[s[e] & 63];
+    t += Ue[s[e] & 63];
   return t;
 };
-class Y {
+class P {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class Y {
    * @param params.options.adaptCanvasToContainerOnResize — адаптировать канвас к размерам контейнера при изменении размеров окна
    */
   constructor({ editor: e, options: t = {} }) {
-    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = Y.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = Y.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = Y.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.isDragging = !1, this.lastMouseX = 0, this.lastMouseY = 0, this.isUndoRedoKeyPressed = !1, this.isSpacePressed = !1, this.savedSelection = [], this.canvasDragging = !1, this.mouseWheelZooming = !1, this.bringToFrontOnSelection = !1, this.resetObjectFitByDoubleClick = !1, this.copyObjectsByHotkey = !1, this.pasteImageFromClipboard = !1, this.undoRedoByHotKeys = !1, this.selectAllByHotkey = !1, this.deleteObjectsByHotkey = !1, this.adaptCanvasToContainerOnResize = !1, this.editor = e, this.canvas = e.canvas, this.options = t, this.handleContainerResizeBound = P.debounce(this.handleContainerResize.bind(this), 500), this.handleCopyEventBound = this.handleCopyEvent.bind(this), this.handlePasteEventBound = this.handlePasteEvent.bind(this), this.handleUndoRedoEventBound = this.handleUndoRedoEvent.bind(this), this.handleUndoRedoKeyUpBound = this.handleUndoRedoKeyUp.bind(this), this.handleSelectAllEventBound = this.handleSelectAllEvent.bind(this), this.handleDeleteObjectsEventBound = this.handleDeleteObjectsEvent.bind(this), this.handleSpaceKeyDownBound = this.handleSpaceKeyDown.bind(this), this.handleSpaceKeyUpBound = this.handleSpaceKeyUp.bind(this), this.handleObjectModifiedHistoryBound = P.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = P.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleBackgroundUpdateBound = this.handleBackgroundUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -75,11 +75,11 @@ class Y {
       copyObjectsByHotkey: o,
       pasteImageFromClipboard: n,
       undoRedoByHotKeys: i,
-      selectAllByHotkey: c,
+      selectAllByHotkey: r,
       deleteObjectsByHotkey: d,
       resetObjectFitByDoubleClick: h
     } = this.options;
-    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), a && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), o && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), c && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
+    t && (this.canvas.on("mouse:down", this.handleCanvasDragStartBound), this.canvas.on("mouse:move", this.handleCanvasDraggingBound), this.canvas.on("mouse:up", this.handleCanvasDragEndBound), document.addEventListener("keydown", this.handleSpaceKeyDownBound, { capture: !0 }), document.addEventListener("keyup", this.handleSpaceKeyUpBound, { capture: !0 })), s && this.canvas.on("mouse:wheel", this.handleMouseWheelZoomBound), a && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), h && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), o && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), n && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), i && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), r && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), d && document.addEventListener("keydown", this.handleDeleteObjectsEventBound, { capture: !0 }), this.canvas.on("object:modified", this.handleObjectModifiedHistoryBound), this.canvas.on("object:rotating", this.handleObjectRotatingHistoryBound), this.canvas.on("object:added", this.handleObjectAddedHistoryBound), this.canvas.on("object:removed", this.handleObjectRemovedHistoryBound), this.canvas.on("object:added", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleOverlayUpdateBound), this.canvas.on("selection:created", this.handleLockedSelectionBound), this.canvas.on("selection:updated", this.handleLockedSelectionBound), this.canvas.on("object:added", this.handleBackgroundUpdateBound), this.canvas.on("selection:created", this.handleBackgroundUpdateBound);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -175,7 +175,7 @@ class Y {
    * @param event.code — код клавиши
    */
   handleUndoRedoEvent(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const { ctrlKey: t, metaKey: s, code: a, repeat: o } = e;
       this._shouldIgnoreKeyboardEvent(e) || !t && !s || o || !/Mac/i.test(navigator.userAgent) && this.isUndoRedoKeyPressed || (a === "KeyZ" ? (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.undo()) : a === "KeyY" && (e.preventDefault(), this.isUndoRedoKeyPressed = !0, yield this.editor.historyManager.redo()));
     });
@@ -336,13 +336,13 @@ class Y {
     }
     const o = window.getSelection();
     if (o && !o.isCollapsed && o.rangeCount > 0) {
-      let c = o.getRangeAt(0).commonAncestorContainer;
-      c.nodeType === Node.TEXT_NODE && (c = c.parentElement);
+      let r = o.getRangeAt(0).commonAncestorContainer;
+      r.nodeType === Node.TEXT_NODE && (r = r.parentElement);
       const { keyboardIgnoreSelectors: d } = this.options;
-      if (d != null && d.length && c)
+      if (d != null && d.length && r)
         for (const h of d)
           try {
-            const l = c;
+            const l = r;
             if (l.matches && l.matches(h) || l.closest && l.closest(h))
               return !0;
           } catch (l) {
@@ -372,7 +372,7 @@ class Y {
     };
   }
 }
-class Re {
+class ze {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -390,21 +390,21 @@ class Re {
     return this.loaders[e] ? (this.cache.has(e) || this.cache.set(e, this.loaders[e]()), this.cache.get(e)) : Promise.reject(new Error(`Unknown module "${e}"`));
   }
 }
-function Ue(r) {
+function He(c) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
-      name: r == null ? void 0 : r.name
+      name: c == null ? void 0 : c.name
     }
   );
 }
-class ze {
+class Ze {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(e) {
-    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Ue(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new He(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -444,50 +444,50 @@ class ze {
     this.worker.terminate();
   }
 }
-const N = 12, He = 2, te = 8, se = 20, Ze = 100, ae = 20, oe = 8, Ye = 100, X = 32, ne = 1, Pe = "#2B2D33", ie = "#3D8BF4", re = "#FFFFFF";
-function V(r, e, t, s, a) {
-  const o = N, n = He;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -o / 2, o, o, n), r.fill(), r.stroke(), r.restore();
+const N = 12, Ye = 2, se = 8, ae = 20, Pe = 100, oe = 20, ne = 8, We = 100, Q = 32, ie = 1, Fe = "#2B2D33", re = "#3D8BF4", ce = "#FFFFFF";
+function G(c, e, t, s, a) {
+  const o = N, n = Ye;
+  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-o / 2, -o / 2, o, o, n), c.fill(), c.stroke(), c.restore();
 }
-function me(r, e, t, s, a) {
-  const o = te, n = se, i = Ze;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -n / 2, o, n, i), r.fill(), r.stroke(), r.restore();
+function je(c, e, t, s, a) {
+  const o = se, n = ae, i = Pe;
+  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-o / 2, -n / 2, o, n, i), c.fill(), c.stroke(), c.restore();
 }
-function be(r, e, t, s, a) {
-  const o = ae, n = oe, i = Ye;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = re, r.strokeStyle = ie, r.lineWidth = ne, r.beginPath(), r.roundRect(-o / 2, -n / 2, o, n, i), r.fill(), r.stroke(), r.restore();
+function pe(c, e, t, s, a) {
+  const o = oe, n = ne, i = We;
+  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = ce, c.strokeStyle = re, c.lineWidth = ie, c.beginPath(), c.roundRect(-o / 2, -n / 2, o, n, i), c.fill(), c.stroke(), c.restore();
 }
-const We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", pe = new Image();
-pe.src = We;
-function Fe(r, e, t, s, a) {
-  const n = X / 2;
-  r.save(), r.translate(e, t), r.rotate(P.degreesToRadians(a.angle)), r.fillStyle = Pe, r.beginPath(), r.arc(0, 0, n, 0, 2 * Math.PI), r.fill(), r.drawImage(pe, -n / 2, -n / 2, n, n), r.restore();
+const Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ve = new Image();
+ve.src = Ve;
+function Ge(c, e, t, s, a) {
+  const n = Q / 2;
+  c.save(), c.translate(e, t), c.rotate(W.degreesToRadians(a.angle)), c.fillStyle = Fe, c.beginPath(), c.arc(0, 0, n, 0, 2 * Math.PI), c.fill(), c.drawImage(ve, -n / 2, -n / 2, n, n), c.restore();
 }
-const Ve = {
+const Xe = {
   // Угловые точки
   tl: {
-    render: V,
+    render: G,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: V,
+    render: G,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: V,
+    render: G,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: V,
+    render: G,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
@@ -495,61 +495,61 @@ const Ve = {
   },
   // Середина вертикалей
   ml: {
-    render: me,
-    sizeX: te,
-    sizeY: se,
+    render: je,
+    sizeX: se,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: me,
-    sizeX: te,
-    sizeY: se,
+    render: je,
+    sizeX: se,
+    sizeY: ae,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: be,
-    sizeX: ae,
-    sizeY: oe,
+    render: pe,
+    sizeX: oe,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: be,
-    sizeX: ae,
-    sizeY: oe,
+    render: pe,
+    sizeX: oe,
+    sizeY: ne,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: Fe,
-    sizeX: X,
-    sizeY: X,
+    render: Ge,
+    sizeX: Q,
+    sizeY: Q,
     offsetX: 0,
-    offsetY: -X
+    offsetY: -Q
   }
 };
-class Ge {
+class Qe {
   static apply() {
-    const e = De.createObjectDefaultControls();
-    Object.entries(Ve).forEach(([t, s]) => {
+    const e = Ne.createObjectDefaultControls();
+    Object.entries(Xe).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
         sizeX: s.sizeX,
         sizeY: s.sizeY,
         offsetX: s.offsetX,
         offsetY: s.offsetY
-      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (o, n, i, c) => {
+      }), t === "mtr" && (e[t].cursorStyle = "grab", e[t].mouseDownHandler = (o, n, i, r) => {
         var h;
         (h = n.target.canvas) == null || h.setCursor("grabbing");
       });
-    }), Ee.ownDefaults.controls = e;
+    }), Oe.ownDefaults.controls = e;
   }
 }
-const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Z = {
+const Ke = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Je = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", et = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", tt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", st = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", at = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Y = {
   style: {
     position: "absolute",
     display: "none",
@@ -616,54 +616,54 @@ const Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Xe,
-    delete: tt,
-    lock: Qe,
-    unlock: Ke,
-    bringToFront: qe,
-    sendToBack: et,
-    bringForward: $e,
-    sendBackwards: Je
+    copyPaste: Ke,
+    delete: at,
+    lock: $e,
+    unlock: Je,
+    bringToFront: tt,
+    sendToBack: st,
+    bringForward: qe,
+    sendBackwards: et
   },
   handlers: {
-    copyPaste: (r) => y(null, null, function* () {
-      r.clipboardManager.copyPaste();
+    copyPaste: (c) => j(null, null, function* () {
+      c.clipboardManager.copyPaste();
     }),
-    delete: (r) => {
-      r.deletionManager.deleteSelectedObjects();
+    delete: (c) => {
+      c.deletionManager.deleteSelectedObjects();
     },
-    lock: (r) => {
-      r.objectLockManager.lockObject();
+    lock: (c) => {
+      c.objectLockManager.lockObject();
     },
-    unlock: (r) => {
-      r.objectLockManager.unlockObject();
+    unlock: (c) => {
+      c.objectLockManager.unlockObject();
     },
-    bringForward: (r) => {
-      r.layerManager.bringForward();
+    bringForward: (c) => {
+      c.layerManager.bringForward();
     },
-    bringToFront: (r) => {
-      r.layerManager.bringToFront();
+    bringToFront: (c) => {
+      c.layerManager.bringToFront();
     },
-    sendToBack: (r) => {
-      r.layerManager.sendToBack();
+    sendToBack: (c) => {
+      c.layerManager.sendToBack();
     },
-    sendBackwards: (r) => {
-      r.layerManager.sendBackwards();
+    sendBackwards: (c) => {
+      c.layerManager.sendBackwards();
     }
   }
 };
-class st {
+class ot {
   constructor({ editor: e }) {
     this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
   }
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const e = this.options.toolbar || {};
-    this.config = fe(I(I({}, Z), e), {
-      style: I(I({}, Z.style), e.style || {}),
-      btnStyle: I(I({}, Z.btnStyle), e.btnStyle || {}),
-      icons: I(I({}, Z.icons), e.icons || {}),
-      handlers: I(I({}, Z.handlers), e.handlers || {})
+    this.config = me(I(I({}, Y), e), {
+      style: I(I({}, Y.style), e.style || {}),
+      btnStyle: I(I({}, Y.btnStyle), e.btnStyle || {}),
+      icons: I(I({}, Y.icons), e.icons || {}),
+      handlers: I(I({}, Y.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();
@@ -690,13 +690,13 @@ class st {
   _renderButtons(e) {
     this.el.innerHTML = "";
     for (const t of e) {
-      const { name: s, handle: a } = t, { icons: o = {}, btnStyle: n, handlers: i = {} } = this.config, c = document.createElement("button");
-      c.innerHTML = o[a] ? `<img src="${o[a]}" title="${s}" />` : s, Object.assign(c.style, n), c.onclick = () => {
+      const { name: s, handle: a } = t, { icons: o = {}, btnStyle: n, handlers: i = {} } = this.config, r = document.createElement("button");
+      r.innerHTML = o[a] ? `<img src="${o[a]}" title="${s}" />` : s, Object.assign(r.style, n), r.onclick = () => {
         var d;
         return (d = i[a]) == null ? void 0 : d.call(i, this.editor);
-      }, c.onmousedown = (d) => {
+      }, r.onmousedown = (d) => {
         d.stopPropagation(), d.preventDefault();
-      }, c.ondragstart = (d) => d.preventDefault(), this.el.appendChild(c);
+      }, r.ondragstart = (d) => d.preventDefault(), this.el.appendChild(r);
     }
   }
   /**
@@ -754,7 +754,7 @@ class st {
     }
     const { el: t, config: s, canvas: a } = this;
     e.setCoords();
-    const o = a.getZoom(), [, , , , n, i] = a.viewportTransform, { x: c } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), g = c * o + n - t.offsetWidth / 2, u = s.offsetTop || 0, M = (d + h) * o + i + u;
+    const o = a.getZoom(), [, , , , n, i] = a.viewportTransform, { x: r } = e.getCenterPoint(), { top: d, height: h } = e.getBoundingRect(), g = r * o + n - t.offsetWidth / 2, u = s.offsetTop || 0, M = (d + h) * o + i + u;
     Object.assign(t.style, {
       left: `${g}px`,
       top: `${M}px`,
@@ -768,7 +768,7 @@ class st {
     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("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
   }
 }
-class Q {
+class K {
   constructor({ editor: e }) {
     this.editor = e, this.canvas = e.canvas, this._historySuspendCount = 0, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
   }
@@ -780,7 +780,7 @@ class Q {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = Be({
+    this.diffPatcher = xe({
       objectHash(e) {
         const t = e;
         return [
@@ -806,7 +806,7 @@ class Q {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: _e,
+        diffMatchPatch: Re,
         minLength: 60
       }
     });
@@ -908,15 +908,15 @@ class Q {
    * @fires editor:history-state-loaded
    */
   loadStateFromFullState(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       if (!e) return;
       console.log("loadStateFromFullState fullState", e);
       const { canvas: t, canvasManager: s, interactionBlocker: a, backgroundManager: o } = this.editor, { width: n, height: i } = t;
-      a.overlayMask = null, Q._serializeCustomData(e), yield t.loadFromJSON(e, (l, g) => {
-        Q._deserializeCustomData(l, g);
+      a.overlayMask = null, K._serializeCustomData(e), yield t.loadFromJSON(e, (l, g) => {
+        K._deserializeCustomData(l, g);
       });
-      const c = t.getObjects().find((l) => l.id === "montage-area");
-      c && (this.editor.montageArea = c, (n !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
+      const r = t.getObjects().find((l) => l.id === "montage-area");
+      r && (this.editor.montageArea = r, (n !== t.getWidth() || i !== t.getHeight()) && s.updateCanvas());
       const d = t.getObjects().find((l) => l.id === "overlay-mask");
       d && (a.overlayMask = d, a.overlayMask.visible = !1);
       const h = t.getObjects().find((l) => l.id === "background");
@@ -935,7 +935,7 @@ class Q {
    * @fires editor:undo
    */
   undo() {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex <= 0) {
           console.log("Нет предыдущих состояний для отмены.");
@@ -972,7 +972,7 @@ class Q {
    * @fires editor:redo
    */
   redo() {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       if (!this.skipHistory) {
         if (this.currentIndex >= this.patches.length) {
           console.log("Нет состояний для повтора.");
@@ -1005,7 +1005,7 @@ class Q {
     });
   }
 }
-const at = 0.1, ot = 2, nt = 0.1, it = 90, R = 16, U = 16, w = 4096, T = 4096, je = "application/image-editor:";
+const nt = 0.1, it = 2, rt = 0.1, ct = 90, U = 16, z = 16, k = 4096, B = 4096, ye = "application/image-editor:";
 class O {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -1023,7 +1023,7 @@ class O {
    * @returns возвращает Promise с объектом изображения или null в случае ошибки
    */
   importImage(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const {
         source: t,
         scale: s = `image-${this.options.scaleType}`,
@@ -1033,20 +1033,20 @@ class O {
         withoutSelection: i = !1
       } = e;
       if (!t) return null;
-      const { canvas: c, montageArea: d, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), M = O.getFormatFromContentType(u), { acceptContentTypes: m, acceptFormats: f } = this;
+      const { canvas: r, montageArea: d, transformManager: h, historyManager: l, errorManager: g } = this.editor, u = yield this.getContentType(t), M = O.getFormatFromContentType(u), { acceptContentTypes: m, acceptFormats: p } = this;
       if (!this.isAllowedContentType(u)) {
-        const j = `Неверный contentType для изображения: ${u}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        const f = `Неверный contentType для изображения: ${u}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
-          message: j,
+          message: f,
           data: {
             source: t,
             format: M,
             contentType: u,
             acceptContentTypes: m,
-            acceptFormats: f,
+            acceptFormats: p,
             fromClipboard: o,
             isBackground: n,
             withoutSelection: i
@@ -1055,12 +1055,12 @@ class O {
       }
       l.suspendHistory();
       try {
-        let j, b;
+        let f, b;
         if (t instanceof File)
-          j = URL.createObjectURL(t);
+          f = URL.createObjectURL(t);
         else if (typeof t == "string") {
           const D = yield (yield fetch(t, { mode: "cors" })).blob();
-          j = URL.createObjectURL(D);
+          f = URL.createObjectURL(D);
         } else
           return g.emitError({
             origin: "ImageManager",
@@ -1072,37 +1072,37 @@ class O {
               format: M,
               contentType: u,
               acceptContentTypes: m,
-              acceptFormats: f,
+              acceptFormats: p,
               fromClipboard: o,
               isBackground: n,
               withoutSelection: i
             }
           }), null;
-        if (this._createdBlobUrls.push(j), M === "svg") {
-          const C = yield Ne(j);
-          b = P.groupSVGElements(C.objects, C.options);
+        if (this._createdBlobUrls.push(f), M === "svg") {
+          const C = yield Le(f);
+          b = W.groupSVGElements(C.objects, C.options);
         } else
-          b = yield H.fromURL(j, { crossOrigin: "anonymous" });
-        const { width: S, height: k } = b;
-        if (b instanceof H) {
+          b = yield Z.fromURL(f, { crossOrigin: "anonymous" });
+        const { width: S, height: T } = b;
+        if (b instanceof Z) {
           const C = b.getElement();
           let D = "";
-          if (C instanceof HTMLImageElement ? D = C.src : C instanceof HTMLCanvasElement && (D = C.toDataURL()), k > T || S > w) {
-            const L = yield this.resizeImageToBoundaries(D, "max"), p = URL.createObjectURL(L);
-            this._createdBlobUrls.push(p), b = yield H.fromURL(p, { crossOrigin: "anonymous" });
-          } else if (k < U || S < R) {
-            const L = yield this.resizeImageToBoundaries(D, "min"), p = URL.createObjectURL(L);
-            this._createdBlobUrls.push(p), b = yield H.fromURL(p, { crossOrigin: "anonymous" });
+          if (C instanceof HTMLImageElement ? D = C.src : C instanceof HTMLCanvasElement && (D = C.toDataURL()), T > B || S > k) {
+            const _ = yield this.resizeImageToBoundaries(D, "max"), L = URL.createObjectURL(_);
+            this._createdBlobUrls.push(L), b = yield Z.fromURL(L, { crossOrigin: "anonymous" });
+          } else if (T < z || S < U) {
+            const _ = yield this.resizeImageToBoundaries(D, "min"), L = URL.createObjectURL(_);
+            this._createdBlobUrls.push(L), b = yield Z.fromURL(L, { crossOrigin: "anonymous" });
           }
         }
         if (b.set("id", `${b.type}-${A()}`), b.set("format", M), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: C, height: D } = d, L = this.calculateScaleFactor({ imageObject: b, scaleType: s });
-          s === "image-contain" && L < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || k > D) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: C, height: D } = d, _ = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && _ < 1 ? h.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (S > C || T > D) && h.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
-        c.add(b), c.centerObject(b), i || c.setActiveObject(b), c.renderAll(), l.resumeHistory(), a || l.saveState();
-        const z = {
+        r.add(b), r.centerObject(b), i || r.setActiveObject(b), r.renderAll(), l.resumeHistory(), a || l.saveState();
+        const H = {
           image: b,
           format: M,
           contentType: u,
@@ -1113,13 +1113,13 @@ class O {
           isBackground: n,
           withoutSelection: i
         };
-        return c.fire("editor:image-imported", z), z;
-      } catch (j) {
+        return r.fire("editor:image-imported", H), H;
+      } catch (f) {
         return g.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
-          message: `Ошибка импорта изображения: ${j.message}`,
+          message: `Ошибка импорта изображения: ${f.message}`,
           data: {
             source: t,
             format: M,
@@ -1143,16 +1143,16 @@ class O {
    * @returns возвращает Promise с Blob-объектом уменьшенного изображения
    */
   resizeImageToBoundaries(e, t = "max") {
-    return y(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${w}x${T}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${R}x${U}`);
+    return j(this, null, function* () {
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${k}x${B}`;
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${U}x${z}`);
       const a = {
         dataURL: e,
         sizeType: t,
-        maxWidth: w,
-        maxHeight: T,
-        minWidth: R,
-        minHeight: U
+        maxWidth: k,
+        maxHeight: B,
+        minWidth: U,
+        minHeight: z
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1175,26 +1175,30 @@ class O {
    * @fires editor:canvas-exported
    */
   exportCanvasAsImageFile() {
-    return y(this, arguments, function* (e = {}) {
+    return j(this, arguments, function* (e = {}) {
       const {
         fileName: t = "image.png",
         contentType: s = "image/png",
         exportAsBase64: a = !1,
         exportAsBlob: o = !1
-      } = e, { canvas: n, montageArea: i, workerManager: c } = this.editor;
+      } = e, { canvas: n, montageArea: i, workerManager: r, interactionBlocker: d } = this.editor;
       try {
-        const d = s === "application/pdf", h = d ? "image/jpg" : s, l = O.getFormatFromContentType(h);
+        const h = s === "application/pdf", l = h ? "image/jpg" : s, g = O.getFormatFromContentType(l);
         i.setCoords();
-        const { left: g, top: u, width: M, height: m } = i.getBoundingRect(), f = yield n.clone(["id", "format", "locked"]);
-        f.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (f.backgroundColor = "#ffffff");
-        const j = f.getObjects().find((p) => p.id === i.id);
-        j && (j.visible = !1), f.viewportTransform = [1, 0, 0, 1, -g, -u], f.setDimensions({ width: M, height: m }, { backstoreOnly: !0 }), f.renderAll();
-        const b = f.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
-        if (l === "svg" && b) {
-          const p = f.toSVG();
+        const { left: u, top: M, width: m, height: p } = i.getBoundingRect(), f = yield n.clone(["id", "format", "locked"]);
+        f.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
+        const b = f.getObjects().find((y) => y.id === i.id);
+        if (b && (b.visible = !1), d != null && d.isBlocked) {
+          const y = f.getObjects().find((w) => w.id === d.overlayMask.id);
+          y && (y.visible = !1);
+        }
+        f.viewportTransform = [1, 0, 0, 1, -u, -M], f.setDimensions({ width: m, height: p }, { backstoreOnly: !0 }), f.renderAll();
+        const S = f.getObjects().filter((y) => y.format).every((y) => y.format === "svg");
+        if (g === "svg" && S) {
+          const y = f.toSVG();
           f.dispose();
           const E = {
-            image: O._exportSVGStringAsFile(p, {
+            image: O._exportSVGStringAsFile(y, {
               exportAsBase64: a,
               exportAsBlob: o,
               fileName: t
@@ -1205,70 +1209,70 @@ class O {
           };
           return n.fire("editor:canvas-exported", E), E;
         }
-        const S = yield new Promise((p, B) => {
+        const T = yield new Promise((y, w) => {
           f.getElement().toBlob((E) => {
-            E ? p(E) : B(new Error("Failed to create Blob from canvas"));
+            E ? y(E) : w(new Error("Failed to create Blob from canvas"));
           });
         });
         if (f.dispose(), o) {
-          const p = {
-            image: S,
-            format: l,
-            contentType: h,
+          const y = {
+            image: T,
+            format: g,
+            contentType: l,
             fileName: t
           };
-          return n.fire("editor:canvas-exported", p), p;
+          return n.fire("editor:canvas-exported", y), y;
         }
-        const k = yield createImageBitmap(S), z = yield c.post(
+        const H = yield createImageBitmap(T), C = yield r.post(
           "toDataURL",
-          { format: l, quality: 1, bitmap: k },
-          [k]
+          { format: g, quality: 1, bitmap: H },
+          [H]
         );
-        if (d) {
-          const B = M * 0.264583, E = m * 0.264583, Ie = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, q = new Ie({
-            orientation: B > E ? "landscape" : "portrait",
+        if (h) {
+          const w = m * 0.264583, E = p * 0.264583, Ae = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, ee = new Ae({
+            orientation: w > E ? "landscape" : "portrait",
             unit: "mm",
-            format: [B, E]
+            format: [w, E]
           });
-          if (q.addImage(String(z), "JPG", 0, 0, B, E), a) {
-            const le = {
-              image: q.output("datauristring"),
+          if (ee.addImage(String(C), "JPG", 0, 0, w, E), a) {
+            const ge = {
+              image: ee.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return n.fire("editor:canvas-exported", le), le;
+            return n.fire("editor:canvas-exported", ge), ge;
           }
-          const ve = q.output("blob"), de = {
-            image: new File([ve], t, { type: "application/pdf" }),
+          const Ce = ee.output("blob"), he = {
+            image: new File([Ce], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return n.fire("editor:canvas-exported", de), de;
+          return n.fire("editor:canvas-exported", he), he;
         }
         if (a) {
-          const p = {
-            image: z,
-            format: l,
-            contentType: h,
+          const y = {
+            image: C,
+            format: g,
+            contentType: l,
             fileName: t
           };
-          return n.fire("editor:canvas-exported", p), p;
+          return n.fire("editor:canvas-exported", y), y;
         }
-        const C = l === "svg" && !b ? t.replace(/\.[^/.]+$/, ".png") : t, L = {
-          image: new File([S], C, { type: h }),
-          format: l,
-          contentType: h,
-          fileName: C
+        const D = g === "svg" && !S ? t.replace(/\.[^/.]+$/, ".png") : t, L = {
+          image: new File([T], D, { type: l }),
+          format: g,
+          contentType: l,
+          fileName: D
         };
         return n.fire("editor:canvas-exported", L), L;
-      } catch (d) {
+      } catch (h) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${d.message}`,
+          message: `Ошибка экспорта изображения: ${h.message}`,
           data: { contentType: s, fileName: t, exportAsBase64: a, exportAsBlob: o }
         }), null;
       }
@@ -1286,14 +1290,14 @@ class O {
    * @fires editor:object-exported
    */
   exportObjectAsImageFile() {
-    return y(this, arguments, function* (e = {}) {
+    return j(this, arguments, function* (e = {}) {
       const {
         object: t,
         fileName: s = "image.png",
         contentType: a = "image/png",
         exportAsBase64: o = !1,
         exportAsBlob: n = !1
-      } = e, { canvas: i, workerManager: c } = this.editor, d = t || i.getActiveObject();
+      } = e, { canvas: i, workerManager: r } = this.editor, d = t || i.getActiveObject();
       if (!d)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1305,21 +1309,21 @@ class O {
       try {
         const h = O.getFormatFromContentType(a);
         if (h === "svg") {
-          const m = d.toSVG(), f = O._exportSVGStringAsFile(m, {
+          const m = d.toSVG(), p = O._exportSVGStringAsFile(m, {
             exportAsBase64: o,
             exportAsBlob: n,
             fileName: s
-          }), j = {
+          }), f = {
             object: d,
-            image: f,
+            image: p,
             format: h,
             contentType: "image/svg+xml",
             fileName: s.replace(/\.[^/.]+$/, ".svg")
           };
-          return i.fire("editor:object-exported", j), j;
+          return i.fire("editor:object-exported", f), f;
         }
-        if (o && d instanceof H) {
-          const m = yield createImageBitmap(d.getElement()), f = yield c.post(
+        if (o && d instanceof Z) {
+          const m = yield createImageBitmap(d.getElement()), p = yield r.post(
             "toDataURL",
             {
               format: h,
@@ -1327,20 +1331,20 @@ class O {
               bitmap: m
             },
             [m]
-          ), j = {
+          ), f = {
             object: d,
-            image: f,
+            image: p,
             format: h,
             contentType: a,
             fileName: s
           };
-          return i.fire("editor:object-exported", j), j;
+          return i.fire("editor:object-exported", f), f;
         }
         const l = d.toCanvasElement({
           enableRetinaScaling: !1
-        }), g = yield new Promise((m, f) => {
-          l.toBlob((j) => {
-            j ? m(j) : f(new Error("Failed to create Blob from canvas"));
+        }), g = yield new Promise((m, p) => {
+          l.toBlob((f) => {
+            f ? m(f) : p(new Error("Failed to create Blob from canvas"));
           });
         });
         if (n) {
@@ -1399,7 +1403,7 @@ class O {
    * @public
    */
   getContentType(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       return typeof e == "string" ? this.getContentTypeFromUrl(e) : e.type || "application/octet-stream";
     });
   }
@@ -1410,7 +1414,7 @@ class O {
    * @public
    */
   getContentTypeFromUrl(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       if (e.startsWith("data:")) {
         const t = e.match(/^data:([^;]+)/);
         return t ? t[1] : "application/octet-stream";
@@ -1489,11 +1493,11 @@ class O {
     return t ? t[1] : "";
   }
 }
-const _ = (r, e, t) => Math.max(Math.min(r, t), e), ye = (r, e) => r * e, rt = (r, e) => new G(r / 2, e / 2);
-function ct(r) {
-  return ((r == null ? void 0 : r.type) === "image" || (r == null ? void 0 : r.format) === "svg") && typeof (r == null ? void 0 : r.width) == "number" && typeof (r == null ? void 0 : r.height) == "number";
+const x = (c, e, t) => Math.max(Math.min(c, t), e), Ie = (c, e) => c * e, dt = (c, e) => new X(c / 2, e / 2);
+function lt(c) {
+  return ((c == null ? void 0 : c.type) === "image" || (c == null ? void 0 : c.format) === "svg") && typeof (c == null ? void 0 : c.width) == "number" && typeof (c == null ? void 0 : c.height) == "number";
 }
-class dt {
+class ht {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1524,10 +1528,10 @@ class dt {
       canvas: o,
       montageArea: n,
       options: { canvasBackstoreWidth: i }
-    } = this.editor, { width: c, height: d } = n, h = _(Number(e), R, w);
+    } = this.editor, { width: r, height: d } = n, h = x(Number(e), U, k);
     if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreWidth(Number(i)) : this.setCanvasBackstoreWidth(h), n.set({ width: h }), (M = o.clipPath) == null || M.set({ width: h }), t) {
-      const m = h / c, f = ye(d, m);
-      this.setResolutionHeight(f);
+      const m = h / r, p = Ie(d, m);
+      this.setResolutionHeight(p);
       return;
     }
     const { left: l, top: g } = this.getObjectDefaultCoords(n), u = o.getZoom();
@@ -1554,10 +1558,10 @@ class dt {
       canvas: o,
       montageArea: n,
       options: { canvasBackstoreHeight: i }
-    } = this.editor, { width: c, height: d } = n, h = _(Number(e), U, T);
+    } = this.editor, { width: r, height: d } = n, h = x(Number(e), z, B);
     if (!i || i === "auto" || a ? this.adaptCanvasToContainer() : i ? this.setCanvasBackstoreHeight(Number(i)) : this.setCanvasBackstoreHeight(h), n.set({ height: h }), (M = o.clipPath) == null || M.set({ height: h }), t) {
-      const m = h / d, f = ye(c, m);
-      this.setResolutionWidth(f);
+      const m = h / d, p = Ie(r, m);
+      this.setResolutionWidth(p);
       return;
     }
     const { left: l, top: g } = this.getObjectDefaultCoords(n), u = o.getZoom();
@@ -1573,12 +1577,12 @@ class dt {
    * и устанавливает правильный viewportTransform.
    */
   centerMontageArea() {
-    var c;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), o = e.getZoom(), n = rt(s, a);
+    var r;
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), a = e.getHeight(), o = e.getZoom(), n = dt(s, a);
     t.set({
       left: s / 2,
       top: a / 2
-    }), (c = e.clipPath) == null || c.set({
+    }), (r = e.clipPath) == null || r.set({
       left: s / 2,
       top: a / 2
     }), e.renderAll();
@@ -1599,15 +1603,15 @@ class dt {
         code: "NO_ACTIVE_OBJECT",
         message: "Не выбран объект для получения координат"
       }), { left: 0, top: 0 };
-    const { width: a, height: o } = s, n = t.getZoom(), i = (a - a * n) / 2, c = (o - o * n) / 2;
-    return { left: i, top: c };
+    const { width: a, height: o } = s, n = t.getZoom(), i = (a - a * n) / 2, r = (o - o * n) / 2;
+    return { left: i, top: r };
   }
   /**
    * Устанавливаем ширину канваса в backstore (для экспорта)
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, R, w);
+    const t = x(e, U, k);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1616,7 +1620,7 @@ class dt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = _(e, U, T);
+    const t = x(e, z, B);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1625,7 +1629,7 @@ class dt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, o = _(s, R, w), n = _(a, U, T);
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, a = t.clientHeight, o = x(s, U, k), n = x(a, z, B);
     e.setDimensions({ width: o, height: n }, { backstoreOnly: !0 });
   }
   /**
@@ -1643,8 +1647,8 @@ class dt {
       }
     } = this.editor, o = t.left, n = t.top;
     this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(a, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
-    const i = t.left - o, c = t.top - n;
-    if (i !== 0 || c !== 0) {
+    const i = t.left - o, r = t.top - n;
+    if (i !== 0 || r !== 0) {
       const d = e.getActiveObject(), h = [];
       if ((d == null ? void 0 : d.type) === "activeselection") {
         const l = d;
@@ -1653,7 +1657,7 @@ class dt {
       if (e.getObjects().forEach((l) => {
         l.id === "montage-area" || l.id === "overlay-mask" || l.id === "background" || (l.set({
           left: l.left + i,
-          top: l.top + c
+          top: l.top + r
         }), l.setCoords());
       }), h.length > 0)
         if (h.length === 1)
@@ -1793,15 +1797,15 @@ class dt {
     }
     const n = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      o.forEach((c) => {
-        c.style[n] = s;
+      o.forEach((r) => {
+        r.style[n] = s;
       });
       return;
     }
     if (isNaN(s)) return;
     const i = `${s}px`;
-    o.forEach((c) => {
-      c.style[n] = i;
+    o.forEach((r) => {
+      r.style[n] = i;
     }), a.fire(`editor:display-${e}-${n}-changed`, {
       element: e,
       value: s
@@ -1822,20 +1826,20 @@ class dt {
       transformManager: n,
       options: {
         montageAreaWidth: i,
-        montageAreaHeight: c
+        montageAreaHeight: r
       }
     } = this.editor, d = e || a.getActiveObject();
-    if (!ct(d)) return;
+    if (!lt(d)) return;
     const { width: h, height: l } = d;
-    let g = Math.min(h, w), u = Math.min(l, T);
+    let g = Math.min(h, k), u = Math.min(l, B);
     if (t) {
       const {
         width: M,
         height: m
-      } = o, f = h / M, j = l / m, b = Math.max(f, j);
+      } = o, p = h / M, f = l / m, b = Math.max(p, f);
       g = M * b, u = m * b;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > c) && n.calculateAndApplyDefaultZoom(), n.resetObject({ object: d, withoutSave: !0 }), a.centerObject(d), a.renderAll(), s || this.editor.historyManager.saveState(), a.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (h > i || l > r) && n.calculateAndApplyDefaultZoom(), n.resetObject({ object: d, withoutSave: !0 }), a.centerObject(d), a.renderAll(), s || this.editor.historyManager.saveState(), a.fire("editor:montage-area-scaled-to-image", {
       object: d,
       width: g,
       height: u,
@@ -1885,9 +1889,9 @@ class dt {
     );
   }
 }
-class lt {
+class gt {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || at, this.maxZoom = this.options.maxZoom || ot, this.defaultZoom = this.options.defaultScale;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || nt, this.maxZoom = this.options.maxZoom || it, this.defaultZoom = this.options.defaultScale;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1897,8 +1901,8 @@ class lt {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, o = s.clientHeight, { width: n, height: i } = this.editor.montageArea, c = a / n * e, d = o / i * e;
-    this.defaultZoom = Math.min(c, d), this.setZoom();
+    const { canvas: t } = this.editor, s = t.editorContainer, a = s.clientWidth, o = s.clientHeight, { width: n, height: i } = this.editor.montageArea, r = a / n * e, d = o / i * e;
+    this.defaultZoom = Math.min(r, d), this.setZoom();
   }
   /**
    * Увеличение/уменьшение масштаба
@@ -1909,10 +1913,10 @@ class lt {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = nt, t = {}) {
+  zoom(e = rt, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: a } = this, { canvas: o } = this.editor, n = o.getZoom(), i = o.getCenterPoint(), c = (g = t.pointX) != null ? g : i.x, d = (u = t.pointY) != null ? u : i.y, h = new G(c, d);
+    const { minZoom: s, maxZoom: a } = this, { canvas: o } = this.editor, n = o.getZoom(), i = o.getCenterPoint(), r = (g = t.pointX) != null ? g : i.x, d = (u = t.pointY) != null ? u : i.y, h = new X(r, d);
     let l = Number((n + Number(e)).toFixed(2));
     l > a && (l = a), l < s && (l = s), o.zoomToPoint(h, l), o.fire("editor:zoom-changed", {
       currentZoom: o.getZoom(),
@@ -1926,7 +1930,7 @@ class lt {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, o = new G(a.getCenterPoint());
+    const { minZoom: t, maxZoom: s } = this, { canvas: a } = this.editor, o = new X(a.getCenterPoint());
     let n = e;
     e > s && (n = s), e < t && (n = t), a.zoomToPoint(o, n), a.fire("editor:zoom-changed", {
       currentZoom: a.getZoom(),
@@ -1939,7 +1943,7 @@ class lt {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new G(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new X(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -1952,7 +1956,7 @@ class lt {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = it, { withoutSave: t } = {}) {
+  rotate(e = ct, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: a } = this.editor, o = s.getActiveObject();
     if (!o) return;
     const n = o.angle + e;
@@ -2030,11 +2034,11 @@ class lt {
     const { canvas: o, historyManager: n } = this.editor, i = e || o.getActiveObject();
     if (i) {
       if (i instanceof v && !a) {
-        const c = i.getObjects();
-        o.discardActiveObject(), c.forEach((h) => {
+        const r = i.getObjects();
+        o.discardActiveObject(), r.forEach((h) => {
           this._fitSingleObject(h, t);
         });
-        const d = new v(c, { canvas: o });
+        const d = new v(r, { canvas: o });
         o.setActiveObject(d);
       } else
         this._fitSingleObject(i, t);
@@ -2053,11 +2057,11 @@ class lt {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: a } = this.editor, { width: o, height: n, scaleX: i = 1, scaleY: c = 1, angle: d = 0 } = e, h = o * Math.abs(i), l = n * Math.abs(c), g = d * Math.PI / 180, u = Math.abs(Math.cos(g)), M = Math.abs(Math.sin(g)), m = h * u + l * M, f = h * M + l * u, j = a.width, b = a.height;
+    const { canvas: s, montageArea: a } = this.editor, { width: o, height: n, scaleX: i = 1, scaleY: r = 1, angle: d = 0 } = e, h = o * Math.abs(i), l = n * Math.abs(r), g = d * Math.PI / 180, u = Math.abs(Math.cos(g)), M = Math.abs(Math.sin(g)), m = h * u + l * M, p = h * M + l * u, f = a.width, b = a.height;
     let S;
-    t === "contain" ? S = Math.min(j / m, b / f) : S = Math.max(j / m, b / f), e.set({
+    t === "contain" ? S = Math.min(f / m, b / p) : S = Math.max(f / m, b / p), e.set({
       scaleX: i * S,
-      scaleY: c * S
+      scaleY: r * S
     }), s.centerObject(e);
   }
   /**
@@ -2082,7 +2086,7 @@ class lt {
       montageArea: o,
       imageManager: n,
       historyManager: i,
-      options: { scaleType: c }
+      options: { scaleType: r }
     } = this.editor, d = e || a.getActiveObject();
     if (!d || d.locked) return;
     if (i.suspendHistory(), d.type === "image" || d.format === "svg" || d.set({
@@ -2096,9 +2100,9 @@ class lt {
     else {
       const { width: l, height: g } = o, { width: u, height: M } = d, m = n.calculateScaleFactor({
         imageObject: d,
-        scaleType: c
+        scaleType: r
       });
-      c === "contain" && m < 1 || c === "cover" && (u > l || M > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && m < 1 || r === "cover" && (u > l || M > g) ? this.fitObject({ object: d, withoutSave: !0, fitAsOneObject: !0 }) : d.set({ scaleX: 1, scaleY: 1 });
     }
     d.set({ flipX: !1, flipY: !1, angle: 0 }), a.centerObject(d), a.renderAll(), i.resumeHistory(), s || i.saveState(), a.fire("editor:object-reset", {
       object: d,
@@ -2107,7 +2111,7 @@ class lt {
     });
   }
 }
-class ht {
+class ut {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2164,7 +2168,7 @@ class ht {
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class x {
+class R {
   constructor({ editor: e }) {
     this.editor = e, this.backgroundObject = null;
   }
@@ -2219,8 +2223,8 @@ class x {
     try {
       const { historyManager: o } = this.editor, { backgroundObject: n } = this;
       if (o.suspendHistory(), n && n.backgroundType === "gradient") {
-        const i = x._createFabricGradient(e);
-        if (x._isGradientEqual(n.fill, i)) {
+        const i = R._createFabricGradient(e);
+        if (R._isGradientEqual(n.fill, i)) {
           o.resumeHistory();
           return;
         }
@@ -2282,7 +2286,7 @@ class x {
     endColor: o,
     startPosition: n,
     endPosition: i,
-    customData: c = {},
+    customData: r = {},
     withoutSave: d = !1
   }) {
     this.setGradientBackground({
@@ -2296,7 +2300,7 @@ class x {
         startPosition: n,
         endPosition: i
       },
-      customData: c,
+      customData: r,
       withoutSave: d
     });
   }
@@ -2307,7 +2311,7 @@ class x {
    * @param options.withoutSave - Если true, не сохранять состояние в историю
    */
   setImageBackground(a) {
-    return y(this, arguments, function* ({
+    return j(this, arguments, function* ({
       imageSource: e,
       customData: t = {},
       withoutSave: s = !1
@@ -2392,7 +2396,7 @@ class x {
       backgroundType: "gradient",
       backgroundId: `background-${A()}`
     }, { withoutSelection: !0 }), this.refresh();
-    const t = x._createFabricGradient(e);
+    const t = R._createFabricGradient(e);
     this.backgroundObject.set("fill", t), this.editor.canvas.requestRenderAll();
   }
   /**
@@ -2400,7 +2404,7 @@ class x {
    * @param source - источник изображения (URL или File)
    */
   _createImageBackground(e, t) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       var a;
       const { image: s } = (a = yield this.editor.imageManager.importImage({
         source: e,
@@ -2444,8 +2448,8 @@ class x {
       { offset: o / 100, color: s }
     ];
     if (e.type === "linear") {
-      const l = e.angle * Math.PI / 180, g = x._angleToCoords(l);
-      return new Me({
+      const l = e.angle * Math.PI / 180, g = R._angleToCoords(l);
+      return new be({
         type: "linear",
         gradientUnits: "percentage",
         coords: g,
@@ -2454,17 +2458,17 @@ class x {
     }
     const {
       centerX: i = 50,
-      centerY: c = 50,
+      centerY: r = 50,
       radius: d = 50
     } = e, h = {
       x1: i / 100,
-      y1: c / 100,
+      y1: r / 100,
       x2: i / 100,
-      y2: c / 100,
+      y2: r / 100,
       r1: 0,
       r2: d / 100
     };
-    return new Me({
+    return new be({
       type: "radial",
       gradientUnits: "percentage",
       coords: h,
@@ -2494,12 +2498,12 @@ class x {
     if (!e || !t || e.type !== t.type) return !1;
     const s = e.colorStops || [], a = t.colorStops || [];
     return s.length !== a.length || !s.every((n, i) => {
-      const c = a[i];
-      return n.color === c.color && Math.abs(n.offset - c.offset) < 1e-4;
+      const r = a[i];
+      return n.color === r.color && Math.abs(n.offset - r.offset) < 1e-4;
     }) ? !1 : e.type === "linear" && t.type === "linear" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 : e.type === "radial" && t.type === "radial" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 && Math.abs(e.coords.r1 - t.coords.r1) < 1e-4 && Math.abs(e.coords.r2 - t.coords.r2) < 1e-4 : !1;
   }
 }
-class K {
+class $ {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2532,7 +2536,7 @@ class K {
     const { canvas: s, historyManager: a } = this.editor;
     a.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof v ? K._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
+    o && (o instanceof v ? $._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:object-bring-forward", {
       object: o,
       withoutSave: t
     }));
@@ -2553,16 +2557,16 @@ class K {
       backgroundManager: { backgroundObject: i }
     } = this.editor;
     o.suspendHistory();
-    const c = e || s.getActiveObject();
-    if (c) {
-      if (c instanceof v) {
-        const d = c.getObjects();
+    const r = e || s.getActiveObject();
+    if (r) {
+      if (r instanceof v) {
+        const d = r.getObjects();
         for (let h = d.length - 1; h >= 0; h -= 1)
           s.sendObjectToBack(d[h]);
       } else
-        s.sendObjectToBack(c);
+        s.sendObjectToBack(r);
       i && s.sendObjectToBack(i), s.sendObjectToBack(a), n && s.sendObjectToBack(n), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-to-back", {
-        object: c,
+        object: r,
         withoutSave: t
       });
     }
@@ -2582,9 +2586,9 @@ class K {
       backgroundManager: { backgroundObject: i }
     } = this.editor;
     o.suspendHistory();
-    const c = e || s.getActiveObject();
-    c && (c instanceof v ? K._moveSelectionBackwards(s, c) : s.sendObjectBackwards(c), i && s.sendObjectToBack(i), s.sendObjectToBack(a), n && s.sendObjectToBack(n), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-backwards", {
-      object: c,
+    const r = e || s.getActiveObject();
+    r && (r instanceof v ? $._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), i && s.sendObjectToBack(i), s.sendObjectToBack(a), n && s.sendObjectToBack(n), s.renderAll(), o.resumeHistory(), t || o.saveState(), s.fire("editor:object-send-backwards", {
+      object: r,
       withoutSave: t
     }));
   }
@@ -2597,13 +2601,13 @@ class K {
   static _moveSelectionForward(e, t) {
     const s = e.getObjects(), a = t.getObjects();
     if (!a.some((i) => {
-      const c = s.indexOf(i);
-      for (let d = c + 1; d < s.length; d += 1)
+      const r = s.indexOf(i);
+      for (let d = r + 1; d < s.length; d += 1)
         if (!a.includes(s[d]))
           return !0;
       return !1;
     })) return;
-    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, c) => c.index - i.index).forEach((i) => {
+    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => r.index - i.index).forEach((i) => {
       e.bringObjectForward(i.obj);
     });
   }
@@ -2616,18 +2620,18 @@ class K {
   static _moveSelectionBackwards(e, t) {
     const s = e.getObjects(), a = t.getObjects();
     if (!a.some((i) => {
-      const c = s.indexOf(i);
-      for (let d = c - 1; d >= 0; d -= 1)
+      const r = s.indexOf(i);
+      for (let d = r - 1; d >= 0; d -= 1)
         if (!a.includes(s[d]))
           return !0;
       return !1;
     })) return;
-    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, c) => i.index - c.index).forEach((i) => {
+    a.map((i) => ({ obj: i, index: s.indexOf(i) })).sort((i, r) => i.index - r.index).forEach((i) => {
       e.sendObjectBackwards(i.obj);
     });
   }
 }
-class gt {
+class ft {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2651,7 +2655,7 @@ class gt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+  addRectangle(h = {}, { withoutSelection: r, withoutAdding: d } = {}) {
     var l = h, {
       id: e = `rect-${A()}`,
       left: t,
@@ -2659,7 +2663,7 @@ class gt {
       width: a = 100,
       height: o = 100,
       fill: n = "blue"
-    } = l, i = F(l, [
+    } = l, i = V(l, [
       "id",
       "left",
       "top",
@@ -2667,7 +2671,7 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Oe(I({
+    const { canvas: g } = this.editor, u = new we(I({
       id: e,
       left: t,
       top: s,
@@ -2675,7 +2679,7 @@ class gt {
       height: o,
       fill: n
     }, i));
-    return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), d || (g.add(u), r || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2693,28 +2697,28 @@ class gt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(d = {}, { withoutSelection: i, withoutAdding: c } = {}) {
+  addCircle(d = {}, { withoutSelection: i, withoutAdding: r } = {}) {
     var h = d, {
       id: e = `circle-${A()}`,
       left: t,
       top: s,
       radius: a = 50,
       fill: o = "green"
-    } = h, n = F(h, [
+    } = h, n = V(h, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, g = new Le(I({
+    const { canvas: l } = this.editor, g = new Te(I({
       id: e,
       left: t,
       top: s,
       fill: o,
       radius: a
     }, n));
-    return !t && !s && l.centerObject(g), c || (l.add(g), i || l.setActiveObject(g), l.renderAll()), g;
+    return !t && !s && l.centerObject(g), r || (l.add(g), i || l.setActiveObject(g), l.renderAll()), g;
   }
   /**
    * Добавление треугольника
@@ -2733,7 +2737,7 @@ class gt {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(h = {}, { withoutSelection: c, withoutAdding: d } = {}) {
+  addTriangle(h = {}, { withoutSelection: r, withoutAdding: d } = {}) {
     var l = h, {
       id: e = `triangle-${A()}`,
       left: t,
@@ -2741,7 +2745,7 @@ class gt {
       width: a = 100,
       height: o = 100,
       fill: n = "yellow"
-    } = l, i = F(l, [
+    } = l, i = V(l, [
       "id",
       "left",
       "top",
@@ -2749,7 +2753,7 @@ class gt {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new we(I({
+    const { canvas: g } = this.editor, u = new ke(I({
       id: e,
       left: t,
       top: s,
@@ -2757,10 +2761,10 @@ class gt {
       width: a,
       height: o
     }, i));
-    return !t && !s && g.centerObject(u), d || (g.add(u), c || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), d || (g.add(u), r || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class ut {
+class Mt {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2788,7 +2792,7 @@ class ut {
    * Асинхронное клонирование для внутреннего буфера
    */
   _cloneToInternalClipboard(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const { canvas: t, errorManager: s } = this.editor;
       try {
         const a = yield e.clone(["format"]);
@@ -2808,7 +2812,7 @@ class ut {
    * Копирование в системный буфер обмена
    */
   _copyToSystemClipboard(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const { errorManager: t } = this.editor;
       if (typeof ClipboardItem == "undefined" || !navigator.clipboard)
         return t.emitWarning({
@@ -2835,12 +2839,12 @@ class ut {
    * Копирование изображения в буфер обмена
    */
   _copyImageToClipboard(e, t) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       try {
-        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = a.slice(5).split(";")[0], n = a.split(",")[1], i = atob(n), c = new Uint8Array(i.length);
+        const a = e.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), o = a.slice(5).split(";")[0], n = a.split(",")[1], i = atob(n), r = new Uint8Array(i.length);
         for (let l = 0; l < i.length; l += 1)
-          c[l] = i.charCodeAt(l);
-        const d = new Blob([c.buffer], { type: o }), h = new ClipboardItem({ [o]: d });
+          r[l] = i.charCodeAt(l);
+        const d = new Blob([r.buffer], { type: o }), h = new ClipboardItem({ [o]: d });
         return yield navigator.clipboard.write([h]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
         return this.editor.errorManager.emitWarning({
@@ -2857,9 +2861,9 @@ class ut {
    * Копирование текста в буфер обмена
    */
   _copyTextToClipboard(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       try {
-        const t = `${je}${e}`;
+        const t = `${ye}${e}`;
         return yield navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
       } catch (t) {
         const { errorManager: s } = this.editor;
@@ -2892,7 +2896,7 @@ class ut {
    * @param source - источник изображения (data URL или URL)
    */
   _handleImageImport(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       var s;
       const { image: t } = (s = yield this.editor.imageManager.importImage({
         source: e,
@@ -2908,7 +2912,7 @@ class ut {
    * @fires editor:object-pasted
    */
   copyPaste(e) {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const { canvas: t } = this.editor, s = e || t.getActiveObject();
       if (!s || s.locked) return !1;
       try {
@@ -2938,14 +2942,14 @@ class ut {
    * @param event.clipboardData.items — элементы буфера обмена
    */
   handlePasteEvent(t) {
-    return y(this, arguments, function* ({ clipboardData: e }) {
-      var c;
-      if (!((c = e == null ? void 0 : e.items) != null && c.length)) {
+    return j(this, arguments, function* ({ clipboardData: e }) {
+      var r;
+      if (!((r = e == null ? void 0 : e.items) != null && r.length)) {
         this.paste();
         return;
       }
       const s = e.getData("text/plain");
-      if (s && s.startsWith(je)) {
+      if (s && s.startsWith(ye)) {
         this.paste();
         return;
       }
@@ -2989,7 +2993,7 @@ class ut {
    * @fires editor:object-pasted
    */
   paste() {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const { canvas: e } = this.editor;
       if (!this.clipboard) return !1;
       try {
@@ -3013,7 +3017,7 @@ class ut {
     });
   }
 }
-class $ {
+class J {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3038,7 +3042,7 @@ class $ {
       lockSkewingY: !0,
       locked: !0
     };
-    n.set(i), !t && $._isGroupOrSelection(n) && n.getObjects().forEach((d) => {
+    n.set(i), !t && J._isGroupOrSelection(n) && n.getObjects().forEach((d) => {
       d.set(i);
     }), a.renderAll(), s || o.saveState(), a.fire("editor:object-locked", {
       object: n,
@@ -3066,7 +3070,7 @@ class $ {
       lockSkewingY: !1,
       locked: !1
     };
-    o.set(n), $._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
+    o.set(n), J._isGroupOrSelection(o) && o.getObjects().forEach((i) => {
       i.set(n);
     }), s.renderAll(), t || a.saveState(), s.fire("editor:object-unlocked", {
       object: o,
@@ -3074,10 +3078,10 @@ class $ {
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof v || e instanceof ee;
+    return e instanceof v || e instanceof te;
   }
 }
-class ft {
+class mt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3096,8 +3100,8 @@ class ft {
     a.suspendHistory();
     const o = e || s.getActiveObject();
     if (!o || !(o instanceof v)) return;
-    const n = o.getObjects(), i = new ee(n);
-    n.forEach((c) => s.remove(c)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
+    const n = o.getObjects(), i = new te(n);
+    n.forEach((r) => s.remove(r)), i.set("id", `${i.type}-${A()}`), s.add(i), s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-grouped", {
       object: o,
       group: i,
       withoutSave: t
@@ -3108,29 +3112,32 @@ class ft {
    * @param options
    * @param options.object - объект для разгруппировки
    * @param options.withoutSave - Не сохранять состояние
+   * @returns данные о разгруппировке или null, если объект не является группой
    * @fires editor:objects-ungrouped
    */
   ungroup({
     object: e,
     withoutSave: t
   } = {}) {
-    const { canvas: s, historyManager: a } = this.editor;
+    const { canvas: s, historyManager: a } = this.editor, o = e || s.getActiveObject();
+    if (!(o instanceof te)) return null;
     a.suspendHistory();
-    const o = e || s.getActiveObject();
-    if (!(o instanceof ee)) return;
     const n = o.removeAll();
-    s.remove(o), n.forEach((c) => s.add(c));
+    s.remove(o), n.forEach((d) => s.add(d));
     const i = new v(n, {
       canvas: s
     });
-    s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-ungrouped", {
+    s.setActiveObject(i), s.renderAll(), a.resumeHistory(), t || a.saveState();
+    const r = {
       object: o,
       selection: i,
+      ungroupedObjects: n,
       withoutSave: t
-    });
+    };
+    return s.fire("editor:objects-ungrouped", r), r;
   }
 }
-class Mt {
+class bt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -3145,35 +3152,69 @@ class Mt {
     o && s.lockObject({ object: n, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(n), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: n });
   }
 }
-class mt {
+class de {
   constructor({ editor: e }) {
     this.editor = e;
   }
+  /**
+   * Проверяет, является ли объект разгруппируемой группой
+   * @param obj - объект для проверки
+   * @returns true, если объект является группой и не является SVG
+   */
+  static _isUngroupableGroup(e) {
+    return e.type === "group" && e.format !== "svg";
+  }
+  /**
+   * Обрабатывает удаление группы: разгруппировывает и рекурсивно удаляет объекты
+   * @param group - группа для обработки
+   * @returns массив всех удаленных объектов (включая саму группу)
+   */
+  _handleGroupDeletion(e) {
+    var a;
+    const { groupingManager: t } = this.editor, { ungroupedObjects: s = [] } = (a = t.ungroup({
+      object: e,
+      withoutSave: !0
+    })) != null ? a : {};
+    return this.deleteSelectedObjects({
+      objects: s,
+      withoutSave: !0,
+      _isRecursiveCall: !0
+    }), [e, ...s];
+  }
   /**
    * Удалить выбранные объекты
    * @param options
    * @param options.objects - массив объектов для удаления
    * @param options.withoutSave - Не сохранять состояние
+   * @param options._isRecursiveCall - Внутренний параметр для рекурсивных вызовов
    * @fires editor:objects-deleted
    */
   deleteSelectedObjects({
     objects: e,
-    withoutSave: t
+    withoutSave: t = !1,
+    _isRecursiveCall: s = !1
   } = {}) {
-    const { canvas: s, historyManager: a, groupingManager: o } = this.editor, n = (e || s.getActiveObjects()).filter((i) => !i.locked);
-    n != null && n.length && (a.suspendHistory(), n.forEach((i) => {
-      if (i.type === "group" && i.format !== "svg") {
-        o.ungroup({ object: i, withoutSave: t }), this.deleteSelectedObjects();
+    const { canvas: a, historyManager: o } = this.editor, i = (e || a.getActiveObjects()).filter((h) => !h.locked);
+    if (!(i != null && i.length)) return null;
+    s || o.suspendHistory();
+    const r = [];
+    if (i.forEach((h) => {
+      if (de._isUngroupableGroup(h)) {
+        const l = this._handleGroupDeletion(h);
+        r.push(...l);
         return;
       }
-      s.remove(i);
-    }), s.discardActiveObject(), s.renderAll(), a.resumeHistory(), t || a.saveState(), s.fire("editor:objects-deleted", {
-      objects: n,
+      a.remove(h), r.push(h);
+    }), s) return null;
+    a.discardActiveObject(), a.renderAll(), o.resumeHistory(), t || o.saveState();
+    const d = {
+      objects: r,
       withoutSave: t
-    }));
+    };
+    return a.fire("editor:objects-deleted", d), d;
   }
 }
-const bt = {
+const jt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -3272,7 +3313,7 @@ const bt = {
     INVALID_GRADIENT_FORMAT: "INVALID_GRADIENT_FORMAT"
   }
 };
-class J {
+class q {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -3299,7 +3340,7 @@ class J {
    * @fires editor:error
    */
   emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: a, message: o }) {
-    if (!J.isValidErrorCode(s)) {
+    if (!q.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
@@ -3328,7 +3369,7 @@ class J {
    * @fires editor:warning
    */
   emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: a, data: o }) {
-    if (!J.isValidErrorCode(s)) {
+    if (!q.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
@@ -3351,10 +3392,10 @@ class J {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(bt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(jt).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ce {
+class le {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -3369,7 +3410,7 @@ class ce {
    * @fires editor:ready
    */
   init() {
-    return y(this, null, function* () {
+    return j(this, null, function* () {
       const {
         editorContainerWidth: e,
         editorContainerHeight: t,
@@ -3378,11 +3419,11 @@ class ce {
         canvasCSSWidth: o,
         canvasCSSHeight: n,
         initialImage: i,
-        initialStateJSON: c,
+        initialStateJSON: r,
         scaleType: d,
         _onReadyCallback: h
       } = this.options;
-      if (Ge.apply(), this.canvas = new Te(this.containerId, this.options), this.moduleLoader = new Re(), this.workerManager = new ze(), this.errorManager = new J({ editor: this }), this.historyManager = new Q({ editor: this }), this.toolbar = new st({ editor: this }), this.transformManager = new lt({ editor: this }), this.canvasManager = new dt({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new K({ editor: this }), this.shapeManager = new gt({ editor: this }), this.interactionBlocker = new ht({ editor: this }), this.backgroundManager = new x({ editor: this }), this.clipboardManager = new ut({ editor: this }), this.objectLockManager = new $({ editor: this }), this.groupingManager = new ft({ editor: this }), this.selectionManager = new Mt({ editor: this }), this.deletionManager = new mt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new Y({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(n), i != null && i.source) {
+      if (Qe.apply(), this.canvas = new Be(this.containerId, this.options), this.moduleLoader = new ze(), this.workerManager = new Ze(), this.errorManager = new q({ editor: this }), this.historyManager = new K({ editor: this }), this.toolbar = new ot({ editor: this }), this.transformManager = new gt({ editor: this }), this.canvasManager = new ht({ editor: this }), this.imageManager = new O({ editor: this }), this.layerManager = new $({ editor: this }), this.shapeManager = new ft({ editor: this }), this.interactionBlocker = new ut({ editor: this }), this.backgroundManager = new R({ editor: this }), this.clipboardManager = new Mt({ editor: this }), this.objectLockManager = new J({ editor: this }), this.groupingManager = new mt({ editor: this }), this.selectionManager = new bt({ editor: this }), this.deletionManager = new de({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new P({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(a), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(n), i != null && i.source) {
         const {
           source: l,
           scale: g = `image-${d}`,
@@ -3391,7 +3432,7 @@ class ce {
         yield this.imageManager.importImage({ source: l, scale: g, withoutSave: u });
       } else
         this.canvasManager.setDefaultScale({ withoutSave: !0 });
-      c && this.historyManager.loadStateFromFullState(c), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
+      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
     });
   }
   /**
@@ -3405,7 +3446,7 @@ class ce {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ce._createMosaicPattern(),
+      fill: le._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -3455,13 +3496,13 @@ class ce {
     const e = document.createElement("canvas");
     e.width = 20, e.height = 20;
     const 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 ke({
+    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 _e({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const jt = {
+const pt = {
   /**
    * Опции редактора
    */
@@ -3550,18 +3591,18 @@ const jt = {
   resetObjectFitByDoubleClick: !0,
   keyboardIgnoreSelectors: []
 };
-function St(r, e = {}) {
-  const t = I(I({}, jt), e), s = document.getElementById(r);
+function Dt(c, e = {}) {
+  const t = I(I({}, pt), e), s = document.getElementById(c);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
   const a = document.createElement("canvas");
-  return a.id = `${r}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((o) => {
+  return a.id = `${c}-canvas`, s.appendChild(a), t.editorContainer = s, new Promise((o) => {
     t._onReadyCallback = o;
-    const n = new ce(a.id, t);
-    window[r] = n;
+    const n = new le(a.id, t);
+    window[c] = n;
   });
 }
 export {
-  St as default
+  Dt as default
 };
 //# sourceMappingURL=main.js.map