@anu3ev/fabric-image-editor 0.5.18 → 0.5.20

package/dist/main.js

@@ -1,21 +1,21 @@
 var cs = Object.defineProperty, ds = Object.defineProperties;
 var ls = Object.getOwnPropertyDescriptors;
-var Xt = Object.getOwnPropertySymbols;
+var Vt = Object.getOwnPropertySymbols;
 var Re = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable;
 var De = (h, t, e) => t in h ? cs(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, B = (h, t) => {
   for (var e in t || (t = {}))
     Re.call(t, e) && De(h, e, t[e]);
-  if (Xt)
-    for (var e of Xt(t))
+  if (Vt)
+    for (var e of Vt(t))
       _e.call(t, e) && De(h, e, t[e]);
   return h;
-}, vt = (h, t) => ds(h, ls(t));
-var bt = (h, t) => {
+}, bt = (h, t) => ds(h, ls(t));
+var Mt = (h, t) => {
   var e = {};
   for (var s in h)
     Re.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
-  if (h != null && Xt)
-    for (var s of Xt(h))
+  if (h != null && Vt)
+    for (var s of Vt(h))
       t.indexOf(s) < 0 && _e.call(h, s) && (e[s] = h[s]);
   return e;
 };
@@ -35,7 +35,7 @@ var k = (h, t, e) => new Promise((s, n) => {
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(o, i);
   a((e = e.apply(h, t)).next());
 });
-import { ActiveSelection as U, Textbox as ot, util as dt, controlsUtils as xe, InteractiveFabricObject as Ne, Point as et, FitContentLayout as Be, loadSVGFromURL as hs, FabricImage as Ut, Gradient as ke, Rect as us, Circle as gs, Triangle as fs, Group as Et, Color as ps, classRegistry as ze, loadSVGFromString as ms, Canvas as ys, Pattern as vs } from "fabric";
+import { ActiveSelection as U, Textbox as st, util as lt, controlsUtils as xe, InteractiveFabricObject as Ne, Point as tt, FitContentLayout as Be, loadSVGFromURL as hs, FabricImage as zt, Gradient as ke, Rect as us, Circle as fs, Triangle as gs, Group as Et, Color as ps, classRegistry as ze, loadSVGFromString as ms, Canvas as ys, Pattern as vs } from "fabric";
 import { create as bs } from "jsondiffpatch";
 import Ms from "diff-match-patch";
 var ws = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", V = function() {
@@ -215,20 +215,25 @@ class Ft {
    * @param event.code — код клавиши
    */
   handleSpaceKeyDown(t) {
-    if (t.code !== "Space" || this._shouldIgnoreKeyboardEvent(t)) return;
-    const { canvas: e, editor: s, isSpacePressed: n, isDragging: o } = this;
-    if (n || o) return;
+    const { code: e } = t;
+    if (e !== "Space" || this._shouldIgnoreKeyboardEvent(t)) return;
+    if (this._isObjectTransforming()) {
+      t.preventDefault();
+      return;
+    }
+    const { canvas: s, editor: n, isSpacePressed: o, isDragging: i } = this;
+    if (o || i) return;
     this.isSpacePressed = !0, t.preventDefault();
-    const i = e.getActiveObject() || null;
-    i instanceof U ? this.savedSelection = i.getObjects().slice() : i && (this.savedSelection = [i]), e.discardActiveObject(), e.set({
+    const a = s.getActiveObject() || null;
+    a instanceof U ? this.savedSelection = a.getObjects().slice() : a && (this.savedSelection = [a]), s.discardActiveObject(), s.set({
       selection: !1,
       defaultCursor: "grab"
-    }), e.setCursor("grab"), s.canvasManager.getObjects().forEach((a) => {
-      a.set({
+    }), s.setCursor("grab"), n.canvasManager.getObjects().forEach((r) => {
+      r.set({
         selectable: !1,
         evented: !1
       });
-    }), e.requestRenderAll();
+    }), s.requestRenderAll();
   }
   /**
    * Обработчик для отпускания пробела.
@@ -238,11 +243,12 @@ class Ft {
    * @param event.code — код клавиши
    */
   handleSpaceKeyUp(t) {
-    t.code !== "Space" || this._shouldIgnoreKeyboardEvent(t) || (this.isSpacePressed = !1, this.isDragging && this.handleCanvasDragEnd(), this.canvas.set({
+    const { code: e } = t;
+    e !== "Space" || this._shouldIgnoreKeyboardEvent(t) || this.isSpacePressed && (this.isSpacePressed = !1, this.isDragging && this.handleCanvasDragEnd(), this.canvas.set({
       defaultCursor: "default",
       selection: !0
-    }), this.canvas.setCursor("default"), this.editor.canvasManager.getObjects().forEach((e) => {
-      e.set({
+    }), this.canvas.setCursor("default"), this.editor.canvasManager.getObjects().forEach((s) => {
+      s.set({
         selectable: !0,
         evented: !0
       });
@@ -260,7 +266,18 @@ class Ft {
       return;
     }
     const n = t.filter((i) => s.canvasManager.getObjects().includes(i)), o = new U(n, { canvas: e });
-    e.setActiveObject(o);
+    n.some((i) => i.locked) && s.objectLockManager.lockObject({
+      object: o,
+      skipInnerObjects: !0,
+      withoutSave: !0
+    }), e.setActiveObject(o);
+  }
+  /**
+   * Проверяет, идет ли трансформация объекта на канвасе прямо сейчас.
+   */
+  _isObjectTransforming() {
+    const { canvas: t } = this, { _currentTransform: e } = t;
+    return !!e;
   }
   // --- Обработчики для событий canvas (Fabric) ---
   /**
@@ -330,7 +347,7 @@ class Ft {
    */
   handleResetObjectFit(t) {
     const e = t == null ? void 0 : t.target;
-    !e || e instanceof ot || this.editor.transformManager.resetObject({ object: e });
+    !e || e instanceof st || this.editor.transformManager.resetObject({ object: e });
   }
   /**
    * Проверяет, должно ли событие клавиатуры быть проигнорировано
@@ -463,81 +480,81 @@ class js {
     this.worker.terminate();
   }
 }
-const rt = 12, Is = 2, he = 8, ue = 20, Cs = 100, ge = 20, fe = 8, Ts = 100, te = 32, ve = 1, Es = "#2B2D33", be = "#3D8BF4", Me = "#FFFFFF";
-function Kt(h, t, e, s, n) {
-  const o = rt, i = Is;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = Me, h.strokeStyle = be, h.lineWidth = ve, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
+const ct = 12, Is = 2, le = 8, he = 20, Cs = 100, ue = 20, fe = 8, Ts = 100, $t = 32, ye = 1, Es = "#2B2D33", ve = "#3D8BF4", be = "#FFFFFF";
+function Xt(h, t, e, s, n) {
+  const o = ct, i = Is;
+  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -o / 2, o, o, i), h.fill(), h.stroke(), h.restore();
 }
 function Ue(h, t, e, s, n) {
-  const o = he, i = ue, a = Cs;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = Me, h.strokeStyle = be, h.lineWidth = ve, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  const o = le, i = he, a = Cs;
+  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 function Pe(h, t, e, s, n) {
-  const o = ge, i = fe, a = Ts;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = Me, h.strokeStyle = be, h.lineWidth = ve, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
+  const o = ue, i = fe, a = Ts;
+  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-o / 2, -i / 2, o, i, a), h.fill(), h.stroke(), h.restore();
 }
 const Os = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ts = new Image();
 ts.src = Os;
 function Ls(h, t, e, s, n) {
-  const i = te / 2;
-  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(n.angle)), h.fillStyle = Es, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ts, -i / 2, -i / 2, i, i), h.restore();
+  const i = $t / 2;
+  h.save(), h.translate(t, e), h.rotate(lt.degreesToRadians(n.angle)), h.fillStyle = Es, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(ts, -i / 2, -i / 2, i, i), h.restore();
 }
 const Ds = {
   // Угловые точки
   tl: {
-    render: Kt,
-    sizeX: rt,
-    sizeY: rt,
+    render: Xt,
+    sizeX: ct,
+    sizeY: ct,
     offsetX: 0,
     offsetY: 0
   },
   tr: {
-    render: Kt,
-    sizeX: rt,
-    sizeY: rt,
+    render: Xt,
+    sizeX: ct,
+    sizeY: ct,
     offsetX: 0,
     offsetY: 0
   },
   bl: {
-    render: Kt,
-    sizeX: rt,
-    sizeY: rt,
+    render: Xt,
+    sizeX: ct,
+    sizeY: ct,
     offsetX: 0,
     offsetY: 0
   },
   br: {
-    render: Kt,
-    sizeX: rt,
-    sizeY: rt,
+    render: Xt,
+    sizeX: ct,
+    sizeY: ct,
     offsetX: 0,
     offsetY: 0
   },
   // Середина вертикалей
   ml: {
     render: Ue,
-    sizeX: he,
-    sizeY: ue,
+    sizeX: le,
+    sizeY: he,
     offsetX: 0,
     offsetY: 0
   },
   mr: {
     render: Ue,
-    sizeX: he,
-    sizeY: ue,
+    sizeX: le,
+    sizeY: he,
     offsetX: 0,
     offsetY: 0
   },
   // Середина горизонталей
   mt: {
     render: Pe,
-    sizeX: ge,
+    sizeX: ue,
     sizeY: fe,
     offsetX: 0,
     offsetY: 0
   },
   mb: {
     render: Pe,
-    sizeX: ge,
+    sizeX: ue,
     sizeY: fe,
     offsetX: 0,
     offsetY: 0
@@ -545,10 +562,10 @@ const Ds = {
   // Специальный «rotate» контрол
   mtr: {
     render: Ls,
-    sizeX: te,
-    sizeY: te,
+    sizeX: $t,
+    sizeY: $t,
     offsetX: 0,
-    offsetY: -te
+    offsetY: -$t
   }
 };
 class $ {
@@ -583,7 +600,7 @@ class $ {
     const t = xe.createObjectDefaultControls();
     $.applyControlOverrides(t), Ne.ownDefaults.controls = t;
     const e = xe.createTextboxDefaultControls();
-    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), ot.ownDefaults.controls = e, $.patchActiveSelectionBounds(), Ne.ownDefaults.snapAngle = 1;
+    $.applyControlOverrides(e), e.mt && (e.mt.visible = !1), e.mb && (e.mb.visible = !1), $.wrapWidthControl(e.ml), $.wrapWidthControl(e.mr), st.ownDefaults.controls = e, $.patchActiveSelectionBounds(), Ne.ownDefaults.snapAngle = 1;
   }
   /**
    * Обновляет алгоритм расчёта границ ActiveSelection, чтобы учитывать фон и отступы текстовых объектов.
@@ -591,8 +608,8 @@ class $ {
   static patchActiveSelectionBounds() {
     const t = U.prototype, e = t._calcBoundsFromObjects;
     t._calcBoundsFromObjects = function(...o) {
-      var g, f;
-      const i = (f = (g = this.getObjects) == null ? void 0 : g.call(this)) != null ? f : [];
+      var f, g;
+      const i = (g = (f = this.getObjects) == null ? void 0 : f.call(this)) != null ? g : [];
       $.applyTextSelectionScalingLock({
         selection: this,
         objects: i
@@ -609,7 +626,7 @@ class $ {
         width: d,
         height: l
       });
-      const u = new et(r + d / 2, c + l / 2);
+      const u = new tt(r + d / 2, c + l / 2);
       return this.setPositionByOrigin(u, "center", "center"), a;
     };
     const s = t._onAfterObjectsChange;
@@ -624,11 +641,11 @@ class $ {
         objects: r
       });
       if (!c) return a;
-      const { left: d, top: l, width: u, height: g } = c, f = new et(d + u / 2, l + g / 2);
+      const { left: d, top: l, width: u, height: f } = c, g = new tt(d + u / 2, l + f / 2);
       return this.set({
         width: u,
-        height: g
-      }), this.setPositionByOrigin(f, "center", "center"), this.setCoords(), a;
+        height: f
+      }), this.setPositionByOrigin(g, "center", "center"), this.setCoords(), a;
     };
     const n = Be.prototype.calcBoundingBox;
     Be.prototype.calcBoundingBox = function(o, i) {
@@ -644,10 +661,10 @@ class $ {
       const d = $.calculateActiveSelectionBounds({ objects: o });
       if (!d)
         return n.call(this, o, i);
-      const { left: l, top: u, width: g, height: f } = d, p = new et(g, f), m = new et(l + g / 2, u + f / 2);
+      const { left: l, top: u, width: f, height: g } = d, p = new tt(f, g), m = new tt(l + f / 2, u + g / 2);
       return r === "initialization" ? {
         center: m,
-        relativeCorrection: new et(0, 0),
+        relativeCorrection: new tt(0, 0),
         size: p
       } : {
         center: m,
@@ -677,7 +694,7 @@ class $ {
     selection: t,
     objects: e
   }) {
-    const s = e.some((n) => n instanceof ot);
+    const s = e.some((n) => n instanceof st);
     t.setControlsVisibility({
       mt: !s,
       mb: !s,
@@ -854,8 +871,8 @@ z.registeredFontKeys = /* @__PURE__ */ new Set(), z.descriptorDefaults = {
   featureSettings: "normal",
   display: "auto"
 };
-let pe = z;
-const Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", zs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Pt = {
+let ge = z;
+const Rs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi44NzUgMi41YS42MjUuNjI1IDAgMCAwLS42MjUuNjI0VjYuMjVIMy4xMjVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2MTBjMCAuMzQ1LjI4LjYyNS42MjUuNjI1aDEwYy4zNDUgMCAuNjI1LS4yOC42MjUtLjYyNXYtMy4xMjZoMy4xMjVjLjM0NSAwIC42MjUtLjI4LjYyNS0uNjI1di0xMGEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTEwWm02Ljg3NSAxMGgyLjVWMy43NUg3LjV2Mi41aDUuNjI1Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NS42MjRabS0xMCAzLjc1VjcuNWg4Ljc1djguNzVIMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41IDcuNWMwLS42OS41Ni0xLjI1IDEuMjUtMS4yNWgxMi41Yy42OSAwIDEuMjUuNTYgMS4yNSAxLjI1djguNzVjMCAuNjktLjU2IDEuMjUtMS4yNSAxLjI1SDMuNzVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNVY3LjVabTEzLjc1IDBIMy43NXY4Ljc1aDEyLjVWNy41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMS44NzVhMi4xODggMi4xODggMCAwIDAtMi4xODggMi4xODh2Mi44MTJhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyYTMuNDM3IDMuNDM3IDAgMSAxIDYuODc1IDB2Mi44MTNhLjYyNS42MjUgMCAxIDEtMS4yNSAwVjQuMDYyQTIuMTg4IDIuMTg4IDAgMCAwIDEwIDEuODc2WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwIDEyLjgxM2EuOTM3LjkzNyAwIDEgMCAwLTEuODc1LjkzNy45MzcgMCAwIDAgMCAxLjg3NFoiLz48L3N2Zz4=", xs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI1IDYuMjVINy41VjQuMzc1YTIuNSAyLjUgMCAwIDEgMi41LTIuNWMxLjIgMCAyLjI4MS44NiAyLjUxMiAyYS42MjUuNjI1IDAgMCAwIDEuMjI2LS4yNWMtLjM1NC0xLjczOC0xLjkyNS0zLTMuNzM4LTNhMy43NTQgMy43NTQgMCAwIDAtMy43NSAzLjc1VjYuMjVoLTIuNUExLjI1IDEuMjUgMCAwIDAgMi41IDcuNXY4Ljc1YTEuMjUgMS4yNSAwIDAgMCAxLjI1IDEuMjVoMTIuNWExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjcuNWExLjI1IDEuMjUgMCAwIDAtMS4yNS0xLjI1Wm0wIDEwSDMuNzVWNy41aDEyLjV2OC43NVptLTUuMzEzLTQuMzc1YS45MzcuOTM3IDAgMSAxLTEuODc0IDAgLjkzNy45MzcgMCAwIDEgMS44NzQgMFoiLz48L3N2Zz4K", Ns = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIuNSA4LjEyNSAxMCAxMi41bDcuNS00LjM3NUwxMCAzLjc1IDIuNSA4LjEyNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY4NSAzLjIxYS42MjUuNjI1IDAgMCAxIC42MyAwbDcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOGw3LjUtNC4zNzVaTTMuNzQgOC4xMjUgMTAgMTEuNzc2bDYuMjYtMy42NTFMMTAgNC40NzQgMy43NCA4LjEyNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA5LjQ2YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDExLjc3NmwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA5LjQ2Wm0tMS42NiAyLjQxNUwxMCAxNS41MjZsNi4yNi0zLjY1MS0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNi0xLjk3NSAxLjE1MVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Bs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMy4yMWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDguMTI1IDEwIDExLjc3Nmw2LjI2LTMuNjUxTDEwIDQuNDc0IDMuNzQgOC4xMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjcxNCAxMCAxMCAxMi41bDQuMjg2LTIuNSAzLjIxNCAxLjg3NUwxMCAxNi4yNWwtNy41LTQuMzc1TDUuNzE0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDkuNDZhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgMTEuNzc2bDMuOTctMi4zMTZhLjYyNS42MjUgMCAwIDEgLjYzIDBsMy4yMTUgMS44NzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhMNS40IDkuNDZabS0xLjY2IDIuNDE1TDEwIDE1LjUyNmw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2LTEuOTc1IDEuMTUxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", ks = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIuNSA2LjI1IDcuNSA0LjM3NSA3LjUtNC4zNzVMMTAgMS44NzUgMi41IDYuMjVaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS42ODUgMS4zMzVhLjYyNS42MjUgMCAwIDEgLjYzIDBsNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4bDcuNS00LjM3NVpNMy43NCA2LjI1IDEwIDkuOTAxbDYuMjYtMy42NTFMMTAgMi41OTkgMy43NCA2LjI1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40IDExLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCAxMy42NTFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgMTEuMzM1Wk0zLjc0IDEzLjc1IDEwIDE3LjQwMWw2LjI2LTMuNjUxLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTMuNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgNy41ODVhLjYyNS42MjUgMCAwIDEgLjYzIDBMMTAgOS45MDFsMy45Ny0yLjMxNmEuNjI1LjYyNSAwIDAgMSAuNjMgMGwzLjIxNSAxLjg3NWEuNjI1LjYyNSAwIDAgMSAwIDEuMDhsLTcuNSA0LjM3NWEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtNy41LTQuMzc1YS42MjUuNjI1IDAgMCAxIDAtMS4wOEw1LjQgNy41ODVaTTMuNzQgMTAgMTAgMTMuNjUxIDE2LjI2IDEwbC0xLjk3NC0xLjE1MS0zLjk3MSAyLjMxNmEuNjI1LjYyNSAwIDAgMS0uNjMgMGwtMy45Ny0yLjMxNkwzLjc0IDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+", zs = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45NiAxMy40MzVhLjYyNS42MjUgMCAwIDEgLjg1NS0uMjI1TDEwIDE3LjQwMWw3LjE4NS00LjE5YS42MjUuNjI1IDAgMCAxIC42MyAxLjA3OWwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEtLjIyNS0uODU1Wk05LjY4NSAxLjMzNWEuNjI1LjYyNSAwIDAgMSAuNjMgMGw3LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEgMCAxLjA4bC03LjUgNC4zNzVhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTcuNS00LjM3NWEuNjI1LjYyNSAwIDAgMSAwLTEuMDhsNy41LTQuMzc1Wk0zLjc0IDYuMjUgMTAgOS45MDFsNi4yNi0zLjY1MUwxMCAyLjU5OSAzLjc0IDYuMjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjcxNCAxMS44NzUgNC4yODYgMi41IDQuMjg2LTIuNUwxNy41IDEzLjc1IDEwIDE4LjEyNSAyLjUgMTMuNzVsMy4yMTQtMS44NzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgMTEuMzM1YS42MjUuNjI1IDAgMCAxIC42MyAwTDEwIDEzLjY1MWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCAxMS4zMzVaTTMuNzQgMTMuNzUgMTAgMTcuNDAxbDYuMjYtMy42NTEtMS45NzQtMS4xNTEtMy45NzEgMi4zMTZhLjYyNS42MjUgMCAwIDEtLjYzIDBsLTMuOTctMi4zMTZMMy43NCAxMy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNCA3LjU4NWEuNjI1LjYyNSAwIDAgMSAuNjMgMEwxMCA5LjkwMWwzLjk3LTIuMzE2YS42MjUuNjI1IDAgMCAxIC42MyAwbDMuMjE1IDEuODc1YS42MjUuNjI1IDAgMCAxIDAgMS4wOGwtNy41IDQuMzc1YS42MjUuNjI1IDAgMCAxLS42MyAwbC03LjUtNC4zNzVhLjYyNS42MjUgMCAwIDEgMC0xLjA4TDUuNCA3LjU4NVpNMy43NCAxMCAxMCAxMy42NTEgMTYuMjYgMTBsLTEuOTc0LTEuMTUxLTMuOTcxIDIuMzE2YS42MjUuNjI1IDAgMCAxLS42MyAwbC0zLjk3LTIuMzE2TDMuNzQgMTBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=", Us = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0VDNEU0MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUgMS4yNUExLjg3NSAxLjg3NSAwIDAgMCA2LjI1IDMuMTI1di42MjVIMy4xMjVhLjYyNS42MjUgMCAwIDAgMCAxLjI1aC42MjV2MTEuMjVBMS4yNSAxLjI1IDAgMCAwIDUgMTcuNWgxMGExLjI1IDEuMjUgMCAwIDAgMS4yNS0xLjI1VjVoLjYyNWEuNjI1LjYyNSAwIDAgMCAwLTEuMjVIMTMuNzV2LS42MjVhMS44NzUgMS44NzUgMCAwIDAtMS44NzUtMS44NzVoLTMuNzVabTQuMzc1IDIuNXYtLjYyNWEuNjI1LjYyNSAwIDAgMC0uNjI1LS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDAtLjYyNS42MjV2LjYyNWg1Wk01IDE2LjI1VjVoMTB2MTEuMjVINVpNOC4xMjUgNy41Yy4zNDUgMCAuNjI1LjI4LjYyNS42MjV2NWEuNjI1LjYyNSAwIDEgMS0xLjI1IDB2LTVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVabTQuMzc1IDUuNjI1di01YS42MjUuNjI1IDAgMCAwLTEuMjUgMHY1YS42MjUuNjI1IDAgMSAwIDEuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==", Ut = {
   style: {
     position: "absolute",
     display: "none",
@@ -965,11 +982,11 @@ class Ps {
   _initToolbar() {
     if (!this.options.showToolbar) return;
     const t = this.options.toolbar || {};
-    this.config = vt(B(B({}, Pt), t), {
-      style: B(B({}, Pt.style), t.style || {}),
-      btnStyle: B(B({}, Pt.btnStyle), t.btnStyle || {}),
-      icons: B(B({}, Pt.icons), t.icons || {}),
-      handlers: B(B({}, Pt.handlers), t.handlers || {})
+    this.config = bt(B(B({}, Ut), t), {
+      style: B(B({}, Ut.style), t.style || {}),
+      btnStyle: B(B({}, Ut.btnStyle), t.btnStyle || {}),
+      icons: B(B({}, Ut.icons), t.icons || {}),
+      handlers: B(B({}, Ut.handlers), t.handlers || {})
     }), this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !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();
@@ -1072,10 +1089,10 @@ class Ps {
     }
     const { el: e, config: s, canvas: n } = this;
     t.setCoords();
-    const o = n.getZoom(), [, , , , i, a] = n.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: d } = t.getBoundingRect(), u = r * o + i - e.offsetWidth / 2, g = s.offsetTop || 0, f = (c + d) * o + a + g;
+    const o = n.getZoom(), [, , , , i, a] = n.viewportTransform, { x: r } = t.getCenterPoint(), { top: c, height: d } = t.getBoundingRect(), u = r * o + i - e.offsetWidth / 2, f = s.offsetTop || 0, g = (c + d) * o + a + f;
     Object.assign(e.style, {
       left: `${u}px`,
-      top: `${f}px`,
+      top: `${g}px`,
       display: "flex"
     });
   }
@@ -1086,7 +1103,7 @@ class Ps {
     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();
   }
 }
-const Ws = {
+const Fs = {
   position: "absolute",
   display: "none",
   background: "#2B2D33",
@@ -1100,8 +1117,8 @@ const Ws = {
   "pointer-events": "none",
   "white-space": "nowrap",
   "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, We = 16, Fe = 16, Fs = "fabric-editor-angle-indicator";
-class we {
+}, Fe = 16, We = 16, Ws = "fabric-editor-angle-indicator";
+class Me {
   constructor({ editor: t }) {
     this.isActive = !1, this.currentAngle = 0, this.editor = t, this.canvas = t.canvas, this.options = t.options, this._createDOM(), this._bindEvents();
   }
@@ -1109,7 +1126,7 @@ class we {
    * Создание DOM-элемента индикатора
    */
   _createDOM() {
-    this.el = document.createElement("div"), this.el.className = Fs, Object.entries(Ws).forEach(([t, e]) => {
+    this.el = document.createElement("div"), this.el.className = Ws, Object.entries(Fs).forEach(([t, e]) => {
       this.el.style.setProperty(t, e);
     }), this.canvas.wrapperEl.appendChild(this.el);
   }
@@ -1129,7 +1146,7 @@ class we {
       return;
     }
     const s = e.angle || 0;
-    this.currentAngle = we._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
+    this.currentAngle = Me._normalizeAngle(s), this.el.textContent = `${this.currentAngle}°`, this._positionIndicator(t.e), this.isActive || this._showIndicator();
   }
   /**
    * Обработчик отпускания кнопки мыши
@@ -1160,9 +1177,9 @@ class we {
    */
   _positionIndicator(t) {
     const e = this.canvas.wrapperEl.getBoundingClientRect();
-    let s = t.clientX - e.left + We, n = t.clientY - e.top + Fe;
+    let s = t.clientX - e.left + Fe, n = t.clientY - e.top + We;
     const o = this.el.getBoundingClientRect(), i = o.width, a = o.height;
-    s + i > e.width && (s = t.clientX - e.left - i - We), n + a > e.height && (n = t.clientY - e.top - a - Fe), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
+    s + i > e.width && (s = t.clientX - e.left - i - Fe), n + a > e.height && (n = t.clientY - e.top - a - We), this.el.style.left = `${s}px`, this.el.style.top = `${n}px`;
   }
   /**
    * Показать индикатор
@@ -1204,6 +1221,7 @@ const es = [
   "width",
   "height",
   "locked",
+  "editable",
   "lockMovementX",
   "lockMovementY",
   "lockRotation",
@@ -1473,7 +1491,7 @@ class Ys {
     }
   }
 }
-const Hs = 0.1, Zs = 2, Ye = 0.1, Gs = 90, Rt = 16, _t = 16, wt = 4096, St = 4096, He = "application/image-editor:", Qt = [
+const Hs = 0.1, Zs = 2, Ye = 0.1, Gs = 90, Rt = 16, _t = 16, St = 4096, At = 4096, He = "application/image-editor:", Kt = [
   "format",
   "uppercase",
   "textCaseRaw",
@@ -1488,7 +1506,7 @@ const Hs = 0.1, Zs = 2, Ye = 0.1, Gs = 90, Rt = 16, _t = 16, wt = 4096, St = 409
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Vs = 50;
-class ct {
+class dt {
   constructor({ editor: t }) {
     this.editor = t, this.options = t.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
   }
@@ -1516,10 +1534,10 @@ class ct {
         withoutAdding: r = !1
       } = t;
       if (!e) return null;
-      const { canvas: c, montageArea: d, transformManager: l, historyManager: u, errorManager: g } = this.editor, f = yield this.getContentType(e), p = ct.getFormatFromContentType(f), { acceptContentTypes: m, acceptFormats: v } = this;
-      if (!this.isAllowedContentType(f)) {
-        const M = `Неверный contentType для изображения: ${f}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
-        return g.emitError({
+      const { canvas: c, montageArea: d, transformManager: l, historyManager: u, errorManager: f } = this.editor, g = yield this.getContentType(e), p = dt.getFormatFromContentType(g), { acceptContentTypes: m, acceptFormats: v } = this;
+      if (!this.isAllowedContentType(g)) {
+        const M = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
+        return f.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "INVALID_CONTENT_TYPE",
@@ -1527,7 +1545,7 @@ class ct {
           data: {
             source: e,
             format: p,
-            contentType: f,
+            contentType: g,
             acceptContentTypes: m,
             acceptFormats: v,
             fromClipboard: o,
@@ -1546,7 +1564,7 @@ class ct {
           const A = yield (yield fetch(e, { mode: "cors" })).blob();
           M = URL.createObjectURL(A);
         } else
-          return g.emitError({
+          return f.emitError({
             origin: "ImageManager",
             method: "importImage",
             code: "INVALID_SOURCE_TYPE",
@@ -1554,7 +1572,7 @@ class ct {
             data: {
               source: e,
               format: p,
-              contentType: f,
+              contentType: g,
               acceptContentTypes: m,
               acceptFormats: v,
               fromClipboard: o,
@@ -1565,19 +1583,19 @@ class ct {
           }), null;
         if (this._createdBlobUrls.push(M), p === "svg") {
           const j = yield hs(M);
-          S = dt.groupSVGElements(j.objects, j.options);
+          S = lt.groupSVGElements(j.objects, j.options);
         } else
-          S = yield Ut.fromURL(M, { crossOrigin: "anonymous" });
+          S = yield zt.fromURL(M, { crossOrigin: "anonymous" });
         const { width: y, height: b } = S;
-        if (S instanceof Ut) {
+        if (S instanceof zt) {
           const j = S.getElement();
           let A = "";
-          if (j instanceof HTMLImageElement ? A = j.src : j instanceof HTMLCanvasElement && (A = j.toDataURL()), b > St || y > wt) {
+          if (j instanceof HTMLImageElement ? A = j.src : j instanceof HTMLCanvasElement && (A = j.toDataURL()), b > At || y > St) {
             const C = yield this.resizeImageToBoundaries(A, "max"), w = URL.createObjectURL(C);
-            this._createdBlobUrls.push(w), S = yield Ut.fromURL(w, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(w), S = yield zt.fromURL(w, { crossOrigin: "anonymous" });
           } else if (b < _t || y < Rt) {
             const C = yield this.resizeImageToBoundaries(A, "min"), w = URL.createObjectURL(C);
-            this._createdBlobUrls.push(w), S = yield Ut.fromURL(w, { crossOrigin: "anonymous" });
+            this._createdBlobUrls.push(w), S = yield zt.fromURL(w, { crossOrigin: "anonymous" });
           }
         }
         if (S.set("id", `${S.type}-${V()}`), S.set("format", p), s === "scale-montage")
@@ -1589,7 +1607,7 @@ class ct {
         const I = {
           image: S,
           format: p,
-          contentType: f,
+          contentType: g,
           scale: s,
           withoutSave: n,
           source: e,
@@ -1600,7 +1618,7 @@ class ct {
         };
         return r ? (u.resumeHistory(), c.fire("editor:image-imported", I), I) : (c.add(S), c.centerObject(S), a || c.setActiveObject(S), c.renderAll(), u.resumeHistory(), n || u.saveState(), c.fire("editor:image-imported", I), I);
       } catch (M) {
-        return g.emitError({
+        return f.emitError({
           origin: "ImageManager",
           method: "importImage",
           code: "IMPORT_FAILED",
@@ -1608,7 +1626,7 @@ class ct {
           data: {
             source: e,
             format: p,
-            contentType: f,
+            contentType: g,
             scale: s,
             withoutSave: n,
             fromClipboard: o,
@@ -1630,13 +1648,13 @@ class ct {
    */
   resizeImageToBoundaries(t, e = "max") {
     return k(this, null, function* () {
-      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${wt}x${St}`;
+      let s = `Размер изображения больше максимального размера канваса, поэтому оно будет уменьшено до максимальных размеров c сохранением пропорций: ${St}x${At}`;
       e === "min" && (s = `Размер изображения меньше минимального размера канваса, поэтому оно будет увеличено до минимальных размеров c сохранением пропорций: ${Rt}x${_t}`);
       const n = {
         dataURL: t,
         sizeType: e,
-        maxWidth: wt,
-        maxHeight: St,
+        maxWidth: St,
+        maxHeight: At,
         minWidth: Rt,
         minHeight: _t
       };
@@ -1669,22 +1687,22 @@ class ct {
         exportAsBlob: o = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = ct.getFormatFromContentType(l);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = dt.getFormatFromContentType(l);
         a.setCoords();
-        const { left: g, top: f, width: p, height: m } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
+        const { left: f, top: g, width: p, height: m } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
         v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
         const M = v.getObjects().find((w) => w.id === a.id);
         if (M && (M.visible = !1), c != null && c.isBlocked) {
           const w = v.getObjects().find((T) => T.id === c.overlayMask.id);
           w && (w.visible = !1);
         }
-        v.viewportTransform = [1, 0, 0, 1, -g, -f], v.setDimensions({ width: p, height: m }, { backstoreOnly: !0 }), v.renderAll();
+        v.viewportTransform = [1, 0, 0, 1, -f, -g], v.setDimensions({ width: p, height: m }, { backstoreOnly: !0 }), v.renderAll();
         const S = v.getObjects().filter((w) => w.format).every((w) => w.format === "svg");
         if (u === "svg" && S) {
           const w = v.toSVG();
           v.dispose();
           const E = {
-            image: ct._exportSVGStringAsFile(w, {
+            image: dt._exportSVGStringAsFile(w, {
               exportAsBase64: n,
               exportAsBlob: o,
               fileName: e
@@ -1715,19 +1733,19 @@ class ct {
           [b]
         );
         if (d) {
-          const T = p * 0.264583, E = m * 0.264583, P = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new P({
+          const T = p * 0.264583, E = m * 0.264583, F = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, x = new F({
             orientation: T > E ? "landscape" : "portrait",
             unit: "mm",
             format: [T, E]
           });
           if (x.addImage(String(I), "JPG", 0, 0, T, E), n) {
-            const F = {
+            const W = {
               image: x.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", F), F;
+            return i.fire("editor:canvas-exported", W), W;
           }
           const N = x.output("blob"), D = {
             image: new File([N], e, { type: "application/pdf" }),
@@ -1793,9 +1811,9 @@ class ct {
           data: { contentType: n, fileName: s, exportAsBase64: o, exportAsBlob: i }
         }), null;
       try {
-        const d = ct.getFormatFromContentType(n);
+        const d = dt.getFormatFromContentType(n);
         if (d === "svg") {
-          const p = c.toSVG(), m = ct._exportSVGStringAsFile(p, {
+          const p = c.toSVG(), m = dt._exportSVGStringAsFile(p, {
             exportAsBase64: o,
             exportAsBlob: i,
             fileName: s
@@ -1808,7 +1826,7 @@ class ct {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        if (o && c instanceof Ut) {
+        if (o && c instanceof zt) {
           const p = yield createImageBitmap(c.getElement()), m = yield r.post(
             "toDataURL",
             {
@@ -1843,14 +1861,14 @@ class ct {
           };
           return a.fire("editor:object-exported", p), p;
         }
-        const g = new File([u], s, { type: n }), f = {
+        const f = new File([u], s, { type: n }), g = {
           object: c,
-          image: g,
+          image: f,
           format: d,
           contentType: n,
           fileName: s
         };
-        return a.fire("editor:object-exported", f), f;
+        return a.fire("editor:object-exported", g), g;
       } catch (d) {
         return this.editor.errorManager.emitError({
           origin: "ImageManager",
@@ -1873,7 +1891,7 @@ class ct {
    * @returns массив допустимых форматов изображений
    */
   getAllowedFormatsFromContentTypes() {
-    return this.acceptContentTypes.map((t) => ct.getFormatFromContentType(t)).filter((t) => t);
+    return this.acceptContentTypes.map((t) => dt.getFormatFromContentType(t)).filter((t) => t);
   }
   /**
    * Проверяет, является ли contentType допустимым типом изображения.
@@ -1926,7 +1944,7 @@ class ct {
     try {
       const n = (e = new URL(t).pathname.split(".").pop()) == null ? void 0 : e.toLowerCase(), o = {};
       return this.acceptContentTypes.forEach((i) => {
-        const a = ct.getFormatFromContentType(i);
+        const a = dt.getFormatFromContentType(i);
         a && (o[a] = i);
       }), n && o[n] || "application/octet-stream";
     } catch (s) {
@@ -1979,7 +1997,7 @@ class ct {
     return e ? e[1] : "";
   }
 }
-const Tt = (h, t, e) => Math.max(Math.min(h, e), t), Ze = (h, t) => h * t, Xs = (h, t) => new et(h / 2, t / 2);
+const gt = (h, t, e) => Math.max(Math.min(h, e), t), Ze = (h, t) => h * t, Xs = (h, t) => new tt(h / 2, t / 2);
 function Ks(h) {
   return ((h == null ? void 0 : h.type) === "image" || (h == null ? void 0 : h.format) === "svg") && typeof (h == null ? void 0 : h.width) == "number" && typeof (h == null ? void 0 : h.height) == "number";
 }
@@ -1998,6 +2016,22 @@ class Qs {
     const { canvas: t, options: { editorContainer: e } } = this.editor;
     return t.editorContainer || e;
   }
+  /**
+   * Возвращает центральную точку текущей видимой области канваса.
+   * Если точка находится за пределами монтажной области, она проецируется на ближайшую границу монтажной области.
+   */
+  getVisibleCenterPoint() {
+    const { canvas: t, montageArea: e } = this.editor, s = t.getZoom(), n = t.viewportTransform, o = t.getWidth(), i = t.getHeight(), a = (o / 2 - n[4]) / s, r = (i / 2 - n[5]) / s, c = e.width / 2, d = e.height / 2, l = gt(
+      a,
+      e.left - c,
+      e.left + c
+    ), u = gt(
+      r,
+      e.top - d,
+      e.top + d
+    );
+    return new tt(l, u);
+  }
   /**
    * Устанавливаем внутреннюю ширину канваса (для экспорта)
    * @param width - ширина канваса
@@ -2008,20 +2042,20 @@ class Qs {
    * @fires editor:resolution-width-changed
    */
   setResolutionWidth(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+    var g;
     if (!t) return;
     const {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreWidth: a }
-    } = this.editor, { width: r, height: c } = i, d = Tt(Number(t), Rt, wt);
-    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (f = o.clipPath) == null || f.set({ width: d }), e) {
+    } = this.editor, { width: r, height: c } = i, d = gt(Number(t), Rt, St);
+    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreWidth(Number(a)) : this.setCanvasBackstoreWidth(d), i.set({ width: d }), (g = o.clipPath) == null || g.set({ width: d }), e) {
       const p = d / r, m = Ze(c, p);
       this.setResolutionHeight(m);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = o.getZoom();
-    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), f = o.getZoom();
+    o.setViewportTransform([f, 0, 0, f, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-width-changed", {
       width: d,
       preserveProportional: e,
       withoutSave: s,
@@ -2038,20 +2072,20 @@ class Qs {
    * @fires editor:resolution-height-changed
    */
   setResolutionHeight(t, { preserveProportional: e, withoutSave: s, adaptCanvasToContainer: n } = {}) {
-    var f;
+    var g;
     if (!t) return;
     const {
       canvas: o,
       montageArea: i,
       options: { canvasBackstoreHeight: a }
-    } = this.editor, { width: r, height: c } = i, d = Tt(Number(t), _t, St);
-    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (f = o.clipPath) == null || f.set({ height: d }), e) {
+    } = this.editor, { width: r, height: c } = i, d = gt(Number(t), _t, At);
+    if (!a || a === "auto" || n ? this.adaptCanvasToContainer() : a ? this.setCanvasBackstoreHeight(Number(a)) : this.setCanvasBackstoreHeight(d), i.set({ height: d }), (g = o.clipPath) == null || g.set({ height: d }), e) {
       const p = d / c, m = Ze(r, p);
       this.setResolutionWidth(m);
       return;
     }
-    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = o.getZoom();
-    o.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), f = o.getZoom();
+    o.setViewportTransform([f, 0, 0, f, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), o.fire("editor:resolution-height-changed", {
       height: d,
       preserveProportional: e,
       withoutSave: s,
@@ -2097,7 +2131,7 @@ class Qs {
    */
   setCanvasBackstoreWidth(t) {
     if (!t || typeof t != "number") return;
-    const e = Tt(t, Rt, wt);
+    const e = gt(t, Rt, St);
     this.editor.canvas.setDimensions({ width: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2106,7 +2140,7 @@ class Qs {
    */
   setCanvasBackstoreHeight(t) {
     if (!t || typeof t != "number") return;
-    const e = Tt(t, _t, St);
+    const e = gt(t, _t, At);
     this.editor.canvas.setDimensions({ height: e }, { backstoreOnly: !0 });
   }
   /**
@@ -2115,7 +2149,7 @@ class Qs {
    * с учётом минимальных и максимальных значений.
    */
   adaptCanvasToContainer() {
-    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = Tt(s, Rt, wt), i = Tt(n, _t, St);
+    const { canvas: t } = this.editor, e = this.getEditorContainer(), s = e.clientWidth, n = e.clientHeight, o = gt(s, Rt, St), i = gt(n, _t, At);
     t.setDimensions({ width: o, height: i }, { backstoreOnly: !0 });
   }
   /**
@@ -2317,18 +2351,18 @@ class Qs {
     } = this.editor, c = t || n.getActiveObject();
     if (!Ks(c)) return;
     const { width: d, height: l } = c;
-    let u = Math.min(d, wt), g = Math.min(l, St);
+    let u = Math.min(d, St), f = Math.min(l, At);
     if (e) {
       const {
-        width: f,
+        width: g,
         height: p
-      } = o, m = d / f, v = l / p, M = Math.max(m, v);
-      u = f * M, g = p * M;
+      } = o, m = d / g, v = l / p, M = Math.max(m, v);
+      u = g * M, f = p * M;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
+    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(f, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || l > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), n.centerObject(c), n.renderAll(), s || this.editor.historyManager.saveState(), n.fire("editor:montage-area-scaled-to-image", {
       object: c,
       width: u,
-      height: g,
+      height: f,
       preserveAspectRatio: e,
       withoutSave: s
     });
@@ -2487,7 +2521,7 @@ class qs {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), p = d * g + l * f, m = d * f + l * g, v = n.width, M = n.height;
+    const { canvas: s, montageArea: n } = this.editor, { width: o, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = o * Math.abs(a), l = i * Math.abs(r), u = c * Math.PI / 180, f = Math.abs(Math.cos(u)), g = Math.abs(Math.sin(u)), p = d * f + l * g, m = d * g + l * f, v = n.width, M = n.height;
     let S;
     e === "contain" ? S = Math.min(v / p, M / m) : S = Math.max(v / p, M / m), t.set({
       scaleX: a * S,
@@ -2528,11 +2562,11 @@ class qs {
     }), e)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: l, height: u } = o, { width: g, height: f } = c, p = i.calculateScaleFactor({
+      const { width: l, height: u } = o, { width: f, height: g } = c, p = i.calculateScaleFactor({
         imageObject: c,
         scaleType: r
       });
-      r === "contain" && p < 1 || r === "cover" && (g > l || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && p < 1 || r === "cover" && (f > l || g > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
     c.set({ flipX: !1, flipY: !1, angle: 0 }), n.centerObject(c), n.renderAll(), a.resumeHistory(), s || a.saveState(), n.fire("editor:object-reset", {
       object: c,
@@ -2543,7 +2577,16 @@ class qs {
 }
 class Js {
   constructor({ editor: t }) {
-    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Hs, this.maxZoom = this.options.maxZoom || Zs, this.defaultZoom = this.options.defaultScale;
+    this.editor = t, this.options = t.options, this.minZoom = this.options.minZoom || Hs, this.maxZoom = this.options.maxZoom || Zs, this.defaultZoom = this._normalizeDefaultZoom(this.options.defaultScale);
+  }
+  /**
+   * Приводит значение defaultZoom к числу с двумя знаками после запятой, а также учитывает минимальное и максимальное значения.
+   * @param zoom - Значение зума для нормализации
+   * @returns Нормализованное значение зума
+   * @private
+   */
+  _normalizeDefaultZoom(t) {
+    return Math.min(this.maxZoom, Math.max(this.minZoom, Number(t.toFixed(2))));
   }
   /**
    * Вспомогательный метод для вычисления размеров масштабированной монтажной области
@@ -2565,7 +2608,7 @@ class Js {
    * @private
    */
   _getClampedPointerCoordinates(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, i = e.getZoom(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = a * i + o[4], u = r * i + o[4], g = c * i + o[5], f = d * i + o[5], p = Math.max(l, Math.min(u, n.x)), m = Math.max(g, Math.min(f, n.y));
+    const { canvas: e, montageArea: s } = this.editor, n = e.getPointer(t, !0), o = e.viewportTransform, i = e.getZoom(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = a * i + o[4], u = r * i + o[4], f = c * i + o[5], g = d * i + o[5], p = Math.max(l, Math.min(u, n.x)), m = Math.max(f, Math.min(g, n.y));
     return {
       x: p,
       y: m
@@ -2600,9 +2643,9 @@ class Js {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, g = -n[5] / t, f = (-n[5] + i) / t, p = l < a, m = u > r, v = g < c, M = f > d;
+    const { canvas: e, montageArea: s } = this.editor, n = e.viewportTransform, o = e.getWidth(), i = e.getHeight(), a = s.left - s.width / 2, r = s.left + s.width / 2, c = s.top - s.height / 2, d = s.top + s.height / 2, l = -n[4] / t, u = (-n[4] + o) / t, f = -n[5] / t, g = (-n[5] + i) / t, p = l < a, m = u > r, v = f < c, M = g > d;
     if (!(p || m || v || M)) return 0;
-    const y = Math.max(0, a - l), b = Math.max(0, u - r), I = Math.max(0, c - g), j = Math.max(0, f - d), A = Math.max(y, b), C = Math.max(I, j), w = A / o, T = C / i;
+    const y = Math.max(0, a - l), b = Math.max(0, u - r), I = Math.max(0, c - f), j = Math.max(0, g - d), A = Math.max(y, b), C = Math.max(I, j), w = A / o, T = C / i;
     return Math.max(w, T);
   }
   /**
@@ -2616,11 +2659,11 @@ class Js {
    * @private
    */
   _calculateSmoothCenteringStep(t, e, s, n, o) {
-    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], g = Math.abs(n), f = e - s;
-    if (Math.abs(f) / g <= 0.1)
+    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), l = t.x - r[4], u = t.y - r[5], f = Math.abs(n), g = e - s;
+    if (Math.abs(g) / f <= 0.1)
       return { x: l, y: u };
-    const m = c / 2, v = d / 2, M = a.left, S = a.top, y = m - M * s, b = v - S * s, I = (y - r[4]) / (e - s), j = (b - r[5]) / (e - s), A = I * g, C = j * g, w = A * o, T = C * o, E = Math.abs(w) > Math.abs(l) ? l : w, P = Math.abs(T) > Math.abs(u) ? u : T;
-    return { x: E, y: P };
+    const m = c / 2, v = d / 2, M = a.left, S = a.top, y = m - M * s, b = v - S * s, I = (y - r[4]) / (e - s), j = (b - r[5]) / (e - s), A = I * f, C = j * f, w = A * o, T = C * o, E = Math.abs(w) > Math.abs(l) ? l : w, F = Math.abs(T) > Math.abs(u) ? u : T;
+    return { x: E, y: F };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2636,13 +2679,13 @@ class Js {
     const { canvas: n } = this.editor, o = this._getScaledMontageDimensions(t), i = n.getWidth(), a = n.getHeight(), r = o.width > i || o.height > a, c = this._calculateFitZoom(), d = t - c;
     if (!(!r || d) && !e)
       return !1;
-    const u = n.viewportTransform, g = this._calculateTargetViewportPosition(t);
+    const u = n.viewportTransform, f = this._calculateTargetViewportPosition(t);
     if (!r)
-      return u[4] = g.x, u[5] = g.y, n.setViewportTransform(u), !0;
+      return u[4] = f.x, u[5] = f.y, n.setViewportTransform(u), !0;
     if (e && !r) {
-      const f = this._calculateEmptySpaceRatio(t);
-      if (f > 0) {
-        const p = this._calculateSmoothCenteringStep(g, t, c, s, f);
+      const g = this._calculateEmptySpaceRatio(t);
+      if (g > 0) {
+        const p = this._calculateSmoothCenteringStep(f, t, c, s, g);
         return u[4] += p.x, u[5] += p.y, n.setViewportTransform(u), !0;
       }
     }
@@ -2657,7 +2700,7 @@ class Js {
    */
   calculateAndApplyDefaultZoom(t = this.options.defaultScale) {
     const { canvas: e } = this.editor, s = e.editorContainer, n = s.clientWidth || e.getWidth(), o = s.clientHeight || e.getHeight(), { width: i, height: a } = this.editor.montageArea, r = n / i * t, c = o / a * t;
-    this.defaultZoom = Math.min(r, c), this.setZoom(), this.editor.panConstraintManager.updateBounds();
+    this.defaultZoom = this._normalizeDefaultZoom(Math.min(r, c)), this.setZoom(), this.editor.panConstraintManager.updateBounds();
   }
   /**
    * Обработчик зума колесом мыши с автоматическим определением точки зума.
@@ -2708,11 +2751,11 @@ class Js {
    * @fires editor:zoom-changed
    */
   zoom(t = Ye, e = {}) {
-    var g, f;
+    var f, g;
     if (!t) return;
-    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, i = t < 0, a = o.getZoom(), r = o.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new et(c, d);
+    const { minZoom: s, maxZoom: n } = this, { canvas: o } = this.editor, i = t < 0, a = o.getZoom(), r = o.getCenterPoint(), c = (f = e.pointX) != null ? f : r.x, d = (g = e.pointY) != null ? g : r.y, l = new tt(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
-    let u = Number((a + Number(t)).toFixed(3));
+    let u = Number((a + Number(t)).toFixed(2));
     u > n && (u = n), u < s && (u = s), o.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), o.fire("editor:zoom-changed", {
       currentZoom: o.getZoom(),
       zoom: u,
@@ -2725,7 +2768,7 @@ class Js {
    * @fires editor:zoom-changed
    */
   setZoom(t = this.defaultZoom) {
-    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new et(n.getCenterPoint());
+    const { minZoom: e, maxZoom: s } = this, { canvas: n } = this.editor, o = new tt(n.getCenterPoint());
     let i = t;
     t > s && (i = s), t < e && (i = e), n.zoomToPoint(o, i), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
@@ -2738,7 +2781,7 @@ class Js {
    * @fires editor:zoom-changed
    */
   resetZoom() {
-    const { canvas: t } = this.editor, e = new et(t.getCenterPoint());
+    const { canvas: t } = this.editor, e = new tt(t.getCenterPoint());
     t.zoomToPoint(e, this.defaultZoom), this.editor.canvas.fire("editor:zoom-changed", {
       currentZoom: t.getZoom(),
       point: e
@@ -3109,11 +3152,11 @@ class Ot {
       { offset: 0, color: "#000000" },
       { offset: 1, color: "#ffffff" }
     ], t.type === "linear") {
-      const u = t.angle * Math.PI / 180, g = Ot._angleToCoords(u);
+      const u = t.angle * Math.PI / 180, f = Ot._angleToCoords(u);
       return new ke({
         type: "linear",
         gradientUnits: "percentage",
-        coords: g,
+        coords: f,
         colorStops: a
       });
     }
@@ -3164,7 +3207,7 @@ class Ot {
     }) ? !1 : t.type === "linear" && e.type === "linear" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 : t.type === "radial" && e.type === "radial" ? Math.abs(t.coords.x1 - e.coords.x1) < 1e-4 && Math.abs(t.coords.y1 - e.coords.y1) < 1e-4 && Math.abs(t.coords.x2 - e.coords.x2) < 1e-4 && Math.abs(t.coords.y2 - e.coords.y2) < 1e-4 && Math.abs(t.coords.r1 - e.coords.r1) < 1e-4 && Math.abs(t.coords.r2 - e.coords.r2) < 1e-4 : !1;
   }
 }
-class ee {
+class te {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3197,7 +3240,7 @@ class ee {
     const { canvas: s, historyManager: n } = this.editor;
     n.suspendHistory();
     const o = t || s.getActiveObject();
-    o && (o instanceof U ? ee._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
+    o && (o instanceof U ? te._moveSelectionForward(s, o) : s.bringObjectForward(o), s.renderAll(), n.resumeHistory(), e || n.saveState(), s.fire("editor:object-bring-forward", {
       object: o,
       withoutSave: e
     }));
@@ -3248,7 +3291,7 @@ class ee {
     } = this.editor;
     o.suspendHistory();
     const r = t || s.getActiveObject();
-    r && (r instanceof U ? ee._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
+    r && (r instanceof U ? te._moveSelectionBackwards(s, r) : s.sendObjectBackwards(r), a && s.sendObjectToBack(a), s.sendObjectToBack(n), i && s.sendObjectToBack(i), s.renderAll(), o.resumeHistory(), e || o.saveState(), s.fire("editor:object-send-backwards", {
       object: r,
       withoutSave: e
     }));
@@ -3324,7 +3367,7 @@ class tn {
       width: n = 100,
       height: o = 100,
       fill: i = "blue"
-    } = l, a = bt(l, [
+    } = l, a = Mt(l, [
       "id",
       "left",
       "top",
@@ -3332,7 +3375,7 @@ class tn {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new us(B({
+    const { canvas: u } = this.editor, f = new us(B({
       id: t,
       left: e,
       top: s,
@@ -3340,7 +3383,7 @@ class tn {
       height: o,
       fill: i
     }, a));
-    return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
+    return !e && !s && u.centerObject(f), c || (u.add(f), r || u.setActiveObject(f), u.renderAll()), f;
   }
   /**
    * Добавление круга
@@ -3365,14 +3408,14 @@ class tn {
       top: s,
       radius: n = 50,
       fill: o = "green"
-    } = d, i = bt(d, [
+    } = d, i = Mt(d, [
       "id",
       "left",
       "top",
       "radius",
       "fill"
     ]);
-    const { canvas: l } = this.editor, u = new gs(B({
+    const { canvas: l } = this.editor, u = new fs(B({
       id: t,
       left: e,
       top: s,
@@ -3406,7 +3449,7 @@ class tn {
       width: n = 100,
       height: o = 100,
       fill: i = "yellow"
-    } = l, a = bt(l, [
+    } = l, a = Mt(l, [
       "id",
       "left",
       "top",
@@ -3414,7 +3457,7 @@ class tn {
       "height",
       "fill"
     ]);
-    const { canvas: u } = this.editor, g = new fs(B({
+    const { canvas: u } = this.editor, f = new gs(B({
       id: t,
       left: e,
       top: s,
@@ -3422,7 +3465,7 @@ class tn {
       width: n,
       height: o
     }, a));
-    return !e && !s && u.centerObject(g), c || (u.add(g), r || u.setActiveObject(g), u.renderAll()), g;
+    return !e && !s && u.centerObject(f), c || (u.add(f), r || u.setActiveObject(f), u.renderAll()), f;
   }
 }
 class en {
@@ -3456,7 +3499,7 @@ class en {
     return k(this, null, function* () {
       const { canvas: e, errorManager: s } = this.editor;
       try {
-        const n = yield t.clone(Qt);
+        const n = yield t.clone(Kt);
         this.clipboard = n, e.fire("editor:object-copied", { object: n });
       } catch (n) {
         s.emitError({
@@ -3483,7 +3526,7 @@ class en {
           message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
         }), !1;
       try {
-        const s = t.toObject(Qt), n = JSON.stringify(s);
+        const s = t.toObject(Kt), n = JSON.stringify(s);
         return t.type === "image" ? this._copyImageToClipboard(t, n) : this._copyTextToClipboard(n);
       } catch (s) {
         return e.emitError({
@@ -3577,7 +3620,7 @@ class en {
       const { canvas: e } = this.editor, s = t || e.getActiveObject();
       if (!s || s.locked) return !1;
       try {
-        const n = yield s.clone(Qt);
+        const n = yield s.clone(Kt);
         return n instanceof U && n.forEachObject((o) => {
           o.set({
             id: `${o.type}-${V()}`,
@@ -3663,7 +3706,7 @@ class en {
       const { canvas: t } = this.editor;
       if (!this.clipboard) return !1;
       try {
-        const e = yield this.clipboard.clone(Qt);
+        const e = yield this.clipboard.clone(Kt);
         return t.discardActiveObject(), e instanceof U && e.forEachObject((s) => {
           s.set({
             id: `${s.type}-${V()}`,
@@ -3688,7 +3731,7 @@ class en {
     });
   }
 }
-class se {
+class ee {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3714,9 +3757,9 @@ class se {
       editable: !1,
       locked: !0
     };
-    i.set(a), !e && se._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
+    i.set(a), !e && ee._isGroupOrSelection(i) && i.getObjects().forEach((c) => {
       c.set(a);
-    }), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
+    }), i instanceof st && i.isEditing && i.exitEditing(), n.renderAll(), s || o.saveState(), n.fire("editor:object-locked", {
       object: i,
       skipInnerObjects: e,
       withoutSave: s
@@ -3743,7 +3786,7 @@ class se {
       editable: !0,
       locked: !1
     };
-    o.set(i), se._isGroupOrSelection(o) && o.getObjects().forEach((a) => {
+    o.set(i), ee._isGroupOrSelection(o) && o.getObjects().forEach((a) => {
       a.set(i);
     }), s.renderAll(), e || n.saveState(), s.fire("editor:object-unlocked", {
       object: o,
@@ -3870,7 +3913,7 @@ class nn {
     o && s.lockObject({ object: i, skipInnerObjects: !0, withoutSave: !0 }), t.setActiveObject(i), t.requestRenderAll(), t.fire("editor:all-objects-selected", { selected: i });
   }
 }
-class Se {
+class we {
   constructor({ editor: t }) {
     this.editor = t;
   }
@@ -3917,7 +3960,7 @@ class Se {
     s || o.suspendHistory();
     const r = [];
     if (a.forEach((d) => {
-      if (Se._isUngroupableGroup(d)) {
+      if (we._isUngroupableGroup(d)) {
         const l = this._handleGroupDeletion(d);
         r.push(...l);
         return;
@@ -3932,7 +3975,7 @@ class Se {
     return n.fire("editor:objects-deleted", c), c;
   }
 }
-const Mt = {
+const wt = {
   IMAGE_MANAGER: {
     /**
      * Некорректный Content-Type изображения
@@ -4037,7 +4080,7 @@ const Mt = {
     APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
   }
 };
-class Yt {
+class Wt {
   constructor({ editor: t }) {
     this._buffer = [], this.editor = t;
   }
@@ -4064,7 +4107,7 @@ class Yt {
    * @fires editor:error
    */
   emitError({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, data: n, message: o }) {
-    if (!Yt.isValidErrorCode(s)) {
+    if (!Wt.isValidErrorCode(s)) {
       console.warn("Неизвестный код ошибки: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4093,7 +4136,7 @@ class Yt {
    * @fires editor:warning
    */
   emitWarning({ origin: t = "ImageEditor", method: e = "Unknown Method", code: s, message: n, data: o }) {
-    if (!Yt.isValidErrorCode(s)) {
+    if (!Wt.isValidErrorCode(s)) {
       console.warn("Неизвестный код предупреждения: ", { code: s, origin: t, method: e });
       return;
     }
@@ -4116,7 +4159,7 @@ class Yt {
    * @returns true, если код допустим, иначе false
    */
   static isValidErrorCode(t) {
-    return t ? Object.values(Mt).some((e) => Object.values(e).includes(t)) : !1;
+    return t ? Object.values(wt).some((e) => Object.values(e).includes(t)) : !1;
   }
 }
 class on {
@@ -4172,12 +4215,12 @@ class on {
     const { canvas: s, montageArea: n } = this.editor, o = s.getZoom(), i = n.left, a = n.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = i * o + t - r, l = a * o + e - c, u = Math.max(
       this.currentBounds.minX,
       Math.min(this.currentBounds.maxX, d)
-    ), g = Math.max(
+    ), f = Math.max(
       this.currentBounds.minY,
       Math.min(this.currentBounds.maxY, l)
-    ), f = u + r - i * o, p = g + c - a * o;
+    ), g = u + r - i * o, p = f + c - a * o;
     return {
-      x: f,
+      x: g,
       y: p
     };
   }
@@ -4204,11 +4247,11 @@ class on {
     this.currentBounds = this.calculatePanBounds();
   }
 }
-const at = ({
+const rt = ({
   value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(h, t), e), Dt = class Dt extends ot {
+}) => Math.min(Math.max(h, t), e), Dt = class Dt extends st {
   constructor(t, e = {}) {
     var s, n, o, i, a, r, c, d, l;
     super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (n = e.paddingTop) != null ? n : 0, this.paddingRight = (o = e.paddingRight) != null ? o : 0, this.paddingBottom = (i = e.paddingBottom) != null ? i : 0, this.paddingLeft = (a = e.paddingLeft) != null ? a : 0, this.radiusTopLeft = (r = e.radiusTopLeft) != null ? r : 0, this.radiusTopRight = (c = e.radiusTopRight) != null ? c : 0, this.radiusBottomRight = (d = e.radiusBottomRight) != null ? d : 0, this.radiusBottomLeft = (l = e.radiusBottomLeft) != null ? l : 0, this._roundDimensions();
@@ -4229,11 +4272,11 @@ const at = ({
   }
   _getNonTransformedDimensions() {
     const { width: t, height: e } = this._getBackgroundDimensions();
-    return new et(t, e).scalarAdd(this.strokeWidth);
+    return new tt(t, e).scalarAdd(this.strokeWidth);
   }
   _getTransformedDimensions(t = {}) {
     const { width: e, height: s } = this._getBackgroundDimensions();
-    return super._getTransformedDimensions(vt(B({}, t), {
+    return super._getTransformedDimensions(bt(B({}, t), {
       width: e,
       height: s
     }));
@@ -4243,7 +4286,7 @@ const at = ({
    */
   toObject(t = []) {
     const e = super.toObject(t);
-    return vt(B({}, e), {
+    return bt(B({}, e), {
       backgroundOpacity: this.backgroundOpacity,
       paddingTop: this.paddingTop,
       paddingRight: this.paddingRight,
@@ -4282,10 +4325,10 @@ const at = ({
     var i, a, r, c;
     const s = t / 2, n = e / 2, o = Math.min(s, n);
     return {
-      bottomLeft: at({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
-      bottomRight: at({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
-      topLeft: at({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
-      topRight: at({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
+      bottomLeft: rt({ value: (i = this.radiusBottomLeft) != null ? i : 0, min: 0, max: o }),
+      bottomRight: rt({ value: (a = this.radiusBottomRight) != null ? a : 0, min: 0, max: o }),
+      topLeft: rt({ value: (r = this.radiusTopLeft) != null ? r : 0, min: 0, max: o }),
+      topRight: rt({ value: (c = this.radiusTopRight) != null ? c : 0, min: 0, max: o })
     };
   }
   _getPadding() {
@@ -4301,12 +4344,12 @@ const at = ({
     var n;
     const t = this.backgroundColor;
     if (!t) return null;
-    const e = at({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
+    const e = rt({ value: (n = this.backgroundOpacity) != null ? n : 1, min: 0, max: 1 });
     let s;
     try {
       s = new ps(t);
     } catch (o) {
-      return Yt.emitError({
+      return Wt.emitError({
         origin: "BackgroundTextbox",
         method: "_getEffectiveBackgroundFill",
         code: "INVALID_COLOR_VALUE",
@@ -4329,8 +4372,8 @@ const at = ({
       topRight: d,
       bottomRight: l,
       bottomLeft: u
-    } = n, g = at({ value: c, min: 0, max: i }), f = at({ value: d, min: 0, max: i }), p = at({ value: l, min: 0, max: i }), m = at({ value: u, min: 0, max: i });
-    t.beginPath(), t.moveTo(s + g, o), t.lineTo(a - f, o), t.quadraticCurveTo(a, o, a, o + f), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, o + g), t.quadraticCurveTo(s, o, s + g, o), t.closePath();
+    } = n, f = rt({ value: c, min: 0, max: i }), g = rt({ value: d, min: 0, max: i }), p = rt({ value: l, min: 0, max: i }), m = rt({ value: u, min: 0, max: i });
+    t.beginPath(), t.moveTo(s + f, o), t.lineTo(a - g, o), t.quadraticCurveTo(a, o, a, o + g), t.lineTo(a, r - p), t.quadraticCurveTo(a, r, a - p, r), t.lineTo(s + m, r), t.quadraticCurveTo(s, r, s, r - m), t.lineTo(s, o + f), t.quadraticCurveTo(s, o, s + f, o), t.closePath();
   }
   /**
    * Округляет текущие значения ширины и высоты до ближайших целых.
@@ -4344,7 +4387,7 @@ const at = ({
   }
 };
 Dt.type = "background-textbox", Dt.cacheProperties = [
-  ...Array.isArray(ot.cacheProperties) ? ot.cacheProperties : [],
+  ...Array.isArray(st.cacheProperties) ? st.cacheProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4356,7 +4399,7 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ], Dt.stateProperties = [
-  ...Array.isArray(ot.stateProperties) ? ot.stateProperties : [],
+  ...Array.isArray(st.stateProperties) ? st.stateProperties : [],
   "backgroundColor",
   "backgroundOpacity",
   "paddingTop",
@@ -4368,10 +4411,10 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
   "radiusBottomRight",
   "radiusBottomLeft"
 ];
-let ne = Dt;
+let se = Dt;
 const an = () => {
   var h;
-  (h = ze) != null && h.setClass && ze.setClass(ne, "background-textbox");
+  (h = ze) != null && h.setClass && ze.setClass(se, "background-textbox");
 }, rn = ({ textbox: h }) => {
   var s, n;
   if (!h.isEditing) return null;
@@ -4389,7 +4432,7 @@ const an = () => {
   if (!t) return !1;
   const e = (n = (s = h.text) == null ? void 0 : s.length) != null ? n : 0;
   return e <= 0 ? !1 : t.start <= 0 && t.end >= e;
-}, re = ({
+}, ae = ({
   textbox: h,
   styles: t,
   range: e
@@ -4411,8 +4454,8 @@ const an = () => {
   );
   if (s.length)
     return (n = s[0]) == null ? void 0 : n[e];
-}, Ve = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Xe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, ce = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", nt = 0.01;
-class W {
+}, Ve = ({ strokeColor: h, width: t }) => t <= 0 ? null : h != null ? h : "#000000", Xe = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, re = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", ot = 0.01;
+class P {
   constructor({ editor: t }) {
     var e;
     this._handleTextEditingEntered = () => {
@@ -4420,23 +4463,23 @@ class W {
     }, this._handleTextEditingExited = (s) => {
       var r, c;
       const { target: n } = s;
-      if (!W._isTextbox(n)) return;
+      if (!P._isTextbox(n)) return;
       const o = (r = n.text) != null ? r : "";
       if (!!n.uppercase) {
         const d = (c = n.textCaseRaw) != null ? c : o.toLocaleLowerCase();
         n.textCaseRaw = d;
       } else
         n.textCaseRaw = o;
-      W._roundTextboxDimensions({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
+      P._roundTextboxDimensions({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
         this.isTextEditingActive = !1, this.editor.historyManager.saveState();
       }, Vs);
     }, this._handleObjectScaling = (s) => {
-      var kt, zt, X, It, Zt, yt, Gt, Ct, je, Ie, Ce, Te, Ee;
+      var kt, K, Ct, Ht, vt, Zt, Tt, Ae, je, Ie, Ce, Te, Ee;
       const { target: n, transform: o } = s;
-      if (n instanceof U || !W._isTextbox(n) || !o) return;
+      if (n instanceof U || !P._isTextbox(n) || !o) return;
       n.isScaling = !0;
       const i = this._ensureScalingState(n), {
         baseWidth: a,
@@ -4445,21 +4488,21 @@ class W {
         basePadding: d,
         baseRadii: l,
         baseStyles: u
-      } = i, g = typeof ((kt = o.original) == null ? void 0 : kt.width) == "number" ? o.original.width : void 0, f = typeof ((zt = o.original) == null ? void 0 : zt.left) == "number" ? o.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (X = o.corner) != null ? X : "", M = (It = o.action) != null ? It : "", S = ["ml", "mr"].includes(v) || M === "scaleX", y = ["mt", "mb"].includes(v) || M === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || M === "scale", I = b || y;
+      } = i, f = typeof ((kt = o.original) == null ? void 0 : kt.width) == "number" ? o.original.width : void 0, g = typeof ((K = o.original) == null ? void 0 : K.left) == "number" ? o.original.left : void 0, p = f != null ? f : a, m = g != null ? g : r, v = (Ct = o.corner) != null ? Ct : "", M = (Ht = o.action) != null ? Ht : "", S = ["ml", "mr"].includes(v) || M === "scaleX", y = ["mt", "mb"].includes(v) || M === "scaleY", b = ["tl", "tr", "bl", "br"].includes(v) || M === "scale", I = b || y;
       if (!S && !y && !b) return;
-      const j = Math.abs((yt = (Zt = n.scaleX) != null ? Zt : o.scaleX) != null ? yt : 1) || 1, A = Math.abs((Ct = (Gt = n.scaleY) != null ? Gt : o.scaleY) != null ? Ct : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * A), {
+      const j = Math.abs((Zt = (vt = n.scaleX) != null ? vt : o.scaleX) != null ? Zt : 1) || 1, A = Math.abs((Ae = (Tt = n.scaleY) != null ? Tt : o.scaleY) != null ? Ae : 1) || 1, C = Math.max(1, p * j), w = Math.max(1, Math.round(C)), T = Math.max(1, c * A), {
         paddingTop: E = 0,
-        paddingRight: P = 0,
+        paddingRight: F = 0,
         paddingBottom: x = 0,
         paddingLeft: N = 0,
         radiusTopLeft: Z = 0,
         radiusTopRight: D = 0,
         radiusBottomRight: _ = 0,
-        radiusBottomLeft: F = 0,
+        radiusBottomLeft: W = 0,
         fontSize: G,
         width: Y,
-        originX: K = "left"
-      } = n, tt = b || y, J = b || y, H = tt ? {
+        originX: X = "left"
+      } = n, et = b || y, J = b || y, H = et ? {
         top: Math.max(0, d.top * A),
         right: Math.max(0, d.right * A),
         bottom: Math.max(0, d.bottom * A),
@@ -4469,26 +4512,26 @@ class W {
         topRight: Math.max(0, l.topRight * A),
         bottomRight: Math.max(0, l.bottomRight * A),
         bottomLeft: Math.max(0, l.bottomLeft * A)
-      } : l, At = Object.keys(u).length > 0;
-      let st;
-      if (I && At) {
-        const ie = {};
+      } : l, jt = Object.keys(u).length > 0;
+      let nt;
+      if (I && jt) {
+        const oe = {};
         Object.entries(u).forEach(([as, Oe]) => {
           if (!Oe) return;
-          const ae = {};
-          Object.entries(Oe).forEach(([rs, Vt]) => {
-            if (!Vt) return;
-            const Le = B({}, Vt);
-            typeof Vt.fontSize == "number" && (Le.fontSize = Math.max(1, Vt.fontSize * A)), ae[rs] = Le;
-          }), Object.keys(ae).length && (ie[as] = ae);
-        }), Object.keys(ie).length && (st = ie);
+          const ie = {};
+          Object.entries(Oe).forEach(([rs, Gt]) => {
+            if (!Gt) return;
+            const Le = B({}, Gt);
+            typeof Gt.fontSize == "number" && (Le.fontSize = Math.max(1, Gt.fontSize * A)), ie[rs] = Le;
+          }), Object.keys(ie).length && (oe[as] = ie);
+        }), Object.keys(oe).length && (nt = oe);
       }
-      const lt = (Ie = (je = o.originX) != null ? je : K) != null ? Ie : "left", mt = m + p, jt = m + p / 2, ht = Y != null ? Y : p, ut = w !== ht, oe = Math.abs(T - (G != null ? G : c)) > nt, Ht = Math.abs(H.top - E) > nt || Math.abs(H.right - P) > nt || Math.abs(H.bottom - x) > nt || Math.abs(H.left - N) > nt, xt = Math.abs(q.topLeft - Z) > nt || Math.abs(q.topRight - D) > nt || Math.abs(q.bottomRight - _) > nt || Math.abs(q.bottomLeft - F) > nt;
-      if (!ut && !oe && !Ht && !xt) {
+      const ht = (Ie = (je = o.originX) != null ? je : X) != null ? Ie : "left", mt = m + p, It = m + p / 2, it = Y != null ? Y : p, yt = w !== it, ne = Math.abs(T - (G != null ? G : c)) > ot, Yt = Math.abs(H.top - E) > ot || Math.abs(H.right - F) > ot || Math.abs(H.bottom - x) > ot || Math.abs(H.left - N) > ot, xt = Math.abs(q.topLeft - Z) > ot || Math.abs(q.topRight - D) > ot || Math.abs(q.bottomRight - _) > ot || Math.abs(q.bottomLeft - W) > ot;
+      if (!yt && !ne && !Yt && !xt) {
         n.set({ scaleX: 1, scaleY: 1 }), o.scaleX = 1, o.scaleY = 1;
         return;
       }
-      st && (n.styles = st), n.set({
+      nt && (n.styles = nt), n.set({
         width: w,
         fontSize: I ? T : c,
         paddingTop: H.top,
@@ -4502,13 +4545,13 @@ class W {
         scaleX: 1,
         scaleY: 1
       });
-      const Nt = W._roundTextboxDimensions({ textbox: n });
+      const Nt = P._roundTextboxDimensions({ textbox: n });
       Nt && (n.dirty = !0);
-      const gt = (Ce = n.width) != null ? Ce : w, Bt = gt !== ht;
+      const ut = (Ce = n.width) != null ? Ce : w, Bt = ut !== it;
       let ft = m;
-      Bt && (S || b) && (lt === "right" ? ft = mt - gt : lt === "center" && (ft = jt - gt / 2)), n.set({ left: ft }), i.baseLeft = ft, o.scaleX = 1, o.scaleY = 1;
-      const { original: it } = o;
-      it && (it.scaleX = 1, it.scaleY = 1, it.width = gt, it.height = n.height, it.left = ft), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = gt, i.baseFontSize = (Te = n.fontSize) != null ? Te : T, i.baseStyles = JSON.parse(JSON.stringify((Ee = n.styles) != null ? Ee : {})), i.basePadding = {
+      Bt && (S || b) && (ht === "right" ? ft = mt - ut : ht === "center" && (ft = It - ut / 2)), n.set({ left: ft }), i.baseLeft = ft, o.scaleX = 1, o.scaleY = 1;
+      const { original: at } = o;
+      at && (at.scaleX = 1, at.scaleY = 1, at.width = ut, at.height = n.height, at.left = ft), n.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Te = n.fontSize) != null ? Te : T, i.baseStyles = JSON.parse(JSON.stringify((Ee = n.styles) != null ? Ee : {})), i.basePadding = {
         top: H.top,
         right: H.right,
         bottom: H.bottom,
@@ -4518,52 +4561,52 @@ class W {
         topRight: q.topRight,
         bottomRight: q.bottomRight,
         bottomLeft: q.bottomLeft
-      }, i.hasWidthChange = Bt || oe || Ht || xt || Nt;
+      }, i.hasWidthChange = Bt || ne || Yt || xt || Nt;
     }, this._handleObjectModified = (s) => {
       var M, S, y;
       const { target: n } = s;
       if (n instanceof U) {
         const b = n.getObjects();
-        if (!b.some((w) => W._isTextbox(w))) return;
+        if (!b.some((w) => P._isTextbox(w))) return;
         const { scaleX: j = 1, scaleY: A = 1 } = n;
-        if (Math.abs(j - 1) < nt && Math.abs(A - 1) < nt) return;
+        if (Math.abs(j - 1) < ot && Math.abs(A - 1) < ot) return;
         this.canvas.discardActiveObject(), b.forEach((w) => {
-          var T, E, P, x;
-          if (W._isTextbox(w)) {
-            const N = (T = w.scaleX) != null ? T : 1, Z = (E = w.scaleY) != null ? E : 1, D = ((P = w.fontSize) != null ? P : 16) * Z, _ = ((x = w.width) != null ? x : 0) * N, F = Z, {
+          var T, E, F, x;
+          if (P._isTextbox(w)) {
+            const N = (T = w.scaleX) != null ? T : 1, Z = (E = w.scaleY) != null ? E : 1, D = ((F = w.fontSize) != null ? F : 16) * Z, _ = ((x = w.width) != null ? x : 0) * N, W = Z, {
               paddingTop: G = 0,
               paddingRight: Y = 0,
-              paddingBottom: K = 0,
-              paddingLeft: tt = 0,
+              paddingBottom: X = 0,
+              paddingLeft: et = 0,
               radiusTopLeft: J = 0,
               radiusTopRight: H = 0,
               radiusBottomRight: q = 0,
-              radiusBottomLeft: At = 0,
-              styles: st
-            } = w, lt = {
-              paddingTop: Math.max(0, G * F),
-              paddingRight: Math.max(0, Y * F),
-              paddingBottom: Math.max(0, K * F),
-              paddingLeft: Math.max(0, tt * F)
+              radiusBottomLeft: jt = 0,
+              styles: nt
+            } = w, ht = {
+              paddingTop: Math.max(0, G * W),
+              paddingRight: Math.max(0, Y * W),
+              paddingBottom: Math.max(0, X * W),
+              paddingLeft: Math.max(0, et * W)
             }, mt = {
-              radiusTopLeft: Math.max(0, J * F),
-              radiusTopRight: Math.max(0, H * F),
-              radiusBottomRight: Math.max(0, q * F),
-              radiusBottomLeft: Math.max(0, At * F)
+              radiusTopLeft: Math.max(0, J * W),
+              radiusTopRight: Math.max(0, H * W),
+              radiusBottomRight: Math.max(0, q * W),
+              radiusBottomLeft: Math.max(0, jt * W)
             };
-            let jt = st;
-            st && Object.keys(st).length > 0 && (jt = JSON.parse(JSON.stringify(st)), Object.values(jt).forEach((ht) => {
-              Object.values(ht).forEach((ut) => {
-                typeof ut.fontSize == "number" && (ut.fontSize = Math.max(1, ut.fontSize * F));
+            let It = nt;
+            nt && Object.keys(nt).length > 0 && (It = JSON.parse(JSON.stringify(nt)), Object.values(It).forEach((it) => {
+              Object.values(it).forEach((yt) => {
+                typeof yt.fontSize == "number" && (yt.fontSize = Math.max(1, yt.fontSize * W));
               });
-            })), w.set(vt(B(B({
+            })), w.set(bt(B(B({
               fontSize: D,
               width: _,
               scaleX: 1,
               scaleY: 1
-            }, lt), mt), {
-              styles: jt
-            })), W._roundTextboxDimensions({ textbox: w });
+            }, ht), mt), {
+              styles: It
+            })), P._roundTextboxDimensions({ textbox: w });
           }
           w.setCoords();
         });
@@ -4573,7 +4616,7 @@ class W {
         this.canvas.setActiveObject(C), this.canvas.requestRenderAll();
         return;
       }
-      if (!W._isTextbox(n)) return;
+      if (!P._isTextbox(n)) return;
       n.isScaling = !1;
       const o = this.scalingState.get(n);
       if (this.scalingState.delete(n), !(o != null && o.hasWidthChange)) return;
@@ -4582,8 +4625,8 @@ class W {
         paddingRight: d = 0,
         paddingBottom: l = 0,
         paddingLeft: u = 0,
-        radiusTopLeft: g = 0,
-        radiusTopRight: f = 0,
+        radiusTopLeft: f = 0,
+        radiusTopRight: g = 0,
         radiusBottomRight: p = 0,
         radiusBottomLeft: m = 0
       } = n, v = {
@@ -4592,8 +4635,8 @@ class W {
         paddingRight: d,
         paddingBottom: l,
         paddingLeft: u,
-        radiusTopLeft: g,
-        radiusTopRight: f,
+        radiusTopLeft: f,
+        radiusTopRight: g,
         radiusBottomRight: p,
         radiusBottomLeft: m
       };
@@ -4608,8 +4651,8 @@ class W {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(P = {}, { withoutSelection: w = !1, withoutSave: T = !1, withoutAdding: E = !1 } = {}) {
-    var x = P, {
+  addText(F = {}, { withoutSelection: w = !1, withoutSave: T = !1, withoutAdding: E = !1 } = {}) {
+    var x = F, {
       id: t = `text-${V()}`,
       text: e = "Новый текст",
       fontFamily: s,
@@ -4622,8 +4665,8 @@ class W {
       align: d = "left",
       color: l = "#000000",
       strokeColor: u,
-      strokeWidth: g = 0,
-      opacity: f = 1,
+      strokeWidth: f = 0,
+      opacity: g = 1,
       backgroundColor: p,
       backgroundOpacity: m = 1,
       paddingTop: v = 0,
@@ -4634,7 +4677,7 @@ class W {
       radiusTopRight: I = 0,
       radiusBottomRight: j = 0,
       radiusBottomLeft: A = 0
-    } = x, C = bt(x, [
+    } = x, C = Mt(x, [
       "id",
       "text",
       "fontFamily",
@@ -4660,10 +4703,10 @@ class W {
       "radiusBottomRight",
       "radiusBottomLeft"
     ]);
-    var tt;
+    var et;
     const { historyManager: N } = this.editor, { canvas: Z } = this;
     N.suspendHistory();
-    const D = s != null ? s : this._getDefaultFontFamily(), _ = Xe({ width: g }), F = Ve({
+    const D = s != null ? s : this._getDefaultFontFamily(), _ = Xe({ width: f }), W = Ve({
       strokeColor: u,
       width: _
     }), G = B({
@@ -4677,10 +4720,10 @@ class W {
       linethrough: c,
       textAlign: d,
       fill: l,
-      stroke: F,
+      stroke: W,
       strokeWidth: _,
       strokeUniform: !0,
-      opacity: f,
+      opacity: g,
       backgroundColor: p,
       backgroundOpacity: m,
       paddingTop: v,
@@ -4691,21 +4734,21 @@ class W {
       radiusTopRight: I,
       radiusBottomRight: j,
       radiusBottomLeft: A
-    }, C), Y = new ne(e, G);
-    if (Y.textCaseRaw = (tt = Y.text) != null ? tt : "", r) {
-      const J = ce({ value: Y.textCaseRaw });
+    }, C), Y = new se(e, G);
+    if (Y.textCaseRaw = (et = Y.text) != null ? et : "", r) {
+      const J = re({ value: Y.textCaseRaw });
       J !== Y.text && Y.set({ text: J });
     }
-    return W._roundTextboxDimensions({ textbox: Y }) && (Y.dirty = !0), C.left === void 0 && C.top === void 0 && Z.centerObject(Y), E || Z.add(Y), w || Z.setActiveObject(Y), Z.requestRenderAll(), N.resumeHistory(), T || N.saveState(), Z.fire("editor:text-added", {
+    return P._roundTextboxDimensions({ textbox: Y }) && (Y.dirty = !0), C.left === void 0 && C.top === void 0 && Z.centerObject(Y), E || Z.add(Y), w || Z.setActiveObject(Y), Z.requestRenderAll(), N.resumeHistory(), T || N.saveState(), Z.fire("editor:text-added", {
       textbox: Y,
-      options: vt(B({}, G), {
+      options: bt(B({}, G), {
         text: e,
         bold: o,
         italic: i,
         strikethrough: c,
         align: d,
         color: l,
-        strokeColor: F,
+        strokeColor: W,
         strokeWidth: _
       }),
       flags: {
@@ -4724,18 +4767,18 @@ class W {
    * @param options.skipRender — не вызывать перерисовку канваса
    */
   updateText({ target: t, style: e = {}, withoutSave: s, skipRender: n } = {}) {
-    var Nt, gt, Bt, ft, it, kt, zt;
+    var Nt, ut, Bt, ft, at, kt;
     const o = this._resolveTextObject(t);
     if (!o) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = W._getSnapshot(o), xt = e, {
+    const r = P._getSnapshot(o), xt = e, {
       text: c,
       fontFamily: d,
       fontSize: l,
       bold: u,
-      italic: g,
-      underline: f,
+      italic: f,
+      underline: g,
       uppercase: p,
       strikethrough: m,
       align: v,
@@ -4750,10 +4793,10 @@ class W {
       paddingBottom: w,
       paddingLeft: T,
       radiusTopLeft: E,
-      radiusTopRight: P,
+      radiusTopRight: F,
       radiusBottomRight: x,
       radiusBottomLeft: N
-    } = xt, Z = bt(xt, [
+    } = xt, Z = Mt(xt, [
       "text",
       "fontFamily",
       "fontSize",
@@ -4777,41 +4820,46 @@ class W {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), D = B({}, Z), _ = rn({ textbox: o }), F = _ ? W._expandRangeToFullLines({ textbox: o, range: _ }) : null, G = {}, Y = {}, K = {}, tt = dn({ textbox: o, range: _ }), J = !_ || tt, H = !_;
-    if (d !== void 0 && (F && (Y.fontFamily = d), J && (D.fontFamily = d, H && (K.fontFamily = d))), l !== void 0 && (F && (Y.fontSize = l), J && (D.fontSize = l, H && (K.fontSize = l))), u !== void 0) {
-      const X = u ? "bold" : "normal";
-      _ && (G.fontWeight = X), J && (D.fontWeight = X, H && (K.fontWeight = X));
-    }
-    if (g !== void 0) {
-      const X = g ? "italic" : "normal";
-      _ && (G.fontStyle = X), J && (D.fontStyle = X, H && (K.fontStyle = X));
-    }
-    if (f !== void 0 && (_ && (G.underline = f), J && (D.underline = f, H && (K.underline = f))), m !== void 0 && (_ && (G.linethrough = m), J && (D.linethrough = m, H && (K.linethrough = m))), v !== void 0 && (D.textAlign = v), M !== void 0 && (_ && (G.fill = M), J && (D.fill = M, H && (K.fill = M))), S !== void 0 || y !== void 0) {
-      const X = _ ? Ge({ textbox: o, range: _, property: "strokeWidth" }) : void 0, It = _ ? Ge({ textbox: o, range: _, property: "stroke" }) : void 0, Zt = (gt = (Nt = y != null ? y : X) != null ? Nt : o.strokeWidth) != null ? gt : 0, yt = Xe({ width: Zt }), Gt = (ft = (Bt = S != null ? S : It) != null ? Bt : o.stroke) != null ? ft : void 0, Ct = Ve({
-        strokeColor: Gt,
-        width: yt
+    ]), D = B({}, Z), _ = rn({ textbox: o }), W = _ ? P._expandRangeToFullLines({ textbox: o, range: _ }) : null, G = {}, Y = {}, X = {}, et = dn({ textbox: o, range: _ }), J = !_ || et, H = !_;
+    if (d !== void 0 && (W && (Y.fontFamily = d), J && (D.fontFamily = d, H && (X.fontFamily = d))), l !== void 0 && (W && (Y.fontSize = l), J && (D.fontSize = l, H && (X.fontSize = l))), u !== void 0) {
+      const K = u ? "bold" : "normal";
+      _ && (G.fontWeight = K), J && (D.fontWeight = K, H && (X.fontWeight = K));
+    }
+    if (f !== void 0) {
+      const K = f ? "italic" : "normal";
+      _ && (G.fontStyle = K), J && (D.fontStyle = K, H && (X.fontStyle = K));
+    }
+    if (g !== void 0 && (_ && (G.underline = g), J && (D.underline = g, H && (X.underline = g))), m !== void 0 && (_ && (G.linethrough = m), J && (D.linethrough = m, H && (X.linethrough = m))), v !== void 0 && (D.textAlign = v), M !== void 0 && (_ && (G.fill = M), J && (D.fill = M, H && (X.fill = M))), S !== void 0 || y !== void 0) {
+      const K = _ ? Ge({ textbox: o, range: _, property: "strokeWidth" }) : void 0, Ct = _ ? Ge({ textbox: o, range: _, property: "stroke" }) : void 0, Ht = (ut = (Nt = y != null ? y : K) != null ? Nt : o.strokeWidth) != null ? ut : 0, vt = Xe({ width: Ht }), Zt = (ft = (Bt = S != null ? S : Ct) != null ? Bt : o.stroke) != null ? ft : void 0, Tt = Ve({
+        strokeColor: Zt,
+        width: vt
       });
-      _ && (G.stroke = Ct, G.strokeWidth = yt), J && (D.stroke = Ct, D.strokeWidth = yt, H && (K.stroke = Ct, K.strokeWidth = yt));
+      _ && (G.stroke = Tt, G.strokeWidth = vt), J && (D.stroke = Tt, D.strokeWidth = vt, H && (X.stroke = Tt, X.strokeWidth = vt));
     }
-    b !== void 0 && (D.opacity = b), I !== void 0 && (D.backgroundColor = I), j !== void 0 && (D.backgroundOpacity = j), A !== void 0 && (D.paddingTop = A), C !== void 0 && (D.paddingRight = C), w !== void 0 && (D.paddingBottom = w), T !== void 0 && (D.paddingLeft = T), E !== void 0 && (D.radiusTopLeft = E), P !== void 0 && (D.radiusTopRight = P), x !== void 0 && (D.radiusBottomRight = x), N !== void 0 && (D.radiusBottomLeft = N);
-    const q = (kt = o.textCaseRaw) != null ? kt : (it = o.text) != null ? it : "", At = !!o.uppercase, st = c !== void 0, lt = st ? c != null ? c : "" : q, mt = p != null ? p : At;
-    if (st || mt !== At) {
-      const X = mt ? ce({ value: lt }) : lt;
-      D.text = X, o.textCaseRaw = lt;
+    b !== void 0 && (D.opacity = b), I !== void 0 && (D.backgroundColor = I), j !== void 0 && (D.backgroundOpacity = j), A !== void 0 && (D.paddingTop = A), C !== void 0 && (D.paddingRight = C), w !== void 0 && (D.paddingBottom = w), T !== void 0 && (D.paddingLeft = T), E !== void 0 && (D.radiusTopLeft = E), F !== void 0 && (D.radiusTopRight = F), x !== void 0 && (D.radiusBottomRight = x), N !== void 0 && (D.radiusBottomLeft = N);
+    const q = (kt = o.textCaseRaw) != null ? kt : (at = o.text) != null ? at : "", jt = !!o.uppercase, nt = c !== void 0, ht = nt ? c != null ? c : "" : q, mt = p != null ? p : jt;
+    if (nt || mt !== jt) {
+      const K = mt ? re({ value: ht }) : ht;
+      D.text = K, o.textCaseRaw = ht;
     } else o.textCaseRaw === void 0 && (o.textCaseRaw = q);
     o.uppercase = mt, o.set(D);
-    let ht = !1;
+    let it = !1;
     if (_) {
-      const X = re({ textbox: o, styles: G, range: _ }), It = F ? re({ textbox: o, styles: Y, range: F }) : !1;
-      ht = X || It;
-    } else if (Object.keys(K).length) {
-      const X = cn({ textbox: o });
-      X && (ht = re({ textbox: o, styles: K, range: X }));
-    }
-    ht && (o.dirty = !0), (I !== void 0 || j !== void 0 || A !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || P !== void 0 || x !== void 0 || N !== void 0) && (o.dirty = !0);
-    const ut = o.calcTextWidth();
-    ut > ((zt = o.width) != null ? zt : 0) && (o.set({ width: ut }), o.dirty = !0), W._roundTextboxDimensions({ textbox: o }) && (o.dirty = !0), o.setCoords(), n || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Ht = W._getSnapshot(o);
+      const K = ae({ textbox: o, styles: G, range: _ }), Ct = W ? ae({ textbox: o, styles: Y, range: W }) : !1;
+      it = K || Ct;
+    } else if (Object.keys(X).length) {
+      const K = cn({ textbox: o });
+      K && (it = ae({ textbox: o, styles: X, range: K }));
+    }
+    const yt = it && P._hasLayoutAffectingStyles({
+      stylesList: [
+        G,
+        Y,
+        X
+      ]
+    });
+    it && (o.dirty = !0), yt && (o.initDimensions(), o.dirty = !0), (I !== void 0 || j !== void 0 || A !== void 0 || C !== void 0 || w !== void 0 || T !== void 0 || E !== void 0 || F !== void 0 || x !== void 0 || N !== void 0) && (o.dirty = !0), P._roundTextboxDimensions({ textbox: o }) && (o.dirty = !0), o.setCoords(), n || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const Yt = P._getSnapshot(o);
     return a.fire("editor:text-updated", {
       textbox: o,
       target: t,
@@ -4822,7 +4870,7 @@ class W {
       },
       updates: D,
       before: r,
-      after: Ht,
+      after: Yt,
       selectionRange: _ != null ? _ : void 0,
       selectionStyles: _ && Object.keys(G).length ? G : void 0
     }), o;
@@ -4832,20 +4880,20 @@ class W {
    */
   destroy() {
     const { canvas: t } = this;
-    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", W._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", W._handleTextChanged);
+    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", P._handleObjectResizing), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", P._handleTextChanged);
   }
   /**
    * Возвращает активный текст или ищет по id.
    */
   _resolveTextObject(t) {
-    if (t instanceof ot) return t;
+    if (t instanceof st) return t;
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
-      return W._isTextbox(s) ? s : null;
+      return P._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((n) => W._isTextbox(n) && n.id === t);
+      const s = e.getObjects().find((n) => P._isTextbox(n) && n.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4854,28 +4902,28 @@ class W {
    * Проверяет, является ли объект текстовым блоком редактора.
    */
   static _isTextbox(t) {
-    return !!t && t instanceof ot;
+    return !!t && t instanceof st;
   }
   /**
    * Вешает обработчики событий Fabric для работы с текстом.
    */
   _bindEvents() {
     const { canvas: t } = this;
-    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", W._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", W._handleTextChanged);
+    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", P._handleObjectResizing), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", P._handleTextChanged);
   }
   /**
    * Реагирует на изменение текста в режиме редактирования: синхронизирует textCaseRaw и uppercase.
    */
   static _handleTextChanged(t) {
     const { target: e } = t;
-    if (!W._isTextbox(e)) return;
+    if (!P._isTextbox(e)) return;
     const { text: s = "", uppercase: n } = e, o = !!n, i = s.toLocaleLowerCase();
     if (o) {
-      const r = ce({ value: i });
+      const r = re({ value: i });
       r !== s && e.set({ text: r }), e.textCaseRaw = i;
     } else
       e.textCaseRaw = s;
-    W._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
+    P._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
   }
   /**
    * Обрабатывает изменение ширины текстового объекта (resizing).
@@ -4884,9 +4932,9 @@ class W {
    * Также корректирует позицию при ресайзе слева, чтобы компенсировать смещение.
    */
   static _handleObjectResizing(t) {
-    var l, u, g, f, p, m;
+    var l, u, f, g, p, m;
     const { target: e, transform: s } = t;
-    if (!W._isTextbox(e)) return;
+    if (!P._isTextbox(e)) return;
     const {
       paddingLeft: n = 0,
       paddingRight: o = 0
@@ -4897,7 +4945,7 @@ class W {
     e.set({ width: r });
     const c = (u = e.width) != null ? u : 0, d = a - c;
     if (d !== 0 && s && s.corner === "ml") {
-      const M = ((g = e.angle) != null ? g : 0) * Math.PI / 180, S = Math.cos(M), y = Math.sin(M), b = (f = e.scaleX) != null ? f : 1, I = d * b;
+      const M = ((f = e.angle) != null ? f : 0) * Math.PI / 180, S = Math.cos(M), y = Math.sin(M), b = (g = e.scaleX) != null ? g : 1, I = d * b;
       e.set({
         left: ((p = e.left) != null ? p : 0) + I * S,
         top: ((m = e.top) != null ? m : 0) + I * y
@@ -4926,7 +4974,7 @@ class W {
     textbox: t,
     range: e
   }) {
-    const s = W._getLineRanges({ textbox: t });
+    const s = P._getLineRanges({ textbox: t });
     if (!s.length) return e;
     let { start: n } = e, { end: o } = e;
     return s.forEach(({ start: i, end: a }) => {
@@ -4944,9 +4992,9 @@ class W {
         paddingTop: d = 0,
         paddingRight: l = 0,
         paddingBottom: u = 0,
-        paddingLeft: g = 0
+        paddingLeft: f = 0
       } = t, {
-        radiusTopLeft: f = 0,
+        radiusTopLeft: g = 0,
         radiusTopRight: p = 0,
         radiusBottomRight: m = 0,
         radiusBottomLeft: v = 0
@@ -4959,10 +5007,10 @@ class W {
           top: d,
           right: l,
           bottom: u,
-          left: g
+          left: f
         },
         baseRadii: {
-          topLeft: f,
+          topLeft: g,
           topRight: p,
           bottomRight: m,
           bottomLeft: v
@@ -4982,16 +5030,39 @@ class W {
   }) {
     return typeof t == "number" ? t : typeof e == "number" ? e : 0;
   }
+  /**
+   * Проверяет, есть ли среди стилей свойства, влияющие на перенос строк и высоту текста.
+   */
+  static _hasLayoutAffectingStyles({
+    stylesList: t
+  }) {
+    const e = t.length;
+    if (!e) return !1;
+    for (let s = 0; s < e; s += 1) {
+      const n = t[s];
+      if (!n) continue;
+      const {
+        fontFamily: o,
+        fontSize: i,
+        fontWeight: a,
+        fontStyle: r,
+        lineHeight: c,
+        charSpacing: d
+      } = n;
+      if (o !== void 0 || i !== void 0 || a !== void 0 || r !== void 0 || c !== void 0 || d !== void 0) return !0;
+    }
+    return !1;
+  }
   /**
    * Округляет ширину и высоту текстового блока до ближайших целых значений.
    */
   static _roundTextboxDimensions({
     textbox: t
   }) {
-    const { width: e, height: s, calcTextWidth: n, calcTextHeight: o } = t, i = typeof n == "function" ? n.call(t) : void 0, a = typeof o == "function" ? o.call(t) : void 0, r = W._resolveDimension({
+    const { width: e, height: s, calcTextWidth: n, calcTextHeight: o } = t, i = typeof n == "function" ? n.call(t) : void 0, a = typeof o == "function" ? o.call(t) : void 0, r = P._resolveDimension({
       rawValue: e,
       calculatedValue: i
-    }), c = W._resolveDimension({
+    }), c = P._resolveDimension({
       rawValue: s,
       calculatedValue: a
     }), d = Number.isFinite(r) ? Math.round(r) : null, l = Number.isFinite(c) ? Math.round(c) : null, u = {};
@@ -5005,8 +5076,8 @@ class W {
       snapshot: G,
       entries: Y
     }) => {
-      Object.entries(Y).forEach(([K, tt]) => {
-        tt != null && (G[K] = tt);
+      Object.entries(Y).forEach(([X, et]) => {
+        et != null && (G[X] = et);
       });
     }, {
       id: s,
@@ -5019,8 +5090,8 @@ class W {
       fontStyle: d,
       underline: l,
       linethrough: u,
-      textAlign: g,
-      fill: f,
+      textAlign: f,
+      fill: g,
       stroke: p,
       strokeWidth: m,
       opacity: v,
@@ -5035,19 +5106,19 @@ class W {
       radiusBottomRight: w,
       radiusBottomLeft: T,
       left: E,
-      top: P,
+      top: F,
       width: x,
       height: N,
       angle: Z,
       scaleX: D,
       scaleY: _
-    } = t, F = {
+    } = t, W = {
       id: s,
       uppercase: !!i,
-      textAlign: g
+      textAlign: f
     };
     return e({
-      snapshot: F,
+      snapshot: W,
       entries: {
         text: n,
         textCaseRaw: o,
@@ -5057,7 +5128,7 @@ class W {
         fontStyle: d,
         underline: l,
         linethrough: u,
-        fill: f,
+        fill: g,
         stroke: p,
         strokeWidth: m,
         opacity: v,
@@ -5072,14 +5143,14 @@ class W {
         radiusBottomRight: w,
         radiusBottomLeft: T,
         left: E,
-        top: P,
+        top: F,
         width: x,
         height: N,
         angle: Z,
         scaleX: D,
         scaleY: _
       }
-    }), F;
+    }), W;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -5092,7 +5163,7 @@ class W {
 const Q = ({
   value: h,
   fallback: t = 0
-}) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, qt = ({
+}) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, Qt = ({
   value: h,
   dimension: t,
   useRelativePositions: e
@@ -5109,29 +5180,29 @@ const Q = ({
   const o = h;
   if (typeof o[n.x] == "number" && typeof o[n.y] == "number")
     return {
-      x: qt({
+      x: Qt({
         value: o[n.x],
         dimension: t,
         useRelativePositions: s
       }),
-      y: qt({
+      y: Qt({
         value: o[n.y],
         dimension: e,
         useRelativePositions: s
       })
     };
-  const { left: a, top: r, width: c, height: d } = h, l = qt({
+  const { left: a, top: r, width: c, height: d } = h, l = Qt({
     value: a,
     dimension: t,
     useRelativePositions: s
-  }), u = qt({
+  }), u = Qt({
     value: r,
     dimension: e,
     useRelativePositions: s
-  }), g = Q({ value: c }) / (t || 1), f = Q({ value: d }) / (e || 1);
+  }), f = Q({ value: c }) / (t || 1), g = Q({ value: d }) / (e || 1);
   return {
-    x: l + g / 2,
-    y: u + f / 2
+    x: l + f / 2,
+    y: u + g / 2
   };
 }, hn = ({
   normalizedX: h,
@@ -5142,11 +5213,11 @@ const Q = ({
 }) => {
   const { left: o, top: i, width: a, height: r } = e;
   if (!n) {
-    const { width: l, height: u } = s, g = o + h * (l || a), f = i + t * (u || r);
-    return new et(g, f);
+    const { width: l, height: u } = s, f = o + h * (l || a), g = i + t * (u || r);
+    return new tt(f, g);
   }
   const c = o + h * a, d = i + t * r;
-  return new et(c, d);
+  return new tt(c, d);
 }, un = ({
   object: h,
   montageArea: t,
@@ -5185,12 +5256,12 @@ const Q = ({
   } catch (t) {
     return null;
   }
-}, gn = ({
+}, fn = ({
   x1: h,
   y1: t,
   x2: e,
   y2: s
-}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, fn = (h) => {
+}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, gn = (h) => {
   if (!h || typeof h != "object") return null;
   const { type: t, coords: e, colorStops: s } = h, n = Array.isArray(s) ? s : [], o = n[0], i = n[n.length - 1], a = typeof (o == null ? void 0 : o.color) == "string" ? o.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (o == null ? void 0 : o.offset) == "number" ? o.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0, l = n.map((u) => ({
     color: typeof u.color == "string" ? u.color : "#000000",
@@ -5198,11 +5269,11 @@ const Q = ({
   }));
   if (!a || !r || !e) return null;
   if (t === "linear") {
-    const { x1: u, y1: g, x2: f, y2: p } = e;
-    if (typeof u == "number" && typeof g == "number" && typeof f == "number" && typeof p == "number")
+    const { x1: u, y1: f, x2: g, y2: p } = e;
+    if (typeof u == "number" && typeof f == "number" && typeof g == "number" && typeof p == "number")
       return {
         type: "linear",
-        angle: gn({ x1: u, y1: g, x2: f, y2: p }),
+        angle: fn({ x1: u, y1: f, x2: g, y2: p }),
         startColor: a,
         endColor: r,
         startPosition: c,
@@ -5211,13 +5282,13 @@ const Q = ({
       };
   }
   if (t === "radial") {
-    const { x1: u, y1: g, r2: f } = e;
-    if (typeof u == "number" && typeof g == "number" && typeof f == "number")
+    const { x1: u, y1: f, r2: g } = e;
+    if (typeof u == "number" && typeof f == "number" && typeof g == "number")
       return {
         type: "radial",
         centerX: u * 100,
-        centerY: g * 100,
-        radius: f * 100,
+        centerY: f * 100,
+        radius: g * 100,
         startColor: a,
         endColor: r,
         startPosition: c,
@@ -5226,7 +5297,7 @@ const Q = ({
       };
   }
   return null;
-}, Wt = "_templateCenterX", de = "_templateCenterY", Jt = "_templateAnchorX", le = "_templateAnchorY";
+}, Pt = "_templateCenterX", ce = "_templateCenterY", qt = "_templateAnchorX", de = "_templateAnchorY";
 class R {
   constructor({ editor: t }) {
     this.editor = t;
@@ -5246,21 +5317,21 @@ class R {
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = o.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = n && l ? [l] : [], g = [...d, ...u];
-    if (!g.length)
+    } = this.editor, c = o.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = n && l ? [l] : [], f = [...d, ...u];
+    if (!f.length)
       return a.emitWarning({
         origin: "TemplateManager",
         method: "serializeSelection",
-        code: Mt.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+        code: wt.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
         message: "Нет объектов для сериализации шаблона"
       }), null;
-    const f = R._getBounds(i), p = R._getMontageSize({ montageArea: i, bounds: f }), m = p.width, v = p.height, M = g.map((b) => R._serializeObject({
+    const g = R._getBounds(i), p = R._getMontageSize({ montageArea: i, bounds: g }), m = p.width, v = p.height, M = f.map((b) => R._serializeObject({
       object: b,
-      bounds: f,
+      bounds: g,
       baseWidth: m,
       baseHeight: v,
       montageArea: i != null ? i : null
-    })), S = vt(B({}, s), {
+    })), S = bt(B({}, s), {
       baseWidth: m,
       baseHeight: v,
       positionsNormalized: !0,
@@ -5294,7 +5365,7 @@ class R {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: Mt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+          code: wt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
           message: "Шаблон не содержит объектов"
         }), null;
       const u = R._getBounds(o);
@@ -5302,10 +5373,10 @@ class R {
         return a.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: Mt.TEMPLATE_MANAGER.INVALID_TARGET,
+          code: wt.TEMPLATE_MANAGER.INVALID_TARGET,
           message: "Не удалось определить границы монтажной области"
         }), null;
-      const g = R._getMontageSize({ montageArea: o, bounds: u }), f = R._normalizeMeta({ meta: d, fallback: g }), p = R._calculateScale({ meta: f, target: g }), m = !!f.positionsNormalized;
+      const f = R._getMontageSize({ montageArea: o, bounds: u }), g = R._normalizeMeta({ meta: d, fallback: f }), p = R._calculateScale({ meta: g, target: f }), m = !!g.positionsNormalized;
       let v = !1, M = !1;
       i.suspendHistory();
       try {
@@ -5314,7 +5385,7 @@ class R {
           return a.emitWarning({
             origin: "TemplateManager",
             method: "applyTemplate",
-            code: Mt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+            code: wt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
         const { backgroundObject: y, contentObjects: b } = R._extractBackgroundObject(S);
@@ -5325,14 +5396,14 @@ class R {
         }));
         const I = b.map((j) => (this._adaptTextboxWidth({
           object: j,
-          baseWidth: f.baseWidth
+          baseWidth: g.baseWidth
         }), R._transformObject({
           object: j,
           scale: p,
           bounds: u,
-          targetSize: g,
-          baseWidth: f.baseWidth,
-          baseHeight: f.baseHeight,
+          targetSize: f,
+          baseWidth: g.baseWidth,
+          baseHeight: g.baseHeight,
           montageArea: o,
           useRelativePositions: m
         }), j.set({
@@ -5348,7 +5419,7 @@ class R {
         return a.emitError({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: Mt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: wt.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
             templateId: l,
@@ -5395,7 +5466,7 @@ class R {
           if (i)
             return R._restoreImageScale({ revived: i, serialized: s }), i;
         }
-        const n = yield dt.enlivenObjects([s]), o = n == null ? void 0 : n[0];
+        const n = yield lt.enlivenObjects([s]), o = n == null ? void 0 : n[0];
         return o ? (R._restoreImageScale({ revived: o, serialized: s }), o) : null;
       })))).filter((s) => !!s);
     });
@@ -5417,14 +5488,14 @@ class R {
     } = e, c = t, d = "getElement" in c && typeof c.getElement == "function" ? c.getElement() : null, {
       naturalWidth: l = 0,
       naturalHeight: u = 0,
-      width: g = 0,
-      height: f = 0
+      width: f = 0,
+      height: g = 0
     } = d instanceof HTMLImageElement ? d : {
       naturalWidth: 0,
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, p = Q({ value: l || g || c.width, fallback: 0 }), m = Q({ value: u || f || c.height, fallback: 0 }), v = Q({ value: n, fallback: p }), M = Q({ value: o, fallback: m }), S = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * S, I = M * y, j = p > 0, A = m > 0, C = b > 0, w = I > 0, T = R._resolveImageFit({ customData: r }), E = {};
+    }, p = Q({ value: l || f || c.width, fallback: 0 }), m = Q({ value: u || g || c.height, fallback: 0 }), v = Q({ value: n, fallback: p }), M = Q({ value: o, fallback: m }), S = Q({ value: i, fallback: c.scaleX || 1 }), y = Q({ value: a, fallback: c.scaleY || 1 }), b = v * S, I = M * y, j = p > 0, A = m > 0, C = b > 0, w = I > 0, T = R._resolveImageFit({ customData: r }), E = {};
     if (j && (E.width = p), A && (E.height = m), !j || !A) {
       c.set(E);
       return;
@@ -5438,8 +5509,8 @@ class R {
       c.set(E);
       return;
     }
-    const P = Math.min(b / p, I / m);
-    Number.isFinite(P) && P > 0 && (E.scaleX = P, E.scaleY = P), c.set(E);
+    const F = Math.min(b / p, I / m);
+    Number.isFinite(F) && F > 0 && (E.scaleX = F, E.scaleY = F), c.set(E);
   }
   /**
    * Определяет режим вписывания изображения при восстановлении.
@@ -5465,7 +5536,7 @@ class R {
       const e = typeof t.svgMarkup == "string" ? t.svgMarkup : null;
       if (!e) return null;
       try {
-        const s = yield ms(e), n = dt.groupSVGElements(s.objects, s.options), o = yield dt.enlivenObjectEnlivables(
+        const s = yield ms(e), n = lt.groupSVGElements(s.objects, s.options), o = yield lt.enlivenObjectEnlivables(
           R._prepareSerializableProps(t)
         );
         return n.set(o), n.setCoords(), n;
@@ -5530,28 +5601,28 @@ class R {
       baseHeight: i,
       useRelativePositions: r,
       centerKeys: {
-        x: Wt,
-        y: de
+        x: Pt,
+        y: ce
       }
-    }), { scaleX: u, scaleY: g } = t, f = Q({ value: u, fallback: 1 }), p = Q({ value: g, fallback: 1 }), m = R._getPositioningBounds({
+    }), { scaleX: u, scaleY: f } = t, g = Q({ value: u, fallback: 1 }), p = Q({ value: f, fallback: 1 }), m = R._getPositioningBounds({
       bounds: s,
       baseWidth: o,
       baseHeight: i,
       scale: e,
       useRelativePositions: r,
-      anchorX: R._resolveAnchor(c, Jt),
-      anchorY: R._resolveAnchor(c, le)
+      anchorX: R._resolveAnchor(c, qt),
+      anchorY: R._resolveAnchor(c, de)
     }), v = hn({
       normalizedX: d,
       normalizedY: l,
       bounds: m,
       targetSize: n,
       montageArea: a
-    }), M = f * e, S = p * e;
+    }), M = g * e, S = p * e;
     t.set({
       scaleX: M,
       scaleY: S
-    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Wt], delete c[de], delete c[Jt], delete c[le];
+    }), t.setPositionByOrigin(v, "center", "center"), t.setCoords(), delete c[Pt], delete c[ce], delete c[qt], delete c[de];
   }
   /**
    * Возвращает bounds, в которых должны позиционироваться нормализованные объекты.
@@ -5567,10 +5638,10 @@ class R {
     anchorY: a
   }) {
     if (!o) return t;
-    const r = (e || t.width) * n, c = (s || t.height) * n, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), g = t.top + R._calculateAnchorOffset(a, l);
+    const r = (e || t.width) * n, c = (s || t.height) * n, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), f = t.top + R._calculateAnchorOffset(a, l);
     return {
       left: u,
-      top: g,
+      top: f,
       width: r,
       height: c
     };
@@ -5598,7 +5669,7 @@ class R {
     meta: t,
     fallback: e
   }) {
-    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = bt(r, ["baseWidth", "baseHeight"]);
+    const { width: s, height: n } = e, r = t || {}, { baseWidth: o = s, baseHeight: i = n } = r, a = Mt(r, ["baseWidth", "baseHeight"]);
     return B({
       baseWidth: o,
       baseHeight: i
@@ -5637,7 +5708,7 @@ class R {
     baseWidth: e
   }) {
     var Z, D;
-    if (!(t instanceof ot)) return;
+    if (!(t instanceof st)) return;
     const s = typeof t.text == "string" ? t.text : "";
     if (!s) return;
     const n = Q({
@@ -5647,19 +5718,19 @@ class R {
       width: o = 0,
       scaleX: i = 1,
       strokeWidth: a = 0
-    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), g = Q({ value: a, fallback: 0 }) * u, f = Q({ value: o, fallback: 0 }), p = f * u, m = d * u, v = l * u, M = p + m + v + g;
-    if (!n || !f || !r) return;
+    } = t, r = Q({ value: e, fallback: 0 }), c = t, d = Q({ value: c.paddingLeft, fallback: 0 }), l = Q({ value: c.paddingRight, fallback: 0 }), u = Q({ value: i, fallback: 1 }), f = Q({ value: a, fallback: 0 }) * u, g = Q({ value: o, fallback: 0 }), p = g * u, m = d * u, v = l * u, M = p + m + v + f;
+    if (!n || !g || !r) return;
     t.setCoords();
-    const S = t, y = S[Wt], b = typeof y == "number" ? y : null, I = R._resolveAnchor(S, Jt), j = M / r, A = b !== null ? b - j / 2 : null, C = b !== null ? b + j / 2 : null, w = t.getCenterPoint();
+    const S = t, y = S[Pt], b = typeof y == "number" ? y : null, I = R._resolveAnchor(S, qt), j = M / r, A = b !== null ? b - j / 2 : null, C = b !== null ? b + j / 2 : null, w = t.getCenterPoint();
     t.set("width", n), t.initDimensions();
     const T = R._getLongestLineWidth({
       textbox: t,
       text: s
-    }), E = T > f ? T + 1 : f;
+    }), E = T > g ? T + 1 : g;
     t.set("width", E), t.initDimensions(), t.setPositionByOrigin(w, "center", "center"), t.setCoords();
-    const x = (E * u + m + v + g) / r;
+    const x = (E * u + m + v + f) / r;
     let N = b;
-    I === "start" && A !== null ? N = Math.max(0, A) + x / 2 : I === "end" && C !== null && (N = Math.min(1, C) - x / 2), typeof N == "number" && (S[Wt] = N);
+    I === "start" && A !== null ? N = Math.max(0, A) + x / 2 : I === "end" && C !== null && (N = Math.min(1, C) - x / 2), typeof N == "number" && (S[Pt] = N);
   }
   /**
    * Возвращает ширину самой длинной строки текстового объекта.
@@ -5700,22 +5771,22 @@ class R {
       top: r,
       width: c,
       height: d
-    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = n || d || 1, f = un({
+    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, f = n || d || 1, g = un({
       object: t,
       montageArea: o,
       bounds: e
-    }), p = f != null ? f : (() => {
+    }), p = g != null ? g : (() => {
       const y = t.getCenterPoint();
       return {
         x: (y.x - a) / u,
-        y: (y.y - r) / g
+        y: (y.y - r) / f
       };
-    })(), m = (l.left - a) / u, v = (l.top - r) / g, M = m + l.width / u, S = v + l.height / g;
-    return i[Wt] = p.x, i[de] = p.y, i[Jt] = R._detectAnchor({
+    })(), m = (l.left - a) / u, v = (l.top - r) / f, M = m + l.width / u, S = v + l.height / f;
+    return i[Pt] = p.x, i[ce] = p.y, i[qt] = R._detectAnchor({
       center: p.x,
       start: m,
       end: M
-    }), i[le] = R._detectAnchor({
+    }), i[de] = R._detectAnchor({
       center: p.y,
       start: v,
       end: S
@@ -5750,7 +5821,7 @@ class R {
             withoutSave: !0
           }), !0;
         if (a === "gradient") {
-          const c = fn(o);
+          const c = gn(o);
           if (c)
             return e.setGradientBackground({
               gradient: c,
@@ -5773,7 +5844,7 @@ class R {
         s.emitWarning({
           origin: "TemplateManager",
           method: "applyTemplate",
-          code: Mt.TEMPLATE_MANAGER.APPLY_FAILED,
+          code: wt.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Не удалось применить фон из шаблона",
           data: o
         });
@@ -5829,10 +5900,10 @@ class R {
    */
   // eslint-disable-next-line class-methods-use-this
   enlivenObjectEnlivables(t) {
-    return dt.enlivenObjectEnlivables(t);
+    return lt.enlivenObjectEnlivables(t);
   }
 }
-const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
+const pn = 5, ss = "#3D8BF4", pe = 1, Jt = 1, Ke = ({
   anchors: h,
   positions: t,
   threshold: e
@@ -5889,8 +5960,8 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
   for (const d of s)
     for (const l of t)
       if (n === "vertical") {
-        const u = o - l.bottom, g = Math.abs(u - d.distance);
-        if (g <= e) {
+        const u = o - l.bottom, f = Math.abs(u - d.distance);
+        if (f <= e) {
           const m = d.distance - u, v = {
             type: n,
             axis: d.axis,
@@ -5900,11 +5971,11 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
             activeEnd: l.bottom + d.distance,
             distance: d.distance
           };
-          c.push({ delta: m, guide: v, diff: g });
+          c.push({ delta: m, guide: v, diff: f });
         }
-        const f = l.top - i, p = Math.abs(f - d.distance);
+        const g = l.top - i, p = Math.abs(g - d.distance);
         if (p <= e) {
-          const m = d.distance - f, v = {
+          const m = d.distance - g, v = {
             type: n,
             axis: d.axis,
             refStart: d.start,
@@ -5916,8 +5987,8 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
           c.push({ delta: m, guide: v, diff: p });
         }
       } else {
-        const u = a - l.right, g = Math.abs(u - d.distance);
-        if (g <= e) {
+        const u = a - l.right, f = Math.abs(u - d.distance);
+        if (f <= e) {
           const m = d.distance - u, v = {
             type: n,
             axis: d.axis,
@@ -5927,11 +5998,11 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
             activeEnd: l.right + d.distance,
             distance: d.distance
           };
-          c.push({ delta: m, guide: v, diff: g });
+          c.push({ delta: m, guide: v, diff: f });
         }
-        const f = l.left - r, p = Math.abs(f - d.distance);
+        const g = l.left - r, p = Math.abs(g - d.distance);
         if (p <= e) {
-          const m = d.distance - f, v = {
+          const m = d.distance - g, v = {
             type: n,
             axis: d.axis,
             refStart: d.start,
@@ -5967,9 +6038,9 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
   const l = d.findIndex((y) => y.isActive);
   if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - o;
-  if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = y.top - b.bottom, j = o - y.bottom, A = Math.abs(j - I);
+  const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
+  if (u && f) {
+    const { bounds: y } = u, { bounds: b } = f, I = y.top - b.bottom, j = o - y.bottom, A = Math.abs(j - I);
     if (A <= e) {
       const C = I - j, w = o + C, T = {
         type: "vertical",
@@ -5983,8 +6054,8 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
       m.push({ delta: C, guide: T, diff: A });
     }
   }
-  if (f && p) {
-    const { bounds: y } = f, { bounds: b } = p, I = b.top - y.bottom, j = y.top - i, A = Math.abs(j - I);
+  if (g && p) {
+    const { bounds: y } = g, { bounds: b } = p, I = b.top - y.bottom, j = y.top - i, A = Math.abs(j - I);
     if (A <= e) {
       const C = j - I, w = i + C, T = {
         type: "vertical",
@@ -5998,11 +6069,11 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
       m.push({ delta: C, guide: T, diff: A });
     }
   }
-  if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, j = b.top - y.bottom - v;
+  if (u && g) {
+    const { bounds: y } = u, { bounds: b } = g, j = b.top - y.bottom - v;
     if (j >= 0) {
-      const A = j / 2, C = o - y.bottom, w = b.top - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
-      if (P <= e) {
+      const A = j / 2, C = o - y.bottom, w = b.top - i, T = Math.abs(C - A), E = Math.abs(w - A), F = Math.max(T, E);
+      if (F <= e) {
         const x = A - C, N = i + x, Z = {
           type: "vertical",
           axis: n,
@@ -6012,7 +6083,7 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
           activeEnd: N + A,
           distance: A
         };
-        m.push({ delta: x, guide: Z, diff: P });
+        m.push({ delta: x, guide: Z, diff: F });
       }
     }
   }
@@ -6053,9 +6124,9 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
   const l = d.findIndex((y) => y.isActive);
   if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - o;
-  if (u && g) {
-    const { bounds: y } = u, { bounds: b } = g, I = y.left - b.right, j = o - y.right, A = Math.abs(j - I);
+  const u = d[l - 1], f = d[l - 2], g = d[l + 1], p = d[l + 2], m = [], v = i - o;
+  if (u && f) {
+    const { bounds: y } = u, { bounds: b } = f, I = y.left - b.right, j = o - y.right, A = Math.abs(j - I);
     if (A <= e) {
       const C = I - j, w = o + C, T = {
         type: "horizontal",
@@ -6069,8 +6140,8 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
       m.push({ delta: C, guide: T, diff: A });
     }
   }
-  if (f && p) {
-    const { bounds: y } = f, { bounds: b } = p, I = b.left - y.right, j = y.left - i, A = Math.abs(j - I);
+  if (g && p) {
+    const { bounds: y } = g, { bounds: b } = p, I = b.left - y.right, j = y.left - i, A = Math.abs(j - I);
     if (A <= e) {
       const C = j - I, w = i + C, T = {
         type: "horizontal",
@@ -6084,11 +6155,11 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
       m.push({ delta: C, guide: T, diff: A });
     }
   }
-  if (u && f) {
-    const { bounds: y } = u, { bounds: b } = f, j = b.left - y.right - v;
+  if (u && g) {
+    const { bounds: y } = u, { bounds: b } = g, j = b.left - y.right - v;
     if (j >= 0) {
-      const A = j / 2, C = o - y.right, w = b.left - i, T = Math.abs(C - A), E = Math.abs(w - A), P = Math.max(T, E);
-      if (P <= e) {
+      const A = j / 2, C = o - y.right, w = b.left - i, T = Math.abs(C - A), E = Math.abs(w - A), F = Math.max(T, E);
+      if (F <= e) {
         const x = A - C, N = i + x, Z = {
           type: "horizontal",
           axis: n,
@@ -6098,7 +6169,7 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
           activeEnd: N + A,
           distance: A
         };
-        m.push({ delta: x, guide: Z, diff: P });
+        m.push({ delta: x, guide: Z, diff: F });
       }
     }
   }
@@ -6148,7 +6219,7 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
 }) => {
   const i = Math.min(o, s / 2, n / 2);
   h.moveTo(t + i, e), h.lineTo(t + s - i, e), h.quadraticCurveTo(t + s, e, t + s, e + i), h.lineTo(t + s, e + n - i), h.quadraticCurveTo(t + s, e + n, t + s - i, e + n), h.lineTo(t + i, e + n), h.quadraticCurveTo(t, e + n, t, e + n - i), h.lineTo(t, e + i), h.quadraticCurveTo(t, e, t + i, e), h.closePath();
-}, ye = ({
+}, me = ({
   context: h,
   type: t,
   axis: e,
@@ -6162,10 +6233,10 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
   lineWidth: d = 1,
   padding: l = 4,
   radius: u = 4,
-  offsetAlongAxis: g = 0,
-  offsetPerpendicular: f = 0
+  offsetAlongAxis: f = 0,
+  offsetPerpendicular: g = 0
 }) => {
-  const p = i || 1, m = 12 / p, v = l / p, M = u / p, S = (s + n) / 2 + g, y = t === "vertical" ? e + f : S, b = t === "vertical" ? S : e + f;
+  const p = i || 1, m = 12 / p, v = l / p, M = u / p, S = (s + n) / 2 + f, y = t === "vertical" ? e + g : S, b = t === "vertical" ? S : e + g;
   h.save(), h.setLineDash([]), h.fillStyle = a, h.strokeStyle = a, h.lineWidth = d / p, h.font = `${m}px ${c}`, h.textAlign = "center", h.textBaseline = "middle";
   const j = h.measureText(o).width + v * 2, A = m + v * 2, C = y - j / 2, w = b - A / 2;
   h.beginPath(), Mn({
@@ -6192,7 +6263,7 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
   } = t, d = Math.round(c).toString();
   h.beginPath(), s === "vertical" ? (h.moveTo(n, o), h.lineTo(n, i), h.moveTo(n, a), h.lineTo(n, r)) : (h.moveTo(o, n), h.lineTo(i, n), h.moveTo(a, n), h.lineTo(r, n)), h.stroke();
   const l = ss;
-  ye({
+  me({
     context: h,
     type: s,
     axis: n,
@@ -6201,8 +6272,8 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
     text: d,
     zoom: e,
     color: l,
-    lineWidth: me
-  }), ye({
+    lineWidth: pe
+  }), me({
     context: h,
     type: s,
     axis: n,
@@ -6211,7 +6282,7 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
     text: d,
     zoom: e,
     color: l,
-    lineWidth: me
+    lineWidth: pe
   });
 }, Qe = ({
   anchors: h,
@@ -6243,10 +6314,10 @@ const pn = 5, ss = "#3D8BF4", me = 1, $t = 1, Ke = ({
       M < 0 || M < l && (l = M, d = m);
     }
     if (!d || l === Number.POSITIVE_INFINITY) continue;
-    const u = Math.max(c[o], d[o]), g = Math.min(c[i], d[i]), f = (u + g) / 2;
+    const u = Math.max(c[o], d[o]), f = Math.min(c[i], d[i]), g = (u + f) / 2;
     n.push({
       type: t,
-      axis: f,
+      axis: g,
       start: c[s],
       end: d[e],
       distance: d[e] - c[s]
@@ -6359,22 +6430,22 @@ class jn {
         top: M + l
       }), e.setCoords(), o = (p = pt({ object: e })) != null ? p : o;
     }
-    const g = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => pt({ object: v })).filter((v) => !!v), f = bn({
+    const f = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => pt({ object: v })).filter((v) => !!v), g = bn({
       activeBounds: o,
-      candidates: g,
+      candidates: f,
       threshold: r,
       spacingPatterns: this.spacingPatterns
     });
-    if (f.deltaX !== 0 || f.deltaY !== 0) {
+    if (g.deltaX !== 0 || g.deltaY !== 0) {
       const { left: v = 0, top: M = 0 } = e;
       e.set({
-        left: v + f.deltaX,
-        top: M + f.deltaY
+        left: v + g.deltaX,
+        top: M + g.deltaY
       }), e.setCoords(), o = (m = pt({ object: e })) != null ? m : o;
     }
     this._applyGuides({
       guides: u,
-      spacingGuides: f.guides
+      spacingGuides: g.guides
     }), this._applyMovementStep({ target: e });
   }
   /**
@@ -6398,7 +6469,7 @@ class jn {
     const { canvas: t, guideBounds: e } = this, s = t.getSelectionContext();
     if (!s) return;
     const n = e != null ? e : this._calculateViewportBounds(), { left: o, right: i, top: a, bottom: r } = n, { viewportTransform: c } = t, d = t.getZoom() || 1;
-    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = me / d, s.strokeStyle = ss, s.setLineDash([4, 4]);
+    s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = pe / d, s.strokeStyle = ss, s.setLineDash([4, 4]);
     for (const l of this.activeGuides)
       s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(o, l.position), s.lineTo(i, l.position)), s.stroke();
     for (const l of this.activeSpacingGuides)
@@ -6438,7 +6509,7 @@ class jn {
    * Применяет шаг перемещения, округляя координаты объекта к сетке MOVE_SNAP_STEP.
    */
   _applyMovementStep({ target: t }) {
-    const { left: e = 0, top: s = 0 } = t, n = Math.round(e / $t) * $t, o = Math.round(s / $t) * $t;
+    const { left: e = 0, top: s = 0 } = t, n = Math.round(e / Jt) * Jt, o = Math.round(s / Jt) * Jt;
     n === e && o === s || (t.set({
       left: n,
       top: o
@@ -6677,9 +6748,9 @@ class Lt {
       left: d = 0,
       right: l = 0,
       top: u = 0,
-      bottom: g = 0,
-      centerY: f = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, g), M = m >= p ? (p + m) / 2 : (c + f) / 2;
+      bottom: f = 0,
+      centerY: g = 0
+    } = e, p = Math.max(a, u), m = Math.min(r, f), M = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
       const T = d - i;
@@ -6738,9 +6809,9 @@ class Lt {
       top: d = 0,
       bottom: l = 0,
       left: u = 0,
-      right: g = 0,
-      centerX: f = 0
-    } = e, p = Math.max(a, u), m = Math.min(r, g), M = m >= p ? (p + m) / 2 : (c + f) / 2;
+      right: f = 0,
+      centerX: g = 0
+    } = e, p = Math.max(a, u), m = Math.min(r, f), M = m >= p ? (p + m) / 2 : (c + g) / 2;
     if (d >= i) {
       if (s) return n;
       const T = d - i;
@@ -6808,14 +6879,14 @@ class Lt {
     const { viewportTransform: s } = t, n = t.getZoom() || 1, o = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = o && i && !this.isTargetMontageArea, r = a ? 12 / n : 0;
     e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = $e / n, e.strokeStyle = Je, e.setLineDash([]);
     for (const c of this.activeGuides) {
-      const { type: d, axis: l, start: u, end: g, distance: f } = c, p = Math.abs(g - u), m = u <= g ? -1 : 1, v = a ? m * (p / 2 + r) : 0, M = 0;
-      e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, g)) : (e.moveTo(u, l), e.lineTo(g, l)), e.stroke(), ye({
+      const { type: d, axis: l, start: u, end: f, distance: g } = c, p = Math.abs(f - u), m = u <= f ? -1 : 1, v = a ? m * (p / 2 + r) : 0, M = 0;
+      e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, f)) : (e.moveTo(u, l), e.lineTo(f, l)), e.stroke(), me({
         context: e,
         type: d,
         axis: l,
         start: u,
-        end: g,
-        text: Math.round(f).toString(),
+        end: f,
+        text: Math.round(g).toString(),
         zoom: n,
         color: Je,
         lineWidth: $e,
@@ -6844,7 +6915,7 @@ class Lt {
     (e = t == null ? void 0 : t.showAfterTemporary) == null || e.call(t), this.isToolbarHidden = !1;
   }
 }
-class Ae {
+class Se {
   /**
    * Конструктор класса ImageEditor.
    * @param canvasId - идентификатор канваса, в котором будет создан редактор
@@ -6874,13 +6945,13 @@ class Ae {
         showRotationAngle: d,
         _onReadyCallback: l
       } = this.options;
-      if ($.apply(), this.canvas = new ys(this.containerId, this.options), this.moduleLoader = new Ss(), this.workerManager = new js(), this.errorManager = new Yt({ editor: this }), this.historyManager = new Ys({ editor: this }), this.toolbar = new Ps({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new ct({ editor: this }), this.layerManager = new ee({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new se({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new Se({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new pe((u = this.options.fonts) != null ? u : []), this.textManager = new W({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new we({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if ($.apply(), this.canvas = new ys(this.containerId, this.options), this.moduleLoader = new Ss(), this.workerManager = new js(), this.errorManager = new Wt({ editor: this }), this.historyManager = new Ys({ editor: this }), this.toolbar = new Ps({ editor: this }), this.transformManager = new qs({ editor: this }), this.zoomManager = new Js({ editor: this }), this.canvasManager = new Qs({ editor: this }), this.imageManager = new dt({ editor: this }), this.layerManager = new te({ editor: this }), this.shapeManager = new tn({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new en({ editor: this }), this.objectLockManager = new ee({ editor: this }), this.groupingManager = new sn({ editor: this }), this.selectionManager = new nn({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new on({ editor: this }), this.snappingManager = new jn({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new ge((u = this.options.fonts) != null ? u : []), this.textManager = new P({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ft({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(n), this.canvasManager.setCanvasCSSWidth(o), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
         const {
-          source: g,
-          scale: f = `image-${c}`,
+          source: f,
+          scale: g = `image-${c}`,
           withoutSave: p = !0
         } = a;
-        yield this.imageManager.importImage({ source: g, scale: f, withoutSave: p });
+        yield this.imageManager.importImage({ source: f, scale: g, withoutSave: p });
       }
       r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
@@ -6896,7 +6967,7 @@ class Ae {
     this.montageArea = this.shapeManager.addRectangle({
       width: t,
       height: e,
-      fill: Ae._createMosaicPattern(),
+      fill: Se._createMosaicPattern(),
       stroke: null,
       strokeWidth: 0,
       selectable: !1,
@@ -7883,7 +7954,7 @@ function Dn(h, t = {}) {
   const n = document.createElement("canvas");
   return n.id = `${h}-canvas`, s.appendChild(n), e.editorContainer = s, new Promise((o) => {
     e._onReadyCallback = o;
-    const i = new Ae(n.id, e);
+    const i = new Se(n.id, e);
     window[h] = i;
   });
 }