@anu3ev/fabric-image-editor 0.1.61 → 0.1.63

package/dist/main.js

@@ -1,49 +1,49 @@
-var fe = Object.defineProperty, je = Object.defineProperties;
-var be = Object.getOwnPropertyDescriptors;
-var H = Object.getOwnPropertySymbols;
-var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
-var re = (c, e, t) => e in c ? fe(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, y = (c, e) => {
+var be = Object.defineProperty, ye = Object.defineProperties;
+var pe = Object.getOwnPropertyDescriptors;
+var Y = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable;
+var ce = (r, e, t) => e in r ? be(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, y = (r, e) => {
   for (var t in e || (e = {}))
-    ce.call(e, t) && re(c, t, e[t]);
-  if (H)
-    for (var t of H(e))
-      de.call(e, t) && re(c, t, e[t]);
-  return c;
-}, le = (c, e) => je(c, be(e));
-var Y = (c, e) => {
+    de.call(e, t) && ce(r, t, e[t]);
+  if (Y)
+    for (var t of Y(e))
+      le.call(e, t) && ce(r, t, e[t]);
+  return r;
+}, he = (r, e) => ye(r, pe(e));
+var _ = (r, e) => {
   var t = {};
-  for (var s in c)
-    ce.call(c, s) && e.indexOf(s) < 0 && (t[s] = c[s]);
-  if (c != null && H)
-    for (var s of H(c))
-      e.indexOf(s) < 0 && de.call(c, s) && (t[s] = c[s]);
+  for (var s in r)
+    de.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+  if (r != null && Y)
+    for (var s of Y(r))
+      e.indexOf(s) < 0 && le.call(r, s) && (t[s] = r[s]);
   return t;
 };
-var v = (c, e, t) => new Promise((s, n) => {
+var v = (r, e, t) => new Promise((s, n) => {
   var i = (d) => {
     try {
       o(t.next(d));
-    } catch (r) {
-      n(r);
+    } catch (c) {
+      n(c);
     }
   }, a = (d) => {
     try {
       o(t.throw(d));
-    } catch (r) {
-      n(r);
+    } catch (c) {
+      n(c);
     }
   }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(i, a);
-  o((t = t.apply(c, e)).next());
+  o((t = t.apply(r, e)).next());
 });
-import { ActiveSelection as I, util as R, controlsUtils as ye, InteractiveFabricObject as pe, loadSVGFromURL as Ie, FabricImage as Z, Point as W, Rect as ve, Circle as Ae, Triangle as Se, Group as Q, Canvas as Ce, Pattern as Ne } from "fabric";
-import { create as De } from "jsondiffpatch";
-import Le from "diff-match-patch";
-var we = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", L = function() {
+import { ActiveSelection as p, util as H, controlsUtils as Ie, InteractiveFabricObject as ve, loadSVGFromURL as Ae, FabricImage as U, Point as P, Rect as Se, Circle as Ce, Triangle as Ne, Group as $, Canvas as De, Pattern as Le } from "fabric";
+import { create as we } from "jsondiffpatch";
+import Ee from "diff-match-patch";
+var Oe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", L = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", s = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
-    t += we[s[e] & 63];
+    t += Oe[s[e] & 63];
   return t;
 };
-class z {
+class R {
   /**
    * Конструктор принимает редактор и опции.
    * @param params
@@ -61,7 +61,7 @@ class z {
    * @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 = z.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 = z.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = z.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
+    this.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 = R.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 = R.debounce(this.handleObjectModifiedHistory.bind(this), 300), this.handleObjectRotatingHistoryBound = R.debounce(this.handleObjectRotatingHistory.bind(this), 300), this.handleObjectAddedHistoryBound = this.handleObjectAddedHistory.bind(this), this.handleObjectRemovedHistoryBound = this.handleObjectRemovedHistory.bind(this), this.handleOverlayUpdateBound = this.handleOverlayUpdate.bind(this), this.handleCanvasDragStartBound = this.handleCanvasDragStart.bind(this), this.handleCanvasDraggingBound = this.handleCanvasDragging.bind(this), this.handleCanvasDragEndBound = this.handleCanvasDragEnd.bind(this), this.handleMouseWheelZoomBound = this.handleMouseWheelZoom.bind(this), this.handleBringToFrontBound = this.handleBringToFront.bind(this), this.handleResetObjectFitBound = this.handleResetObjectFit.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.init();
   }
   /**
    * Инициализация всех обработчиков согласно опциям.
@@ -76,10 +76,10 @@ class z {
       pasteImageFromClipboard: a,
       undoRedoByHotKeys: o,
       selectAllByHotkey: d,
-      deleteObjectsByHotkey: r,
+      deleteObjectsByHotkey: c,
       resetObjectFitByDoubleClick: l
     } = 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), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), r && 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);
+    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), n && (this.canvas.on("selection:created", this.handleBringToFrontBound), this.canvas.on("selection:updated", this.handleBringToFrontBound)), l && this.canvas.on("mouse:dblclick", this.handleResetObjectFitBound), e && window.addEventListener("resize", this.handleContainerResizeBound, { capture: !0 }), i && document.addEventListener("keydown", this.handleCopyEventBound, { capture: !0 }), a && document.addEventListener("paste", this.handlePasteEventBound, { capture: !0 }), o && (document.addEventListener("keydown", this.handleUndoRedoEventBound, { capture: !0 }), document.addEventListener("keyup", this.handleUndoRedoKeyUpBound, { capture: !0 })), d && document.addEventListener("keydown", this.handleSelectAllEventBound, { capture: !0 }), c && 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);
   }
   /**
    * При массовом выделении объектов удаляем из него залоченные.
@@ -88,20 +88,32 @@ class z {
    * @param params.e - событие указателя (опционально)
    */
   _filterLockedSelection({ selected: e, e: t }) {
-    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1 || !e.some((a) => a.locked)) return;
-    const n = e.filter((a) => !a.locked);
-    if (n.length === 0) {
-      this.canvas.discardActiveObject();
-      return;
-    }
-    if (n.length === 1) {
-      this.canvas.setActiveObject(n[0]);
+    if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
+    const { lockedObjects: s, unlockedObjects: n } = e.reduce(
+      (a, o) => o.locked ? (a.lockedObjects.push(o), a) : (a.unlockedObjects.push(o), a),
+      { lockedObjects: [], unlockedObjects: [] }
+    );
+    if (s.length === 0) return;
+    if (n.length > 0) {
+      if (n.length === 1)
+        this.canvas.setActiveObject(n[0]);
+      else {
+        const a = new p(n, {
+          canvas: this.canvas
+        });
+        this.canvas.setActiveObject(a);
+      }
+      this.canvas.requestRenderAll();
       return;
     }
-    const i = new I(n, {
+    const i = new p(e, {
       canvas: this.canvas
     });
-    this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
+    this.editor.objectLockManager.lockObject({
+      object: i,
+      skipInnerObjects: !0,
+      withoutSave: !0
+    }), this.canvas.setActiveObject(i), this.canvas.requestRenderAll();
   }
   /**
    * Обработчики для сохранения состояния редактора в истории.
@@ -205,7 +217,7 @@ class z {
     if (n || i) return;
     this.isSpacePressed = !0, e.preventDefault();
     const a = t.getActiveObject() || null;
-    a instanceof I ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
+    a instanceof p ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), t.discardActiveObject(), t.set({
       selection: !1,
       defaultCursor: "grab"
     }), t.setCursor("grab"), s.canvasManager.getObjects().forEach((o) => {
@@ -244,7 +256,7 @@ class z {
       t.setActiveObject(e[0]);
       return;
     }
-    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), i = new I(n, { canvas: t });
+    const n = e.filter((a) => s.canvasManager.getObjects().includes(a)), i = new p(n, { canvas: t });
     t.setActiveObject(i);
   }
   // --- Обработчики для событий canvas (Fabric) ---
@@ -254,7 +266,7 @@ class z {
    * @param options.e — объект события (MouseEvent или TouchEvent)
    */
   handleCanvasDragStart({ e }) {
-    !this.isSpacePressed || !(e instanceof MouseEvent) || (this.isDragging = !0, this.lastMouseX = e.clientX, this.lastMouseY = e.clientY, this.canvas.setCursor("grabbing"));
+    !this.isSpacePressed || !(e instanceof MouseEvent) || (this.isDragging = !0, this.lastMouseX = e.clientX, this.lastMouseY = e.clientY, this.canvas.set("defaultCursor", "grabbing"), this.canvas.setCursor("grabbing"));
   }
   /**
    * Перетаскивание канваса (mouse:move).
@@ -352,7 +364,7 @@ class z {
     };
   }
 }
-class Ee {
+class Te {
   /**
    * Класс для динамической загрузки внешних модулей.
    */
@@ -370,21 +382,21 @@ class Ee {
     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 Oe(c) {
+function ke(r) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
-      name: c == null ? void 0 : c.name
+      name: r == null ? void 0 : r.name
     }
   );
 }
-class Te {
+class xe {
   /**
    * @param scriptUrl — URL скрипта воркера.
    * По-умолчанию использует DefaultWorker из соседнего файла
    */
   constructor(e) {
-    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new Oe(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
+    e ? this.worker = new Worker(e, { type: "module" }) : this.worker = new ke(), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
   }
   /**
    * Обработчик сообщений от воркера
@@ -424,50 +436,50 @@ class Te {
     this.worker.terminate();
   }
 }
-const N = 12, ke = 2, $ = 8, J = 20, xe = 100, K = 20, q = 8, Be = 100, P = 32, ee = 1, Ze = "#2B2D33", te = "#3D8BF4", se = "#FFFFFF";
-function _(c, e, t, s, n) {
-  const i = N, a = ke;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-i / 2, -i / 2, i, i, a), c.fill(), c.stroke(), c.restore();
+const N = 12, Be = 2, J = 8, K = 20, Ze = 100, q = 20, ee = 8, Ue = 100, F = 32, te = 1, ze = "#2B2D33", se = "#3D8BF4", ne = "#FFFFFF";
+function W(r, e, t, s, n) {
+  const i = N, a = Be;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-i / 2, -i / 2, i, i, a), r.fill(), r.stroke(), r.restore();
 }
-function he(c, e, t, s, n) {
-  const i = $, a = J, o = xe;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-i / 2, -a / 2, i, a, o), c.fill(), c.stroke(), c.restore();
+function ge(r, e, t, s, n) {
+  const i = J, a = K, o = Ze;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-i / 2, -a / 2, i, a, o), r.fill(), r.stroke(), r.restore();
 }
-function ge(c, e, t, s, n) {
-  const i = K, a = q, o = Be;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = se, c.strokeStyle = te, c.lineWidth = ee, c.beginPath(), c.roundRect(-i / 2, -a / 2, i, a, o), c.fill(), c.stroke(), c.restore();
+function ue(r, e, t, s, n) {
+  const i = q, a = ee, o = Ue;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ne, r.strokeStyle = se, r.lineWidth = te, r.beginPath(), r.roundRect(-i / 2, -a / 2, i, a, o), r.fill(), r.stroke(), r.restore();
 }
-const Ue = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ue = new Image();
-ue.src = Ue;
-function ze(c, e, t, s, n) {
-  const a = P / 2;
-  c.save(), c.translate(e, t), c.rotate(R.degreesToRadians(n.angle)), c.fillStyle = Ze, c.beginPath(), c.arc(0, 0, a, 0, 2 * Math.PI), c.fill(), c.drawImage(ue, -a / 2, -a / 2, a, a), c.restore();
+const Re = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", me = new Image();
+me.src = Re;
+function He(r, e, t, s, n) {
+  const a = F / 2;
+  r.save(), r.translate(e, t), r.rotate(H.degreesToRadians(n.angle)), r.fillStyle = ze, r.beginPath(), r.arc(0, 0, a, 0, 2 * Math.PI), r.fill(), r.drawImage(me, -a / 2, -a / 2, a, a), r.restore();
 }
-const Re = {
+const Ye = {
   // Угловые точки
   tl: {
-    render: _,
+    render: W,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: _,
+    render: W,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: _,
+    render: W,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: _,
+    render: W,
     sizeX: N,
     sizeY: N,
     offsetX: 0,
@@ -475,47 +487,47 @@ const Re = {
   },
   // Середина вертикалей
   ml: {
-    render: he,
-    sizeX: $,
-    sizeY: J,
+    render: ge,
+    sizeX: J,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
-    render: he,
-    sizeX: $,
-    sizeY: J,
+    render: ge,
+    sizeX: J,
+    sizeY: K,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
-    render: ge,
-    sizeX: K,
-    sizeY: q,
+    render: ue,
+    sizeX: q,
+    sizeY: ee,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
-    render: ge,
-    sizeX: K,
-    sizeY: q,
+    render: ue,
+    sizeX: q,
+    sizeY: ee,
     offsetX: 0,
     offsetY: 0
   },
   // Специальный «rotate» контрол
   mtr: {
-    render: ze,
-    sizeX: P,
-    sizeY: P,
+    render: He,
+    sizeX: F,
+    sizeY: F,
     offsetX: 0,
-    offsetY: -P
+    offsetY: -F
   }
 };
-class He {
+class _e {
   static apply() {
-    const e = ye.createObjectDefaultControls();
-    Object.entries(Re).forEach(([t, s]) => {
+    const e = Ie.createObjectDefaultControls();
+    Object.entries(Ye).forEach(([t, s]) => {
       Object.assign(e[t], {
         render: s.render,
         sizeX: s.sizeX,
@@ -526,10 +538,10 @@ class He {
         var l;
         (l = a.target.canvas) == null || l.setCursor("grabbing");
       });
-    }), pe.ownDefaults.controls = e;
+    }), ve.ownDefaults.controls = e;
   }
 }
-const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", U = {
+const We = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", Fe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ve = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Xe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", Qe = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", $e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", z = {
   style: {
     position: "absolute",
     display: "none",
@@ -596,56 +608,56 @@ const Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
   ],
   offsetTop: 50,
   icons: {
-    copyPaste: Ye,
-    delete: Xe,
-    lock: _e,
-    unlock: We,
-    bringToFront: Ve,
-    sendToBack: Ge,
-    bringForward: Pe,
-    sendBackwards: Fe
+    copyPaste: We,
+    delete: $e,
+    lock: Pe,
+    unlock: Fe,
+    bringToFront: Xe,
+    sendToBack: Qe,
+    bringForward: Ve,
+    sendBackwards: Ge
   },
   handlers: {
-    copyPaste: (c) => v(null, null, function* () {
-      yield c.clipboardManager.copy(), yield c.clipboardManager.paste(), c.clipboardManager.clipboard && c.canvas.fire("editor:object-duplicated", {
-        object: c.clipboardManager.clipboard
+    copyPaste: (r) => v(null, null, function* () {
+      yield r.clipboardManager.copy(), yield r.clipboardManager.paste(), r.clipboardManager.clipboard && r.canvas.fire("editor:object-duplicated", {
+        object: r.clipboardManager.clipboard
       });
     }),
-    delete: (c) => {
-      c.deletionManager.deleteSelectedObjects();
+    delete: (r) => {
+      r.deletionManager.deleteSelectedObjects();
     },
-    lock: (c) => {
-      c.objectLockManager.lockObject();
+    lock: (r) => {
+      r.objectLockManager.lockObject();
     },
-    unlock: (c) => {
-      c.objectLockManager.unlockObject();
+    unlock: (r) => {
+      r.objectLockManager.unlockObject();
     },
-    bringForward: (c) => {
-      c.layerManager.bringForward();
+    bringForward: (r) => {
+      r.layerManager.bringForward();
     },
-    bringToFront: (c) => {
-      c.layerManager.bringToFront();
+    bringToFront: (r) => {
+      r.layerManager.bringToFront();
     },
-    sendToBack: (c) => {
-      c.layerManager.sendToBack();
+    sendToBack: (r) => {
+      r.layerManager.sendToBack();
     },
-    sendBackwards: (c) => {
-      c.layerManager.sendBackwards();
+    sendBackwards: (r) => {
+      r.layerManager.sendBackwards();
     }
   }
 };
-class Qe {
+class Je {
   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 = le(y(y({}, U), e), {
-      style: y(y({}, U.style), e.style || {}),
-      btnStyle: y(y({}, U.btnStyle), e.btnStyle || {}),
-      icons: y(y({}, U.icons), e.icons || {}),
-      handlers: y(y({}, U.handlers), e.handlers || {})
+    this.config = he(y(y({}, z), e), {
+      style: y(y({}, z.style), e.style || {}),
+      btnStyle: y(y({}, z.btnStyle), e.btnStyle || {}),
+      icons: y(y({}, z.icons), e.icons || {}),
+      handlers: y(y({}, z.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();
@@ -674,8 +686,8 @@ class Qe {
     for (const t of e) {
       const { name: s, handle: n } = t, { icons: i = {}, btnStyle: a, handlers: o = {} } = this.config, d = document.createElement("button");
       d.innerHTML = i[n] ? `<img src="${i[n]}" title="${s}" />` : s, Object.assign(d.style, a), d.onclick = () => {
-        var r;
-        return (r = o[n]) == null ? void 0 : r.call(o, this.editor);
+        var c;
+        return (c = o[n]) == null ? void 0 : c.call(o, this.editor);
       }, this.el.appendChild(d);
     }
   }
@@ -734,7 +746,7 @@ class Qe {
     }
     const { el: t, config: s, canvas: n } = this;
     e.setCoords();
-    const i = n.getZoom(), [, , , , a, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: r, height: l } = e.getBoundingRect(), g = d * i + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (r + l) * i + o + u;
+    const i = n.getZoom(), [, , , , a, o] = n.viewportTransform, { x: d } = e.getCenterPoint(), { top: c, height: l } = e.getBoundingRect(), g = d * i + a - t.offsetWidth / 2, u = s.offsetTop || 0, m = (c + l) * i + o + u;
     Object.assign(t.style, {
       left: `${g}px`,
       top: `${m}px`,
@@ -748,7 +760,7 @@ class Qe {
     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 $e {
+class Ke {
   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();
   }
@@ -760,7 +772,7 @@ class $e {
     return this.patches[this.currentIndex - 1] || null;
   }
   _createDiffPatcher() {
-    this.diffPatcher = De({
+    this.diffPatcher = we({
       objectHash(e) {
         const t = e;
         return [
@@ -784,7 +796,7 @@ class $e {
         includeValueOnMove: !1
       },
       textDiff: {
-        diffMatchPatch: Le,
+        diffMatchPatch: Ee,
         minLength: 60
       }
     });
@@ -863,9 +875,9 @@ class $e {
       console.log("loadStateFromFullState fullState", e);
       const { canvas: t, canvasManager: s, interactionBlocker: n } = this.editor, { width: i, height: a } = t;
       yield t.loadFromJSON(e);
-      const o = t.getObjects().find((r) => r.id === "montage-area");
+      const o = t.getObjects().find((c) => c.id === "montage-area");
       o && (this.editor.montageArea = o, (i !== t.getWidth() || a !== t.getHeight()) && s.updateCanvas());
-      const d = t.getObjects().find((r) => r.id === "overlay-mask");
+      const d = t.getObjects().find((c) => c.id === "overlay-mask");
       d && (n.overlayMask = d, n.overlayMask.visible = !1), t.renderAll(), t.fire("editor:history-state-loaded", {
         fullState: e,
         currentIndex: this.currentIndex,
@@ -951,7 +963,7 @@ class $e {
     });
   }
 }
-const Je = 0.1, Ke = 2, qe = 0.1, et = 90, x = 16, B = 16, O = 4096, T = 4096;
+const qe = 0.1, et = 2, tt = 0.1, st = 90, B = 16, Z = 16, O = 4096, T = 4096;
 class D {
   constructor({ editor: e }) {
     this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
@@ -976,10 +988,10 @@ class D {
         withoutSave: n = !1
       } = e;
       if (!t) return null;
-      const { canvas: i, montageArea: a, transformManager: o, historyManager: d, errorManager: r } = this.editor, l = yield this.getContentType(t), h = D.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
+      const { canvas: i, montageArea: a, transformManager: o, historyManager: d, errorManager: c } = this.editor, l = yield this.getContentType(t), h = D.getFormatFromContentType(l), { acceptContentTypes: g, acceptFormats: u } = this;
       if (!this.isAllowedContentType(l)) {
         const m = `Неверный contentType для изображения: ${l}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return r.emitError({
+        return c.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
@@ -996,7 +1008,7 @@ class D {
           const S = yield (yield fetch(t, { mode: "cors" })).blob();
           m = URL.createObjectURL(S);
         } else
-          return r.emitError({
+          return c.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
@@ -1004,20 +1016,20 @@ class D {
             data: { source: t, format: h, contentType: l, acceptContentTypes: g, acceptFormats: u }
           }), null;
         if (this._createdBlobUrls.push(m), h === "svg") {
-          const b = yield Ie(m);
-          M = R.groupSVGElements(b.objects, b.options);
+          const b = yield Ae(m);
+          M = H.groupSVGElements(b.objects, b.options);
         } else
-          M = yield Z.fromURL(m, { crossOrigin: "anonymous" });
+          M = yield U.fromURL(m, { crossOrigin: "anonymous" });
         const { width: f, height: j } = M;
-        if (M instanceof Z) {
+        if (M instanceof U) {
           const b = M.getElement();
           let S = "";
           if (b instanceof HTMLImageElement ? S = b.src : b instanceof HTMLCanvasElement && (S = b.toDataURL()), j > T || f > O) {
             const w = yield this.resizeImageToBoundaries(S, "max"), E = URL.createObjectURL(w);
-            this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
-          } else if (j < B || f < x) {
+            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
+          } else if (j < Z || f < B) {
             const w = yield this.resizeImageToBoundaries(S, "min"), E = URL.createObjectURL(w);
-            this._createdBlobUrls.push(E), M = yield Z.fromURL(E, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(E), M = yield U.fromURL(E, { crossOrigin: "anonymous" });
           }
         }
         if (M.set("id", `${M.type}-${L()}`), M.set("format", h), s === "scale-montage")
@@ -1037,7 +1049,7 @@ class D {
         };
         return i.fire("editor:image-imported", A), A;
       } catch (m) {
-        return r.emitError({
+        return c.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
@@ -1058,14 +1070,14 @@ class D {
   resizeImageToBoundaries(e, t = "max") {
     return v(this, null, function* () {
       let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${O}x${T}`;
-      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${x}x${B}`);
+      t === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${B}x${Z}`);
       const n = {
         dataURL: e,
         sizeType: t,
         maxWidth: O,
         maxHeight: T,
-        minWidth: x,
-        minHeight: B
+        minWidth: B,
+        minHeight: Z
       };
       return this.editor.errorManager.emitWarning({
         origin: "ImageManager",
@@ -1096,18 +1108,18 @@ class D {
         exportAsBlob: i = !1
       } = e, { canvas: a, montageArea: o, workerManager: d } = this.editor;
       try {
-        const r = s === "application/pdf", l = r ? "image/jpg" : s, h = D.getFormatFromContentType(l);
+        const c = s === "application/pdf", l = c ? "image/jpg" : s, h = D.getFormatFromContentType(l);
         o.setCoords();
         const { left: g, top: u, width: m, height: M } = o.getBoundingRect(), f = yield a.clone(["id", "format", "locked"]);
         ["image/jpg", "image/jpeg"].includes(l) && (f.backgroundColor = "#ffffff");
-        const j = f.getObjects().find((p) => p.id === o.id);
+        const j = f.getObjects().find((I) => I.id === o.id);
         j && (j.visible = !1), f.viewportTransform = [1, 0, 0, 1, -g, -u], f.setDimensions({ width: m, height: M }, { backstoreOnly: !0 }), f.renderAll();
-        const A = f.getObjects().filter((p) => p.format).every((p) => p.format === "svg");
+        const A = f.getObjects().filter((I) => I.format).every((I) => I.format === "svg");
         if (h === "svg" && A) {
-          const p = f.toSVG();
+          const I = f.toSVG();
           f.dispose();
           const C = {
-            image: D._exportSVGStringAsFile(p, {
+            image: D._exportSVGStringAsFile(I, {
               exportAsBase64: n,
               exportAsBlob: i,
               fileName: t
@@ -1118,70 +1130,70 @@ class D {
           };
           return a.fire("editor:canvas-exported", C), C;
         }
-        const b = yield new Promise((p, k) => {
+        const b = yield new Promise((I, k) => {
           f.getElement().toBlob((C) => {
-            C ? p(C) : k(new Error("Failed to create Blob from canvas"));
+            C ? I(C) : k(new Error("Failed to create Blob from canvas"));
           });
         });
         if (f.dispose(), i) {
-          const p = {
+          const I = {
             image: b,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", p), p;
+          return a.fire("editor:canvas-exported", I), I;
         }
         const S = yield createImageBitmap(b), w = yield d.post(
           "toDataURL",
           { format: h, quality: 1, bitmap: S },
           [S]
         );
-        if (r) {
-          const k = m * 0.264583, C = M * 0.264583, Me = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, X = new Me({
+        if (c) {
+          const k = m * 0.264583, C = M * 0.264583, fe = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Q = new fe({
             orientation: k > C ? "landscape" : "portrait",
             unit: "mm",
             format: [k, C]
           });
-          if (X.addImage(String(w), "JPG", 0, 0, k, C), n) {
-            const oe = {
-              image: X.output("datauristring"),
+          if (Q.addImage(String(w), "JPG", 0, 0, k, C), n) {
+            const re = {
+              image: Q.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: t
             };
-            return a.fire("editor:canvas-exported", oe), oe;
+            return a.fire("editor:canvas-exported", re), re;
           }
-          const me = X.output("blob"), ae = {
-            image: new File([me], t, { type: "application/pdf" }),
+          const je = Q.output("blob"), oe = {
+            image: new File([je], t, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: t
           };
-          return a.fire("editor:canvas-exported", ae), ae;
+          return a.fire("editor:canvas-exported", oe), oe;
         }
         if (n) {
-          const p = {
+          const I = {
             image: w,
             format: h,
             contentType: l,
             fileName: t
           };
-          return a.fire("editor:canvas-exported", p), p;
+          return a.fire("editor:canvas-exported", I), I;
         }
-        const E = h === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, ie = {
+        const E = h === "svg" && !A ? t.replace(/\.[^/.]+$/, ".png") : t, ae = {
           image: new File([b], E, { type: l }),
           format: h,
           contentType: l,
           fileName: E
         };
-        return a.fire("editor:canvas-exported", ie), ie;
-      } catch (r) {
+        return a.fire("editor:canvas-exported", ae), ae;
+      } catch (c) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportCanvasAsImageFile",
           code: "IMAGE_EXPORT_FAILED",
-          message: `Ошибка экспорта изображения: ${r.message}`,
+          message: `Ошибка экспорта изображения: ${c.message}`,
           data: { contentType: s, fileName: t, exportAsBase64: n, exportAsBlob: i }
         }), null;
       }
@@ -1206,8 +1218,8 @@ class D {
         contentType: n = "image/png",
         exportAsBase64: i = !1,
         exportAsBlob: a = !1
-      } = e, { canvas: o, workerManager: d } = this.editor, r = t || o.getActiveObject();
-      if (!r)
+      } = e, { canvas: o, workerManager: d } = this.editor, c = t || o.getActiveObject();
+      if (!c)
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
           method: "exportObjectAsImageFile",
@@ -1218,12 +1230,12 @@ class D {
       try {
         const l = D.getFormatFromContentType(n);
         if (l === "svg") {
-          const M = r.toSVG(), f = D._exportSVGStringAsFile(M, {
+          const M = c.toSVG(), f = D._exportSVGStringAsFile(M, {
             exportAsBase64: i,
             exportAsBlob: a,
             fileName: s
           }), j = {
-            object: r,
+            object: c,
             image: f,
             format: l,
             contentType: "image/svg+xml",
@@ -1231,8 +1243,8 @@ class D {
           };
           return o.fire("editor:object-exported", j), j;
         }
-        if (i && r instanceof Z) {
-          const M = yield createImageBitmap(r.getElement()), f = yield d.post(
+        if (i && c instanceof U) {
+          const M = yield createImageBitmap(c.getElement()), f = yield d.post(
             "toDataURL",
             {
               format: l,
@@ -1241,7 +1253,7 @@ class D {
             },
             [M]
           ), j = {
-            object: r,
+            object: c,
             image: f,
             format: l,
             contentType: n,
@@ -1249,14 +1261,14 @@ class D {
           };
           return o.fire("editor:object-exported", j), j;
         }
-        const h = r.toCanvasElement(), g = yield new Promise((M, f) => {
+        const h = c.toCanvasElement(), g = yield new Promise((M, f) => {
           h.toBlob((j) => {
             j ? M(j) : f(new Error("Failed to create Blob from canvas"));
           });
         });
         if (a) {
           const M = {
-            object: r,
+            object: c,
             image: g,
             format: l,
             contentType: n,
@@ -1265,7 +1277,7 @@ class D {
           return o.fire("editor:object-exported", M), M;
         }
         const u = new File([g], s, { type: n }), m = {
-          object: r,
+          object: c,
           image: u,
           format: l,
           contentType: n,
@@ -1400,7 +1412,11 @@ class D {
     return t ? t[1] : "";
   }
 }
-class tt {
+const x = (r, e, t) => Math.max(Math.min(r, t), e), Me = (r, e) => r * e, nt = (r, e) => new P(r / 2, e / 2);
+function it(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";
+}
+class at {
   /**
    * @param options
    * @param options.editor – экземпляр редактора
@@ -1408,6 +1424,13 @@ class tt {
   constructor({ editor: e }) {
     this.editor = e;
   }
+  /**
+   * Возвращает контейнер редактора
+   */
+  getEditorContainer() {
+    const { canvas: e, options: { editorContainer: t } } = this.editor;
+    return e.editorContainer || t;
+  }
   /**
    * Устанавливаем внутреннюю ширину канваса (для экспорта)
    * @param width - ширина канваса
@@ -1424,9 +1447,9 @@ class tt {
       canvas: i,
       montageArea: a,
       options: { canvasBackstoreWidth: o }
-    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), O), x);
+    } = this.editor, { width: d, height: c } = a, l = x(Number(e), B, O);
     if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), (m = i.clipPath) == null || m.set({ width: l }), t) {
-      const M = l / d, f = r * M;
+      const M = l / d, f = Me(c, M);
       this.setResolutionHeight(f);
       return;
     }
@@ -1454,9 +1477,9 @@ class tt {
       canvas: i,
       montageArea: a,
       options: { canvasBackstoreHeight: o }
-    } = this.editor, { width: d, height: r } = a, l = Math.max(Math.min(Number(e), T), B);
+    } = this.editor, { width: d, height: c } = a, l = x(Number(e), Z, T);
     if (!o || o === "auto" || n ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), (m = i.clipPath) == null || m.set({ height: l }), t) {
-      const M = l / r, f = d * M;
+      const M = l / c, f = Me(d, M);
       this.setResolutionWidth(f);
       return;
     }
@@ -1474,7 +1497,7 @@ class tt {
    */
   centerMontageArea() {
     var d;
-    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), i = e.getZoom(), a = new W(s / 2, n / 2);
+    const { canvas: e, montageArea: t } = this.editor, s = e.getWidth(), n = e.getHeight(), i = e.getZoom(), a = nt(s, n);
     t.set({
       left: s / 2,
       top: n / 2
@@ -1507,7 +1530,7 @@ class tt {
    */
   setCanvasBackstoreWidth(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, O), x);
+    const t = x(e, B, O);
     this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1516,7 +1539,7 @@ class tt {
    */
   setCanvasBackstoreHeight(e) {
     if (!e || typeof e != "number") return;
-    const t = Math.max(Math.min(e, T), B);
+    const t = x(e, Z, T);
     this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
   }
   /**
@@ -1525,8 +1548,8 @@ class tt {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: e } = this.editor, t = e.editorContainer, s = t.clientWidth, n = t.clientHeight, i = Math.max(Math.min(s, O), x), a = Math.max(Math.min(n, T), B);
-    console.log("adaptCanvasToContainer newWidth", i), console.log("adaptCanvasToContainer newHeight", a), e.setDimensions({ width: i, height: a }, { backstoreOnly: !0 });
+    const { canvas: e } = this.editor, t = this.getEditorContainer(), s = t.clientWidth, n = t.clientHeight, i = x(s, B, O), a = x(n, Z, T);
+    e.setDimensions({ width: i, height: a }, { backstoreOnly: !0 });
   }
   /**
    * Обновляет размеры канваса без изменения позиций объектов.
@@ -1545,9 +1568,9 @@ class tt {
     this.setResolutionWidth(s, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.setResolutionHeight(n, { adaptCanvasToContainer: !0, withoutSave: !0 }), this.centerMontageArea();
     const o = t.left - i, d = t.top - a;
     if (o !== 0 || d !== 0) {
-      const r = e.getActiveObject(), l = [];
-      if ((r == null ? void 0 : r.type) === "activeselection") {
-        const h = r;
+      const c = e.getActiveObject(), l = [];
+      if ((c == null ? void 0 : c.type) === "activeselection") {
+        const h = c;
         l.push(...h.getObjects()), e.discardActiveObject();
       }
       if (e.getObjects().forEach((h) => {
@@ -1559,7 +1582,7 @@ class tt {
         if (l.length === 1)
           e.setActiveObject(l[0]);
         else {
-          const h = new I(l, {
+          const h = new p(l, {
             canvas: e
           });
           e.setActiveObject(h);
@@ -1581,15 +1604,19 @@ class tt {
    *
    * @param zoom — текущее значение zoom (например, 1, 1.2, 2 и т.д.)
    */
-  updateCssDimensionsForZoom(e) {
-    const { canvas: t, montageArea: s } = this.editor, n = s.width * e, i = s.height * e, a = t.wrapperEl.parentNode;
-    if (!(a instanceof HTMLElement)) return;
-    const o = n <= a.clientWidth ? "100%" : n, d = i <= a.clientHeight ? "100%" : i;
-    t.setDimensions(
-      { width: o, height: d },
-      { cssOnly: !0 }
-    );
-  }
+  // public updateCssDimensionsForZoom(zoom: number): void {
+  //   const { canvas, montageArea } = this.editor
+  //   const zoomedWidth = montageArea.width * zoom
+  //   const zoomedHeight = montageArea.height * zoom
+  //   const scrollContainer = canvas.wrapperEl.parentNode
+  //   if (!(scrollContainer instanceof HTMLElement)) return
+  //   const cssWidth = zoomedWidth <= scrollContainer.clientWidth ? '100%' : zoomedWidth
+  //   const cssHeight = zoomedHeight <= scrollContainer.clientHeight ? '100%' : zoomedHeight
+  //   canvas.setDimensions(
+  //     { width: cssWidth, height: cssHeight },
+  //     { cssOnly: true }
+  //   )
+  // }
   /**
    * Устанавливаем CSS ширину канваса для отображения
    * @param width
@@ -1673,32 +1700,32 @@ class tt {
    */
   setDisplayDimension({ element: e = "canvas", dimension: t, value: s } = {}) {
     if (!s) return;
-    const { canvas: n, options: { editorContainer: i } } = this.editor, a = [];
+    const { canvas: n } = this.editor, i = [];
     switch (e) {
       case "canvas":
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        i.push(n.lowerCanvasEl, n.upperCanvasEl);
         break;
       case "wrapper":
-        a.push(n.wrapperEl);
+        i.push(n.wrapperEl);
         break;
       case "container":
-        a.push(i);
+        i.push(this.getEditorContainer());
         break;
       default:
-        a.push(n.lowerCanvasEl, n.upperCanvasEl);
+        i.push(n.lowerCanvasEl, n.upperCanvasEl);
     }
-    const o = t === "width" ? "width" : "height";
+    const a = t === "width" ? "width" : "height";
     if (typeof s == "string") {
-      a.forEach((r) => {
-        r.style[o] = s;
+      i.forEach((d) => {
+        d.style[a] = s;
       });
       return;
     }
     if (isNaN(s)) return;
-    const d = `${s}px`;
-    a.forEach((r) => {
-      r.style[o] = d;
-    }), n.fire(`editor:display-${e}-${o}-changed`, {
+    const o = `${s}px`;
+    i.forEach((d) => {
+      d.style[a] = o;
+    }), n.fire(`editor:display-${e}-${a}-changed`, {
       element: e,
       value: s
     });
@@ -1720,9 +1747,9 @@ class tt {
         montageAreaWidth: o,
         montageAreaHeight: d
       }
-    } = this.editor, r = e || n.getActiveObject();
-    if (!r || r.type !== "image" && r.format !== "svg") return;
-    const { width: l, height: h } = r;
+    } = this.editor, c = e || n.getActiveObject();
+    if (!it(c)) return;
+    const { width: l, height: h } = c;
     let g = Math.min(l, O), u = Math.min(h, T);
     if (t) {
       const {
@@ -1731,8 +1758,8 @@ class tt {
       } = i, f = l / m, j = h / M, A = Math.max(f, j);
       g = m * A, u = M * A;
     }
-    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(r, { withoutSave: !0 }), n.centerObject(r), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
-      object: r,
+    this.setResolutionWidth(g, { withoutSave: !0 }), this.setResolutionHeight(u, { withoutSave: !0 }), (l > o || h > d) && a.calculateAndApplyDefaultZoom(), a.resetObject(c, { withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+      object: c,
       width: g,
       height: u,
       preserveAspectRatio: t,
@@ -1774,9 +1801,9 @@ class tt {
     return e.getObjects().filter((i) => i.id !== t.id && i.id !== (s == null ? void 0 : s.id));
   }
 }
-class st {
+class ot {
   constructor({ editor: e }) {
-    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || Je, this.maxZoom = this.options.maxZoom || Ke, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
+    this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || qe, this.maxZoom = this.options.maxZoom || et, this.defaultZoom = this.options.defaultScale, this.maxZoomFactor = this.options.maxZoomFactor;
   }
   /**
    * Метод рассчитывает и применяет зум по умолчанию для монтажной области редактора.
@@ -1786,8 +1813,8 @@ class st {
    * @param scale - Желаемый масштаб относительно размеров контейнера редактора.
    */
   calculateAndApplyDefaultZoom(e = this.options.defaultScale) {
-    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, i = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = n / a * e, r = i / o * e;
-    this.defaultZoom = Math.min(d, r);
+    const { canvas: t } = this.editor, s = t.editorContainer, n = s.clientWidth, i = s.clientHeight, { width: a, height: o } = this.editor.montageArea, d = n / a * e, c = i / o * e;
+    this.defaultZoom = Math.min(d, c);
     const { defaultZoom: l, maxZoomFactor: h, minZoom: g, maxZoom: u } = this;
     this.minZoom = Math.min(l / h, g), this.maxZoom = Math.max(l * h, u), this.setZoom();
   }
@@ -1800,10 +1827,10 @@ class st {
    * @fires editor:zoom-changed
    * Если передавать координаты курсора, то нужно быть аккуратнее, так как юзер может выйти за пределы рабочей области
    */
-  zoom(e = qe, t = {}) {
+  zoom(e = tt, t = {}) {
     var g, u;
     if (!e) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: i } = this.editor, a = i.getZoom(), o = i.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, r = (u = t.pointY) != null ? u : o.y, l = new W(d, r);
+    const { minZoom: s, maxZoom: n } = this, { canvas: i } = this.editor, a = i.getZoom(), o = i.getCenterPoint(), d = (g = t.pointX) != null ? g : o.x, c = (u = t.pointY) != null ? u : o.y, l = new P(d, c);
     let h = Number((a + Number(e)).toFixed(2));
     h > n && (h = n), h < s && (h = s), i.zoomToPoint(l, h), console.log({
       currentZoom: a,
@@ -1821,7 +1848,7 @@ class st {
    * @fires editor:zoom-changed
    */
   setZoom(e = this.defaultZoom) {
-    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, i = new W(n.getCenterPoint());
+    const { minZoom: t, maxZoom: s } = this, { canvas: n } = this.editor, i = new P(n.getCenterPoint());
     let a = e;
     e > s && (a = s), e < t && (a = t), n.zoomToPoint(i, a), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
@@ -1834,7 +1861,7 @@ class st {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: e } = this.editor, t = new W(e.getCenterPoint());
+    const { canvas: e } = this.editor, t = new P(e.getCenterPoint());
     e.zoomToPoint(t, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: e.getZoom(),
       point: t
@@ -1847,7 +1874,7 @@ class st {
    * @param options.withoutSave - Не сохранять состояние
    * @fires editor:object-rotated
    */
-  rotate(e = et, { withoutSave: t } = {}) {
+  rotate(e = st, { withoutSave: t } = {}) {
     const { canvas: s, historyManager: n } = this.editor, i = s.getActiveObject();
     if (!i) return;
     const a = i.angle + e;
@@ -1897,7 +1924,7 @@ class st {
     withoutSave: s
   } = {}) {
     const { canvas: n, historyManager: i } = this.editor, a = e || n.getActiveObject();
-    a && (a instanceof I ? a.getObjects().forEach((o) => {
+    a && (a instanceof p ? a.getObjects().forEach((o) => {
       o.set("opacity", t);
     }) : a.set("opacity", t), n.renderAll(), s || i.saveState(), n.fire("editor:object-opacity-changed", {
       object: a,
@@ -1924,13 +1951,13 @@ class st {
   } = {}) {
     const { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject();
     if (o) {
-      if (o instanceof I && !n) {
+      if (o instanceof p && !n) {
         const d = o.getObjects();
         i.discardActiveObject(), d.forEach((l) => {
           this._fitSingleObject(l, t);
         });
-        const r = new I(d, { canvas: i });
-        i.setActiveObject(r);
+        const c = new p(d, { canvas: i });
+        i.setActiveObject(c);
       } else
         this._fitSingleObject(o, t);
       i.renderAll(), s || a.saveState(), i.fire("editor:object-fitted", {
@@ -1948,7 +1975,7 @@ class st {
    * @private
    */
   _fitSingleObject(e, t) {
-    const { canvas: s, montageArea: n } = this.editor, { width: i, height: a, scaleX: o = 1, scaleY: d = 1, angle: r = 0 } = e, l = i * Math.abs(o), h = a * Math.abs(d), g = r * Math.PI / 180, u = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), M = l * u + h * m, f = l * m + h * u, j = n.width, A = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: i, height: a, scaleX: o = 1, scaleY: d = 1, angle: c = 0 } = e, l = i * Math.abs(o), h = a * Math.abs(d), g = c * Math.PI / 180, u = Math.abs(Math.cos(g)), m = Math.abs(Math.sin(g)), M = l * u + h * m, f = l * m + h * u, j = n.width, A = n.height;
     let b;
     t === "contain" ? b = Math.min(j / M, A / f) : b = Math.max(j / M, A / f), e.set({
       scaleX: o * b,
@@ -1978,31 +2005,31 @@ class st {
       imageManager: a,
       historyManager: o,
       options: { scaleType: d }
-    } = this.editor, r = e || n.getActiveObject();
-    if (!r || r.locked) return;
-    if (o.suspendHistory(), r.type === "image" || r.format === "svg" || r.set({
+    } = this.editor, c = e || n.getActiveObject();
+    if (!c || c.locked) return;
+    if (o.suspendHistory(), c.type === "image" || c.format === "svg" || c.set({
       scaleX: 1,
       scaleY: 1,
       flipX: !1,
       flipY: !1,
       angle: 0
     }), t)
-      this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 });
+      this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: g } = i, { width: u, height: m } = r, M = a.calculateScaleFactor({
-        imageObject: r,
+      const { width: h, height: g } = i, { width: u, height: m } = c, M = a.calculateScaleFactor({
+        imageObject: c,
         scaleType: d
       });
-      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: r, withoutSave: !0, fitAsOneObject: !0 }) : r.set({ scaleX: 1, scaleY: 1 });
+      d === "contain" && M < 1 || d === "cover" && (u > h || m > g) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
-    r.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(r), n.renderAll(), o.resumeHistory(), s || o.saveState(), n.fire("editor:object-reset", {
-      object: r,
+    c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), o.resumeHistory(), s || o.saveState(), n.fire("editor:object-reset", {
+      object: c,
       withoutSave: s,
       alwaysFitObject: t
     });
   }
 }
-class nt {
+class rt {
   constructor({ editor: e }) {
     this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._createOverlay();
   }
@@ -2059,7 +2086,7 @@ class nt {
     }), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), s.resumeHistory();
   }
 }
-class F {
+class V {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2074,7 +2101,7 @@ class F {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    i && (i instanceof I ? i.getObjects().forEach((a) => {
+    i && (i instanceof p ? i.getObjects().forEach((a) => {
       s.bringObjectToFront(a);
     }) : s.bringObjectToFront(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-to-front", {
       object: i,
@@ -2092,7 +2119,7 @@ class F {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    i && (i instanceof I ? F._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
+    i && (i instanceof p ? V._moveSelectionForward(s, i) : s.bringObjectForward(i), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:object-bring-forward", {
       object: i,
       withoutSave: t
     }));
@@ -2114,10 +2141,10 @@ class F {
     i.suspendHistory();
     const o = e || s.getActiveObject();
     if (o) {
-      if (o instanceof I) {
+      if (o instanceof p) {
         const d = o.getObjects();
-        for (let r = d.length - 1; r >= 0; r -= 1)
-          s.sendObjectToBack(d[r]);
+        for (let c = d.length - 1; c >= 0; c -= 1)
+          s.sendObjectToBack(d[c]);
       } else
         s.sendObjectToBack(o);
       s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-to-back", {
@@ -2141,7 +2168,7 @@ class F {
     } = this.editor;
     i.suspendHistory();
     const o = e || s.getActiveObject();
-    o && (o instanceof I ? F._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
+    o && (o instanceof p ? V._moveSelectionBackwards(s, o) : s.sendObjectBackwards(o), s.sendObjectToBack(n), a && s.sendObjectToBack(a), s.renderAll(), i.resumeHistory(), t || i.saveState(), s.fire("editor:object-send-backwards", {
       object: o,
       withoutSave: t
     }));
@@ -2156,8 +2183,8 @@ class F {
     const s = e.getObjects(), n = t.getObjects();
     if (!n.some((o) => {
       const d = s.indexOf(o);
-      for (let r = d + 1; r < s.length; r += 1)
-        if (!n.includes(s[r]))
+      for (let c = d + 1; c < s.length; c += 1)
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
@@ -2175,8 +2202,8 @@ class F {
     const s = e.getObjects(), n = t.getObjects();
     if (!n.some((o) => {
       const d = s.indexOf(o);
-      for (let r = d - 1; r >= 0; r -= 1)
-        if (!n.includes(s[r]))
+      for (let c = d - 1; c >= 0; c -= 1)
+        if (!n.includes(s[c]))
           return !0;
       return !1;
     })) return;
@@ -2185,7 +2212,7 @@ class F {
     });
   }
 }
-class it {
+class ct {
   /**
    * Менеджер фигур для редактора.
    * @param options - Опции и настройки менеджера фигур.
@@ -2209,7 +2236,7 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addRectangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
+  addRectangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
     var h = l, {
       id: e = `rect-${L()}`,
       left: t,
@@ -2217,7 +2244,7 @@ class it {
       width: n = 100,
       height: i = 100,
       fill: a = "blue"
-    } = h, o = Y(h, [
+    } = h, o = _(h, [
       "id",
       "left",
       "top",
@@ -2225,7 +2252,7 @@ class it {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new ve(y({
+    const { canvas: g } = this.editor, u = new Se(y({
       id: e,
       left: t,
       top: s,
@@ -2233,7 +2260,7 @@ class it {
       height: i,
       fill: a
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
   /**
    * Добавление круга
@@ -2251,21 +2278,21 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addCircle(r = {}, { withoutSelection: o, withoutAdding: d } = {}) {
-    var l = r, {
+  addCircle(c = {}, { withoutSelection: o, withoutAdding: d } = {}) {
+    var l = c, {
       id: e = `circle-${L()}`,
       left: t,
       top: s,
       radius: n = 50,
       fill: i = "green"
-    } = l, a = Y(l, [
+    } = l, a = _(l, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, g = new Ae(y({
+    const { canvas: h } = this.editor, g = new Ce(y({
       id: e,
       left: t,
       top: s,
@@ -2291,7 +2318,7 @@ class it {
    * @param flags.withoutSelection - Не выделять объект
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
-  addTriangle(l = {}, { withoutSelection: d, withoutAdding: r } = {}) {
+  addTriangle(l = {}, { withoutSelection: d, withoutAdding: c } = {}) {
     var h = l, {
       id: e = `triangle-${L()}`,
       left: t,
@@ -2299,7 +2326,7 @@ class it {
       width: n = 100,
       height: i = 100,
       fill: a = "yellow"
-    } = h, o = Y(h, [
+    } = h, o = _(h, [
       "id",
       "left",
       "top",
@@ -2307,7 +2334,7 @@ class it {
       "height",
       "fill"
     ]);
-    const { canvas: g } = this.editor, u = new Se(y({
+    const { canvas: g } = this.editor, u = new Ne(y({
       id: e,
       left: t,
       top: s,
@@ -2315,10 +2342,10 @@ class it {
       width: n,
       height: i
     }, o));
-    return !t && !s && g.centerObject(u), r || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
+    return !t && !s && g.centerObject(u), c || (g.add(u), d || g.setActiveObject(u), g.renderAll()), u;
   }
 }
-class at {
+class dt {
   /**
    * @param options
    * @param options.editor - экземпляр редактора с доступом к canvas
@@ -2333,7 +2360,7 @@ class at {
   copy() {
     return v(this, null, function* () {
       const { canvas: e, errorManager: t } = this.editor, s = e.getActiveObject();
-      if (!s) return;
+      if (!s || s.locked) return;
       try {
         const g = yield s.clone(["format"]);
         this.clipboard = g, e.fire("editor:object-copied", { object: g });
@@ -2370,10 +2397,10 @@ class at {
         });
         return;
       }
-      const i = s.toCanvasElement().toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), r = new Uint8Array(d.length);
+      const i = s.toCanvasElement().toDataURL(), a = i.slice(5).split(";")[0], o = i.split(",")[1], d = atob(o), c = new Uint8Array(d.length);
       for (let g = 0; g < d.length; g += 1)
-        r[g] = d.charCodeAt(g);
-      const l = new Blob([r.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
+        c[g] = d.charCodeAt(g);
+      const l = new Blob([c.buffer], { type: a }), h = new ClipboardItem({ [a]: l });
       navigator.clipboard.write([h]).catch((g) => {
         t.emitWarning({
           origin: "ClipboardManager",
@@ -2390,28 +2417,35 @@ class at {
    * @param event.clipboardData — данные из буфера обмена
    * @param event.clipboardData.items — элементы буфера обмена
    */
-  handlePasteEvent({ clipboardData: e }) {
-    var a;
-    if (!((a = e == null ? void 0 : e.items) != null && a.length)) return;
-    const { imageManager: t } = this.editor, { items: s } = e, n = s[s.length - 1];
-    if (n.type !== "text/html") {
-      const o = n.getAsFile();
-      if (!o) return;
-      const d = new FileReader();
-      d.onload = (r) => {
-        r.target && this.editor.imageManager.importImage({ source: r.target.result });
-      }, d.readAsDataURL(o);
-      return;
-    }
-    const i = e.getData("text/html");
-    if (i) {
-      const r = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-      if (r != null && r.src) {
-        t.importImage({ source: r.src });
+  handlePasteEvent(t) {
+    return v(this, arguments, function* ({ clipboardData: e }) {
+      var d;
+      if (!((d = e == null ? void 0 : e.items) != null && d.length)) return;
+      const s = e.getData("text/plain");
+      if (s && s.startsWith("application/image-editor:")) {
+        this.paste();
         return;
       }
-    }
-    this.paste();
+      const { imageManager: n } = this.editor, { items: i } = e, a = i[i.length - 1];
+      if (a.type !== "text/html") {
+        const c = a.getAsFile();
+        if (!c) return;
+        const l = new FileReader();
+        l.onload = (h) => {
+          h.target && this.editor.imageManager.importImage({ source: h.target.result });
+        }, l.readAsDataURL(c);
+        return;
+      }
+      const o = e.getData("text/html");
+      if (o) {
+        const h = new DOMParser().parseFromString(o, "text/html").querySelector("img");
+        if (h != null && h.src) {
+          n.importImage({ source: h.src });
+          return;
+        }
+      }
+      this.paste();
+    });
   }
   /**
    * Вставка объекта
@@ -2427,13 +2461,13 @@ class at {
         left: t.left + 10,
         top: t.top + 10,
         evented: !0
-      }), t instanceof I ? (t.canvas = e, t.forEachObject((s) => {
+      }), t instanceof p ? (t.canvas = e, t.forEachObject((s) => {
         e.add(s);
       })) : e.add(t), e.setActiveObject(t), e.requestRenderAll(), e.fire("editor:object-pasted", { object: t });
     });
   }
 }
-class V {
+class G {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2458,8 +2492,8 @@ class V {
       lockSkewingY: !0,
       locked: !0
     };
-    a.set(o), !t && V._isGroupOrSelection(a) && a.getObjects().forEach((r) => {
-      r.set(o);
+    a.set(o), !t && G._isGroupOrSelection(a) && a.getObjects().forEach((c) => {
+      c.set(o);
     }), n.renderAll(), s || i.saveState(), n.fire("editor:object-locked", {
       object: a,
       skipInnerObjects: t,
@@ -2486,7 +2520,7 @@ class V {
       lockSkewingY: !1,
       locked: !1
     };
-    i.set(a), V._isGroupOrSelection(i) && i.getObjects().forEach((o) => {
+    i.set(a), G._isGroupOrSelection(i) && i.getObjects().forEach((o) => {
       o.set(a);
     }), s.renderAll(), t || n.saveState(), s.fire("editor:object-unlocked", {
       object: i,
@@ -2494,10 +2528,10 @@ class V {
     });
   }
   static _isGroupOrSelection(e) {
-    return e instanceof I || e instanceof Q;
+    return e instanceof p || e instanceof $;
   }
 }
-class ot {
+class lt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2515,8 +2549,8 @@ class ot {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    if (!i || !(i instanceof I)) return;
-    const a = i.getObjects(), o = new Q(a);
+    if (!i || !(i instanceof p)) return;
+    const a = i.getObjects(), o = new $(a);
     a.forEach((d) => s.remove(d)), o.set("id", `${o.type}-${L()}`), s.add(o), s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-grouped", {
       object: i,
       group: o,
@@ -2537,10 +2571,10 @@ class ot {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const i = e || s.getActiveObject();
-    if (!(i instanceof Q)) return;
+    if (!(i instanceof $)) return;
     const a = i.removeAll();
     s.remove(i), a.forEach((d) => s.add(d));
-    const o = new I(a, {
+    const o = new p(a, {
       canvas: s
     });
     s.setActiveObject(o), s.renderAll(), n.resumeHistory(), t || n.saveState(), s.fire("editor:objects-ungrouped", {
@@ -2550,7 +2584,7 @@ class ot {
     });
   }
 }
-class rt {
+class ht {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2561,11 +2595,11 @@ class rt {
   selectAll() {
     const { canvas: e, canvasManager: t, objectLockManager: s } = this.editor;
     e.discardActiveObject();
-    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new I(t.getObjects(), { canvas: e }) : n[0];
+    const n = t.getObjects(), i = n.some((o) => o.locked), a = n.length > 1 ? new p(t.getObjects(), { canvas: e }) : n[0];
     i && s.lockObject({ object: a, skipInnerObjects: !0, withoutSave: !0 }), e.setActiveObject(a), e.requestRenderAll(), e.fire("editor:all-objects-selected", { selected: a });
   }
 }
-class ct {
+class gt {
   constructor({ editor: e }) {
     this.editor = e;
   }
@@ -2593,7 +2627,7 @@ class ct {
     }));
   }
 }
-const dt = {
+const ut = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -2655,7 +2689,7 @@ const dt = {
     REDO_ERROR: "REDO_ERROR"
   }
 };
-class G {
+class X {
   constructor({ editor: e }) {
     this._buffer = [], this.editor = e;
   }
@@ -2682,7 +2716,7 @@ class G {
    * @fires editor:error
    */
   emitError({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, data: n, message: i }) {
-    if (!G.isValidErrorCode(s)) {
+    if (!X.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: e, method: t });
       return;
     }
@@ -2711,7 +2745,7 @@ class G {
    * @fires editor:warning
    */
   emitWarning({ origin: e = "ImageEditor", method: t = "Unknown Method", code: s, message: n, data: i }) {
-    if (!G.isValidErrorCode(s)) {
+    if (!X.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: e, method: t });
       return;
     }
@@ -2734,10 +2768,10 @@ class G {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(e) {
-    return e ? Object.values(dt).some((t) => Object.values(t).includes(e)) : !1;
+    return e ? Object.values(ut).some((t) => Object.values(t).includes(e)) : !1;
   }
 }
-class ne {
+class ie {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -2762,13 +2796,13 @@ class ne {
         canvasCSSHeight: a,
         initialImage: o,
         initialStateJSON: d,
-        scaleType: r,
+        scaleType: c,
         _onReadyCallback: l
       } = this.options;
-      if (He.apply(), this.canvas = new Ce(this.containerId, this.options), this.moduleLoader = new Ee(), this.workerManager = new Te(), this.errorManager = new G({ editor: this }), this.historyManager = new $e({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new st({ editor: this }), this.canvasManager = new tt({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new F({ editor: this }), this.shapeManager = new it({ editor: this }), this.interactionBlocker = new nt({ editor: this }), this.clipboardManager = new at({ editor: this }), this.objectLockManager = new V({ editor: this }), this.groupingManager = new ot({ editor: this }), this.selectionManager = new rt({ editor: this }), this.deletionManager = new ct({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new z({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
+      if (_e.apply(), this.canvas = new De(this.containerId, this.options), this.moduleLoader = new Te(), this.workerManager = new xe(), this.errorManager = new X({ editor: this }), this.historyManager = new Ke({ editor: this }), this.toolbar = new Je({ editor: this }), this.transformManager = new ot({ editor: this }), this.canvasManager = new at({ editor: this }), this.imageManager = new D({ editor: this }), this.layerManager = new V({ editor: this }), this.shapeManager = new ct({ editor: this }), this.interactionBlocker = new rt({ editor: this }), this.clipboardManager = new dt({ editor: this }), this.objectLockManager = new G({ editor: this }), this.groupingManager = new lt({ editor: this }), this.selectionManager = new ht({ editor: this }), this.deletionManager = new gt({ editor: this }), this._createMontageArea(), this._createClippingArea(), this.listeners = new R({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(t), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(i), this.canvasManager.setCanvasCSSHeight(a), o != null && o.source) {
         const {
           source: h,
-          scale: g = `image-${r}`,
+          scale: g = `image-${c}`,
           withoutSave: u = !0
         } = o;
         yield this.imageManager.importImage({ source: h, scale: g, withoutSave: u });
@@ -2788,7 +2822,7 @@ class ne {
     this.montageArea = this.shapeManager.addRectangle({
       width: e,
       height: t,
-      fill: ne._createMosaicPattern(),
+      fill: ie._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -2838,13 +2872,13 @@ class ne {
     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 Ne({
+    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 Le({
       source: e,
       repeat: "repeat"
     });
   }
 }
-const lt = {
+const Mt = {
   /**
    * Опции редактора
    */
@@ -2933,18 +2967,18 @@ const lt = {
   resetObjectFitByDoubleClick: !0,
   keyboardIgnoreSelectors: []
 };
-function bt(c, e = {}) {
-  const t = y(y({}, lt), e), s = document.getElementById(c);
+function vt(r, e = {}) {
+  const t = y(y({}, Mt), e), s = document.getElementById(r);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${c}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${r}" не найден.`));
   const n = document.createElement("canvas");
-  return n.id = `${c}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((i) => {
+  return n.id = `${r}-canvas`, s.appendChild(n), t.editorContainer = s, new Promise((i) => {
     t._onReadyCallback = i;
-    const a = new ne(n.id, t);
-    window[c] = a;
+    const a = new ie(n.id, t);
+    window[r] = a;
   });
 }
 export {
-  bt as default
+  vt as default
 };
 //# sourceMappingURL=main.js.map