@anu3ev/fabric-image-editor 0.5.8 → 0.5.9

package/dist/main.js

@@ -2,24 +2,24 @@ var ds = Object.defineProperty, ls = Object.defineProperties;
 var hs = Object.getOwnPropertyDescriptors;
 var Gt = Object.getOwnPropertySymbols;
 var _e = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
-var Re = (l, t, e) => t in l ? ds(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e, _ = (l, t) => {
+var Re = (h, t, e) => t in h ? ds(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e, _ = (h, t) => {
   for (var e in t || (t = {}))
-    _e.call(t, e) && Re(l, e, t[e]);
+    _e.call(t, e) && Re(h, e, t[e]);
   if (Gt)
     for (var e of Gt(t))
-      Ne.call(t, e) && Re(l, e, t[e]);
-  return l;
-}, yt = (l, t) => ls(l, hs(t));
-var vt = (l, t) => {
+      Ne.call(t, e) && Re(h, e, t[e]);
+  return h;
+}, yt = (h, t) => ls(h, hs(t));
+var vt = (h, t) => {
   var e = {};
-  for (var s in l)
-    _e.call(l, s) && t.indexOf(s) < 0 && (e[s] = l[s]);
-  if (l != null && Gt)
-    for (var s of Gt(l))
-      t.indexOf(s) < 0 && Ne.call(l, s) && (e[s] = l[s]);
+  for (var s in h)
+    _e.call(h, s) && t.indexOf(s) < 0 && (e[s] = h[s]);
+  if (h != null && Gt)
+    for (var s of Gt(h))
+      t.indexOf(s) < 0 && Ne.call(h, s) && (e[s] = h[s]);
   return e;
 };
-var N = (l, t, e) => new Promise((s, o) => {
+var N = (h, t, e) => new Promise((s, o) => {
   var n = (r) => {
     try {
       a(e.next(r));
@@ -33,7 +33,7 @@ var N = (l, t, e) => new Promise((s, o) => {
       o(c);
     }
   }, a = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(n, i);
-  a((e = e.apply(l, t)).next());
+  a((e = e.apply(h, t)).next());
 });
 import { ActiveSelection as k, Textbox as nt, util as dt, controlsUtils as xe, InteractiveFabricObject as Be, Point as tt, FitContentLayout as ke, loadSVGFromURL as us, FabricImage as zt, Gradient as ze, Rect as gs, Circle as fs, Triangle as ps, Group as Et, Color as ms, classRegistry as Pe, loadSVGFromString as ys, Canvas as vs, Pattern as bs } from "fabric";
 import { create as Ms } from "jsondiffpatch";
@@ -361,11 +361,11 @@ class Ut {
       if (c != null && c.length && r)
         for (const d of c)
           try {
-            const h = r;
-            if (h.matches && h.matches(d) || h.closest && h.closest(d))
+            const l = r;
+            if (l.matches && l.matches(d) || l.closest && l.closest(d))
               return !0;
-          } catch (h) {
-            console.warn(`Error checking selection container with selector "${d}":`, h);
+          } catch (l) {
+            console.warn(`Error checking selection container with selector "${d}":`, l);
           }
     }
     return !1;
@@ -409,11 +409,11 @@ class As {
     return this.loaders[t] ? (this.cache.has(t) || this.cache.set(t, this.loaders[t]()), this.cache.get(t)) : Promise.reject(new Error(`Unknown module "${t}"`));
   }
 }
-function js(l) {
+function js(h) {
   return new Worker(
     "" + new URL("assets/worker-CN39s7P7.js", import.meta.url).href,
     {
-      name: l == null ? void 0 : l.name
+      name: h == null ? void 0 : h.name
     }
   );
 }
@@ -464,23 +464,23 @@ class Is {
   }
 }
 const rt = 12, Cs = 2, le = 8, he = 20, Ts = 100, ue = 20, ge = 8, Es = 100, qt = 32, ye = 1, Os = "#2B2D33", ve = "#3D8BF4", be = "#FFFFFF";
-function Vt(l, t, e, s, o) {
+function Vt(h, t, e, s, o) {
   const n = rt, i = Cs;
-  l.save(), l.translate(t, e), l.rotate(dt.degreesToRadians(o.angle)), l.fillStyle = be, l.strokeStyle = ve, l.lineWidth = ye, l.beginPath(), l.roundRect(-n / 2, -n / 2, n, n, i), l.fill(), l.stroke(), l.restore();
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-n / 2, -n / 2, n, n, i), h.fill(), h.stroke(), h.restore();
 }
-function Ue(l, t, e, s, o) {
+function Ue(h, t, e, s, o) {
   const n = le, i = he, a = Ts;
-  l.save(), l.translate(t, e), l.rotate(dt.degreesToRadians(o.angle)), l.fillStyle = be, l.strokeStyle = ve, l.lineWidth = ye, l.beginPath(), l.roundRect(-n / 2, -i / 2, n, i, a), l.fill(), l.stroke(), l.restore();
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
 }
-function Ye(l, t, e, s, o) {
+function Ye(h, t, e, s, o) {
   const n = ue, i = ge, a = Es;
-  l.save(), l.translate(t, e), l.rotate(dt.degreesToRadians(o.angle)), l.fillStyle = be, l.strokeStyle = ve, l.lineWidth = ye, l.beginPath(), l.roundRect(-n / 2, -i / 2, n, i, a), l.fill(), l.stroke(), l.restore();
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = be, h.strokeStyle = ve, h.lineWidth = ye, h.beginPath(), h.roundRect(-n / 2, -i / 2, n, i, a), h.fill(), h.stroke(), h.restore();
 }
 const Ls = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", es = new Image();
 es.src = Ls;
-function Ds(l, t, e, s, o) {
+function Ds(h, t, e, s, o) {
   const i = qt / 2;
-  l.save(), l.translate(t, e), l.rotate(dt.degreesToRadians(o.angle)), l.fillStyle = Os, l.beginPath(), l.arc(0, 0, i, 0, 2 * Math.PI), l.fill(), l.drawImage(es, -i / 2, -i / 2, i, i), l.restore();
+  h.save(), h.translate(t, e), h.rotate(dt.degreesToRadians(o.angle)), h.fillStyle = Os, h.beginPath(), h.arc(0, 0, i, 0, 2 * Math.PI), h.fill(), h.drawImage(es, -i / 2, -i / 2, i, i), h.restore();
 }
 const Rs = {
   // Угловые точки
@@ -602,14 +602,14 @@ class J {
       });
       if (!a)
         return e ? e.apply(this, n) : void 0;
-      const { left: r, top: c, width: d, height: h } = a;
+      const { left: r, top: c, width: d, height: l } = a;
       this.set({
         flipX: !1,
         flipY: !1,
         width: d,
-        height: h
+        height: l
       });
-      const u = new tt(r + d / 2, c + h / 2);
+      const u = new tt(r + d / 2, c + l / 2);
       return this.setPositionByOrigin(u, "center", "center"), a;
     };
     const s = t._onAfterObjectsChange;
@@ -624,7 +624,7 @@ class J {
         objects: r
       });
       if (!c) return a;
-      const { left: d, top: h, width: u, height: g } = c, f = new tt(d + u / 2, h + g / 2);
+      const { left: d, top: l, width: u, height: g } = c, f = new tt(d + u / 2, l + g / 2);
       return this.set({
         width: u,
         height: g
@@ -644,7 +644,7 @@ class J {
       const d = J.calculateActiveSelectionBounds({ objects: n });
       if (!d)
         return o.call(this, n, i);
-      const { left: h, top: u, width: g, height: f } = d, p = new tt(g, f), m = new tt(h + g / 2, u + f / 2);
+      const { left: l, top: u, width: g, height: f } = d, p = new tt(g, f), m = new tt(l + g / 2, u + f / 2);
       return r === "initialization" ? {
         center: m,
         relativeCorrection: new tt(0, 0),
@@ -720,8 +720,8 @@ const B = class B {
             const u = yield new FontFace(o, i, t.descriptors).load();
             e.fonts.add(u), B.registeredFontKeys.add(r);
             return;
-          } catch (h) {
-            console.warn(`Не удалось загрузить шрифт "${o}" через FontFace API`, h);
+          } catch (l) {
+            console.warn(`Не удалось загрузить шрифт "${o}" через FontFace API`, l);
           }
         B.injectFontFace({
           font: t,
@@ -747,7 +747,7 @@ const B = class B {
       "@font-face {",
       `  font-family: ${B.formatFontFamilyForCss(i)};`,
       `  src: ${e};`,
-      ...r.map((h) => `  ${h}`),
+      ...r.map((l) => `  ${l}`),
       "}"
     ];
     a.textContent = c.join(`
@@ -932,29 +932,29 @@ const _s = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     sendBackwards: ks
   },
   handlers: {
-    copyPaste: (l) => N(null, null, function* () {
-      l.clipboardManager.copyPaste();
+    copyPaste: (h) => N(null, null, function* () {
+      h.clipboardManager.copyPaste();
     }),
-    delete: (l) => {
-      l.deletionManager.deleteSelectedObjects();
+    delete: (h) => {
+      h.deletionManager.deleteSelectedObjects();
     },
-    lock: (l) => {
-      l.objectLockManager.lockObject();
+    lock: (h) => {
+      h.objectLockManager.lockObject();
     },
-    unlock: (l) => {
-      l.objectLockManager.unlockObject();
+    unlock: (h) => {
+      h.objectLockManager.unlockObject();
     },
-    bringForward: (l) => {
-      l.layerManager.bringForward();
+    bringForward: (h) => {
+      h.layerManager.bringForward();
     },
-    bringToFront: (l) => {
-      l.layerManager.bringToFront();
+    bringToFront: (h) => {
+      h.layerManager.bringToFront();
     },
-    sendToBack: (l) => {
-      l.layerManager.sendToBack();
+    sendToBack: (h) => {
+      h.layerManager.sendToBack();
     },
-    sendBackwards: (l) => {
-      l.layerManager.sendBackwards();
+    sendBackwards: (h) => {
+      h.layerManager.sendBackwards();
     }
   }
 };
@@ -1381,14 +1381,14 @@ class Jt {
       if (!t) return;
       console.log("loadStateFromFullState fullState", t);
       const { canvas: e, canvasManager: s, interactionBlocker: o, backgroundManager: n } = this.editor, { width: i, height: a } = e;
-      o.overlayMask = null, Jt._serializeCustomData(t), yield e.loadFromJSON(t, (h, u) => {
-        Jt._deserializeCustomData(h, u);
+      o.overlayMask = null, Jt._serializeCustomData(t), yield e.loadFromJSON(t, (l, u) => {
+        Jt._deserializeCustomData(l, u);
       });
-      const r = e.getObjects().find((h) => h.id === "montage-area");
+      const r = e.getObjects().find((l) => l.id === "montage-area");
       r && (this.editor.montageArea = r, (i !== e.getWidth() || a !== e.getHeight()) && s.updateCanvas());
-      const c = e.getObjects().find((h) => h.id === "overlay-mask");
+      const c = e.getObjects().find((l) => l.id === "overlay-mask");
       c && (o.overlayMask = c, o.overlayMask.visible = !1);
-      const d = e.getObjects().find((h) => h.id === "background");
+      const d = e.getObjects().find((l) => l.id === "background");
       d ? (n.backgroundObject = d, n.refresh()) : n.removeBackground({ withoutSave: !0 }), e.renderAll(), e.fire("editor:history-state-loaded", {
         fullState: t,
         currentIndex: this.currentIndex,
@@ -1479,8 +1479,8 @@ class Jt {
     ((i = (n = (o = this.canvas).getObjects) == null ? void 0 : n.call(o)) != null ? i : []).forEach((a) => {
       const r = typeof a.type == "string" ? a.type.toLowerCase() : "";
       if (!(r === "textbox" || r === "i-text" || typeof a.isEditing == "boolean") || a.locked) return;
-      const d = !!a.lockMovementX, h = !!a.lockMovementY;
-      !d && !h || (e.push({
+      const d = !!a.lockMovementX, l = !!a.lockMovementY;
+      !d && !l || (e.push({
         object: a,
         lockMovementX: a.lockMovementX,
         lockMovementY: a.lockMovementY,
@@ -1538,7 +1538,7 @@ class ct {
         withoutSelection: a = !1
       } = t;
       if (!e) return null;
-      const { canvas: r, montageArea: c, transformManager: d, historyManager: h, errorManager: u } = this.editor, g = yield this.getContentType(e), f = ct.getFormatFromContentType(g), { acceptContentTypes: p, acceptFormats: m } = this;
+      const { canvas: r, montageArea: c, transformManager: d, historyManager: l, errorManager: u } = this.editor, g = yield this.getContentType(e), f = ct.getFormatFromContentType(g), { acceptContentTypes: p, acceptFormats: m } = this;
       if (!this.isAllowedContentType(g)) {
         const v = `Неверный contentType для изображения: ${g}. Ожидается один из: ${this.acceptContentTypes.join(", ")}.`;
         return u.emitError({
@@ -1558,7 +1558,7 @@ class ct {
           }
         }), null;
       }
-      h.suspendHistory();
+      l.suspendHistory();
       try {
         let v, b;
         if (e instanceof File)
@@ -1593,21 +1593,21 @@ class ct {
           const A = b.getElement();
           let j = "";
           if (A instanceof HTMLImageElement ? j = A.src : A instanceof HTMLCanvasElement && (j = A.toDataURL()), y > wt || I > Mt) {
-            const M = yield this.resizeImageToBoundaries(j, "max"), T = URL.createObjectURL(M);
+            const w = yield this.resizeImageToBoundaries(j, "max"), T = URL.createObjectURL(w);
             this._createdBlobUrls.push(T), b = yield zt.fromURL(T, { crossOrigin: "anonymous" });
           } else if (y < _t || I < Rt) {
-            const M = yield this.resizeImageToBoundaries(j, "min"), T = URL.createObjectURL(M);
+            const w = yield this.resizeImageToBoundaries(j, "min"), T = URL.createObjectURL(w);
             this._createdBlobUrls.push(T), b = yield zt.fromURL(T, { crossOrigin: "anonymous" });
           }
         }
         if (b.set("id", `${b.type}-${G()}`), b.set("format", f), s === "scale-montage")
           this.editor.canvasManager.scaleMontageAreaToImage({ object: b, withoutSave: !0 });
         else {
-          const { width: A, height: j } = c, M = this.calculateScaleFactor({ imageObject: b, scaleType: s });
-          s === "image-contain" && M < 1 ? d.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (I > A || y > j) && d.fitObject({ object: b, type: "cover", withoutSave: !0 });
+          const { width: A, height: j } = c, w = this.calculateScaleFactor({ imageObject: b, scaleType: s });
+          s === "image-contain" && w < 1 ? d.fitObject({ object: b, type: "contain", withoutSave: !0 }) : s === "image-cover" && (I > A || y > j) && d.fitObject({ object: b, type: "cover", withoutSave: !0 });
         }
-        r.add(b), r.centerObject(b), a || r.setActiveObject(b), r.renderAll(), h.resumeHistory(), o || h.saveState();
-        const w = {
+        r.add(b), r.centerObject(b), a || r.setActiveObject(b), r.renderAll(), l.resumeHistory(), o || l.saveState();
+        const M = {
           image: b,
           format: f,
           contentType: g,
@@ -1618,7 +1618,7 @@ class ct {
           isBackground: i,
           withoutSelection: a
         };
-        return r.fire("editor:image-imported", w), w;
+        return r.fire("editor:image-imported", M), M;
       } catch (v) {
         return u.emitError({
           origin: "ImageManager",
@@ -1635,7 +1635,7 @@ class ct {
             isBackground: i,
             withoutSelection: a
           }
-        }), h.resumeHistory(), null;
+        }), l.resumeHistory(), null;
       }
     });
   }
@@ -1688,10 +1688,10 @@ class ct {
         exportAsBlob: n = !1
       } = t, { canvas: i, montageArea: a, workerManager: r, interactionBlocker: c } = this.editor;
       try {
-        const d = s === "application/pdf", h = d ? "image/jpg" : s, u = ct.getFormatFromContentType(h);
+        const d = s === "application/pdf", l = d ? "image/jpg" : s, u = ct.getFormatFromContentType(l);
         a.setCoords();
         const { left: g, top: f, width: p, height: m } = a.getBoundingRect(), v = yield i.clone(["id", "format", "locked"]);
-        v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(h) && (v.backgroundColor = "#ffffff");
+        v.enableRetinaScaling = !1, ["image/jpg", "image/jpeg"].includes(l) && (v.backgroundColor = "#ffffff");
         const b = v.getObjects().find((S) => S.id === a.id);
         if (b && (b.visible = !1), c != null && c.isBlocked) {
           const S = v.getObjects().find((C) => C.id === c.overlayMask.id);
@@ -1723,33 +1723,33 @@ class ct {
           const S = {
             image: y,
             format: u,
-            contentType: h,
+            contentType: l,
             fileName: e
           };
           return i.fire("editor:canvas-exported", S), S;
         }
-        const w = yield createImageBitmap(y), A = yield r.post(
+        const M = yield createImageBitmap(y), A = yield r.post(
           "toDataURL",
-          { format: u, quality: 1, bitmap: w },
-          [w]
+          { format: u, quality: 1, bitmap: M },
+          [M]
         );
         if (d) {
-          const C = p * 0.264583, x = m * 0.264583, F = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, U = new F({
+          const C = p * 0.264583, x = m * 0.264583, W = (yield this.editor.moduleLoader.loadModule("jspdf")).jsPDF, Y = new W({
             orientation: C > x ? "landscape" : "portrait",
             unit: "mm",
             format: [C, x]
           });
-          if (U.addImage(String(A), "JPG", 0, 0, C, x), o) {
-            const z = {
-              image: U.output("datauristring"),
+          if (Y.addImage(String(A), "JPG", 0, 0, C, x), o) {
+            const P = {
+              image: Y.output("datauristring"),
               format: "pdf",
               contentType: "application/pdf",
               fileName: e
             };
-            return i.fire("editor:canvas-exported", z), z;
+            return i.fire("editor:canvas-exported", P), P;
           }
-          const W = U.output("blob"), L = {
-            image: new File([W], e, { type: "application/pdf" }),
+          const H = Y.output("blob"), L = {
+            image: new File([H], e, { type: "application/pdf" }),
             format: "pdf",
             contentType: "application/pdf",
             fileName: e
@@ -1760,15 +1760,15 @@ class ct {
           const S = {
             image: A,
             format: u,
-            contentType: h,
+            contentType: l,
             fileName: e
           };
           return i.fire("editor:canvas-exported", S), S;
         }
         const j = u === "svg" && !I ? e.replace(/\.[^/.]+$/, ".png") : e, T = {
-          image: new File([y], j, { type: h }),
+          image: new File([y], j, { type: l }),
           format: u,
-          contentType: h,
+          contentType: l,
           fileName: j
         };
         return i.fire("editor:canvas-exported", T), T;
@@ -1845,10 +1845,10 @@ class ct {
           };
           return a.fire("editor:object-exported", v), v;
         }
-        const h = c.toCanvasElement({
+        const l = c.toCanvasElement({
           enableRetinaScaling: !1
         }), u = yield new Promise((p, m) => {
-          h.toBlob((v) => {
+          l.toBlob((v) => {
             v ? p(v) : m(new Error("Failed to create Blob from canvas"));
           });
         });
@@ -1998,9 +1998,9 @@ class ct {
     return e ? e[1] : "";
   }
 }
-const Tt = (l, t, e) => Math.max(Math.min(l, e), t), Ge = (l, t) => l * t, Xs = (l, t) => new tt(l / 2, t / 2);
-function Ks(l) {
-  return ((l == null ? void 0 : l.type) === "image" || (l == null ? void 0 : l.format) === "svg") && typeof (l == null ? void 0 : l.width) == "number" && typeof (l == null ? void 0 : l.height) == "number";
+const Tt = (h, t, e) => Math.max(Math.min(h, e), t), Ge = (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";
 }
 class Qs {
   /**
@@ -2039,8 +2039,8 @@ class Qs {
       this.setResolutionHeight(m);
       return;
     }
-    const { left: h, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
+    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-width-changed", {
       width: d,
       preserveProportional: e,
       withoutSave: s,
@@ -2069,8 +2069,8 @@ class Qs {
       this.setResolutionWidth(m);
       return;
     }
-    const { left: h, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
-    n.setViewportTransform([g, 0, 0, g, h, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
+    const { left: l, top: u } = this.getObjectDefaultCoords(i), g = n.getZoom();
+    n.setViewportTransform([g, 0, 0, g, l, u]), this.centerMontageArea(), s || this.editor.historyManager.saveState(), n.fire("editor:resolution-height-changed", {
       height: d,
       preserveProportional: e,
       withoutSave: s,
@@ -2156,22 +2156,22 @@ class Qs {
     if (a !== 0 || r !== 0) {
       const c = t.getActiveObject(), d = [];
       if ((c == null ? void 0 : c.type) === "activeselection") {
-        const h = c;
-        d.push(...h.getObjects()), t.discardActiveObject();
+        const l = c;
+        d.push(...l.getObjects()), t.discardActiveObject();
       }
-      if (t.getObjects().forEach((h) => {
-        h.id === "montage-area" || h.id === "overlay-mask" || h.id === "background" || (h.set({
-          left: h.left + a,
-          top: h.top + r
-        }), h.setCoords());
+      if (t.getObjects().forEach((l) => {
+        l.id === "montage-area" || l.id === "overlay-mask" || l.id === "background" || (l.set({
+          left: l.left + a,
+          top: l.top + r
+        }), l.setCoords());
       }), d.length > 0)
         if (d.length === 1)
           t.setActiveObject(d[0]);
         else {
-          const h = new k(d, {
+          const l = new k(d, {
             canvas: t
           });
-          t.setActiveObject(h);
+          t.setActiveObject(l);
         }
     }
     t.renderAll(), t.fire("editor:canvas-updated", {
@@ -2335,16 +2335,16 @@ class Qs {
       }
     } = this.editor, c = t || o.getActiveObject();
     if (!Ks(c)) return;
-    const { width: d, height: h } = c;
-    let u = Math.min(d, Mt), g = Math.min(h, wt);
+    const { width: d, height: l } = c;
+    let u = Math.min(d, Mt), g = Math.min(l, wt);
     if (e) {
       const {
         width: f,
         height: p
-      } = n, m = d / f, v = h / p, b = Math.max(m, v);
+      } = n, m = d / f, v = l / p, b = Math.max(m, v);
       u = f * b, g = p * b;
     }
-    this.setResolutionWidth(u, { withoutSave: !0 }), this.setResolutionHeight(g, { withoutSave: !0 }), this.editor.backgroundManager.backgroundObject && this.editor.backgroundManager.refresh(), (d > a || h > r) && this.editor.zoomManager.calculateAndApplyDefaultZoom(), i.resetObject({ object: c, withoutSave: !0 }), o.centerObject(c), o.renderAll(), s || this.editor.historyManager.saveState(), o.fire("editor:montage-area-scaled-to-image", {
+    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 }), o.centerObject(c), o.renderAll(), s || this.editor.historyManager.saveState(), o.fire("editor:montage-area-scaled-to-image", {
       object: c,
       width: u,
       height: g,
@@ -2506,7 +2506,7 @@ class qs {
    * @private
    */
   _fitSingleObject(t, e) {
-    const { canvas: s, montageArea: o } = this.editor, { width: n, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = n * Math.abs(a), h = i * Math.abs(r), u = c * Math.PI / 180, g = Math.abs(Math.cos(u)), f = Math.abs(Math.sin(u)), p = d * g + h * f, m = d * f + h * g, v = o.width, b = o.height;
+    const { canvas: s, montageArea: o } = this.editor, { width: n, height: i, scaleX: a = 1, scaleY: r = 1, angle: c = 0 } = t, d = n * 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 = o.width, b = o.height;
     let I;
     e === "contain" ? I = Math.min(v / p, b / m) : I = Math.max(v / p, b / m), t.set({
       scaleX: a * I,
@@ -2547,11 +2547,11 @@ class qs {
     }), e)
       this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 });
     else {
-      const { width: h, height: u } = n, { width: g, height: f } = c, p = i.calculateScaleFactor({
+      const { width: l, height: u } = n, { width: g, height: f } = c, p = i.calculateScaleFactor({
         imageObject: c,
         scaleType: r
       });
-      r === "contain" && p < 1 || r === "cover" && (g > h || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
+      r === "contain" && p < 1 || r === "cover" && (g > l || f > u) ? this.fitObject({ object: c, withoutSave: !0, fitAsOneObject: !0 }) : c.set({ scaleX: 1, scaleY: 1 });
     }
     c.set({ flipX: !1, flipY: !1, angle: 0 }), o.centerObject(c), o.renderAll(), a.resumeHistory(), s || a.saveState(), o.fire("editor:object-reset", {
       object: c,
@@ -2584,7 +2584,7 @@ class Js {
    * @private
    */
   _getClampedPointerCoordinates(t) {
-    const { canvas: e, montageArea: s } = this.editor, o = e.getPointer(t, !0), n = 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, h = a * i + n[4], u = r * i + n[4], g = c * i + n[5], f = d * i + n[5], p = Math.max(h, Math.min(u, o.x)), m = Math.max(g, Math.min(f, o.y));
+    const { canvas: e, montageArea: s } = this.editor, o = e.getPointer(t, !0), n = 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 + n[4], u = r * i + n[4], g = c * i + n[5], f = d * i + n[5], p = Math.max(l, Math.min(u, o.x)), m = Math.max(g, Math.min(f, o.y));
     return {
       x: p,
       y: m
@@ -2619,9 +2619,9 @@ class Js {
    * @private
    */
   _calculateEmptySpaceRatio(t) {
-    const { canvas: e, montageArea: s } = this.editor, o = e.viewportTransform, n = 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, h = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, p = h < a, m = u > r, v = g < c, b = f > d;
+    const { canvas: e, montageArea: s } = this.editor, o = e.viewportTransform, n = 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 = -o[4] / t, u = (-o[4] + n) / t, g = -o[5] / t, f = (-o[5] + i) / t, p = l < a, m = u > r, v = g < c, b = f > d;
     if (!(p || m || v || b)) return 0;
-    const y = Math.max(0, a - h), w = Math.max(0, u - r), A = Math.max(0, c - g), j = Math.max(0, f - d), M = Math.max(y, w), T = Math.max(A, j), S = M / n, C = T / i;
+    const y = Math.max(0, a - l), M = Math.max(0, u - r), A = Math.max(0, c - g), j = Math.max(0, f - d), w = Math.max(y, M), T = Math.max(A, j), S = w / n, C = T / i;
     return Math.max(S, C);
   }
   /**
@@ -2635,11 +2635,11 @@ class Js {
    * @private
    */
   _calculateSmoothCenteringStep(t, e, s, o, n) {
-    const { canvas: i, montageArea: a } = this.editor, r = i.viewportTransform, c = i.getWidth(), d = i.getHeight(), h = t.x - r[4], u = t.y - r[5], g = Math.abs(o), f = e - s;
+    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(o), f = e - s;
     if (Math.abs(f) / g <= 0.1)
-      return { x: h, y: u };
-    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, w = v - I * s, A = (y - r[4]) / (e - s), j = (w - r[5]) / (e - s), M = A * g, T = j * g, S = M * n, C = T * n, x = Math.abs(S) > Math.abs(h) ? h : S, F = Math.abs(C) > Math.abs(u) ? u : C;
-    return { x, y: F };
+      return { x: l, y: u };
+    const m = c / 2, v = d / 2, b = a.left, I = a.top, y = m - b * s, M = v - I * s, A = (y - r[4]) / (e - s), j = (M - r[5]) / (e - s), w = A * g, T = j * g, S = w * n, C = T * n, x = Math.abs(S) > Math.abs(l) ? l : S, W = Math.abs(C) > Math.abs(u) ? u : C;
+    return { x, y: W };
   }
   /**
    * Применяет плавное центрирование viewport при приближении к defaultZoom.
@@ -2712,10 +2712,10 @@ class Js {
       });
       return;
     }
-    const h = this._getClampedPointerCoordinates(e);
+    const l = this._getClampedPointerCoordinates(e);
     this.zoom(t, {
-      pointX: h.x,
-      pointY: h.y
+      pointX: l.x,
+      pointY: l.y
     });
   }
   /**
@@ -2729,13 +2729,13 @@ class Js {
   zoom(t = He, e = {}) {
     var g, f;
     if (!t) return;
-    const { minZoom: s, maxZoom: o } = this, { canvas: n } = this.editor, i = t < 0, a = n.getZoom(), r = n.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, h = new tt(c, d);
+    const { minZoom: s, maxZoom: o } = this, { canvas: n } = this.editor, i = t < 0, a = n.getZoom(), r = n.getCenterPoint(), c = (g = e.pointX) != null ? g : r.x, d = (f = e.pointY) != null ? f : r.y, l = new tt(c, d);
     this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
     let u = Number((a + Number(t)).toFixed(3));
-    u > o && (u = o), u < s && (u = s), n.zoomToPoint(h, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), n.fire("editor:zoom-changed", {
+    u > o && (u = o), u < s && (u = s), n.zoomToPoint(l, u), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(u, i, t), n.fire("editor:zoom-changed", {
       currentZoom: n.getZoom(),
       zoom: u,
-      point: h
+      point: l
     });
   }
   /**
@@ -3125,7 +3125,7 @@ class Ot {
       centerX: r = 50,
       centerY: c = 50,
       radius: d = 50
-    } = t, h = {
+    } = t, l = {
       x1: r / 100,
       y1: c / 100,
       x2: r / 100,
@@ -3136,7 +3136,7 @@ class Ot {
     return new ze({
       type: "radial",
       gradientUnits: "percentage",
-      coords: h,
+      coords: l,
       colorStops: a
     });
   }
@@ -3321,14 +3321,14 @@ class to {
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
   addRectangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var h = d, {
+    var l = d, {
       id: t = `rect-${G()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "blue"
-    } = h, a = vt(h, [
+    } = l, a = vt(l, [
       "id",
       "left",
       "top",
@@ -3376,14 +3376,14 @@ class to {
       "radius",
       "fill"
     ]);
-    const { canvas: h } = this.editor, u = new fs(_({
+    const { canvas: l } = this.editor, u = new fs(_({
       id: t,
       left: e,
       top: s,
       fill: n,
       radius: o
     }, i));
-    return !e && !s && h.centerObject(u), r || (h.add(u), a || h.setActiveObject(u), h.renderAll()), u;
+    return !e && !s && l.centerObject(u), r || (l.add(u), a || l.setActiveObject(u), l.renderAll()), u;
   }
   /**
    * Добавление треугольника
@@ -3403,14 +3403,14 @@ class to {
    * @param flags.withoutAdding - Не добавлять объект в canvas
    */
   addTriangle(d = {}, { withoutSelection: r, withoutAdding: c } = {}) {
-    var h = d, {
+    var l = d, {
       id: t = `triangle-${G()}`,
       left: e,
       top: s,
       width: o = 100,
       height: n = 100,
       fill: i = "yellow"
-    } = h, a = vt(h, [
+    } = l, a = vt(l, [
       "id",
       "left",
       "top",
@@ -3507,8 +3507,8 @@ class eo {
     return N(this, null, function* () {
       try {
         const o = t.toCanvasElement({ enableRetinaScaling: !1 }).toDataURL(), n = o.slice(5).split(";")[0], i = o.split(",")[1], a = atob(i), r = new Uint8Array(a.length);
-        for (let h = 0; h < a.length; h += 1)
-          r[h] = a.charCodeAt(h);
+        for (let l = 0; l < a.length; l += 1)
+          r[l] = a.charCodeAt(l);
         const c = new Blob([r.buffer], { type: n }), d = new ClipboardItem({ [n]: c });
         return yield navigator.clipboard.write([d]), console.info("Image copied to clipboard successfully"), !0;
       } catch (s) {
@@ -3627,13 +3627,13 @@ class eo {
       if (n.type !== "text/html" && i) {
         const c = new FileReader();
         c.onload = (d) => {
-          d.target && this._handleImageImport(d.target.result).catch((h) => {
+          d.target && this._handleImageImport(d.target.result).catch((l) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
               code: "PASTE_IMAGE_FAILED",
               message: "Ошибка вставки изображения из буфера обмена",
-              data: h
+              data: l
             });
           });
         }, c.readAsDataURL(i);
@@ -3641,9 +3641,9 @@ class eo {
       }
       const a = t.getData("text/html");
       if (a) {
-        const h = new DOMParser().parseFromString(a, "text/html").querySelector("img");
-        if (h != null && h.src) {
-          this._handleImageImport(h.src).catch((u) => {
+        const l = new DOMParser().parseFromString(a, "text/html").querySelector("img");
+        if (l != null && l.src) {
+          this._handleImageImport(l.src).catch((u) => {
             this.editor.errorManager.emitError({
               origin: "ClipboardManager",
               method: "handlePasteEvent",
@@ -3840,8 +3840,8 @@ class so {
       const i = [];
       n.forEach((c) => {
         const d = c.removeAll();
-        s.remove(c), d.forEach((h) => {
-          s.add(h), i.push(h);
+        s.remove(c), d.forEach((l) => {
+          s.add(l), i.push(l);
         });
       });
       const a = new k(i, {
@@ -3922,8 +3922,8 @@ class we {
     const r = [];
     if (a.forEach((d) => {
       if (we._isUngroupableGroup(d)) {
-        const h = this._handleGroupDeletion(d);
-        r.push(...h);
+        const l = this._handleGroupDeletion(d);
+        r.push(...l);
         return;
       }
       o.remove(d), r.push(d);
@@ -4173,12 +4173,12 @@ class no {
   constrainPan(t, e) {
     if (!this.currentBounds || !this.currentBounds.canPan)
       return { x: 0, y: 0 };
-    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = o.left, a = o.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = i * n + t - r, h = a * n + e - c, u = Math.max(
+    const { canvas: s, montageArea: o } = this.editor, n = s.getZoom(), i = o.left, a = o.top, r = s.getWidth() / 2, c = s.getHeight() / 2, d = i * n + t - r, l = a * n + e - c, u = Math.max(
       this.currentBounds.minX,
       Math.min(this.currentBounds.maxX, d)
     ), g = Math.max(
       this.currentBounds.minY,
-      Math.min(this.currentBounds.maxY, h)
+      Math.min(this.currentBounds.maxY, l)
     ), f = u + r - i * n, p = g + c - a * n;
     return {
       x: f,
@@ -4209,13 +4209,13 @@ class no {
   }
 }
 const at = ({
-  value: l,
+  value: h,
   min: t,
   max: e
-}) => Math.min(Math.max(l, t), e), Dt = class Dt extends nt {
+}) => Math.min(Math.max(h, t), e), Dt = class Dt extends nt {
   constructor(t, e = {}) {
-    var s, o, n, i, a, r, c, d, h;
-    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (o = e.paddingTop) != null ? o : 0, this.paddingRight = (n = e.paddingRight) != null ? n : 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 = (h = e.radiusBottomLeft) != null ? h : 0, this._roundDimensions();
+    var s, o, n, i, a, r, c, d, l;
+    super(t, e), this.backgroundOpacity = (s = e.backgroundOpacity) != null ? s : 1, this.paddingTop = (o = e.paddingTop) != null ? o : 0, this.paddingRight = (n = e.paddingRight) != null ? n : 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();
   }
   /**
    * Пересчитывает размеры текста и округляет их до целых значений.
@@ -4263,11 +4263,11 @@ const at = ({
     var s, o;
     const e = this._getEffectiveBackgroundFill();
     if (e && e) {
-      const n = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (o = this.height) != null ? o : 0, r = i + n.left + n.right, c = a + n.top + n.bottom, d = this._getCornerRadii({ width: r, height: c }), h = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
+      const n = this._getPadding(), i = (s = this.width) != null ? s : 0, a = (o = this.height) != null ? o : 0, r = i + n.left + n.right, c = a + n.top + n.bottom, d = this._getCornerRadii({ width: r, height: c }), l = this._getLeftOffset() - n.left, u = this._getTopOffset() - n.top;
       t.save(), Dt._renderRoundedRect({
         ctx: t,
         height: c,
-        left: h,
+        left: l,
         radii: d,
         top: u,
         width: r
@@ -4331,9 +4331,9 @@ const at = ({
     const a = s + i, r = n + e, {
       topLeft: c,
       topRight: d,
-      bottomRight: h,
+      bottomRight: l,
       bottomLeft: u
-    } = o, g = at({ value: c, min: 0, max: i }), f = at({ value: d, min: 0, max: i }), p = at({ value: h, min: 0, max: i }), m = at({ value: u, min: 0, max: i });
+    } = o, 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, n), t.lineTo(a - f, n), t.quadraticCurveTo(a, n, a, n + 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, n + g), t.quadraticCurveTo(s, n, s + g, n), t.closePath();
   }
   /**
@@ -4374,77 +4374,67 @@ Dt.type = "background-textbox", Dt.cacheProperties = [
 ];
 let ee = Dt;
 const io = () => {
-  var l;
-  (l = Pe) != null && l.setClass && Pe.setClass(ee, "background-textbox");
-}, ao = ({ textbox: l }) => {
+  var h;
+  (h = Pe) != null && h.setClass && Pe.setClass(ee, "background-textbox");
+}, ao = ({ textbox: h }) => {
   var s, o;
-  if (!l.isEditing) return null;
-  const t = (s = l.selectionStart) != null ? s : 0, e = (o = l.selectionEnd) != null ? o : t;
+  if (!h.isEditing) return null;
+  const t = (s = h.selectionStart) != null ? s : 0, e = (o = h.selectionEnd) != null ? o : t;
   return t === e ? null : {
     start: Math.min(t, e),
     end: Math.max(t, e)
   };
-}, ro = ({ textbox: l }) => {
+}, ro = ({ textbox: h }) => {
   var e, s;
-  const t = (s = (e = l.text) == null ? void 0 : e.length) != null ? s : 0;
+  const t = (s = (e = h.text) == null ? void 0 : e.length) != null ? s : 0;
   return t <= 0 ? null : { start: 0, end: t };
-}, co = ({ textbox: l, range: t }) => {
+}, co = ({ textbox: h, range: t }) => {
   var s, o;
   if (!t) return !1;
-  const e = (o = (s = l.text) == null ? void 0 : s.length) != null ? o : 0;
+  const e = (o = (s = h.text) == null ? void 0 : s.length) != null ? o : 0;
   return e <= 0 ? !1 : t.start <= 0 && t.end >= e;
 }, ne = ({
-  textbox: l,
+  textbox: h,
   styles: t,
   range: e
 }) => {
   if (!t || !Object.keys(t).length) return !1;
   const { start: s, end: o } = e;
-  return o <= s ? !1 : (l.setSelectionStyles(t, s, o), !0);
+  return o <= s ? !1 : (h.setSelectionStyles(t, s, o), !0);
 }, Ve = ({
-  textbox: l,
+  textbox: h,
   range: t,
   property: e
 }) => {
   var o;
   if (!t) return;
-  const s = l.getSelectionStyles(
+  const s = h.getSelectionStyles(
     t.start,
     t.end,
     !0
   );
   if (s.length)
     return (o = s[0]) == null ? void 0 : o[e];
-}, Xe = ({ strokeColor: l, width: t }) => {
+}, Xe = ({ strokeColor: h, width: t }) => {
   if (!(t <= 0))
-    return l != null ? l : "#000000";
-}, Ke = ({ width: l = 0 }) => l ? Math.max(0, l) : 0, ie = ({ value: l }) => typeof l == "string" ? l.toLocaleUpperCase() : "", st = 0.01;
-class Z {
+    return h != null ? h : "#000000";
+}, Ke = ({ width: h = 0 }) => h ? Math.max(0, h) : 0, ie = ({ value: h }) => typeof h == "string" ? h.toLocaleUpperCase() : "", st = 0.01;
+class z {
   constructor({ editor: t }) {
     var e;
     this._handleTextEditingEntered = () => {
       this.isTextEditingActive = !0;
-    }, this._handleTextChanged = (s) => {
-      const { target: o } = s;
-      if (!Z._isTextbox(o)) return;
-      const { text: n = "", uppercase: i } = o, a = !!i, r = n.toLocaleLowerCase();
-      if (a) {
-        const d = ie({ value: r });
-        d !== n && o.set({ text: d }), o.textCaseRaw = r;
-      } else
-        o.textCaseRaw = n;
-      Z._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0);
     }, this._handleTextEditingExited = (s) => {
       var r, c;
       const { target: o } = s;
-      if (!Z._isTextbox(o)) return;
+      if (!z._isTextbox(o)) return;
       const n = (r = o.text) != null ? r : "";
       if (!!o.uppercase) {
         const d = (c = o.textCaseRaw) != null ? c : n.toLocaleLowerCase();
         o.textCaseRaw = d;
       } else
         o.textCaseRaw = n;
-      Z._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
+      z._roundTextboxDimensions({ textbox: o }) && (o.setCoords(), o.dirty = !0, this.canvas.requestRenderAll()), o.locked || o.set({
         lockMovementX: !1,
         lockMovementY: !1
       }), setTimeout(() => {
@@ -4453,40 +4443,40 @@ class Z {
     }, this._handleObjectScaling = (s) => {
       var X, It, Wt, mt, Ht, Ct, Ae, je, Ie, Ce, Te, Ee, Oe;
       const { target: o, transform: n } = s;
-      if (o instanceof k || !Z._isTextbox(o) || !n) return;
+      if (o instanceof k || !z._isTextbox(o) || !n) return;
       o.isScaling = !0;
       const i = this._ensureScalingState(o), {
         baseWidth: a,
         baseLeft: r,
         baseFontSize: c,
         basePadding: d,
-        baseRadii: h,
+        baseRadii: l,
         baseStyles: u
-      } = i, g = typeof ((X = n.original) == null ? void 0 : X.width) == "number" ? n.original.width : void 0, f = typeof ((It = n.original) == null ? void 0 : It.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Wt = n.corner) != null ? Wt : "", b = (mt = n.action) != null ? mt : "", I = ["ml", "mr"].includes(v) || b === "scaleX", y = ["mt", "mb"].includes(v) || b === "scaleY", w = ["tl", "tr", "bl", "br"].includes(v) || b === "scale", A = w || y;
-      if (!I && !y && !w) return;
-      const j = Math.abs((Ct = (Ht = o.scaleX) != null ? Ht : n.scaleX) != null ? Ct : 1) || 1, M = Math.abs((je = (Ae = o.scaleY) != null ? Ae : n.scaleY) != null ? je : 1) || 1, T = Math.max(1, p * j), S = Math.max(1, Math.round(T)), C = Math.max(1, c * M), {
+      } = i, g = typeof ((X = n.original) == null ? void 0 : X.width) == "number" ? n.original.width : void 0, f = typeof ((It = n.original) == null ? void 0 : It.left) == "number" ? n.original.left : void 0, p = g != null ? g : a, m = f != null ? f : r, v = (Wt = n.corner) != null ? Wt : "", b = (mt = n.action) != null ? mt : "", I = ["ml", "mr"].includes(v) || b === "scaleX", y = ["mt", "mb"].includes(v) || b === "scaleY", M = ["tl", "tr", "bl", "br"].includes(v) || b === "scale", A = M || y;
+      if (!I && !y && !M) return;
+      const j = Math.abs((Ct = (Ht = o.scaleX) != null ? Ht : n.scaleX) != null ? Ct : 1) || 1, w = Math.abs((je = (Ae = o.scaleY) != null ? Ae : n.scaleY) != null ? je : 1) || 1, T = Math.max(1, p * j), S = Math.max(1, Math.round(T)), C = Math.max(1, c * w), {
         paddingTop: x = 0,
-        paddingRight: F = 0,
-        paddingBottom: U = 0,
-        paddingLeft: W = 0,
+        paddingRight: W = 0,
+        paddingBottom: Y = 0,
+        paddingLeft: H = 0,
         radiusTopLeft: V = 0,
         radiusTopRight: L = 0,
         radiusBottomRight: D = 0,
-        radiusBottomLeft: z = 0,
-        fontSize: H,
-        width: P,
+        radiusBottomLeft: P = 0,
+        fontSize: Z,
+        width: U,
         originX: K = "left"
-      } = o, $ = w || y, q = w || y, Y = $ ? {
-        top: Math.max(0, d.top * M),
-        right: Math.max(0, d.right * M),
-        bottom: Math.max(0, d.bottom * M),
-        left: Math.max(0, d.left * M)
+      } = o, $ = M || y, q = M || y, F = $ ? {
+        top: Math.max(0, d.top * w),
+        right: Math.max(0, d.right * w),
+        bottom: Math.max(0, d.bottom * w),
+        left: Math.max(0, d.left * w)
       } : d, Q = q ? {
-        topLeft: Math.max(0, h.topLeft * M),
-        topRight: Math.max(0, h.topRight * M),
-        bottomRight: Math.max(0, h.bottomRight * M),
-        bottomLeft: Math.max(0, h.bottomLeft * M)
-      } : h, St = Object.keys(u).length > 0;
+        topLeft: Math.max(0, l.topLeft * w),
+        topRight: Math.max(0, l.topRight * w),
+        bottomRight: Math.max(0, l.bottomRight * w),
+        bottomLeft: Math.max(0, l.bottomLeft * w)
+      } : l, St = Object.keys(u).length > 0;
       let et;
       if (A && St) {
         const se = {};
@@ -4496,11 +4486,11 @@ class Z {
           Object.entries(Le).forEach(([cs, Zt]) => {
             if (!Zt) return;
             const De = _({}, Zt);
-            typeof Zt.fontSize == "number" && (De.fontSize = Math.max(1, Zt.fontSize * M)), oe[cs] = De;
+            typeof Zt.fontSize == "number" && (De.fontSize = Math.max(1, Zt.fontSize * w)), oe[cs] = De;
           }), Object.keys(oe).length && (se[rs] = oe);
         }), Object.keys(se).length && (et = se);
       }
-      const lt = (Ce = (Ie = n.originX) != null ? Ie : K) != null ? Ce : "left", pt = m + p, At = m + p / 2, ht = P != null ? P : p, jt = S !== ht, Ft = Math.abs(C - (H != null ? H : c)) > st, Nt = Math.abs(Y.top - x) > st || Math.abs(Y.right - F) > st || Math.abs(Y.bottom - U) > st || Math.abs(Y.left - W) > st, xt = Math.abs(Q.topLeft - V) > st || Math.abs(Q.topRight - L) > st || Math.abs(Q.bottomRight - D) > st || Math.abs(Q.bottomLeft - z) > st;
+      const lt = (Ce = (Ie = n.originX) != null ? Ie : K) != null ? Ce : "left", pt = m + p, At = m + p / 2, ht = U != null ? U : p, jt = S !== ht, Ft = Math.abs(C - (Z != null ? Z : c)) > st, Nt = Math.abs(F.top - x) > st || Math.abs(F.right - W) > st || Math.abs(F.bottom - Y) > st || Math.abs(F.left - H) > st, xt = Math.abs(Q.topLeft - V) > st || Math.abs(Q.topRight - L) > st || Math.abs(Q.bottomRight - D) > st || Math.abs(Q.bottomLeft - P) > st;
       if (!jt && !Ft && !Nt && !xt) {
         o.set({ scaleX: 1, scaleY: 1 }), n.scaleX = 1, n.scaleY = 1;
         return;
@@ -4508,10 +4498,10 @@ class Z {
       et && (o.styles = et), o.set({
         width: S,
         fontSize: A ? C : c,
-        paddingTop: Y.top,
-        paddingRight: Y.right,
-        paddingBottom: Y.bottom,
-        paddingLeft: Y.left,
+        paddingTop: F.top,
+        paddingRight: F.right,
+        paddingBottom: F.bottom,
+        paddingLeft: F.left,
         radiusTopLeft: Q.topLeft,
         radiusTopRight: Q.topRight,
         radiusBottomRight: Q.bottomRight,
@@ -4519,17 +4509,17 @@ class Z {
         scaleX: 1,
         scaleY: 1
       });
-      const Bt = Z._roundTextboxDimensions({ textbox: o });
+      const Bt = z._roundTextboxDimensions({ textbox: o });
       Bt && (o.dirty = !0);
       const ut = (Te = o.width) != null ? Te : S, kt = ut !== ht;
       let gt = m;
-      kt && (I || w) && (lt === "right" ? gt = pt - ut : lt === "center" && (gt = At - ut / 2)), o.set({ left: gt }), i.baseLeft = gt, n.scaleX = 1, n.scaleY = 1;
+      kt && (I || M) && (lt === "right" ? gt = pt - ut : lt === "center" && (gt = At - ut / 2)), o.set({ left: gt }), i.baseLeft = gt, n.scaleX = 1, n.scaleY = 1;
       const { original: it } = n;
       it && (it.scaleX = 1, it.scaleY = 1, it.width = ut, it.height = o.height, it.left = gt), o.setCoords(), this.canvas.requestRenderAll(), i.baseWidth = ut, i.baseFontSize = (Ee = o.fontSize) != null ? Ee : C, i.baseStyles = JSON.parse(JSON.stringify((Oe = o.styles) != null ? Oe : {})), i.basePadding = {
-        top: Y.top,
-        right: Y.right,
-        bottom: Y.bottom,
-        left: Y.left
+        top: F.top,
+        right: F.right,
+        bottom: F.bottom,
+        left: F.left
       }, i.baseRadii = {
         topLeft: Q.topLeft,
         topRight: Q.topRight,
@@ -4540,38 +4530,38 @@ class Z {
       var b, I, y;
       const { target: o } = s;
       if (o instanceof k) {
-        const w = o.getObjects();
-        if (!w.some((S) => Z._isTextbox(S))) return;
-        const { scaleX: j = 1, scaleY: M = 1 } = o;
-        if (Math.abs(j - 1) < st && Math.abs(M - 1) < st) return;
-        this.canvas.discardActiveObject(), w.forEach((S) => {
-          var C, x, F, U;
-          if (Z._isTextbox(S)) {
-            const W = (C = S.scaleX) != null ? C : 1, V = (x = S.scaleY) != null ? x : 1, L = ((F = S.fontSize) != null ? F : 16) * V, D = ((U = S.width) != null ? U : 0) * W, z = V, {
-              paddingTop: H = 0,
-              paddingRight: P = 0,
+        const M = o.getObjects();
+        if (!M.some((S) => z._isTextbox(S))) return;
+        const { scaleX: j = 1, scaleY: w = 1 } = o;
+        if (Math.abs(j - 1) < st && Math.abs(w - 1) < st) return;
+        this.canvas.discardActiveObject(), M.forEach((S) => {
+          var C, x, W, Y;
+          if (z._isTextbox(S)) {
+            const H = (C = S.scaleX) != null ? C : 1, V = (x = S.scaleY) != null ? x : 1, L = ((W = S.fontSize) != null ? W : 16) * V, D = ((Y = S.width) != null ? Y : 0) * H, P = V, {
+              paddingTop: Z = 0,
+              paddingRight: U = 0,
               paddingBottom: K = 0,
               paddingLeft: $ = 0,
               radiusTopLeft: q = 0,
-              radiusTopRight: Y = 0,
+              radiusTopRight: F = 0,
               radiusBottomRight: Q = 0,
               radiusBottomLeft: St = 0,
               styles: et
             } = S, lt = {
-              paddingTop: Math.max(0, H * z),
-              paddingRight: Math.max(0, P * z),
-              paddingBottom: Math.max(0, K * z),
-              paddingLeft: Math.max(0, $ * z)
+              paddingTop: Math.max(0, Z * P),
+              paddingRight: Math.max(0, U * P),
+              paddingBottom: Math.max(0, K * P),
+              paddingLeft: Math.max(0, $ * P)
             }, pt = {
-              radiusTopLeft: Math.max(0, q * z),
-              radiusTopRight: Math.max(0, Y * z),
-              radiusBottomRight: Math.max(0, Q * z),
-              radiusBottomLeft: Math.max(0, St * z)
+              radiusTopLeft: Math.max(0, q * P),
+              radiusTopRight: Math.max(0, F * P),
+              radiusBottomRight: Math.max(0, Q * P),
+              radiusBottomLeft: Math.max(0, St * P)
             };
             let At = et;
             et && Object.keys(et).length > 0 && (At = JSON.parse(JSON.stringify(et)), Object.values(At).forEach((ht) => {
               Object.values(ht).forEach((jt) => {
-                typeof jt.fontSize == "number" && (jt.fontSize = Math.max(1, jt.fontSize * z));
+                typeof jt.fontSize == "number" && (jt.fontSize = Math.max(1, jt.fontSize * P));
               });
             })), S.set(yt(_(_({
               fontSize: L,
@@ -4580,24 +4570,24 @@ class Z {
               scaleY: 1
             }, lt), pt), {
               styles: At
-            })), Z._roundTextboxDimensions({ textbox: S });
+            })), z._roundTextboxDimensions({ textbox: S });
           }
           S.setCoords();
         });
-        const T = new k(w, {
+        const T = new k(M, {
           canvas: this.canvas
         });
         this.canvas.setActiveObject(T), this.canvas.requestRenderAll();
         return;
       }
-      if (!Z._isTextbox(o)) return;
+      if (!z._isTextbox(o)) return;
       o.isScaling = !1;
       const n = this.scalingState.get(o);
       if (this.scalingState.delete(o), !(n != null && n.hasWidthChange)) return;
       const i = (b = o.width) != null ? b : o.calcTextWidth(), a = (y = (I = o.fontSize) != null ? I : n == null ? void 0 : n.baseFontSize) != null ? y : 16, r = !!(n.baseStyles && Object.keys(n.baseStyles).length), {
         paddingTop: c = 0,
         paddingRight: d = 0,
-        paddingBottom: h = 0,
+        paddingBottom: l = 0,
         paddingLeft: u = 0,
         radiusTopLeft: g = 0,
         radiusTopRight: f = 0,
@@ -4607,7 +4597,7 @@ class Z {
         width: i,
         paddingTop: c,
         paddingRight: d,
-        paddingBottom: h,
+        paddingBottom: l,
         paddingLeft: u,
         radiusTopLeft: g,
         radiusTopRight: f,
@@ -4625,8 +4615,8 @@ class Z {
    * @param options — настройки текста
    * @param flags — флаги поведения
    */
-  addText(F = {}, { withoutSelection: S = !1, withoutSave: C = !1, withoutAdding: x = !1 } = {}) {
-    var U = F, {
+  addText(W = {}, { withoutSelection: S = !1, withoutSave: C = !1, withoutAdding: x = !1 } = {}) {
+    var Y = W, {
       id: t = `text-${G()}`,
       text: e = "Новый текст",
       fontFamily: s,
@@ -4637,7 +4627,7 @@ class Z {
       uppercase: r = !1,
       strikethrough: c = !1,
       align: d = "left",
-      color: h = "#000000",
+      color: l = "#000000",
       strokeColor: u,
       strokeWidth: g = 0,
       opacity: f = 1,
@@ -4647,11 +4637,11 @@ class Z {
       paddingRight: b = 0,
       paddingBottom: I = 0,
       paddingLeft: y = 0,
-      radiusTopLeft: w = 0,
+      radiusTopLeft: M = 0,
       radiusTopRight: A = 0,
       radiusBottomRight: j = 0,
-      radiusBottomLeft: M = 0
-    } = U, T = vt(U, [
+      radiusBottomLeft: w = 0
+    } = Y, T = vt(Y, [
       "id",
       "text",
       "fontFamily",
@@ -4678,12 +4668,12 @@ class Z {
       "radiusBottomLeft"
     ]);
     var $;
-    const { historyManager: W } = this.editor, { canvas: V } = this;
-    W.suspendHistory();
-    const L = s != null ? s : this._getDefaultFontFamily(), D = Ke({ width: g }), z = Xe({
+    const { historyManager: H } = this.editor, { canvas: V } = this;
+    H.suspendHistory();
+    const L = s != null ? s : this._getDefaultFontFamily(), D = Ke({ width: g }), P = Xe({
       strokeColor: u,
       width: D
-    }), H = _({
+    }), Z = _({
       id: t,
       fontFamily: L,
       fontSize: o,
@@ -4693,8 +4683,8 @@ class Z {
       uppercase: r,
       linethrough: c,
       textAlign: d,
-      fill: h,
-      stroke: z,
+      fill: l,
+      stroke: P,
       strokeWidth: D,
       strokeUniform: !0,
       opacity: f,
@@ -4704,25 +4694,25 @@ class Z {
       paddingRight: b,
       paddingBottom: I,
       paddingLeft: y,
-      radiusTopLeft: w,
+      radiusTopLeft: M,
       radiusTopRight: A,
       radiusBottomRight: j,
-      radiusBottomLeft: M
-    }, T), P = new ee(e, H);
-    if (P.textCaseRaw = ($ = P.text) != null ? $ : "", r) {
-      const q = ie({ value: P.textCaseRaw });
-      q !== P.text && P.set({ text: q });
-    }
-    return Z._roundTextboxDimensions({ textbox: P }) && (P.dirty = !0), T.left === void 0 && T.top === void 0 && V.centerObject(P), x || V.add(P), S || V.setActiveObject(P), V.requestRenderAll(), W.resumeHistory(), C || W.saveState(), V.fire("editor:text-added", {
-      textbox: P,
-      options: yt(_({}, H), {
+      radiusBottomLeft: w
+    }, T), U = new ee(e, Z);
+    if (U.textCaseRaw = ($ = U.text) != null ? $ : "", r) {
+      const q = ie({ value: U.textCaseRaw });
+      q !== U.text && U.set({ text: q });
+    }
+    return z._roundTextboxDimensions({ textbox: U }) && (U.dirty = !0), T.left === void 0 && T.top === void 0 && V.centerObject(U), x || V.add(U), S || V.setActiveObject(U), V.requestRenderAll(), H.resumeHistory(), C || H.saveState(), V.fire("editor:text-added", {
+      textbox: U,
+      options: yt(_({}, Z), {
         text: e,
         bold: n,
         italic: i,
         strikethrough: c,
         align: d,
-        color: h,
-        strokeColor: z,
+        color: l,
+        strokeColor: P,
         strokeWidth: D
       }),
       flags: {
@@ -4730,7 +4720,7 @@ class Z {
         withoutSave: !!C,
         withoutAdding: !!x
       }
-    }), P;
+    }), U;
   }
   /**
    * Обновляет текстовый объект.
@@ -4746,10 +4736,10 @@ class Z {
     if (!n) return null;
     const { historyManager: i } = this.editor, { canvas: a } = this;
     i.suspendHistory();
-    const r = Z._getSnapshot(n), Nt = e, {
+    const r = z._getSnapshot(n), Nt = e, {
       text: c,
       fontFamily: d,
-      fontSize: h,
+      fontSize: l,
       bold: u,
       italic: g,
       underline: f,
@@ -4759,17 +4749,17 @@ class Z {
       color: b,
       strokeColor: I,
       strokeWidth: y,
-      opacity: w,
+      opacity: M,
       backgroundColor: A,
       backgroundOpacity: j,
-      paddingTop: M,
+      paddingTop: w,
       paddingRight: T,
       paddingBottom: S,
       paddingLeft: C,
       radiusTopLeft: x,
-      radiusTopRight: F,
-      radiusBottomRight: U,
-      radiusBottomLeft: W
+      radiusTopRight: W,
+      radiusBottomRight: Y,
+      radiusBottomLeft: H
     } = Nt, V = vt(Nt, [
       "text",
       "fontFamily",
@@ -4794,23 +4784,23 @@ class Z {
       "radiusTopRight",
       "radiusBottomRight",
       "radiusBottomLeft"
-    ]), L = _({}, V), D = ao({ textbox: n }), z = D ? this._expandRangeToFullLines({ textbox: n, range: D }) : null, H = {}, P = {}, K = {}, $ = co({ textbox: n, range: D }), q = !D || $, Y = !D;
-    if (d !== void 0 && (z && (P.fontFamily = d), q && (L.fontFamily = d, Y && (K.fontFamily = d))), h !== void 0 && (z && (P.fontSize = h), q && (L.fontSize = h, Y && (K.fontSize = h))), u !== void 0) {
+    ]), L = _({}, V), D = ao({ textbox: n }), P = D ? z._expandRangeToFullLines({ textbox: n, range: D }) : null, Z = {}, U = {}, K = {}, $ = co({ textbox: n, range: D }), q = !D || $, F = !D;
+    if (d !== void 0 && (P && (U.fontFamily = d), q && (L.fontFamily = d, F && (K.fontFamily = d))), l !== void 0 && (P && (U.fontSize = l), q && (L.fontSize = l, F && (K.fontSize = l))), u !== void 0) {
       const X = u ? "bold" : "normal";
-      D && (H.fontWeight = X), q && (L.fontWeight = X, Y && (K.fontWeight = X));
+      D && (Z.fontWeight = X), q && (L.fontWeight = X, F && (K.fontWeight = X));
     }
     if (g !== void 0) {
       const X = g ? "italic" : "normal";
-      D && (H.fontStyle = X), q && (L.fontStyle = X, Y && (K.fontStyle = X));
+      D && (Z.fontStyle = X), q && (L.fontStyle = X, F && (K.fontStyle = X));
     }
-    if (f !== void 0 && (D && (H.underline = f), q && (L.underline = f, Y && (K.underline = f))), m !== void 0 && (D && (H.linethrough = m), q && (L.linethrough = m, Y && (K.linethrough = m))), v !== void 0 && (L.textAlign = v), b !== void 0 && (D && (H.fill = b), q && (L.fill = b, Y && (K.fill = b))), I !== void 0 || y !== void 0) {
+    if (f !== void 0 && (D && (Z.underline = f), q && (L.underline = f, F && (K.underline = f))), m !== void 0 && (D && (Z.linethrough = m), q && (L.linethrough = m, F && (K.linethrough = m))), v !== void 0 && (L.textAlign = v), b !== void 0 && (D && (Z.fill = b), q && (L.fill = b, F && (K.fill = b))), I !== void 0 || y !== void 0) {
       const X = D ? Ve({ textbox: n, range: D, property: "strokeWidth" }) : void 0, It = D ? Ve({ textbox: n, range: D, property: "stroke" }) : void 0, Wt = (Bt = (xt = y != null ? y : X) != null ? xt : n.strokeWidth) != null ? Bt : 0, mt = Ke({ width: Wt }), Ht = (kt = (ut = I != null ? I : It) != null ? ut : n.stroke) != null ? kt : void 0, Ct = Xe({
         strokeColor: Ht,
         width: mt
       });
-      D && (H.stroke = Ct, H.strokeWidth = mt), q && (L.stroke = Ct, L.strokeWidth = mt, Y && (K.stroke = Ct, K.strokeWidth = mt));
+      D && (Z.stroke = Ct, Z.strokeWidth = mt), q && (L.stroke = Ct, L.strokeWidth = mt, F && (K.stroke = Ct, K.strokeWidth = mt));
     }
-    w !== void 0 && (L.opacity = w), A !== void 0 && (L.backgroundColor = A), j !== void 0 && (L.backgroundOpacity = j), M !== void 0 && (L.paddingTop = M), T !== void 0 && (L.paddingRight = T), S !== void 0 && (L.paddingBottom = S), C !== void 0 && (L.paddingLeft = C), x !== void 0 && (L.radiusTopLeft = x), F !== void 0 && (L.radiusTopRight = F), U !== void 0 && (L.radiusBottomRight = U), W !== void 0 && (L.radiusBottomLeft = W);
+    M !== void 0 && (L.opacity = M), A !== void 0 && (L.backgroundColor = A), j !== void 0 && (L.backgroundOpacity = j), w !== void 0 && (L.paddingTop = w), T !== void 0 && (L.paddingRight = T), S !== void 0 && (L.paddingBottom = S), C !== void 0 && (L.paddingLeft = C), x !== void 0 && (L.radiusTopLeft = x), W !== void 0 && (L.radiusTopRight = W), Y !== void 0 && (L.radiusBottomRight = Y), H !== void 0 && (L.radiusBottomLeft = H);
     const Q = (it = n.textCaseRaw) != null ? it : (gt = n.text) != null ? gt : "", St = !!n.uppercase, et = c !== void 0, lt = et ? c != null ? c : "" : Q, pt = p != null ? p : St;
     if (et || pt !== St) {
       const X = pt ? ie({ value: lt }) : lt;
@@ -4819,14 +4809,14 @@ class Z {
     n.uppercase = pt, n.set(L);
     let ht = !1;
     if (D) {
-      const X = ne({ textbox: n, styles: H, range: D }), It = z ? ne({ textbox: n, styles: P, range: z }) : !1;
+      const X = ne({ textbox: n, styles: Z, range: D }), It = P ? ne({ textbox: n, styles: U, range: P }) : !1;
       ht = X || It;
     } else if (Object.keys(K).length) {
       const X = ro({ textbox: n });
       X && (ht = ne({ textbox: n, styles: K, range: X }));
     }
-    ht && (n.dirty = !0), (A !== void 0 || j !== void 0 || M !== void 0 || T !== void 0 || S !== void 0 || C !== void 0 || x !== void 0 || F !== void 0 || U !== void 0 || W !== void 0) && (n.dirty = !0), Z._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
-    const Ft = Z._getSnapshot(n);
+    ht && (n.dirty = !0), (A !== void 0 || j !== void 0 || w !== void 0 || T !== void 0 || S !== void 0 || C !== void 0 || x !== void 0 || W !== void 0 || Y !== void 0 || H !== void 0) && (n.dirty = !0), z._roundTextboxDimensions({ textbox: n }) && (n.dirty = !0), n.setCoords(), o || a.requestRenderAll(), i.resumeHistory(), s || i.saveState();
+    const Ft = z._getSnapshot(n);
     return a.fire("editor:text-updated", {
       textbox: n,
       target: t,
@@ -4839,7 +4829,7 @@ class Z {
       before: r,
       after: Ft,
       selectionRange: D != null ? D : void 0,
-      selectionStyles: D && Object.keys(H).length ? H : void 0
+      selectionStyles: D && Object.keys(Z).length ? Z : void 0
     }), n;
   }
   /**
@@ -4847,7 +4837,7 @@ class Z {
    */
   destroy() {
     const { canvas: t } = this;
-    t.off("object:scaling", this._handleObjectScaling), t.off("object:modified", this._handleObjectModified), t.off("text:editing:exited", this._handleTextEditingExited), t.off("text:editing:entered", this._handleTextEditingEntered), t.off("text:changed", this._handleTextChanged);
+    t.off("object:scaling", this._handleObjectScaling), t.off("object:resizing", z._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", z._handleTextChanged);
   }
   /**
    * Возвращает активный текст или ищет по id.
@@ -4857,10 +4847,10 @@ class Z {
     const { canvas: e } = this;
     if (!t) {
       const s = e.getActiveObject();
-      return Z._isTextbox(s) ? s : null;
+      return z._isTextbox(s) ? s : null;
     }
     if (typeof t == "string") {
-      const s = e.getObjects().find((o) => Z._isTextbox(o) && o.id === t);
+      const s = e.getObjects().find((o) => z._isTextbox(o) && o.id === t);
       return s != null ? s : null;
     }
     return null;
@@ -4876,12 +4866,53 @@ class Z {
    */
   _bindEvents() {
     const { canvas: t } = this;
-    t.on("object:scaling", this._handleObjectScaling), t.on("object:modified", this._handleObjectModified), t.on("text:editing:entered", this._handleTextEditingEntered), t.on("text:editing:exited", this._handleTextEditingExited), t.on("text:changed", this._handleTextChanged);
+    t.on("object:scaling", this._handleObjectScaling), t.on("object:resizing", z._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", z._handleTextChanged);
+  }
+  /**
+   * Реагирует на изменение текста в режиме редактирования: синхронизирует textCaseRaw и uppercase.
+   */
+  static _handleTextChanged(t) {
+    const { target: e } = t;
+    if (!z._isTextbox(e)) return;
+    const { text: s = "", uppercase: o } = e, n = !!o, i = s.toLocaleLowerCase();
+    if (n) {
+      const r = ie({ value: i });
+      r !== s && e.set({ text: r }), e.textCaseRaw = i;
+    } else
+      e.textCaseRaw = s;
+    z._roundTextboxDimensions({ textbox: e }) && (e.setCoords(), e.dirty = !0);
+  }
+  /**
+   * Обрабатывает изменение ширины текстового объекта (resizing).
+   * Корректирует ширину, вычитая паддинги, так как Fabric при изменении ширины
+   * устанавливает значение, включающее визуальные отступы.
+   * Также корректирует позицию при ресайзе слева, чтобы компенсировать смещение.
+   */
+  static _handleObjectResizing(t) {
+    var l, u, g, f, p, m;
+    const { target: e, transform: s } = t;
+    if (!z._isTextbox(e)) return;
+    const {
+      paddingLeft: o = 0,
+      paddingRight: n = 0
+    } = e, i = o + n;
+    if (i === 0) return;
+    const a = (l = e.width) != null ? l : 0, r = Math.max(0, a - i);
+    if (a === r) return;
+    e.set({ width: r });
+    const c = (u = e.width) != null ? u : 0, d = a - c;
+    if (d !== 0 && s && s.corner === "ml") {
+      const b = ((g = e.angle) != null ? g : 0) * Math.PI / 180, I = Math.cos(b), y = Math.sin(b), M = (f = e.scaleX) != null ? f : 1, A = d * M;
+      e.set({
+        left: ((p = e.left) != null ? p : 0) + A * I,
+        top: ((m = e.top) != null ? m : 0) + A * y
+      });
+    }
   }
   /**
    * Возвращает диапазоны символов для каждой строки текста без учёта символов переноса.
    */
-  _getLineRanges({ textbox: t }) {
+  static _getLineRanges({ textbox: t }) {
     var n;
     const e = (n = t.text) != null ? n : "";
     if (!e.length) return [];
@@ -4896,11 +4927,11 @@ class Z {
   /**
    * Расширяет выделение до полных строк, которые оно пересекает.
    */
-  _expandRangeToFullLines({
+  static _expandRangeToFullLines({
     textbox: t,
     range: e
   }) {
-    const s = this._getLineRanges({ textbox: t });
+    const s = z._getLineRanges({ textbox: t });
     if (!s.length) return e;
     let { start: o } = e, { end: n } = e;
     return s.forEach(({ start: i, end: a }) => {
@@ -4916,7 +4947,7 @@ class Z {
     if (!e) {
       const i = (s = t.width) != null ? s : t.calcTextWidth(), a = (o = t.left) != null ? o : 0, r = (n = t.fontSize) != null ? n : 16, { styles: c = {} } = t, {
         paddingTop: d = 0,
-        paddingRight: h = 0,
+        paddingRight: l = 0,
         paddingBottom: u = 0,
         paddingLeft: g = 0
       } = t, {
@@ -4931,7 +4962,7 @@ class Z {
         baseLeft: a,
         basePadding: {
           top: d,
-          right: h,
+          right: l,
           bottom: u,
           left: g
         },
@@ -4962,25 +4993,25 @@ class Z {
   static _roundTextboxDimensions({
     textbox: t
   }) {
-    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = Z._resolveDimension({
+    const { width: e, height: s, calcTextWidth: o, calcTextHeight: n } = t, i = typeof o == "function" ? o.call(t) : void 0, a = typeof n == "function" ? n.call(t) : void 0, r = z._resolveDimension({
       rawValue: e,
       calculatedValue: i
-    }), c = Z._resolveDimension({
+    }), c = z._resolveDimension({
       rawValue: s,
       calculatedValue: a
-    }), d = Number.isFinite(r) ? Math.round(r) : null, h = Number.isFinite(c) ? Math.round(c) : null, u = {};
-    return d !== null && d !== r && (u.width = Math.max(0, d)), h !== null && h !== c && (u.height = Math.max(0, h)), Object.keys(u).length ? (t.set(u), !0) : !1;
+    }), d = Number.isFinite(r) ? Math.round(r) : null, l = Number.isFinite(c) ? Math.round(c) : null, u = {};
+    return d !== null && d !== r && (u.width = Math.max(0, d)), l !== null && l !== c && (u.height = Math.max(0, l)), Object.keys(u).length ? (t.set(u), !0) : !1;
   }
   /**
    * Формирует снимок текущих свойств текстового объекта для истории и событий.
    */
   static _getSnapshot(t) {
     const e = ({
-      snapshot: H,
-      entries: P
+      snapshot: Z,
+      entries: U
     }) => {
-      Object.entries(P).forEach(([K, $]) => {
-        $ != null && (H[K] = $);
+      Object.entries(U).forEach(([K, $]) => {
+        $ != null && (Z[K] = $);
       });
     }, {
       id: s,
@@ -4991,7 +5022,7 @@ class Z {
       fontSize: r,
       fontWeight: c,
       fontStyle: d,
-      underline: h,
+      underline: l,
       linethrough: u,
       textAlign: g,
       fill: f,
@@ -5001,27 +5032,27 @@ class Z {
       backgroundColor: b,
       backgroundOpacity: I,
       paddingTop: y,
-      paddingRight: w,
+      paddingRight: M,
       paddingBottom: A,
       paddingLeft: j,
-      radiusTopLeft: M,
+      radiusTopLeft: w,
       radiusTopRight: T,
       radiusBottomRight: S,
       radiusBottomLeft: C,
       left: x,
-      top: F,
-      width: U,
-      height: W,
+      top: W,
+      width: Y,
+      height: H,
       angle: V,
       scaleX: L,
       scaleY: D
-    } = t, z = {
+    } = t, P = {
       id: s,
       uppercase: !!i,
       textAlign: g
     };
     return e({
-      snapshot: z,
+      snapshot: P,
       entries: {
         text: o,
         textCaseRaw: n,
@@ -5029,7 +5060,7 @@ class Z {
         fontSize: r,
         fontWeight: c,
         fontStyle: d,
-        underline: h,
+        underline: l,
         linethrough: u,
         fill: f,
         stroke: p,
@@ -5038,22 +5069,22 @@ class Z {
         backgroundColor: b,
         backgroundOpacity: I,
         paddingTop: y,
-        paddingRight: w,
+        paddingRight: M,
         paddingBottom: A,
         paddingLeft: j,
-        radiusTopLeft: M,
+        radiusTopLeft: w,
         radiusTopRight: T,
         radiusBottomRight: S,
         radiusBottomLeft: C,
         left: x,
-        top: F,
-        width: U,
-        height: W,
+        top: W,
+        width: Y,
+        height: H,
         angle: V,
         scaleX: L,
         scaleY: D
       }
-    }), z;
+    }), P;
   }
   /**
    * Возвращает первый доступный шрифт или дефолтный Arial.
@@ -5064,23 +5095,23 @@ class Z {
   }
 }
 const ot = ({
-  value: l,
+  value: h,
   fallback: t = 0
-}) => typeof l == "number" && Number.isFinite(l) ? l : typeof t == "number" && Number.isFinite(t) ? t : 0, Kt = ({
-  value: l,
+}) => typeof h == "number" && Number.isFinite(h) ? h : typeof t == "number" && Number.isFinite(t) ? t : 0, Kt = ({
+  value: h,
   dimension: t,
   useRelativePositions: e
 }) => {
-  const s = ot({ value: l });
+  const s = ot({ value: h });
   return e ? s : s / (t || 1);
 }, lo = ({
-  object: l,
+  object: h,
   baseWidth: t,
   baseHeight: e,
   useRelativePositions: s,
   centerKeys: o
 }) => {
-  const n = l;
+  const n = h;
   if (typeof n[o.x] == "number" && typeof n[o.y] == "number")
     return {
       x: Kt({
@@ -5094,7 +5125,7 @@ const ot = ({
         useRelativePositions: s
       })
     };
-  const { left: a, top: r, width: c, height: d } = l, h = Kt({
+  const { left: a, top: r, width: c, height: d } = h, l = Kt({
     value: a,
     dimension: t,
     useRelativePositions: s
@@ -5104,11 +5135,11 @@ const ot = ({
     useRelativePositions: s
   }), g = ot({ value: c }) / (t || 1), f = ot({ value: d }) / (e || 1);
   return {
-    x: h + g / 2,
+    x: l + g / 2,
     y: u + f / 2
   };
 }, ho = ({
-  normalizedX: l,
+  normalizedX: h,
   normalizedY: t,
   bounds: e,
   targetSize: s,
@@ -5116,33 +5147,33 @@ const ot = ({
 }) => {
   const { left: n, top: i, width: a, height: r } = e;
   if (!o) {
-    const { width: h, height: u } = s, g = n + l * (h || a), f = i + t * (u || r);
+    const { width: l, height: u } = s, g = n + h * (l || a), f = i + t * (u || r);
     return new tt(g, f);
   }
-  const c = n + l * a, d = i + t * r;
+  const c = n + h * a, d = i + t * r;
   return new tt(c, d);
 }, uo = ({
-  object: l,
+  object: h,
   montageArea: t,
   bounds: e
 }) => {
   if (!t || !e) return null;
   try {
-    const s = l.getCenterPoint(), { left: o, top: n, width: i, height: a } = e, r = s.x - o, c = s.y - n, d = r / i, h = c / a;
+    const s = h.getCenterPoint(), { left: o, top: n, width: i, height: a } = e, r = s.x - o, c = s.y - n, d = r / i, l = c / a;
     return {
       x: d,
-      y: h
+      y: l
     };
   } catch (s) {
     return null;
   }
 }, ft = ({
-  object: l
+  object: h
 }) => {
-  if (!l) return null;
+  if (!h) return null;
   try {
-    l.setCoords();
-    const t = l.getBoundingRect(!1, !0), {
+    h.setCoords();
+    const t = h.getBoundingRect(!1, !0), {
       left: e = 0,
       top: s = 0,
       width: o = 0,
@@ -5160,13 +5191,13 @@ const ot = ({
     return null;
   }
 }, go = ({
-  x1: l,
+  x1: h,
   y1: t,
   x2: e,
   y2: s
-}) => (Math.atan2(s - t, e - l) * 180 / Math.PI + 360) % 360, fo = (l) => {
-  if (!l || typeof l != "object") return null;
-  const { type: t, coords: e, colorStops: s } = l, o = Array.isArray(s) ? s : [], n = o[0], i = o[o.length - 1], a = typeof (n == null ? void 0 : n.color) == "string" ? n.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (n == null ? void 0 : n.offset) == "number" ? n.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0, h = o.map((u) => ({
+}) => (Math.atan2(s - t, e - h) * 180 / Math.PI + 360) % 360, fo = (h) => {
+  if (!h || typeof h != "object") return null;
+  const { type: t, coords: e, colorStops: s } = h, o = Array.isArray(s) ? s : [], n = o[0], i = o[o.length - 1], a = typeof (n == null ? void 0 : n.color) == "string" ? n.color : void 0, r = typeof (i == null ? void 0 : i.color) == "string" ? i.color : a, c = typeof (n == null ? void 0 : n.offset) == "number" ? n.offset * 100 : void 0, d = typeof (i == null ? void 0 : i.offset) == "number" ? i.offset * 100 : void 0, l = o.map((u) => ({
     color: typeof u.color == "string" ? u.color : "#000000",
     offset: typeof u.offset == "number" ? u.offset * 100 : 0
   }));
@@ -5181,7 +5212,7 @@ const ot = ({
         endColor: r,
         startPosition: c,
         endPosition: d,
-        colorStops: h
+        colorStops: l
       };
   }
   if (t === "radial") {
@@ -5196,7 +5227,7 @@ const ot = ({
         endColor: r,
         startPosition: c,
         endPosition: d,
-        colorStops: h
+        colorStops: l
       };
   }
   return null;
@@ -5220,7 +5251,7 @@ class R {
       montageArea: i,
       errorManager: a,
       backgroundManager: r
-    } = this.editor, c = n.getActiveObject(), d = R._collectObjects(c), { backgroundObject: h } = r != null ? r : {}, u = o && h ? [h] : [], g = [...d, ...u];
+    } = this.editor, c = n.getActiveObject(), d = R._collectObjects(c), { backgroundObject: l } = r != null ? r : {}, u = o && l ? [l] : [], g = [...d, ...u];
     if (!g.length)
       return a.emitWarning({
         origin: "TemplateManager",
@@ -5228,8 +5259,8 @@ class R {
         code: bt.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, b = g.map((w) => R._serializeObject({
-      object: w,
+    const f = R._getBounds(i), p = R._getMontageSize({ montageArea: i, bounds: f }), m = p.width, v = p.height, b = g.map((M) => R._serializeObject({
+      object: M,
       bounds: f,
       baseWidth: m,
       baseHeight: v,
@@ -5263,7 +5294,7 @@ class R {
         historyManager: i,
         errorManager: a,
         backgroundManager: r
-      } = this.editor, { objects: c, meta: d, id: h } = t != null ? t : {};
+      } = this.editor, { objects: c, meta: d, id: l } = t != null ? t : {};
       if (!(c != null && c.length))
         return a.emitWarning({
           origin: "TemplateManager",
@@ -5291,13 +5322,13 @@ class R {
             code: bt.TEMPLATE_MANAGER.INVALID_TEMPLATE,
             message: "Не удалось создать объекты шаблона"
           }), null;
-        const { backgroundObject: y, contentObjects: w } = R._extractBackgroundObject(I);
+        const { backgroundObject: y, contentObjects: M } = R._extractBackgroundObject(I);
         y && (b = yield R._applyBackgroundFromObject({
           backgroundObject: y,
           backgroundManager: r,
           errorManager: a
         }));
-        const A = w.map((j) => (R._applyTextOverrides({ object: j, data: e }), R._transformObject({
+        const A = M.map((j) => (R._applyTextOverrides({ object: j, data: e }), R._transformObject({
           object: j,
           scale: p,
           bounds: u,
@@ -5322,7 +5353,7 @@ class R {
           code: bt.TEMPLATE_MANAGER.APPLY_FAILED,
           message: "Ошибка применения шаблона",
           data: {
-            templateId: h,
+            templateId: l,
             error: I
           }
         }), null;
@@ -5386,7 +5417,7 @@ class R {
       scaleY: a
     } = e, r = t, c = "getElement" in r && typeof r.getElement == "function" ? r.getElement() : null, {
       naturalWidth: d = 0,
-      naturalHeight: h = 0,
+      naturalHeight: l = 0,
       width: u = 0,
       height: g = 0
     } = c instanceof HTMLImageElement ? c : {
@@ -5394,8 +5425,8 @@ class R {
       naturalHeight: 0,
       width: 0,
       height: 0
-    }, f = ot({ value: d || u || r.width, fallback: 0 }), p = ot({ value: h || g || r.height, fallback: 0 }), m = ot({ value: o, fallback: f }), v = ot({ value: n, fallback: p }), b = ot({ value: i, fallback: r.scaleX || 1 }), I = ot({ value: a, fallback: r.scaleY || 1 }), y = m * b, w = v * I, A = f ? y / f : null, j = p ? w / p : null, M = {};
-    f > 0 && (M.width = f), p > 0 && (M.height = p), A && A > 0 && (M.scaleX = A), j && j > 0 && (M.scaleY = j), r.set(M);
+    }, f = ot({ value: d || u || r.width, fallback: 0 }), p = ot({ value: l || g || r.height, fallback: 0 }), m = ot({ value: o, fallback: f }), v = ot({ value: n, fallback: p }), b = ot({ value: i, fallback: r.scaleX || 1 }), I = ot({ value: a, fallback: r.scaleY || 1 }), y = m * b, M = v * I, A = f ? y / f : null, j = p ? M / p : null, w = {};
+    f > 0 && (w.width = f), p > 0 && (w.height = p), A && A > 0 && (w.scaleX = A), j && j > 0 && (w.scaleY = j), r.set(w);
   }
   /**
    * Проверяет, содержит ли сериализованный объект инлайн SVG.
@@ -5470,7 +5501,7 @@ class R {
     montageArea: a,
     useRelativePositions: r
   }) {
-    const c = t, { x: d, y: h } = lo({
+    const c = t, { x: d, y: l } = lo({
       object: t,
       baseWidth: n,
       baseHeight: i,
@@ -5489,7 +5520,7 @@ class R {
       anchorY: R._resolveAnchor(c, de)
     }), v = ho({
       normalizedX: d,
-      normalizedY: h,
+      normalizedY: l,
       bounds: m,
       targetSize: o,
       montageArea: a
@@ -5513,7 +5544,7 @@ class R {
     anchorY: a
   }) {
     if (!n) return t;
-    const r = (e || t.width) * o, c = (s || t.height) * o, d = t.width - r, h = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), g = t.top + R._calculateAnchorOffset(a, h);
+    const r = (e || t.width) * o, c = (s || t.height) * o, d = t.width - r, l = t.height - c, u = t.left + R._calculateAnchorOffset(i, d), g = t.top + R._calculateAnchorOffset(a, l);
     return {
       left: u,
       top: g,
@@ -5610,7 +5641,7 @@ class R {
       top: r,
       width: c,
       height: d
-    } = e, h = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || d || 1, f = uo({
+    } = e, l = t.getBoundingRect(!1, !0), u = s || c || 1, g = o || d || 1, f = uo({
       object: t,
       montageArea: n,
       bounds: e
@@ -5620,7 +5651,7 @@ class R {
         x: (y.x - a) / u,
         y: (y.y - r) / g
       };
-    })(), m = (h.left - a) / u, v = (h.top - r) / g, b = m + h.width / u, I = v + h.height / g;
+    })(), m = (l.left - a) / u, v = (l.top - r) / g, b = m + l.width / u, I = v + l.height / g;
     return i[ae] = p.x, i[re] = p.y, i[ce] = R._detectAnchor({
       center: p.x,
       start: m,
@@ -5740,13 +5771,13 @@ class R {
   }
 }
 const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
-  anchors: l,
+  anchors: h,
   positions: t,
   threshold: e
 }) => {
   let s = 0, o = e + 1, n = null;
   for (const i of t)
-    for (const a of l) {
+    for (const a of h) {
       const r = Math.abs(a - i);
       r > e || r >= o || (s = a - i, o = r, n = a);
     }
@@ -5755,11 +5786,11 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     guidePosition: n
   };
 }, mo = ({
-  activeBounds: l,
+  activeBounds: h,
   threshold: t,
   anchors: e
 }) => {
-  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = l, c = Qe({
+  const { left: s, right: o, centerX: n, top: i, bottom: a, centerY: r } = h, c = Qe({
     anchors: e.vertical,
     positions: [s, n, o],
     threshold: t
@@ -5767,20 +5798,20 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     anchors: e.horizontal,
     positions: [i, r, a],
     threshold: t
-  }), h = [];
-  return c.guidePosition !== null && h.push({
+  }), l = [];
+  return c.guidePosition !== null && l.push({
     type: "vertical",
     position: c.guidePosition
-  }), d.guidePosition !== null && h.push({
+  }), d.guidePosition !== null && l.push({
     type: "horizontal",
     position: d.guidePosition
   }), {
     deltaX: c.delta,
     deltaY: d.delta,
-    guides: h
+    guides: l
   };
 }, ns = ({
-  activeBounds: l,
+  activeBounds: h,
   aligned: t,
   threshold: e,
   patterns: s,
@@ -5792,59 +5823,59 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     bottom: i,
     left: a,
     right: r
-  } = l, c = [];
+  } = h, c = [];
   for (const d of s)
-    for (const h of t)
+    for (const l of t)
       if (o === "vertical") {
-        const u = n - h.bottom, g = Math.abs(u - d.distance);
+        const u = n - l.bottom, g = Math.abs(u - d.distance);
         if (g <= e) {
           const m = d.distance - u, v = {
             type: o,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
-            activeStart: h.bottom,
-            activeEnd: h.bottom + d.distance,
+            activeStart: l.bottom,
+            activeEnd: l.bottom + d.distance,
             distance: d.distance
           };
           c.push({ delta: m, guide: v, diff: g });
         }
-        const f = h.top - i, p = Math.abs(f - d.distance);
+        const f = l.top - i, p = Math.abs(f - d.distance);
         if (p <= e) {
           const m = d.distance - f, v = {
             type: o,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
-            activeStart: h.top - d.distance,
-            activeEnd: h.top,
+            activeStart: l.top - d.distance,
+            activeEnd: l.top,
             distance: d.distance
           };
           c.push({ delta: m, guide: v, diff: p });
         }
       } else {
-        const u = a - h.right, g = Math.abs(u - d.distance);
+        const u = a - l.right, g = Math.abs(u - d.distance);
         if (g <= e) {
           const m = d.distance - u, v = {
             type: o,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
-            activeStart: h.right,
-            activeEnd: h.right + d.distance,
+            activeStart: l.right,
+            activeEnd: l.right + d.distance,
             distance: d.distance
           };
           c.push({ delta: m, guide: v, diff: g });
         }
-        const f = h.left - r, p = Math.abs(f - d.distance);
+        const f = l.left - r, p = Math.abs(f - d.distance);
         if (p <= e) {
           const m = d.distance - f, v = {
             type: o,
             axis: d.axis,
             refStart: d.start,
             refEnd: d.end,
-            activeStart: h.left - d.distance,
-            activeEnd: h.left,
+            activeStart: l.left - d.distance,
+            activeEnd: l.left,
             distance: d.distance
           };
           c.push({ delta: m, guide: v, diff: p });
@@ -5852,7 +5883,7 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
       }
   return c;
 }, yo = ({
-  activeBounds: l,
+  activeBounds: h,
   candidates: t,
   threshold: e,
   patterns: s
@@ -5863,68 +5894,68 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     bottom: i,
     left: a,
     right: r
-  } = l, c = t.filter((y) => Math.min(y.right, r) - Math.max(y.left, a) >= -e);
+  } = h, c = t.filter((y) => Math.min(y.right, r) - Math.max(y.left, a) >= -e);
   if (!c.length)
     return { delta: 0, guide: null };
   const d = [
     ...c.map((y) => ({ bounds: y, isActive: !1 })),
-    { bounds: l, isActive: !0 }
+    { bounds: h, isActive: !0 }
   ];
-  d.sort((y, w) => y.bounds.top - w.bounds.top);
-  const h = d.findIndex((y) => y.isActive);
-  if (h === -1)
+  d.sort((y, M) => y.bounds.top - M.bounds.top);
+  const l = d.findIndex((y) => y.isActive);
+  if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[h - 1], g = d[h - 2], f = d[h + 1], p = d[h + 2], m = [], v = i - n;
+  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
   if (u && g) {
-    const { bounds: y } = u, { bounds: w } = g, A = y.top - w.bottom, j = n - y.bottom, M = Math.abs(j - A);
-    if (M <= e) {
+    const { bounds: y } = u, { bounds: M } = g, A = y.top - M.bottom, j = n - y.bottom, w = Math.abs(j - A);
+    if (w <= e) {
       const T = A - j, S = n + T, C = {
         type: "vertical",
         axis: o,
-        refStart: w.bottom,
+        refStart: M.bottom,
         refEnd: y.top,
         activeStart: y.bottom,
         activeEnd: S,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: M });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (f && p) {
-    const { bounds: y } = f, { bounds: w } = p, A = w.top - y.bottom, j = y.top - i, M = Math.abs(j - A);
-    if (M <= e) {
+    const { bounds: y } = f, { bounds: M } = p, A = M.top - y.bottom, j = y.top - i, w = Math.abs(j - A);
+    if (w <= e) {
       const T = j - A, S = i + T, C = {
         type: "vertical",
         axis: o,
         refStart: y.bottom,
-        refEnd: w.top,
+        refEnd: M.top,
         activeStart: S,
         activeEnd: y.top,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: M });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (u && f) {
-    const { bounds: y } = u, { bounds: w } = f, j = w.top - y.bottom - v;
+    const { bounds: y } = u, { bounds: M } = f, j = M.top - y.bottom - v;
     if (j >= 0) {
-      const M = j / 2, T = n - y.bottom, S = w.top - i, C = Math.abs(T - M), x = Math.abs(S - M), F = Math.max(C, x);
-      if (F <= e) {
-        const U = M - T, W = i + U, V = {
+      const w = j / 2, T = n - y.bottom, S = M.top - i, C = Math.abs(T - w), x = Math.abs(S - w), W = Math.max(C, x);
+      if (W <= e) {
+        const Y = w - T, H = i + Y, V = {
           type: "vertical",
           axis: o,
           refStart: y.bottom,
-          refEnd: y.bottom + M,
-          activeStart: W,
-          activeEnd: W + M,
-          distance: M
+          refEnd: y.bottom + w,
+          activeStart: H,
+          activeEnd: H + w,
+          distance: w
         };
-        m.push({ delta: U, guide: V, diff: F });
+        m.push({ delta: Y, guide: V, diff: W });
       }
     }
   }
   const b = ns({
-    activeBounds: l,
+    activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
@@ -5932,13 +5963,13 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
   });
   if (m.push(...b), !m.length)
     return { delta: 0, guide: null };
-  const I = m.reduce((y, w) => w.diff < y.diff ? w : y, m[0]);
+  const I = m.reduce((y, M) => M.diff < y.diff ? M : y, m[0]);
   return {
     delta: I.delta,
     guide: I.guide
   };
 }, vo = ({
-  activeBounds: l,
+  activeBounds: h,
   candidates: t,
   threshold: e,
   patterns: s
@@ -5949,68 +5980,68 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     right: i,
     top: a,
     bottom: r
-  } = l, c = t.filter((y) => Math.min(y.bottom, r) - Math.max(y.top, a) >= -e);
+  } = h, c = t.filter((y) => Math.min(y.bottom, r) - Math.max(y.top, a) >= -e);
   if (!c.length)
     return { delta: 0, guide: null };
   const d = [
     ...c.map((y) => ({ bounds: y, isActive: !1 })),
-    { bounds: l, isActive: !0 }
+    { bounds: h, isActive: !0 }
   ];
-  d.sort((y, w) => y.bounds.left - w.bounds.left);
-  const h = d.findIndex((y) => y.isActive);
-  if (h === -1)
+  d.sort((y, M) => y.bounds.left - M.bounds.left);
+  const l = d.findIndex((y) => y.isActive);
+  if (l === -1)
     return { delta: 0, guide: null };
-  const u = d[h - 1], g = d[h - 2], f = d[h + 1], p = d[h + 2], m = [], v = i - n;
+  const u = d[l - 1], g = d[l - 2], f = d[l + 1], p = d[l + 2], m = [], v = i - n;
   if (u && g) {
-    const { bounds: y } = u, { bounds: w } = g, A = y.left - w.right, j = n - y.right, M = Math.abs(j - A);
-    if (M <= e) {
+    const { bounds: y } = u, { bounds: M } = g, A = y.left - M.right, j = n - y.right, w = Math.abs(j - A);
+    if (w <= e) {
       const T = A - j, S = n + T, C = {
         type: "horizontal",
         axis: o,
-        refStart: w.right,
+        refStart: M.right,
         refEnd: y.left,
         activeStart: y.right,
         activeEnd: S,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: M });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (f && p) {
-    const { bounds: y } = f, { bounds: w } = p, A = w.left - y.right, j = y.left - i, M = Math.abs(j - A);
-    if (M <= e) {
+    const { bounds: y } = f, { bounds: M } = p, A = M.left - y.right, j = y.left - i, w = Math.abs(j - A);
+    if (w <= e) {
       const T = j - A, S = i + T, C = {
         type: "horizontal",
         axis: o,
         refStart: y.right,
-        refEnd: w.left,
+        refEnd: M.left,
         activeStart: S,
         activeEnd: y.left,
         distance: A
       };
-      m.push({ delta: T, guide: C, diff: M });
+      m.push({ delta: T, guide: C, diff: w });
     }
   }
   if (u && f) {
-    const { bounds: y } = u, { bounds: w } = f, j = w.left - y.right - v;
+    const { bounds: y } = u, { bounds: M } = f, j = M.left - y.right - v;
     if (j >= 0) {
-      const M = j / 2, T = n - y.right, S = w.left - i, C = Math.abs(T - M), x = Math.abs(S - M), F = Math.max(C, x);
-      if (F <= e) {
-        const U = M - T, W = i + U, V = {
+      const w = j / 2, T = n - y.right, S = M.left - i, C = Math.abs(T - w), x = Math.abs(S - w), W = Math.max(C, x);
+      if (W <= e) {
+        const Y = w - T, H = i + Y, V = {
           type: "horizontal",
           axis: o,
           refStart: y.right,
-          refEnd: y.right + M,
-          activeStart: W,
-          activeEnd: W + M,
-          distance: M
+          refEnd: y.right + w,
+          activeStart: H,
+          activeEnd: H + w,
+          distance: w
         };
-        m.push({ delta: U, guide: V, diff: F });
+        m.push({ delta: Y, guide: V, diff: W });
       }
     }
   }
   const b = ns({
-    activeBounds: l,
+    activeBounds: h,
     aligned: c,
     threshold: e,
     patterns: s,
@@ -6018,24 +6049,24 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
   });
   if (m.push(...b), !m.length)
     return { delta: 0, guide: null };
-  const I = m.reduce((y, w) => w.diff < y.diff ? w : y, m[0]);
+  const I = m.reduce((y, M) => M.diff < y.diff ? M : y, m[0]);
   return {
     delta: I.delta,
     guide: I.guide
   };
 }, bo = ({
-  activeBounds: l,
+  activeBounds: h,
   candidates: t,
   threshold: e,
   spacingPatterns: s
 }) => {
   const o = yo({
-    activeBounds: l,
+    activeBounds: h,
     candidates: t,
     threshold: e,
     patterns: s.vertical
   }), n = vo({
-    activeBounds: l,
+    activeBounds: h,
     candidates: t,
     threshold: e,
     patterns: s.horizontal
@@ -6046,7 +6077,7 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     guides: i
   };
 }, Mo = ({
-  context: l,
+  context: h,
   x: t,
   y: e,
   width: s,
@@ -6054,9 +6085,9 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
   radius: n
 }) => {
   const i = Math.min(n, s / 2, o / 2);
-  l.moveTo(t + i, e), l.lineTo(t + s - i, e), l.quadraticCurveTo(t + s, e, t + s, e + i), l.lineTo(t + s, e + o - i), l.quadraticCurveTo(t + s, e + o, t + s - i, e + o), l.lineTo(t + i, e + o), l.quadraticCurveTo(t, e + o, t, e + o - i), l.lineTo(t, e + i), l.quadraticCurveTo(t, e, t + i, e), l.closePath();
+  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 + o - i), h.quadraticCurveTo(t + s, e + o, t + s - i, e + o), h.lineTo(t + i, e + o), h.quadraticCurveTo(t, e + o, t, e + o - i), h.lineTo(t, e + i), h.quadraticCurveTo(t, e, t + i, e), h.closePath();
 }, me = ({
-  context: l,
+  context: h,
   type: t,
   axis: e,
   start: s,
@@ -6067,24 +6098,24 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
   textColor: r = "#ffffff",
   fontFamily: c = "sans-serif",
   lineWidth: d = 1,
-  padding: h = 4,
+  padding: l = 4,
   radius: u = 4,
   offsetAlongAxis: g = 0,
   offsetPerpendicular: f = 0
 }) => {
-  const p = i || 1, m = 12 / p, v = h / p, b = u / p, I = (s + o) / 2 + g, y = t === "vertical" ? e + f : I, w = t === "vertical" ? I : e + f;
-  l.save(), l.setLineDash([]), l.fillStyle = a, l.strokeStyle = a, l.lineWidth = d / p, l.font = `${m}px ${c}`, l.textAlign = "center", l.textBaseline = "middle";
-  const j = l.measureText(n).width + v * 2, M = m + v * 2, T = y - j / 2, S = w - M / 2;
-  l.beginPath(), Mo({
-    context: l,
+  const p = i || 1, m = 12 / p, v = l / p, b = u / p, I = (s + o) / 2 + g, y = t === "vertical" ? e + f : I, M = t === "vertical" ? I : e + f;
+  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(n).width + v * 2, w = m + v * 2, T = y - j / 2, S = M - w / 2;
+  h.beginPath(), Mo({
+    context: h,
     x: T,
     y: S,
     width: j,
-    height: M,
+    height: w,
     radius: b
-  }), l.fill(), l.fillStyle = r, l.fillText(n, y, w), l.restore();
+  }), h.fill(), h.fillStyle = r, h.fillText(n, y, M), h.restore();
 }, wo = ({
-  context: l,
+  context: h,
   guide: t,
   zoom: e
 }) => {
@@ -6097,31 +6128,31 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     activeEnd: r,
     distance: c
   } = t, d = Math.round(c).toString();
-  l.beginPath(), s === "vertical" ? (l.moveTo(o, n), l.lineTo(o, i), l.moveTo(o, a), l.lineTo(o, r)) : (l.moveTo(n, o), l.lineTo(i, o), l.moveTo(a, o), l.lineTo(r, o)), l.stroke();
-  const h = os;
+  h.beginPath(), s === "vertical" ? (h.moveTo(o, n), h.lineTo(o, i), h.moveTo(o, a), h.lineTo(o, r)) : (h.moveTo(n, o), h.lineTo(i, o), h.moveTo(a, o), h.lineTo(r, o)), h.stroke();
+  const l = os;
   me({
-    context: l,
+    context: h,
     type: s,
     axis: o,
     start: n,
     end: i,
     text: d,
     zoom: e,
-    color: h,
+    color: l,
     lineWidth: pe
   }), me({
-    context: l,
+    context: h,
     type: s,
     axis: o,
     start: a,
     end: r,
     text: d,
     zoom: e,
-    color: h,
+    color: l,
     lineWidth: pe
   });
 }, qe = ({
-  anchors: l,
+  anchors: h,
   bounds: t
 }) => {
   const {
@@ -6132,24 +6163,24 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
     bottom: i,
     centerY: a
   } = t;
-  l.vertical.push(e, o, s), l.horizontal.push(n, a, i);
+  h.vertical.push(e, o, s), h.horizontal.push(n, a, i);
 }, Je = ({
-  bounds: l,
+  bounds: h,
   type: t,
   primaryStart: e,
   primaryEnd: s
 }) => {
-  const o = [], n = e === "top" ? "left" : "top", i = s === "bottom" ? "right" : "bottom", a = [...l].sort((r, c) => r[e] - c[e]);
+  const o = [], n = e === "top" ? "left" : "top", i = s === "bottom" ? "right" : "bottom", a = [...h].sort((r, c) => r[e] - c[e]);
   for (let r = 0; r < a.length; r += 1) {
     const c = a[r];
-    let d = null, h = Number.POSITIVE_INFINITY;
+    let d = null, l = Number.POSITIVE_INFINITY;
     for (let p = r + 1; p < a.length; p += 1) {
       const m = a[p];
       if (Math.min(c[i], m[i]) - Math.max(c[n], m[n]) < 0) continue;
       const b = m[e] - c[s];
-      b < 0 || b < h && (h = b, d = m);
+      b < 0 || b < l && (l = b, d = m);
     }
-    if (!d || h === Number.POSITIVE_INFINITY) continue;
+    if (!d || l === Number.POSITIVE_INFINITY) continue;
     const u = Math.max(c[n], d[n]), g = Math.min(c[i], d[i]), f = (u + g) / 2;
     o.push({
       type: t,
@@ -6161,34 +6192,34 @@ const po = 5, os = "#3D8BF4", pe = 1, Qt = 1, Qe = ({
   }
   return o;
 }, So = ({
-  bounds: l
+  bounds: h
 }) => {
   const t = Je({
-    bounds: l,
+    bounds: h,
     type: "vertical",
     primaryStart: "top",
     primaryEnd: "bottom"
   }), e = Je({
-    bounds: l,
+    bounds: h,
     type: "horizontal",
     primaryStart: "left",
     primaryEnd: "right"
   });
   return { vertical: t, horizontal: e };
 }, Ao = ["montage-area", "background", "interaction-blocker"], is = ({
-  activeObject: l
+  activeObject: h
 }) => {
   const t = /* @__PURE__ */ new Set();
-  return l && (t.add(l), l instanceof k && l.getObjects().forEach((e) => t.add(e))), t;
+  return h && (t.add(h), h instanceof k && h.getObjects().forEach((e) => t.add(e))), t;
 }, as = ({
-  object: l,
+  object: h,
   excluded: t,
   ignoredIds: e = Ao
 }) => {
-  if (t.has(l)) return !0;
-  const { visible: s = !0 } = l;
+  if (t.has(h)) return !0;
+  const { visible: s = !0 } = h;
   if (!s) return !0;
-  const { id: o } = l;
+  const { id: o } = h;
   return !!(o && e.includes(o));
 };
 class jo {
@@ -6258,12 +6289,12 @@ class jo {
       activeBounds: n,
       threshold: r,
       anchors: this.anchors
-    }), { deltaX: d, deltaY: h, guides: u } = c;
-    if (d !== 0 || h !== 0) {
+    }), { deltaX: d, deltaY: l, guides: u } = c;
+    if (d !== 0 || l !== 0) {
       const { left: v = 0, top: b = 0 } = e;
       e.set({
         left: v + d,
-        top: b + h
+        top: b + l
       }), e.setCoords(), n = (p = ft({ object: e })) != null ? p : n;
     }
     const g = this.cachedTargetBounds.length ? this.cachedTargetBounds : this._collectTargets({ activeObject: e }).map((v) => ft({ object: v })).filter((v) => !!v), f = bo({
@@ -6306,12 +6337,12 @@ class jo {
     if (!s) return;
     const o = e != null ? e : this._calculateViewportBounds(), { left: n, right: i, top: a, bottom: r } = o, { viewportTransform: c } = t, d = t.getZoom() || 1;
     s.save(), Array.isArray(c) && s.transform(...c), s.lineWidth = pe / d, s.strokeStyle = os, s.setLineDash([4, 4]);
-    for (const h of this.activeGuides)
-      s.beginPath(), h.type === "vertical" ? (s.moveTo(h.position, a), s.lineTo(h.position, r)) : (s.moveTo(n, h.position), s.lineTo(i, h.position)), s.stroke();
-    for (const h of this.activeSpacingGuides)
+    for (const l of this.activeGuides)
+      s.beginPath(), l.type === "vertical" ? (s.moveTo(l.position, a), s.lineTo(l.position, r)) : (s.moveTo(n, l.position), s.lineTo(i, l.position)), s.stroke();
+    for (const l of this.activeSpacingGuides)
       wo({
         context: s,
-        guide: h,
+        guide: l,
         zoom: d
       });
     s.restore();
@@ -6394,10 +6425,10 @@ class jo {
       i = 1,
       a = 0,
       r = 0
-    ] = e != null ? e : [], c = (0 - a) / n, d = (0 - r) / i, h = (s - a) / n, u = (o - r) / i;
+    ] = e != null ? e : [], c = (0 - a) / n, d = (0 - r) / i, l = (s - a) / n, u = (o - r) / i;
     return {
       left: c,
-      right: h,
+      right: l,
       top: d,
       bottom: u
     };
@@ -6582,7 +6613,7 @@ class Lt {
       centerY: c = 0
     } = t, {
       left: d = 0,
-      right: h = 0,
+      right: l = 0,
       top: u = 0,
       bottom: g = 0,
       centerY: f = 0
@@ -6598,31 +6629,31 @@ class Lt {
         distance: C
       }), o;
     }
-    if (h <= n) {
+    if (l <= n) {
       if (s) return o;
-      const C = n - h;
+      const C = n - l;
       return C > 0 && o.push({
         type: "horizontal",
         axis: b,
-        start: h,
+        start: l,
         end: n,
         distance: C
       }), o;
     }
     if (!s) return o;
-    const I = n < d, y = i > h, w = Math.min(n, d), A = Math.max(n, d), j = A - w;
+    const I = n < d, y = i > l, M = Math.min(n, d), A = Math.max(n, d), j = A - M;
     j > 0 && !I && o.push({
       type: "horizontal",
       axis: b,
-      start: w,
+      start: M,
       end: A,
       distance: j
     });
-    const M = Math.min(i, h), T = Math.max(i, h), S = T - M;
+    const w = Math.min(i, l), T = Math.max(i, l), S = T - w;
     return S > 0 && !y && o.push({
       type: "horizontal",
       axis: b,
-      start: M,
+      start: w,
       end: T,
       distance: S
     }), o;
@@ -6643,7 +6674,7 @@ class Lt {
       centerX: c = 0
     } = t, {
       top: d = 0,
-      bottom: h = 0,
+      bottom: l = 0,
       left: u = 0,
       right: g = 0,
       centerX: f = 0
@@ -6659,31 +6690,31 @@ class Lt {
         distance: C
       }), o;
     }
-    if (h <= n) {
+    if (l <= n) {
       if (s) return o;
-      const C = n - h;
+      const C = n - l;
       return C > 0 && o.push({
         type: "vertical",
         axis: b,
-        start: h,
+        start: l,
         end: n,
         distance: C
       }), o;
     }
     if (!s) return o;
-    const I = n < d, y = i > h, w = Math.min(n, d), A = Math.max(n, d), j = A - w;
+    const I = n < d, y = i > l, M = Math.min(n, d), A = Math.max(n, d), j = A - M;
     j > 0 && !I && o.push({
       type: "vertical",
       axis: b,
-      start: w,
+      start: M,
       end: A,
       distance: j
     });
-    const M = Math.min(i, h), T = Math.max(i, h), S = T - M;
+    const w = Math.min(i, l), T = Math.max(i, l), S = T - w;
     return S > 0 && !y && o.push({
       type: "vertical",
       axis: b,
-      start: M,
+      start: w,
       end: T,
       distance: S
     }), o;
@@ -6715,11 +6746,11 @@ class Lt {
     const { viewportTransform: s } = t, o = t.getZoom() || 1, n = this.activeGuides.some((c) => c.type === "vertical"), i = this.activeGuides.some((c) => c.type === "horizontal"), a = n && i && !this.isTargetMontageArea, r = a ? 12 / o : 0;
     e.save(), Array.isArray(s) && e.transform(...s), e.lineWidth = ts / o, e.strokeStyle = $e, e.setLineDash([]);
     for (const c of this.activeGuides) {
-      const { type: d, axis: h, start: u, end: g, distance: f } = c, p = Math.abs(g - u), m = u <= g ? -1 : 1, v = a ? m * (p / 2 + r) : 0, b = 0;
-      e.beginPath(), d === "vertical" ? (e.moveTo(h, u), e.lineTo(h, g)) : (e.moveTo(u, h), e.lineTo(g, h)), e.stroke(), me({
+      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, b = 0;
+      e.beginPath(), d === "vertical" ? (e.moveTo(l, u), e.lineTo(l, g)) : (e.moveTo(u, l), e.lineTo(g, l)), e.stroke(), me({
         context: e,
         type: d,
-        axis: h,
+        axis: l,
         start: u,
         end: g,
         text: Math.round(f).toString(),
@@ -6779,9 +6810,9 @@ class Se {
         initialStateJSON: r,
         scaleType: c,
         showRotationAngle: d,
-        _onReadyCallback: h
+        _onReadyCallback: l
       } = this.options;
-      if (J.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Yt({ editor: this }), this.historyManager = new Jt({ editor: this }), this.toolbar = new Ys({ 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 $t({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new te({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new fe((u = this.options.fonts) != null ? u : []), this.textManager = new Z({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ut({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), this.canvasManager.setCanvasCSSHeight(i), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), yield this.fontManager.loadFonts(), a != null && a.source) {
+      if (J.apply(), this.canvas = new vs(this.containerId, this.options), this.moduleLoader = new As(), this.workerManager = new Is(), this.errorManager = new Yt({ editor: this }), this.historyManager = new Jt({ editor: this }), this.toolbar = new Ys({ 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 $t({ editor: this }), this.shapeManager = new to({ editor: this }), this.interactionBlocker = new $s({ editor: this }), this.backgroundManager = new Ot({ editor: this }), this.clipboardManager = new eo({ editor: this }), this.objectLockManager = new te({ editor: this }), this.groupingManager = new so({ editor: this }), this.selectionManager = new oo({ editor: this }), this.deletionManager = new we({ editor: this }), this.panConstraintManager = new no({ editor: this }), this.snappingManager = new jo({ editor: this }), this.measurementManager = new Lt({ editor: this }), this.fontManager = new fe((u = this.options.fonts) != null ? u : []), this.textManager = new z({ editor: this }), this.templateManager = new R({ editor: this }), d && (this.angleIndicator = new Me({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.listeners = new Ut({ editor: this, options: this.options }), this.canvasManager.setEditorContainerWidth(t), this.canvasManager.setEditorContainerHeight(e), this.canvasManager.setCanvasWrapperWidth(s), this.canvasManager.setCanvasWrapperHeight(o), this.canvasManager.setCanvasCSSWidth(n), 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}`,
@@ -6789,7 +6820,7 @@ class Se {
         } = a;
         yield this.imageManager.importImage({ source: g, scale: f, withoutSave: p });
       }
-      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof h == "function" && h(this);
+      r && this.historyManager.loadStateFromFullState(r), this.historyManager.saveState(), console.log("editor:ready"), this.canvas.fire("editor:ready", this), typeof l == "function" && l(this);
     });
   }
   /**
@@ -7770,15 +7801,15 @@ const E = [
    */
   fonts: Io
 };
-function Do(l, t = {}) {
-  const e = _(_({}, Co), t), s = document.getElementById(l);
+function Do(h, t = {}) {
+  const e = _(_({}, Co), t), s = document.getElementById(h);
   if (!s)
-    return Promise.reject(new Error(`Контейнер с ID "${l}" не найден.`));
+    return Promise.reject(new Error(`Контейнер с ID "${h}" не найден.`));
   const o = document.createElement("canvas");
-  return o.id = `${l}-canvas`, s.appendChild(o), e.editorContainer = s, new Promise((n) => {
+  return o.id = `${h}-canvas`, s.appendChild(o), e.editorContainer = s, new Promise((n) => {
     e._onReadyCallback = n;
     const i = new Se(o.id, e);
-    window[l] = i;
+    window[h] = i;
   });
 }
 export {