@twick/video-editor 0.14.20 → 0.15.1

package/dist/index.js

@@ -130,26 +130,28 @@ const p = () => g || (g = { document, window, isTouchSupported: "ontouchstart" i
 };
 const _ = new class {
   constructor() {
-    t(this, "charWidthsCache", {}), t(this, "boundsOfCurveCache", {});
+    t(this, "boundsOfCurveCache", {}), this.charWidthsCache = /* @__PURE__ */ new Map();
   }
   getFontCache(t2) {
     let { fontFamily: e3, fontStyle: s2, fontWeight: i2 } = t2;
-    e3 = e3.toLowerCase(), this.charWidthsCache[e3] || (this.charWidthsCache[e3] = {});
-    const r2 = this.charWidthsCache[e3], n2 = "".concat(s2.toLowerCase(), "_").concat((i2 + "").toLowerCase());
-    return r2[n2] || (r2[n2] = {}), r2[n2];
+    e3 = e3.toLowerCase();
+    const r2 = this.charWidthsCache;
+    r2.has(e3) || r2.set(e3, /* @__PURE__ */ new Map());
+    const n2 = r2.get(e3), o2 = "".concat(s2.toLowerCase(), "_").concat((i2 + "").toLowerCase());
+    return n2.has(o2) || n2.set(o2, /* @__PURE__ */ new Map()), n2.get(o2);
   }
   clearFontCache(t2) {
-    (t2 = (t2 || "").toLowerCase()) ? this.charWidthsCache[t2] && delete this.charWidthsCache[t2] : this.charWidthsCache = {};
+    t2 ? this.charWidthsCache.delete((t2 || "").toLowerCase()) : this.charWidthsCache = /* @__PURE__ */ new Map();
   }
   limitDimsByArea(t2) {
     const { perfLimitSizeTotal: e3 } = o, s2 = Math.sqrt(e3 * t2);
     return [Math.floor(s2), Math.floor(e3 / s2)];
   }
 }();
-const x = "6.6.6";
+const x = "6.9.1";
 function C() {
 }
-const b = Math.PI / 2, S = 2 * Math.PI, w = Math.PI / 180, T = Object.freeze([1, 0, 0, 1, 0, 0]), O = 16, k = 0.4477152502, D = "center", M = "left", P = "top", E = "bottom", A = "right", j = "none", F = /\r?\n/, L = "moving", R = "scaling", B = "rotating", I = "rotate", X = "skewing", Y = "resizing", W = "modifyPoly", V$1 = "modifyPath", z = "changed", G = "scale", H = "scaleX", N = "scaleY", U = "skewX", q = "skewY", K = "fill", J = "stroke", Q = "modified", Z = "json", $ = "svg";
+const b = Math.PI / 2, S = 2 * Math.PI, w = Math.PI / 180, T = Object.freeze([1, 0, 0, 1, 0, 0]), O = 16, k = 0.4477152502, D = "center", M = "left", P = "top", E = "bottom", A = "right", j = "none", F = /\r?\n/, L = "moving", R = "scaling", I = "rotating", B = "rotate", X = "skewing", Y = "resizing", W = "modifyPoly", V$1 = "modifyPath", z = "changed", G = "scale", H = "scaleX", N = "scaleY", U = "skewX", q = "skewY", K = "fill", J = "stroke", Q = "modified", Z = "json", $ = "svg";
 const tt = new class {
   constructor() {
     this[Z] = /* @__PURE__ */ new Map(), this[$] = /* @__PURE__ */ new Map();
@@ -562,7 +564,7 @@ const Et = function(t2) {
   i2 && (r2 = Tt(r2, Pt({ angle: i2 })));
   const n2 = Lt(t2);
   return bt(n2) || (r2 = Tt(r2, n2)), r2;
-}, Bt = function(t2) {
+}, It = function(t2) {
   let { signal: e3, crossOrigin: s2 = null } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
   return new Promise(function(i2, r2) {
     if (e3 && e3.aborted) return r2(new c("loadImage"));
@@ -578,7 +580,7 @@ const Et = function(t2) {
       o2 && (null == e3 || e3.removeEventListener("abort", o2)), r2(new h("Error loading ".concat(n2.src)));
     }, s2 && (n2.crossOrigin = s2), n2.src = t2) : a2();
   });
-}, It = function(t2) {
+}, Bt = function(t2) {
   let { signal: e3, reviver: s2 = C } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
   return new Promise((i2, r2) => {
     const n2 = [];
@@ -595,7 +597,7 @@ const Et = function(t2) {
   return new Promise((s2, i2) => {
     const r2 = [];
     e3 && e3.addEventListener("abort", i2, { once: true });
-    const n2 = Object.values(t2).map((t3) => t3 && t3.type && tt.has(t3.type) ? It([t3], { signal: e3 }).then((t4) => {
+    const n2 = Object.values(t2).map((t3) => t3 && t3.type && tt.has(t3.type) ? Bt([t3], { signal: e3 }).then((t4) => {
       let [e4] = t4;
       return r2.push(e4), e4;
     }) : t3), o2 = Object.keys(t2);
@@ -674,8 +676,8 @@ class te {
     p().dispose(this.lower.el), delete this.lower;
   }
 }
-const ee = { backgroundVpt: true, backgroundColor: "", overlayVpt: true, overlayColor: "", includeDefaultValues: true, svgViewportTransformation: true, renderOnAddRemove: true, skipOffscreen: true, enableRetinaScaling: true, imageSmoothingEnabled: true, controlsAboveOverlay: false, allowTouchScrolling: false, viewportTransform: [...T] };
-class se extends ct(lt) {
+const ee = { backgroundVpt: true, backgroundColor: "", overlayVpt: true, overlayColor: "", includeDefaultValues: true, svgViewportTransformation: true, renderOnAddRemove: true, skipOffscreen: true, enableRetinaScaling: true, imageSmoothingEnabled: true, controlsAboveOverlay: false, allowTouchScrolling: false, viewportTransform: [...T] }, se = ["objects"];
+class ie extends ct(lt) {
   get lowerCanvasEl() {
     var t2;
     return null === (t2 = this.elements.lower) || void 0 === t2 ? void 0 : t2.el;
@@ -685,7 +687,7 @@ class se extends ct(lt) {
     return null === (t2 = this.elements.lower) || void 0 === t2 ? void 0 : t2.ctx;
   }
   static getDefaults() {
-    return se.ownDefaults;
+    return ie.ownDefaults;
   }
   constructor(t2) {
     let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
@@ -961,10 +963,10 @@ class se extends ct(lt) {
   loadFromJSON(t2, e3) {
     let { signal: s2 } = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
     if (!t2) return Promise.reject(new h("`json` is undefined"));
-    const i2 = "string" == typeof t2 ? JSON.parse(t2) : t2, { objects: r2 = [], backgroundImage: n2, background: o2, overlayImage: a2, overlay: c2, clipPath: l2 } = i2, u2 = this.renderOnAddRemove;
-    return this.renderOnAddRemove = false, Promise.all([It(r2, { reviver: e3, signal: s2 }), Xt({ backgroundImage: n2, backgroundColor: o2, overlayImage: a2, overlayColor: c2, clipPath: l2 }, { signal: s2 })]).then((t3) => {
+    const r2 = "string" == typeof t2 ? JSON.parse(t2) : t2, { objects: n2 = [] } = r2, o2 = i(r2, se), { backgroundImage: a2, background: c2, overlayImage: l2, overlay: u2, clipPath: d2 } = o2, g2 = this.renderOnAddRemove;
+    return this.renderOnAddRemove = false, Promise.all([Bt(n2, { reviver: e3, signal: s2 }), Xt({ backgroundImage: a2, backgroundColor: c2, overlayImage: l2, overlayColor: u2, clipPath: d2 }, { signal: s2 })]).then((t3) => {
       let [e4, s3] = t3;
-      return this.clear(), this.add(...e4), this.set(i2), this.set(s3), this.renderOnAddRemove = u2, this;
+      return this.clear(), this.add(...e4), this.set(o2), this.set(s3), this.renderOnAddRemove = g2, this;
     });
   }
   clone(t2) {
@@ -1005,60 +1007,60 @@ class se extends ct(lt) {
     return "#<Canvas (".concat(this.complexity(), "): { objects: ").concat(this._objects.length, " }>");
   }
 }
-t(se, "ownDefaults", ee);
-const ie = ["touchstart", "touchmove", "touchend"];
-const re = (t2) => {
+t(ie, "ownDefaults", ee);
+const re = ["touchstart", "touchmove", "touchend"];
+const ne = (t2) => {
   const e3 = qt(t2.target), s2 = function(t3) {
     const e4 = t3.changedTouches;
     return e4 && e4[0] ? e4[0] : t3;
   }(t2);
   return new ot(s2.clientX + e3.left, s2.clientY + e3.top);
-}, ne = (t2) => ie.includes(t2.type) || "touch" === t2.pointerType, oe = (t2) => {
+}, oe = (t2) => re.includes(t2.type) || "touch" === t2.pointerType, ae = (t2) => {
   t2.preventDefault(), t2.stopPropagation();
-}, ae = (t2) => {
+}, he = (t2) => {
   let e3 = 0, s2 = 0, i2 = 0, r2 = 0;
   for (let n2 = 0, o2 = t2.length; n2 < o2; n2++) {
     const { x: o3, y: a2 } = t2[n2];
     (o3 > i2 || !n2) && (i2 = o3), (o3 < e3 || !n2) && (e3 = o3), (a2 > r2 || !n2) && (r2 = a2), (a2 < s2 || !n2) && (s2 = a2);
   }
   return { left: e3, top: s2, width: i2 - e3, height: r2 - s2 };
-}, he = ["translateX", "translateY", "scaleX", "scaleY"], ce = (t2, e3) => le(t2, Tt(e3, t2.calcOwnMatrix())), le = (t2, e3) => {
-  const s2 = Dt(e3), { translateX: r2, translateY: n2, scaleX: o2, scaleY: a2 } = s2, h2 = i(s2, he), c2 = new ot(r2, n2);
+}, ce = ["translateX", "translateY", "scaleX", "scaleY"], le = (t2, e3) => ue(t2, Tt(e3, t2.calcOwnMatrix())), ue = (t2, e3) => {
+  const s2 = Dt(e3), { translateX: r2, translateY: n2, scaleX: o2, scaleY: a2 } = s2, h2 = i(s2, ce), c2 = new ot(r2, n2);
   t2.flipX = false, t2.flipY = false, Object.assign(t2, h2), t2.set({ scaleX: o2, scaleY: a2 }), t2.setPositionByOrigin(c2, D, D);
-}, ue = (t2) => {
+}, de = (t2) => {
   t2.scaleX = 1, t2.scaleY = 1, t2.skewX = 0, t2.skewY = 0, t2.flipX = false, t2.flipY = false, t2.rotate(0);
-}, de = (t2) => ({ scaleX: t2.scaleX, scaleY: t2.scaleY, skewX: t2.skewX, skewY: t2.skewY, angle: t2.angle, left: t2.left, flipX: t2.flipX, flipY: t2.flipY, top: t2.top }), ge = (t2, e3, s2) => {
-  const i2 = t2 / 2, r2 = e3 / 2, n2 = [new ot(-i2, -r2), new ot(i2, -r2), new ot(-i2, r2), new ot(i2, r2)].map((t3) => t3.transform(s2)), o2 = ae(n2);
+}, ge = (t2) => ({ scaleX: t2.scaleX, scaleY: t2.scaleY, skewX: t2.skewX, skewY: t2.skewY, angle: t2.angle, left: t2.left, flipX: t2.flipX, flipY: t2.flipY, top: t2.top }), fe = (t2, e3, s2) => {
+  const i2 = t2 / 2, r2 = e3 / 2, n2 = [new ot(-i2, -r2), new ot(i2, -r2), new ot(-i2, r2), new ot(i2, r2)].map((t3) => t3.transform(s2)), o2 = he(n2);
   return new ot(o2.width, o2.height);
-}, fe = function() {
+}, pe = function() {
   let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : T;
   return Tt(wt(arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : T), t2);
-}, pe = function(t2) {
-  let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : T, s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : T;
-  return t2.transform(fe(e3, s2));
 }, me = function(t2) {
   let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : T, s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : T;
-  return t2.transform(fe(e3, s2), true);
-}, ve = (t2, e3, s2) => {
-  const i2 = fe(e3, s2);
-  return le(t2, Tt(i2, t2.calcOwnMatrix())), i2;
-}, ye = (t2, e3) => {
+  return t2.transform(pe(e3, s2));
+}, ve = function(t2) {
+  let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : T, s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : T;
+  return t2.transform(pe(e3, s2), true);
+}, ye = (t2, e3, s2) => {
+  const i2 = pe(e3, s2);
+  return ue(t2, Tt(i2, t2.calcOwnMatrix())), i2;
+}, _e = (t2, e3) => {
   var i2;
   const { transform: { target: r2 } } = e3;
   null === (i2 = r2.canvas) || void 0 === i2 || i2.fire("object:".concat(t2), s(s({}, e3), {}, { target: r2 })), r2.fire(t2, e3);
-}, _e = { left: -0.5, top: -0.5, center: 0, bottom: 0.5, right: 0.5 }, xe = (t2) => "string" == typeof t2 ? _e[t2] : t2 - 0.5, Ce = "not-allowed";
-function be(t2) {
-  return xe(t2.originX) === xe(D) && xe(t2.originY) === xe(D);
-}
+}, xe = { left: -0.5, top: -0.5, center: 0, bottom: 0.5, right: 0.5 }, Ce = (t2) => "string" == typeof t2 ? xe[t2] : t2 - 0.5, be = "not-allowed";
 function Se(t2) {
-  return 0.5 - xe(t2);
+  return Ce(t2.originX) === Ce(D) && Ce(t2.originY) === Ce(D);
 }
-const we = (t2, e3) => t2[e3], Te = (t2, e3, s2, i2) => ({ e: t2, transform: e3, pointer: new ot(s2, i2) });
-function Oe(t2, e3) {
+function we(t2) {
+  return 0.5 - Ce(t2);
+}
+const Te = (t2, e3) => t2[e3], Oe = (t2, e3, s2, i2) => ({ e: t2, transform: e3, pointer: new ot(s2, i2) });
+function ke(t2, e3) {
   const s2 = t2.getTotalAngle() + Ct(Math.atan2(e3.y, e3.x)) + 360;
   return Math.round(s2 % 360 / 45);
 }
-function ke(t2, e3, s2, i2, r2) {
+function De(t2, e3, s2, i2, r2) {
   var n2;
   let { target: o2, corner: a2 } = t2;
   const h2 = o2.controls[a2], c2 = (null === (n2 = o2.canvas) || void 0 === n2 ? void 0 : n2.getZoom()) || 1, l2 = o2.padding / c2, u2 = function(t3, e4, s3, i3) {
@@ -1067,10 +1069,10 @@ function ke(t2, e3, s2, i2, r2) {
   }(o2, new ot(i2, r2), e3, s2);
   return u2.x >= l2 && (u2.x -= l2), u2.x <= -l2 && (u2.x += l2), u2.y >= l2 && (u2.y -= l2), u2.y <= l2 && (u2.y += l2), u2.x -= h2.offsetX, u2.y -= h2.offsetY, u2;
 }
-const De = (t2, e3, s2, i2) => {
-  const { target: r2, offsetX: n2, offsetY: o2 } = e3, a2 = s2 - n2, h2 = i2 - o2, c2 = !we(r2, "lockMovementX") && r2.left !== a2, l2 = !we(r2, "lockMovementY") && r2.top !== h2;
-  return c2 && r2.set(M, a2), l2 && r2.set(P, h2), (c2 || l2) && ye(L, Te(t2, e3, s2, i2)), c2 || l2;
-}, Me = { aliceblue: "#F0F8FF", antiquewhite: "#FAEBD7", aqua: "#0FF", aquamarine: "#7FFFD4", azure: "#F0FFFF", beige: "#F5F5DC", bisque: "#FFE4C4", black: "#000", blanchedalmond: "#FFEBCD", blue: "#00F", blueviolet: "#8A2BE2", brown: "#A52A2A", burlywood: "#DEB887", cadetblue: "#5F9EA0", chartreuse: "#7FFF00", chocolate: "#D2691E", coral: "#FF7F50", cornflowerblue: "#6495ED", cornsilk: "#FFF8DC", crimson: "#DC143C", cyan: "#0FF", darkblue: "#00008B", darkcyan: "#008B8B", darkgoldenrod: "#B8860B", darkgray: "#A9A9A9", darkgrey: "#A9A9A9", darkgreen: "#006400", darkkhaki: "#BDB76B", darkmagenta: "#8B008B", darkolivegreen: "#556B2F", darkorange: "#FF8C00", darkorchid: "#9932CC", darkred: "#8B0000", darksalmon: "#E9967A", darkseagreen: "#8FBC8F", darkslateblue: "#483D8B", darkslategray: "#2F4F4F", darkslategrey: "#2F4F4F", darkturquoise: "#00CED1", darkviolet: "#9400D3", deeppink: "#FF1493", deepskyblue: "#00BFFF", dimgray: "#696969", dimgrey: "#696969", dodgerblue: "#1E90FF", firebrick: "#B22222", floralwhite: "#FFFAF0", forestgreen: "#228B22", fuchsia: "#F0F", gainsboro: "#DCDCDC", ghostwhite: "#F8F8FF", gold: "#FFD700", goldenrod: "#DAA520", gray: "#808080", grey: "#808080", green: "#008000", greenyellow: "#ADFF2F", honeydew: "#F0FFF0", hotpink: "#FF69B4", indianred: "#CD5C5C", indigo: "#4B0082", ivory: "#FFFFF0", khaki: "#F0E68C", lavender: "#E6E6FA", lavenderblush: "#FFF0F5", lawngreen: "#7CFC00", lemonchiffon: "#FFFACD", lightblue: "#ADD8E6", lightcoral: "#F08080", lightcyan: "#E0FFFF", lightgoldenrodyellow: "#FAFAD2", lightgray: "#D3D3D3", lightgrey: "#D3D3D3", lightgreen: "#90EE90", lightpink: "#FFB6C1", lightsalmon: "#FFA07A", lightseagreen: "#20B2AA", lightskyblue: "#87CEFA", lightslategray: "#789", lightslategrey: "#789", lightsteelblue: "#B0C4DE", lightyellow: "#FFFFE0", lime: "#0F0", limegreen: "#32CD32", linen: "#FAF0E6", magenta: "#F0F", maroon: "#800000", mediumaquamarine: "#66CDAA", mediumblue: "#0000CD", mediumorchid: "#BA55D3", mediumpurple: "#9370DB", mediumseagreen: "#3CB371", mediumslateblue: "#7B68EE", mediumspringgreen: "#00FA9A", mediumturquoise: "#48D1CC", mediumvioletred: "#C71585", midnightblue: "#191970", mintcream: "#F5FFFA", mistyrose: "#FFE4E1", moccasin: "#FFE4B5", navajowhite: "#FFDEAD", navy: "#000080", oldlace: "#FDF5E6", olive: "#808000", olivedrab: "#6B8E23", orange: "#FFA500", orangered: "#FF4500", orchid: "#DA70D6", palegoldenrod: "#EEE8AA", palegreen: "#98FB98", paleturquoise: "#AFEEEE", palevioletred: "#DB7093", papayawhip: "#FFEFD5", peachpuff: "#FFDAB9", peru: "#CD853F", pink: "#FFC0CB", plum: "#DDA0DD", powderblue: "#B0E0E6", purple: "#800080", rebeccapurple: "#639", red: "#F00", rosybrown: "#BC8F8F", royalblue: "#4169E1", saddlebrown: "#8B4513", salmon: "#FA8072", sandybrown: "#F4A460", seagreen: "#2E8B57", seashell: "#FFF5EE", sienna: "#A0522D", silver: "#C0C0C0", skyblue: "#87CEEB", slateblue: "#6A5ACD", slategray: "#708090", slategrey: "#708090", snow: "#FFFAFA", springgreen: "#00FF7F", steelblue: "#4682B4", tan: "#D2B48C", teal: "#008080", thistle: "#D8BFD8", tomato: "#FF6347", turquoise: "#40E0D0", violet: "#EE82EE", wheat: "#F5DEB3", white: "#FFF", whitesmoke: "#F5F5F5", yellow: "#FF0", yellowgreen: "#9ACD32" }, Pe = (t2, e3, s2) => (s2 < 0 && (s2 += 1), s2 > 1 && (s2 -= 1), s2 < 1 / 6 ? t2 + 6 * (e3 - t2) * s2 : s2 < 0.5 ? e3 : s2 < 2 / 3 ? t2 + (e3 - t2) * (2 / 3 - s2) * 6 : t2), Ee = (t2, e3, s2, i2) => {
+const Me = (t2, e3, s2, i2) => {
+  const { target: r2, offsetX: n2, offsetY: o2 } = e3, a2 = s2 - n2, h2 = i2 - o2, c2 = !Te(r2, "lockMovementX") && r2.left !== a2, l2 = !Te(r2, "lockMovementY") && r2.top !== h2;
+  return c2 && r2.set(M, a2), l2 && r2.set(P, h2), (c2 || l2) && _e(L, Oe(t2, e3, s2, i2)), c2 || l2;
+}, Pe = (t2) => t2.replace(/\s+/g, " "), Ee = { aliceblue: "#F0F8FF", antiquewhite: "#FAEBD7", aqua: "#0FF", aquamarine: "#7FFFD4", azure: "#F0FFFF", beige: "#F5F5DC", bisque: "#FFE4C4", black: "#000", blanchedalmond: "#FFEBCD", blue: "#00F", blueviolet: "#8A2BE2", brown: "#A52A2A", burlywood: "#DEB887", cadetblue: "#5F9EA0", chartreuse: "#7FFF00", chocolate: "#D2691E", coral: "#FF7F50", cornflowerblue: "#6495ED", cornsilk: "#FFF8DC", crimson: "#DC143C", cyan: "#0FF", darkblue: "#00008B", darkcyan: "#008B8B", darkgoldenrod: "#B8860B", darkgray: "#A9A9A9", darkgrey: "#A9A9A9", darkgreen: "#006400", darkkhaki: "#BDB76B", darkmagenta: "#8B008B", darkolivegreen: "#556B2F", darkorange: "#FF8C00", darkorchid: "#9932CC", darkred: "#8B0000", darksalmon: "#E9967A", darkseagreen: "#8FBC8F", darkslateblue: "#483D8B", darkslategray: "#2F4F4F", darkslategrey: "#2F4F4F", darkturquoise: "#00CED1", darkviolet: "#9400D3", deeppink: "#FF1493", deepskyblue: "#00BFFF", dimgray: "#696969", dimgrey: "#696969", dodgerblue: "#1E90FF", firebrick: "#B22222", floralwhite: "#FFFAF0", forestgreen: "#228B22", fuchsia: "#F0F", gainsboro: "#DCDCDC", ghostwhite: "#F8F8FF", gold: "#FFD700", goldenrod: "#DAA520", gray: "#808080", grey: "#808080", green: "#008000", greenyellow: "#ADFF2F", honeydew: "#F0FFF0", hotpink: "#FF69B4", indianred: "#CD5C5C", indigo: "#4B0082", ivory: "#FFFFF0", khaki: "#F0E68C", lavender: "#E6E6FA", lavenderblush: "#FFF0F5", lawngreen: "#7CFC00", lemonchiffon: "#FFFACD", lightblue: "#ADD8E6", lightcoral: "#F08080", lightcyan: "#E0FFFF", lightgoldenrodyellow: "#FAFAD2", lightgray: "#D3D3D3", lightgrey: "#D3D3D3", lightgreen: "#90EE90", lightpink: "#FFB6C1", lightsalmon: "#FFA07A", lightseagreen: "#20B2AA", lightskyblue: "#87CEFA", lightslategray: "#789", lightslategrey: "#789", lightsteelblue: "#B0C4DE", lightyellow: "#FFFFE0", lime: "#0F0", limegreen: "#32CD32", linen: "#FAF0E6", magenta: "#F0F", maroon: "#800000", mediumaquamarine: "#66CDAA", mediumblue: "#0000CD", mediumorchid: "#BA55D3", mediumpurple: "#9370DB", mediumseagreen: "#3CB371", mediumslateblue: "#7B68EE", mediumspringgreen: "#00FA9A", mediumturquoise: "#48D1CC", mediumvioletred: "#C71585", midnightblue: "#191970", mintcream: "#F5FFFA", mistyrose: "#FFE4E1", moccasin: "#FFE4B5", navajowhite: "#FFDEAD", navy: "#000080", oldlace: "#FDF5E6", olive: "#808000", olivedrab: "#6B8E23", orange: "#FFA500", orangered: "#FF4500", orchid: "#DA70D6", palegoldenrod: "#EEE8AA", palegreen: "#98FB98", paleturquoise: "#AFEEEE", palevioletred: "#DB7093", papayawhip: "#FFEFD5", peachpuff: "#FFDAB9", peru: "#CD853F", pink: "#FFC0CB", plum: "#DDA0DD", powderblue: "#B0E0E6", purple: "#800080", rebeccapurple: "#639", red: "#F00", rosybrown: "#BC8F8F", royalblue: "#4169E1", saddlebrown: "#8B4513", salmon: "#FA8072", sandybrown: "#F4A460", seagreen: "#2E8B57", seashell: "#FFF5EE", sienna: "#A0522D", silver: "#C0C0C0", skyblue: "#87CEEB", slateblue: "#6A5ACD", slategray: "#708090", slategrey: "#708090", snow: "#FFFAFA", springgreen: "#00FF7F", steelblue: "#4682B4", tan: "#D2B48C", teal: "#008080", thistle: "#D8BFD8", tomato: "#FF6347", turquoise: "#40E0D0", violet: "#EE82EE", wheat: "#F5DEB3", white: "#FFF", whitesmoke: "#F5F5F5", yellow: "#FF0", yellowgreen: "#9ACD32" }, Ae = (t2, e3, s2) => (s2 < 0 && (s2 += 1), s2 > 1 && (s2 -= 1), s2 < 1 / 6 ? t2 + 6 * (e3 - t2) * s2 : s2 < 0.5 ? e3 : s2 < 2 / 3 ? t2 + (e3 - t2) * (2 / 3 - s2) * 6 : t2), je = (t2, e3, s2, i2) => {
   t2 /= 255, e3 /= 255, s2 /= 255;
   const r2 = Math.max(t2, e3, s2), n2 = Math.min(t2, e3, s2);
   let o2, a2;
@@ -1091,17 +1093,17 @@ const De = (t2, e3, s2, i2) => {
     o2 /= 6;
   }
   return [Math.round(360 * o2), Math.round(100 * a2), Math.round(100 * h2), i2];
-}, Ae = function() {
+}, Fe = function() {
   let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "1";
   return parseFloat(t2) / (t2.endsWith("%") ? 100 : 1);
-}, je = (t2) => Math.min(Math.round(t2), 255).toString(16).toUpperCase().padStart(2, "0"), Fe = (t2) => {
+}, Le = (t2) => Math.min(Math.round(t2), 255).toString(16).toUpperCase().padStart(2, "0"), Re = (t2) => {
   let [e3, s2, i2, r2 = 1] = t2;
   const n2 = Math.round(0.3 * e3 + 0.59 * s2 + 0.11 * i2);
   return [n2, n2, n2, r2];
 };
-class Le {
+class Ie {
   constructor(e3) {
-    if (t(this, "isUnrecognised", false), e3) if (e3 instanceof Le) this.setSource([...e3._source]);
+    if (t(this, "isUnrecognised", false), e3) if (e3 instanceof Ie) this.setSource([...e3._source]);
     else if (Array.isArray(e3)) {
       const [t2, s2, i2, r2 = 1] = e3;
       this.setSource([t2, s2, i2, r2]);
@@ -1109,7 +1111,7 @@ class Le {
     else this.setSource([0, 0, 0, 1]);
   }
   _tryParsingColor(t2) {
-    return (t2 = t2.toLowerCase()) in Me && (t2 = Me[t2]), "transparent" === t2 ? [255, 255, 255, 0] : Le.sourceFromHex(t2) || Le.sourceFromRgb(t2) || Le.sourceFromHsl(t2) || (this.isUnrecognised = true) && [0, 0, 0, 1];
+    return (t2 = t2.toLowerCase()) in Ee && (t2 = Ee[t2]), "transparent" === t2 ? [255, 255, 255, 0] : Ie.sourceFromHex(t2) || Ie.sourceFromRgb(t2) || Ie.sourceFromHsl(t2) || (this.isUnrecognised = true) && [0, 0, 0, 1];
   }
   getSource() {
     return this._source;
@@ -1125,11 +1127,11 @@ class Le {
     return "rgba(".concat(this.getSource().join(","), ")");
   }
   toHsl() {
-    const [t2, e3, s2] = Ee(...this.getSource());
+    const [t2, e3, s2] = je(...this.getSource());
     return "hsl(".concat(t2, ",").concat(e3, "%,").concat(s2, "%)");
   }
   toHsla() {
-    const [t2, e3, s2, i2] = Ee(...this.getSource());
+    const [t2, e3, s2, i2] = je(...this.getSource());
     return "hsla(".concat(t2, ",").concat(e3, "%,").concat(s2, "%,").concat(i2, ")");
   }
   toHex() {
@@ -1137,7 +1139,7 @@ class Le {
   }
   toHexa() {
     const [t2, e3, s2, i2] = this.getSource();
-    return "".concat(je(t2)).concat(je(e3)).concat(je(s2)).concat(je(Math.round(255 * i2)));
+    return "".concat(Le(t2)).concat(Le(e3)).concat(Le(s2)).concat(Le(Math.round(255 * i2)));
   }
   getAlpha() {
     return this.getSource()[3];
@@ -1146,53 +1148,53 @@ class Le {
     return this._source[3] = t2, this;
   }
   toGrayscale() {
-    return this.setSource(Fe(this.getSource())), this;
+    return this.setSource(Re(this.getSource())), this;
   }
   toBlackWhite(t2) {
-    const [e3, , , s2] = Fe(this.getSource()), i2 = e3 < (t2 || 127) ? 0 : 255;
+    const [e3, , , s2] = Re(this.getSource()), i2 = e3 < (t2 || 127) ? 0 : 255;
     return this.setSource([i2, i2, i2, s2]), this;
   }
   overlayWith(t2) {
-    t2 instanceof Le || (t2 = new Le(t2));
+    t2 instanceof Ie || (t2 = new Ie(t2));
     const e3 = this.getSource(), s2 = t2.getSource(), [i2, r2, n2] = e3.map((t3, e4) => Math.round(0.5 * t3 + 0.5 * s2[e4]));
     return this.setSource([i2, r2, n2, e3[3]]), this;
   }
   static fromRgb(t2) {
-    return Le.fromRgba(t2);
+    return Ie.fromRgba(t2);
   }
   static fromRgba(t2) {
-    return new Le(Le.sourceFromRgb(t2));
+    return new Ie(Ie.sourceFromRgb(t2));
   }
   static sourceFromRgb(t2) {
-    const e3 = t2.match(/^rgba?\(\s*(\d{0,3}(?:\.\d+)?%?)\s*[\s|,]\s*(\d{0,3}(?:\.\d+)?%?)\s*[\s|,]\s*(\d{0,3}(?:\.\d+)?%?)\s*(?:\s*[,/]\s*(\d{0,3}(?:\.\d+)?%?)\s*)?\)$/i);
+    const e3 = Pe(t2).match(/^rgba?\(\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d{0,3}(?:\.\d+)?%?)\s?)?\)$/i);
     if (e3) {
       const [t3, s2, i2] = e3.slice(1, 4).map((t4) => {
         const e4 = parseFloat(t4);
         return t4.endsWith("%") ? Math.round(2.55 * e4) : e4;
       });
-      return [t3, s2, i2, Ae(e3[4])];
+      return [t3, s2, i2, Fe(e3[4])];
     }
   }
   static fromHsl(t2) {
-    return Le.fromHsla(t2);
+    return Ie.fromHsla(t2);
   }
   static fromHsla(t2) {
-    return new Le(Le.sourceFromHsl(t2));
+    return new Ie(Ie.sourceFromHsl(t2));
   }
   static sourceFromHsl(t2) {
-    const e3 = t2.match(/^hsla?\(\s*([+-]?\d{0,3}(?:\.\d+)?(?:deg|turn|rad)?)\s*[\s|,]\s*(\d{0,3}(?:\.\d+)?%?)\s*[\s|,]\s*(\d{0,3}(?:\.\d+)?%?)\s*(?:\s*[,/]\s*(\d*(?:\.\d+)?%?)\s*)?\)$/i);
+    const e3 = Pe(t2).match(/^hsla?\(\s?([+-]?\d{0,3}(?:\.\d+)?(?:deg|turn|rad)?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d*(?:\.\d+)?%?)\s?)?\)$/i);
     if (!e3) return;
-    const s2 = (Le.parseAngletoDegrees(e3[1]) % 360 + 360) % 360 / 360, i2 = parseFloat(e3[2]) / 100, r2 = parseFloat(e3[3]) / 100;
+    const s2 = (Ie.parseAngletoDegrees(e3[1]) % 360 + 360) % 360 / 360, i2 = parseFloat(e3[2]) / 100, r2 = parseFloat(e3[3]) / 100;
     let n2, o2, a2;
     if (0 === i2) n2 = o2 = a2 = r2;
     else {
       const t3 = r2 <= 0.5 ? r2 * (i2 + 1) : r2 + i2 - r2 * i2, e4 = 2 * r2 - t3;
-      n2 = Pe(e4, t3, s2 + 1 / 3), o2 = Pe(e4, t3, s2), a2 = Pe(e4, t3, s2 - 1 / 3);
+      n2 = Ae(e4, t3, s2 + 1 / 3), o2 = Ae(e4, t3, s2), a2 = Ae(e4, t3, s2 - 1 / 3);
     }
-    return [Math.round(255 * n2), Math.round(255 * o2), Math.round(255 * a2), Ae(e3[4])];
+    return [Math.round(255 * n2), Math.round(255 * o2), Math.round(255 * a2), Fe(e3[4])];
   }
   static fromHex(t2) {
-    return new Le(Le.sourceFromHex(t2));
+    return new Ie(Ie.sourceFromHex(t2));
   }
   static sourceFromHex(t2) {
     if (t2.match(/^#?(([0-9a-f]){3,4}|([0-9a-f]{2}){3,4})$/i)) {
@@ -1208,7 +1210,7 @@ class Le {
     return e3.includes("rad") ? Ct(s2) : e3.includes("turn") ? 360 * s2 : s2;
   }
 }
-const Re = function(t2) {
+const Be = function(t2) {
   let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : O;
   const s2 = /\D{0,2}$/.exec(t2), i2 = parseFloat(t2), r2 = o.DPI;
   switch (null == s2 ? void 0 : s2[0]) {
@@ -1227,24 +1229,24 @@ const Re = function(t2) {
     default:
       return i2;
   }
-}, Be = (t2) => {
+}, Xe = (t2) => {
   const [e3, s2] = t2.trim().split(" "), [i2, r2] = (n2 = e3) && n2 !== j ? [n2.slice(1, 4), n2.slice(5, 8)] : n2 === j ? [n2, n2] : ["Mid", "Mid"];
   var n2;
   return { meetOrSlice: s2 || "meet", alignX: i2, alignY: r2 };
-}, Ie = function(t2, e3) {
+}, Ye = function(t2, e3) {
   let s2, i2, r2 = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2];
   if (e3) if (e3.toLive) s2 = "url(#SVGID_".concat(e3.id, ")");
   else {
-    const t3 = new Le(e3), r3 = t3.getAlpha();
+    const t3 = new Ie(e3), r3 = t3.getAlpha();
     s2 = t3.toRgb(), 1 !== r3 && (i2 = r3.toString());
   }
   else s2 = "none";
   return r2 ? "".concat(t2, ": ").concat(s2, "; ").concat(i2 ? "".concat(t2, "-opacity: ").concat(i2, "; ") : "") : "".concat(t2, '="').concat(s2, '" ').concat(i2 ? "".concat(t2, '-opacity="').concat(i2, '" ') : "");
 };
-class Xe {
+class We {
   getSvgStyles(t2) {
-    const e3 = this.fillRule ? this.fillRule : "nonzero", s2 = this.strokeWidth ? this.strokeWidth : "0", i2 = this.strokeDashArray ? this.strokeDashArray.join(" ") : j, r2 = this.strokeDashOffset ? this.strokeDashOffset : "0", n2 = this.strokeLineCap ? this.strokeLineCap : "butt", o2 = this.strokeLineJoin ? this.strokeLineJoin : "miter", a2 = this.strokeMiterLimit ? this.strokeMiterLimit : "4", h2 = void 0 !== this.opacity ? this.opacity : "1", c2 = this.visible ? "" : " visibility: hidden;", l2 = t2 ? "" : this.getSvgFilter(), u2 = Ie(K, this.fill);
-    return [Ie(J, this.stroke), "stroke-width: ", s2, "; ", "stroke-dasharray: ", i2, "; ", "stroke-linecap: ", n2, "; ", "stroke-dashoffset: ", r2, "; ", "stroke-linejoin: ", o2, "; ", "stroke-miterlimit: ", a2, "; ", u2, "fill-rule: ", e3, "; ", "opacity: ", h2, ";", l2, c2].join("");
+    const e3 = this.fillRule ? this.fillRule : "nonzero", s2 = this.strokeWidth ? this.strokeWidth : "0", i2 = this.strokeDashArray ? this.strokeDashArray.join(" ") : j, r2 = this.strokeDashOffset ? this.strokeDashOffset : "0", n2 = this.strokeLineCap ? this.strokeLineCap : "butt", o2 = this.strokeLineJoin ? this.strokeLineJoin : "miter", a2 = this.strokeMiterLimit ? this.strokeMiterLimit : "4", h2 = void 0 !== this.opacity ? this.opacity : "1", c2 = this.visible ? "" : " visibility: hidden;", l2 = t2 ? "" : this.getSvgFilter(), u2 = Ye(K, this.fill);
+    return [Ye(J, this.stroke), "stroke-width: ", s2, "; ", "stroke-dasharray: ", i2, "; ", "stroke-linecap: ", n2, "; ", "stroke-dashoffset: ", r2, "; ", "stroke-linejoin: ", o2, "; ", "stroke-miterlimit: ", a2, "; ", u2, "fill-rule: ", e3, "; ", "opacity: ", h2, ";", l2, c2].join("");
   }
   getSvgFilter() {
     return this.shadow ? "filter: url(#SVGID_".concat(this.shadow.id, ");") : "";
@@ -1283,52 +1285,55 @@ class Xe {
     return this.paintFirst !== K ? ' paint-order="'.concat(this.paintFirst, '" ') : "";
   }
 }
-function Ye(t2) {
+function Ve(t2) {
   return new RegExp("^(" + t2.join("|") + ")\\b", "i");
 }
-var We;
-const Ve = String.raw(We || (We = r(["(?:[-+]?(?:d*.d+|d+.?)(?:[eE][-+]?d+)?)"], ["(?:[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?)"]))), Ge = new RegExp("(normal|italic)?\\s*(normal|small-caps)?\\s*(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(" + Ve + "(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|" + Ve + "))?\\s+(.*)"), He = { cx: M, x: M, r: "radius", cy: P, y: P, display: "visible", visibility: "visible", transform: "transformMatrix", "fill-opacity": "fillOpacity", "fill-rule": "fillRule", "font-family": "fontFamily", "font-size": "fontSize", "font-style": "fontStyle", "font-weight": "fontWeight", "letter-spacing": "charSpacing", "paint-order": "paintFirst", "stroke-dasharray": "strokeDashArray", "stroke-dashoffset": "strokeDashOffset", "stroke-linecap": "strokeLineCap", "stroke-linejoin": "strokeLineJoin", "stroke-miterlimit": "strokeMiterLimit", "stroke-opacity": "strokeOpacity", "stroke-width": "strokeWidth", "text-decoration": "textDecoration", "text-anchor": "textAnchor", opacity: "opacity", "clip-path": "clipPath", "clip-rule": "clipRule", "vector-effect": "strokeUniform", "image-rendering": "imageSmoothing" }, Ne = "font-size", Ue = "clip-path";
-Ye(["path", "circle", "polygon", "polyline", "ellipse", "rect", "line", "image", "text"]);
-Ye(["symbol", "image", "marker", "pattern", "view", "svg"]);
-const Je = Ye(["symbol", "g", "a", "svg", "clipPath", "defs"]), Ze = new ot(1, 0), $e = new ot(), ts = (t2, e3) => t2.rotate(e3), es = (t2, e3) => new ot(e3).subtract(t2), ss = (t2) => t2.distanceFrom($e), is = (t2, e3) => Math.atan2(as(t2, e3), hs(t2, e3)), rs = (t2) => is(Ze, t2), ns = (t2) => t2.eq($e) ? t2 : t2.scalarDivide(ss(t2)), os = function(t2) {
+const ze = "textDecorationThickness", Ge = ["fontSize", "fontWeight", "fontFamily", "fontStyle"], He = ["underline", "overline", "linethrough"], Ne = [...Ge, "lineHeight", "text", "charSpacing", "textAlign", "styles", "path", "pathStartOffset", "pathSide", "pathAlign"], Ue = [...Ne, ...He, "textBackgroundColor", "direction", ze], qe = [...Ge, ...He, J, "strokeWidth", K, "deltaY", "textBackgroundColor", ze], Ke = { _reNewline: F, _reSpacesAndTabs: /[ \t\r]/g, _reSpaceAndTab: /[ \t\r]/, _reWords: /\S+/g, fontSize: 40, fontWeight: "normal", fontFamily: "Times New Roman", underline: false, overline: false, linethrough: false, textAlign: M, fontStyle: "normal", lineHeight: 1.16, textBackgroundColor: "", stroke: null, shadow: null, path: void 0, pathStartOffset: 0, pathSide: M, pathAlign: "baseline", charSpacing: 0, deltaY: 0, direction: "ltr", CACHE_FONT_SIZE: 400, MIN_TEXT_WIDTH: 2, superscript: { size: 0.6, baseline: -0.35 }, subscript: { size: 0.6, baseline: 0.11 }, _fontSizeFraction: 0.222, offsets: { underline: 0.1, linethrough: -0.28167, overline: -0.81333 }, _fontSizeMult: 1.13, [ze]: 66.667 }, Je = "justify", Qe = "justify-left", Ze = "justify-right", $e = "justify-center";
+var ts, es, ss;
+const is = String.raw(ts || (ts = r(["[-+]?(?:d*.d+|d+.?)(?:[eE][-+]?d+)?"], ["[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?"]))), rs = String.raw(es || (es = r(["(?:s*,?s+|s*,s*)"], ["(?:\\s*,?\\s+|\\s*,\\s*)"]))), os = new RegExp("(normal|italic)?\\s*(normal|small-caps)?\\s*(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(" + is + "(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|" + is + "))?\\s+(.*)"), as = { cx: M, x: M, r: "radius", cy: P, y: P, display: "visible", visibility: "visible", transform: "transformMatrix", "fill-opacity": "fillOpacity", "fill-rule": "fillRule", "font-family": "fontFamily", "font-size": "fontSize", "font-style": "fontStyle", "font-weight": "fontWeight", "letter-spacing": "charSpacing", "paint-order": "paintFirst", "stroke-dasharray": "strokeDashArray", "stroke-dashoffset": "strokeDashOffset", "stroke-linecap": "strokeLineCap", "stroke-linejoin": "strokeLineJoin", "stroke-miterlimit": "strokeMiterLimit", "stroke-opacity": "strokeOpacity", "stroke-width": "strokeWidth", "text-decoration": "textDecoration", "text-anchor": "textAnchor", opacity: "opacity", "clip-path": "clipPath", "clip-rule": "clipRule", "vector-effect": "strokeUniform", "image-rendering": "imageSmoothing", "text-decoration-thickness": ze }, hs = "font-size", cs = "clip-path";
+Ve(["path", "circle", "polygon", "polyline", "ellipse", "rect", "line", "image", "text"]);
+Ve(["symbol", "image", "marker", "pattern", "view", "svg"]);
+const ds = Ve(["symbol", "g", "a", "svg", "clipPath", "defs"]);
+new RegExp(String.raw(ss || (ss = r(["^s*(", ")", "(", ")", "(", ")", "(", ")s*$"], ["^\\s*(", ")", "(", ")", "(", ")", "(", ")\\s*$"])), is, rs, is, rs, is, rs, is));
+const fs = new ot(1, 0), ps = new ot(), ms = (t2, e3) => t2.rotate(e3), vs = (t2, e3) => new ot(e3).subtract(t2), ys = (t2) => t2.distanceFrom(ps), _s = (t2, e3) => Math.atan2(Ss(t2, e3), ws(t2, e3)), xs = (t2) => _s(fs, t2), Cs = (t2) => t2.eq(ps) ? t2 : t2.scalarDivide(ys(t2)), bs = function(t2) {
   let e3 = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];
-  return ns(new ot(-t2.y, t2.x).scalarMultiply(e3 ? 1 : -1));
-}, as = (t2, e3) => t2.x * e3.y - t2.y * e3.x, hs = (t2, e3) => t2.x * e3.x + t2.y * e3.y, cs = (t2, e3, s2) => {
+  return Cs(new ot(-t2.y, t2.x).scalarMultiply(e3 ? 1 : -1));
+}, Ss = (t2, e3) => t2.x * e3.y - t2.y * e3.x, ws = (t2, e3) => t2.x * e3.x + t2.y * e3.y, Ts = (t2, e3, s2) => {
   if (t2.eq(e3) || t2.eq(s2)) return true;
-  const i2 = as(e3, s2), r2 = as(e3, t2), n2 = as(s2, t2);
+  const i2 = Ss(e3, s2), r2 = Ss(e3, t2), n2 = Ss(s2, t2);
   return i2 >= 0 ? r2 >= 0 && n2 <= 0 : !(r2 <= 0 && n2 >= 0);
-}, ls = "(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?", us = new RegExp("(?:\\s|^)" + ls + ls + "(" + Ve + "?(?:px)?)?(?:\\s?|$)(?:$|\\s)");
-class ds {
+}, Os = "(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?", ks = new RegExp("(?:\\s|^)" + Os + Os + "(" + is + "?(?:px)?)?(?:\\s?|$)(?:$|\\s)");
+class Ds {
   constructor(t2) {
-    const e3 = "string" == typeof t2 ? ds.parseShadow(t2) : t2;
-    Object.assign(this, ds.ownDefaults, e3), this.id = ft();
+    const e3 = "string" == typeof t2 ? Ds.parseShadow(t2) : t2;
+    Object.assign(this, Ds.ownDefaults, e3), this.id = ft();
   }
   static parseShadow(t2) {
-    const e3 = t2.trim(), [, s2 = 0, i2 = 0, r2 = 0] = (us.exec(e3) || []).map((t3) => parseFloat(t3) || 0);
-    return { color: (e3.replace(us, "") || "rgb(0,0,0)").trim(), offsetX: s2, offsetY: i2, blur: r2 };
+    const e3 = t2.trim(), [, s2 = 0, i2 = 0, r2 = 0] = (ks.exec(e3) || []).map((t3) => parseFloat(t3) || 0);
+    return { color: (e3.replace(ks, "") || "rgb(0,0,0)").trim(), offsetX: s2, offsetY: i2, blur: r2 };
   }
   toString() {
     return [this.offsetX, this.offsetY, this.blur, this.color].join("px ");
   }
   toSVG(t2) {
-    const e3 = ts(new ot(this.offsetX, this.offsetY), xt(-t2.angle)), s2 = new Le(this.color);
+    const e3 = ms(new ot(this.offsetX, this.offsetY), xt(-t2.angle)), s2 = new Ie(this.color);
     let i2 = 40, r2 = 40;
     return t2.width && t2.height && (i2 = 100 * Vt((Math.abs(e3.x) + this.blur) / t2.width, o.NUM_FRACTION_DIGITS) + 20, r2 = 100 * Vt((Math.abs(e3.y) + this.blur) / t2.height, o.NUM_FRACTION_DIGITS) + 20), t2.flipX && (e3.x *= -1), t2.flipY && (e3.y *= -1), '<filter id="SVGID_'.concat(this.id, '" y="-').concat(r2, '%" height="').concat(100 + 2 * r2, '%" x="-').concat(i2, '%" width="').concat(100 + 2 * i2, '%" >\n	<feGaussianBlur in="SourceAlpha" stdDeviation="').concat(Vt(this.blur ? this.blur / 2 : 0, o.NUM_FRACTION_DIGITS), '"></feGaussianBlur>\n	<feOffset dx="').concat(Vt(e3.x, o.NUM_FRACTION_DIGITS), '" dy="').concat(Vt(e3.y, o.NUM_FRACTION_DIGITS), '" result="oBlur" ></feOffset>\n	<feFlood flood-color="').concat(s2.toRgb(), '" flood-opacity="').concat(s2.getAlpha(), '"/>\n	<feComposite in2="oBlur" operator="in" />\n	<feMerge>\n		<feMergeNode></feMergeNode>\n		<feMergeNode in="SourceGraphic"></feMergeNode>\n	</feMerge>\n</filter>\n');
   }
   toObject() {
-    const t2 = { color: this.color, blur: this.blur, offsetX: this.offsetX, offsetY: this.offsetY, affectStroke: this.affectStroke, nonScaling: this.nonScaling, type: this.constructor.type }, e3 = ds.ownDefaults;
+    const t2 = { color: this.color, blur: this.blur, offsetX: this.offsetX, offsetY: this.offsetY, affectStroke: this.affectStroke, nonScaling: this.nonScaling, type: this.constructor.type }, e3 = Ds.ownDefaults;
     return this.includeDefaultValues ? t2 : Wt(t2, (t3, s2) => t3 !== e3[s2]);
   }
   static async fromObject(t2) {
     return new this(t2);
   }
 }
-t(ds, "ownDefaults", { color: "rgb(0,0,0)", blur: 0, offsetX: 0, offsetY: 0, affectStroke: false, includeDefaultValues: true, nonScaling: false }), t(ds, "type", "shadow"), tt.setClass(ds, "shadow");
-const gs = (t2, e3, s2) => Math.max(t2, Math.min(e3, s2)), fs = [P, M, H, N, "flipX", "flipY", "originX", "originY", "angle", "opacity", "globalCompositeOperation", "shadow", "visible", U, q], ps = [K, J, "strokeWidth", "strokeDashArray", "width", "height", "paintFirst", "strokeUniform", "strokeLineCap", "strokeDashOffset", "strokeLineJoin", "strokeMiterLimit", "backgroundColor", "clipPath"], ms = { top: 0, left: 0, width: 0, height: 0, angle: 0, flipX: false, flipY: false, scaleX: 1, scaleY: 1, minScaleLimit: 0, skewX: 0, skewY: 0, originX: M, originY: P, strokeWidth: 1, strokeUniform: false, padding: 0, opacity: 1, paintFirst: K, fill: "rgb(0,0,0)", fillRule: "nonzero", stroke: null, strokeDashArray: null, strokeDashOffset: 0, strokeLineCap: "butt", strokeLineJoin: "miter", strokeMiterLimit: 4, globalCompositeOperation: "source-over", backgroundColor: "", shadow: null, visible: true, includeDefaultValues: true, excludeFromExport: false, objectCaching: true, clipPath: void 0, inverted: false, absolutePositioned: false, centeredRotation: true, centeredScaling: false, dirty: true }, _s = (t2, e3, s2, i2) => -s2 * Math.cos(t2 / i2 * b) + s2 + e3;
-const Ss = () => false;
-class ws {
+t(Ds, "ownDefaults", { color: "rgb(0,0,0)", blur: 0, offsetX: 0, offsetY: 0, affectStroke: false, includeDefaultValues: true, nonScaling: false }), t(Ds, "type", "shadow"), tt.setClass(Ds, "shadow");
+const Ms = (t2, e3, s2) => Math.max(t2, Math.min(e3, s2)), Ps = [P, M, H, N, "flipX", "flipY", "originX", "originY", "angle", "opacity", "globalCompositeOperation", "shadow", "visible", U, q], Es = [K, J, "strokeWidth", "strokeDashArray", "width", "height", "paintFirst", "strokeUniform", "strokeLineCap", "strokeDashOffset", "strokeLineJoin", "strokeMiterLimit", "backgroundColor", "clipPath"], As = { top: 0, left: 0, width: 0, height: 0, angle: 0, flipX: false, flipY: false, scaleX: 1, scaleY: 1, minScaleLimit: 0, skewX: 0, skewY: 0, originX: M, originY: P, strokeWidth: 1, strokeUniform: false, padding: 0, opacity: 1, paintFirst: K, fill: "rgb(0,0,0)", fillRule: "nonzero", stroke: null, strokeDashArray: null, strokeDashOffset: 0, strokeLineCap: "butt", strokeLineJoin: "miter", strokeMiterLimit: 4, globalCompositeOperation: "source-over", backgroundColor: "", shadow: null, visible: true, includeDefaultValues: true, excludeFromExport: false, objectCaching: true, clipPath: void 0, inverted: false, absolutePositioned: false, centeredRotation: true, centeredScaling: false, dirty: true }, Ls = (t2, e3, s2, i2) => -s2 * Math.cos(t2 / i2 * b) + s2 + e3;
+const Xs = () => false;
+class Ys {
   constructor(e3) {
-    let { startValue: s2, byValue: i2, duration: r2 = 500, delay: n2 = 0, easing: o2 = _s, onStart: a2 = C, onChange: h2 = C, onComplete: c2 = C, abort: l2 = Ss, target: u2 } = e3;
+    let { startValue: s2, byValue: i2, duration: r2 = 500, delay: n2 = 0, easing: o2 = Ls, onStart: a2 = C, onChange: h2 = C, onComplete: c2 = C, abort: l2 = Xs, target: u2 } = e3;
     t(this, "_state", "pending"), t(this, "durationProgress", 0), t(this, "valueProgress", 0), this.tick = this.tick.bind(this), this.duration = r2, this.delay = n2, this.easing = o2, this._onStart = a2, this._onChange = h2, this._onComplete = c2, this._abort = l2, this.target = u2, this.startValue = s2, this.byValue = i2, this.value = this.startValue, this.endValue = Object.freeze(this.calculate(this.duration).value);
   }
   get state() {
@@ -1359,49 +1364,49 @@ class ws {
     this._state = "aborted", this.unregister();
   }
 }
-const Ts = ["startValue", "endValue"];
-class Os extends ws {
+const Ws = ["startValue", "endValue"];
+class Vs extends Ys {
   constructor(t2) {
     let { startValue: e3 = 0, endValue: r2 = 100 } = t2;
-    super(s(s({}, i(t2, Ts)), {}, { startValue: e3, byValue: r2 - e3 }));
+    super(s(s({}, i(t2, Ws)), {}, { startValue: e3, byValue: r2 - e3 }));
   }
   calculate(t2) {
     const e3 = this.easing(t2, this.startValue, this.byValue, this.duration);
     return { value: e3, valueProgress: Math.abs((e3 - this.startValue) / this.byValue) };
   }
 }
-const ks = ["startValue", "endValue"];
-class Ds extends ws {
+const zs = ["startValue", "endValue"];
+class Gs extends Ys {
   constructor(t2) {
     let { startValue: e3 = [0], endValue: r2 = [100] } = t2;
-    super(s(s({}, i(t2, ks)), {}, { startValue: e3, byValue: r2.map((t3, s2) => t3 - e3[s2]) }));
+    super(s(s({}, i(t2, zs)), {}, { startValue: e3, byValue: r2.map((t3, s2) => t3 - e3[s2]) }));
   }
   calculate(t2) {
     const e3 = this.startValue.map((e4, s2) => this.easing(t2, e4, this.byValue[s2], this.duration, s2));
     return { value: e3, valueProgress: Math.abs((e3[0] - this.startValue[0]) / this.byValue[0]) };
   }
 }
-const Ms = ["startValue", "endValue", "easing", "onChange", "onComplete", "abort"], Ps = (t2, e3, s2, i2) => e3 + s2 * (1 - Math.cos(t2 / i2 * b)), Es = (t2) => t2 && ((e3, s2, i2) => t2(new Le(e3).toRgba(), s2, i2));
-class As extends ws {
+const Hs = ["startValue", "endValue", "easing", "onChange", "onComplete", "abort"], Ns = (t2, e3, s2, i2) => e3 + s2 * (1 - Math.cos(t2 / i2 * b)), Us = (t2) => t2 && ((e3, s2, i2) => t2(new Ie(e3).toRgba(), s2, i2));
+class qs extends Ys {
   constructor(t2) {
-    let { startValue: e3, endValue: r2, easing: n2 = Ps, onChange: o2, onComplete: a2, abort: h2 } = t2, c2 = i(t2, Ms);
-    const l2 = new Le(e3).getSource(), u2 = new Le(r2).getSource();
-    super(s(s({}, c2), {}, { startValue: l2, byValue: u2.map((t3, e4) => t3 - l2[e4]), easing: n2, onChange: Es(o2), onComplete: Es(a2), abort: Es(h2) }));
+    let { startValue: e3, endValue: r2, easing: n2 = Ns, onChange: o2, onComplete: a2, abort: h2 } = t2, c2 = i(t2, Hs);
+    const l2 = new Ie(e3).getSource(), u2 = new Ie(r2).getSource();
+    super(s(s({}, c2), {}, { startValue: l2, byValue: u2.map((t3, e4) => t3 - l2[e4]), easing: n2, onChange: Us(o2), onComplete: Us(a2), abort: Us(h2) }));
   }
   calculate(t2) {
-    const [e3, s2, i2, r2] = this.startValue.map((e4, s3) => this.easing(t2, e4, this.byValue[s3], this.duration, s3)), n2 = [...[e3, s2, i2].map(Math.round), gs(0, r2, 1)];
+    const [e3, s2, i2, r2] = this.startValue.map((e4, s3) => this.easing(t2, e4, this.byValue[s3], this.duration, s3)), n2 = [...[e3, s2, i2].map(Math.round), Ms(0, r2, 1)];
     return { value: n2, valueProgress: n2.map((t3, e4) => 0 !== this.byValue[e4] ? Math.abs((t3 - this.startValue[e4]) / this.byValue[e4]) : 0).find((t3) => 0 !== t3) || 0 };
   }
 }
-function js(t2) {
-  const e3 = ((t3) => Array.isArray(t3.startValue) || Array.isArray(t3.endValue))(t2) ? new Ds(t2) : new Os(t2);
+function Ks(t2) {
+  const e3 = ((t3) => Array.isArray(t3.startValue) || Array.isArray(t3.endValue))(t2) ? new Gs(t2) : new Vs(t2);
   return e3.start(), e3;
 }
-function Fs(t2) {
-  const e3 = new As(t2);
+function Js(t2) {
+  const e3 = new qs(t2);
   return e3.start(), e3;
 }
-class Ls {
+class Qs {
   constructor(t2) {
     this.status = t2, this.points = [];
   }
@@ -1418,7 +1423,7 @@ class Ls {
     if (e3.x === s2.x) return t2.x === e3.x && (i2 || t2.y >= Math.min(e3.y, s2.y) && t2.y <= Math.max(e3.y, s2.y));
     if (e3.y === s2.y) return t2.y === e3.y && (i2 || t2.x >= Math.min(e3.x, s2.x) && t2.x <= Math.max(e3.x, s2.x));
     {
-      const r2 = es(e3, s2), n2 = es(e3, t2).divide(r2);
+      const r2 = vs(e3, s2), n2 = vs(e3, t2).divide(r2);
       return i2 ? Math.abs(n2.x) === Math.abs(n2.y) : n2.x === n2.y && n2.x >= 0 && n2.x <= 1;
     }
   }
@@ -1437,46 +1442,46 @@ class Ls {
     const o2 = e3.x - t2.x, a2 = e3.y - t2.y, h2 = i2.x - s2.x, c2 = i2.y - s2.y, l2 = t2.x - s2.x, u2 = t2.y - s2.y, d2 = h2 * u2 - c2 * l2, g2 = o2 * u2 - a2 * l2, f = c2 * o2 - h2 * a2;
     if (0 !== f) {
       const e4 = d2 / f, s3 = g2 / f;
-      return (r2 || 0 <= e4 && e4 <= 1) && (n2 || 0 <= s3 && s3 <= 1) ? new Ls("Intersection").append(new ot(t2.x + e4 * o2, t2.y + e4 * a2)) : new Ls();
+      return (r2 || 0 <= e4 && e4 <= 1) && (n2 || 0 <= s3 && s3 <= 1) ? new Qs("Intersection").append(new ot(t2.x + e4 * o2, t2.y + e4 * a2)) : new Qs();
     }
     if (0 === d2 || 0 === g2) {
-      const o3 = r2 || n2 || Ls.isPointContained(t2, s2, i2) || Ls.isPointContained(e3, s2, i2) || Ls.isPointContained(s2, t2, e3) || Ls.isPointContained(i2, t2, e3);
-      return new Ls(o3 ? "Coincident" : void 0);
+      const o3 = r2 || n2 || Qs.isPointContained(t2, s2, i2) || Qs.isPointContained(e3, s2, i2) || Qs.isPointContained(s2, t2, e3) || Qs.isPointContained(i2, t2, e3);
+      return new Qs(o3 ? "Coincident" : void 0);
     }
-    return new Ls("Parallel");
+    return new Qs("Parallel");
   }
   static intersectSegmentLine(t2, e3, s2, i2) {
-    return Ls.intersectLineLine(t2, e3, s2, i2, false, true);
+    return Qs.intersectLineLine(t2, e3, s2, i2, false, true);
   }
   static intersectSegmentSegment(t2, e3, s2, i2) {
-    return Ls.intersectLineLine(t2, e3, s2, i2, false, false);
+    return Qs.intersectLineLine(t2, e3, s2, i2, false, false);
   }
   static intersectLinePolygon(t2, e3, s2) {
     let i2 = !(arguments.length > 3 && void 0 !== arguments[3]) || arguments[3];
-    const r2 = new Ls(), n2 = s2.length;
+    const r2 = new Qs(), n2 = s2.length;
     for (let o2, a2, h2, c2 = 0; c2 < n2; c2++) {
-      if (o2 = s2[c2], a2 = s2[(c2 + 1) % n2], h2 = Ls.intersectLineLine(t2, e3, o2, a2, i2, false), "Coincident" === h2.status) return h2;
+      if (o2 = s2[c2], a2 = s2[(c2 + 1) % n2], h2 = Qs.intersectLineLine(t2, e3, o2, a2, i2, false), "Coincident" === h2.status) return h2;
       r2.append(...h2.points);
     }
     return r2.points.length > 0 && (r2.status = "Intersection"), r2;
   }
   static intersectSegmentPolygon(t2, e3, s2) {
-    return Ls.intersectLinePolygon(t2, e3, s2, false);
+    return Qs.intersectLinePolygon(t2, e3, s2, false);
   }
   static intersectPolygonPolygon(t2, e3) {
-    const s2 = new Ls(), i2 = t2.length, r2 = [];
+    const s2 = new Qs(), i2 = t2.length, r2 = [];
     for (let n2 = 0; n2 < i2; n2++) {
-      const o2 = t2[n2], a2 = t2[(n2 + 1) % i2], h2 = Ls.intersectSegmentPolygon(o2, a2, e3);
+      const o2 = t2[n2], a2 = t2[(n2 + 1) % i2], h2 = Qs.intersectSegmentPolygon(o2, a2, e3);
       "Coincident" === h2.status ? (r2.push(h2), s2.append(o2, a2)) : s2.append(...h2.points);
     }
-    return r2.length > 0 && r2.length === t2.length ? new Ls("Coincident") : (s2.points.length > 0 && (s2.status = "Intersection"), s2);
+    return r2.length > 0 && r2.length === t2.length ? new Qs("Coincident") : (s2.points.length > 0 && (s2.status = "Intersection"), s2);
   }
   static intersectPolygonRectangle(t2, e3, s2) {
     const i2 = e3.min(s2), r2 = e3.max(s2), n2 = new ot(r2.x, i2.y), o2 = new ot(i2.x, r2.y);
-    return Ls.intersectPolygonPolygon(t2, [i2, n2, r2, o2]);
+    return Qs.intersectPolygonPolygon(t2, [i2, n2, r2, o2]);
   }
 }
-class Rs extends lt {
+class Zs extends lt {
   getX() {
     return this.getXY().x;
   }
@@ -1527,10 +1532,10 @@ class Rs extends lt {
     return r2;
   }
   intersectsWithRect(t2, e3) {
-    return "Intersection" === Ls.intersectPolygonRectangle(this.getCoords(), t2, e3).status;
+    return "Intersection" === Qs.intersectPolygonRectangle(this.getCoords(), t2, e3).status;
   }
   intersectsWithObject(t2) {
-    const e3 = Ls.intersectPolygonPolygon(this.getCoords(), t2.getCoords());
+    const e3 = Qs.intersectPolygonPolygon(this.getCoords(), t2.getCoords());
     return "Intersection" === e3.status || "Coincident" === e3.status || t2.isContainedWithinObject(this) || this.isContainedWithinObject(t2);
   }
   isContainedWithinObject(t2) {
@@ -1544,7 +1549,7 @@ class Rs extends lt {
     return this.intersectsWithObject(t2) || this.isContainedWithinObject(t2) || t2.isContainedWithinObject(this);
   }
   containsPoint(t2) {
-    return Ls.isPointInPolygon(t2, this.getCoords());
+    return Qs.isPointInPolygon(t2, this.getCoords());
   }
   isOnScreen() {
     if (!this.canvas) return false;
@@ -1558,7 +1563,7 @@ class Rs extends lt {
     return this.getCoords().every((s2) => (s2.x >= e3.x || s2.x <= t2.x) && (s2.y >= e3.y || s2.y <= t2.y)) && this.containsPoint(t2.midPointFrom(e3));
   }
   getBoundingRect() {
-    return ae(this.getCoords());
+    return he(this.getCoords());
   }
   getScaledWidth() {
     return this._getTransformedDimensions().x;
@@ -1597,7 +1602,7 @@ class Rs extends lt {
   }
   transformMatrixKey() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], e3 = [];
-    return !t2 && this.group && (e3 = this.group.transformMatrixKey(t2)), e3.push(this.top, this.left, this.width, this.height, this.scaleX, this.scaleY, this.angle, this.strokeWidth, this.skewX, this.skewY, +this.flipX, +this.flipY, xe(this.originX), xe(this.originY)), e3;
+    return !t2 && this.group && (e3 = this.group.transformMatrixKey(t2)), e3.push(this.top, this.left, this.width, this.height, this.scaleX, this.scaleY, this.angle, this.strokeWidth, this.skewX, this.skewY, +this.flipX, +this.flipY, Ce(this.originX), Ce(this.originY)), e3;
   }
   calcTransformMatrix() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], e3 = this.calcOwnMatrix();
@@ -1624,11 +1629,11 @@ class Rs extends lt {
     this.strokeUniform && (r2 = 0, n2 = i2);
     const o2 = e3.width + r2, a2 = e3.height + r2;
     let h2;
-    return h2 = 0 === e3.skewX && 0 === e3.skewY ? new ot(o2 * e3.scaleX, a2 * e3.scaleY) : ge(o2, a2, Lt(e3)), h2.scalarAdd(n2);
+    return h2 = 0 === e3.skewX && 0 === e3.skewY ? new ot(o2 * e3.scaleX, a2 * e3.scaleY) : fe(o2, a2, Lt(e3)), h2.scalarAdd(n2);
   }
   translateToGivenOrigin(t2, e3, s2, i2, r2) {
     let n2 = t2.x, o2 = t2.y;
-    const a2 = xe(i2) - xe(e3), h2 = xe(r2) - xe(s2);
+    const a2 = Ce(i2) - Ce(e3), h2 = Ce(r2) - Ce(s2);
     if (a2 || h2) {
       const t3 = this._getTransformedDimensions();
       n2 += a2 * t3.x, o2 += h2 * t3.y;
@@ -1662,8 +1667,8 @@ class Rs extends lt {
     return this.translateToOriginPoint(this.getRelativeCenterPoint(), M, P);
   }
 }
-const Bs = ["type"], Is = ["extraParam"];
-let Xs = class e2 extends Rs {
+const $s = ["type"], ti = ["extraParam"];
+let ei = class e2 extends Zs {
   static getDefaults() {
     return e2.ownDefaults;
   }
@@ -1683,7 +1688,7 @@ let Xs = class e2 extends Rs {
   _limitCacheSize(t2) {
     const e3 = t2.width, s2 = t2.height, i2 = o.maxCacheSideLimit, r2 = o.minCacheSideLimit;
     if (e3 <= i2 && s2 <= i2 && e3 * s2 <= o.perfLimitSizeTotal) return e3 < r2 && (t2.width = r2), s2 < r2 && (t2.height = r2), t2;
-    const n2 = e3 / s2, [a2, h2] = _.limitDimsByArea(n2), c2 = gs(r2, a2, i2), l2 = gs(r2, h2, i2);
+    const n2 = e3 / s2, [a2, h2] = _.limitDimsByArea(n2), c2 = Ms(r2, a2, i2), l2 = Ms(r2, h2, i2);
     return e3 > c2 && (t2.zoomX /= e3 / c2, t2.width = c2, t2.capped = true), s2 > l2 && (t2.zoomY /= s2 / l2, t2.height = l2, t2.capped = true), t2;
   }
   _getCacheCanvasDimensions() {
@@ -1729,7 +1734,7 @@ let Xs = class e2 extends Rs {
     return Math.abs(t2) < this.minScaleLimit ? t2 < 0 ? -this.minScaleLimit : this.minScaleLimit : 0 === t2 ? 1e-4 : t2;
   }
   _set(t2, e3) {
-    t2 !== H && t2 !== N || (e3 = this._constrainScale(e3)), t2 === H && e3 < 0 ? (this.flipX = !this.flipX, e3 *= -1) : "scaleY" === t2 && e3 < 0 ? (this.flipY = !this.flipY, e3 *= -1) : "shadow" !== t2 || !e3 || e3 instanceof ds || (e3 = new ds(e3));
+    t2 !== H && t2 !== N || (e3 = this._constrainScale(e3)), t2 === H && e3 < 0 ? (this.flipX = !this.flipX, e3 *= -1) : "scaleY" === t2 && e3 < 0 ? (this.flipY = !this.flipY, e3 *= -1) : "shadow" !== t2 || !e3 || e3 instanceof Ds || (e3 = new Ds(e3));
     const s2 = this[t2] !== e3;
     return this[t2] = e3, s2 && this.constructor.cacheProperties.includes(t2) && (this.dirty = true), this.parent && (this.dirty || s2 && this.constructor.stateProperties.includes(t2)) && this.parent._set("dirty", true), this;
   }
@@ -1867,8 +1872,8 @@ let Xs = class e2 extends Rs {
   }
   toCanvasElement() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    const e3 = de(this), s2 = this.group, i2 = this.shadow, r2 = Math.abs, n2 = t2.enableRetinaScaling ? y() : 1, o2 = (t2.multiplier || 1) * n2, a2 = t2.canvasProvider || ((t3) => new se(t3, { enableRetinaScaling: false, renderOnAddRemove: false, skipOffscreen: false }));
-    delete this.group, t2.withoutTransform && ue(this), t2.withoutShadow && (this.shadow = null), t2.viewportTransform && ve(this, this.getViewportTransform()), this.setCoords();
+    const e3 = ge(this), s2 = this.group, i2 = this.shadow, r2 = Math.abs, n2 = t2.enableRetinaScaling ? y() : 1, o2 = (t2.multiplier || 1) * n2, a2 = t2.canvasProvider || ((t3) => new ie(t3, { enableRetinaScaling: false, renderOnAddRemove: false, skipOffscreen: false }));
+    delete this.group, t2.withoutTransform && de(this), t2.withoutShadow && (this.shadow = null), t2.viewportTransform && ye(this, this.getViewportTransform()), this.setCoords();
     const h2 = pt(), c2 = this.getBoundingRect(), l2 = this.shadow, u2 = new ot();
     if (l2) {
       const t3 = l2.blur, e4 = l2.nonScaling ? new ot(1, 1) : this.getObjectScaling();
@@ -1933,7 +1938,7 @@ let Xs = class e2 extends Rs {
     }, onComplete: (t3, e4, s2) => {
       this.setCoords(), c2 && c2(t3, e4, s2);
     } });
-    return n2 ? Fs(l2) : js(l2);
+    return n2 ? Js(l2) : Ks(l2);
   }
   isDescendantOf(t2) {
     const { parent: e3, group: s2 } = this;
@@ -1979,8 +1984,8 @@ let Xs = class e2 extends Rs {
     let i2;
     const r2 = o.NUM_FRACTION_DIGITS, { clipPath: n2, fill: a2, stroke: h2, shadow: c2, strokeDashArray: l2, left: u2, top: d2, originX: g2, originY: f, width: p2, height: m2, strokeWidth: v2, strokeLineCap: y2, strokeDashOffset: _2, strokeLineJoin: C2, strokeUniform: b2, strokeMiterLimit: S2, scaleX: w2, scaleY: T2, angle: O2, flipX: k2, flipY: D2, opacity: M2, visible: P2, backgroundColor: E2, fillRule: A2, paintFirst: j2, globalCompositeOperation: F2, skewX: L2, skewY: R2 } = this;
     n2 && !n2.excludeFromExport && (i2 = n2.toObject(t2.concat("inverted", "absolutePositioned")));
-    const B2 = (t3) => Vt(t3, r2), I2 = s(s({}, Yt(this, t2)), {}, { type: this.constructor.type, version: x, originX: g2, originY: f, left: B2(u2), top: B2(d2), width: B2(p2), height: B2(m2), fill: Ht(a2) ? a2.toObject() : a2, stroke: Ht(h2) ? h2.toObject() : h2, strokeWidth: B2(v2), strokeDashArray: l2 ? l2.concat() : l2, strokeLineCap: y2, strokeDashOffset: _2, strokeLineJoin: C2, strokeUniform: b2, strokeMiterLimit: B2(S2), scaleX: B2(w2), scaleY: B2(T2), angle: B2(O2), flipX: k2, flipY: D2, opacity: B2(M2), shadow: c2 ? c2.toObject() : c2, visible: P2, backgroundColor: E2, fillRule: A2, paintFirst: j2, globalCompositeOperation: F2, skewX: B2(L2), skewY: B2(R2) }, i2 ? { clipPath: i2 } : null);
-    return this.includeDefaultValues ? I2 : this._removeDefaultValues(I2);
+    const I2 = (t3) => Vt(t3, r2), B2 = s(s({}, Yt(this, t2)), {}, { type: this.constructor.type, version: x, originX: g2, originY: f, left: I2(u2), top: I2(d2), width: I2(p2), height: I2(m2), fill: Ht(a2) ? a2.toObject() : a2, stroke: Ht(h2) ? h2.toObject() : h2, strokeWidth: I2(v2), strokeDashArray: l2 ? l2.concat() : l2, strokeLineCap: y2, strokeDashOffset: _2, strokeLineJoin: C2, strokeUniform: b2, strokeMiterLimit: I2(S2), scaleX: I2(w2), scaleY: I2(T2), angle: I2(O2), flipX: k2, flipY: D2, opacity: I2(M2), shadow: c2 ? c2.toObject() : c2, visible: P2, backgroundColor: E2, fillRule: A2, paintFirst: j2, globalCompositeOperation: F2, skewX: I2(L2), skewY: I2(R2) }, i2 ? { clipPath: i2 } : null);
+    return this.includeDefaultValues ? B2 : this._removeDefaultValues(B2);
   }
   toDatalessObject(t2) {
     return this.toObject(t2);
@@ -1997,53 +2002,53 @@ let Xs = class e2 extends Rs {
     return "#<".concat(this.constructor.type, ">");
   }
   static _fromObject(t2) {
-    let e3 = i(t2, Bs), s2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, { extraParam: r2 } = s2, n2 = i(s2, Is);
+    let e3 = i(t2, $s), s2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, { extraParam: r2 } = s2, n2 = i(s2, ti);
     return Xt(e3, n2).then((t3) => r2 ? (delete t3[r2], new this(e3[r2], t3)) : new this(t3));
   }
   static fromObject(t2, e3) {
     return this._fromObject(t2, e3);
   }
 };
-t(Xs, "stateProperties", fs), t(Xs, "cacheProperties", ps), t(Xs, "ownDefaults", ms), t(Xs, "type", "FabricObject"), t(Xs, "colorProperties", [K, J, "backgroundColor"]), t(Xs, "customProperties", []), tt.setClass(Xs), tt.setClass(Xs, "object");
-const Ys = (t2, e3, i2) => (r2, n2, o2, a2) => {
+t(ei, "stateProperties", Ps), t(ei, "cacheProperties", Es), t(ei, "ownDefaults", As), t(ei, "type", "FabricObject"), t(ei, "colorProperties", [K, J, "backgroundColor"]), t(ei, "customProperties", []), tt.setClass(ei), tt.setClass(ei, "object");
+const si = (t2, e3, i2) => (r2, n2, o2, a2) => {
   const h2 = e3(r2, n2, o2, a2);
-  return h2 && ye(t2, s(s({}, Te(r2, n2, o2, a2)), i2)), h2;
+  return h2 && _e(t2, s(s({}, Oe(r2, n2, o2, a2)), i2)), h2;
 };
-function Ws(t2) {
+function ii(t2) {
   return (e3, s2, i2, r2) => {
     const { target: n2, originX: o2, originY: a2 } = s2, h2 = n2.getRelativeCenterPoint(), c2 = n2.translateToOriginPoint(h2, o2, a2), l2 = t2(e3, s2, i2, r2);
     return n2.setPositionByOrigin(c2, s2.originX, s2.originY), l2;
   };
 }
-const Vs = Ys(Y, Ws((t2, e3, s2, i2) => {
-  const r2 = ke(e3, e3.originX, e3.originY, s2, i2);
-  if (xe(e3.originX) === xe(D) || xe(e3.originX) === xe(A) && r2.x < 0 || xe(e3.originX) === xe(M) && r2.x > 0) {
-    const { target: t3 } = e3, s3 = t3.strokeWidth / (t3.strokeUniform ? t3.scaleX : 1), i3 = be(e3) ? 2 : 1, n2 = t3.width, o2 = Math.abs(r2.x * i3 / t3.scaleX) - s3;
+const ri = si(Y, ii((t2, e3, s2, i2) => {
+  const r2 = De(e3, e3.originX, e3.originY, s2, i2);
+  if (Ce(e3.originX) === Ce(D) || Ce(e3.originX) === Ce(A) && r2.x < 0 || Ce(e3.originX) === Ce(M) && r2.x > 0) {
+    const { target: t3 } = e3, s3 = t3.strokeWidth / (t3.strokeUniform ? t3.scaleX : 1), i3 = Se(e3) ? 2 : 1, n2 = t3.width, o2 = Math.abs(r2.x * i3 / t3.scaleX) - s3;
     return t3.set("width", Math.max(o2, 1)), n2 !== t3.width;
   }
   return false;
 }));
-function zs(t2, e3, s2, i2, r2) {
+function ni(t2, e3, s2, i2, r2) {
   i2 = i2 || {};
   const n2 = this.sizeX || i2.cornerSize || r2.cornerSize, o2 = this.sizeY || i2.cornerSize || r2.cornerSize, a2 = void 0 !== i2.transparentCorners ? i2.transparentCorners : r2.transparentCorners, h2 = a2 ? J : K, c2 = !a2 && (i2.cornerStrokeColor || r2.cornerStrokeColor);
   let l2, u2 = e3, d2 = s2;
   t2.save(), t2.fillStyle = i2.cornerColor || r2.cornerColor || "", t2.strokeStyle = i2.cornerStrokeColor || r2.cornerStrokeColor || "", n2 > o2 ? (l2 = n2, t2.scale(1, o2 / n2), d2 = s2 * n2 / o2) : o2 > n2 ? (l2 = o2, t2.scale(n2 / o2, 1), u2 = e3 * o2 / n2) : l2 = n2, t2.beginPath(), t2.arc(u2, d2, l2 / 2, 0, S, false), t2[h2](), c2 && t2.stroke(), t2.restore();
 }
-function Gs(t2, e3, s2, i2, r2) {
+function oi(t2, e3, s2, i2, r2) {
   i2 = i2 || {};
   const n2 = this.sizeX || i2.cornerSize || r2.cornerSize, o2 = this.sizeY || i2.cornerSize || r2.cornerSize, a2 = void 0 !== i2.transparentCorners ? i2.transparentCorners : r2.transparentCorners, h2 = a2 ? J : K, c2 = !a2 && (i2.cornerStrokeColor || r2.cornerStrokeColor), l2 = n2 / 2, u2 = o2 / 2;
   t2.save(), t2.fillStyle = i2.cornerColor || r2.cornerColor || "", t2.strokeStyle = i2.cornerStrokeColor || r2.cornerStrokeColor || "", t2.translate(e3, s2);
   const d2 = r2.getTotalAngle();
   t2.rotate(xt(d2)), t2["".concat(h2, "Rect")](-l2, -u2, n2, o2), c2 && t2.strokeRect(-l2, -u2, n2, o2), t2.restore();
 }
-class Hs {
+class ai {
   constructor(e3) {
     t(this, "visible", true), t(this, "actionName", G), t(this, "angle", 0), t(this, "x", 0), t(this, "y", 0), t(this, "offsetX", 0), t(this, "offsetY", 0), t(this, "sizeX", 0), t(this, "sizeY", 0), t(this, "touchSizeX", 0), t(this, "touchSizeY", 0), t(this, "cursorStyle", "crosshair"), t(this, "withConnection", false), Object.assign(this, e3);
   }
   shouldActivate(t2, e3, s2, i2) {
     var r2;
     let { tl: n2, tr: o2, br: a2, bl: h2 } = i2;
-    return (null === (r2 = e3.canvas) || void 0 === r2 ? void 0 : r2.getActiveObject()) === e3 && e3.isControlVisible(t2) && Ls.isPointInPolygon(s2, [n2, o2, a2, h2]);
+    return (null === (r2 = e3.canvas) || void 0 === r2 ? void 0 : r2.getActiveObject()) === e3 && e3.isControlVisible(t2) && Qs.isPointInPolygon(s2, [n2, o2, a2, h2]);
   }
   getActionHandler(t2, e3, s2) {
     return this.actionHandler;
@@ -2075,14 +2080,14 @@ class Hs {
     return { tl: new ot(-0.5, -0.5).transform(o2), tr: new ot(0.5, -0.5).transform(o2), br: new ot(0.5, 0.5).transform(o2), bl: new ot(-0.5, 0.5).transform(o2) };
   }
   render(t2, e3, s2, i2, r2) {
-    if ("circle" === ((i2 = i2 || {}).cornerStyle || r2.cornerStyle)) zs.call(this, t2, e3, s2, i2, r2);
-    else Gs.call(this, t2, e3, s2, i2, r2);
+    if ("circle" === ((i2 = i2 || {}).cornerStyle || r2.cornerStyle)) ni.call(this, t2, e3, s2, i2, r2);
+    else oi.call(this, t2, e3, s2, i2, r2);
   }
 }
-const Ns = (t2, e3, s2) => s2.lockRotation ? Ce : e3.cursorStyle, Us = Ys(B, Ws((t2, e3, s2, i2) => {
+const hi = (t2, e3, s2) => s2.lockRotation ? be : e3.cursorStyle, ci = si(I, ii((t2, e3, s2, i2) => {
   let { target: r2, ex: n2, ey: o2, theta: a2, originX: h2, originY: c2 } = e3;
   const l2 = r2.translateToOriginPoint(r2.getRelativeCenterPoint(), h2, c2);
-  if (we(r2, "lockRotation")) return false;
+  if (Te(r2, "lockRotation")) return false;
   const u2 = Math.atan2(o2 - l2.y, n2 - l2.x), d2 = Math.atan2(i2 - l2.y, s2 - l2.x);
   let g2 = Ct(d2 - u2 + a2);
   if (r2.snapAngle && r2.snapAngle > 0) {
@@ -2093,12 +2098,12 @@ const Ns = (t2, e3, s2) => s2.lockRotation ? Ce : e3.cursorStyle, Us = Ys(B, Ws(
   const f = r2.angle !== g2;
   return r2.angle = g2, f;
 }));
-function qs(t2, e3) {
+function li(t2, e3) {
   const s2 = e3.canvas, i2 = t2[s2.uniScaleKey];
   return s2.uniformScaling && !i2 || !s2.uniformScaling && i2;
 }
-function Ks(t2, e3, s2) {
-  const i2 = we(t2, "lockScalingX"), r2 = we(t2, "lockScalingY");
+function ui(t2, e3, s2) {
+  const i2 = Te(t2, "lockScalingX"), r2 = Te(t2, "lockScalingY");
   if (i2 && r2) return true;
   if (!e3 && (i2 || r2) && s2) return true;
   if (i2 && "x" === e3) return true;
@@ -2106,41 +2111,41 @@ function Ks(t2, e3, s2) {
   const { width: n2, height: o2, strokeWidth: a2 } = t2;
   return 0 === n2 && 0 === a2 && "y" !== e3 || 0 === o2 && 0 === a2 && "x" !== e3;
 }
-const Js = ["e", "se", "s", "sw", "w", "nw", "n", "ne", "e"], Qs = (t2, e3, s2) => {
-  const i2 = qs(t2, s2);
-  if (Ks(s2, 0 !== e3.x && 0 === e3.y ? "x" : 0 === e3.x && 0 !== e3.y ? "y" : "", i2)) return Ce;
-  const r2 = Oe(s2, e3);
-  return "".concat(Js[r2], "-resize");
+const di = ["e", "se", "s", "sw", "w", "nw", "n", "ne", "e"], gi = (t2, e3, s2) => {
+  const i2 = li(t2, s2);
+  if (ui(s2, 0 !== e3.x && 0 === e3.y ? "x" : 0 === e3.x && 0 !== e3.y ? "y" : "", i2)) return be;
+  const r2 = ke(s2, e3);
+  return "".concat(di[r2], "-resize");
 };
-function Zs(t2, e3, s2, i2) {
+function fi(t2, e3, s2, i2) {
   let r2 = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : {};
-  const n2 = e3.target, o2 = r2.by, a2 = qs(t2, n2);
+  const n2 = e3.target, o2 = r2.by, a2 = li(t2, n2);
   let h2, c2, l2, u2, d2, g2;
-  if (Ks(n2, o2, a2)) return false;
+  if (ui(n2, o2, a2)) return false;
   if (e3.gestureScale) c2 = e3.scaleX * e3.gestureScale, l2 = e3.scaleY * e3.gestureScale;
   else {
-    if (h2 = ke(e3, e3.originX, e3.originY, s2, i2), d2 = "y" !== o2 ? Math.sign(h2.x || e3.signX || 1) : 1, g2 = "x" !== o2 ? Math.sign(h2.y || e3.signY || 1) : 1, e3.signX || (e3.signX = d2), e3.signY || (e3.signY = g2), we(n2, "lockScalingFlip") && (e3.signX !== d2 || e3.signY !== g2)) return false;
+    if (h2 = De(e3, e3.originX, e3.originY, s2, i2), d2 = "y" !== o2 ? Math.sign(h2.x || e3.signX || 1) : 1, g2 = "x" !== o2 ? Math.sign(h2.y || e3.signY || 1) : 1, e3.signX || (e3.signX = d2), e3.signY || (e3.signY = g2), Te(n2, "lockScalingFlip") && (e3.signX !== d2 || e3.signY !== g2)) return false;
     if (u2 = n2._getTransformedDimensions(), a2 && !o2) {
       const t3 = Math.abs(h2.x) + Math.abs(h2.y), { original: s3 } = e3, i3 = t3 / (Math.abs(u2.x * s3.scaleX / n2.scaleX) + Math.abs(u2.y * s3.scaleY / n2.scaleY));
       c2 = s3.scaleX * i3, l2 = s3.scaleY * i3;
     } else c2 = Math.abs(h2.x * n2.scaleX / u2.x), l2 = Math.abs(h2.y * n2.scaleY / u2.y);
-    be(e3) && (c2 *= 2, l2 *= 2), e3.signX !== d2 && "y" !== o2 && (e3.originX = Se(e3.originX), c2 *= -1, e3.signX = d2), e3.signY !== g2 && "x" !== o2 && (e3.originY = Se(e3.originY), l2 *= -1, e3.signY = g2);
+    Se(e3) && (c2 *= 2, l2 *= 2), e3.signX !== d2 && "y" !== o2 && (e3.originX = we(e3.originX), c2 *= -1, e3.signX = d2), e3.signY !== g2 && "x" !== o2 && (e3.originY = we(e3.originY), l2 *= -1, e3.signY = g2);
   }
   const f = n2.scaleX, p2 = n2.scaleY;
-  return o2 ? ("x" === o2 && n2.set(H, c2), "y" === o2 && n2.set(N, l2)) : (!we(n2, "lockScalingX") && n2.set(H, c2), !we(n2, "lockScalingY") && n2.set(N, l2)), f !== n2.scaleX || p2 !== n2.scaleY;
+  return o2 ? ("x" === o2 && n2.set(H, c2), "y" === o2 && n2.set(N, l2)) : (!Te(n2, "lockScalingX") && n2.set(H, c2), !Te(n2, "lockScalingY") && n2.set(N, l2)), f !== n2.scaleX || p2 !== n2.scaleY;
 }
-const $s = Ys(R, Ws((t2, e3, s2, i2) => Zs(t2, e3, s2, i2))), ti = Ys(R, Ws((t2, e3, s2, i2) => Zs(t2, e3, s2, i2, { by: "x" }))), ei = Ys(R, Ws((t2, e3, s2, i2) => Zs(t2, e3, s2, i2, { by: "y" }))), si = ["target", "ex", "ey", "skewingSide"], ii = { x: { counterAxis: "y", scale: H, skew: U, lockSkewing: "lockSkewingX", origin: "originX", flip: "flipX" }, y: { counterAxis: "x", scale: N, skew: q, lockSkewing: "lockSkewingY", origin: "originY", flip: "flipY" } }, ri = ["ns", "nesw", "ew", "nwse"], ni = (t2, e3, s2) => {
-  if (0 !== e3.x && we(s2, "lockSkewingY")) return Ce;
-  if (0 !== e3.y && we(s2, "lockSkewingX")) return Ce;
-  const i2 = Oe(s2, e3) % 4;
-  return "".concat(ri[i2], "-resize");
+const pi = si(R, ii((t2, e3, s2, i2) => fi(t2, e3, s2, i2))), mi = si(R, ii((t2, e3, s2, i2) => fi(t2, e3, s2, i2, { by: "x" }))), vi = si(R, ii((t2, e3, s2, i2) => fi(t2, e3, s2, i2, { by: "y" }))), yi = ["target", "ex", "ey", "skewingSide"], _i = { x: { counterAxis: "y", scale: H, skew: U, lockSkewing: "lockSkewingX", origin: "originX", flip: "flipX" }, y: { counterAxis: "x", scale: N, skew: q, lockSkewing: "lockSkewingY", origin: "originY", flip: "flipY" } }, xi = ["ns", "nesw", "ew", "nwse"], Ci = (t2, e3, s2) => {
+  if (0 !== e3.x && Te(s2, "lockSkewingY")) return be;
+  if (0 !== e3.y && Te(s2, "lockSkewingX")) return be;
+  const i2 = ke(s2, e3) % 4;
+  return "".concat(xi[i2], "-resize");
 };
-function oi(t2, e3, r2, n2, o2) {
-  const { target: a2 } = r2, { counterAxis: h2, origin: c2, lockSkewing: l2, skew: u2, flip: d2 } = ii[t2];
-  if (we(a2, l2)) return false;
-  const { origin: g2, flip: f } = ii[h2], p2 = xe(r2[g2]) * (a2[f] ? -1 : 1), m2 = -Math.sign(p2) * (a2[d2] ? -1 : 1), v2 = 0.5 * -((0 === a2[u2] && ke(r2, D, D, n2, o2)[t2] > 0 || a2[u2] > 0 ? 1 : -1) * m2) + 0.5, y2 = Ys(X, Ws((e4, s2, r3, n3) => function(t3, e5, s3) {
-    let { target: r4, ex: n4, ey: o3, skewingSide: a3 } = e5, h3 = i(e5, si);
-    const { skew: c3 } = ii[t3], l3 = s3.subtract(new ot(n4, o3)).divide(new ot(r4.scaleX, r4.scaleY))[t3], u3 = r4[c3], d3 = h3[c3], g3 = Math.tan(xt(d3)), f2 = "y" === t3 ? r4._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : r4._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, p3 = 2 * l3 * a3 / Math.max(f2, 1) + g3, m3 = Ct(Math.atan(p3));
+function bi(t2, e3, r2, n2, o2) {
+  const { target: a2 } = r2, { counterAxis: h2, origin: c2, lockSkewing: l2, skew: u2, flip: d2 } = _i[t2];
+  if (Te(a2, l2)) return false;
+  const { origin: g2, flip: f } = _i[h2], p2 = Ce(r2[g2]) * (a2[f] ? -1 : 1), m2 = -Math.sign(p2) * (a2[d2] ? -1 : 1), v2 = 0.5 * -((0 === a2[u2] && De(r2, D, D, n2, o2)[t2] > 0 || a2[u2] > 0 ? 1 : -1) * m2) + 0.5, y2 = si(X, ii((e4, s2, r3, n3) => function(t3, e5, s3) {
+    let { target: r4, ex: n4, ey: o3, skewingSide: a3 } = e5, h3 = i(e5, yi);
+    const { skew: c3 } = _i[t3], l3 = s3.subtract(new ot(n4, o3)).divide(new ot(r4.scaleX, r4.scaleY))[t3], u3 = r4[c3], d3 = h3[c3], g3 = Math.tan(xt(d3)), f2 = "y" === t3 ? r4._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : r4._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, p3 = 2 * l3 * a3 / Math.max(f2, 1) + g3, m3 = Ct(Math.atan(p3));
     r4.set(c3, m3);
     const v3 = u3 !== r4[c3];
     if (v3 && "y" === t3) {
@@ -2151,23 +2156,23 @@ function oi(t2, e3, r2, n2, o2) {
   }(t2, s2, new ot(r3, n3))));
   return y2(e3, s(s({}, r2), {}, { [c2]: v2, skewingSide: m2 }), n2, o2);
 }
-const ai = (t2, e3, s2, i2) => oi("x", t2, e3, s2, i2), hi = (t2, e3, s2, i2) => oi("y", t2, e3, s2, i2);
-function ci(t2, e3) {
+const Si = (t2, e3, s2, i2) => bi("x", t2, e3, s2, i2), wi = (t2, e3, s2, i2) => bi("y", t2, e3, s2, i2);
+function Ti(t2, e3) {
   return t2[e3.canvas.altActionKey];
 }
-const li = (t2, e3, s2) => {
-  const i2 = ci(t2, s2);
+const Oi = (t2, e3, s2) => {
+  const i2 = Ti(t2, s2);
   return 0 === e3.x ? i2 ? U : N : 0 === e3.y ? i2 ? q : H : "";
-}, ui = (t2, e3, s2) => ci(t2, s2) ? ni(0, e3, s2) : Qs(t2, e3, s2), di = (t2, e3, s2, i2) => ci(t2, e3.target) ? hi(t2, e3, s2, i2) : ti(t2, e3, s2, i2), gi = (t2, e3, s2, i2) => ci(t2, e3.target) ? ai(t2, e3, s2, i2) : ei(t2, e3, s2, i2), fi = () => ({ ml: new Hs({ x: -0.5, y: 0, cursorStyleHandler: ui, actionHandler: di, getActionName: li }), mr: new Hs({ x: 0.5, y: 0, cursorStyleHandler: ui, actionHandler: di, getActionName: li }), mb: new Hs({ x: 0, y: 0.5, cursorStyleHandler: ui, actionHandler: gi, getActionName: li }), mt: new Hs({ x: 0, y: -0.5, cursorStyleHandler: ui, actionHandler: gi, getActionName: li }), tl: new Hs({ x: -0.5, y: -0.5, cursorStyleHandler: Qs, actionHandler: $s }), tr: new Hs({ x: 0.5, y: -0.5, cursorStyleHandler: Qs, actionHandler: $s }), bl: new Hs({ x: -0.5, y: 0.5, cursorStyleHandler: Qs, actionHandler: $s }), br: new Hs({ x: 0.5, y: 0.5, cursorStyleHandler: Qs, actionHandler: $s }), mtr: new Hs({ x: 0, y: -0.5, actionHandler: Us, cursorStyleHandler: Ns, offsetY: -40, withConnection: true, actionName: I }) }), pi = () => ({ mr: new Hs({ x: 0.5, y: 0, actionHandler: Vs, cursorStyleHandler: ui, actionName: Y }), ml: new Hs({ x: -0.5, y: 0, actionHandler: Vs, cursorStyleHandler: ui, actionName: Y }) }), mi = () => s(s({}, fi()), pi());
-class vi extends Xs {
+}, ki = (t2, e3, s2) => Ti(t2, s2) ? Ci(0, e3, s2) : gi(t2, e3, s2), Di = (t2, e3, s2, i2) => Ti(t2, e3.target) ? wi(t2, e3, s2, i2) : mi(t2, e3, s2, i2), Mi = (t2, e3, s2, i2) => Ti(t2, e3.target) ? Si(t2, e3, s2, i2) : vi(t2, e3, s2, i2), Pi = () => ({ ml: new ai({ x: -0.5, y: 0, cursorStyleHandler: ki, actionHandler: Di, getActionName: Oi }), mr: new ai({ x: 0.5, y: 0, cursorStyleHandler: ki, actionHandler: Di, getActionName: Oi }), mb: new ai({ x: 0, y: 0.5, cursorStyleHandler: ki, actionHandler: Mi, getActionName: Oi }), mt: new ai({ x: 0, y: -0.5, cursorStyleHandler: ki, actionHandler: Mi, getActionName: Oi }), tl: new ai({ x: -0.5, y: -0.5, cursorStyleHandler: gi, actionHandler: pi }), tr: new ai({ x: 0.5, y: -0.5, cursorStyleHandler: gi, actionHandler: pi }), bl: new ai({ x: -0.5, y: 0.5, cursorStyleHandler: gi, actionHandler: pi }), br: new ai({ x: 0.5, y: 0.5, cursorStyleHandler: gi, actionHandler: pi }), mtr: new ai({ x: 0, y: -0.5, actionHandler: ci, cursorStyleHandler: hi, offsetY: -40, withConnection: true, actionName: B }) }), Ei = () => ({ mr: new ai({ x: 0.5, y: 0, actionHandler: ri, cursorStyleHandler: ki, actionName: Y }), ml: new ai({ x: -0.5, y: 0, actionHandler: ri, cursorStyleHandler: ki, actionName: Y }) }), Ai = () => s(s({}, Pi()), Ei());
+class ji extends ei {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), vi.ownDefaults);
+    return s(s({}, super.getDefaults()), ji.ownDefaults);
   }
   constructor(t2) {
-    super(), Object.assign(this, this.constructor.createControls(), vi.ownDefaults), this.setOptions(t2);
+    super(), Object.assign(this, this.constructor.createControls(), ji.ownDefaults), this.setOptions(t2);
   }
   static createControls() {
-    return { controls: fi() };
+    return { controls: Pi() };
   }
   _updateCacheCanvas() {
     const t2 = this.canvas;
@@ -2232,7 +2237,7 @@ class vi extends Xs {
   drawBorders(t2, e3, s2) {
     let i2;
     if (s2 && s2.forActiveSelection || this.group) {
-      const t3 = ge(this.width, this.height, Lt(e3)), s3 = this.isStrokeAccountedForInDimensions() ? at : (this.strokeUniform ? new ot().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) : new ot(e3.scaleX, e3.scaleY)).scalarMultiply(this.strokeWidth);
+      const t3 = fe(this.width, this.height, Lt(e3)), s3 = this.isStrokeAccountedForInDimensions() ? at : (this.strokeUniform ? new ot().scalarAdd(this.canvas ? this.canvas.getZoom() : 1) : new ot(e3.scaleX, e3.scaleY)).scalarMultiply(this.strokeWidth);
       i2 = t3.add(s3).scalarAdd(this.borderScaleFactor).scalarAdd(2 * this.padding);
     } else i2 = this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor);
     this._drawBorders(t2, i2, s2);
@@ -2296,30 +2301,30 @@ class vi extends Xs {
   renderDropTargetEffect(t2) {
   }
 }
-function yi(t2, e3) {
+function Fi(t2, e3) {
   return e3.forEach((e4) => {
     Object.getOwnPropertyNames(e4.prototype).forEach((s2) => {
       "constructor" !== s2 && Object.defineProperty(t2.prototype, s2, Object.getOwnPropertyDescriptor(e4.prototype, s2) || /* @__PURE__ */ Object.create(null));
     });
   }), t2;
 }
-t(vi, "ownDefaults", { noScaleCache: true, lockMovementX: false, lockMovementY: false, lockRotation: false, lockScalingX: false, lockScalingY: false, lockSkewingX: false, lockSkewingY: false, lockScalingFlip: false, cornerSize: 13, touchCornerSize: 24, transparentCorners: true, cornerColor: "rgb(178,204,255)", cornerStrokeColor: "", cornerStyle: "rect", cornerDashArray: null, hasControls: true, borderColor: "rgb(178,204,255)", borderDashArray: null, borderOpacityWhenMoving: 0.4, borderScaleFactor: 1, hasBorders: true, selectionBackgroundColor: "", selectable: true, evented: true, perPixelTargetFind: false, activeOn: "down", hoverCursor: null, moveCursor: null });
-class _i extends vi {
+t(ji, "ownDefaults", { noScaleCache: true, lockMovementX: false, lockMovementY: false, lockRotation: false, lockScalingX: false, lockScalingY: false, lockSkewingX: false, lockSkewingY: false, lockScalingFlip: false, cornerSize: 13, touchCornerSize: 24, transparentCorners: true, cornerColor: "rgb(178,204,255)", cornerStrokeColor: "", cornerStyle: "rect", cornerDashArray: null, hasControls: true, borderColor: "rgb(178,204,255)", borderDashArray: null, borderOpacityWhenMoving: 0.4, borderScaleFactor: 1, hasBorders: true, selectionBackgroundColor: "", selectable: true, evented: true, perPixelTargetFind: false, activeOn: "down", hoverCursor: null, moveCursor: null });
+class Li extends ji {
 }
-yi(_i, [Xe]), tt.setClass(_i), tt.setClass(_i, "object");
-const xi = (t2, e3, s2, i2) => {
+Fi(Li, [We]), tt.setClass(Li), tt.setClass(Li, "object");
+const Ri = (t2, e3, s2, i2) => {
   const r2 = 2 * (i2 = Math.round(i2)) + 1, { data: n2 } = t2.getImageData(e3 - i2, s2 - i2, r2, r2);
   for (let t3 = 3; t3 < n2.length; t3 += 4) {
     if (n2[t3] > 0) return false;
   }
   return true;
 };
-class Ci {
+class Ii {
   constructor(t2) {
     this.options = t2, this.strokeProjectionMagnitude = this.options.strokeWidth / 2, this.scale = new ot(this.options.scaleX, this.options.scaleY), this.strokeUniformScalar = this.options.strokeUniform ? new ot(1 / this.options.scaleX, 1 / this.options.scaleY) : new ot(1, 1);
   }
   createSideVector(t2, e3) {
-    const s2 = es(t2, e3);
+    const s2 = vs(t2, e3);
     return this.options.strokeUniform ? s2.multiply(this.scale) : s2;
   }
   projectOrthogonally(t2, e3, s2) {
@@ -2336,18 +2341,18 @@ class Ci {
     return t2.multiply(this.strokeUniformScalar).scalarMultiply(e3);
   }
 }
-const bi = new ot();
-class Si extends Ci {
+const Bi = new ot();
+class Xi extends Ii {
   static getOrthogonalRotationFactor(t2, e3) {
-    const s2 = e3 ? is(t2, e3) : rs(t2);
+    const s2 = e3 ? _s(t2, e3) : xs(t2);
     return Math.abs(s2) < b ? -1 : 1;
   }
   constructor(e3, s2, i2, r2) {
-    super(r2), t(this, "AB", void 0), t(this, "AC", void 0), t(this, "alpha", void 0), t(this, "bisector", void 0), this.A = new ot(e3), this.B = new ot(s2), this.C = new ot(i2), this.AB = this.createSideVector(this.A, this.B), this.AC = this.createSideVector(this.A, this.C), this.alpha = is(this.AB, this.AC), this.bisector = ns(ts(this.AB.eq(bi) ? this.AC : this.AB, this.alpha / 2));
+    super(r2), t(this, "AB", void 0), t(this, "AC", void 0), t(this, "alpha", void 0), t(this, "bisector", void 0), this.A = new ot(e3), this.B = new ot(s2), this.C = new ot(i2), this.AB = this.createSideVector(this.A, this.B), this.AC = this.createSideVector(this.A, this.C), this.alpha = _s(this.AB, this.AC), this.bisector = Cs(ms(this.AB.eq(Bi) ? this.AC : this.AB, this.alpha / 2));
   }
   calcOrthogonalProjection(t2, e3) {
     let s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.strokeProjectionMagnitude;
-    const i2 = this.createSideVector(t2, e3), r2 = os(i2), n2 = Si.getOrthogonalRotationFactor(r2, this.bisector);
+    const i2 = this.createSideVector(t2, e3), r2 = bs(i2), n2 = Xi.getOrthogonalRotationFactor(r2, this.bisector);
     return this.scaleUnitVector(r2, s2 * n2);
   }
   projectBevel() {
@@ -2357,25 +2362,25 @@ class Si extends Ci {
     }), t2;
   }
   projectMiter() {
-    const t2 = [], e3 = Math.abs(this.alpha), s2 = 1 / Math.sin(e3 / 2), i2 = this.scaleUnitVector(this.bisector, -this.strokeProjectionMagnitude * s2), r2 = this.options.strokeUniform ? ss(this.scaleUnitVector(this.bisector, this.options.strokeMiterLimit)) : this.options.strokeMiterLimit;
-    return ss(i2) / this.strokeProjectionMagnitude <= r2 && t2.push(this.applySkew(this.A.add(i2))), t2.push(...this.projectBevel()), t2;
+    const t2 = [], e3 = Math.abs(this.alpha), s2 = 1 / Math.sin(e3 / 2), i2 = this.scaleUnitVector(this.bisector, -this.strokeProjectionMagnitude * s2), r2 = this.options.strokeUniform ? ys(this.scaleUnitVector(this.bisector, this.options.strokeMiterLimit)) : this.options.strokeMiterLimit;
+    return ys(i2) / this.strokeProjectionMagnitude <= r2 && t2.push(this.applySkew(this.A.add(i2))), t2.push(...this.projectBevel()), t2;
   }
   projectRoundNoSkew(t2, e3) {
-    const s2 = [], i2 = new ot(Si.getOrthogonalRotationFactor(this.bisector), Si.getOrthogonalRotationFactor(new ot(this.bisector.y, this.bisector.x)));
+    const s2 = [], i2 = new ot(Xi.getOrthogonalRotationFactor(this.bisector), Xi.getOrthogonalRotationFactor(new ot(this.bisector.y, this.bisector.x)));
     return [new ot(1, 0).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar).multiply(i2), new ot(0, 1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar).multiply(i2)].forEach((i3) => {
-      cs(i3, t2, e3) && s2.push(this.A.add(i3));
+      Ts(i3, t2, e3) && s2.push(this.A.add(i3));
     }), s2;
   }
   projectRoundWithSkew(t2, e3) {
     const s2 = [], { skewX: i2, skewY: r2, scaleX: n2, scaleY: o2, strokeUniform: a2 } = this.options, h2 = new ot(Math.tan(xt(i2)), Math.tan(xt(r2))), c2 = this.strokeProjectionMagnitude, l2 = a2 ? c2 / o2 / Math.sqrt(1 / o2 ** 2 + 1 / n2 ** 2 * h2.y ** 2) : c2 / Math.sqrt(1 + h2.y ** 2), u2 = new ot(Math.sqrt(Math.max(c2 ** 2 - l2 ** 2, 0)), l2), d2 = a2 ? c2 / Math.sqrt(1 + h2.x ** 2 * (1 / o2) ** 2 / (1 / n2 + 1 / n2 * h2.x * h2.y) ** 2) : c2 / Math.sqrt(1 + h2.x ** 2 / (1 + h2.x * h2.y) ** 2), g2 = new ot(d2, Math.sqrt(Math.max(c2 ** 2 - d2 ** 2, 0)));
     return [g2, g2.scalarMultiply(-1), u2, u2.scalarMultiply(-1)].map((t3) => this.applySkew(a2 ? t3.multiply(this.strokeUniformScalar) : t3)).forEach((i3) => {
-      cs(i3, t2, e3) && s2.push(this.applySkew(this.A).add(i3));
+      Ts(i3, t2, e3) && s2.push(this.applySkew(this.A).add(i3));
     }), s2;
   }
   projectRound() {
     const t2 = [];
     t2.push(...this.projectBevel());
-    const e3 = this.alpha % S == 0, s2 = this.applySkew(this.A), i2 = t2[e3 ? 0 : 2].subtract(s2), r2 = t2[e3 ? 1 : 0].subtract(s2), n2 = e3 ? this.applySkew(this.AB.scalarMultiply(-1)) : this.applySkew(this.bisector.multiply(this.strokeUniformScalar).scalarMultiply(-1)), o2 = as(i2, n2) > 0, a2 = o2 ? i2 : r2, h2 = o2 ? r2 : i2;
+    const e3 = this.alpha % S == 0, s2 = this.applySkew(this.A), i2 = t2[e3 ? 0 : 2].subtract(s2), r2 = t2[e3 ? 1 : 0].subtract(s2), n2 = e3 ? this.applySkew(this.AB.scalarMultiply(-1)) : this.applySkew(this.bisector.multiply(this.strokeUniformScalar).scalarMultiply(-1)), o2 = Ss(i2, n2) > 0, a2 = o2 ? i2 : r2, h2 = o2 ? r2 : i2;
     return this.isSkewed() ? t2.push(...this.projectRoundWithSkew(a2, h2)) : t2.push(...this.projectRoundNoSkew(a2, h2)), t2;
   }
   projectPoints() {
@@ -2392,14 +2397,14 @@ class Si extends Ci {
     return this.projectPoints().map((t2) => ({ originPoint: this.A, projectedPoint: t2, angle: this.alpha, bisector: this.bisector }));
   }
 }
-class wi extends Ci {
+class Yi extends Ii {
   constructor(t2, e3, s2) {
     super(s2), this.A = new ot(t2), this.T = new ot(e3);
   }
   calcOrthogonalProjection(t2, e3) {
     let s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.strokeProjectionMagnitude;
     const i2 = this.createSideVector(t2, e3);
-    return this.scaleUnitVector(os(i2), s2);
+    return this.scaleUnitVector(bs(i2), s2);
   }
   projectButt() {
     return [this.projectOrthogonally(this.A, this.T, this.strokeProjectionMagnitude), this.projectOrthogonally(this.A, this.T, -this.strokeProjectionMagnitude)];
@@ -2409,7 +2414,7 @@ class wi extends Ci {
     if (!this.isSkewed() && this.A.eq(this.T)) {
       const e3 = new ot(1, 1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar);
       t2.push(this.applySkew(this.A.add(e3)), this.applySkew(this.A.subtract(e3)));
-    } else t2.push(...new Si(this.A, this.T, this.T, this.options).projectRound());
+    } else t2.push(...new Xi(this.A, this.T, this.T, this.options).projectRound());
     return t2;
   }
   projectSquare() {
@@ -2418,7 +2423,7 @@ class wi extends Ci {
       const e3 = new ot(1, 1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar);
       t2.push(this.A.add(e3), this.A.subtract(e3));
     } else {
-      const e3 = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude), s2 = this.scaleUnitVector(ns(this.createSideVector(this.A, this.T)), -this.strokeProjectionMagnitude), i2 = this.A.add(s2);
+      const e3 = this.calcOrthogonalProjection(this.A, this.T, this.strokeProjectionMagnitude), s2 = this.scaleUnitVector(Cs(this.createSideVector(this.A, this.T)), -this.strokeProjectionMagnitude), i2 = this.A.add(s2);
       t2.push(i2.add(e3), i2.subtract(e3));
     }
     return t2.map((t3) => this.applySkew(t3));
@@ -2437,7 +2442,7 @@ class wi extends Ci {
     return this.projectPoints().map((t2) => ({ originPoint: this.A, projectedPoint: t2 }));
   }
 }
-const Ti = function(t2, e3) {
+const Wi = function(t2, e3) {
   let s2 = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
   const i2 = [];
   if (0 === t2.length) return i2;
@@ -2452,31 +2457,31 @@ const Ti = function(t2, e3) {
   }
   return r2.forEach((t3, r3, n2) => {
     let o2, a2;
-    0 === r3 ? (a2 = n2[1], o2 = s2 ? t3 : n2[n2.length - 1]) : r3 === n2.length - 1 ? (o2 = n2[r3 - 1], a2 = s2 ? t3 : n2[0]) : (o2 = n2[r3 - 1], a2 = n2[r3 + 1]), s2 && 1 === n2.length ? i2.push(...new wi(t3, t3, e3).project()) : !s2 || 0 !== r3 && r3 !== n2.length - 1 ? i2.push(...new Si(t3, o2, a2, e3).project()) : i2.push(...new wi(t3, 0 === r3 ? a2 : o2, e3).project());
+    0 === r3 ? (a2 = n2[1], o2 = s2 ? t3 : n2[n2.length - 1]) : r3 === n2.length - 1 ? (o2 = n2[r3 - 1], a2 = s2 ? t3 : n2[0]) : (o2 = n2[r3 - 1], a2 = n2[r3 + 1]), s2 && 1 === n2.length ? i2.push(...new Yi(t3, t3, e3).project()) : !s2 || 0 !== r3 && r3 !== n2.length - 1 ? i2.push(...new Xi(t3, o2, a2, e3).project()) : i2.push(...new Yi(t3, 0 === r3 ? a2 : o2, e3).project());
   }), i2;
-}, Oi = (t2) => {
+}, Vi = (t2) => {
   const e3 = {};
   return Object.keys(t2).forEach((i2) => {
     e3[i2] = {}, Object.keys(t2[i2]).forEach((r2) => {
       e3[i2][r2] = s({}, t2[i2][r2]);
     });
   }), e3;
-}, ki = (t2) => t2.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-let Di;
-const Mi = (t2) => {
-  if (Di || Di || (Di = "Intl" in v() && "Segmenter" in Intl && new Intl.Segmenter(void 0, { granularity: "grapheme" })), Di) {
-    const e3 = Di.segment(t2);
+}, zi = (t2) => t2.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+let Gi;
+const Hi = (t2) => {
+  if (Gi || Gi || (Gi = "Intl" in v() && "Segmenter" in Intl && new Intl.Segmenter(void 0, { granularity: "grapheme" })), Gi) {
+    const e3 = Gi.segment(t2);
     return Array.from(e3).map((t3) => {
       let { segment: e4 } = t3;
       return e4;
     });
   }
-  return Pi(t2);
-}, Pi = (t2) => {
+  return Ni(t2);
+}, Ni = (t2) => {
   const e3 = [];
-  for (let s2, i2 = 0; i2 < t2.length; i2++) false !== (s2 = Ei(t2, i2)) && e3.push(s2);
+  for (let s2, i2 = 0; i2 < t2.length; i2++) false !== (s2 = Ui(t2, i2)) && e3.push(s2);
   return e3;
-}, Ei = (t2, e3) => {
+}, Ui = (t2, e3) => {
   const s2 = t2.charCodeAt(e3);
   if (isNaN(s2)) return "";
   if (s2 < 55296 || s2 > 57343) return t2.charAt(e3);
@@ -2491,34 +2496,34 @@ const Mi = (t2) => {
   if (55296 > i2 || i2 > 56319) throw "Low surrogate without preceding high surrogate";
   return false;
 };
-const ji = function(t2, e3) {
+const Ki = function(t2, e3) {
   let s2 = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
-  return t2.fill !== e3.fill || t2.stroke !== e3.stroke || t2.strokeWidth !== e3.strokeWidth || t2.fontSize !== e3.fontSize || t2.fontFamily !== e3.fontFamily || t2.fontWeight !== e3.fontWeight || t2.fontStyle !== e3.fontStyle || t2.textBackgroundColor !== e3.textBackgroundColor || t2.deltaY !== e3.deltaY || s2 && (t2.overline !== e3.overline || t2.underline !== e3.underline || t2.linethrough !== e3.linethrough);
-}, Fi = (t2, e3) => {
+  return t2.fill !== e3.fill || t2.stroke !== e3.stroke || t2.strokeWidth !== e3.strokeWidth || t2.fontSize !== e3.fontSize || t2.fontFamily !== e3.fontFamily || t2.fontWeight !== e3.fontWeight || t2.fontStyle !== e3.fontStyle || t2.textDecorationThickness !== e3.textDecorationThickness || t2.textBackgroundColor !== e3.textBackgroundColor || t2.deltaY !== e3.deltaY || s2 && (t2.overline !== e3.overline || t2.underline !== e3.underline || t2.linethrough !== e3.linethrough);
+}, Ji = (t2, e3) => {
   const s2 = e3.split("\n"), i2 = [];
   let r2 = -1, n2 = {};
-  t2 = Oi(t2);
+  t2 = Vi(t2);
   for (let e4 = 0; e4 < s2.length; e4++) {
-    const o2 = Mi(s2[e4]);
+    const o2 = Hi(s2[e4]);
     if (t2[e4]) for (let s3 = 0; s3 < o2.length; s3++) {
       r2++;
       const o3 = t2[e4][s3];
-      o3 && Object.keys(o3).length > 0 && (ji(n2, o3, true) ? i2.push({ start: r2, end: r2 + 1, style: o3 }) : i2[i2.length - 1].end++), n2 = o3 || {};
+      o3 && Object.keys(o3).length > 0 && (Ki(n2, o3, true) ? i2.push({ start: r2, end: r2 + 1, style: o3 }) : i2[i2.length - 1].end++), n2 = o3 || {};
     }
     else r2 += o2.length, n2 = {};
   }
   return i2;
-}, Li = (t2, e3) => {
-  if (!Array.isArray(t2)) return Oi(t2);
+}, Qi = (t2, e3) => {
+  if (!Array.isArray(t2)) return Vi(t2);
   const i2 = e3.split(F), r2 = {};
   let n2 = -1, o2 = 0;
   for (let e4 = 0; e4 < i2.length; e4++) {
-    const a2 = Mi(i2[e4]);
+    const a2 = Hi(i2[e4]);
     for (let i3 = 0; i3 < a2.length; i3++) n2++, t2[o2] && t2[o2].start <= n2 && n2 < t2[o2].end && (r2[e4] = r2[e4] || {}, r2[e4][i3] = s({}, t2[o2].style), n2 === t2[o2].end - 1 && o2++);
   }
   return r2;
-}, Ri = ["display", "transform", K, "fill-opacity", "fill-rule", "opacity", J, "stroke-dasharray", "stroke-linecap", "stroke-dashoffset", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "id", "paint-order", "vector-effect", "instantiated_by_use", "clip-path"];
-function Bi(t2, e3) {
+}, Zi = ["display", "transform", K, "fill-opacity", "fill-rule", "opacity", J, "stroke-dasharray", "stroke-linecap", "stroke-dashoffset", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "id", "paint-order", "vector-effect", "instantiated_by_use", "clip-path"];
+function $i(t2, e3) {
   const s2 = t2.nodeName, i2 = t2.getAttribute("class"), r2 = t2.getAttribute("id"), n2 = "(?![a-zA-Z\\-]+)";
   let o2;
   if (o2 = new RegExp("^" + s2, "i"), e3 = e3.replace(o2, ""), r2 && e3.length && (o2 = new RegExp("#" + r2 + n2, "i"), e3 = e3.replace(o2, "")), i2 && e3.length) {
@@ -2527,26 +2532,26 @@ function Bi(t2, e3) {
   }
   return 0 === e3.length;
 }
-function Ii(t2, e3) {
+function tr(t2, e3) {
   let s2 = true;
-  const i2 = Bi(t2, e3.pop());
+  const i2 = $i(t2, e3.pop());
   return i2 && e3.length && (s2 = function(t3, e4) {
     let s3, i3 = true;
-    for (; t3.parentElement && 1 === t3.parentElement.nodeType && e4.length; ) i3 && (s3 = e4.pop()), i3 = Bi(t3 = t3.parentElement, s3);
+    for (; t3.parentElement && 1 === t3.parentElement.nodeType && e4.length; ) i3 && (s3 = e4.pop()), i3 = $i(t3 = t3.parentElement, s3);
     return 0 === e4.length;
   }(t2, e3)), i2 && s2 && 0 === e3.length;
 }
-const Xi = (t2) => {
+const er = (t2) => {
   var e3;
-  return null !== (e3 = He[t2]) && void 0 !== e3 ? e3 : t2;
-}, Yi = new RegExp("(".concat(Ve, ")"), "gi"), Wi = (t2) => t2.replace(Yi, " $1 ").replace(/,/gi, " ").replace(/\s+/gi, " ");
-var Vi, zi, Gi, Hi, Ni, Ui, qi;
-const Ki = "(".concat(Ve, ")"), Ji = String.raw(Vi || (Vi = r(["(skewX)(", ")"], ["(skewX)\\(", "\\)"])), Ki), Qi = String.raw(zi || (zi = r(["(skewY)(", ")"], ["(skewY)\\(", "\\)"])), Ki), Zi = String.raw(Gi || (Gi = r(["(rotate)(", "(?: ", " ", ")?)"], ["(rotate)\\(", "(?: ", " ", ")?\\)"])), Ki, Ki, Ki), $i = String.raw(Hi || (Hi = r(["(scale)(", "(?: ", ")?)"], ["(scale)\\(", "(?: ", ")?\\)"])), Ki, Ki), tr = String.raw(Ni || (Ni = r(["(translate)(", "(?: ", ")?)"], ["(translate)\\(", "(?: ", ")?\\)"])), Ki, Ki), er = String.raw(Ui || (Ui = r(["(matrix)(", " ", " ", " ", " ", " ", ")"], ["(matrix)\\(", " ", " ", " ", " ", " ", "\\)"])), Ki, Ki, Ki, Ki, Ki, Ki), sr = "(?:".concat(er, "|").concat(tr, "|").concat(Zi, "|").concat($i, "|").concat(Ji, "|").concat(Qi, ")"), ir = "(?:".concat(sr, "*)"), rr = String.raw(qi || (qi = r(["^s*(?:", "?)s*$"], ["^\\s*(?:", "?)\\s*$"])), ir), nr = new RegExp(rr), or = new RegExp(sr), ar = new RegExp(sr, "g");
-function hr(t2) {
+  return null !== (e3 = as[t2]) && void 0 !== e3 ? e3 : t2;
+}, sr = new RegExp("(".concat(is, ")"), "gi"), ir = (t2) => Pe(t2.replace(sr, " $1 ").replace(/,/gi, " "));
+var rr, nr, or, ar, hr, cr, lr;
+const ur = "(".concat(is, ")"), dr = String.raw(rr || (rr = r(["(skewX)(", ")"], ["(skewX)\\(", "\\)"])), ur), gr = String.raw(nr || (nr = r(["(skewY)(", ")"], ["(skewY)\\(", "\\)"])), ur), fr = String.raw(or || (or = r(["(rotate)(", "(?: ", " ", ")?)"], ["(rotate)\\(", "(?: ", " ", ")?\\)"])), ur, ur, ur), pr = String.raw(ar || (ar = r(["(scale)(", "(?: ", ")?)"], ["(scale)\\(", "(?: ", ")?\\)"])), ur, ur), mr = String.raw(hr || (hr = r(["(translate)(", "(?: ", ")?)"], ["(translate)\\(", "(?: ", ")?\\)"])), ur, ur), vr = String.raw(cr || (cr = r(["(matrix)(", " ", " ", " ", " ", " ", ")"], ["(matrix)\\(", " ", " ", " ", " ", " ", "\\)"])), ur, ur, ur, ur, ur, ur), yr = "(?:".concat(vr, "|").concat(mr, "|").concat(fr, "|").concat(pr, "|").concat(dr, "|").concat(gr, ")"), _r = "(?:".concat(yr, "*)"), xr = String.raw(lr || (lr = r(["^s*(?:", "?)s*$"], ["^\\s*(?:", "?)\\s*$"])), _r), Cr = new RegExp(xr), br = new RegExp(yr), Sr = new RegExp(yr, "g");
+function wr(t2) {
   const e3 = [];
-  if (!(t2 = Wi(t2).replace(/\s*([()])\s*/gi, "$1")) || t2 && !nr.test(t2)) return [...T];
-  for (const s2 of t2.matchAll(ar)) {
-    const t3 = or.exec(s2[0]);
+  if (!(t2 = ir(t2).replace(/\s*([()])\s*/gi, "$1")) || t2 && !Cr.test(t2)) return [...T];
+  for (const s2 of t2.matchAll(Sr)) {
+    const t3 = br.exec(s2[0]);
     if (!t3) continue;
     let i2 = T;
     const r2 = t3.filter((t4) => !!t4), [, n2, ...o2] = r2, [a2, h2, c2, l2, u2, d2] = o2.map((t4) => parseFloat(t4));
@@ -2554,7 +2559,7 @@ function hr(t2) {
       case "translate":
         i2 = Mt(a2, h2);
         break;
-      case I:
+      case B:
         i2 = Pt({ angle: a2 }, { x: h2, y: c2 });
         break;
       case G:
@@ -2573,74 +2578,74 @@ function hr(t2) {
   }
   return Ot(e3);
 }
-function cr(t2, e3, s2, i2) {
+function Tr(t2, e3, s2, i2) {
   const r2 = Array.isArray(e3);
   let n2, o2 = e3;
   if (t2 !== K && t2 !== J || e3 !== j) {
     if ("strokeUniform" === t2) return "non-scaling-stroke" === e3;
     if ("strokeDashArray" === t2) o2 = e3 === j ? null : e3.replace(/,/g, " ").split(/\s+/).map(parseFloat);
-    else if ("transformMatrix" === t2) o2 = s2 && s2.transformMatrix ? Tt(s2.transformMatrix, hr(e3)) : hr(e3);
+    else if ("transformMatrix" === t2) o2 = s2 && s2.transformMatrix ? Tt(s2.transformMatrix, wr(e3)) : wr(e3);
     else if ("visible" === t2) o2 = e3 !== j && "hidden" !== e3, s2 && false === s2.visible && (o2 = false);
     else if ("opacity" === t2) o2 = parseFloat(e3), s2 && void 0 !== s2.opacity && (o2 *= s2.opacity);
     else if ("textAnchor" === t2) o2 = "start" === e3 ? M : "end" === e3 ? A : D;
-    else if ("charSpacing" === t2) n2 = Re(e3, i2) / i2 * 1e3;
+    else if ("charSpacing" === t2 || t2 === ze) n2 = Be(e3, i2) / i2 * 1e3;
     else if ("paintFirst" === t2) {
       const t3 = e3.indexOf(K), s3 = e3.indexOf(J);
       o2 = K, (t3 > -1 && s3 > -1 && s3 < t3 || -1 === t3 && s3 > -1) && (o2 = J);
     } else {
       if ("href" === t2 || "xlink:href" === t2 || "font" === t2 || "id" === t2) return e3;
       if ("imageSmoothing" === t2) return "optimizeQuality" === e3;
-      n2 = r2 ? e3.map(Re) : Re(e3, i2);
+      n2 = r2 ? e3.map(Be) : Be(e3, i2);
     }
   } else o2 = "";
   return !r2 && isNaN(n2) ? o2 : n2;
 }
-function lr(t2, e3) {
-  const s2 = t2.match(Ge);
+function Or(t2, e3) {
+  const s2 = t2.match(os);
   if (!s2) return;
   const i2 = s2[1], r2 = s2[3], n2 = s2[4], o2 = s2[5], a2 = s2[6];
-  i2 && (e3.fontStyle = i2), r2 && (e3.fontWeight = isNaN(parseFloat(r2)) ? r2 : parseFloat(r2)), n2 && (e3.fontSize = Re(n2)), a2 && (e3.fontFamily = a2), o2 && (e3.lineHeight = "normal" === o2 ? 1 : o2);
+  i2 && (e3.fontStyle = i2), r2 && (e3.fontWeight = isNaN(parseFloat(r2)) ? r2 : parseFloat(r2)), n2 && (e3.fontSize = Be(n2)), a2 && (e3.fontFamily = a2), o2 && (e3.lineHeight = "normal" === o2 ? 1 : o2);
 }
-function ur(t2, e3) {
+function kr(t2, e3) {
   t2.replace(/;\s*$/, "").split(";").forEach((t3) => {
     if (!t3) return;
     const [s2, i2] = t3.split(":");
     e3[s2.trim().toLowerCase()] = i2.trim();
   });
 }
-function dr(t2) {
+function Dr(t2) {
   const e3 = {}, s2 = t2.getAttribute("style");
-  return s2 ? ("string" == typeof s2 ? ur(s2, e3) : function(t3, e4) {
+  return s2 ? ("string" == typeof s2 ? kr(s2, e3) : function(t3, e4) {
     Object.entries(t3).forEach((t4) => {
       let [s3, i2] = t4;
       void 0 !== i2 && (e4[s3.toLowerCase()] = i2);
     });
   }(s2, e3), e3) : e3;
 }
-const gr = { stroke: "strokeOpacity", fill: "fillOpacity" };
-function fr(t2, e3, i2) {
+const Mr = { stroke: "strokeOpacity", fill: "fillOpacity" };
+function Pr(t2, e3, i2) {
   if (!t2) return {};
   let r2, n2 = {}, o2 = O;
-  t2.parentNode && Je.test(t2.parentNode.nodeName) && (n2 = fr(t2.parentElement, e3, i2), n2.fontSize && (r2 = o2 = Re(n2.fontSize)));
+  t2.parentNode && ds.test(t2.parentNode.nodeName) && (n2 = Pr(t2.parentElement, e3, i2), n2.fontSize && (r2 = o2 = Be(n2.fontSize)));
   const a2 = s(s(s({}, e3.reduce((e4, s2) => {
     const i3 = t2.getAttribute(s2);
     return i3 && (e4[s2] = i3), e4;
   }, {})), function(t3) {
     let e4 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, i3 = {};
-    for (const r3 in e4) Ii(t3, r3.split(" ")) && (i3 = s(s({}, i3), e4[r3]));
+    for (const r3 in e4) tr(t3, r3.split(" ")) && (i3 = s(s({}, i3), e4[r3]));
     return i3;
-  }(t2, i2)), dr(t2));
-  a2[Ue] && t2.setAttribute(Ue, a2[Ue]), a2[Ne] && (r2 = Re(a2[Ne], o2), a2[Ne] = "".concat(r2));
+  }(t2, i2)), Dr(t2));
+  a2[cs] && t2.setAttribute(cs, a2[cs]), a2[hs] && (r2 = Be(a2[hs], o2), a2[hs] = "".concat(r2));
   const h2 = {};
   for (const t3 in a2) {
-    const e4 = Xi(t3), s2 = cr(e4, a2[t3], n2, r2);
+    const e4 = er(t3), s2 = Tr(e4, a2[t3], n2, r2);
     h2[e4] = s2;
   }
-  h2 && h2.font && lr(h2.font, h2);
+  h2 && h2.font && Or(h2.font, h2);
   const c2 = s(s({}, n2), h2);
-  return Je.test(t2.nodeName) ? c2 : function(t3) {
-    const e4 = _i.getDefaults();
-    return Object.entries(gr).forEach((s2) => {
+  return ds.test(t2.nodeName) ? c2 : function(t3) {
+    const e4 = Li.getDefaults();
+    return Object.entries(Mr).forEach((s2) => {
       let [i3, r3] = s2;
       if (void 0 === t3[r3] || "" === t3[i3]) return;
       if (void 0 === t3[i3]) {
@@ -2648,18 +2653,18 @@ function fr(t2, e3, i2) {
         t3[i3] = e4[i3];
       }
       if (0 === t3[i3].indexOf("url(")) return;
-      const n3 = new Le(t3[i3]);
+      const n3 = new Ie(t3[i3]);
       t3[i3] = n3.setAlpha(Vt(n3.getAlpha() * t3[r3], 2)).toRgba();
     }), t3;
   }(c2);
 }
-const pr = ["left", "top", "width", "height", "visible"], mr = ["rx", "ry"];
-class vr extends _i {
+const Er = ["left", "top", "width", "height", "visible"], Ar = ["rx", "ry"];
+class jr extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), vr.ownDefaults);
+    return s(s({}, super.getDefaults()), jr.ownDefaults);
   }
   constructor(t2) {
-    super(), Object.assign(this, vr.ownDefaults), this.setOptions(t2), this._initRxRy();
+    super(), Object.assign(this, jr.ownDefaults), this.setOptions(t2), this._initRxRy();
   }
   _initRxRy() {
     const { rx: t2, ry: e3 } = this;
@@ -2671,60 +2676,60 @@ class vr extends _i {
   }
   toObject() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
-    return super.toObject([...mr, ...t2]);
+    return super.toObject([...Ar, ...t2]);
   }
   _toSVG() {
     const { width: t2, height: e3, rx: s2, ry: i2 } = this;
     return ["<rect ", "COMMON_PARTS", 'x="'.concat(-t2 / 2, '" y="').concat(-e3 / 2, '" rx="').concat(s2, '" ry="').concat(i2, '" width="').concat(t2, '" height="').concat(e3, '" />\n')];
   }
   static async fromElement(t2, e3, r2) {
-    const n2 = fr(t2, this.ATTRIBUTE_NAMES, r2), { left: o2 = 0, top: a2 = 0, width: h2 = 0, height: c2 = 0, visible: l2 = true } = n2, u2 = i(n2, pr);
+    const n2 = Pr(t2, this.ATTRIBUTE_NAMES, r2), { left: o2 = 0, top: a2 = 0, width: h2 = 0, height: c2 = 0, visible: l2 = true } = n2, u2 = i(n2, Er);
     return new this(s(s(s({}, e3), u2), {}, { left: o2, top: a2, width: h2, height: c2, visible: Boolean(l2 && h2 && c2) }));
   }
 }
-t(vr, "type", "Rect"), t(vr, "cacheProperties", [...ps, ...mr]), t(vr, "ownDefaults", { rx: 0, ry: 0 }), t(vr, "ATTRIBUTE_NAMES", [...Ri, "x", "y", "rx", "ry", "width", "height"]), tt.setClass(vr), tt.setSVGClass(vr);
-const yr = "initialization", _r = "added", xr = "removed", Cr = "imperative", br = (t2, e3) => {
-  const { strokeUniform: s2, strokeWidth: i2, width: r2, height: n2, group: o2 } = e3, a2 = o2 && o2 !== t2 ? fe(o2.calcTransformMatrix(), t2.calcTransformMatrix()) : null, h2 = a2 ? e3.getRelativeCenterPoint().transform(a2) : e3.getRelativeCenterPoint(), c2 = !e3.isStrokeAccountedForInDimensions(), l2 = s2 && c2 ? me(new ot(i2, i2), void 0, t2.calcTransformMatrix()) : at, u2 = !s2 && c2 ? i2 : 0, d2 = ge(r2 + u2, n2 + u2, Ot([a2, e3.calcOwnMatrix()], true)).add(l2).scalarDivide(2);
+t(jr, "type", "Rect"), t(jr, "cacheProperties", [...Es, ...Ar]), t(jr, "ownDefaults", { rx: 0, ry: 0 }), t(jr, "ATTRIBUTE_NAMES", [...Zi, "x", "y", "rx", "ry", "width", "height"]), tt.setClass(jr), tt.setSVGClass(jr);
+const Fr = "initialization", Lr = "added", Rr = "removed", Ir = "imperative", Br = (t2, e3) => {
+  const { strokeUniform: s2, strokeWidth: i2, width: r2, height: n2, group: o2 } = e3, a2 = o2 && o2 !== t2 ? pe(o2.calcTransformMatrix(), t2.calcTransformMatrix()) : null, h2 = a2 ? e3.getRelativeCenterPoint().transform(a2) : e3.getRelativeCenterPoint(), c2 = !e3.isStrokeAccountedForInDimensions(), l2 = s2 && c2 ? ve(new ot(i2, i2), void 0, t2.calcTransformMatrix()) : at, u2 = !s2 && c2 ? i2 : 0, d2 = fe(r2 + u2, n2 + u2, Ot([a2, e3.calcOwnMatrix()], true)).add(l2).scalarDivide(2);
   return [h2.subtract(d2), h2.add(d2)];
 };
-class Sr {
+class Xr {
   calcLayoutResult(t2, e3) {
     if (this.shouldPerformLayout(t2)) return this.calcBoundingBox(e3, t2);
   }
   shouldPerformLayout(t2) {
     let { type: e3, prevStrategy: s2, strategy: i2 } = t2;
-    return e3 === yr || e3 === Cr || !!s2 && i2 !== s2;
+    return e3 === Fr || e3 === Ir || !!s2 && i2 !== s2;
   }
   shouldLayoutClipPath(t2) {
     let { type: e3, target: { clipPath: s2 } } = t2;
-    return e3 !== yr && s2 && !s2.absolutePositioned;
+    return e3 !== Fr && s2 && !s2.absolutePositioned;
   }
   getInitialSize(t2, e3) {
     return e3.size;
   }
   calcBoundingBox(t2, e3) {
     const { type: s2, target: i2 } = e3;
-    if (s2 === Cr && e3.overrides) return e3.overrides;
+    if (s2 === Ir && e3.overrides) return e3.overrides;
     if (0 === t2.length) return;
-    const { left: r2, top: n2, width: o2, height: a2 } = ae(t2.map((t3) => br(i2, t3)).reduce((t3, e4) => t3.concat(e4), [])), h2 = new ot(o2, a2), c2 = new ot(r2, n2).add(h2.scalarDivide(2));
-    if (s2 === yr) {
+    const { left: r2, top: n2, width: o2, height: a2 } = he(t2.map((t3) => Br(i2, t3)).reduce((t3, e4) => t3.concat(e4), [])), h2 = new ot(o2, a2), c2 = new ot(r2, n2).add(h2.scalarDivide(2));
+    if (s2 === Fr) {
       const t3 = this.getInitialSize(e3, { size: h2, center: c2 });
       return { center: c2, relativeCorrection: new ot(0, 0), size: t3 };
     }
     return { center: c2.transform(i2.calcOwnMatrix()), size: h2 };
   }
 }
-t(Sr, "type", "strategy");
-class wr extends Sr {
+t(Xr, "type", "strategy");
+class Yr extends Xr {
   shouldPerformLayout(t2) {
     return true;
   }
 }
-t(wr, "type", "fit-content"), tt.setClass(wr);
-const Tr = ["strategy"], Or = ["target", "strategy", "bubbles", "prevStrategy"], kr = "layoutManager";
-class Dr {
+t(Yr, "type", "fit-content"), tt.setClass(Yr);
+const Wr = ["strategy"], Vr = ["target", "strategy", "bubbles", "prevStrategy"], zr = "layoutManager";
+class Gr {
   constructor() {
-    let e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new wr();
+    let e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : new Yr();
     t(this, "strategy", void 0), this.strategy = e3, this._subscriptions = /* @__PURE__ */ new Map();
   }
   performLayout(t2) {
@@ -2737,7 +2742,7 @@ class Dr {
   }
   attachHandlers(t2, e3) {
     const { target: s2 } = e3;
-    return [Q, L, Y, B, R, X, z, W, V$1].map((e4) => t2.on(e4, (t3) => this.performLayout(e4 === Q ? { type: "object_modified", trigger: e4, e: t3, target: s2 } : { type: "object_modifying", trigger: e4, e: t3, target: s2 })));
+    return [Q, L, Y, I, R, X, z, W, V$1].map((e4) => t2.on(e4, (t3) => this.performLayout(e4 === Q ? { type: "object_modified", trigger: e4, e: t3, target: s2 } : { type: "object_modifying", trigger: e4, e: t3, target: s2 })));
   }
   subscribe(t2, e3) {
     this.unsubscribe(t2, e3);
@@ -2755,21 +2760,21 @@ class Dr {
   }
   onBeforeLayout(t2) {
     const { target: e3, type: r2 } = t2, { canvas: n2 } = e3;
-    if (r2 === yr || r2 === _r ? this.subscribeTargets(t2) : r2 === xr && this.unsubscribeTargets(t2), e3.fire("layout:before", { context: t2 }), n2 && n2.fire("object:layout:before", { target: e3, context: t2 }), r2 === Cr && t2.deep) {
-      const r3 = i(t2, Tr);
+    if (r2 === Fr || r2 === Lr ? this.subscribeTargets(t2) : r2 === Rr && this.unsubscribeTargets(t2), e3.fire("layout:before", { context: t2 }), n2 && n2.fire("object:layout:before", { target: e3, context: t2 }), r2 === Ir && t2.deep) {
+      const r3 = i(t2, Wr);
       e3.forEachObject((t3) => t3.layoutManager && t3.layoutManager.performLayout(s(s({}, r3), {}, { bubbles: false, target: t3 })));
     }
   }
   getLayoutResult(t2) {
     const { target: e3, strategy: s2, type: i2 } = t2, r2 = s2.calcLayoutResult(t2, e3.getObjects());
     if (!r2) return;
-    const n2 = i2 === yr ? new ot() : e3.getRelativeCenterPoint(), { center: o2, correction: a2 = new ot(), relativeCorrection: h2 = new ot() } = r2, c2 = n2.subtract(o2).add(a2).transform(i2 === yr ? T : wt(e3.calcOwnMatrix()), true).add(h2);
+    const n2 = i2 === Fr ? new ot() : e3.getRelativeCenterPoint(), { center: o2, correction: a2 = new ot(), relativeCorrection: h2 = new ot() } = r2, c2 = n2.subtract(o2).add(a2).transform(i2 === Fr ? T : wt(e3.calcOwnMatrix()), true).add(h2);
     return { result: r2, prevCenter: n2, nextCenter: o2, offset: c2 };
   }
   commitLayout(t2, e3) {
     const { target: s2 } = t2, { result: { size: i2 }, nextCenter: r2 } = e3;
     var n2, o2;
-    (s2.set({ width: i2.x, height: i2.y }), this.layoutObjects(t2, e3), t2.type === yr) ? s2.set({ left: null !== (n2 = t2.x) && void 0 !== n2 ? n2 : r2.x + i2.x * xe(s2.originX), top: null !== (o2 = t2.y) && void 0 !== o2 ? o2 : r2.y + i2.y * xe(s2.originY) }) : (s2.setPositionByOrigin(r2, D, D), s2.setCoords(), s2.set("dirty", true));
+    (s2.set({ width: i2.x, height: i2.y }), this.layoutObjects(t2, e3), t2.type === Fr) ? s2.set({ left: null !== (n2 = t2.x) && void 0 !== n2 ? n2 : r2.x + i2.x * Ce(s2.originX), top: null !== (o2 = t2.y) && void 0 !== o2 ? o2 : r2.y + i2.y * Ce(s2.originY) }) : (s2.setPositionByOrigin(r2, D, D), s2.setCoords(), s2.set("dirty", true));
   }
   layoutObjects(t2, e3) {
     const { target: s2 } = t2;
@@ -2782,7 +2787,7 @@ class Dr {
     s2.set({ left: s2.left + i2.x, top: s2.top + i2.y });
   }
   onAfterLayout(t2, e3) {
-    const { target: r2, strategy: n2, bubbles: o2, prevStrategy: a2 } = t2, h2 = i(t2, Or), { canvas: c2 } = r2;
+    const { target: r2, strategy: n2, bubbles: o2, prevStrategy: a2 } = t2, h2 = i(t2, Vr), { canvas: c2 } = r2;
     r2.fire("layout:after", { context: t2, result: e3 }), c2 && c2.fire("object:layout:after", { context: t2, result: e3, target: r2 });
     const l2 = r2.parent;
     o2 && null != l2 && l2.layoutManager && ((h2.path || (h2.path = [])).push(r2), l2.layoutManager.performLayout(s(s({}, h2), {}, { target: l2 }))), r2.set("dirty", true);
@@ -2792,31 +2797,31 @@ class Dr {
     t2.forEach((t3) => t3.forEach((t4) => t4())), t2.clear();
   }
   toObject() {
-    return { type: kr, strategy: this.strategy.constructor.type };
+    return { type: zr, strategy: this.strategy.constructor.type };
   }
   toJSON() {
     return this.toObject();
   }
 }
-tt.setClass(Dr, kr);
-const Mr = ["type", "objects", "layoutManager"];
-class Pr extends Dr {
+tt.setClass(Gr, zr);
+const Hr = ["type", "objects", "layoutManager"];
+class Nr extends Gr {
   performLayout() {
   }
 }
-class Er extends ct(_i) {
+class Ur extends ct(Li) {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), Er.ownDefaults);
+    return s(s({}, super.getDefaults()), Ur.ownDefaults);
   }
   constructor() {
     let e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [], s2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    super(), t(this, "_activeObjects", []), t(this, "__objectSelectionTracker", void 0), t(this, "__objectSelectionDisposer", void 0), Object.assign(this, Er.ownDefaults), this.setOptions(s2), this.groupInit(e3, s2);
+    super(), t(this, "_activeObjects", []), t(this, "__objectSelectionTracker", void 0), t(this, "__objectSelectionDisposer", void 0), Object.assign(this, Ur.ownDefaults), this.setOptions(s2), this.groupInit(e3, s2);
   }
   groupInit(t2, e3) {
     var s2;
     this._objects = [...t2], this.__objectSelectionTracker = this.__objectSelectionMonitor.bind(this, true), this.__objectSelectionDisposer = this.__objectSelectionMonitor.bind(this, false), this.forEachObject((t3) => {
       this.enterGroup(t3, false);
-    }), this.layoutManager = null !== (s2 = e3.layoutManager) && void 0 !== s2 ? s2 : new Dr(), this.layoutManager.performLayout({ type: yr, target: this, targets: [...t2], x: e3.left, y: e3.top });
+    }), this.layoutManager = null !== (s2 = e3.layoutManager) && void 0 !== s2 ? s2 : new Gr(), this.layoutManager.performLayout({ type: Fr, target: this, targets: [...t2], x: e3.left, y: e3.top });
   }
   canEnterGroup(t2) {
     return t2 === this || this.isDescendantOf(t2) ? (a("error", "Group: circular object trees are not supported, this call has no effect"), false) : -1 === this._objects.indexOf(t2) || (a("error", "Group: duplicate objects are not supported inside group, this call has no effect"), false);
@@ -2827,16 +2832,16 @@ class Er extends ct(_i) {
   add() {
     for (var t2 = arguments.length, e3 = new Array(t2), s2 = 0; s2 < t2; s2++) e3[s2] = arguments[s2];
     const i2 = this._filterObjectsBeforeEnteringGroup(e3), r2 = super.add(...i2);
-    return this._onAfterObjectsChange(_r, i2), r2;
+    return this._onAfterObjectsChange(Lr, i2), r2;
   }
   insertAt(t2) {
     for (var e3 = arguments.length, s2 = new Array(e3 > 1 ? e3 - 1 : 0), i2 = 1; i2 < e3; i2++) s2[i2 - 1] = arguments[i2];
     const r2 = this._filterObjectsBeforeEnteringGroup(s2), n2 = super.insertAt(t2, ...r2);
-    return this._onAfterObjectsChange(_r, r2), n2;
+    return this._onAfterObjectsChange(Lr, r2), n2;
   }
   remove() {
     const t2 = super.remove(...arguments);
-    return this._onAfterObjectsChange(xr, t2), t2;
+    return this._onAfterObjectsChange(Rr, t2), t2;
   }
   _onObjectAdded(t2) {
     this.enterGroup(t2, true), this.fire("object:added", { target: t2 }), t2.fire("added", { target: this });
@@ -2878,7 +2883,7 @@ class Er extends ct(_i) {
     t2.group && t2.group.remove(t2), t2._set("parent", this), this._enterGroup(t2, e3);
   }
   _enterGroup(t2, e3) {
-    e3 && le(t2, Tt(wt(this.calcTransformMatrix()), t2.calcTransformMatrix())), this._shouldSetNestedCoords() && t2.setCoords(), t2._set("group", this), t2._set("canvas", this.canvas), this._watchObject(true, t2);
+    e3 && ue(t2, Tt(wt(this.calcTransformMatrix()), t2.calcTransformMatrix())), this._shouldSetNestedCoords() && t2.setCoords(), t2._set("group", this), t2._set("canvas", this.canvas), this._watchObject(true, t2);
     const s2 = this.canvas && this.canvas.getActiveObject && this.canvas.getActiveObject();
     s2 && (s2 === t2 || t2.isDescendantOf(s2)) && this._activeObjects.push(t2);
   }
@@ -2886,12 +2891,12 @@ class Er extends ct(_i) {
     this._exitGroup(t2, e3), t2._set("parent", void 0), t2._set("canvas", void 0);
   }
   _exitGroup(t2, e3) {
-    t2._set("group", void 0), e3 || (le(t2, Tt(this.calcTransformMatrix(), t2.calcTransformMatrix())), t2.setCoords()), this._watchObject(false, t2);
+    t2._set("group", void 0), e3 || (ue(t2, Tt(this.calcTransformMatrix(), t2.calcTransformMatrix())), t2.setCoords()), this._watchObject(false, t2);
     const s2 = this._activeObjects.length > 0 ? this._activeObjects.indexOf(t2) : -1;
     s2 > -1 && this._activeObjects.splice(s2, 1);
   }
   shouldCache() {
-    const t2 = _i.prototype.shouldCache.call(this);
+    const t2 = Li.prototype.shouldCache.call(this);
     if (t2) {
       for (let t3 = 0; t3 < this._objects.length; t3++) if (this._objects[t3].willDrawShadow()) return this.ownCaching = false, false;
     }
@@ -2919,7 +2924,7 @@ class Er extends ct(_i) {
   }
   triggerLayout() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    this.layoutManager.performLayout(s({ target: this, type: Cr }, t2));
+    this.layoutManager.performLayout(s({ target: this, type: Ir }, t2));
   }
   render(t2) {
     this._transformDone = true, super.render(t2), this._transformDone = false;
@@ -2950,7 +2955,7 @@ class Er extends ct(_i) {
   }
   _createSVGBgRect(t2) {
     if (!this.backgroundColor) return "";
-    const e3 = vr.prototype._toSVG.call(this), s2 = e3.indexOf("COMMON_PARTS");
+    const e3 = jr.prototype._toSVG.call(this), s2 = e3.indexOf("COMMON_PARTS");
     e3[s2] = 'for="group" ';
     const i2 = e3.join("");
     return t2 ? t2(i2) : i2;
@@ -2972,27 +2977,27 @@ class Er extends ct(_i) {
     return this._createBaseClipPathSVGMarkup(e3, { reviver: t2 });
   }
   static fromObject(t2, e3) {
-    let { type: r2, objects: n2 = [], layoutManager: o2 } = t2, a2 = i(t2, Mr);
-    return Promise.all([It(n2, e3), Xt(a2, e3)]).then((t3) => {
+    let { type: r2, objects: n2 = [], layoutManager: o2 } = t2, a2 = i(t2, Hr);
+    return Promise.all([Bt(n2, e3), Xt(a2, e3)]).then((t3) => {
       let [e4, i2] = t3;
-      const r3 = new this(e4, s(s(s({}, a2), i2), {}, { layoutManager: new Pr() }));
+      const r3 = new this(e4, s(s(s({}, a2), i2), {}, { layoutManager: new Nr() }));
       if (o2) {
         const t4 = tt.getClass(o2.type), e5 = tt.getClass(o2.strategy);
         r3.layoutManager = new t4(new e5());
-      } else r3.layoutManager = new Dr();
-      return r3.layoutManager.subscribeTargets({ type: yr, target: r3, targets: r3.getObjects() }), r3.setCoords(), r3;
+      } else r3.layoutManager = new Gr();
+      return r3.layoutManager.subscribeTargets({ type: Fr, target: r3, targets: r3.getObjects() }), r3.setCoords(), r3;
     });
   }
 }
-t(Er, "type", "Group"), t(Er, "ownDefaults", { strokeWidth: 0, subTargetCheck: false, interactive: false }), tt.setClass(Er);
-const Ar = (t2, e3) => Math.min(e3.width / t2.width, e3.height / t2.height), jr = (t2, e3) => Math.max(e3.width / t2.width, e3.height / t2.height), Fr = "\\s*,?\\s*", Lr = "".concat(Fr, "(").concat(Ve, ")"), Rr = "".concat(Lr).concat(Lr).concat(Lr).concat(Fr, "([01])").concat(Fr, "([01])").concat(Lr).concat(Lr), Br = { m: "l", M: "L" }, Ir = (t2, e3, s2, i2, r2, n2, o2, a2, h2, c2, l2) => {
+t(Ur, "type", "Group"), t(Ur, "ownDefaults", { strokeWidth: 0, subTargetCheck: false, interactive: false }), tt.setClass(Ur);
+const qr = (t2, e3) => Math.min(e3.width / t2.width, e3.height / t2.height), Kr = (t2, e3) => Math.max(e3.width / t2.width, e3.height / t2.height), Jr = "\\s*,?\\s*", Qr = "".concat(Jr, "(").concat(is, ")"), Zr = "".concat(Qr).concat(Qr).concat(Qr).concat(Jr, "([01])").concat(Jr, "([01])").concat(Qr).concat(Qr), $r = { m: "l", M: "L" }, tn = (t2, e3, s2, i2, r2, n2, o2, a2, h2, c2, l2) => {
   const u2 = rt(t2), d2 = nt(t2), g2 = rt(e3), f = nt(e3), p2 = s2 * r2 * g2 - i2 * n2 * f + o2, m2 = i2 * r2 * g2 + s2 * n2 * f + a2;
   return ["C", c2 + h2 * (-s2 * r2 * d2 - i2 * n2 * u2), l2 + h2 * (-i2 * r2 * d2 + s2 * n2 * u2), p2 + h2 * (s2 * r2 * f + i2 * n2 * g2), m2 + h2 * (i2 * r2 * f - s2 * n2 * g2), p2, m2];
-}, Xr = (t2, e3, s2, i2) => {
+}, en = (t2, e3, s2, i2) => {
   const r2 = Math.atan2(e3, t2), n2 = Math.atan2(i2, s2);
   return n2 >= r2 ? n2 - r2 : 2 * Math.PI - (r2 - n2);
 };
-function Yr(t2, e3, s2, i2, r2, n2, a2, h2) {
+function sn(t2, e3, s2, i2, r2, n2, a2, h2) {
   let c2;
   if (o.cachesBoundsOfCurve && (c2 = [...arguments].join(), _.boundsOfCurveCache[c2])) return _.boundsOfCurveCache[c2];
   const l2 = Math.sqrt, u2 = Math.abs, d2 = [], g2 = [[0, 0], [0, 0]];
@@ -3012,7 +3017,7 @@ function Yr(t2, e3, s2, i2, r2, n2, a2, h2) {
     0 < a3 && a3 < 1 && d2.push(a3);
   }
   let v2 = d2.length;
-  const y2 = v2, x2 = Gr(t2, e3, s2, i2, r2, n2, a2, h2);
+  const y2 = v2, x2 = an(t2, e3, s2, i2, r2, n2, a2, h2);
   for (; v2--; ) {
     const { x: t3, y: e4 } = x2(d2[v2]);
     g2[0][v2] = t3, g2[1][v2] = e4;
@@ -3021,7 +3026,7 @@ function Yr(t2, e3, s2, i2, r2, n2, a2, h2) {
   const C2 = [new ot(Math.min(...g2[0]), Math.min(...g2[1])), new ot(Math.max(...g2[0]), Math.max(...g2[1]))];
   return o.cachesBoundsOfCurve && (_.boundsOfCurveCache[c2] = C2), C2;
 }
-const Wr = (t2, e3, s2) => {
+const rn = (t2, e3, s2) => {
   let [i2, r2, n2, o2, a2, h2, c2, l2] = s2;
   const u2 = ((t3, e4, s3, i3, r3, n3, o3) => {
     if (0 === s3 || 0 === i3) return [];
@@ -3033,16 +3038,16 @@ const Wr = (t2, e3, s2) => {
       C2 *= t4, b2 *= t4;
     } else c3 = (r3 === n3 ? -1 : 1) * Math.sqrt(x2 / (m2 * y2 + v2 * _2));
     const S2 = c3 * C2 * p2 / b2, T2 = -c3 * b2 * f / C2, O2 = g2 * S2 - d2 * T2 + 0.5 * t3, k2 = d2 * S2 + g2 * T2 + 0.5 * e4;
-    let D2 = Xr(1, 0, (f - S2) / C2, (p2 - T2) / b2), M2 = Xr((f - S2) / C2, (p2 - T2) / b2, (-f - S2) / C2, (-p2 - T2) / b2);
+    let D2 = en(1, 0, (f - S2) / C2, (p2 - T2) / b2), M2 = en((f - S2) / C2, (p2 - T2) / b2, (-f - S2) / C2, (-p2 - T2) / b2);
     0 === n3 && M2 > 0 ? M2 -= 2 * l3 : 1 === n3 && M2 < 0 && (M2 += 2 * l3);
     const P2 = Math.ceil(Math.abs(M2 / l3 * 2)), E2 = [], A2 = M2 / P2, j2 = 8 / 3 * Math.sin(A2 / 4) * Math.sin(A2 / 4) / Math.sin(A2 / 2);
     let F2 = D2 + A2;
-    for (let t4 = 0; t4 < P2; t4++) E2[t4] = Ir(D2, F2, g2, d2, C2, b2, O2, k2, j2, a3, h3), a3 = E2[t4][5], h3 = E2[t4][6], D2 = F2, F2 += A2;
+    for (let t4 = 0; t4 < P2; t4++) E2[t4] = tn(D2, F2, g2, d2, C2, b2, O2, k2, j2, a3, h3), a3 = E2[t4][5], h3 = E2[t4][6], D2 = F2, F2 += A2;
     return E2;
   })(c2 - t2, l2 - e3, r2, n2, a2, h2, o2);
   for (let s3 = 0, i3 = u2.length; s3 < i3; s3++) u2[s3][1] += t2, u2[s3][2] += e3, u2[s3][3] += t2, u2[s3][4] += e3, u2[s3][5] += t2, u2[s3][6] += e3;
   return u2;
-}, Vr = (t2) => {
+}, nn = (t2) => {
   let e3 = 0, s2 = 0, i2 = 0, r2 = 0;
   const n2 = [];
   let o2, a2 = 0, h2 = 0;
@@ -3093,7 +3098,7 @@ const Wr = (t2, e3, s2) => {
       case "a":
         t3[6] += e3, t3[7] += s2;
       case "A":
-        Wr(e3, s2, t3).forEach((t4) => n2.push(t4)), e3 = t3[6], s2 = t3[7];
+        rn(e3, s2, t3).forEach((t4) => n2.push(t4)), e3 = t3[6], s2 = t3[7];
         break;
       case "z":
       case "Z":
@@ -3102,31 +3107,31 @@ const Wr = (t2, e3, s2) => {
     l2 ? (n2.push(l2), o2 = l2[0]) : o2 = "";
   }
   return n2;
-}, zr = (t2, e3, s2, i2) => Math.sqrt((s2 - t2) ** 2 + (i2 - e3) ** 2), Gr = (t2, e3, s2, i2, r2, n2, o2, a2) => (h2) => {
+}, on = (t2, e3, s2, i2) => Math.sqrt((s2 - t2) ** 2 + (i2 - e3) ** 2), an = (t2, e3, s2, i2, r2, n2, o2, a2) => (h2) => {
   const c2 = h2 ** 3, l2 = ((t3) => 3 * t3 ** 2 * (1 - t3))(h2), u2 = ((t3) => 3 * t3 * (1 - t3) ** 2)(h2), d2 = ((t3) => (1 - t3) ** 3)(h2);
   return new ot(o2 * c2 + r2 * l2 + s2 * u2 + t2 * d2, a2 * c2 + n2 * l2 + i2 * u2 + e3 * d2);
-}, Hr = (t2) => t2 ** 2, Nr = (t2) => 2 * t2 * (1 - t2), Ur = (t2) => (1 - t2) ** 2, qr = (t2, e3, s2, i2, r2, n2, o2, a2) => (h2) => {
-  const c2 = Hr(h2), l2 = Nr(h2), u2 = Ur(h2), d2 = 3 * (u2 * (s2 - t2) + l2 * (r2 - s2) + c2 * (o2 - r2)), g2 = 3 * (u2 * (i2 - e3) + l2 * (n2 - i2) + c2 * (a2 - n2));
+}, hn = (t2) => t2 ** 2, cn = (t2) => 2 * t2 * (1 - t2), ln = (t2) => (1 - t2) ** 2, un = (t2, e3, s2, i2, r2, n2, o2, a2) => (h2) => {
+  const c2 = hn(h2), l2 = cn(h2), u2 = ln(h2), d2 = 3 * (u2 * (s2 - t2) + l2 * (r2 - s2) + c2 * (o2 - r2)), g2 = 3 * (u2 * (i2 - e3) + l2 * (n2 - i2) + c2 * (a2 - n2));
   return Math.atan2(g2, d2);
-}, Kr = (t2, e3, s2, i2, r2, n2) => (o2) => {
-  const a2 = Hr(o2), h2 = Nr(o2), c2 = Ur(o2);
+}, dn = (t2, e3, s2, i2, r2, n2) => (o2) => {
+  const a2 = hn(o2), h2 = cn(o2), c2 = ln(o2);
   return new ot(r2 * a2 + s2 * h2 + t2 * c2, n2 * a2 + i2 * h2 + e3 * c2);
-}, Jr = (t2, e3, s2, i2, r2, n2) => (o2) => {
+}, gn = (t2, e3, s2, i2, r2, n2) => (o2) => {
   const a2 = 1 - o2, h2 = 2 * (a2 * (s2 - t2) + o2 * (r2 - s2)), c2 = 2 * (a2 * (i2 - e3) + o2 * (n2 - i2));
   return Math.atan2(c2, h2);
-}, Qr = (t2, e3, s2) => {
+}, fn = (t2, e3, s2) => {
   let i2 = new ot(e3, s2), r2 = 0;
   for (let e4 = 1; e4 <= 100; e4 += 1) {
     const s3 = t2(e4 / 100);
-    r2 += zr(i2.x, i2.y, s3.x, s3.y), i2 = s3;
+    r2 += on(i2.x, i2.y, s3.x, s3.y), i2 = s3;
   }
   return r2;
-}, Zr = (t2, e3) => {
+}, pn = (t2, e3) => {
   let i2, r2 = 0, n2 = 0, o2 = { x: t2.x, y: t2.y }, a2 = s({}, o2), h2 = 0.01, c2 = 0;
   const l2 = t2.iterator, u2 = t2.angleFinder;
-  for (; n2 < e3 && h2 > 1e-4; ) a2 = l2(r2), c2 = r2, i2 = zr(o2.x, o2.y, a2.x, a2.y), i2 + n2 > e3 ? (r2 -= h2, h2 /= 2) : (o2 = a2, r2 += h2, n2 += i2);
+  for (; n2 < e3 && h2 > 1e-4; ) a2 = l2(r2), c2 = r2, i2 = on(o2.x, o2.y, a2.x, a2.y), i2 + n2 > e3 ? (r2 -= h2, h2 /= 2) : (o2 = a2, r2 += h2, n2 += i2);
   return s(s({}, a2), {}, { angle: u2(c2) });
-}, $r = (t2) => {
+}, mn = (t2) => {
   let e3, s2, i2 = 0, r2 = 0, n2 = 0, o2 = 0, a2 = 0;
   const h2 = [];
   for (const c2 of t2) {
@@ -3136,22 +3141,22 @@ const Wr = (t2, e3, s2) => {
         s2 = t3, s2.x = o2 = r2 = c2[1], s2.y = a2 = n2 = c2[2];
         break;
       case "L":
-        s2 = t3, s2.length = zr(r2, n2, c2[1], c2[2]), r2 = c2[1], n2 = c2[2];
+        s2 = t3, s2.length = on(r2, n2, c2[1], c2[2]), r2 = c2[1], n2 = c2[2];
         break;
       case "C":
-        e3 = Gr(r2, n2, c2[1], c2[2], c2[3], c2[4], c2[5], c2[6]), s2 = t3, s2.iterator = e3, s2.angleFinder = qr(r2, n2, c2[1], c2[2], c2[3], c2[4], c2[5], c2[6]), s2.length = Qr(e3, r2, n2), r2 = c2[5], n2 = c2[6];
+        e3 = an(r2, n2, c2[1], c2[2], c2[3], c2[4], c2[5], c2[6]), s2 = t3, s2.iterator = e3, s2.angleFinder = un(r2, n2, c2[1], c2[2], c2[3], c2[4], c2[5], c2[6]), s2.length = fn(e3, r2, n2), r2 = c2[5], n2 = c2[6];
         break;
       case "Q":
-        e3 = Kr(r2, n2, c2[1], c2[2], c2[3], c2[4]), s2 = t3, s2.iterator = e3, s2.angleFinder = Jr(r2, n2, c2[1], c2[2], c2[3], c2[4]), s2.length = Qr(e3, r2, n2), r2 = c2[3], n2 = c2[4];
+        e3 = dn(r2, n2, c2[1], c2[2], c2[3], c2[4]), s2 = t3, s2.iterator = e3, s2.angleFinder = gn(r2, n2, c2[1], c2[2], c2[3], c2[4]), s2.length = fn(e3, r2, n2), r2 = c2[3], n2 = c2[4];
         break;
       case "Z":
-        s2 = t3, s2.destX = o2, s2.destY = a2, s2.length = zr(r2, n2, o2, a2), r2 = o2, n2 = a2;
+        s2 = t3, s2.destX = o2, s2.destY = a2, s2.length = on(r2, n2, o2, a2), r2 = o2, n2 = a2;
     }
     i2 += s2.length, h2.push(s2);
   }
   return h2.push({ length: i2, x: r2, y: n2 }), h2;
-}, tn = function(t2, e3) {
-  let i2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : $r(t2), r2 = 0;
+}, vn = function(t2, e3) {
+  let i2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : mn(t2), r2 = 0;
   for (; e3 - i2[r2].length > 0 && r2 < i2.length - 2; ) e3 -= i2[r2].length, r2++;
   const n2 = i2[r2], o2 = e3 / n2.length, a2 = t2[r2];
   switch (n2.command) {
@@ -3163,40 +3168,40 @@ const Wr = (t2, e3, s2) => {
       return s(s({}, new ot(n2.x, n2.y).lerp(new ot(a2[1], a2[2]), o2)), {}, { angle: Math.atan2(a2[2] - n2.y, a2[1] - n2.x) });
     case "C":
     case "Q":
-      return Zr(n2, e3);
+      return pn(n2, e3);
   }
-}, en = new RegExp("[mzlhvcsqta][^mzlhvcsqta]*", "gi"), sn = new RegExp(Rr, "g"), rn = new RegExp(Ve, "gi"), nn = { m: 2, l: 2, h: 1, v: 1, c: 6, s: 4, q: 4, t: 2, a: 7 }, on = (t2) => {
+}, yn = new RegExp("[mzlhvcsqta][^mzlhvcsqta]*", "gi"), _n = new RegExp(Zr, "g"), xn = new RegExp(is, "gi"), Cn = { m: 2, l: 2, h: 1, v: 1, c: 6, s: 4, q: 4, t: 2, a: 7 }, bn = (t2) => {
   var e3;
-  const s2 = [], i2 = null !== (e3 = t2.match(en)) && void 0 !== e3 ? e3 : [];
+  const s2 = [], i2 = null !== (e3 = t2.match(yn)) && void 0 !== e3 ? e3 : [];
   for (const t3 of i2) {
     const e4 = t3[0];
     if ("z" === e4 || "Z" === e4) {
       s2.push([e4]);
       continue;
     }
-    const i3 = nn[e4.toLowerCase()];
+    const i3 = Cn[e4.toLowerCase()];
     let r2 = [];
     if ("a" === e4 || "A" === e4) {
-      sn.lastIndex = 0;
-      for (let e5 = null; e5 = sn.exec(t3); ) r2.push(...e5.slice(1));
-    } else r2 = t3.match(rn) || [];
+      _n.lastIndex = 0;
+      for (let e5 = null; e5 = _n.exec(t3); ) r2.push(...e5.slice(1));
+    } else r2 = t3.match(xn) || [];
     for (let t4 = 0; t4 < r2.length; t4 += i3) {
-      const n2 = new Array(i3), o2 = Br[e4];
+      const n2 = new Array(i3), o2 = $r[e4];
       n2[0] = t4 > 0 && o2 ? o2 : e4;
       for (let e5 = 0; e5 < i3; e5++) n2[e5 + 1] = parseFloat(r2[t4 + e5]);
       s2.push(n2);
     }
   }
   return s2;
-}, hn = (t2, e3) => t2.map((t3) => t3.map((t4, s2) => 0 === s2 || void 0 === e3 ? t4 : Vt(t4, e3)).join(" ")).join(" ");
-function cn(t2, e3) {
+}, wn = (t2, e3) => t2.map((t3) => t3.map((t4, s2) => 0 === s2 || void 0 === e3 ? t4 : Vt(t4, e3)).join(" ")).join(" ");
+function Tn(t2, e3) {
   const s2 = t2.style;
   s2 && e3 && ("string" == typeof e3 ? s2.cssText += ";" + e3 : Object.entries(e3).forEach((t3) => {
     let [e4, i2] = t3;
     return s2.setProperty(e4, i2);
   }));
 }
-class fn extends te {
+class Pn extends te {
   constructor(e3) {
     let { allowTouchScrolling: s2 = false, containerClass: i2 = "" } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
     super(e3), t(this, "upper", void 0), t(this, "container", void 0);
@@ -3211,11 +3216,11 @@ class fn extends te {
   }
   createContainerElement() {
     const t2 = m().createElement("div");
-    return t2.setAttribute("data-fabric", "wrapper"), cn(t2, { position: "relative" }), $t(t2), t2;
+    return t2.setAttribute("data-fabric", "wrapper"), Tn(t2, { position: "relative" }), $t(t2), t2;
   }
   applyCanvasStyle(t2, e3) {
     const { styles: i2, allowTouchScrolling: r2 } = e3;
-    cn(t2, s(s({}, i2), {}, { "touch-action": r2 ? "manipulation" : j })), $t(t2);
+    Tn(t2, s(s({}, i2), {}, { "touch-action": r2 ? "manipulation" : j })), $t(t2);
   }
   setDimensions(t2, e3) {
     super.setDimensions(t2, e3);
@@ -3233,12 +3238,12 @@ class fn extends te {
     super.dispose(), p().dispose(this.upper.el), delete this.upper, delete this.container;
   }
 }
-class pn extends se {
+class En extends ie {
   constructor() {
-    super(...arguments), t(this, "targets", []), t(this, "_hoveredTargets", []), t(this, "_objectsToRender", void 0), t(this, "_currentTransform", null), t(this, "_groupSelector", null), t(this, "contextTopDirty", false);
+    super(...arguments), t(this, "targets", []), t(this, "_hoveredTargets", []), t(this, "_currentTransform", null), t(this, "_groupSelector", null), t(this, "contextTopDirty", false);
   }
   static getDefaults() {
-    return s(s({}, super.getDefaults()), pn.ownDefaults);
+    return s(s({}, super.getDefaults()), En.ownDefaults);
   }
   get upperCanvasEl() {
     var t2;
@@ -3252,7 +3257,7 @@ class pn extends se {
     return this.elements.container;
   }
   initElements(t2) {
-    this.elements = new fn(t2, { allowTouchScrolling: this.allowTouchScrolling, containerClass: this.containerClass }), this._createCacheCanvas();
+    this.elements = new Pn(t2, { allowTouchScrolling: this.allowTouchScrolling, containerClass: this.containerClass }), this._createCacheCanvas();
   }
   _onObjectAdded(t2) {
     this._objectsToRender = void 0, super._onObjectAdded(t2);
@@ -3288,7 +3293,7 @@ class pn extends se {
     const n2 = t2.selectionBackgroundColor;
     t2.selectionBackgroundColor = "", t2.render(r2), t2.selectionBackgroundColor = n2, r2.restore();
     const o2 = Math.round(i2 * this.getRetinaScaling());
-    return xi(r2, o2, o2, o2);
+    return Ri(r2, o2, o2, o2);
   }
   _isSelectionKeyPressed(t2) {
     const e3 = this.selectionKey;
@@ -3301,7 +3306,7 @@ class pn extends se {
   _shouldCenterTransform(t2, e3, s2) {
     if (!t2) return;
     let i2;
-    return e3 === G || e3 === H || e3 === N || e3 === Y ? i2 = this.centeredScaling || t2.centeredScaling : e3 === I && (i2 = this.centeredRotation || t2.centeredRotation), i2 ? !s2 : s2;
+    return e3 === G || e3 === H || e3 === N || e3 === Y ? i2 = this.centeredScaling || t2.centeredScaling : e3 === B && (i2 = this.centeredRotation || t2.centeredRotation), i2 ? !s2 : s2;
   }
   _getOriginFromCorner(t2, e3) {
     const s2 = { x: t2.originX, y: t2.originY };
@@ -3309,11 +3314,11 @@ class pn extends se {
   }
   _setupCurrentTransform(t2, e3, i2) {
     var r2;
-    const n2 = e3.group ? pe(this.getScenePoint(t2), void 0, e3.group.calcTransformMatrix()) : this.getScenePoint(t2), { key: o2 = "", control: a2 } = e3.getActiveControl() || {}, h2 = i2 && a2 ? null === (r2 = a2.getActionHandler(t2, e3, a2)) || void 0 === r2 ? void 0 : r2.bind(a2) : De, c2 = ((t3, e4, s2, i3) => {
+    const n2 = e3.group ? me(this.getScenePoint(t2), void 0, e3.group.calcTransformMatrix()) : this.getScenePoint(t2), { key: o2 = "", control: a2 } = e3.getActiveControl() || {}, h2 = i2 && a2 ? null === (r2 = a2.getActionHandler(t2, e3, a2)) || void 0 === r2 ? void 0 : r2.bind(a2) : Me, c2 = ((t3, e4, s2, i3) => {
       if (!e4 || !t3) return "drag";
       const r3 = i3.controls[e4];
       return r3.getActionName(s2, r3, i3);
-    })(i2, o2, t2, e3), l2 = t2[this.centeredKey], u2 = this._shouldCenterTransform(e3, c2, l2) ? { x: D, y: D } : this._getOriginFromCorner(e3, o2), d2 = { target: e3, action: c2, actionHandler: h2, actionPerformed: false, corner: o2, scaleX: e3.scaleX, scaleY: e3.scaleY, skewX: e3.skewX, skewY: e3.skewY, offsetX: n2.x - e3.left, offsetY: n2.y - e3.top, originX: u2.x, originY: u2.y, ex: n2.x, ey: n2.y, lastX: n2.x, lastY: n2.y, theta: xt(e3.angle), width: e3.width, height: e3.height, shiftKey: t2.shiftKey, altKey: l2, original: s(s({}, de(e3)), {}, { originX: u2.x, originY: u2.y }) };
+    })(i2, o2, t2, e3), l2 = t2[this.centeredKey], u2 = this._shouldCenterTransform(e3, c2, l2) ? { x: D, y: D } : this._getOriginFromCorner(e3, o2), d2 = { target: e3, action: c2, actionHandler: h2, actionPerformed: false, corner: o2, scaleX: e3.scaleX, scaleY: e3.scaleY, skewX: e3.skewX, skewY: e3.skewY, offsetX: n2.x - e3.left, offsetY: n2.y - e3.top, originX: u2.x, originY: u2.y, ex: n2.x, ey: n2.y, lastX: n2.x, lastY: n2.y, theta: xt(e3.angle), width: e3.width, height: e3.height, shiftKey: t2.shiftKey, altKey: l2, original: s(s({}, ge(e3)), {}, { originX: u2.x, originY: u2.y }) };
     this._currentTransform = d2, this.fire("before:transform", { e: t2, transform: d2 });
   }
   setCursor(t2) {
@@ -3322,13 +3327,13 @@ class pn extends se {
   _drawSelection(t2) {
     const { x: e3, y: s2, deltaX: i2, deltaY: r2 } = this._groupSelector, n2 = new ot(e3, s2).transform(this.viewportTransform), o2 = new ot(e3 + i2, s2 + r2).transform(this.viewportTransform), a2 = this.selectionLineWidth / 2;
     let h2 = Math.min(n2.x, o2.x), c2 = Math.min(n2.y, o2.y), l2 = Math.max(n2.x, o2.x), u2 = Math.max(n2.y, o2.y);
-    this.selectionColor && (t2.fillStyle = this.selectionColor, t2.fillRect(h2, c2, l2 - h2, u2 - c2)), this.selectionLineWidth && this.selectionBorderColor && (t2.lineWidth = this.selectionLineWidth, t2.strokeStyle = this.selectionBorderColor, h2 += a2, c2 += a2, l2 -= a2, u2 -= a2, _i.prototype._setLineDash.call(this, t2, this.selectionDashArray), t2.strokeRect(h2, c2, l2 - h2, u2 - c2));
+    this.selectionColor && (t2.fillStyle = this.selectionColor, t2.fillRect(h2, c2, l2 - h2, u2 - c2)), this.selectionLineWidth && this.selectionBorderColor && (t2.lineWidth = this.selectionLineWidth, t2.strokeStyle = this.selectionBorderColor, h2 += a2, c2 += a2, l2 -= a2, u2 -= a2, Li.prototype._setLineDash.call(this, t2, this.selectionDashArray), t2.strokeRect(h2, c2, l2 - h2, u2 - c2));
   }
   findTarget(t2) {
     if (this.skipTargetFind) return;
     const e3 = this.getViewportPoint(t2), s2 = this._activeObject, i2 = this.getActiveObjects();
     if (this.targets = [], s2 && i2.length >= 1) {
-      if (s2.findControl(e3, ne(t2))) return s2;
+      if (s2.findControl(e3, oe(t2))) return s2;
       if (i2.length > 1 && this.searchPossibleTargets([s2], e3)) return s2;
       if (s2 === this.searchPossibleTargets([s2], e3)) {
         if (this.preserveObjectStacking) {
@@ -3349,10 +3354,10 @@ class pn extends se {
       const [t3, e4, i3, n2] = s2, o2 = Math.atan2(e4.y - t3.y, e4.x - t3.x), a2 = rt(o2) * r2, h2 = nt(o2) * r2, c2 = a2 + h2, l2 = a2 - h2;
       s2 = [new ot(t3.x - l2, t3.y - c2), new ot(e4.x + c2, e4.y - l2), new ot(i3.x + l2, i3.y + c2), new ot(n2.x - c2, n2.y + l2)];
     }
-    return Ls.isPointInPolygon(e3, s2);
+    return Qs.isPointInPolygon(e3, s2);
   }
   _checkTarget(t2, e3) {
-    if (t2 && t2.visible && t2.evented && this._pointIsInObjectSelectionArea(t2, pe(e3, void 0, this.viewportTransform))) {
+    if (t2 && t2.visible && t2.evented && this._pointIsInObjectSelectionArea(t2, me(e3, void 0, this.viewportTransform))) {
       if (!this.perPixelTargetFind && !t2.perPixelTargetFind || t2.isEditing) return true;
       if (!this.isTargetTransparent(t2, e3.x, e3.y)) return true;
     }
@@ -3392,8 +3397,8 @@ class pn extends se {
   getPointer(t2) {
     let e3 = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
     const s2 = this.upperCanvasEl, i2 = s2.getBoundingClientRect();
-    let r2 = re(t2), n2 = i2.width || 0, o2 = i2.height || 0;
-    n2 && o2 || (P in i2 && E in i2 && (o2 = Math.abs(i2.top - i2.bottom)), A in i2 && M in i2 && (n2 = Math.abs(i2.right - i2.left))), this.calcOffset(), r2.x = r2.x - this._offset.left, r2.y = r2.y - this._offset.top, e3 || (r2 = pe(r2, void 0, this.viewportTransform));
+    let r2 = ne(t2), n2 = i2.width || 0, o2 = i2.height || 0;
+    n2 && o2 || (P in i2 && E in i2 && (o2 = Math.abs(i2.top - i2.bottom)), A in i2 && M in i2 && (n2 = Math.abs(i2.right - i2.left))), this.calcOffset(), r2.x = r2.x - this._offset.left, r2.y = r2.y - this._offset.top, e3 || (r2 = me(r2, void 0, this.viewportTransform));
     const a2 = this.getRetinaScaling();
     1 !== a2 && (r2.x /= a2, r2.y /= a2);
     const h2 = 0 === n2 || 0 === o2 ? new ot(1, 1) : new ot(s2.width / n2, s2.height / o2);
@@ -3480,7 +3485,7 @@ class pn extends se {
     const { group: e3 } = t2;
     if (e3 && Ut(e3) && this._activeObject === e3) {
       const s2 = Yt(t2, ["angle", "flipX", "flipY", M, H, N, U, q, P]);
-      return ce(t2, e3.calcOwnMatrix()), s2;
+      return le(t2, e3.calcOwnMatrix()), s2;
     }
     return {};
   }
@@ -3489,8 +3494,8 @@ class pn extends se {
     super._setSVGObject(t2, e3, s2), e3.set(i2);
   }
 }
-t(pn, "ownDefaults", { uniformScaling: true, uniScaleKey: "shiftKey", centeredScaling: false, centeredRotation: false, centeredKey: "altKey", altActionKey: "shiftKey", selection: true, selectionKey: "shiftKey", selectionColor: "rgba(100, 100, 255, 0.3)", selectionDashArray: [], selectionBorderColor: "rgba(255, 255, 255, 0.3)", selectionLineWidth: 1, selectionFullyContained: false, hoverCursor: "move", moveCursor: "move", defaultCursor: "default", freeDrawingCursor: "crosshair", notAllowedCursor: "not-allowed", perPixelTargetFind: false, targetFindTolerance: 0, skipTargetFind: false, stopContextMenu: false, fireRightClick: false, fireMiddleClick: false, enablePointerEvents: false, containerClass: "canvas-container", preserveObjectStacking: false });
-class mn {
+t(En, "ownDefaults", { uniformScaling: true, uniScaleKey: "shiftKey", centeredScaling: false, centeredRotation: false, centeredKey: "altKey", altActionKey: "shiftKey", selection: true, selectionKey: "shiftKey", selectionColor: "rgba(100, 100, 255, 0.3)", selectionDashArray: [], selectionBorderColor: "rgba(255, 255, 255, 0.3)", selectionLineWidth: 1, selectionFullyContained: false, hoverCursor: "move", moveCursor: "move", defaultCursor: "default", freeDrawingCursor: "crosshair", notAllowedCursor: "not-allowed", perPixelTargetFind: false, targetFindTolerance: 0, skipTargetFind: false, stopContextMenu: false, fireRightClick: false, fireMiddleClick: false, enablePointerEvents: false, containerClass: "canvas-container", preserveObjectStacking: false });
+class An {
   constructor(e3) {
     t(this, "targets", []), t(this, "__disposer", void 0);
     const s2 = () => {
@@ -3527,45 +3532,45 @@ class mn {
     this.clear(), this.__disposer(), delete this.__disposer;
   }
 }
-const vn = ["target", "oldTarget", "fireCanvas", "e"], yn = { passive: false }, _n = (t2, e3) => {
+const jn = ["target", "oldTarget", "fireCanvas", "e"], Fn = { passive: false }, Ln = (t2, e3) => {
   const s2 = t2.getViewportPoint(e3), i2 = t2.getScenePoint(e3);
   return { viewportPoint: s2, scenePoint: i2, pointer: s2, absolutePointer: i2 };
-}, xn = function(t2) {
+}, Rn = function(t2) {
   for (var e3 = arguments.length, s2 = new Array(e3 > 1 ? e3 - 1 : 0), i2 = 1; i2 < e3; i2++) s2[i2 - 1] = arguments[i2];
   return t2.addEventListener(...s2);
-}, Cn = function(t2) {
+}, In = function(t2) {
   for (var e3 = arguments.length, s2 = new Array(e3 > 1 ? e3 - 1 : 0), i2 = 1; i2 < e3; i2++) s2[i2 - 1] = arguments[i2];
   return t2.removeEventListener(...s2);
-}, bn = { mouse: { in: "over", out: "out", targetIn: "mouseover", targetOut: "mouseout", canvasIn: "mouse:over", canvasOut: "mouse:out" }, drag: { in: "enter", out: "leave", targetIn: "dragenter", targetOut: "dragleave", canvasIn: "drag:enter", canvasOut: "drag:leave" } };
-class Sn extends pn {
+}, Bn = { mouse: { in: "over", out: "out", targetIn: "mouseover", targetOut: "mouseout", canvasIn: "mouse:over", canvasOut: "mouse:out" }, drag: { in: "enter", out: "leave", targetIn: "dragenter", targetOut: "dragleave", canvasIn: "drag:enter", canvasOut: "drag:leave" } };
+class Xn extends En {
   constructor(e3) {
-    super(e3, arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}), t(this, "_isClick", void 0), t(this, "textEditingManager", new mn(this)), ["_onMouseDown", "_onTouchStart", "_onMouseMove", "_onMouseUp", "_onTouchEnd", "_onResize", "_onMouseWheel", "_onMouseOut", "_onMouseEnter", "_onContextMenu", "_onClick", "_onDragStart", "_onDragEnd", "_onDragProgress", "_onDragOver", "_onDragEnter", "_onDragLeave", "_onDrop"].forEach((t2) => {
+    super(e3, arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}), t(this, "_isClick", void 0), t(this, "textEditingManager", new An(this)), ["_onMouseDown", "_onTouchStart", "_onMouseMove", "_onMouseUp", "_onTouchEnd", "_onResize", "_onMouseWheel", "_onMouseOut", "_onMouseEnter", "_onContextMenu", "_onClick", "_onDragStart", "_onDragEnd", "_onDragProgress", "_onDragOver", "_onDragEnter", "_onDragLeave", "_onDrop"].forEach((t2) => {
       this[t2] = this[t2].bind(this);
-    }), this.addOrRemove(xn, "add");
+    }), this.addOrRemove(Rn, "add");
   }
   _getEventPrefix() {
     return this.enablePointerEvents ? "pointer" : "mouse";
   }
   addOrRemove(t2, e3) {
     const s2 = this.upperCanvasEl, i2 = this._getEventPrefix();
-    t2(Jt(s2), "resize", this._onResize), t2(s2, i2 + "down", this._onMouseDown), t2(s2, "".concat(i2, "move"), this._onMouseMove, yn), t2(s2, "".concat(i2, "out"), this._onMouseOut), t2(s2, "".concat(i2, "enter"), this._onMouseEnter), t2(s2, "wheel", this._onMouseWheel), t2(s2, "contextmenu", this._onContextMenu), t2(s2, "click", this._onClick), t2(s2, "dblclick", this._onClick), t2(s2, "dragstart", this._onDragStart), t2(s2, "dragend", this._onDragEnd), t2(s2, "dragover", this._onDragOver), t2(s2, "dragenter", this._onDragEnter), t2(s2, "dragleave", this._onDragLeave), t2(s2, "drop", this._onDrop), this.enablePointerEvents || t2(s2, "touchstart", this._onTouchStart, yn);
+    t2(Jt(s2), "resize", this._onResize), t2(s2, i2 + "down", this._onMouseDown), t2(s2, "".concat(i2, "move"), this._onMouseMove, Fn), t2(s2, "".concat(i2, "out"), this._onMouseOut), t2(s2, "".concat(i2, "enter"), this._onMouseEnter), t2(s2, "wheel", this._onMouseWheel, { passive: false }), t2(s2, "contextmenu", this._onContextMenu), t2(s2, "click", this._onClick), t2(s2, "dblclick", this._onClick), t2(s2, "dragstart", this._onDragStart), t2(s2, "dragend", this._onDragEnd), t2(s2, "dragover", this._onDragOver), t2(s2, "dragenter", this._onDragEnter), t2(s2, "dragleave", this._onDragLeave), t2(s2, "drop", this._onDrop), this.enablePointerEvents || t2(s2, "touchstart", this._onTouchStart, Fn);
   }
   removeListeners() {
-    this.addOrRemove(Cn, "remove");
+    this.addOrRemove(In, "remove");
     const t2 = this._getEventPrefix(), e3 = Kt(this.upperCanvasEl);
-    Cn(e3, "".concat(t2, "up"), this._onMouseUp), Cn(e3, "touchend", this._onTouchEnd, yn), Cn(e3, "".concat(t2, "move"), this._onMouseMove, yn), Cn(e3, "touchmove", this._onMouseMove, yn), clearTimeout(this._willAddMouseDown);
+    In(e3, "".concat(t2, "up"), this._onMouseUp), In(e3, "touchend", this._onTouchEnd, Fn), In(e3, "".concat(t2, "move"), this._onMouseMove, Fn), In(e3, "touchmove", this._onMouseMove, Fn), clearTimeout(this._willAddMouseDown);
   }
   _onMouseWheel(t2) {
     this.__onMouseWheel(t2);
   }
   _onMouseOut(t2) {
-    const e3 = this._hoveredTarget, i2 = s({ e: t2 }, _n(this, t2));
+    const e3 = this._hoveredTarget, i2 = s({ e: t2 }, Ln(this, t2));
     this.fire("mouse:out", s(s({}, i2), {}, { target: e3 })), this._hoveredTarget = void 0, e3 && e3.fire("mouseout", s({}, i2)), this._hoveredTargets.forEach((t3) => {
       this.fire("mouse:out", s(s({}, i2), {}, { target: t3 })), t3 && t3.fire("mouseout", s({}, i2));
     }), this._hoveredTargets = [];
   }
   _onMouseEnter(t2) {
-    this._currentTransform || this.findTarget(t2) || (this.fire("mouse:over", s({ e: t2 }, _n(this, t2))), this._hoveredTarget = void 0, this._hoveredTargets = []);
+    this._currentTransform || this.findTarget(t2) || (this.fire("mouse:over", s({ e: t2 }, Ln(this, t2))), this._hoveredTarget = void 0, this._hoveredTargets = []);
   }
   _onDragStart(t2) {
     this._isClick = false;
@@ -3573,9 +3578,9 @@ class Sn extends pn {
     if (e3 && e3.onDragStart(t2)) {
       this._dragSource = e3;
       const s2 = { e: t2, target: e3 };
-      return this.fire("dragstart", s2), e3.fire("dragstart", s2), void xn(this.upperCanvasEl, "drag", this._onDragProgress);
+      return this.fire("dragstart", s2), e3.fire("dragstart", s2), void Rn(this.upperCanvasEl, "drag", this._onDragProgress);
     }
-    oe(t2);
+    ae(t2);
   }
   _renderDragEffects(t2, e3, s2) {
     let i2 = false;
@@ -3586,7 +3591,7 @@ class Sn extends pn {
   }
   _onDragEnd(t2) {
     const e3 = !!t2.dataTransfer && t2.dataTransfer.dropEffect !== j, s2 = e3 ? this._activeObject : void 0, i2 = { e: t2, target: this._dragSource, subTargets: this.targets, dragSource: this._dragSource, didDrop: e3, dropTarget: s2 };
-    Cn(this.upperCanvasEl, "drag", this._onDragProgress), this.fire("dragend", i2), this._dragSource && this._dragSource.fire("dragend", i2), delete this._dragSource, this._onMouseUp(t2);
+    In(this.upperCanvasEl, "drag", this._onDragProgress), this.fire("dragend", i2), this._dragSource && this._dragSource.fire("dragend", i2), delete this._dragSource, this._onMouseUp(t2);
   }
   _onDragProgress(t2) {
     const e3 = { e: t2, target: this._dragSource, dragSource: this._dragSource, dropTarget: this._draggedoverTarget };
@@ -3615,12 +3620,12 @@ class Sn extends pn {
     this.fire("dragleave", e3), this._fireEnterLeaveEvents(void 0, e3), this._renderDragEffects(t2, this._dragSource), this._dropTarget = void 0, this.targets = [], this._hoveredTargets = [];
   }
   _onDrop(t2) {
-    const { target: e3, targets: i2 } = this.findDragTargets(t2), r2 = this._basicEventHandler("drop:before", s({ e: t2, target: e3, subTargets: i2, dragSource: this._dragSource }, _n(this, t2)));
+    const { target: e3, targets: i2 } = this.findDragTargets(t2), r2 = this._basicEventHandler("drop:before", s({ e: t2, target: e3, subTargets: i2, dragSource: this._dragSource }, Ln(this, t2)));
     r2.didDrop = false, r2.dropTarget = void 0, this._basicEventHandler("drop", r2), this.fire("drop:after", r2);
   }
   _onContextMenu(t2) {
     const e3 = this.findTarget(t2), s2 = this.targets || [], i2 = this._basicEventHandler("contextmenu:before", { e: t2, target: e3, subTargets: s2 });
-    return this.stopContextMenu && oe(t2), this._basicEventHandler("contextmenu", i2), false;
+    return this.stopContextMenu && ae(t2), this._basicEventHandler("contextmenu", i2), false;
   }
   _onClick(t2) {
     const e3 = t2.detail;
@@ -3638,21 +3643,21 @@ class Sn extends pn {
     const s2 = this._activeObject;
     void 0 === this.mainTouchId && (this.mainTouchId = this.getPointerId(t2)), this.__onMouseDown(t2), (this.isDrawingMode || s2 && this._target === s2) && (e3 = true), e3 && t2.preventDefault(), this._resetTransformEventData();
     const i2 = this.upperCanvasEl, r2 = this._getEventPrefix(), n2 = Kt(i2);
-    xn(n2, "touchend", this._onTouchEnd, yn), e3 && xn(n2, "touchmove", this._onMouseMove, yn), Cn(i2, "".concat(r2, "down"), this._onMouseDown);
+    Rn(n2, "touchend", this._onTouchEnd, Fn), e3 && Rn(n2, "touchmove", this._onMouseMove, Fn), In(i2, "".concat(r2, "down"), this._onMouseDown);
   }
   _onMouseDown(t2) {
     this.__onMouseDown(t2), this._resetTransformEventData();
     const e3 = this.upperCanvasEl, s2 = this._getEventPrefix();
-    Cn(e3, "".concat(s2, "move"), this._onMouseMove, yn);
+    In(e3, "".concat(s2, "move"), this._onMouseMove, Fn);
     const i2 = Kt(e3);
-    xn(i2, "".concat(s2, "up"), this._onMouseUp), xn(i2, "".concat(s2, "move"), this._onMouseMove, yn);
+    Rn(i2, "".concat(s2, "up"), this._onMouseUp), Rn(i2, "".concat(s2, "move"), this._onMouseMove, Fn);
   }
   _onTouchEnd(t2) {
     if (t2.touches.length > 0) return;
     this.__onMouseUp(t2), this._resetTransformEventData(), delete this.mainTouchId;
     const e3 = this._getEventPrefix(), s2 = Kt(this.upperCanvasEl);
-    Cn(s2, "touchend", this._onTouchEnd, yn), Cn(s2, "touchmove", this._onMouseMove, yn), this._willAddMouseDown && clearTimeout(this._willAddMouseDown), this._willAddMouseDown = setTimeout(() => {
-      xn(this.upperCanvasEl, "".concat(e3, "down"), this._onMouseDown), this._willAddMouseDown = 0;
+    In(s2, "touchend", this._onTouchEnd, Fn), In(s2, "touchmove", this._onMouseMove, Fn), this._willAddMouseDown && clearTimeout(this._willAddMouseDown), this._willAddMouseDown = setTimeout(() => {
+      Rn(this.upperCanvasEl, "".concat(e3, "down"), this._onMouseDown), this._willAddMouseDown = 0;
     }, 400);
   }
   _onMouseUp(t2) {
@@ -3660,7 +3665,7 @@ class Sn extends pn {
     const e3 = this.upperCanvasEl, s2 = this._getEventPrefix();
     if (this._isMainEvent(t2)) {
       const t3 = Kt(this.upperCanvasEl);
-      Cn(t3, "".concat(s2, "up"), this._onMouseUp), Cn(t3, "".concat(s2, "move"), this._onMouseMove, yn), xn(e3, "".concat(s2, "move"), this._onMouseMove, yn);
+      In(t3, "".concat(s2, "up"), this._onMouseUp), In(t3, "".concat(s2, "move"), this._onMouseMove, Fn), Rn(e3, "".concat(s2, "move"), this._onMouseMove, Fn);
     }
   }
   _onMouseMove(t2) {
@@ -3687,7 +3692,7 @@ class Sn extends pn {
       this.handleSelection(t2), h2 || (h2 = this._shouldRender(r2) || !e4 && r2 === this._activeObject);
     }
     if (r2) {
-      const e4 = r2.findControl(this.getViewportPoint(t2), ne(t2)), { key: i3, control: n3 } = e4 || {};
+      const e4 = r2.findControl(this.getViewportPoint(t2), oe(t2)), { key: i3, control: n3 } = e4 || {};
       if (a2 = i3, r2.selectable && r2 !== this._activeObject && "up" === r2.activeOn) this.setActiveObject(r2, t2), h2 = true;
       else if (n3) {
         const e5 = n3.getMouseUpHandler(t2, r2, n3);
@@ -3708,7 +3713,7 @@ class Sn extends pn {
     return e3;
   }
   _handleEvent(t2, e3, i2) {
-    const r2 = this._target, n2 = this.targets || [], o2 = s(s(s({ e: t2, target: r2, subTargets: n2 }, _n(this, t2)), {}, { transform: this._currentTransform }, "up:before" === e3 || "up" === e3 ? { isClick: this._isClick, currentTarget: this.findTarget(t2), currentSubTargets: this.targets } : {}), "down:before" === e3 || "down" === e3 ? i2 : {});
+    const r2 = this._target, n2 = this.targets || [], o2 = s(s(s({ e: t2, target: r2, subTargets: n2 }, Ln(this, t2)), {}, { transform: this._currentTransform }, "up:before" === e3 || "up" === e3 ? { isClick: this._isClick, currentTarget: this.findTarget(t2), currentSubTargets: this.targets } : {}), "down:before" === e3 || "down" === e3 ? i2 : {});
     this.fire("mouse:".concat(e3), o2), r2 && r2.fire("mouse".concat(e3), o2);
     for (let t3 = 0; t3 < n2.length; t3++) n2[t3] !== r2 && n2[t3].fire("mouse".concat(e3), o2);
   }
@@ -3743,7 +3748,7 @@ class Sn extends pn {
     }
     if (s2 = !!e3 && e3 === this._activeObject, e3) {
       e3.selectable && "down" === e3.activeOn && this.setActiveObject(e3, t2);
-      const i3 = e3.findControl(this.getViewportPoint(t2), ne(t2));
+      const i3 = e3.findControl(this.getViewportPoint(t2), oe(t2));
       if (e3 === this._activeObject && (i3 || !n2)) {
         this._setupCurrentTransform(t2, e3, s2);
         const r3 = i3 ? i3.control : void 0, n3 = this.getScenePoint(t2), o2 = r3 && r3.getMouseDownHandler(t2, e3, r3);
@@ -3756,7 +3761,7 @@ class Sn extends pn {
     this._target = this._pointer = this._absolutePointer = void 0;
   }
   _cacheTransformEventData(t2) {
-    this._resetTransformEventData(), this._pointer = this.getViewportPoint(t2), this._absolutePointer = pe(this._pointer, void 0, this.viewportTransform), this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(t2);
+    this._resetTransformEventData(), this._pointer = this.getViewportPoint(t2), this._absolutePointer = me(this._pointer, void 0, this.viewportTransform), this._target = this._currentTransform ? this._currentTransform.target : this.findTarget(t2);
   }
   __onMouseMove(t2) {
     if (this._isClick = false, this._cacheTransformEventData(t2), this._handleEvent(t2, "move:before"), this.isDrawingMode) return void this._onMouseMoveInDrawingMode(t2);
@@ -3775,7 +3780,7 @@ class Sn extends pn {
   _fireOverOutEvents(t2, e3) {
     const s2 = this._hoveredTarget, i2 = this._hoveredTargets, r2 = this.targets, n2 = Math.max(i2.length, r2.length);
     this.fireSyntheticInOutEvents("mouse", { e: t2, target: e3, oldTarget: s2, fireCanvas: true });
-    for (let e4 = 0; e4 < n2; e4++) this.fireSyntheticInOutEvents("mouse", { e: t2, target: r2[e4], oldTarget: i2[e4] });
+    for (let o2 = 0; o2 < n2; o2++) r2[o2] === e3 || i2[o2] && i2[o2] === s2 || this.fireSyntheticInOutEvents("mouse", { e: t2, target: r2[o2], oldTarget: i2[o2] });
     this._hoveredTarget = e3, this._hoveredTargets = this.targets.concat();
   }
   _fireEnterLeaveEvents(t2, e3) {
@@ -3785,14 +3790,14 @@ class Sn extends pn {
     this._draggedoverTarget = t2;
   }
   fireSyntheticInOutEvents(t2, e3) {
-    let { target: r2, oldTarget: n2, fireCanvas: o2, e: a2 } = e3, h2 = i(e3, vn);
-    const { targetIn: c2, targetOut: l2, canvasIn: u2, canvasOut: d2 } = bn[t2], g2 = n2 !== r2;
+    let { target: r2, oldTarget: n2, fireCanvas: o2, e: a2 } = e3, h2 = i(e3, jn);
+    const { targetIn: c2, targetOut: l2, canvasIn: u2, canvasOut: d2 } = Bn[t2], g2 = n2 !== r2;
     if (n2 && g2) {
-      const t3 = s(s({}, h2), {}, { e: a2, target: n2, nextTarget: r2 }, _n(this, a2));
+      const t3 = s(s({}, h2), {}, { e: a2, target: n2, nextTarget: r2 }, Ln(this, a2));
       o2 && this.fire(d2, t3), n2.fire(l2, t3);
     }
     if (r2 && g2) {
-      const t3 = s(s({}, h2), {}, { e: a2, target: r2, previousTarget: n2 }, _n(this, a2));
+      const t3 = s(s({}, h2), {}, { e: a2, target: r2, previousTarget: n2 }, Ln(this, a2));
       o2 && this.fire(u2, t3), r2.fire(c2, t3);
     }
   }
@@ -3800,7 +3805,7 @@ class Sn extends pn {
     this._cacheTransformEventData(t2), this._handleEvent(t2, "wheel"), this._resetTransformEventData();
   }
   _transformObject(t2) {
-    const e3 = this.getScenePoint(t2), s2 = this._currentTransform, i2 = s2.target, r2 = i2.group ? pe(e3, void 0, i2.group.calcTransformMatrix()) : e3;
+    const e3 = this.getScenePoint(t2), s2 = this._currentTransform, i2 = s2.target, r2 = i2.group ? me(e3, void 0, i2.group.calcTransformMatrix()) : e3;
     s2.shiftKey = t2.shiftKey, s2.altKey = !!this.centeredKey && t2[this.centeredKey], this._performTransformAction(t2, s2, r2), s2.actionPerformed && this.requestRenderAll();
   }
   _performTransformAction(t2, e3, s2) {
@@ -3847,6 +3852,13 @@ class Sn extends pn {
     }
     return this._groupSelector = null, true;
   }
+  toCanvasElement() {
+    let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1, e3 = arguments.length > 1 ? arguments[1] : void 0;
+    const { upper: s2 } = this.elements;
+    s2.ctx = void 0;
+    const i2 = super.toCanvasElement(t2, e3);
+    return s2.ctx = s2.el.getContext("2d"), i2;
+  }
   clear() {
     this.textEditingManager.clear(), super.clear();
   }
@@ -3854,64 +3866,70 @@ class Sn extends pn {
     this.removeListeners(), this.textEditingManager.dispose(), super.destroy();
   }
 }
-const wn = { x1: 0, y1: 0, x2: 0, y2: 0 }, Tn = s(s({}, wn), {}, { r1: 0, r2: 0 }), On = (t2, e3) => isNaN(t2) && "number" == typeof e3 ? e3 : t2, kn = /^(\d+\.\d+)%|(\d+)%$/;
-function Dn(t2) {
-  return t2 && kn.test(t2);
+const Yn = { x1: 0, y1: 0, x2: 0, y2: 0 }, Wn = s(s({}, Yn), {}, { r1: 0, r2: 0 }), Vn = (t2, e3) => isNaN(t2) && "number" == typeof e3 ? e3 : t2;
+function zn(t2) {
+  return t2 && /%$/.test(t2) && Number.isFinite(parseFloat(t2));
 }
-function Mn(t2, e3) {
-  const s2 = "number" == typeof t2 ? t2 : "string" == typeof t2 ? parseFloat(t2) / (Dn(t2) ? 100 : 1) : NaN;
-  return gs(0, On(s2, e3), 1);
+function Gn(t2, e3) {
+  const s2 = "number" == typeof t2 ? t2 : "string" == typeof t2 ? parseFloat(t2) / (zn(t2) ? 100 : 1) : NaN;
+  return Ms(0, Vn(s2, e3), 1);
 }
-const Pn = /\s*;\s*/, En = /\s*:\s*/;
-function An(t2, e3) {
+const Hn = /\s*;\s*/, Nn = /\s*:\s*/;
+function Un(t2, e3) {
   let s2, i2;
   const r2 = t2.getAttribute("style");
   if (r2) {
-    const t3 = r2.split(Pn);
+    const t3 = r2.split(Hn);
     "" === t3[t3.length - 1] && t3.pop();
     for (let e4 = t3.length; e4--; ) {
-      const [r3, n3] = t3[e4].split(En).map((t4) => t4.trim());
+      const [r3, n3] = t3[e4].split(Nn).map((t4) => t4.trim());
       "stop-color" === r3 ? s2 = n3 : "stop-opacity" === r3 && (i2 = n3);
     }
   }
-  const n2 = new Le(s2 || t2.getAttribute("stop-color") || "rgb(0,0,0)");
-  return { offset: Mn(t2.getAttribute("offset"), 0), color: n2.toRgb(), opacity: On(parseFloat(i2 || t2.getAttribute("stop-opacity") || ""), 1) * n2.getAlpha() * e3 };
+  const n2 = new Ie(s2 || t2.getAttribute("stop-color") || "rgb(0,0,0)");
+  return { offset: Gn(t2.getAttribute("offset"), 0), color: n2.toRgb(), opacity: Vn(parseFloat(i2 || t2.getAttribute("stop-opacity") || ""), 1) * n2.getAlpha() * e3 };
 }
-function jn(t2, e3) {
-  const s2 = [], i2 = t2.getElementsByTagName("stop"), r2 = Mn(e3, 1);
-  for (let t3 = i2.length; t3--; ) s2.push(An(i2[t3], r2));
+function qn(t2, e3) {
+  const s2 = [], i2 = t2.getElementsByTagName("stop"), r2 = Gn(e3, 1);
+  for (let t3 = i2.length; t3--; ) s2.push(Un(i2[t3], r2));
   return s2;
 }
-function Fn(t2) {
+function Kn(t2) {
   return "linearGradient" === t2.nodeName || "LINEARGRADIENT" === t2.nodeName ? "linear" : "radial";
 }
-function Ln(t2) {
+function Jn(t2) {
   return "userSpaceOnUse" === t2.getAttribute("gradientUnits") ? "pixels" : "percentage";
 }
-function Rn(t2, e3) {
+function Qn(t2, e3) {
   return t2.getAttribute(e3);
 }
-function Bn(t2, e3) {
+function Zn(t2, e3) {
   return function(t3, e4) {
     let s2, { width: i2, height: r2, gradientUnits: n2 } = e4;
-    return Object.keys(t3).reduce((e5, o2) => {
-      const a2 = t3[o2];
-      return "Infinity" === a2 ? s2 = 1 : "-Infinity" === a2 ? s2 = 0 : (s2 = "string" == typeof a2 ? parseFloat(a2) : a2, "string" == typeof a2 && Dn(a2) && (s2 *= 0.01, "pixels" === n2 && ("x1" !== o2 && "x2" !== o2 && "r2" !== o2 || (s2 *= i2), "y1" !== o2 && "y2" !== o2 || (s2 *= r2)))), e5[o2] = s2, e5;
+    return Object.entries(t3).reduce((t4, e5) => {
+      let [o2, a2] = e5;
+      if ("Infinity" === a2) s2 = 1;
+      else if ("-Infinity" === a2) s2 = 0;
+      else {
+        const t5 = "string" == typeof a2;
+        s2 = t5 ? parseFloat(a2) : a2, t5 && zn(a2) && (s2 *= 0.01, "pixels" === n2 && ("x1" !== o2 && "x2" !== o2 && "r2" !== o2 || (s2 *= i2), "y1" !== o2 && "y2" !== o2 || (s2 *= r2)));
+      }
+      return t4[o2] = s2, t4;
     }, {});
-  }("linear" === Fn(t2) ? function(t3) {
-    return { x1: Rn(t3, "x1") || 0, y1: Rn(t3, "y1") || 0, x2: Rn(t3, "x2") || "100%", y2: Rn(t3, "y2") || 0 };
+  }("linear" === Kn(t2) ? function(t3) {
+    return { x1: Qn(t3, "x1") || 0, y1: Qn(t3, "y1") || 0, x2: Qn(t3, "x2") || "100%", y2: Qn(t3, "y2") || 0 };
   }(t2) : function(t3) {
-    return { x1: Rn(t3, "fx") || Rn(t3, "cx") || "50%", y1: Rn(t3, "fy") || Rn(t3, "cy") || "50%", r1: 0, x2: Rn(t3, "cx") || "50%", y2: Rn(t3, "cy") || "50%", r2: Rn(t3, "r") || "50%" };
-  }(t2), s(s({}, e3), {}, { gradientUnits: Ln(t2) }));
+    return { x1: Qn(t3, "fx") || Qn(t3, "cx") || "50%", y1: Qn(t3, "fy") || Qn(t3, "cy") || "50%", r1: 0, x2: Qn(t3, "cx") || "50%", y2: Qn(t3, "cy") || "50%", r2: Qn(t3, "r") || "50%" };
+  }(t2), s(s({}, e3), {}, { gradientUnits: Jn(t2) }));
 }
-class In {
+class $n {
   constructor(t2) {
     const { type: e3 = "linear", gradientUnits: i2 = "pixels", coords: r2 = {}, colorStops: n2 = [], offsetX: o2 = 0, offsetY: a2 = 0, gradientTransform: h2, id: c2 } = t2 || {};
-    Object.assign(this, { type: e3, gradientUnits: i2, coords: s(s({}, "radial" === e3 ? Tn : wn), r2), colorStops: n2, offsetX: o2, offsetY: a2, gradientTransform: h2, id: c2 ? "".concat(c2, "_").concat(ft()) : ft() });
+    Object.assign(this, { type: e3, gradientUnits: i2, coords: s(s({}, "radial" === e3 ? Wn : Yn), r2), colorStops: n2, offsetX: o2, offsetY: a2, gradientTransform: h2, id: c2 ? "".concat(c2, "_").concat(ft()) : ft() });
   }
   addColorStop(t2) {
     for (const e3 in t2) {
-      const s2 = new Le(t2[e3]);
+      const s2 = new Ie(t2[e3]);
       this.colorStops.push({ offset: parseFloat(e3), color: s2.toRgb(), opacity: s2.getAlpha() });
     }
     return this;
@@ -3951,7 +3969,7 @@ class In {
     const { x1: e3, y1: s2, x2: i2, y2: r2, r1: n2, r2: o2 } = this.coords, a2 = "linear" === this.type ? t2.createLinearGradient(e3, s2, i2, r2) : t2.createRadialGradient(e3, s2, n2, i2, r2, o2);
     return this.colorStops.forEach((t3) => {
       let { color: e4, opacity: s3, offset: i3 } = t3;
-      a2.addColorStop(i3, void 0 !== s3 ? new Le(e4).setAlpha(s3).toRgba() : e4);
+      a2.addColorStop(i3, void 0 !== s3 ? new Ie(e4).setAlpha(s3).toRgba() : e4);
     }), a2;
   }
   static async fromObject(t2) {
@@ -3959,13 +3977,13 @@ class In {
     return new this(s(s({}, t2), {}, { colorStops: e3 ? e3.map((t3) => s({}, t3)) : void 0, gradientTransform: i2 ? [...i2] : void 0 }));
   }
   static fromElement(t2, e3, i2) {
-    const r2 = Ln(t2), n2 = e3._findCenterFromElement();
-    return new this(s({ id: t2.getAttribute("id") || void 0, type: Fn(t2), coords: Bn(t2, { width: i2.viewBoxWidth || i2.width, height: i2.viewBoxHeight || i2.height }), colorStops: jn(t2, i2.opacity), gradientUnits: r2, gradientTransform: hr(t2.getAttribute("gradientTransform") || "") }, "pixels" === r2 ? { offsetX: e3.width / 2 - n2.x, offsetY: e3.height / 2 - n2.y } : { offsetX: 0, offsetY: 0 }));
+    const r2 = Jn(t2), n2 = e3._findCenterFromElement();
+    return new this(s({ id: t2.getAttribute("id") || void 0, type: Kn(t2), coords: Zn(t2, { width: i2.viewBoxWidth || i2.width, height: i2.viewBoxHeight || i2.height }), colorStops: qn(t2, i2.opacity), gradientUnits: r2, gradientTransform: wr(t2.getAttribute("gradientTransform") || "") }, "pixels" === r2 ? { offsetX: e3.width / 2 - n2.x, offsetY: e3.height / 2 - n2.y } : { offsetX: 0, offsetY: 0 }));
   }
 }
-t(In, "type", "Gradient"), tt.setClass(In, "gradient"), tt.setClass(In, "linear"), tt.setClass(In, "radial");
-const Xn = ["type", "source", "patternTransform"];
-class Yn {
+t($n, "type", "Gradient"), tt.setClass($n, "gradient"), tt.setClass($n, "linear"), tt.setClass($n, "radial");
+const to = ["type", "source", "patternTransform"];
+class eo {
   get type() {
     return "pattern";
   }
@@ -3994,24 +4012,24 @@ class Yn {
   }
   toSVG(t2) {
     let { width: e3, height: s2 } = t2;
-    const { source: i2, repeat: r2, id: n2 } = this, o2 = On(this.offsetX / e3, 0), a2 = On(this.offsetY / s2, 0), h2 = "repeat-y" === r2 || "no-repeat" === r2 ? 1 + Math.abs(o2 || 0) : On(i2.width / e3, 0), c2 = "repeat-x" === r2 || "no-repeat" === r2 ? 1 + Math.abs(a2 || 0) : On(i2.height / s2, 0);
+    const { source: i2, repeat: r2, id: n2 } = this, o2 = Vn(this.offsetX / e3, 0), a2 = Vn(this.offsetY / s2, 0), h2 = "repeat-y" === r2 || "no-repeat" === r2 ? 1 + Math.abs(o2 || 0) : Vn(i2.width / e3, 0), c2 = "repeat-x" === r2 || "no-repeat" === r2 ? 1 + Math.abs(a2 || 0) : Vn(i2.height / s2, 0);
     return ['<pattern id="SVGID_'.concat(n2, '" x="').concat(o2, '" y="').concat(a2, '" width="').concat(h2, '" height="').concat(c2, '">'), '<image x="0" y="0" width="'.concat(i2.width, '" height="').concat(i2.height, '" xlink:href="').concat(this.sourceToString(), '"></image>'), "</pattern>", ""].join("\n");
   }
   static async fromObject(t2, e3) {
-    let { type: r2, source: n2, patternTransform: o2 } = t2, a2 = i(t2, Xn);
-    const h2 = await Bt(n2, s(s({}, e3), {}, { crossOrigin: a2.crossOrigin }));
+    let { type: r2, source: n2, patternTransform: o2 } = t2, a2 = i(t2, to);
+    const h2 = await It(n2, s(s({}, e3), {}, { crossOrigin: a2.crossOrigin }));
     return new this(s(s({}, a2), {}, { patternTransform: o2 && o2.slice(0), source: h2 }));
   }
 }
-t(Yn, "type", "Pattern"), tt.setClass(Yn), tt.setClass(Yn, "pattern");
-const Vn = ["path", "left", "top"], zn = ["d"];
-class Gn extends _i {
+t(eo, "type", "Pattern"), tt.setClass(eo), tt.setClass(eo, "pattern");
+const io = ["path", "left", "top"], ro = ["d"];
+class no extends Li {
   constructor(t2) {
-    let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, { path: s2, left: r2, top: n2 } = e3, o2 = i(e3, Vn);
-    super(), Object.assign(this, Gn.ownDefaults), this.setOptions(o2), this._setPath(t2 || [], true), "number" == typeof r2 && this.set(M, r2), "number" == typeof n2 && this.set(P, n2);
+    let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, { path: s2, left: r2, top: n2 } = e3, o2 = i(e3, io);
+    super(), Object.assign(this, no.ownDefaults), this.setOptions(o2), this._setPath(t2 || [], true), "number" == typeof r2 && this.set(M, r2), "number" == typeof n2 && this.set(P, n2);
   }
   _setPath(t2, e3) {
-    this.path = Vr(Array.isArray(t2) ? t2 : on(t2)), this.setBoundingBox(e3);
+    this.path = nn(Array.isArray(t2) ? t2 : bn(t2)), this.setBoundingBox(e3);
   }
   _findCenterFromElement() {
     const t2 = this._calcBoundsFromPath();
@@ -4053,7 +4071,7 @@ class Gn extends _i {
     return this.sourcePath && (delete e3.path, e3.sourcePath = this.sourcePath), e3;
   }
   _toSVG() {
-    const t2 = hn(this.path, o.NUM_FRACTION_DIGITS);
+    const t2 = wn(this.path, o.NUM_FRACTION_DIGITS);
     return ["<path ", "COMMON_PARTS", 'd="'.concat(t2, '" stroke-linecap="round" />\n')];
   }
   _getOffsetTransform() {
@@ -4089,15 +4107,15 @@ class Gn extends _i {
         i2 = n2[1], r2 = n2[2], e3 = i2, s2 = r2;
         break;
       case "C":
-        t2.push(...Yr(i2, r2, n2[1], n2[2], n2[3], n2[4], n2[5], n2[6])), i2 = n2[5], r2 = n2[6];
+        t2.push(...sn(i2, r2, n2[1], n2[2], n2[3], n2[4], n2[5], n2[6])), i2 = n2[5], r2 = n2[6];
         break;
       case "Q":
-        t2.push(...Yr(i2, r2, n2[1], n2[2], n2[1], n2[2], n2[3], n2[4])), i2 = n2[3], r2 = n2[4];
+        t2.push(...sn(i2, r2, n2[1], n2[2], n2[1], n2[2], n2[3], n2[4])), i2 = n2[3], r2 = n2[4];
         break;
       case "Z":
         i2 = e3, r2 = s2;
     }
-    return ae(t2);
+    return he(t2);
   }
   _calcDimensions() {
     const t2 = this._calcBoundsFromPath();
@@ -4107,18 +4125,18 @@ class Gn extends _i {
     return this._fromObject(t2, { extraParam: "path" });
   }
   static async fromElement(t2, e3, r2) {
-    const n2 = fr(t2, this.ATTRIBUTE_NAMES, r2), { d: o2 } = n2;
-    return new this(o2, s(s(s({}, i(n2, zn)), e3), {}, { left: void 0, top: void 0 }));
+    const n2 = Pr(t2, this.ATTRIBUTE_NAMES, r2), { d: o2 } = n2;
+    return new this(o2, s(s(s({}, i(n2, ro)), e3), {}, { left: void 0, top: void 0 }));
   }
 }
-t(Gn, "type", "Path"), t(Gn, "cacheProperties", [...ps, "path", "fillRule"]), t(Gn, "ATTRIBUTE_NAMES", [...Ri, "d"]), tt.setClass(Gn), tt.setSVGClass(Gn);
-const Nn = ["left", "top", "radius"], Un = ["radius", "startAngle", "endAngle", "counterClockwise"];
-class qn extends _i {
+t(no, "type", "Path"), t(no, "cacheProperties", [...Es, "path", "fillRule"]), t(no, "ATTRIBUTE_NAMES", [...Zi, "d"]), tt.setClass(no), tt.setSVGClass(no);
+const ao = ["left", "top", "radius"], ho = ["radius", "startAngle", "endAngle", "counterClockwise"];
+class co extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), qn.ownDefaults);
+    return s(s({}, super.getDefaults()), co.ownDefaults);
   }
   constructor(t2) {
-    super(), Object.assign(this, qn.ownDefaults), this.setOptions(t2);
+    super(), Object.assign(this, co.ownDefaults), this.setOptions(t2);
   }
   _set(t2, e3) {
     return super._set(t2, e3), "radius" === t2 && this.setRadius(e3), this;
@@ -4137,7 +4155,7 @@ class qn extends _i {
   }
   toObject() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
-    return super.toObject([...Un, ...t2]);
+    return super.toObject([...ho, ...t2]);
   }
   _toSVG() {
     const t2 = (this.endAngle - this.startAngle) % 360;
@@ -4148,30 +4166,30 @@ class qn extends _i {
     }
   }
   static async fromElement(t2, e3, r2) {
-    const n2 = fr(t2, this.ATTRIBUTE_NAMES, r2), { left: o2 = 0, top: a2 = 0, radius: h2 = 0 } = n2;
-    return new this(s(s({}, i(n2, Nn)), {}, { radius: h2, left: o2 - h2, top: a2 - h2 }));
+    const n2 = Pr(t2, this.ATTRIBUTE_NAMES, r2), { left: o2 = 0, top: a2 = 0, radius: h2 = 0 } = n2;
+    return new this(s(s({}, i(n2, ao)), {}, { radius: h2, left: o2 - h2, top: a2 - h2 }));
   }
   static fromObject(t2) {
     return super._fromObject(t2);
   }
 }
-t(qn, "type", "Circle"), t(qn, "cacheProperties", [...ps, ...Un]), t(qn, "ownDefaults", { radius: 0, startAngle: 0, endAngle: 360, counterClockwise: false }), t(qn, "ATTRIBUTE_NAMES", ["cx", "cy", "r", ...Ri]), tt.setClass(qn), tt.setSVGClass(qn);
-const Zn = ["x1", "y1", "x2", "y2"], $n = ["x1", "y1", "x2", "y2"], to = ["x1", "x2", "y1", "y2"];
-class eo extends _i {
+t(co, "type", "Circle"), t(co, "cacheProperties", [...Es, ...ho]), t(co, "ownDefaults", { radius: 0, startAngle: 0, endAngle: 360, counterClockwise: false }), t(co, "ATTRIBUTE_NAMES", ["cx", "cy", "r", ...Zi]), tt.setClass(co), tt.setSVGClass(co);
+const fo = ["x1", "y1", "x2", "y2"], po = ["x1", "y1", "x2", "y2"], mo = ["x1", "x2", "y1", "y2"];
+class vo extends Li {
   constructor() {
     let [t2, e3, s2, i2] = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [0, 0, 0, 0], r2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    super(), Object.assign(this, eo.ownDefaults), this.setOptions(r2), this.x1 = t2, this.x2 = s2, this.y1 = e3, this.y2 = i2, this._setWidthHeight();
+    super(), Object.assign(this, vo.ownDefaults), this.setOptions(r2), this.x1 = t2, this.x2 = s2, this.y1 = e3, this.y2 = i2, this._setWidthHeight();
     const { left: n2, top: o2 } = r2;
     "number" == typeof n2 && this.set(M, n2), "number" == typeof o2 && this.set(P, o2);
   }
   _setWidthHeight() {
     const { x1: t2, y1: e3, x2: s2, y2: i2 } = this;
     this.width = Math.abs(s2 - t2), this.height = Math.abs(i2 - e3);
-    const { left: r2, top: n2, width: o2, height: a2 } = ae([{ x: t2, y: e3 }, { x: s2, y: i2 }]), h2 = new ot(r2 + o2 / 2, n2 + a2 / 2);
+    const { left: r2, top: n2, width: o2, height: a2 } = he([{ x: t2, y: e3 }, { x: s2, y: i2 }]), h2 = new ot(r2 + o2 / 2, n2 + a2 / 2);
     this.setPositionByOrigin(h2, D, D);
   }
   _set(t2, e3) {
-    return super._set(t2, e3), to.includes(t2) && this._setWidthHeight(), this;
+    return super._set(t2, e3), mo.includes(t2) && this._setWidthHeight(), this;
   }
   _render(t2) {
     t2.beginPath();
@@ -4202,21 +4220,21 @@ class eo extends _i {
     return ["<line ", "COMMON_PARTS", 'x1="'.concat(t2, '" y1="').concat(s2, '" x2="').concat(e3, '" y2="').concat(i2, '" />\n')];
   }
   static async fromElement(t2, e3, s2) {
-    const r2 = fr(t2, this.ATTRIBUTE_NAMES, s2), { x1: n2 = 0, y1: o2 = 0, x2: a2 = 0, y2: h2 = 0 } = r2;
-    return new this([n2, o2, a2, h2], i(r2, Zn));
+    const r2 = Pr(t2, this.ATTRIBUTE_NAMES, s2), { x1: n2 = 0, y1: o2 = 0, x2: a2 = 0, y2: h2 = 0 } = r2;
+    return new this([n2, o2, a2, h2], i(r2, fo));
   }
   static fromObject(t2) {
-    let { x1: e3, y1: r2, x2: n2, y2: o2 } = t2, a2 = i(t2, $n);
+    let { x1: e3, y1: r2, x2: n2, y2: o2 } = t2, a2 = i(t2, po);
     return this._fromObject(s(s({}, a2), {}, { points: [e3, r2, n2, o2] }), { extraParam: "points" });
   }
 }
-t(eo, "type", "Line"), t(eo, "cacheProperties", [...ps, ...to]), t(eo, "ATTRIBUTE_NAMES", Ri.concat(to)), tt.setClass(eo), tt.setSVGClass(eo);
-class so extends _i {
+t(vo, "type", "Line"), t(vo, "cacheProperties", [...Es, ...mo]), t(vo, "ATTRIBUTE_NAMES", Zi.concat(mo)), tt.setClass(vo), tt.setSVGClass(vo);
+class yo extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), so.ownDefaults);
+    return s(s({}, super.getDefaults()), yo.ownDefaults);
   }
   constructor(t2) {
-    super(), Object.assign(this, so.ownDefaults), this.setOptions(t2);
+    super(), Object.assign(this, yo.ownDefaults), this.setOptions(t2);
   }
   _render(t2) {
     const e3 = this.width / 2, s2 = this.height / 2;
@@ -4227,14 +4245,14 @@ class so extends _i {
     return ["<polygon ", "COMMON_PARTS", 'points="', "".concat(-t2, " ").concat(e3, ",0 ").concat(-e3, ",").concat(t2, " ").concat(e3), '" />'];
   }
 }
-t(so, "type", "Triangle"), t(so, "ownDefaults", { width: 100, height: 100 }), tt.setClass(so), tt.setSVGClass(so);
-const io = ["rx", "ry"];
-class ro extends _i {
+t(yo, "type", "Triangle"), t(yo, "ownDefaults", { width: 100, height: 100 }), tt.setClass(yo), tt.setSVGClass(yo);
+const _o = ["rx", "ry"];
+class xo extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), ro.ownDefaults);
+    return s(s({}, super.getDefaults()), xo.ownDefaults);
   }
   constructor(t2) {
-    super(), Object.assign(this, ro.ownDefaults), this.setOptions(t2);
+    super(), Object.assign(this, xo.ownDefaults), this.setOptions(t2);
   }
   _set(t2, e3) {
     switch (super._set(t2, e3), t2) {
@@ -4254,7 +4272,7 @@ class ro extends _i {
   }
   toObject() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
-    return super.toObject([...io, ...t2]);
+    return super.toObject([..._o, ...t2]);
   }
   _toSVG() {
     return ["<ellipse ", "COMMON_PARTS", 'cx="0" cy="0" rx="'.concat(this.rx, '" ry="').concat(this.ry, '" />\n')];
@@ -4263,25 +4281,25 @@ class ro extends _i {
     t2.beginPath(), t2.save(), t2.transform(1, 0, 0, this.ry / this.rx, 0, 0), t2.arc(0, 0, this.rx, 0, S, false), t2.restore(), this._renderPaintInOrder(t2);
   }
   static async fromElement(t2, e3, s2) {
-    const i2 = fr(t2, this.ATTRIBUTE_NAMES, s2);
+    const i2 = Pr(t2, this.ATTRIBUTE_NAMES, s2);
     return i2.left = (i2.left || 0) - i2.rx, i2.top = (i2.top || 0) - i2.ry, new this(i2);
   }
 }
-function no(t2) {
+function Co(t2) {
   if (!t2) return [];
   const e3 = t2.replace(/,/g, " ").trim().split(/\s+/), s2 = [];
   for (let t3 = 0; t3 < e3.length; t3 += 2) s2.push({ x: parseFloat(e3[t3]), y: parseFloat(e3[t3 + 1]) });
   return s2;
 }
-t(ro, "type", "Ellipse"), t(ro, "cacheProperties", [...ps, ...io]), t(ro, "ownDefaults", { rx: 0, ry: 0 }), t(ro, "ATTRIBUTE_NAMES", [...Ri, "cx", "cy", "rx", "ry"]), tt.setClass(ro), tt.setSVGClass(ro);
-const oo = ["left", "top"], ao = { exactBoundingBox: false };
-class ho extends _i {
+t(xo, "type", "Ellipse"), t(xo, "cacheProperties", [...Es, ..._o]), t(xo, "ownDefaults", { rx: 0, ry: 0 }), t(xo, "ATTRIBUTE_NAMES", [...Zi, "cx", "cy", "rx", "ry"]), tt.setClass(xo), tt.setSVGClass(xo);
+const bo = ["left", "top"], So = { exactBoundingBox: false };
+class wo extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), ho.ownDefaults);
+    return s(s({}, super.getDefaults()), wo.ownDefaults);
   }
   constructor() {
     let e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [], s2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    super(), t(this, "strokeDiff", void 0), Object.assign(this, ho.ownDefaults), this.setOptions(s2), this.points = e3;
+    super(), t(this, "strokeDiff", void 0), Object.assign(this, wo.ownDefaults), this.setOptions(s2), this.points = e3;
     const { left: i2, top: r2 } = s2;
     this.initialized = true, this.setBoundingBox(true), "number" == typeof i2 && this.set(M, i2), "number" == typeof r2 && this.set(P, r2);
   }
@@ -4289,18 +4307,18 @@ class ho extends _i {
     return true;
   }
   _projectStrokeOnPoints(t2) {
-    return Ti(this.points, t2, this.isOpen());
+    return Wi(this.points, t2, this.isOpen());
   }
   _calcDimensions(t2) {
     t2 = s({ scaleX: this.scaleX, scaleY: this.scaleY, skewX: this.skewX, skewY: this.skewY, strokeLineCap: this.strokeLineCap, strokeLineJoin: this.strokeLineJoin, strokeMiterLimit: this.strokeMiterLimit, strokeUniform: this.strokeUniform, strokeWidth: this.strokeWidth }, t2 || {});
     const e3 = this.exactBoundingBox ? this._projectStrokeOnPoints(t2).map((t3) => t3.projectedPoint) : this.points;
     if (0 === e3.length) return { left: 0, top: 0, width: 0, height: 0, pathOffset: new ot(), strokeOffset: new ot(), strokeDiff: new ot() };
-    const i2 = ae(e3), r2 = Lt(s(s({}, t2), {}, { scaleX: 1, scaleY: 1 })), n2 = ae(this.points.map((t3) => St(t3, r2, true))), o2 = new ot(this.scaleX, this.scaleY);
+    const i2 = he(e3), r2 = Lt(s(s({}, t2), {}, { scaleX: 1, scaleY: 1 })), n2 = he(this.points.map((t3) => St(t3, r2, true))), o2 = new ot(this.scaleX, this.scaleY);
     let a2 = i2.left + i2.width / 2, h2 = i2.top + i2.height / 2;
     return this.exactBoundingBox && (a2 -= h2 * Math.tan(xt(this.skewX)), h2 -= a2 * Math.tan(xt(this.skewY))), s(s({}, i2), {}, { pathOffset: new ot(a2, h2), strokeOffset: new ot(n2.left, n2.top).subtract(new ot(i2.left, i2.top)).multiply(o2), strokeDiff: new ot(i2.width, i2.height).subtract(new ot(n2.width, n2.height)).multiply(o2) });
   }
   _findCenterFromElement() {
-    const t2 = ae(this.points);
+    const t2 = he(this.points);
     return new ot(t2.left + t2.width / 2, t2.top + t2.height / 2);
   }
   setDimensions() {
@@ -4363,21 +4381,20 @@ class ho extends _i {
     return this.points.length;
   }
   static async fromElement(t2, e3, r2) {
-    return new this(no(t2.getAttribute("points")), s(s({}, i(fr(t2, this.ATTRIBUTE_NAMES, r2), oo)), e3));
+    return new this(Co(t2.getAttribute("points")), s(s({}, i(Pr(t2, this.ATTRIBUTE_NAMES, r2), bo)), e3));
   }
   static fromObject(t2) {
     return this._fromObject(t2, { extraParam: "points" });
   }
 }
-t(ho, "ownDefaults", ao), t(ho, "type", "Polyline"), t(ho, "layoutProperties", [U, q, "strokeLineCap", "strokeLineJoin", "strokeMiterLimit", "strokeWidth", "strokeUniform", "points"]), t(ho, "cacheProperties", [...ps, "points"]), t(ho, "ATTRIBUTE_NAMES", [...Ri]), tt.setClass(ho), tt.setSVGClass(ho);
-class co extends ho {
+t(wo, "ownDefaults", So), t(wo, "type", "Polyline"), t(wo, "layoutProperties", [U, q, "strokeLineCap", "strokeLineJoin", "strokeMiterLimit", "strokeWidth", "strokeUniform", "points"]), t(wo, "cacheProperties", [...Es, "points"]), t(wo, "ATTRIBUTE_NAMES", [...Zi]), tt.setClass(wo), tt.setSVGClass(wo);
+class To extends wo {
   isOpen() {
     return false;
   }
 }
-t(co, "ownDefaults", ao), t(co, "type", "Polygon"), tt.setClass(co), tt.setSVGClass(co);
-const lo = ["fontSize", "fontWeight", "fontFamily", "fontStyle"], uo = ["underline", "overline", "linethrough"], go = [...lo, "lineHeight", "text", "charSpacing", "textAlign", "styles", "path", "pathStartOffset", "pathSide", "pathAlign"], fo = [...go, ...uo, "textBackgroundColor", "direction"], po = [...lo, ...uo, J, "strokeWidth", K, "deltaY", "textBackgroundColor"], mo = { _reNewline: F, _reSpacesAndTabs: /[ \t\r]/g, _reSpaceAndTab: /[ \t\r]/, _reWords: /\S+/g, fontSize: 40, fontWeight: "normal", fontFamily: "Times New Roman", underline: false, overline: false, linethrough: false, textAlign: M, fontStyle: "normal", lineHeight: 1.16, superscript: { size: 0.6, baseline: -0.35 }, subscript: { size: 0.6, baseline: 0.11 }, textBackgroundColor: "", stroke: null, shadow: null, path: void 0, pathStartOffset: 0, pathSide: M, pathAlign: "baseline", _fontSizeFraction: 0.222, offsets: { underline: 0.1, linethrough: -0.315, overline: -0.88 }, _fontSizeMult: 1.13, charSpacing: 0, deltaY: 0, direction: "ltr", CACHE_FONT_SIZE: 400, MIN_TEXT_WIDTH: 2 }, vo = "justify", yo = "justify-left", _o = "justify-right", xo = "justify-center";
-class Co extends _i {
+t(To, "ownDefaults", So), t(To, "type", "Polygon"), tt.setClass(To), tt.setSVGClass(To);
+class Oo extends Li {
   isEmptyStyles(t2) {
     if (!this.styles) return true;
     if (void 0 !== t2 && !this.styles[t2]) return true;
@@ -4459,38 +4476,38 @@ class Co extends _i {
     delete this.styles[t2];
   }
 }
-t(Co, "_styleProperties", po);
-const bo = /  +/g, So = /"/g;
-function wo(t2, e3, s2, i2, r2) {
+t(Oo, "_styleProperties", qe);
+const ko = /  +/g, Do = /"/g;
+function Mo(t2, e3, s2, i2, r2) {
   return "		".concat(function(t3, e4) {
     let { left: s3, top: i3, width: r3, height: n2 } = e4, a2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : o.NUM_FRACTION_DIGITS;
-    const h2 = Ie(K, t3, false), [c2, l2, u2, d2] = [s3, i3, r3, n2].map((t4) => Vt(t4, a2));
+    const h2 = Ye(K, t3, false), [c2, l2, u2, d2] = [s3, i3, r3, n2].map((t4) => Vt(t4, a2));
     return "<rect ".concat(h2, ' x="').concat(c2, '" y="').concat(l2, '" width="').concat(u2, '" height="').concat(d2, '"></rect>');
   }(t2, { left: e3, top: s2, width: i2, height: r2 }), "\n");
 }
-const To = ["textAnchor", "textDecoration", "dx", "dy", "top", "left", "fontSize", "strokeWidth"];
-let Oo;
-class ko extends Co {
+const Po = ["textAnchor", "textDecoration", "dx", "dy", "top", "left", "fontSize", "strokeWidth"];
+let Eo;
+class Ao extends Oo {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), ko.ownDefaults);
+    return s(s({}, super.getDefaults()), Ao.ownDefaults);
   }
   constructor(e3, s2) {
-    super(), t(this, "__charBounds", []), Object.assign(this, ko.ownDefaults), this.setOptions(s2), this.styles || (this.styles = {}), this.text = e3, this.initialized = true, this.path && this.setPathInfo(), this.initDimensions(), this.setCoords();
+    super(), t(this, "__charBounds", []), Object.assign(this, Ao.ownDefaults), this.setOptions(s2), this.styles || (this.styles = {}), this.text = e3, this.initialized = true, this.path && this.setPathInfo(), this.initDimensions(), this.setCoords();
   }
   setPathInfo() {
     const t2 = this.path;
-    t2 && (t2.segmentsInfo = $r(t2.path));
+    t2 && (t2.segmentsInfo = mn(t2.path));
   }
   _splitText() {
     const t2 = this._splitTextIntoLines(this.text);
     return this.textLines = t2.lines, this._textLines = t2.graphemeLines, this._unwrappedTextLines = t2._unwrappedLines, this._text = t2.graphemeText, t2;
   }
   initDimensions() {
-    this._splitText(), this._clearCache(), this.dirty = true, this.path ? (this.width = this.path.width, this.height = this.path.height) : (this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH, this.height = this.calcTextHeight()), this.textAlign.includes(vo) && this.enlargeSpaces();
+    this._splitText(), this._clearCache(), this.dirty = true, this.path ? (this.width = this.path.width, this.height = this.path.height) : (this.width = this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH, this.height = this.calcTextHeight()), this.textAlign.includes(Je) && this.enlargeSpaces();
   }
   enlargeSpaces() {
     let t2, e3, s2, i2, r2, n2, o2;
-    for (let a2 = 0, h2 = this._textLines.length; a2 < h2; a2++) if ((this.textAlign === vo || a2 !== h2 - 1 && !this.isEndOfWrapping(a2)) && (i2 = 0, r2 = this._textLines[a2], e3 = this.getLineWidth(a2), e3 < this.width && (o2 = this.textLines[a2].match(this._reSpacesAndTabs)))) {
+    for (let a2 = 0, h2 = this._textLines.length; a2 < h2; a2++) if ((this.textAlign === Je || a2 !== h2 - 1 && !this.isEndOfWrapping(a2)) && (i2 = 0, r2 = this._textLines[a2], e3 = this.getLineWidth(a2), e3 < this.width && (o2 = this.textLines[a2].match(this._reSpacesAndTabs)))) {
       s2 = o2.length, t2 = (this.width - e3) / s2;
       for (let e4 = 0; e4 <= r2.length; e4++) n2 = this.__charBounds[a2][e4], this._reSpaceAndTab.test(r2[e4]) ? (n2.width += t2, n2.kernedWidth += t2, n2.left += i2, i2 += t2) : n2.left += i2;
     }
@@ -4560,26 +4577,27 @@ class ko extends Co {
       }
       const n2 = this._textLines[e4].length, o2 = this._getLineLeftOffset(e4);
       let a2, h2, c2 = 0, l2 = 0, u2 = this.getValueOfPropertyAt(e4, 0, "textBackgroundColor");
-      for (let d2 = 0; d2 < n2; d2++) {
-        const n3 = this.__charBounds[e4][d2];
-        h2 = this.getValueOfPropertyAt(e4, d2, "textBackgroundColor"), this.path ? (t2.save(), t2.translate(n3.renderLeft, n3.renderTop), t2.rotate(n3.angle), t2.fillStyle = h2, h2 && t2.fillRect(-n3.width / 2, -r3 / this.lineHeight * (1 - this._fontSizeFraction), n3.width, r3 / this.lineHeight), t2.restore()) : h2 !== u2 ? (a2 = s2 + o2 + l2, "rtl" === this.direction && (a2 = this.width - a2 - c2), t2.fillStyle = u2, u2 && t2.fillRect(a2, i2, c2, r3 / this.lineHeight), l2 = n3.left, c2 = n3.width, u2 = h2) : c2 += n3.kernedWidth;
+      const d2 = this.getHeightOfLineImpl(e4);
+      for (let r4 = 0; r4 < n2; r4++) {
+        const n3 = this.__charBounds[e4][r4];
+        h2 = this.getValueOfPropertyAt(e4, r4, "textBackgroundColor"), this.path ? (t2.save(), t2.translate(n3.renderLeft, n3.renderTop), t2.rotate(n3.angle), t2.fillStyle = h2, h2 && t2.fillRect(-n3.width / 2, -d2 * (1 - this._fontSizeFraction), n3.width, d2), t2.restore()) : h2 !== u2 ? (a2 = s2 + o2 + l2, "rtl" === this.direction && (a2 = this.width - a2 - c2), t2.fillStyle = u2, u2 && t2.fillRect(a2, i2, c2, d2), l2 = n3.left, c2 = n3.width, u2 = h2) : c2 += n3.kernedWidth;
       }
-      h2 && !this.path && (a2 = s2 + o2 + l2, "rtl" === this.direction && (a2 = this.width - a2 - c2), t2.fillStyle = h2, t2.fillRect(a2, i2, c2, r3 / this.lineHeight)), i2 += r3;
+      h2 && !this.path && (a2 = s2 + o2 + l2, "rtl" === this.direction && (a2 = this.width - a2 - c2), t2.fillStyle = h2, t2.fillRect(a2, i2, c2, d2)), i2 += r3;
     }
     t2.fillStyle = e3, this._removeShadow(t2);
   }
   _measureChar(t2, e3, s2, i2) {
-    const r2 = _.getFontCache(e3), n2 = this._getFontDeclaration(e3), o2 = s2 + t2, a2 = s2 && n2 === this._getFontDeclaration(i2), h2 = e3.fontSize / this.CACHE_FONT_SIZE;
+    const r2 = _.getFontCache(e3), n2 = this._getFontDeclaration(e3), o2 = s2 ? s2 + t2 : t2, a2 = s2 && n2 === this._getFontDeclaration(i2), h2 = e3.fontSize / this.CACHE_FONT_SIZE;
     let c2, l2, u2, d2;
-    if (s2 && void 0 !== r2[s2] && (u2 = r2[s2]), void 0 !== r2[t2] && (d2 = c2 = r2[t2]), a2 && void 0 !== r2[o2] && (l2 = r2[o2], d2 = l2 - u2), void 0 === c2 || void 0 === u2 || void 0 === l2) {
+    if (s2 && r2.has(s2) && (u2 = r2.get(s2)), r2.has(t2) && (d2 = c2 = r2.get(t2)), a2 && r2.has(o2) && (l2 = r2.get(o2), d2 = l2 - u2), void 0 === c2 || void 0 === u2 || void 0 === l2) {
       const i3 = function() {
-        if (!Oo) {
+        if (!Eo) {
           const t3 = vt({ width: 0, height: 0 });
-          Oo = t3.getContext("2d");
+          Eo = t3.getContext("2d");
         }
-        return Oo;
+        return Eo;
       }();
-      this._setTextStyles(i3, e3, true), void 0 === c2 && (d2 = c2 = i3.measureText(t2).width, r2[t2] = c2), void 0 === u2 && a2 && s2 && (u2 = i3.measureText(s2).width, r2[s2] = u2), a2 && void 0 === l2 && (l2 = i3.measureText(o2).width, r2[o2] = l2, d2 = l2 - u2);
+      this._setTextStyles(i3, e3, true), void 0 === c2 && (d2 = c2 = i3.measureText(t2).width, r2.set(t2, c2)), void 0 === u2 && a2 && s2 && (u2 = i3.measureText(s2).width, r2.set(s2, u2)), a2 && void 0 === l2 && (l2 = i3.measureText(o2).width, r2.set(o2, l2), d2 = l2 - u2);
     }
     return { width: c2 * h2, kernedWidth: d2 * h2 };
   }
@@ -4617,7 +4635,7 @@ class ko extends Co {
     return { width: i2, numOfSpaces: 0 };
   }
   _setGraphemeOnPath(t2, e3) {
-    const s2 = t2 + e3.kernedWidth / 2, i2 = this.path, r2 = tn(i2.path, s2, i2.segmentsInfo);
+    const s2 = t2 + e3.kernedWidth / 2, i2 = this.path, r2 = vn(i2.path, s2, i2.segmentsInfo);
     e3.renderLeft = r2.x - i2.pathOffset.x, e3.renderTop = r2.y - i2.pathOffset.y, e3.angle = r2.angle + (this.pathSide === A ? Math.PI : 0);
   }
   _getGraphemeBox(t2, e3, s2, i2, r2) {
@@ -4631,16 +4649,20 @@ class ko extends Co {
     }
     return u2;
   }
+  getHeightOfLineImpl(t2) {
+    const e3 = this.__lineHeights;
+    if (e3[t2]) return e3[t2];
+    let s2 = this.getHeightOfChar(t2, 0);
+    for (let e4 = 1, i2 = this._textLines[t2].length; e4 < i2; e4++) s2 = Math.max(this.getHeightOfChar(t2, e4), s2);
+    return e3[t2] = s2 * this._fontSizeMult;
+  }
   getHeightOfLine(t2) {
-    if (this.__lineHeights[t2]) return this.__lineHeights[t2];
-    let e3 = this.getHeightOfChar(t2, 0);
-    for (let s2 = 1, i2 = this._textLines[t2].length; s2 < i2; s2++) e3 = Math.max(this.getHeightOfChar(t2, s2), e3);
-    return this.__lineHeights[t2] = e3 * this.lineHeight * this._fontSizeMult;
+    return this.getHeightOfLineImpl(t2) * this.lineHeight;
   }
   calcTextHeight() {
-    let t2, e3 = 0;
-    for (let s2 = 0, i2 = this._textLines.length; s2 < i2; s2++) t2 = this.getHeightOfLine(s2), e3 += s2 === i2 - 1 ? t2 / this.lineHeight : t2;
-    return e3;
+    let t2 = 0;
+    for (let e3 = 0, s2 = this._textLines.length; e3 < s2; e3++) t2 += e3 === s2 - 1 ? this.getHeightOfLineImpl(e3) : this.getHeightOfLine(e3);
+    return t2;
   }
   _getLeftOffset() {
     return "ltr" === this.direction ? -this.width / 2 : this.width / 2;
@@ -4652,10 +4674,7 @@ class ko extends Co {
     t2.save();
     let s2 = 0;
     const i2 = this._getLeftOffset(), r2 = this._getTopOffset();
-    for (let n2 = 0, o2 = this._textLines.length; n2 < o2; n2++) {
-      const o3 = this.getHeightOfLine(n2), a2 = o3 / this.lineHeight, h2 = this._getLineLeftOffset(n2);
-      this._renderTextLine(e3, t2, this._textLines[n2], i2 + h2, r2 + s2 + a2, n2), s2 += o3;
-    }
+    for (let n2 = 0, o2 = this._textLines.length; n2 < o2; n2++) this._renderTextLine(e3, t2, this._textLines[n2], i2 + this._getLineLeftOffset(n2), r2 + s2 + this.getHeightOfLineImpl(n2), n2), s2 += this.getHeightOfLine(n2);
     t2.restore();
   }
   _renderTextFill(t2) {
@@ -4665,10 +4684,10 @@ class ko extends Co {
     (this.stroke && 0 !== this.strokeWidth || !this.isEmptyStyles()) && (this.shadow && !this.shadow.affectStroke && this._removeShadow(t2), t2.save(), this._setLineDash(t2, this.strokeDashArray), t2.beginPath(), this._renderTextCommon(t2, "strokeText"), t2.closePath(), t2.restore());
   }
   _renderChars(t2, e3, s2, i2, r2, n2) {
-    const o2 = this.getHeightOfLine(n2), a2 = this.textAlign.includes(vo), h2 = this.path, c2 = !a2 && 0 === this.charSpacing && this.isEmptyStyles(n2) && !h2, l2 = "ltr" === this.direction, u2 = "ltr" === this.direction ? 1 : -1, d2 = e3.direction;
-    let g2, f, p2, m2, v2, y2 = "", _2 = 0;
-    if (e3.save(), d2 !== this.direction && (e3.canvas.setAttribute("dir", l2 ? "ltr" : "rtl"), e3.direction = l2 ? "ltr" : "rtl", e3.textAlign = l2 ? M : A), r2 -= o2 * this._fontSizeFraction / this.lineHeight, c2) return this._renderChar(t2, e3, n2, 0, s2.join(""), i2, r2), void e3.restore();
-    for (let o3 = 0, c3 = s2.length - 1; o3 <= c3; o3++) m2 = o3 === c3 || this.charSpacing || h2, y2 += s2[o3], p2 = this.__charBounds[n2][o3], 0 === _2 ? (i2 += u2 * (p2.kernedWidth - p2.width), _2 += p2.width) : _2 += p2.kernedWidth, a2 && !m2 && this._reSpaceAndTab.test(s2[o3]) && (m2 = true), m2 || (g2 = g2 || this.getCompleteStyleDeclaration(n2, o3), f = this.getCompleteStyleDeclaration(n2, o3 + 1), m2 = ji(g2, f, false)), m2 && (h2 ? (e3.save(), e3.translate(p2.renderLeft, p2.renderTop), e3.rotate(p2.angle), this._renderChar(t2, e3, n2, o3, y2, -_2 / 2, 0), e3.restore()) : (v2 = i2, this._renderChar(t2, e3, n2, o3, y2, v2, r2)), y2 = "", g2 = f, i2 += u2 * _2, _2 = 0);
+    const o2 = this.textAlign.includes(Je), a2 = this.path, h2 = !o2 && 0 === this.charSpacing && this.isEmptyStyles(n2) && !a2, c2 = "ltr" === this.direction, l2 = "ltr" === this.direction ? 1 : -1, u2 = e3.direction;
+    let d2, g2, f, p2, m2, v2 = "", y2 = 0;
+    if (e3.save(), u2 !== this.direction && (e3.canvas.setAttribute("dir", c2 ? "ltr" : "rtl"), e3.direction = c2 ? "ltr" : "rtl", e3.textAlign = c2 ? M : A), r2 -= this.getHeightOfLineImpl(n2) * this._fontSizeFraction, h2) return this._renderChar(t2, e3, n2, 0, s2.join(""), i2, r2), void e3.restore();
+    for (let h3 = 0, c3 = s2.length - 1; h3 <= c3; h3++) p2 = h3 === c3 || this.charSpacing || a2, v2 += s2[h3], f = this.__charBounds[n2][h3], 0 === y2 ? (i2 += l2 * (f.kernedWidth - f.width), y2 += f.width) : y2 += f.kernedWidth, o2 && !p2 && this._reSpaceAndTab.test(s2[h3]) && (p2 = true), p2 || (d2 = d2 || this.getCompleteStyleDeclaration(n2, h3), g2 = this.getCompleteStyleDeclaration(n2, h3 + 1), p2 = Ki(d2, g2, false)), p2 && (a2 ? (e3.save(), e3.translate(f.renderLeft, f.renderTop), e3.rotate(f.angle), this._renderChar(t2, e3, n2, h3, v2, -y2 / 2, 0), e3.restore()) : (m2 = i2, this._renderChar(t2, e3, n2, h3, v2, m2, r2)), v2 = "", d2 = g2, i2 += l2 * y2, y2 = 0);
     e3.restore();
   }
   _applyPatternGradientTransformText(t2) {
@@ -4714,7 +4733,7 @@ class ko extends Co {
   _getLineLeftOffset(t2) {
     const e3 = this.getLineWidth(t2), s2 = this.width - e3, i2 = this.textAlign, r2 = this.direction, n2 = this.isEndOfWrapping(t2);
     let o2 = 0;
-    return i2 === vo || i2 === xo && !n2 || i2 === _o && !n2 || i2 === yo && !n2 ? 0 : (i2 === D && (o2 = s2 / 2), i2 === A && (o2 = s2), i2 === xo && (o2 = s2 / 2), i2 === _o && (o2 = s2), "rtl" === r2 && (i2 === A || i2 === vo || i2 === _o ? o2 = 0 : i2 === M || i2 === yo ? o2 = -s2 : i2 !== D && i2 !== xo || (o2 = -s2 / 2)), o2);
+    return i2 === Je || i2 === $e && !n2 || i2 === Ze && !n2 || i2 === Qe && !n2 ? 0 : (i2 === D && (o2 = s2 / 2), i2 === A && (o2 = s2), i2 === $e && (o2 = s2 / 2), i2 === Ze && (o2 = s2), "rtl" === r2 && (i2 === A || i2 === Je || i2 === Ze ? o2 = 0 : i2 === M || i2 === Qe ? o2 = -s2 : i2 !== D && i2 !== $e || (o2 = -s2 / 2)), o2);
   }
   _clearCache() {
     this._forceClearCache = false, this.__lineWidths = [], this.__lineHeights = [], this.__charBounds = [];
@@ -4734,42 +4753,47 @@ class ko extends Co {
   _renderTextDecoration(t2, e3) {
     if (!this[e3] && !this.styleHas(e3)) return;
     let s2 = this._getTopOffset();
-    const i2 = this._getLeftOffset(), r2 = this.path, n2 = this._getWidthOfCharSpacing(), o2 = this.offsets[e3];
-    for (let a2 = 0, h2 = this._textLines.length; a2 < h2; a2++) {
-      const h3 = this.getHeightOfLine(a2);
-      if (!this[e3] && !this.styleHas(e3, a2)) {
-        s2 += h3;
+    const i2 = this._getLeftOffset(), r2 = this.path, n2 = this._getWidthOfCharSpacing(), o2 = "linethrough" === e3 ? 0.5 : "overline" === e3 ? 1 : 0, a2 = this.offsets[e3];
+    for (let h2 = 0, c2 = this._textLines.length; h2 < c2; h2++) {
+      const c3 = this.getHeightOfLine(h2);
+      if (!this[e3] && !this.styleHas(e3, h2)) {
+        s2 += c3;
         continue;
       }
-      const c2 = this._textLines[a2], l2 = h3 / this.lineHeight, u2 = this._getLineLeftOffset(a2);
-      let d2, g2, f = 0, p2 = 0, m2 = this.getValueOfPropertyAt(a2, 0, e3), v2 = this.getValueOfPropertyAt(a2, 0, K);
-      const y2 = s2 + l2 * (1 - this._fontSizeFraction);
-      let _2 = this.getHeightOfChar(a2, 0), x2 = this.getValueOfPropertyAt(a2, 0, "deltaY");
-      for (let s3 = 0, n3 = c2.length; s3 < n3; s3++) {
-        const n4 = this.__charBounds[a2][s3];
-        d2 = this.getValueOfPropertyAt(a2, s3, e3), g2 = this.getValueOfPropertyAt(a2, s3, K);
-        const h4 = this.getHeightOfChar(a2, s3), c3 = this.getValueOfPropertyAt(a2, s3, "deltaY");
-        if (r2 && d2 && g2) t2.save(), t2.fillStyle = v2, t2.translate(n4.renderLeft, n4.renderTop), t2.rotate(n4.angle), t2.fillRect(-n4.kernedWidth / 2, o2 * h4 + c3, n4.kernedWidth, this.fontSize / 15), t2.restore();
-        else if ((d2 !== m2 || g2 !== v2 || h4 !== _2 || c3 !== x2) && p2 > 0) {
-          let e4 = i2 + u2 + f;
-          "rtl" === this.direction && (e4 = this.width - e4 - p2), m2 && v2 && (t2.fillStyle = v2, t2.fillRect(e4, y2 + o2 * _2 + x2, p2, this.fontSize / 15)), f = n4.left, p2 = n4.width, m2 = d2, v2 = g2, _2 = h4, x2 = c3;
-        } else p2 += n4.kernedWidth;
+      const l2 = this._textLines[h2], u2 = c3 / this.lineHeight, d2 = this._getLineLeftOffset(h2);
+      let g2 = 0, f = 0, p2 = this.getValueOfPropertyAt(h2, 0, e3), m2 = this.getValueOfPropertyAt(h2, 0, K), v2 = this.getValueOfPropertyAt(h2, 0, ze), y2 = p2, _2 = m2, x2 = v2;
+      const C2 = s2 + u2 * (1 - this._fontSizeFraction);
+      let b2 = this.getHeightOfChar(h2, 0), S2 = this.getValueOfPropertyAt(h2, 0, "deltaY");
+      for (let s3 = 0, n3 = l2.length; s3 < n3; s3++) {
+        const n4 = this.__charBounds[h2][s3];
+        y2 = this.getValueOfPropertyAt(h2, s3, e3), _2 = this.getValueOfPropertyAt(h2, s3, K), x2 = this.getValueOfPropertyAt(h2, s3, ze);
+        const c4 = this.getHeightOfChar(h2, s3), l3 = this.getValueOfPropertyAt(h2, s3, "deltaY");
+        if (r2 && y2 && _2) {
+          const e4 = this.fontSize * x2 / 1e3;
+          t2.save(), t2.fillStyle = m2, t2.translate(n4.renderLeft, n4.renderTop), t2.rotate(n4.angle), t2.fillRect(-n4.kernedWidth / 2, a2 * c4 + l3 - o2 * e4, n4.kernedWidth, e4), t2.restore();
+        } else if ((y2 !== p2 || _2 !== m2 || c4 !== b2 || x2 !== v2 || l3 !== S2) && f > 0) {
+          const e4 = this.fontSize * v2 / 1e3;
+          let s4 = i2 + d2 + g2;
+          "rtl" === this.direction && (s4 = this.width - s4 - f), p2 && m2 && v2 && (t2.fillStyle = m2, t2.fillRect(s4, C2 + a2 * b2 + S2 - o2 * e4, f, e4)), g2 = n4.left, f = n4.width, p2 = y2, v2 = x2, m2 = _2, b2 = c4, S2 = l3;
+        } else f += n4.kernedWidth;
       }
-      let C2 = i2 + u2 + f;
-      "rtl" === this.direction && (C2 = this.width - C2 - p2), t2.fillStyle = g2, d2 && g2 && t2.fillRect(C2, y2 + o2 * _2 + x2, p2 - n2, this.fontSize / 15), s2 += h3;
+      let w2 = i2 + d2 + g2;
+      "rtl" === this.direction && (w2 = this.width - w2 - f), t2.fillStyle = _2;
+      const T2 = this.fontSize * x2 / 1e3;
+      y2 && _2 && x2 && t2.fillRect(w2, C2 + a2 * b2 + S2 - o2 * T2, f - n2, T2), s2 += c3;
     }
     this._removeShadow(t2);
   }
   _getFontDeclaration() {
     let { fontFamily: t2 = this.fontFamily, fontStyle: e3 = this.fontStyle, fontWeight: s2 = this.fontWeight, fontSize: i2 = this.fontSize } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, r2 = arguments.length > 1 ? arguments[1] : void 0;
-    const n2 = t2.includes("'") || t2.includes('"') || t2.includes(",") || ko.genericFonts.includes(t2.toLowerCase()) ? t2 : '"'.concat(t2, '"');
+    const n2 = t2.includes("'") || t2.includes('"') || t2.includes(",") || Ao.genericFonts.includes(t2.toLowerCase()) ? t2 : '"'.concat(t2, '"');
     return [e3, s2, "".concat(r2 ? this.CACHE_FONT_SIZE : i2, "px"), n2].join(" ");
   }
   render(t2) {
     this.visible && (this.canvas && this.canvas.skipOffscreen && !this.group && !this.isOnScreen() || (this._forceClearCache && this.initDimensions(), super.render(t2)));
   }
   graphemeSplit(t2) {
-    return Mi(t2);
+    return Hi(t2);
   }
   _splitTextIntoLines(t2) {
     const e3 = t2.split(this._reNewline), s2 = new Array(e3.length), i2 = ["\n"];
@@ -4779,7 +4803,7 @@ class ko extends Co {
   }
   toObject() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
-    return s(s({}, super.toObject([...fo, ...t2])), {}, { styles: Fi(this.styles, this.text) }, this.path ? { path: this.path.toObject() } : {});
+    return s(s({}, super.toObject([...Ue, ...t2])), {}, { styles: Ji(this.styles, this.text) }, this.path ? { path: this.path.toObject() } : {});
   }
   set(t2, e3) {
     const { textLayoutProperties: s2 } = this.constructor;
@@ -4793,15 +4817,15 @@ class ko extends Co {
     return 1;
   }
   static async fromElement(t2, e3, r2) {
-    const n2 = fr(t2, ko.ATTRIBUTE_NAMES, r2), o2 = s(s({}, e3), n2), { textAnchor: a2 = M, textDecoration: h2 = "", dx: c2 = 0, dy: l2 = 0, top: u2 = 0, left: d2 = 0, fontSize: g2 = O, strokeWidth: f = 1 } = o2, p2 = i(o2, To), m2 = new this((t2.textContent || "").replace(/^\s+|\s+$|\n+/g, "").replace(/\s+/g, " "), s({ left: d2 + c2, top: u2 + l2, underline: h2.includes("underline"), overline: h2.includes("overline"), linethrough: h2.includes("line-through"), strokeWidth: 0, fontSize: g2 }, p2)), v2 = m2.getScaledHeight() / m2.height, y2 = ((m2.height + m2.strokeWidth) * m2.lineHeight - m2.height) * v2, _2 = m2.getScaledHeight() + y2;
+    const n2 = Pr(t2, Ao.ATTRIBUTE_NAMES, r2), o2 = s(s({}, e3), n2), { textAnchor: a2 = M, textDecoration: h2 = "", dx: c2 = 0, dy: l2 = 0, top: u2 = 0, left: d2 = 0, fontSize: g2 = O, strokeWidth: f = 1 } = o2, p2 = i(o2, Po), m2 = new this(Pe(t2.textContent || "").trim(), s({ left: d2 + c2, top: u2 + l2, underline: h2.includes("underline"), overline: h2.includes("overline"), linethrough: h2.includes("line-through"), strokeWidth: 0, fontSize: g2 }, p2)), v2 = m2.getScaledHeight() / m2.height, y2 = ((m2.height + m2.strokeWidth) * m2.lineHeight - m2.height) * v2, _2 = m2.getScaledHeight() + y2;
     let x2 = 0;
     return a2 === D && (x2 = m2.getScaledWidth() / 2), a2 === A && (x2 = m2.getScaledWidth()), m2.set({ left: m2.left - x2, top: m2.top - (_2 - m2.fontSize * (0.07 + m2._fontSizeFraction)) / m2.lineHeight, strokeWidth: f }), m2;
   }
   static fromObject(t2) {
-    return this._fromObject(s(s({}, t2), {}, { styles: Li(t2.styles || {}, t2.text) }), { extraParam: "text" });
+    return this._fromObject(s(s({}, t2), {}, { styles: Qi(t2.styles || {}, t2.text) }), { extraParam: "text" });
   }
 }
-t(ko, "textLayoutProperties", go), t(ko, "cacheProperties", [...ps, ...fo]), t(ko, "ownDefaults", mo), t(ko, "type", "Text"), t(ko, "genericFonts", ["serif", "sans-serif", "monospace", "cursive", "fantasy", "system-ui", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded", "math", "emoji", "fangsong"]), t(ko, "ATTRIBUTE_NAMES", Ri.concat("x", "y", "dx", "dy", "font-family", "font-style", "font-weight", "font-size", "letter-spacing", "text-decoration", "text-anchor")), yi(ko, [class extends Xe {
+t(Ao, "textLayoutProperties", Ne), t(Ao, "cacheProperties", [...Es, ...Ue]), t(Ao, "ownDefaults", Ke), t(Ao, "type", "Text"), t(Ao, "genericFonts", ["serif", "sans-serif", "monospace", "cursive", "fantasy", "system-ui", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded", "math", "emoji", "fangsong"]), t(Ao, "ATTRIBUTE_NAMES", Zi.concat("x", "y", "dx", "dy", "font-family", "font-style", "font-weight", "font-size", "letter-spacing", "text-decoration", "text-anchor")), Fi(Ao, [class extends We {
   _toSVG() {
     const t2 = this._getSVGLeftTopOffsets(), e3 = this._getSVGTextAndBg(t2.textTop, t2.textLeft);
     return this._wrapSVGTextAndBg(e3);
@@ -4816,17 +4840,17 @@ t(ko, "textLayoutProperties", go), t(ko, "cacheProperties", [...ps, ...fo]), t(k
   _wrapSVGTextAndBg(t2) {
     let { textBgRects: e3, textSpans: s2 } = t2;
     const i2 = this.getSvgTextDecoration(this);
-    return [e3.join(""), '		<text xml:space="preserve" ', this.fontFamily ? 'font-family="'.concat(this.fontFamily.replace(So, "'"), '" ') : "", this.fontSize ? 'font-size="'.concat(this.fontSize, '" ') : "", this.fontStyle ? 'font-style="'.concat(this.fontStyle, '" ') : "", this.fontWeight ? 'font-weight="'.concat(this.fontWeight, '" ') : "", i2 ? 'text-decoration="'.concat(i2, '" ') : "", "rtl" === this.direction ? 'direction="'.concat(this.direction, '" ') : "", 'style="', this.getSvgStyles(true), '"', this.addPaintOrder(), " >", s2.join(""), "</text>\n"];
+    return [e3.join(""), '		<text xml:space="preserve" ', 'font-family="'.concat(this.fontFamily.replace(Do, "'"), '" '), 'font-size="'.concat(this.fontSize, '" '), this.fontStyle ? 'font-style="'.concat(this.fontStyle, '" ') : "", this.fontWeight ? 'font-weight="'.concat(this.fontWeight, '" ') : "", i2 ? 'text-decoration="'.concat(i2, '" ') : "", "rtl" === this.direction ? 'direction="'.concat(this.direction, '" ') : "", 'style="', this.getSvgStyles(true), '"', this.addPaintOrder(), " >", s2.join(""), "</text>\n"];
   }
   _getSVGTextAndBg(t2, e3) {
     const s2 = [], i2 = [];
     let r2, n2 = t2;
-    this.backgroundColor && i2.push(...wo(this.backgroundColor, -this.width / 2, -this.height / 2, this.width, this.height));
+    this.backgroundColor && i2.push(...Mo(this.backgroundColor, -this.width / 2, -this.height / 2, this.width, this.height));
     for (let t3 = 0, o2 = this._textLines.length; t3 < o2; t3++) r2 = this._getLineLeftOffset(t3), "rtl" === this.direction && (r2 += this.width), (this.textBackgroundColor || this.styleHas("textBackgroundColor", t3)) && this._setSVGTextLineBg(i2, t3, e3 + r2, n2), this._setSVGTextLineText(s2, t3, e3 + r2, n2), n2 += this.getHeightOfLine(t3);
     return { textSpans: s2, textBgRects: i2 };
   }
   _createTextCharSpan(t2, e3, s2, i2, r2) {
-    const n2 = o.NUM_FRACTION_DIGITS, a2 = this.getSvgSpanStyles(e3, t2 !== t2.trim() || !!t2.match(bo)), h2 = a2 ? 'style="'.concat(a2, '"') : "", c2 = e3.deltaY, l2 = c2 ? ' dy="'.concat(Vt(c2, n2), '" ') : "", { angle: u2, renderLeft: d2, renderTop: g2, width: f } = r2;
+    const n2 = o.NUM_FRACTION_DIGITS, a2 = this.getSvgSpanStyles(e3, t2 !== t2.trim() || !!t2.match(ko)), h2 = a2 ? 'style="'.concat(a2, '"') : "", c2 = e3.deltaY, l2 = c2 ? ' dy="'.concat(Vt(c2, n2), '" ') : "", { angle: u2, renderLeft: d2, renderTop: g2, width: f } = r2;
     let p2 = "";
     if (void 0 !== d2) {
       const t3 = f / 2;
@@ -4836,22 +4860,22 @@ t(ko, "textLayoutProperties", go), t(ko, "cacheProperties", [...ps, ...fo]), t(k
       const r3 = new ot(-t3, 0).transform(e4);
       s2 = r3.x, i2 = r3.y;
     }
-    return '<tspan x="'.concat(Vt(s2, n2), '" y="').concat(Vt(i2, n2), '" ').concat(l2).concat(p2).concat(h2, ">").concat(ki(t2), "</tspan>");
+    return '<tspan x="'.concat(Vt(s2, n2), '" y="').concat(Vt(i2, n2), '" ').concat(l2).concat(p2).concat(h2, ">").concat(zi(t2), "</tspan>");
   }
   _setSVGTextLineText(t2, e3, s2, i2) {
-    const r2 = this.getHeightOfLine(e3), n2 = this.textAlign.includes(vo), o2 = this._textLines[e3];
+    const r2 = this.getHeightOfLine(e3), n2 = this.textAlign.includes(Je), o2 = this._textLines[e3];
     let a2, h2, c2, l2, u2, d2 = "", g2 = 0;
     i2 += r2 * (1 - this._fontSizeFraction) / this.lineHeight;
-    for (let r3 = 0, f = o2.length - 1; r3 <= f; r3++) u2 = r3 === f || this.charSpacing || this.path, d2 += o2[r3], c2 = this.__charBounds[e3][r3], 0 === g2 ? (s2 += c2.kernedWidth - c2.width, g2 += c2.width) : g2 += c2.kernedWidth, n2 && !u2 && this._reSpaceAndTab.test(o2[r3]) && (u2 = true), u2 || (a2 = a2 || this.getCompleteStyleDeclaration(e3, r3), h2 = this.getCompleteStyleDeclaration(e3, r3 + 1), u2 = ji(a2, h2, true)), u2 && (l2 = this._getStyleDeclaration(e3, r3), t2.push(this._createTextCharSpan(d2, l2, s2, i2, c2)), d2 = "", a2 = h2, "rtl" === this.direction ? s2 -= g2 : s2 += g2, g2 = 0);
+    for (let r3 = 0, f = o2.length - 1; r3 <= f; r3++) u2 = r3 === f || this.charSpacing || this.path, d2 += o2[r3], c2 = this.__charBounds[e3][r3], 0 === g2 ? (s2 += c2.kernedWidth - c2.width, g2 += c2.width) : g2 += c2.kernedWidth, n2 && !u2 && this._reSpaceAndTab.test(o2[r3]) && (u2 = true), u2 || (a2 = a2 || this.getCompleteStyleDeclaration(e3, r3), h2 = this.getCompleteStyleDeclaration(e3, r3 + 1), u2 = Ki(a2, h2, true)), u2 && (l2 = this._getStyleDeclaration(e3, r3), t2.push(this._createTextCharSpan(d2, l2, s2, i2, c2)), d2 = "", a2 = h2, "rtl" === this.direction ? s2 -= g2 : s2 += g2, g2 = 0);
   }
   _setSVGTextLineBg(t2, e3, s2, i2) {
     const r2 = this._textLines[e3], n2 = this.getHeightOfLine(e3) / this.lineHeight;
     let o2, a2 = 0, h2 = 0, c2 = this.getValueOfPropertyAt(e3, 0, "textBackgroundColor");
     for (let l2 = 0; l2 < r2.length; l2++) {
       const { left: r3, width: u2, kernedWidth: d2 } = this.__charBounds[e3][l2];
-      o2 = this.getValueOfPropertyAt(e3, l2, "textBackgroundColor"), o2 !== c2 ? (c2 && t2.push(...wo(c2, s2 + h2, i2, a2, n2)), h2 = r3, a2 = u2, c2 = o2) : a2 += d2;
+      o2 = this.getValueOfPropertyAt(e3, l2, "textBackgroundColor"), o2 !== c2 ? (c2 && t2.push(...Mo(c2, s2 + h2, i2, a2, n2)), h2 = r3, a2 = u2, c2 = o2) : a2 += d2;
     }
-    o2 && t2.push(...wo(c2, s2 + h2, i2, a2, n2));
+    o2 && t2.push(...Mo(c2, s2 + h2, i2, a2, n2));
   }
   _getSVGLineTopOffset(t2) {
     let e3, s2 = 0;
@@ -4860,17 +4884,17 @@ t(ko, "textLayoutProperties", go), t(ko, "cacheProperties", [...ps, ...fo]), t(k
     return { lineTop: s2, offset: (this._fontSizeMult - this._fontSizeFraction) * i2 / (this.lineHeight * this._fontSizeMult) };
   }
   getSvgStyles(t2) {
-    return "".concat(super.getSvgStyles(t2), " white-space: pre;");
+    return "".concat(super.getSvgStyles(t2), " text-decoration-thickness: ").concat(Vt(this.textDecorationThickness * this.getObjectScaling().y / 10, o.NUM_FRACTION_DIGITS), "%; white-space: pre;");
   }
   getSvgSpanStyles(t2, e3) {
-    const { fontFamily: s2, strokeWidth: i2, stroke: r2, fill: n2, fontSize: o2, fontStyle: a2, fontWeight: h2, deltaY: c2 } = t2, l2 = this.getSvgTextDecoration(t2);
-    return [r2 ? Ie(J, r2) : "", i2 ? "stroke-width: ".concat(i2, "; ") : "", s2 ? "font-family: ".concat(s2.includes("'") || s2.includes('"') ? s2 : "'".concat(s2, "'"), "; ") : "", o2 ? "font-size: ".concat(o2, "px; ") : "", a2 ? "font-style: ".concat(a2, "; ") : "", h2 ? "font-weight: ".concat(h2, "; ") : "", l2 ? "text-decoration: ".concat(l2, "; ") : l2, n2 ? Ie(K, n2) : "", c2 ? "baseline-shift: ".concat(-c2, "; ") : "", e3 ? "white-space: pre; " : ""].join("");
+    const { fontFamily: s2, strokeWidth: i2, stroke: r2, fill: n2, fontSize: a2, fontStyle: h2, fontWeight: c2, deltaY: l2, textDecorationThickness: u2, linethrough: d2, overline: g2, underline: f } = t2, p2 = this.getSvgTextDecoration({ underline: null != f ? f : this.underline, overline: null != g2 ? g2 : this.overline, linethrough: null != d2 ? d2 : this.linethrough }), m2 = u2 || this.textDecorationThickness;
+    return [r2 ? Ye(J, r2) : "", i2 ? "stroke-width: ".concat(i2, "; ") : "", s2 ? "font-family: ".concat(s2.includes("'") || s2.includes('"') ? s2 : "'".concat(s2, "'"), "; ") : "", a2 ? "font-size: ".concat(a2, "px; ") : "", h2 ? "font-style: ".concat(h2, "; ") : "", c2 ? "font-weight: ".concat(c2, "; ") : "", p2 ? "text-decoration: ".concat(p2, "; text-decoration-thickness: ").concat(Vt(m2 * this.getObjectScaling().y / 10, o.NUM_FRACTION_DIGITS), "%; ") : "", n2 ? Ye(K, n2) : "", l2 ? "baseline-shift: ".concat(-l2, "; ") : "", e3 ? "white-space: pre; " : ""].join("");
   }
   getSvgTextDecoration(t2) {
     return ["overline", "underline", "line-through"].filter((e3) => t2[e3.replace("-", "")]).join(" ");
   }
-}]), tt.setClass(ko), tt.setSVGClass(ko);
-class Do {
+}]), tt.setClass(Ao), tt.setSVGClass(Ao);
+class jo {
   constructor(e3) {
     t(this, "target", void 0), t(this, "__mouseDownInPlace", false), t(this, "__dragStartFired", false), t(this, "__isDraggingOver", false), t(this, "__dragStartSelection", void 0), t(this, "__dragImageDisposer", void 0), t(this, "_dispose", void 0), this.target = e3;
     const s2 = [this.target.on("dragenter", this.dragEnterHandler.bind(this)), this.target.on("dragover", this.dragOverHandler.bind(this)), this.target.on("dragleave", this.dragLeaveHandler.bind(this)), this.target.on("dragend", this.dragEndHandler.bind(this)), this.target.on("drop", this.dropHandler.bind(this))];
@@ -4898,12 +4922,12 @@ class Do {
   setDragImage(t2, e3) {
     var s2;
     let { selectionStart: i2, selectionEnd: r2 } = e3;
-    const n2 = this.target, o2 = n2.canvas, a2 = new ot(n2.flipX ? -1 : 1, n2.flipY ? -1 : 1), h2 = n2._getCursorBoundaries(i2), c2 = new ot(h2.left + h2.leftOffset, h2.top + h2.topOffset).multiply(a2).transform(n2.calcTransformMatrix()), l2 = o2.getScenePoint(t2).subtract(c2), u2 = n2.getCanvasRetinaScaling(), d2 = n2.getBoundingRect(), g2 = c2.subtract(new ot(d2.left, d2.top)), f = o2.viewportTransform, p2 = g2.add(l2).transform(f, true), m2 = n2.backgroundColor, v2 = Oi(n2.styles);
+    const n2 = this.target, o2 = n2.canvas, a2 = new ot(n2.flipX ? -1 : 1, n2.flipY ? -1 : 1), h2 = n2._getCursorBoundaries(i2), c2 = new ot(h2.left + h2.leftOffset, h2.top + h2.topOffset).multiply(a2).transform(n2.calcTransformMatrix()), l2 = o2.getScenePoint(t2).subtract(c2), u2 = n2.getCanvasRetinaScaling(), d2 = n2.getBoundingRect(), g2 = c2.subtract(new ot(d2.left, d2.top)), f = o2.viewportTransform, p2 = g2.add(l2).transform(f, true), m2 = n2.backgroundColor, v2 = Vi(n2.styles);
     n2.backgroundColor = "";
     const y2 = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
     n2.setSelectionStyles(y2, 0, i2), n2.setSelectionStyles(y2, r2, n2.text.length), n2.dirty = true;
     const _2 = n2.toCanvasElement({ enableRetinaScaling: o2.enableRetinaScaling, viewportTransform: true });
-    n2.backgroundColor = m2, n2.styles = v2, n2.dirty = true, cn(_2, { position: "fixed", left: "".concat(-_2.width, "px"), border: j, width: "".concat(_2.width / u2, "px"), height: "".concat(_2.height / u2, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
+    n2.backgroundColor = m2, n2.styles = v2, n2.dirty = true, Tn(_2, { position: "fixed", left: "".concat(-_2.width, "px"), border: j, width: "".concat(_2.width / u2, "px"), height: "".concat(_2.height / u2, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
       _2.remove();
     }, Kt(t2.target || this.target.hiddenTextarea).body.appendChild(_2), null === (s2 = t2.dataTransfer) || void 0 === s2 || s2.setDragImage(_2, p2.x, p2.y);
   }
@@ -4970,8 +4994,8 @@ class Do {
     this._dispose && this._dispose();
   }
 }
-const Mo = /[ \n\.,;!\?\-]/;
-class Po extends ko {
+const Fo = /[ \n\.,;!\?\-]/;
+class Lo extends Ao {
   constructor() {
     super(...arguments), t(this, "_currentCursorOpacity", 1);
   }
@@ -4983,7 +5007,7 @@ class Po extends ko {
   }
   _animateCursor(t2) {
     let { toValue: e3, duration: s2, delay: i2, onComplete: r2 } = t2;
-    return js({ startValue: this._currentCursorOpacity, endValue: e3, duration: s2, delay: i2, onComplete: r2, abort: () => !this.canvas || this.selectionStart !== this.selectionEnd, onChange: (t3) => {
+    return Ks({ startValue: this._currentCursorOpacity, endValue: e3, duration: s2, delay: i2, onComplete: r2, abort: () => !this.canvas || this.selectionStart !== this.selectionEnd, onChange: (t3) => {
       this._currentCursorOpacity = t3, this.renderCursorOrSelection();
     } });
   }
@@ -5040,8 +5064,8 @@ class Po extends ko {
   searchWordBoundary(t2, e3) {
     const s2 = this._text;
     let i2 = t2 > 0 && this._reSpace.test(s2[t2]) && (-1 === e3 || !F.test(s2[t2 - 1])) ? t2 - 1 : t2, r2 = s2[i2];
-    for (; i2 > 0 && i2 < s2.length && !Mo.test(r2); ) i2 += e3, r2 = s2[i2];
-    return -1 === e3 && Mo.test(r2) && i2++, i2;
+    for (; i2 > 0 && i2 < s2.length && !Fo.test(r2); ) i2 += e3, r2 = s2[i2];
+    return -1 === e3 && Fo.test(r2) && i2++, i2;
   }
   selectWord(t2) {
     var e3;
@@ -5206,10 +5230,10 @@ class Po extends ko {
     s2 <= t2 ? (e3 === t2 ? this._selectionDirection = M : this._selectionDirection === A && (this._selectionDirection = M, this.selectionEnd = t2), this.selectionStart = s2) : s2 > t2 && s2 < e3 ? this._selectionDirection === A ? this.selectionEnd = s2 : this.selectionStart = s2 : (e3 === t2 ? this._selectionDirection = A : this._selectionDirection === M && (this._selectionDirection = A, this.selectionStart = e3), this.selectionEnd = s2);
   }
 }
-class Eo extends Po {
+class Ro extends Lo {
   initHiddenTextarea() {
     const t2 = this.canvas && Kt(this.canvas.getElement()) || m(), e3 = t2.createElement("textarea");
-    Object.entries({ autocapitalize: "off", autocorrect: "off", autocomplete: "off", spellcheck: "false", "data-fabric": "textarea", wrap: "off" }).map((t3) => {
+    Object.entries({ autocapitalize: "off", autocorrect: "off", autocomplete: "off", spellcheck: "false", "data-fabric": "textarea", wrap: "off", name: "fabricTextarea" }).map((t3) => {
       let [s3, i3] = t3;
       return e3.setAttribute(s3, i3);
     });
@@ -5312,7 +5336,7 @@ class Eo extends Po {
     const s2 = this["get".concat(t2, "CursorOffset")](e3, this._selectionDirection === A);
     if (e3.shiftKey ? this.moveCursorWithShift(s2) : this.moveCursorWithoutShift(s2), 0 !== s2) {
       const t3 = this.text.length;
-      this.selectionStart = gs(0, this.selectionStart, t3), this.selectionEnd = gs(0, this.selectionEnd, t3), this.abortCursorAnimation(), this.initDelayedCursor(), this._fireSelectionChanged(), this._updateTextarea();
+      this.selectionStart = Ms(0, this.selectionStart, t3), this.selectionEnd = Ms(0, this.selectionEnd, t3), this.abortCursorAnimation(), this.initDelayedCursor(), this._fireSelectionChanged(), this._updateTextarea();
     }
   }
   moveCursorWithShift(t2) {
@@ -5362,13 +5386,13 @@ class Eo extends Po {
     return this._selectionDirection = A, this.selectionStart === this.selectionEnd ? (e3 = this._moveRight(t2, "selectionStart"), this.selectionEnd = this.selectionStart) : this.selectionStart = this.selectionEnd, e3;
   }
 }
-const Ao = (t2) => !!t2.button;
-class jo extends Eo {
+const Io = (t2) => !!t2.button;
+class Bo extends Ro {
   constructor() {
     super(...arguments), t(this, "draggableTextDelegate", void 0);
   }
   initBehavior() {
-    this.on("mousedown", this._mouseDownHandler), this.on("mouseup", this.mouseUpHandler), this.on("mousedblclick", this.doubleClickHandler), this.on("mousetripleclick", this.tripleClickHandler), this.draggableTextDelegate = new Do(this), super.initBehavior();
+    this.on("mousedown", this._mouseDownHandler), this.on("mouseup", this.mouseUpHandler), this.on("mousedblclick", this.doubleClickHandler), this.on("mousetripleclick", this.tripleClickHandler), this.draggableTextDelegate = new jo(this), super.initBehavior();
   }
   shouldStartDragging() {
     return this.draggableTextDelegate.isActive();
@@ -5387,7 +5411,7 @@ class jo extends Eo {
   }
   _mouseDownHandler(t2) {
     let { e: e3, alreadySelected: s2 } = t2;
-    this.canvas && this.editable && !Ao(e3) && !this.getActiveControl() && (this.draggableTextDelegate.start(e3) || (this.canvas.textEditingManager.register(this), s2 && (this.inCompositionMode = false, this.setCursorByClick(e3)), this.isEditing && (this.__selectionStartOnMouseDown = this.selectionStart, this.selectionStart === this.selectionEnd && this.abortCursorAnimation(), this.renderCursorOrSelection()), this.selected || (this.selected = s2 || this.isEditing)));
+    this.canvas && this.editable && !Io(e3) && !this.getActiveControl() && (this.draggableTextDelegate.start(e3) || (this.canvas.textEditingManager.register(this), s2 && (this.inCompositionMode = false, this.setCursorByClick(e3)), this.isEditing && (this.__selectionStartOnMouseDown = this.selectionStart, this.selectionStart === this.selectionEnd && this.abortCursorAnimation(), this.renderCursorOrSelection()), this.selected || (this.selected = s2 || this.isEditing)));
   }
   mouseUpHandler(t2) {
     let { e: e3, transform: s2 } = t2;
@@ -5397,7 +5421,7 @@ class jo extends Eo {
       const t3 = this.canvas._activeObject;
       if (t3 && t3 !== this) return;
     }
-    !this.editable || this.group && !this.group.interactive || s2 && s2.actionPerformed || Ao(e3) || i2 || this.selected && !this.getActiveControl() && (this.enterEditing(e3), this.selectionStart === this.selectionEnd ? this.initDelayedCursor(true) : this.renderCursorOrSelection());
+    !this.editable || this.group && !this.group.interactive || s2 && s2.actionPerformed || Io(e3) || i2 || this.selected && !this.getActiveControl() && (this.enterEditing(e3), this.selectionStart === this.selectionEnd ? this.initDelayedCursor(true) : this.renderCursorOrSelection());
   }
   setCursorByClick(t2) {
     const e3 = this.getSelectionStartFromPointer(t2), s2 = this.selectionStart, i2 = this.selectionEnd;
@@ -5420,25 +5444,25 @@ class jo extends Eo {
     return Math.min(this.flipX ? o2 - i2 : i2, this._text.length);
   }
 }
-const Fo = "moveCursorUp", Lo = "moveCursorDown", Ro = "moveCursorLeft", Bo = "moveCursorRight", Io = "exitEditing", Xo = (t2, e3) => {
+const Xo = "moveCursorUp", Yo = "moveCursorDown", Wo = "moveCursorLeft", Vo = "moveCursorRight", zo = "exitEditing", Go = (t2, e3) => {
   const s2 = e3.getRetinaScaling();
   t2.setTransform(s2, 0, 0, s2, 0, 0);
   const i2 = e3.viewportTransform;
   t2.transform(i2[0], i2[1], i2[2], i2[3], i2[4], i2[5]);
-}, Yo = s({ selectionStart: 0, selectionEnd: 0, selectionColor: "rgba(17,119,255,0.3)", isEditing: false, editable: true, editingBorderColor: "rgba(102,153,255,0.25)", cursorWidth: 2, cursorColor: "", cursorDelay: 1e3, cursorDuration: 600, caching: true, hiddenTextareaContainer: null, keysMap: { 9: Io, 27: Io, 33: Fo, 34: Lo, 35: Bo, 36: Ro, 37: Ro, 38: Fo, 39: Bo, 40: Lo }, keysMapRtl: { 9: Io, 27: Io, 33: Fo, 34: Lo, 35: Ro, 36: Bo, 37: Bo, 38: Fo, 39: Ro, 40: Lo }, ctrlKeysMapDown: { 65: "cmdAll" }, ctrlKeysMapUp: { 67: "copy", 88: "cut" } }, { _selectionDirection: null, _reSpace: /\s|\r?\n/, inCompositionMode: false });
-class Wo extends jo {
+}, Ho = s({ selectionStart: 0, selectionEnd: 0, selectionColor: "rgba(17,119,255,0.3)", isEditing: false, editable: true, editingBorderColor: "rgba(102,153,255,0.25)", cursorWidth: 2, cursorColor: "", cursorDelay: 1e3, cursorDuration: 600, caching: true, hiddenTextareaContainer: null, keysMap: { 9: zo, 27: zo, 33: Xo, 34: Yo, 35: Vo, 36: Wo, 37: Wo, 38: Xo, 39: Vo, 40: Yo }, keysMapRtl: { 9: zo, 27: zo, 33: Xo, 34: Yo, 35: Wo, 36: Vo, 37: Vo, 38: Xo, 39: Wo, 40: Yo }, ctrlKeysMapDown: { 65: "cmdAll" }, ctrlKeysMapUp: { 67: "copy", 88: "cut" } }, { _selectionDirection: null, _reSpace: /\s|\r?\n/, inCompositionMode: false });
+class No extends Bo {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), Wo.ownDefaults);
+    return s(s({}, super.getDefaults()), No.ownDefaults);
   }
   get type() {
     const t2 = super.type;
     return "itext" === t2 ? "i-text" : t2;
   }
   constructor(t2, e3) {
-    super(t2, s(s({}, Wo.ownDefaults), e3)), this.initBehavior();
+    super(t2, s(s({}, No.ownDefaults), e3)), this.initBehavior();
   }
   _set(t2, e3) {
-    return this.isEditing && this._savedProps && t2 in this._savedProps ? (this._savedProps[t2] = e3, this) : ("canvas" === t2 && (this.canvas instanceof Sn && this.canvas.textEditingManager.remove(this), e3 instanceof Sn && e3.textEditingManager.add(this)), super._set(t2, e3));
+    return this.isEditing && this._savedProps && t2 in this._savedProps ? (this._savedProps[t2] = e3, this) : ("canvas" === t2 && (this.canvas instanceof Xn && this.canvas.textEditingManager.remove(this), e3 instanceof Xn && e3.textEditingManager.add(this)), super._set(t2, e3));
   }
   setSelectionStart(t2) {
     t2 = Math.max(t2, 0), this._updateAndFire("selectionStart", t2);
@@ -5483,13 +5507,13 @@ class Wo extends jo {
     const e3 = this._getCursorBoundaries(), s2 = this.findAncestorsWithClipPath(), i2 = s2.length > 0;
     let r2, n2 = t2;
     if (i2) {
-      r2 = vt(t2.canvas), n2 = r2.getContext("2d"), Xo(n2, this.canvas);
+      r2 = vt(t2.canvas), n2 = r2.getContext("2d"), Go(n2, this.canvas);
       const e4 = this.calcTransformMatrix();
       n2.transform(e4[0], e4[1], e4[2], e4[3], e4[4], e4[5]);
     }
     if (this.selectionStart !== this.selectionEnd || this.inCompositionMode ? this.renderSelection(n2, e3) : this.renderCursor(n2, e3), i2) for (const e4 of s2) {
       const s3 = e4.clipPath, i3 = vt(t2.canvas), r3 = i3.getContext("2d");
-      if (Xo(r3, this.canvas), !s3.absolutePositioned) {
+      if (Go(r3, this.canvas), !s3.absolutePositioned) {
         const t3 = e4.calcTransformMatrix();
         r3.transform(t3[0], t3[1], t3[2], t3[3], t3[4], t3[5]);
       }
@@ -5518,7 +5542,7 @@ class Wo extends jo {
     const n2 = this._getLineLeftOffset(r2), o2 = this.__charBounds[r2][i2];
     o2 && (s2 = o2.left), 0 !== this.charSpacing && i2 === this._textLines[r2].length && (s2 -= this._getWidthOfCharSpacing());
     const a2 = { top: e3, left: n2 + (s2 > 0 ? s2 : 0) };
-    return "rtl" === this.direction && (this.textAlign === A || this.textAlign === vo || this.textAlign === _o ? a2.left *= -1 : this.textAlign === M || this.textAlign === yo ? a2.left = n2 - (s2 > 0 ? s2 : 0) : this.textAlign !== D && this.textAlign !== xo || (a2.left = n2 - (s2 > 0 ? s2 : 0))), a2;
+    return "rtl" === this.direction && (this.textAlign === A || this.textAlign === Je || this.textAlign === Ze ? a2.left *= -1 : this.textAlign === M || this.textAlign === Qe ? a2.left = n2 - (s2 > 0 ? s2 : 0) : this.textAlign !== D && this.textAlign !== $e || (a2.left = n2 - (s2 > 0 ? s2 : 0))), a2;
   }
   renderCursorAt(t2) {
     this._renderCursor(this.canvas.contextTop, this._getCursorBoundaries(t2, true), t2);
@@ -5548,7 +5572,7 @@ class Wo extends jo {
     this.renderCursorAt(e3);
   }
   _renderSelection(t2, e3, s2) {
-    const i2 = e3.selectionStart, r2 = e3.selectionEnd, n2 = this.textAlign.includes(vo), o2 = this.get2DCursorLocation(i2), a2 = this.get2DCursorLocation(r2), h2 = o2.lineIndex, c2 = a2.lineIndex, l2 = o2.charIndex < 0 ? 0 : o2.charIndex, u2 = a2.charIndex < 0 ? 0 : a2.charIndex;
+    const i2 = e3.selectionStart, r2 = e3.selectionEnd, n2 = this.textAlign.includes(Je), o2 = this.get2DCursorLocation(i2), a2 = this.get2DCursorLocation(r2), h2 = o2.lineIndex, c2 = a2.lineIndex, l2 = o2.charIndex < 0 ? 0 : o2.charIndex, u2 = a2.charIndex < 0 ? 0 : a2.charIndex;
     for (let e4 = h2; e4 <= c2; e4++) {
       const i3 = this._getLineLeftOffset(e4) || 0;
       let r3 = this.getHeightOfLine(e4), o3 = 0, a3 = 0, d2 = 0;
@@ -5561,7 +5585,7 @@ class Wo extends jo {
       o3 = r3, (this.lineHeight < 1 || e4 === c2 && this.lineHeight > 1) && (r3 /= this.lineHeight);
       let g2 = s2.left + i3 + a3, f = r3, p2 = 0;
       const m2 = d2 - a3;
-      this.inCompositionMode ? (t2.fillStyle = this.compositionColor || "black", f = 1, p2 = r3) : t2.fillStyle = this.selectionColor, "rtl" === this.direction && (this.textAlign === A || this.textAlign === vo || this.textAlign === _o ? g2 = this.width - g2 - m2 : this.textAlign === M || this.textAlign === yo ? g2 = s2.left + i3 - d2 : this.textAlign !== D && this.textAlign !== xo || (g2 = s2.left + i3 - d2)), t2.fillRect(g2, s2.top + s2.topOffset + p2, m2, f), s2.topOffset += o3;
+      this.inCompositionMode ? (t2.fillStyle = this.compositionColor || "black", f = 1, p2 = r3) : t2.fillStyle = this.selectionColor, "rtl" === this.direction && (this.textAlign === A || this.textAlign === Je || this.textAlign === Ze ? g2 = this.width - g2 - m2 : this.textAlign === M || this.textAlign === Qe ? g2 = s2.left + i3 - d2 : this.textAlign !== D && this.textAlign !== $e || (g2 = s2.left + i3 - d2)), t2.fillRect(g2, s2.top + s2.topOffset + p2, m2, f), s2.topOffset += o3;
     }
   }
   getCurrentCharFontSize() {
@@ -5580,19 +5604,19 @@ class Wo extends jo {
     this.exitEditingImpl(), this.draggableTextDelegate.dispose(), super.dispose();
   }
 }
-t(Wo, "ownDefaults", Yo), t(Wo, "type", "IText"), tt.setClass(Wo), tt.setClass(Wo, "i-text");
-class Vo extends Wo {
+t(No, "ownDefaults", Ho), t(No, "type", "IText"), tt.setClass(No), tt.setClass(No, "i-text");
+class Uo extends No {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), Vo.ownDefaults);
+    return s(s({}, super.getDefaults()), Uo.ownDefaults);
   }
   constructor(t2, e3) {
-    super(t2, s(s({}, Vo.ownDefaults), e3));
+    super(t2, s(s({}, Uo.ownDefaults), e3));
   }
   static createControls() {
-    return { controls: mi() };
+    return { controls: Ai() };
   }
   initDimensions() {
-    this.initialized && (this.isEditing && this.initDelayedCursor(), this._clearCache(), this.dynamicMinWidth = 0, this._styleMap = this._generateStyleMap(this._splitText()), this.dynamicMinWidth > this.width && this._set("width", this.dynamicMinWidth), this.textAlign.includes(vo) && this.enlargeSpaces(), this.height = this.calcTextHeight());
+    this.initialized && (this.isEditing && this.initDelayedCursor(), this._clearCache(), this.dynamicMinWidth = 0, this._styleMap = this._generateStyleMap(this._splitText()), this.dynamicMinWidth > this.width && this._set("width", this.dynamicMinWidth), this.textAlign.includes(Je) && this.enlargeSpaces(), this.height = this.calcTextHeight());
   }
   _generateStyleMap(t2) {
     let e3 = 0, s2 = 0, i2 = 0;
@@ -5714,8 +5738,8 @@ class Vo extends Wo {
     return super.toObject(["minWidth", "splitByGrapheme", ...t2]);
   }
 }
-t(Vo, "type", "Textbox"), t(Vo, "textLayoutProperties", [...Wo.textLayoutProperties, "width"]), t(Vo, "ownDefaults", { minWidth: 20, dynamicMinWidth: 2, lockScalingFlip: true, noScaleCache: false, _wordJoiners: /[ \t\r]/, splitByGrapheme: false }), tt.setClass(Vo);
-class zo extends Sr {
+t(Uo, "type", "Textbox"), t(Uo, "textLayoutProperties", [...No.textLayoutProperties, "width"]), t(Uo, "ownDefaults", { minWidth: 20, dynamicMinWidth: 2, lockScalingFlip: true, noScaleCache: false, _wordJoiners: /[ \t\r]/, splitByGrapheme: false }), tt.setClass(Uo);
+class qo extends Xr {
   shouldPerformLayout(t2) {
     return !!t2.target.clipPath && super.shouldPerformLayout(t2);
   }
@@ -5725,9 +5749,9 @@ class zo extends Sr {
   calcLayoutResult(t2, e3) {
     const { target: s2 } = t2, { clipPath: i2, group: r2 } = s2;
     if (!i2 || !this.shouldPerformLayout(t2)) return;
-    const { width: n2, height: o2 } = ae(br(s2, i2)), a2 = new ot(n2, o2);
+    const { width: n2, height: o2 } = he(Br(s2, i2)), a2 = new ot(n2, o2);
     if (i2.absolutePositioned) {
-      return { center: pe(i2.getRelativeCenterPoint(), void 0, r2 ? r2.calcTransformMatrix() : void 0), size: a2 };
+      return { center: me(i2.getRelativeCenterPoint(), void 0, r2 ? r2.calcTransformMatrix() : void 0), size: a2 };
     }
     {
       const r3 = i2.getRelativeCenterPoint().transform(s2.calcOwnMatrix(), true);
@@ -5739,15 +5763,15 @@ class zo extends Sr {
     }
   }
 }
-t(zo, "type", "clip-path"), tt.setClass(zo);
-class Go extends Sr {
+t(qo, "type", "clip-path"), tt.setClass(qo);
+class Ko extends Xr {
   getInitialSize(t2, e3) {
     let { target: s2 } = t2, { size: i2 } = e3;
     return new ot(s2.width || i2.x, s2.height || i2.y);
   }
 }
-t(Go, "type", "fixed"), tt.setClass(Go);
-class Ho extends Dr {
+t(Ko, "type", "fixed"), tt.setClass(Ko);
+class Jo extends Gr {
   subscribeTargets(t2) {
     const e3 = t2.target;
     t2.targets.reduce((t3, e4) => (e4.parent && t3.add(e4.parent), t3), /* @__PURE__ */ new Set()).forEach((t3) => {
@@ -5761,15 +5785,15 @@ class Ho extends Dr {
     });
   }
 }
-class No extends Er {
+class Qo extends Ur {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), No.ownDefaults);
+    return s(s({}, super.getDefaults()), Qo.ownDefaults);
   }
   constructor() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [], e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    super(), Object.assign(this, No.ownDefaults), this.setOptions(e3);
+    super(), Object.assign(this, Qo.ownDefaults), this.setOptions(e3);
     const { left: s2, top: i2, layoutManager: r2 } = e3;
-    this.groupInit(t2, { left: s2, top: i2, layoutManager: null != r2 ? r2 : new Ho() });
+    this.groupInit(t2, { left: s2, top: i2, layoutManager: null != r2 ? r2 : new Jo() });
   }
   _shouldSetNestedCoords() {
     return true;
@@ -5798,8 +5822,8 @@ class No extends Er {
     e3.forEach((t3) => {
       const { parent: e4 } = t3;
       e4 && s2.add(e4);
-    }), t2 === xr ? s2.forEach((t3) => {
-      t3._onAfterObjectsChange(_r, e3);
+    }), t2 === Rr ? s2.forEach((t3) => {
+      t3._onAfterObjectsChange(Lr, e3);
     }) : s2.forEach((t3) => {
       t3._set("dirty", true);
     });
@@ -5823,8 +5847,8 @@ class No extends Er {
     super._renderControls(t2, e3), t2.restore();
   }
 }
-t(No, "type", "ActiveSelection"), t(No, "ownDefaults", { multiSelectionStacking: "canvas-stacking" }), tt.setClass(No), tt.setClass(No, "activeSelection");
-class Uo {
+t(Qo, "type", "ActiveSelection"), t(Qo, "ownDefaults", { multiSelectionStacking: "canvas-stacking" }), tt.setClass(Qo), tt.setClass(Qo, "activeSelection");
+class Zo {
   constructor() {
     t(this, "resources", {});
   }
@@ -5840,7 +5864,7 @@ class Uo {
     return a2.width === s2 && a2.height === i2 || (r2.width = a2.width, r2.height = a2.height), n2.putImageData(a2, 0, 0), o2;
   }
 }
-class qo {
+class $o {
   constructor() {
     let { tileSize: e3 = o.textureSize } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
     t(this, "aPosition", new Float32Array([0, 0, 0, 1, 1, 0, 1, 1])), t(this, "resources", {}), this.tileSize = e3, this.setupGLContext(e3, e3), this.captureGPUInfo();
@@ -5913,21 +5937,21 @@ class qo {
     return this.gpuInfo = e3, e3;
   }
 }
-let Ko;
-function Jo() {
+let ta;
+function ea() {
   const { WebGLProbe: t2 } = p();
-  return t2.queryWebGL(pt()), o.enableGLFiltering && t2.isSupported(o.textureSize) ? new qo({ tileSize: o.textureSize }) : new Uo();
+  return t2.queryWebGL(pt()), o.enableGLFiltering && t2.isSupported(o.textureSize) ? new $o({ tileSize: o.textureSize }) : new Zo();
 }
-function Qo() {
-  return !Ko && (!(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0]) && (Ko = Jo()), Ko;
+function sa() {
+  return !ta && (!(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0]) && (ta = ea()), ta;
 }
-const $o = ["filters", "resizeFilter", "src", "crossOrigin", "type"], ta = ["cropX", "cropY"];
-class ea extends _i {
+const ra = ["filters", "resizeFilter", "src", "crossOrigin", "type"], na = ["cropX", "cropY"];
+class oa extends Li {
   static getDefaults() {
-    return s(s({}, super.getDefaults()), ea.ownDefaults);
+    return s(s({}, super.getDefaults()), oa.ownDefaults);
   }
   constructor(e3, s2) {
-    super(), t(this, "_lastScaleX", 1), t(this, "_lastScaleY", 1), t(this, "_filterScalingX", 1), t(this, "_filterScalingY", 1), this.filters = [], Object.assign(this, ea.ownDefaults), this.setOptions(s2), this.cacheKey = "texture".concat(ft()), this.setElement("string" == typeof e3 ? (this.canvas && Kt(this.canvas.getElement()) || m()).getElementById(e3) : e3, s2);
+    super(), t(this, "_lastScaleX", 1), t(this, "_lastScaleY", 1), t(this, "_filterScalingX", 1), t(this, "_filterScalingY", 1), this.filters = [], Object.assign(this, oa.ownDefaults), this.setOptions(s2), this.cacheKey = "texture".concat(ft()), this.setElement("string" == typeof e3 ? (this.canvas && Kt(this.canvas.getElement()) || m()).getElementById(e3) : e3, s2);
   }
   getElement() {
     return this._element;
@@ -5935,11 +5959,11 @@ class ea extends _i {
   setElement(t2) {
     var e3;
     let s2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    this.removeTexture(this.cacheKey), this.removeTexture("".concat(this.cacheKey, "_filtered")), this._element = t2, this._originalElement = t2, this._setWidthHeight(s2), null === (e3 = t2.classList) || void 0 === e3 || e3.add(ea.CSS_CANVAS), 0 !== this.filters.length && this.applyFilters(), this.resizeFilter && this.applyResizeFilters();
+    this.removeTexture(this.cacheKey), this.removeTexture("".concat(this.cacheKey, "_filtered")), this._element = t2, this._originalElement = t2, this._setWidthHeight(s2), null === (e3 = t2.classList) || void 0 === e3 || e3.add(oa.CSS_CANVAS), 0 !== this.filters.length && this.applyFilters(), this.resizeFilter && this.applyResizeFilters();
   }
   removeTexture(t2) {
-    const e3 = Qo(false);
-    e3 instanceof qo && e3.evictCachesForKey(t2);
+    const e3 = sa(false);
+    e3 instanceof $o && e3.evictCachesForKey(t2);
   }
   dispose() {
     super.dispose(), this.removeTexture(this.cacheKey), this.removeTexture("".concat(this.cacheKey, "_filtered")), this._cacheContext = null, ["_originalElement", "_element", "_filteredEl", "_cacheCanvas"].forEach((t2) => {
@@ -5964,7 +5988,7 @@ class ea extends _i {
     const e3 = [];
     return this.filters.forEach((t3) => {
       t3 && e3.push(t3.toObject());
-    }), s(s({}, super.toObject([...ta, ...t2])), {}, { src: this.getSrc(), crossOrigin: this.getCrossOrigin(), filters: e3 }, this.resizeFilter ? { resizeFilter: this.resizeFilter.toObject() } : {});
+    }), s(s({}, super.toObject([...na, ...t2])), {}, { src: this.getSrc(), crossOrigin: this.getCrossOrigin(), filters: e3 }, this.resizeFilter ? { resizeFilter: this.resizeFilter.toObject() } : {});
   }
   hasCrop() {
     return !!this.cropX || !!this.cropY || this.width < this._element.width || this.height < this._element.height;
@@ -5992,7 +6016,7 @@ class ea extends _i {
   }
   setSrc(t2) {
     let { crossOrigin: e3, signal: s2 } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-    return Bt(t2, { crossOrigin: e3, signal: s2 }).then((t3) => {
+    return It(t2, { crossOrigin: e3, signal: s2 }).then((t3) => {
       void 0 !== e3 && this.set({ crossOrigin: e3 }), this.setElement(t3);
     });
   }
@@ -6003,7 +6027,7 @@ class ea extends _i {
     const t2 = this.resizeFilter, e3 = this.minimumScaleTrigger, s2 = this.getTotalObjectScaling(), i2 = s2.x, r2 = s2.y, n2 = this._filteredEl || this._originalElement;
     if (this.group && this.set("dirty", true), !t2 || i2 > e3 && r2 > e3) return this._element = n2, this._filterScalingX = 1, this._filterScalingY = 1, this._lastScaleX = i2, void (this._lastScaleY = r2);
     const o2 = vt(n2), { width: a2, height: h2 } = n2;
-    this._element = o2, this._lastScaleX = t2.scaleX = i2, this._lastScaleY = t2.scaleY = r2, Qo().applyFilters([t2], n2, a2, h2, this._element), this._filterScalingX = o2.width / this._originalElement.width, this._filterScalingY = o2.height / this._originalElement.height;
+    this._element = o2, this._lastScaleX = t2.scaleX = i2, this._lastScaleY = t2.scaleY = r2, sa().applyFilters([t2], n2, a2, h2, this._element), this._filterScalingX = o2.width / this._originalElement.width, this._filterScalingY = o2.height / this._originalElement.height;
   }
   applyFilters() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.filters || [];
@@ -6013,7 +6037,7 @@ class ea extends _i {
       const t3 = vt({ width: s2, height: i2 });
       this._element = t3, this._filteredEl = t3;
     } else this._filteredEl && (this._element = this._filteredEl, this._filteredEl.getContext("2d").clearRect(0, 0, s2, i2), this._lastScaleX = 1, this._lastScaleY = 1);
-    Qo().applyFilters(t2, this._originalElement, s2, i2, this._element, this.cacheKey), this._originalElement.width === this._element.width && this._originalElement.height === this._element.height || (this._filterScalingX = this._element.width / this._originalElement.width, this._filterScalingY = this._element.height / this._originalElement.height);
+    sa().applyFilters(t2, this._originalElement, s2, i2, this._element, this.cacheKey), this._originalElement.width === this._element.width && this._originalElement.height === this._element.height || (this._filterScalingX = this._element.width / this._originalElement.width, this._filterScalingY = this._element.height / this._originalElement.height);
   }
   _render(t2) {
     t2.imageSmoothingEnabled = this.imageSmoothing, true !== this.isMoving && this.resizeFilter && this._needsResize() && this.applyResizeFilters(), this._stroke(t2), this._renderPaintInOrder(t2);
@@ -6043,57 +6067,57 @@ class ea extends _i {
     this.width = t2 || s2.width, this.height = e3 || s2.height;
   }
   parsePreserveAspectRatioAttribute() {
-    const t2 = Be(this.preserveAspectRatio || ""), e3 = this.width, s2 = this.height, i2 = { width: e3, height: s2 };
+    const t2 = Xe(this.preserveAspectRatio || ""), e3 = this.width, s2 = this.height, i2 = { width: e3, height: s2 };
     let r2, n2 = this._element.width, o2 = this._element.height, a2 = 1, h2 = 1, c2 = 0, l2 = 0, u2 = 0, d2 = 0;
-    return !t2 || t2.alignX === j && t2.alignY === j ? (a2 = e3 / n2, h2 = s2 / o2) : ("meet" === t2.meetOrSlice && (a2 = h2 = Ar(this._element, i2), r2 = (e3 - n2 * a2) / 2, "Min" === t2.alignX && (c2 = -r2), "Max" === t2.alignX && (c2 = r2), r2 = (s2 - o2 * h2) / 2, "Min" === t2.alignY && (l2 = -r2), "Max" === t2.alignY && (l2 = r2)), "slice" === t2.meetOrSlice && (a2 = h2 = jr(this._element, i2), r2 = n2 - e3 / a2, "Mid" === t2.alignX && (u2 = r2 / 2), "Max" === t2.alignX && (u2 = r2), r2 = o2 - s2 / h2, "Mid" === t2.alignY && (d2 = r2 / 2), "Max" === t2.alignY && (d2 = r2), n2 = e3 / a2, o2 = s2 / h2)), { width: n2, height: o2, scaleX: a2, scaleY: h2, offsetLeft: c2, offsetTop: l2, cropX: u2, cropY: d2 };
+    return !t2 || t2.alignX === j && t2.alignY === j ? (a2 = e3 / n2, h2 = s2 / o2) : ("meet" === t2.meetOrSlice && (a2 = h2 = qr(this._element, i2), r2 = (e3 - n2 * a2) / 2, "Min" === t2.alignX && (c2 = -r2), "Max" === t2.alignX && (c2 = r2), r2 = (s2 - o2 * h2) / 2, "Min" === t2.alignY && (l2 = -r2), "Max" === t2.alignY && (l2 = r2)), "slice" === t2.meetOrSlice && (a2 = h2 = Kr(this._element, i2), r2 = n2 - e3 / a2, "Mid" === t2.alignX && (u2 = r2 / 2), "Max" === t2.alignX && (u2 = r2), r2 = o2 - s2 / h2, "Mid" === t2.alignY && (d2 = r2 / 2), "Max" === t2.alignY && (d2 = r2), n2 = e3 / a2, o2 = s2 / h2)), { width: n2, height: o2, scaleX: a2, scaleY: h2, offsetLeft: c2, offsetTop: l2, cropX: u2, cropY: d2 };
   }
   static fromObject(t2, e3) {
-    let { filters: r2, resizeFilter: n2, src: o2, crossOrigin: a2, type: h2 } = t2, c2 = i(t2, $o);
-    return Promise.all([Bt(o2, s(s({}, e3), {}, { crossOrigin: a2 })), r2 && It(r2, e3), n2 && It([n2], e3), Xt(c2, e3)]).then((t3) => {
+    let { filters: r2, resizeFilter: n2, src: o2, crossOrigin: a2, type: h2 } = t2, c2 = i(t2, ra);
+    return Promise.all([It(o2, s(s({}, e3), {}, { crossOrigin: a2 })), r2 && Bt(r2, e3), n2 && Bt([n2], e3), Xt(c2, e3)]).then((t3) => {
       let [e4, i2 = [], [r3] = [], n3 = {}] = t3;
       return new this(e4, s(s({}, c2), {}, { src: o2, filters: i2, resizeFilter: r3 }, n3));
     });
   }
   static fromURL(t2) {
     let { crossOrigin: e3 = null, signal: s2 } = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, i2 = arguments.length > 2 ? arguments[2] : void 0;
-    return Bt(t2, { crossOrigin: e3, signal: s2 }).then((t3) => new this(t3, i2));
+    return It(t2, { crossOrigin: e3, signal: s2 }).then((t3) => new this(t3, i2));
   }
   static async fromElement(t2) {
     let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, s2 = arguments.length > 2 ? arguments[2] : void 0;
-    const i2 = fr(t2, this.ATTRIBUTE_NAMES, s2);
+    const i2 = Pr(t2, this.ATTRIBUTE_NAMES, s2);
     return this.fromURL(i2["xlink:href"] || i2.href, e3, i2).catch((t3) => (a("log", "Unable to parse Image", t3), null));
   }
 }
-t(ea, "type", "Image"), t(ea, "cacheProperties", [...ps, ...ta]), t(ea, "ownDefaults", { strokeWidth: 0, srcFromAttribute: false, minimumScaleTrigger: 0.5, cropX: 0, cropY: 0, imageSmoothing: true }), t(ea, "CSS_CANVAS", "canvas-img"), t(ea, "ATTRIBUTE_NAMES", [...Ri, "x", "y", "width", "height", "preserveAspectRatio", "xlink:href", "href", "crossOrigin", "image-rendering"]), tt.setClass(ea), tt.setSVGClass(ea);
-Ye(["pattern", "defs", "symbol", "metadata", "clipPath", "mask", "desc"]);
-const ya = W, _a = (t2) => function(e3, s2, i2) {
+t(oa, "type", "Image"), t(oa, "cacheProperties", [...Es, ...na]), t(oa, "ownDefaults", { strokeWidth: 0, srcFromAttribute: false, minimumScaleTrigger: 0.5, cropX: 0, cropY: 0, imageSmoothing: true }), t(oa, "CSS_CANVAS", "canvas-img"), t(oa, "ATTRIBUTE_NAMES", [...Zi, "x", "y", "width", "height", "preserveAspectRatio", "xlink:href", "href", "crossOrigin", "image-rendering"]), tt.setClass(oa), tt.setSVGClass(oa);
+Ve(["pattern", "defs", "symbol", "metadata", "clipPath", "mask", "desc"]);
+const Sa = W, wa = (t2) => function(e3, s2, i2) {
   const { points: r2, pathOffset: n2 } = i2;
   return new ot(r2[t2]).subtract(n2).transform(Tt(i2.getViewportTransform(), i2.calcTransformMatrix()));
-}, xa = (t2, e3, s2, i2) => {
-  const { target: r2, pointIndex: n2 } = e3, o2 = r2, a2 = pe(new ot(s2, i2), void 0, o2.calcOwnMatrix());
+}, Ta = (t2, e3, s2, i2) => {
+  const { target: r2, pointIndex: n2 } = e3, o2 = r2, a2 = me(new ot(s2, i2), void 0, o2.calcOwnMatrix());
   return o2.points[n2] = a2.add(o2.pathOffset), o2.setDimensions(), o2.set("dirty", true), true;
-}, Ca = (t2, e3) => function(i2, r2, n2, o2) {
+}, Oa = (t2, e3) => function(i2, r2, n2, o2) {
   const a2 = r2.target, h2 = new ot(a2.points[(t2 > 0 ? t2 : a2.points.length) - 1]), c2 = h2.subtract(a2.pathOffset).transform(a2.calcOwnMatrix()), l2 = e3(i2, s(s({}, r2), {}, { pointIndex: t2 }), n2, o2), u2 = h2.subtract(a2.pathOffset).transform(a2.calcOwnMatrix()).subtract(c2);
   return a2.left -= u2.x, a2.top -= u2.y, l2;
-}, ba = (t2) => Ys(ya, Ca(t2, xa));
-const Sa = (t2, e3, s2) => {
+}, ka = (t2) => si(Sa, Oa(t2, Ta));
+const Da = (t2, e3, s2) => {
   const { path: i2, pathOffset: r2 } = t2, n2 = i2[e3];
   return new ot(n2[s2] - r2.x, n2[s2 + 1] - r2.y).transform(Tt(t2.getViewportTransform(), t2.calcTransformMatrix()));
 };
-function wa(t2, e3, s2) {
+function Ma(t2, e3, s2) {
   const { commandIndex: i2, pointIndex: r2 } = this;
-  return Sa(s2, i2, r2);
+  return Da(s2, i2, r2);
 }
-function Ta(t2, e3, i2, r2) {
+function Pa(t2, e3, i2, r2) {
   const { target: n2 } = e3, { commandIndex: o2, pointIndex: a2 } = this, h2 = ((t3, e4, s2, i3, r3) => {
-    const { path: n3, pathOffset: o3 } = t3, a3 = n3[(i3 > 0 ? i3 : n3.length) - 1], h3 = new ot(a3[r3], a3[r3 + 1]), c2 = h3.subtract(o3).transform(t3.calcOwnMatrix()), l2 = pe(new ot(e4, s2), void 0, t3.calcOwnMatrix());
+    const { path: n3, pathOffset: o3 } = t3, a3 = n3[(i3 > 0 ? i3 : n3.length) - 1], h3 = new ot(a3[r3], a3[r3 + 1]), c2 = h3.subtract(o3).transform(t3.calcOwnMatrix()), l2 = me(new ot(e4, s2), void 0, t3.calcOwnMatrix());
     n3[i3][r3] = l2.x + o3.x, n3[i3][r3 + 1] = l2.y + o3.y, t3.setDimensions();
     const u2 = h3.subtract(t3.pathOffset).transform(t3.calcOwnMatrix()).subtract(c2);
     return t3.left -= u2.x, t3.top -= u2.y, t3.set("dirty", true), true;
   })(n2, i2, r2, o2, a2);
-  return ye(this.actionName, s(s({}, Te(t2, e3, i2, r2)), {}, { commandIndex: o2, pointIndex: a2 })), h2;
+  return _e(this.actionName, s(s({}, Oe(t2, e3, i2, r2)), {}, { commandIndex: o2, pointIndex: a2 })), h2;
 }
-class Oa extends Hs {
+class Ea extends ai {
   constructor(t2) {
     super(t2);
   }
@@ -6102,54 +6126,54 @@ class Oa extends Hs {
     super.render(t2, e3, i2, o2, n2);
   }
 }
-class ka extends Oa {
+class Aa extends Ea {
   constructor(t2) {
     super(t2);
   }
   render(t2, e3, s2, i2, r2) {
     const { path: n2 } = r2, { commandIndex: o2, pointIndex: a2, connectToCommandIndex: h2, connectToPointIndex: c2 } = this;
     t2.save(), t2.strokeStyle = this.controlStroke, this.connectionDashArray && t2.setLineDash(this.connectionDashArray);
-    const [l2] = n2[o2], u2 = Sa(r2, h2, c2);
+    const [l2] = n2[o2], u2 = Da(r2, h2, c2);
     if ("Q" === l2) {
-      const i3 = Sa(r2, o2, a2 + 2);
+      const i3 = Da(r2, o2, a2 + 2);
       t2.moveTo(i3.x, i3.y), t2.lineTo(e3, s2);
     } else t2.moveTo(e3, s2);
     t2.lineTo(u2.x, u2.y), t2.stroke(), t2.restore(), super.render(t2, e3, s2, i2, r2);
   }
 }
-const Da = (t2, e3, i2, r2, n2, o2) => new (i2 ? ka : Oa)(s(s({ commandIndex: t2, pointIndex: e3, actionName: "modifyPath", positionHandler: wa, actionHandler: Ta, connectToCommandIndex: n2, connectToPointIndex: o2 }, r2), i2 ? r2.controlPointStyle : r2.pointStyle));
-var Ma = Object.freeze({ __proto__: null, changeWidth: Vs, createObjectDefaultControls: fi, createPathControls: function(t2) {
+const ja = (t2, e3, i2, r2, n2, o2) => new (i2 ? Aa : Ea)(s(s({ commandIndex: t2, pointIndex: e3, actionName: "modifyPath", positionHandler: Ma, actionHandler: Pa, connectToCommandIndex: n2, connectToPointIndex: o2 }, r2), i2 ? r2.controlPointStyle : r2.pointStyle));
+var Fa = Object.freeze({ __proto__: null, changeWidth: ri, createObjectDefaultControls: Pi, createPathControls: function(t2) {
   let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
   const s2 = {};
   let i2 = "M";
   return t2.path.forEach((t3, r2) => {
     const n2 = t3[0];
-    switch ("Z" !== n2 && (s2["c_".concat(r2, "_").concat(n2)] = Da(r2, t3.length - 2, false, e3)), n2) {
+    switch ("Z" !== n2 && (s2["c_".concat(r2, "_").concat(n2)] = ja(r2, t3.length - 2, false, e3)), n2) {
       case "C":
-        s2["c_".concat(r2, "_C_CP_1")] = Da(r2, 1, true, e3, r2 - 1, /* @__PURE__ */ ((t4) => "C" === t4 ? 5 : "Q" === t4 ? 3 : 1)(i2)), s2["c_".concat(r2, "_C_CP_2")] = Da(r2, 3, true, e3, r2, 5);
+        s2["c_".concat(r2, "_C_CP_1")] = ja(r2, 1, true, e3, r2 - 1, /* @__PURE__ */ ((t4) => "C" === t4 ? 5 : "Q" === t4 ? 3 : 1)(i2)), s2["c_".concat(r2, "_C_CP_2")] = ja(r2, 3, true, e3, r2, 5);
         break;
       case "Q":
-        s2["c_".concat(r2, "_Q_CP_1")] = Da(r2, 1, true, e3, r2, 3);
+        s2["c_".concat(r2, "_Q_CP_1")] = ja(r2, 1, true, e3, r2, 3);
     }
     i2 = n2;
   }), s2;
-}, createPolyActionHandler: ba, createPolyControls: function(t2) {
+}, createPolyActionHandler: ka, createPolyControls: function(t2) {
   let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
   const i2 = {};
-  for (let r2 = 0; r2 < ("number" == typeof t2 ? t2 : t2.points.length); r2++) i2["p".concat(r2)] = new Hs(s({ actionName: ya, positionHandler: _a(r2), actionHandler: ba(r2) }, e3));
+  for (let r2 = 0; r2 < ("number" == typeof t2 ? t2 : t2.points.length); r2++) i2["p".concat(r2)] = new ai(s({ actionName: Sa, positionHandler: wa(r2), actionHandler: ka(r2) }, e3));
   return i2;
-}, createPolyPositionHandler: _a, createResizeControls: pi, createTextboxDefaultControls: mi, dragHandler: De, factoryPolyActionHandler: Ca, getLocalPoint: ke, polyActionHandler: xa, renderCircleControl: zs, renderSquareControl: Gs, rotationStyleHandler: Ns, rotationWithSnapping: Us, scaleCursorStyleHandler: Qs, scaleOrSkewActionName: li, scaleSkewCursorStyleHandler: ui, scalingEqually: $s, scalingX: ti, scalingXOrSkewingY: di, scalingY: ei, scalingYOrSkewingX: gi, skewCursorStyleHandler: ni, skewHandlerX: ai, skewHandlerY: hi, wrapWithFireEvent: Ys, wrapWithFixedAnchor: Ws });
-const Pa = (t2) => void 0 !== t2.webgl, Aa = "precision highp float", ja = "\n    ".concat(Aa, ";\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }"), Fa = ["type"], La = ["type"], Ra = new RegExp(Aa, "g");
-class Ba {
+}, createPolyPositionHandler: wa, createResizeControls: Ei, createTextboxDefaultControls: Ai, dragHandler: Me, factoryPolyActionHandler: Oa, getLocalPoint: De, polyActionHandler: Ta, renderCircleControl: ni, renderSquareControl: oi, rotationStyleHandler: hi, rotationWithSnapping: ci, scaleCursorStyleHandler: gi, scaleOrSkewActionName: Oi, scaleSkewCursorStyleHandler: ki, scalingEqually: pi, scalingX: mi, scalingXOrSkewingY: Di, scalingY: vi, scalingYOrSkewingX: Mi, skewCursorStyleHandler: Ci, skewHandlerX: Si, skewHandlerY: wi, wrapWithFireEvent: si, wrapWithFixedAnchor: ii });
+const La = (t2) => void 0 !== t2.webgl, Ia = "precision highp float", Ba = "\n    ".concat(Ia, ";\n    varying vec2 vTexCoord;\n    uniform sampler2D uTexture;\n    void main() {\n      gl_FragColor = texture2D(uTexture, vTexCoord);\n    }"), Xa = ["type"], Ya = ["type"], Wa = new RegExp(Ia, "g");
+class Va {
   get type() {
     return this.constructor.type;
   }
   constructor() {
-    let t2 = i(arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, Fa);
+    let t2 = i(arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, Xa);
     Object.assign(this, this.constructor.defaults, t2);
   }
   getFragmentSource() {
-    return ja;
+    return Ba;
   }
   getVertexSource() {
     return "\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    void main() {\n      vTexCoord = aPosition;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }";
@@ -6157,7 +6181,7 @@ class Ba {
   createProgram(t2) {
     let e3 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : this.getFragmentSource(), s2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.getVertexSource();
     const { WebGLProbe: { GLPrecision: i2 = "highp" } } = p();
-    "highp" !== i2 && (e3 = e3.replace(Ra, Aa.replace("highp", i2)));
+    "highp" !== i2 && (e3 = e3.replace(Wa, Ia.replace("highp", i2)));
     const r2 = t2.createShader(t2.VERTEX_SHADER), n2 = t2.createShader(t2.FRAGMENT_SHADER), o2 = t2.createProgram();
     if (!r2 || !n2 || !o2) throw new h("Vertex, fragment shader or program creation error");
     if (t2.shaderSource(r2, s2), t2.compileShader(r2), !t2.getShaderParameter(r2, t2.COMPILE_STATUS)) throw new h("Vertex shader compile error for ".concat(this.type, ": ").concat(t2.getShaderInfoLog(r2)));
@@ -6194,7 +6218,7 @@ class Ba {
     return false;
   }
   applyTo(t2) {
-    Pa(t2) ? (this._setupFrameBuffer(t2), this.applyToWebGL(t2), this._swapTextures(t2)) : this.applyTo2d(t2);
+    La(t2) ? (this._setupFrameBuffer(t2), this.applyToWebGL(t2), this._swapTextures(t2)) : this.applyTo2d(t2);
   }
   applyTo2d(t2) {
   }
@@ -6231,21 +6255,21 @@ class Ba {
     return this.toObject();
   }
   static async fromObject(t2, e3) {
-    return new this(i(t2, La));
+    return new this(i(t2, Ya));
   }
 }
-t(Ba, "type", "BaseFilter"), t(Ba, "uniformLocations", []);
-const Ia = { multiply: "gl_FragColor.rgb *= uColor.rgb;\n", screen: "gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n", add: "gl_FragColor.rgb += uColor.rgb;\n", difference: "gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n", subtract: "gl_FragColor.rgb -= uColor.rgb;\n", lighten: "gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n", darken: "gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n", exclusion: "gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n", overlay: "\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    ", tint: "\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    " };
-class Xa extends Ba {
+t(Va, "type", "BaseFilter"), t(Va, "uniformLocations", []);
+const za = { multiply: "gl_FragColor.rgb *= uColor.rgb;\n", screen: "gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);\n", add: "gl_FragColor.rgb += uColor.rgb;\n", difference: "gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);\n", subtract: "gl_FragColor.rgb -= uColor.rgb;\n", lighten: "gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);\n", darken: "gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);\n", exclusion: "gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);\n", overlay: "\n    if (uColor.r < 0.5) {\n      gl_FragColor.r *= 2.0 * uColor.r;\n    } else {\n      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);\n    }\n    if (uColor.g < 0.5) {\n      gl_FragColor.g *= 2.0 * uColor.g;\n    } else {\n      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);\n    }\n    if (uColor.b < 0.5) {\n      gl_FragColor.b *= 2.0 * uColor.b;\n    } else {\n      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);\n    }\n    ", tint: "\n    gl_FragColor.rgb *= (1.0 - uColor.a);\n    gl_FragColor.rgb += uColor.rgb;\n    " };
+class Ga extends Va {
   getCacheKey() {
     return "".concat(this.type, "_").concat(this.mode);
   }
   getFragmentSource() {
-    return "\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec4 uColor;\n      varying vec2 vTexCoord;\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        gl_FragColor = color;\n        if (color.a > 0.0) {\n          ".concat(Ia[this.mode], "\n        }\n      }\n      ");
+    return "\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec4 uColor;\n      varying vec2 vTexCoord;\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        gl_FragColor = color;\n        if (color.a > 0.0) {\n          ".concat(za[this.mode], "\n        }\n      }\n      ");
   }
   applyTo2d(t2) {
     let { imageData: { data: e3 } } = t2;
-    const s2 = new Le(this.color).getSource(), i2 = this.alpha, r2 = s2[0] * i2, n2 = s2[1] * i2, o2 = s2[2] * i2, a2 = 1 - i2;
+    const s2 = new Ie(this.color).getSource(), i2 = this.alpha, r2 = s2[0] * i2, n2 = s2[1] * i2, o2 = s2[2] * i2, a2 = 1 - i2;
     for (let t3 = 0; t3 < e3.length; t3 += 4) {
       const s3 = e3[t3], i3 = e3[t3 + 1], h2 = e3[t3 + 2];
       let c2, l2, u2;
@@ -6284,18 +6308,18 @@ class Xa extends Ba {
     }
   }
   sendUniformData(t2, e3) {
-    const s2 = new Le(this.color).getSource();
+    const s2 = new Ie(this.color).getSource();
     s2[0] = this.alpha * s2[0] / 255, s2[1] = this.alpha * s2[1] / 255, s2[2] = this.alpha * s2[2] / 255, s2[3] = this.alpha, t2.uniform4fv(e3.uColor, s2);
   }
 }
-t(Xa, "defaults", { color: "#F95C63", mode: "multiply", alpha: 1 }), t(Xa, "type", "BlendColor"), t(Xa, "uniformLocations", ["uColor"]), tt.setClass(Xa);
-const Ya = { multiply: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.rgba *= color2.rgba;\n      gl_FragColor = color;\n    }\n    ", mask: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.a = color2.a;\n      gl_FragColor = color;\n    }\n    " }, Wa = ["type", "image"];
-class Va extends Ba {
+t(Ga, "defaults", { color: "#F95C63", mode: "multiply", alpha: 1 }), t(Ga, "type", "BlendColor"), t(Ga, "uniformLocations", ["uColor"]), tt.setClass(Ga);
+const Ha = { multiply: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.rgba *= color2.rgba;\n      gl_FragColor = color;\n    }\n    ", mask: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform sampler2D uImage;\n    uniform vec4 uColor;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      vec4 color2 = texture2D(uImage, vTexCoord2);\n      color.a = color2.a;\n      gl_FragColor = color;\n    }\n    " }, Na = ["type", "image"];
+class Ua extends Va {
   getCacheKey() {
     return "".concat(this.type, "_").concat(this.mode);
   }
   getFragmentSource() {
-    return Ya[this.mode];
+    return Ha[this.mode];
   }
   getVertexSource() {
     return "\n    attribute vec2 aPosition;\n    varying vec2 vTexCoord;\n    varying vec2 vTexCoord2;\n    uniform mat3 uTransformMatrix;\n    void main() {\n      vTexCoord = aPosition;\n      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;\n      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n    }\n    ";
@@ -6337,17 +6361,17 @@ class Va extends Ba {
     return s(s({}, super.toObject()), {}, { image: this.image && this.image.toObject() });
   }
   static async fromObject(t2, e3) {
-    let { type: r2, image: n2 } = t2, o2 = i(t2, Wa);
-    return ea.fromObject(n2, e3).then((t3) => new this(s(s({}, o2), {}, { image: t3 })));
+    let { type: r2, image: n2 } = t2, o2 = i(t2, Na);
+    return oa.fromObject(n2, e3).then((t3) => new this(s(s({}, o2), {}, { image: t3 })));
   }
 }
-t(Va, "type", "BlendImage"), t(Va, "defaults", { mode: "multiply", alpha: 1 }), t(Va, "uniformLocations", ["uTransformMatrix", "uImage"]), tt.setClass(Va);
-class za extends Ba {
+t(Ua, "type", "BlendImage"), t(Ua, "defaults", { mode: "multiply", alpha: 1 }), t(Ua, "uniformLocations", ["uTransformMatrix", "uImage"]), tt.setClass(Ua);
+class qa extends Va {
   getFragmentSource() {
     return "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform vec2 uDelta;\n    varying vec2 vTexCoord;\n    const float nSamples = 15.0;\n    vec3 v3offset = vec3(12.9898, 78.233, 151.7182);\n    float random(vec3 scale) {\n      /* use the fragment position for a different seed per-pixel */\n      return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);\n    }\n    void main() {\n      vec4 color = vec4(0.0);\n      float totalC = 0.0;\n      float totalA = 0.0;\n      float offset = random(v3offset);\n      for (float t = -nSamples; t <= nSamples; t++) {\n        float percent = (t + offset - 0.5) / nSamples;\n        vec4 sample = texture2D(uTexture, vTexCoord + uDelta * percent);\n        float weight = 1.0 - abs(percent);\n        float alpha = weight * sample.a;\n        color.rgb += sample.rgb * alpha;\n        color.a += alpha;\n        totalA += weight;\n        totalC += alpha;\n      }\n      gl_FragColor.rgb = color.rgb / totalC;\n      gl_FragColor.a = color.a / totalA;\n    }\n  ";
   }
   applyTo(t2) {
-    Pa(t2) ? (this.aspectRatio = t2.sourceWidth / t2.sourceHeight, t2.passes++, this._setupFrameBuffer(t2), this.horizontal = true, this.applyToWebGL(t2), this._swapTextures(t2), this._setupFrameBuffer(t2), this.horizontal = false, this.applyToWebGL(t2), this._swapTextures(t2)) : this.applyTo2d(t2);
+    La(t2) ? (this.aspectRatio = t2.sourceWidth / t2.sourceHeight, t2.passes++, this._setupFrameBuffer(t2), this.horizontal = true, this.applyToWebGL(t2), this._swapTextures(t2), this._setupFrameBuffer(t2), this.horizontal = false, this.applyToWebGL(t2), this._swapTextures(t2)) : this.applyTo2d(t2);
   }
   applyTo2d(t2) {
     let { imageData: { data: e3, width: s2, height: i2 } } = t2;
@@ -6397,8 +6421,8 @@ class za extends Ba {
     return this.horizontal ? [t2, 0] : [0, t2];
   }
 }
-t(za, "type", "Blur"), t(za, "defaults", { blur: 0 }), t(za, "uniformLocations", ["uDelta"]), tt.setClass(za);
-class Ga extends Ba {
+t(qa, "type", "Blur"), t(qa, "defaults", { blur: 0 }), t(qa, "uniformLocations", ["uDelta"]), tt.setClass(qa);
+class Ka extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uBrightness;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    color.rgb += uBrightness;\n    gl_FragColor = color;\n  }\n";
   }
@@ -6414,9 +6438,9 @@ class Ga extends Ba {
     t2.uniform1f(e3.uBrightness, this.brightness);
   }
 }
-t(Ga, "type", "Brightness"), t(Ga, "defaults", { brightness: 0 }), t(Ga, "uniformLocations", ["uBrightness"]), tt.setClass(Ga);
-const Ha = { matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], colorsOnly: true };
-class Na extends Ba {
+t(Ka, "type", "Brightness"), t(Ka, "defaults", { brightness: 0 }), t(Ka, "uniformLocations", ["uBrightness"]), tt.setClass(Ka);
+const Ja = { matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], colorsOnly: true };
+class Qa extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  varying vec2 vTexCoord;\n  uniform mat4 uColorMatrix;\n  uniform vec4 uConstants;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    color *= uColorMatrix;\n    color += uConstants;\n    gl_FragColor = color;\n  }";
   }
@@ -6438,30 +6462,30 @@ class Na extends Ba {
     return s(s({}, super.toObject()), {}, { matrix: [...this.matrix] });
   }
 }
-function Ua(e3, s2) {
+function Za(e3, s2) {
   var i2;
-  const r2 = (t(i2 = class extends Na {
+  const r2 = (t(i2 = class extends Qa {
     toObject() {
       return { type: this.type, colorsOnly: this.colorsOnly };
     }
   }, "type", e3), t(i2, "defaults", { colorsOnly: false, matrix: s2 }), i2);
   return tt.setClass(r2, e3), r2;
 }
-t(Na, "type", "ColorMatrix"), t(Na, "defaults", Ha), t(Na, "uniformLocations", ["uColorMatrix", "uConstants"]), tt.setClass(Na);
-Ua("Brownie", [0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0]);
-Ua("Vintage", [0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0]);
-Ua("Kodachrome", [1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0]);
-Ua("Technicolor", [1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0]);
-Ua("Polaroid", [1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, 1.483, 0, 0, 0, 0, 0, 1, 0]);
-Ua("Sepia", [0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, 0, 0, 0, 0, 0, 1, 0]);
-Ua("BlackWhite", [1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, 1, 0]);
-class eh extends Ba {
+t(Qa, "type", "ColorMatrix"), t(Qa, "defaults", Ja), t(Qa, "uniformLocations", ["uColorMatrix", "uConstants"]), tt.setClass(Qa);
+Za("Brownie", [0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0]);
+Za("Vintage", [0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0]);
+Za("Kodachrome", [1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0]);
+Za("Technicolor", [1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0]);
+Za("Polaroid", [1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, 1.483, 0, 0, 0, 0, 0, 1, 0]);
+Za("Sepia", [0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, 0, 0, 0, 0, 0, 1, 0]);
+Za("BlackWhite", [1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, 1, 0]);
+class oh extends Va {
   constructor() {
     let t2 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
     super(t2), this.subFilters = t2.subFilters || [];
   }
   applyTo(t2) {
-    Pa(t2) && (t2.passes += this.subFilters.length - 1), this.subFilters.forEach((e3) => {
+    La(t2) && (t2.passes += this.subFilters.length - 1), this.subFilters.forEach((e3) => {
       e3.applyTo(t2);
     });
   }
@@ -6475,8 +6499,8 @@ class eh extends Ba {
     return Promise.all((t2.subFilters || []).map((t3) => tt.getClass(t3.type).fromObject(t3, e3))).then((t3) => new this({ subFilters: t3 }));
   }
 }
-t(eh, "type", "Composed"), tt.setClass(eh);
-class sh extends Ba {
+t(oh, "type", "Composed"), tt.setClass(oh);
+class ah extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uContrast;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n    color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n    gl_FragColor = color;\n  }";
   }
@@ -6492,14 +6516,14 @@ class sh extends Ba {
     t2.uniform1f(e3.uContrast, this.contrast);
   }
 }
-t(sh, "type", "Contrast"), t(sh, "defaults", { contrast: 0 }), t(sh, "uniformLocations", ["uContrast"]), tt.setClass(sh);
-const ih = { Convolute_3_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[9];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 3.0; h+=1.0) {\n        for (float w = 0.0; w < 3.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_3_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[9];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 3.0; h+=1.0) {\n        for (float w = 0.0; w < 3.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_5_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[25];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 5.0; h+=1.0) {\n        for (float w = 0.0; w < 5.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_5_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[25];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 5.0; h+=1.0) {\n        for (float w = 0.0; w < 5.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_7_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[49];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 7.0; h+=1.0) {\n        for (float w = 0.0; w < 7.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_7_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[49];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 7.0; h+=1.0) {\n        for (float w = 0.0; w < 7.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_9_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[81];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 9.0; h+=1.0) {\n        for (float w = 0.0; w < 9.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_9_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[81];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 9.0; h+=1.0) {\n        for (float w = 0.0; w < 9.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    " };
-class rh extends Ba {
+t(ah, "type", "Contrast"), t(ah, "defaults", { contrast: 0 }), t(ah, "uniformLocations", ["uContrast"]), tt.setClass(ah);
+const hh = { Convolute_3_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[9];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 3.0; h+=1.0) {\n        for (float w = 0.0; w < 3.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_3_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[9];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 3.0; h+=1.0) {\n        for (float w = 0.0; w < 3.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_5_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[25];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 5.0; h+=1.0) {\n        for (float w = 0.0; w < 5.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_5_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[25];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 5.0; h+=1.0) {\n        for (float w = 0.0; w < 5.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_7_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[49];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 7.0; h+=1.0) {\n        for (float w = 0.0; w < 7.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_7_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[49];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 7.0; h+=1.0) {\n        for (float w = 0.0; w < 7.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    ", Convolute_9_1: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[81];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 0);\n      for (float h = 0.0; h < 9.0; h+=1.0) {\n        for (float w = 0.0; w < 9.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n        }\n      }\n      gl_FragColor = color;\n    }\n    ", Convolute_9_0: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform float uMatrix[81];\n    uniform float uStepW;\n    uniform float uStepH;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = vec4(0, 0, 0, 1);\n      for (float h = 0.0; h < 9.0; h+=1.0) {\n        for (float w = 0.0; w < 9.0; w+=1.0) {\n          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n        }\n      }\n      float alpha = texture2D(uTexture, vTexCoord).a;\n      gl_FragColor = color;\n      gl_FragColor.a = alpha;\n    }\n    " };
+class ch extends Va {
   getCacheKey() {
     return "".concat(this.type, "_").concat(Math.sqrt(this.matrix.length), "_").concat(this.opaque ? 1 : 0);
   }
   getFragmentSource() {
-    return ih[this.getCacheKey()];
+    return hh[this.getCacheKey()];
   }
   applyTo2d(t2) {
     const e3 = t2.imageData, s2 = e3.data, i2 = this.matrix, r2 = Math.round(Math.sqrt(i2.length)), n2 = Math.floor(r2 / 2), o2 = e3.width, a2 = e3.height, h2 = t2.ctx.createImageData(o2, a2), c2 = h2.data, l2 = this.opaque ? 1 : 0;
@@ -6517,9 +6541,9 @@ class rh extends Ba {
     return s(s({}, super.toObject()), {}, { opaque: this.opaque, matrix: [...this.matrix] });
   }
 }
-t(rh, "type", "Convolute"), t(rh, "defaults", { opaque: false, matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0] }), t(rh, "uniformLocations", ["uMatrix", "uOpaque", "uHalfSize", "uSize"]), tt.setClass(rh);
-const nh = "Gamma";
-class oh extends Ba {
+t(ch, "type", "Convolute"), t(ch, "defaults", { opaque: false, matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0] }), t(ch, "uniformLocations", ["uMatrix", "uOpaque", "uHalfSize", "uSize"]), tt.setClass(ch);
+const lh = "Gamma";
+class uh extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform vec3 uGamma;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    vec3 correction = (1.0 / uGamma);\n    color.r = pow(color.r, correction.r);\n    color.g = pow(color.g, correction.g);\n    color.b = pow(color.b, correction.b);\n    gl_FragColor = color;\n    gl_FragColor.rgb *= color.a;\n  }\n";
   }
@@ -6543,12 +6567,12 @@ class oh extends Ba {
     return 1 === t2[0] && 1 === t2[1] && 1 === t2[2];
   }
   toObject() {
-    return { type: nh, gamma: this.gamma.concat() };
+    return { type: lh, gamma: this.gamma.concat() };
   }
 }
-t(oh, "type", nh), t(oh, "defaults", { gamma: [1, 1, 1] }), t(oh, "uniformLocations", ["uGamma"]), tt.setClass(oh);
-const ah = { average: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      float average = (color.r + color.b + color.g) / 3.0;\n      gl_FragColor = vec4(average, average, average, color.a);\n    }\n    ", lightness: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform int uMode;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 col = texture2D(uTexture, vTexCoord);\n      float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n      gl_FragColor = vec4(average, average, average, col.a);\n    }\n    ", luminosity: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform int uMode;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 col = texture2D(uTexture, vTexCoord);\n      float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n      gl_FragColor = vec4(average, average, average, col.a);\n    }\n    " };
-class hh extends Ba {
+t(uh, "type", lh), t(uh, "defaults", { gamma: [1, 1, 1] }), t(uh, "uniformLocations", ["uGamma"]), tt.setClass(uh);
+const dh = { average: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 color = texture2D(uTexture, vTexCoord);\n      float average = (color.r + color.b + color.g) / 3.0;\n      gl_FragColor = vec4(average, average, average, color.a);\n    }\n    ", lightness: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform int uMode;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 col = texture2D(uTexture, vTexCoord);\n      float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\n      gl_FragColor = vec4(average, average, average, col.a);\n    }\n    ", luminosity: "\n    precision highp float;\n    uniform sampler2D uTexture;\n    uniform int uMode;\n    varying vec2 vTexCoord;\n    void main() {\n      vec4 col = texture2D(uTexture, vTexCoord);\n      float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\n      gl_FragColor = vec4(average, average, average, col.a);\n    }\n    " };
+class gh extends Va {
   applyTo2d(t2) {
     let { imageData: { data: e3 } } = t2;
     for (let t3, s2 = 0; s2 < e3.length; s2 += 4) {
@@ -6570,7 +6594,7 @@ class hh extends Ba {
     return "".concat(this.type, "_").concat(this.mode);
   }
   getFragmentSource() {
-    return ah[this.mode];
+    return dh[this.mode];
   }
   sendUniformData(t2, e3) {
     t2.uniform1i(e3.uMode, 1);
@@ -6579,9 +6603,9 @@ class hh extends Ba {
     return false;
   }
 }
-t(hh, "type", "Grayscale"), t(hh, "defaults", { mode: "average" }), t(hh, "uniformLocations", ["uMode"]), tt.setClass(hh);
-const ch = s(s({}, Ha), {}, { rotation: 0 });
-class lh extends Na {
+t(gh, "type", "Grayscale"), t(gh, "defaults", { mode: "average" }), t(gh, "uniformLocations", ["uMode"]), tt.setClass(gh);
+const fh = s(s({}, Ja), {}, { rotation: 0 });
+class ph extends Qa {
   calculateMatrix() {
     const t2 = this.rotation * Math.PI, e3 = rt(t2), s2 = nt(t2), i2 = 1 / 3, r2 = Math.sqrt(i2) * s2, n2 = 1 - e3;
     this.matrix = [e3 + n2 / 3, i2 * n2 - r2, i2 * n2 + r2, 0, 0, i2 * n2 + r2, e3 + i2 * n2, i2 * n2 - r2, 0, 0, i2 * n2 - r2, i2 * n2 + r2, e3 + i2 * n2, 0, 0, 0, 0, 0, 1, 0];
@@ -6596,8 +6620,8 @@ class lh extends Na {
     return { type: this.type, rotation: this.rotation };
   }
 }
-t(lh, "type", "HueRotation"), t(lh, "defaults", ch), tt.setClass(lh);
-class uh extends Ba {
+t(ph, "type", "HueRotation"), t(ph, "defaults", fh), tt.setClass(ph);
+class mh extends Va {
   applyTo2d(t2) {
     let { imageData: { data: e3 } } = t2;
     for (let t3 = 0; t3 < e3.length; t3 += 4) e3[t3] = 255 - e3[t3], e3[t3 + 1] = 255 - e3[t3 + 1], e3[t3 + 2] = 255 - e3[t3 + 2], this.alpha && (e3[t3 + 3] = 255 - e3[t3 + 3]);
@@ -6612,8 +6636,8 @@ class uh extends Ba {
     t2.uniform1i(e3.uInvert, Number(this.invert)), t2.uniform1i(e3.uAlpha, Number(this.alpha));
   }
 }
-t(uh, "type", "Invert"), t(uh, "defaults", { alpha: false, invert: true }), t(uh, "uniformLocations", ["uInvert", "uAlpha"]), tt.setClass(uh);
-class dh extends Ba {
+t(mh, "type", "Invert"), t(mh, "defaults", { alpha: false, invert: true }), t(mh, "uniformLocations", ["uInvert", "uAlpha"]), tt.setClass(mh);
+let vh$1 = class vh extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uStepH;\n  uniform float uNoise;\n  uniform float uSeed;\n  varying vec2 vTexCoord;\n  float rand(vec2 co, float seed, float vScale) {\n    return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);\n  }\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;\n    gl_FragColor = color;\n  }\n";
   }
@@ -6631,9 +6655,9 @@ class dh extends Ba {
   isNeutralState() {
     return 0 === this.noise;
   }
-}
-t(dh, "type", "Noise"), t(dh, "defaults", { noise: 0 }), t(dh, "uniformLocations", ["uNoise", "uSeed"]), tt.setClass(dh);
-class gh extends Ba {
+};
+t(vh$1, "type", "Noise"), t(vh$1, "defaults", { noise: 0 }), t(vh$1, "uniformLocations", ["uNoise", "uSeed"]), tt.setClass(vh$1);
+class yh extends Va {
   applyTo2d(t2) {
     let { imageData: { data: e3, width: s2, height: i2 } } = t2;
     for (let t3 = 0; t3 < i2; t3 += this.blocksize) for (let r2 = 0; r2 < s2; r2 += this.blocksize) {
@@ -6654,26 +6678,26 @@ class gh extends Ba {
     t2.uniform1f(e3.uBlocksize, this.blocksize);
   }
 }
-t(gh, "type", "Pixelate"), t(gh, "defaults", { blocksize: 4 }), t(gh, "uniformLocations", ["uBlocksize"]), tt.setClass(gh);
-class fh extends Ba {
+t(yh, "type", "Pixelate"), t(yh, "defaults", { blocksize: 4 }), t(yh, "uniformLocations", ["uBlocksize"]), tt.setClass(yh);
+class _h extends Va {
   getFragmentSource() {
     return "\nprecision highp float;\nuniform sampler2D uTexture;\nuniform vec4 uLow;\nuniform vec4 uHigh;\nvarying vec2 vTexCoord;\nvoid main() {\n  gl_FragColor = texture2D(uTexture, vTexCoord);\n  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\n    gl_FragColor.a = 0.0;\n  }\n}\n";
   }
   applyTo2d(t2) {
     let { imageData: { data: e3 } } = t2;
-    const s2 = 255 * this.distance, i2 = new Le(this.color).getSource(), r2 = [i2[0] - s2, i2[1] - s2, i2[2] - s2], n2 = [i2[0] + s2, i2[1] + s2, i2[2] + s2];
+    const s2 = 255 * this.distance, i2 = new Ie(this.color).getSource(), r2 = [i2[0] - s2, i2[1] - s2, i2[2] - s2], n2 = [i2[0] + s2, i2[1] + s2, i2[2] + s2];
     for (let t3 = 0; t3 < e3.length; t3 += 4) {
       const s3 = e3[t3], i3 = e3[t3 + 1], o2 = e3[t3 + 2];
       s3 > r2[0] && i3 > r2[1] && o2 > r2[2] && s3 < n2[0] && i3 < n2[1] && o2 < n2[2] && (e3[t3 + 3] = 0);
     }
   }
   sendUniformData(t2, e3) {
-    const s2 = new Le(this.color).getSource(), i2 = this.distance, r2 = [0 + s2[0] / 255 - i2, 0 + s2[1] / 255 - i2, 0 + s2[2] / 255 - i2, 1], n2 = [s2[0] / 255 + i2, s2[1] / 255 + i2, s2[2] / 255 + i2, 1];
+    const s2 = new Ie(this.color).getSource(), i2 = this.distance, r2 = [0 + s2[0] / 255 - i2, 0 + s2[1] / 255 - i2, 0 + s2[2] / 255 - i2, 1], n2 = [s2[0] / 255 + i2, s2[1] / 255 + i2, s2[2] / 255 + i2, 1];
     t2.uniform4fv(e3.uLow, r2), t2.uniform4fv(e3.uHigh, n2);
   }
 }
-t(fh, "type", "RemoveColor"), t(fh, "defaults", { color: "#FFFFFF", distance: 0.02, useAlpha: false }), t(fh, "uniformLocations", ["uLow", "uHigh"]), tt.setClass(fh);
-class ph extends Ba {
+t(_h, "type", "RemoveColor"), t(_h, "defaults", { color: "#FFFFFF", distance: 0.02, useAlpha: false }), t(_h, "uniformLocations", ["uLow", "uHigh"]), tt.setClass(_h);
+class xh extends Va {
   sendUniformData(t2, e3) {
     t2.uniform2fv(e3.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]), t2.uniform1fv(e3.uTaps, this.taps);
   }
@@ -6703,7 +6727,7 @@ class ph extends Ba {
     t2.passes++, this.width = t2.sourceWidth, this.horizontal = true, this.dW = Math.round(this.width * this.scaleX), this.dH = t2.sourceHeight, this.tempScale = this.dW / this.width, this.taps = this.getTaps(), t2.destinationWidth = this.dW, super.applyTo(t2), t2.sourceWidth = t2.destinationWidth, this.height = t2.sourceHeight, this.horizontal = false, this.dH = Math.round(this.height * this.scaleY), this.tempScale = this.dH / this.height, this.taps = this.getTaps(), t2.destinationHeight = this.dH, super.applyTo(t2), t2.sourceHeight = t2.destinationHeight;
   }
   applyTo(t2) {
-    Pa(t2) ? this.applyToForWebgl(t2) : this.applyTo2d(t2);
+    La(t2) ? this.applyToForWebgl(t2) : this.applyTo2d(t2);
   }
   isNeutralState() {
     return 1 === this.scaleX && 1 === this.scaleY;
@@ -6776,8 +6800,8 @@ class ph extends Ba {
     return l2;
   }
 }
-t(ph, "type", "Resize"), t(ph, "defaults", { resizeType: "hermite", scaleX: 1, scaleY: 1, lanczosLobes: 3 }), t(ph, "uniformLocations", ["uDelta", "uTaps"]), tt.setClass(ph);
-class mh extends Ba {
+t(xh, "type", "Resize"), t(xh, "defaults", { resizeType: "hermite", scaleX: 1, scaleY: 1, lanczosLobes: 3 }), t(xh, "uniformLocations", ["uDelta", "uTaps"]), tt.setClass(xh);
+class Ch extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uSaturation;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float rgMax = max(color.r, color.g);\n    float rgbMax = max(rgMax, color.b);\n    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\n    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\n    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\n    gl_FragColor = color;\n  }\n";
   }
@@ -6796,8 +6820,8 @@ class mh extends Ba {
     return 0 === this.saturation;
   }
 }
-t(mh, "type", "Saturation"), t(mh, "defaults", { saturation: 0 }), t(mh, "uniformLocations", ["uSaturation"]), tt.setClass(mh);
-let vh$1 = class vh extends Ba {
+t(Ch, "type", "Saturation"), t(Ch, "defaults", { saturation: 0 }), t(Ch, "uniformLocations", ["uSaturation"]), tt.setClass(Ch);
+class bh extends Va {
   getFragmentSource() {
     return "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uVibrance;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float max = max(color.r, max(color.g, color.b));\n    float avg = (color.r + color.g + color.b) / 3.0;\n    float amt = (abs(max - avg) * 2.0) * uVibrance;\n    color.r += max != color.r ? (max - color.r) * amt : 0.00;\n    color.g += max != color.g ? (max - color.g) * amt : 0.00;\n    color.b += max != color.b ? (max - color.b) * amt : 0.00;\n    gl_FragColor = color;\n  }\n";
   }
@@ -6815,8 +6839,8 @@ let vh$1 = class vh extends Ba {
   isNeutralState() {
     return 0 === this.vibrance;
   }
-};
-t(vh$1, "type", "Vibrance"), t(vh$1, "defaults", { vibrance: 0 }), t(vh$1, "uniformLocations", ["uVibrance"]), tt.setClass(vh$1);
+}
+t(bh, "type", "Vibrance"), t(bh, "defaults", { vibrance: 0 }), t(bh, "uniformLocations", ["uVibrance"]), tt.setClass(bh);
 const DEFAULT_TEXT_PROPS = {
   /** Font family for text elements */
   family: "Poppins",
@@ -6903,7 +6927,7 @@ const createCanvas = ({
     scaleX: Number((canvasSize.width / videoSize.width).toFixed(2)),
     scaleY: Number((canvasSize.height / videoSize.height).toFixed(2))
   };
-  const canvas = new Sn(canvasRef, {
+  const canvas = new Xn(canvasRef, {
     backgroundColor,
     width: canvasSize.width,
     height: canvasSize.height,
@@ -6943,8 +6967,8 @@ const reorderElementsByZIndex = (canvas) => {
   canvas.renderAll();
 };
 const getCanvasContext = (canvas) => {
-  var _a2, _b, _c, _d;
-  if (!canvas || !((_b = (_a2 = canvas.elements) == null ? void 0 : _a2.lower) == null ? void 0 : _b.ctx)) return;
+  var _a, _b, _c, _d;
+  if (!canvas || !((_b = (_a = canvas.elements) == null ? void 0 : _a.lower) == null ? void 0 : _b.ctx)) return;
   return (_d = (_c = canvas.elements) == null ? void 0 : _c.lower) == null ? void 0 : _d.ctx;
 };
 const clearCanvas = (canvas) => {
@@ -6969,9 +6993,9 @@ const convertToVideoPosition = (x2, y2, canvasMetadata, videoSize) => {
   };
 };
 const getCurrentFrameEffect = (item, seekTime) => {
-  var _a2;
+  var _a;
   let currentFrameEffect;
-  for (let i2 = 0; i2 < ((_a2 = item == null ? void 0 : item.frameEffects) == null ? void 0 : _a2.length); i2++) {
+  for (let i2 = 0; i2 < ((_a = item == null ? void 0 : item.frameEffects) == null ? void 0 : _a.length); i2++) {
     if (item.frameEffects[i2].s <= seekTime && item.frameEffects[i2].e >= seekTime) {
       currentFrameEffect = item.frameEffects[i2];
       break;
@@ -6979,7 +7003,7 @@ const getCurrentFrameEffect = (item, seekTime) => {
   }
   return currentFrameEffect;
 };
-const disabledControl = new Hs({
+const disabledControl = new ai({
   /** X position offset */
   x: 0,
   /** Y position offset */
@@ -7004,7 +7028,7 @@ const disabledControl = new Hs({
     ctx.restore();
   }
 });
-const rotateControl = new Hs({
+const rotateControl = new ai({
   /** X position offset */
   x: 0,
   /** Y position offset */
@@ -7014,7 +7038,7 @@ const rotateControl = new Hs({
   /** Cursor style when hovering */
   cursorStyle: "crosshair",
   /** Action handler with rotation and snapping */
-  actionHandler: Ma.rotationWithSnapping,
+  actionHandler: Fa.rotationWithSnapping,
   /** Name of the action */
   actionName: "rotate",
   /** Whether to show connection line */
@@ -7043,9 +7067,9 @@ const getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {
       if (timeoutId) clearTimeout(timeoutId);
     };
     const handleError = () => {
-      var _a2;
+      var _a;
       cleanup();
-      reject(new Error(`Failed to load video: ${((_a2 = video.error) == null ? void 0 : _a2.message) || "Unknown error"}`));
+      reject(new Error(`Failed to load video: ${((_a = video.error) == null ? void 0 : _a.message) || "Unknown error"}`));
     };
     const handleSeeked = () => {
       try {
@@ -7151,9 +7175,9 @@ const addTextElement = ({
   canvas,
   canvasMetadata
 }) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k, _l, _m, _n2, _o2, _p, _q, _r2, _s2, _t2, _u, _v, _w, _x, _y;
+  var _a, _b, _c, _d, _e2, _f, _g, _h2, _i2, _j, _k, _l, _m, _n2, _o2, _p, _q, _r2, _s2, _t2, _u, _v, _w, _x, _y;
   const { x: x2, y: y2 } = convertToCanvasPosition(
-    ((_a2 = element.props) == null ? void 0 : _a2.x) || 0,
+    ((_a = element.props) == null ? void 0 : _a.x) || 0,
     ((_b = element.props) == null ? void 0 : _b.y) || 0,
     canvasMetadata
   );
@@ -7161,7 +7185,7 @@ const addTextElement = ({
   if ((_d = element.props) == null ? void 0 : _d.maxWidth) {
     width = Math.min(width, element.props.maxWidth * canvasMetadata.scaleX);
   }
-  const text = new Vo(((_e2 = element.props) == null ? void 0 : _e2.text) || element.t || "", {
+  const text = new Uo(((_e2 = element.props) == null ? void 0 : _e2.text) || element.t || "", {
     left: x2,
     top: y2,
     originX: "center",
@@ -7170,7 +7194,7 @@ const addTextElement = ({
     fontSize: Math.floor(
       (((_g = element.props) == null ? void 0 : _g.fontSize) || DEFAULT_TEXT_PROPS.size) * canvasMetadata.scaleX
     ),
-    fontFamily: ((_h = element.props) == null ? void 0 : _h.fontFamily) || DEFAULT_TEXT_PROPS.family,
+    fontFamily: ((_h2 = element.props) == null ? void 0 : _h2.fontFamily) || DEFAULT_TEXT_PROPS.family,
     fontStyle: ((_i2 = element.props) == null ? void 0 : _i2.fontStyle) || "normal",
     fontWeight: ((_j = element.props) == null ? void 0 : _j.fontWeight) || "normal",
     fill: ((_k = element.props) == null ? void 0 : _k.fill) || DEFAULT_TEXT_PROPS.fill,
@@ -7180,7 +7204,7 @@ const addTextElement = ({
     textAlign: ((_m = element.props) == null ? void 0 : _m.textAlign) || "center",
     stroke: ((_n2 = element.props) == null ? void 0 : _n2.stroke) || DEFAULT_TEXT_PROPS.stroke,
     strokeWidth: ((_o2 = element.props) == null ? void 0 : _o2.lineWidth) || DEFAULT_TEXT_PROPS.lineWidth,
-    shadow: ((_p = element.props) == null ? void 0 : _p.shadowColor) ? new ds({
+    shadow: ((_p = element.props) == null ? void 0 : _p.shadowColor) ? new Ds({
       offsetX: ((_r2 = (_q = element.props) == null ? void 0 : _q.shadowOffset) == null ? void 0 : _r2.length) && ((_t2 = (_s2 = element.props) == null ? void 0 : _s2.shadowOffset) == null ? void 0 : _t2.length) > 1 ? element.props.shadowOffset[0] / 2 : 1,
       offsetY: ((_v = (_u = element.props) == null ? void 0 : _u.shadowOffset) == null ? void 0 : _v.length) && ((_w = element.props) == null ? void 0 : _w.shadowOffset.length) > 1 ? element.props.shadowOffset[1] / 2 : 1,
       blur: (((_x = element.props) == null ? void 0 : _x.shadowBlur) || 2) / 2,
@@ -7207,8 +7231,8 @@ const setImageProps = ({
   index,
   canvasMetadata
 }) => {
-  var _a2, _b, _c, _d, _e2;
-  const width = (((_a2 = element.props) == null ? void 0 : _a2.width) || 0) * canvasMetadata.scaleX || canvasMetadata.width;
+  var _a, _b, _c, _d, _e2;
+  const width = (((_a = element.props) == null ? void 0 : _a.width) || 0) * canvasMetadata.scaleX || canvasMetadata.width;
   const height = (((_b = element.props) == null ? void 0 : _b.height) || 0) * canvasMetadata.scaleY || canvasMetadata.height;
   const { x: x2, y: y2 } = convertToCanvasPosition(
     ((_c = element.props) == null ? void 0 : _c.x) || 0,
@@ -7234,27 +7258,27 @@ const addCaptionElement = ({
   captionProps,
   canvasMetadata
 }) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k, _l, _m, _n2, _o2, _p, _q, _r2, _s2, _t2, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
+  var _a, _b, _c, _d, _e2, _f, _g, _h2, _i2, _j, _k, _l, _m, _n2, _o2, _p, _q, _r2, _s2, _t2, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
   const { x: x2, y: y2 } = convertToCanvasPosition(
-    ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.x : (_a2 = element.props) == null ? void 0 : _a2.x) ?? 0,
+    ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.x : (_a = element.props) == null ? void 0 : _a.x) ?? 0,
     ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.y : (_b = element.props) == null ? void 0 : _b.y) ?? 0,
     canvasMetadata
   );
-  const caption = new ko(((_c = element.props) == null ? void 0 : _c.text) || element.t || "", {
+  const caption = new Ao(((_c = element.props) == null ? void 0 : _c.text) || element.t || "", {
     left: x2,
     top: y2,
     originX: "center",
     originY: "center",
     angle: ((_d = element.props) == null ? void 0 : _d.rotation) || 0,
     fontSize: Math.round(
-      (((captionProps == null ? void 0 : captionProps.applyToAll) ? (_e2 = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _e2.size : ((_g = (_f = element.props) == null ? void 0 : _f.font) == null ? void 0 : _g.size) ?? ((_h = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _h.size)) ?? DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX
+      (((captionProps == null ? void 0 : captionProps.applyToAll) ? (_e2 = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _e2.size : ((_g = (_f = element.props) == null ? void 0 : _f.font) == null ? void 0 : _g.size) ?? ((_h2 = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _h2.size)) ?? DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX
     ),
     fontFamily: ((captionProps == null ? void 0 : captionProps.applyToAll) ? (_i2 = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _i2.family : ((_k = (_j = element.props) == null ? void 0 : _j.font) == null ? void 0 : _k.family) ?? ((_l = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _l.family)) ?? DEFAULT_CAPTION_PROPS.family,
     fill: ((captionProps == null ? void 0 : captionProps.applyToAll) ? (_m = captionProps.color) == null ? void 0 : _m.text : ((_n2 = element.props) == null ? void 0 : _n2.fill) ?? ((_o2 = captionProps.color) == null ? void 0 : _o2.text)) ?? DEFAULT_CAPTION_PROPS.fill,
     fontWeight: ((captionProps == null ? void 0 : captionProps.applyToAll) ? (_p = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _p.weight : ((_q = element.props) == null ? void 0 : _q.fontWeight) ?? ((_r2 = captionProps == null ? void 0 : captionProps.font) == null ? void 0 : _r2.weight)) ?? DEFAULT_CAPTION_PROPS.fontWeight,
     stroke: ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.stroke : ((_s2 = element.props) == null ? void 0 : _s2.stroke) ?? (captionProps == null ? void 0 : captionProps.stroke)) ?? DEFAULT_CAPTION_PROPS.stroke,
     opacity: ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.opacity : ((_t2 = element.props) == null ? void 0 : _t2.opacity) ?? (captionProps == null ? void 0 : captionProps.opacity)) ?? 1,
-    shadow: new ds({
+    shadow: new Ds({
       offsetX: ((captionProps == null ? void 0 : captionProps.applyToAll) ? (_u = captionProps == null ? void 0 : captionProps.shadowOffset) == null ? void 0 : _u[0] : ((_w = (_v = element.props) == null ? void 0 : _v.shadowOffset) == null ? void 0 : _w[0]) ?? ((_x = captionProps == null ? void 0 : captionProps.shadowOffset) == null ? void 0 : _x[0])) ?? ((_y = DEFAULT_CAPTION_PROPS.shadowOffset) == null ? void 0 : _y[0]),
       offsetY: ((captionProps == null ? void 0 : captionProps.applyToAll) ? (_z = captionProps == null ? void 0 : captionProps.shadowOffset) == null ? void 0 : _z[1] : ((_B = (_A = element.props) == null ? void 0 : _A.shadowOffset) == null ? void 0 : _B[1]) ?? ((_C = captionProps == null ? void 0 : captionProps.shadowOffset) == null ? void 0 : _C[1])) ?? ((_D = DEFAULT_CAPTION_PROPS.shadowOffset) == null ? void 0 : _D[1]),
       blur: ((captionProps == null ? void 0 : captionProps.applyToAll) ? captionProps == null ? void 0 : captionProps.shadowBlur : ((_E = element.props) == null ? void 0 : _E.shadowBlur) ?? (captionProps == null ? void 0 : captionProps.shadowBlur)) ?? DEFAULT_CAPTION_PROPS.shadowBlur,
@@ -7284,10 +7308,10 @@ const addVideoElement = async ({
   canvasMetadata,
   currentFrameEffect
 }) => {
-  var _a2;
+  var _a;
   try {
     const thumbnailUrl = await getThumbnail(
-      ((_a2 = element == null ? void 0 : element.props) == null ? void 0 : _a2.src) || "",
+      ((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.src) || "",
       snapTime
     );
     if (!thumbnailUrl) {
@@ -7315,7 +7339,7 @@ const addImageElement = async ({
   currentFrameEffect
 }) => {
   try {
-    const img = await ea.fromURL(imageUrl || element.props.src || "");
+    const img = await oa.fromURL(imageUrl || element.props.src || "");
     img.set({
       originX: "center",
       originY: "center",
@@ -7351,14 +7375,14 @@ const addMediaGroup = ({
   canvasMetadata,
   currentFrameEffect
 }) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k, _l, _m, _n2;
+  var _a, _b, _c, _d, _e2, _f, _g, _h2, _i2, _j, _k, _l, _m, _n2;
   let frameSize;
   let angle;
   let framePosition;
   let frameRadius = 0;
   if (currentFrameEffect) {
     frameSize = {
-      width: (((_a2 = currentFrameEffect.props.frameSize) == null ? void 0 : _a2[0]) || 0) * canvasMetadata.scaleX || canvasMetadata.width,
+      width: (((_a = currentFrameEffect.props.frameSize) == null ? void 0 : _a[0]) || 0) * canvasMetadata.scaleX || canvasMetadata.width,
       height: (((_b = currentFrameEffect.props.frameSize) == null ? void 0 : _b[1]) || 0) * canvasMetadata.scaleY || canvasMetadata.height
     };
     angle = currentFrameEffect.props.rotation || 0;
@@ -7372,7 +7396,7 @@ const addMediaGroup = ({
     frameRadius = ((_d = element == null ? void 0 : element.frame) == null ? void 0 : _d.radius) || 0;
     frameSize = {
       width: (((_f = (_e2 = element == null ? void 0 : element.frame) == null ? void 0 : _e2.size) == null ? void 0 : _f[0]) || 0) * canvasMetadata.scaleX || canvasMetadata.width,
-      height: (((_h = (_g = element == null ? void 0 : element.frame) == null ? void 0 : _g.size) == null ? void 0 : _h[1]) || 0) * canvasMetadata.scaleY || canvasMetadata.height
+      height: (((_h2 = (_g = element == null ? void 0 : element.frame) == null ? void 0 : _g.size) == null ? void 0 : _h2[1]) || 0) * canvasMetadata.scaleY || canvasMetadata.height
     };
     angle = ((_i2 = element == null ? void 0 : element.frame) == null ? void 0 : _i2.rotation) || 0;
     framePosition = {
@@ -7385,7 +7409,7 @@ const addMediaGroup = ({
     { width: img.width, height: img.height },
     frameSize
   );
-  const frameRect = new vr({
+  const frameRect = new jr({
     originX: "center",
     originY: "center",
     lockMovementX: false,
@@ -7421,7 +7445,7 @@ const addMediaGroup = ({
     height: frameSize.height,
     angle
   };
-  const group = new Er([frameRect, img], {
+  const group = new Ur([frameRect, img], {
     ...groupProps,
     originX: "center",
     originY: "center",
@@ -7447,13 +7471,13 @@ const addRectElement = ({
   canvas,
   canvasMetadata
 }) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k;
+  var _a, _b, _c, _d, _e2, _f, _g, _h2, _i2, _j, _k;
   const { x: x2, y: y2 } = convertToCanvasPosition(
-    ((_a2 = element.props) == null ? void 0 : _a2.x) || 0,
+    ((_a = element.props) == null ? void 0 : _a.x) || 0,
     ((_b = element.props) == null ? void 0 : _b.y) || 0,
     canvasMetadata
   );
-  const rect = new vr({
+  const rect = new jr({
     left: x2,
     // X-coordinate on the canvas
     top: y2,
@@ -7472,7 +7496,7 @@ const addRectElement = ({
     // Stroke color
     strokeWidth: (((_g = element.props) == null ? void 0 : _g.lineWidth) || 0) * canvasMetadata.scaleX,
     // Scaled stroke width
-    fill: ((_h = element.props) == null ? void 0 : _h.fill) || "#000000",
+    fill: ((_h2 = element.props) == null ? void 0 : _h2.fill) || "#000000",
     // Fill color
     opacity: ((_i2 = element.props) == null ? void 0 : _i2.opacity) || 1,
     // Opacity level
@@ -7493,13 +7517,13 @@ const addCircleElement = ({
   canvas,
   canvasMetadata
 }) => {
-  var _a2, _b, _c, _d, _e2, _f;
+  var _a, _b, _c, _d, _e2, _f;
   const { x: x2, y: y2 } = convertToCanvasPosition(
-    ((_a2 = element.props) == null ? void 0 : _a2.x) || 0,
+    ((_a = element.props) == null ? void 0 : _a.x) || 0,
     ((_b = element.props) == null ? void 0 : _b.y) || 0,
     canvasMetadata
   );
-  const circle = new qn({
+  const circle = new co({
     left: x2,
     // X-coordinate on the canvas
     top: y2,
@@ -7527,7 +7551,7 @@ const addBackgroundColor = ({
   canvas,
   canvasMetadata
 }) => {
-  const bgRect = new vr({
+  const bgRect = new jr({
     width: canvasMetadata.width,
     height: canvasMetadata.height,
     left: canvasMetadata.width / 2,
@@ -7639,11 +7663,11 @@ const useTwickCanvas = ({
     }
   };
   const handleMouseUp = (event) => {
-    var _a2, _b, _c;
+    var _a, _b, _c;
     if (event.target) {
       const object = event.target;
       const elementId = object.get("id");
-      if (((_a2 = event.transform) == null ? void 0 : _a2.action) === "drag") {
+      if (((_a = event.transform) == null ? void 0 : _a.action) === "drag") {
         const original = event.transform.original;
         if (object.left === original.left && object.top === original.top) {
           onCanvasOperation == null ? void 0 : onCanvasOperation(
@@ -7842,7 +7866,7 @@ const useTwickCanvas = ({
     seekTime,
     captionProps
   }) => {
-    var _a2, _b;
+    var _a, _b;
     if (!twickCanvas) {
       console.warn("Canvas not initialized");
       return;
@@ -7854,7 +7878,7 @@ const useTwickCanvas = ({
           seekTime || 0
         );
         elementFrameMap.current[element.id] = currentFrameEffect;
-        const snapTime = ((seekTime || 0) - ((element == null ? void 0 : element.s) || 0)) * (((_a2 = element == null ? void 0 : element.props) == null ? void 0 : _a2.playbackRate) || 1) + (((_b = element == null ? void 0 : element.props) == null ? void 0 : _b.time) || 0);
+        const snapTime = ((seekTime || 0) - ((element == null ? void 0 : element.s) || 0)) * (((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.playbackRate) || 1) + (((_b = element == null ? void 0 : element.props) == null ? void 0 : _b.time) || 0);
         await addVideoElement({
           element,
           index,
@@ -7979,14 +8003,14 @@ const usePlayerManager = ({
     onCanvasOperation: handleCanvasOperation
   });
   const updateCanvas = (seekTime) => {
-    var _a2;
+    var _a;
     if (changeLog === currentChangeLog.current && seekTime === prevSeekTime.current) {
       return;
     }
     prevSeekTime.current = seekTime;
     const elements = timeline.getCurrentElements(
       seekTime,
-      ((_a2 = editor.getTimelineData()) == null ? void 0 : _a2.tracks) ?? []
+      ((_a = editor.getTimelineData()) == null ? void 0 : _a.tracks) ?? []
     );
     let captionProps = {};
     (elements || []).forEach((element) => {
@@ -8004,18 +8028,18 @@ const usePlayerManager = ({
     currentChangeLog.current = changeLog;
   };
   const onPlayerUpdate = (event) => {
-    var _a2;
-    if (((_a2 = event == null ? void 0 : event.detail) == null ? void 0 : _a2.status) === "ready") {
+    var _a;
+    if (((_a = event == null ? void 0 : event.detail) == null ? void 0 : _a.status) === "ready") {
       setPlayerUpdating(false);
       setTimelineAction(timeline.TIMELINE_ACTION.ON_PLAYER_UPDATED, null);
     }
   };
   React.useEffect(() => {
-    var _a2, _b, _c, _d, _e2;
+    var _a, _b, _c, _d, _e2;
     switch (timelineAction.type) {
       case timeline.TIMELINE_ACTION.UPDATE_PLAYER_DATA:
         if (videoProps) {
-          if (((_a2 = timelineAction.payload) == null ? void 0 : _a2.forceUpdate) || editor.getLatestVersion() !== ((_b = projectData == null ? void 0 : projectData.input) == null ? void 0 : _b.version)) {
+          if (((_a = timelineAction.payload) == null ? void 0 : _a.forceUpdate) || editor.getLatestVersion() !== ((_b = projectData == null ? void 0 : projectData.input) == null ? void 0 : _b.version)) {
             setPlayerUpdating(true);
             const _latestProjectData = {
               input: {
@@ -9493,6 +9517,7 @@ function SeekTrack({
   const pinHeight = 2 + timelineCount * (2.75 + 0.5);
   React.useEffect(() => {
     if (!isDragging2) {
+      console.log("currentTime", currentTime);
       setSeekPosition(currentTime * pixelsPerSecond);
     }
   }, [currentTime, pixelsPerSecond, isDragging2]);
@@ -10231,7 +10256,7 @@ function loadExternalIsValidProp(isValidProp) {
 }
 try {
   loadExternalIsValidProp(require("@emotion/is-prop-valid").default);
-} catch (_a2) {
+} catch (_a) {
 }
 function filterProps(props, isDom, forwardMotionProps) {
   const filteredProps = {};
@@ -10358,7 +10383,7 @@ const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId
 const { schedule: microtask } = createRenderBatcher(queueMicrotask, false);
 const SwitchLayoutGroupContext = React.createContext({});
 function useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor) {
-  var _a2, _b;
+  var _a, _b;
   const { visualElement: parent } = React.useContext(MotionContext);
   const lazyContext = React.useContext(LazyContext);
   const presenceContext = React.useContext(PresenceContext);
@@ -10387,7 +10412,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
     }
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = React.useRef(Boolean(optimisedAppearId) && !((_a2 = window.MotionHandoffIsComplete) === null || _a2 === void 0 ? void 0 : _a2.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
+  const wantsHandoff = React.useRef(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
@@ -10407,8 +10432,8 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
     }
     if (wantsHandoff.current) {
       queueMicrotask(() => {
-        var _a3;
-        (_a3 = window.MotionHandoffMarkAsComplete) === null || _a3 === void 0 ? void 0 : _a3.call(window, optimisedAppearId);
+        var _a2;
+        (_a2 = window.MotionHandoffMarkAsComplete) === null || _a2 === void 0 ? void 0 : _a2.call(window, optimisedAppearId);
       });
       wantsHandoff.current = false;
     }
@@ -10442,7 +10467,7 @@ function getClosestProjectingNode(visualElement) {
   return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
 }
 function createRendererMotionComponent({ preloadedFeatures, createVisualElement, useRender, useVisualState, Component }) {
-  var _a2, _b;
+  var _a, _b;
   preloadedFeatures && loadFeatures(preloadedFeatures);
   function MotionComponent(props, externalRef) {
     let MeasureLayout2;
@@ -10462,7 +10487,7 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
     }
     return jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsxRuntime.jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] });
   }
-  MotionComponent.displayName = `motion.${typeof Component === "string" ? Component : `create(${(_b = (_a2 = Component.displayName) !== null && _a2 !== void 0 ? _a2 : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
+  MotionComponent.displayName = `motion.${typeof Component === "string" ? Component : `create(${(_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : ""})`}`;
   const ForwardRefMotionComponent = React.forwardRef(MotionComponent);
   ForwardRefMotionComponent[motionComponentSymbol] = Component;
   return ForwardRefMotionComponent;
@@ -10975,11 +11000,11 @@ function isForcedMotionValue(key, { layout: layout2, layoutId }) {
   return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
 }
 function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
-  var _a2;
+  var _a;
   const { style } = props;
   const newValues = {};
   for (const key in style) {
-    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a2 = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a2 === void 0 ? void 0 : _a2.liveStyle) !== void 0) {
+    if (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a = visualElement === null || visualElement === void 0 ? void 0 : visualElement.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) {
       newValues[key] = style[key];
     }
   }
@@ -11257,8 +11282,8 @@ const supportsFlags = {
 function memoSupports(callback, supportsFlag) {
   const memoized = /* @__PURE__ */ memo(callback);
   return () => {
-    var _a2;
-    return (_a2 = supportsFlags[supportsFlag]) !== null && _a2 !== void 0 ? _a2 : memoized();
+    var _a;
+    return (_a = supportsFlags[supportsFlag]) !== null && _a !== void 0 ? _a : memoized();
   };
 }
 const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
@@ -11313,12 +11338,12 @@ function isDragActive() {
   return isDragging.x || isDragging.y;
 }
 function resolveElements(elementOrSelector, scope, selectorCache) {
-  var _a2;
+  var _a;
   if (elementOrSelector instanceof Element) {
     return [elementOrSelector];
   } else if (typeof elementOrSelector === "string") {
     let root = document;
-    const elements = (_a2 = void 0) !== null && _a2 !== void 0 ? _a2 : root.querySelectorAll(elementOrSelector);
+    const elements = (_a = void 0) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
     return elements ? Array.from(elements) : [];
   }
   return Array.from(elementOrSelector);
@@ -11964,8 +11989,8 @@ const color = {
 };
 const colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function test(v2) {
-  var _a2, _b;
-  return isNaN(v2) && typeof v2 === "string" && (((_a2 = v2.match(floatRegex)) === null || _a2 === void 0 ? void 0 : _a2.length) || 0) + (((_b = v2.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
+  var _a, _b;
+  return isNaN(v2) && typeof v2 === "string" && (((_a = v2.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = v2.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
 }
 const NUMBER_TOKEN = "number";
 const COLOR_TOKEN = "color";
@@ -12167,8 +12192,8 @@ function measureAllKeyframes() {
       const restore = transformsToRestore.get(element);
       if (restore) {
         restore.forEach(([key, value]) => {
-          var _a2;
-          (_a2 = element.getValue(key)) === null || _a2 === void 0 ? void 0 : _a2.set(value);
+          var _a;
+          (_a = element.getValue(key)) === null || _a === void 0 ? void 0 : _a.set(value);
         });
       }
     });
@@ -12377,7 +12402,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     }
   }
   measureEndState() {
-    var _a2;
+    var _a;
     const { element, name, unresolvedKeyframes } = this;
     if (!element || !element.current)
       return;
@@ -12389,7 +12414,7 @@ class DOMKeyframesResolver extends KeyframeResolver {
     if (finalKeyframe !== null && this.finalKeyframe === void 0) {
       this.finalKeyframe = finalKeyframe;
     }
-    if ((_a2 = this.removedTransforms) === null || _a2 === void 0 ? void 0 : _a2.length) {
+    if ((_a = this.removedTransforms) === null || _a === void 0 ? void 0 : _a.length) {
       this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
         element.getValue(unsetTransformName).set(unsetTransformValue);
       });
@@ -12658,13 +12683,13 @@ function mixObject(a2, b2) {
   };
 }
 function matchOrder(origin, target) {
-  var _a2;
+  var _a;
   const orderedOrigin = [];
   const pointers = { color: 0, var: 0, number: 0 };
   for (let i2 = 0; i2 < target.values.length; i2++) {
     const type = target.types[i2];
     const originIndex = origin.indexes[type][pointers[type]];
-    const originValue = (_a2 = origin.values[originIndex]) !== null && _a2 !== void 0 ? _a2 : 0;
+    const originValue = (_a = origin.values[originIndex]) !== null && _a !== void 0 ? _a : 0;
     orderedOrigin[i2] = originValue;
     pointers[type]++;
   }
@@ -13298,13 +13323,13 @@ class MainThreadAnimation extends BaseAnimation {
     this.driver.start();
   }
   pause() {
-    var _a2;
+    var _a;
     if (!this._resolved) {
       this.pendingPlayState = "paused";
       return;
     }
     this.state = "paused";
-    this.holdTime = (_a2 = this.currentTime) !== null && _a2 !== void 0 ? _a2 : 0;
+    this.holdTime = (_a = this.currentTime) !== null && _a !== void 0 ? _a : 0;
   }
   complete() {
     if (this.state !== "running") {
@@ -13697,14 +13722,14 @@ function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
   return shouldBlock;
 }
 function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0, transitionOverride, type } = {}) {
-  var _a2;
+  var _a;
   let { transition = visualElement.getDefaultTransition(), transitionEnd, ...target } = targetAndTransition;
   if (transitionOverride)
     transition = transitionOverride;
   const animations2 = [];
   const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
   for (const key in target) {
-    const value = visualElement.getValue(key, (_a2 = visualElement.latestValues[key]) !== null && _a2 !== void 0 ? _a2 : null);
+    const value = visualElement.getValue(key, (_a = visualElement.latestValues[key]) !== null && _a !== void 0 ? _a : null);
     const valueTarget = target[key];
     if (valueTarget === void 0 || animationTypeState && shouldBlockAnimation(animationTypeState, key)) {
       continue;
@@ -13741,8 +13766,8 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
   return animations2;
 }
 function animateVariant(visualElement, variant, options = {}) {
-  var _a2;
-  const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? (_a2 = visualElement.presenceContext) === null || _a2 === void 0 ? void 0 : _a2.custom : void 0);
+  var _a;
+  const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? (_a = visualElement.presenceContext) === null || _a === void 0 ? void 0 : _a.custom : void 0);
   let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
   if (options.transitionOverride) {
     transition = options.transitionOverride;
@@ -13823,8 +13848,8 @@ function createAnimationState(visualElement) {
   let state = createState();
   let isInitialRender = true;
   const buildResolvedTypeValues = (type) => (acc, definition) => {
-    var _a2;
-    const resolved = resolveVariant(visualElement, definition, type === "exit" ? (_a2 = visualElement.presenceContext) === null || _a2 === void 0 ? void 0 : _a2.custom : void 0);
+    var _a;
+    const resolved = resolveVariant(visualElement, definition, type === "exit" ? (_a = visualElement.presenceContext) === null || _a === void 0 ? void 0 : _a.custom : void 0);
     if (resolved) {
       const { transition, transitionEnd, ...target } = resolved;
       acc = { ...acc, ...target, ...transitionEnd };
@@ -13946,12 +13971,12 @@ function createAnimationState(visualElement) {
     return shouldAnimate ? animate(animations2) : Promise.resolve();
   }
   function setActive(type, isActive) {
-    var _a2;
+    var _a;
     if (state[type].isActive === isActive)
       return Promise.resolve();
-    (_a2 = visualElement.variantChildren) === null || _a2 === void 0 ? void 0 : _a2.forEach((child) => {
-      var _a3;
-      return (_a3 = child.animationState) === null || _a3 === void 0 ? void 0 : _a3.setActive(type, isActive);
+    (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => {
+      var _a2;
+      return (_a2 = child.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(type, isActive);
     });
     state[type].isActive = isActive;
     const animations2 = animateChanges(type);
@@ -14036,9 +14061,9 @@ class AnimationFeature extends Feature {
     }
   }
   unmount() {
-    var _a2;
+    var _a;
     this.node.animationState.reset();
-    (_a2 = this.unmountControls) === null || _a2 === void 0 ? void 0 : _a2.call(this);
+    (_a = this.unmountControls) === null || _a === void 0 ? void 0 : _a.call(this);
   }
 }
 let id$1 = 0;
@@ -14557,8 +14582,8 @@ class VisualElementDragControls {
     };
     const onSessionEnd = (event, info) => this.stop(event, info);
     const resumeAnimation = () => eachAxis((axis) => {
-      var _a2;
-      return this.getAnimationState(axis) === "paused" && ((_a2 = this.getAxisMotionValue(axis).animation) === null || _a2 === void 0 ? void 0 : _a2.play());
+      var _a;
+      return this.getAnimationState(axis) === "paused" && ((_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.play());
     });
     const { dragSnapToOrigin } = this.getProps();
     this.panSession = new PanSession(originEvent, {
@@ -14612,9 +14637,9 @@ class VisualElementDragControls {
     axisValue.set(next);
   }
   resolveConstraints() {
-    var _a2;
+    var _a;
     const { dragConstraints, dragElastic } = this.getProps();
-    const layout2 = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(false) : (_a2 = this.visualElement.projection) === null || _a2 === void 0 ? void 0 : _a2.layout;
+    const layout2 = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(false) : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;
     const prevConstraints = this.constraints;
     if (dragConstraints && isRefObject(dragConstraints)) {
       if (!this.constraints) {
@@ -14693,13 +14718,13 @@ class VisualElementDragControls {
   }
   pauseAnimation() {
     eachAxis((axis) => {
-      var _a2;
-      return (_a2 = this.getAxisMotionValue(axis).animation) === null || _a2 === void 0 ? void 0 : _a2.pause();
+      var _a;
+      return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.pause();
     });
   }
   getAnimationState(axis) {
-    var _a2;
-    return (_a2 = this.getAxisMotionValue(axis).animation) === null || _a2 === void 0 ? void 0 : _a2.state;
+    var _a;
+    return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.state;
   }
   /**
    * Drag works differently depending on which props are provided.
@@ -15702,12 +15727,12 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       };
     }
     measurePageBox() {
-      var _a2;
+      var _a;
       const { visualElement } = this.options;
       if (!visualElement)
         return createBox();
       const box = visualElement.measureViewportBox();
-      const wasInScrollRoot = ((_a2 = this.scroll) === null || _a2 === void 0 ? void 0 : _a2.wasRoot) || this.path.some(checkNodeWasScrollRoot);
+      const wasInScrollRoot = ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
       if (!wasInScrollRoot) {
         const { scroll } = this.root;
         if (scroll) {
@@ -15718,10 +15743,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       return box;
     }
     removeElementScroll(box) {
-      var _a2;
+      var _a;
       const boxWithoutScroll = createBox();
       copyBoxInto(boxWithoutScroll, box);
-      if ((_a2 = this.scroll) === null || _a2 === void 0 ? void 0 : _a2.wasRoot) {
+      if ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) {
         return boxWithoutScroll;
       }
       for (let i2 = 0; i2 < this.path.length; i2++) {
@@ -15806,13 +15831,13 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
     }
     resolveTargetDelta(forceRecalculation = false) {
-      var _a2;
+      var _a;
       const lead = this.getLead();
       this.isProjectionDirty || (this.isProjectionDirty = lead.isProjectionDirty);
       this.isTransformDirty || (this.isTransformDirty = lead.isTransformDirty);
       this.isSharedProjectionDirty || (this.isSharedProjectionDirty = lead.isSharedProjectionDirty);
       const isShared = Boolean(this.resumingFrom) || this !== lead;
-      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a2 = this.parent) === null || _a2 === void 0 ? void 0 : _a2.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
+      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
       if (canSkip)
         return;
       const { layout: layout2, layoutId } = this.options;
@@ -15883,11 +15908,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       return Boolean((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     calcProjection() {
-      var _a2;
+      var _a;
       const lead = this.getLead();
       const isShared = Boolean(this.resumingFrom) || this !== lead;
       let canSkip = true;
-      if (this.isProjectionDirty || ((_a2 = this.parent) === null || _a2 === void 0 ? void 0 : _a2.isProjectionDirty)) {
+      if (this.isProjectionDirty || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isProjectionDirty)) {
         canSkip = false;
       }
       if (isShared && (this.isSharedProjectionDirty || this.isTransformDirty)) {
@@ -15944,8 +15969,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       this.isVisible = true;
     }
     scheduleRender(notifyAll = true) {
-      var _a2;
-      (_a2 = this.options.visualElement) === null || _a2 === void 0 ? void 0 : _a2.scheduleRender();
+      var _a;
+      (_a = this.options.visualElement) === null || _a === void 0 ? void 0 : _a.scheduleRender();
       if (notifyAll) {
         const stack = this.getStack();
         stack && stack.scheduleRender();
@@ -16083,14 +16108,14 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       return stack ? stack.lead === this : true;
     }
     getLead() {
-      var _a2;
+      var _a;
       const { layoutId } = this.options;
-      return layoutId ? ((_a2 = this.getStack()) === null || _a2 === void 0 ? void 0 : _a2.lead) || this : this;
+      return layoutId ? ((_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.lead) || this : this;
     }
     getPrevLead() {
-      var _a2;
+      var _a;
       const { layoutId } = this.options;
-      return layoutId ? (_a2 = this.getStack()) === null || _a2 === void 0 ? void 0 : _a2.prevLead : void 0;
+      return layoutId ? (_a = this.getStack()) === null || _a === void 0 ? void 0 : _a.prevLead : void 0;
     }
     getStack() {
       const { layoutId } = this.options;
@@ -16145,7 +16170,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       visualElement.scheduleRender();
     }
     getProjectionStyles(styleProp) {
-      var _a2, _b;
+      var _a, _b;
       if (!this.instance || this.isSVG)
         return void 0;
       if (!this.isVisible) {
@@ -16184,7 +16209,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       const { x: x2, y: y2 } = this.projectionDelta;
       styles.transformOrigin = `${x2.origin * 100}% ${y2.origin * 100}% 0`;
       if (lead.animationValues) {
-        styles.opacity = lead === this ? (_b = (_a2 = valuesToRender.opacity) !== null && _a2 !== void 0 ? _a2 : this.latestValues.opacity) !== null && _b !== void 0 ? _b : 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
+        styles.opacity = lead === this ? (_b = (_a = valuesToRender.opacity) !== null && _a !== void 0 ? _a : this.latestValues.opacity) !== null && _b !== void 0 ? _b : 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
       } else {
         styles.opacity = lead === this ? valuesToRender.opacity !== void 0 ? valuesToRender.opacity : "" : valuesToRender.opacityExit !== void 0 ? valuesToRender.opacityExit : 0;
       }
@@ -16213,8 +16238,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     // Only run on root
     resetTree() {
       this.root.nodes.forEach((node) => {
-        var _a2;
-        return (_a2 = node.currentAnimation) === null || _a2 === void 0 ? void 0 : _a2.stop();
+        var _a;
+        return (_a = node.currentAnimation) === null || _a === void 0 ? void 0 : _a.stop();
       });
       this.root.nodes.forEach(clearMeasurements);
       this.root.sharedNodes.clear();
@@ -16225,8 +16250,8 @@ function updateLayout(node) {
   node.updateLayout();
 }
 function notifyLayoutUpdate(node) {
-  var _a2;
-  const snapshot = ((_a2 = node.resumeFrom) === null || _a2 === void 0 ? void 0 : _a2.snapshot) || node.snapshot;
+  var _a;
+  const snapshot = ((_a = node.resumeFrom) === null || _a === void 0 ? void 0 : _a.snapshot) || node.snapshot;
   if (node.isLead() && node.layout && snapshot && node.hasListeners("didUpdate")) {
     const { layoutBox: layout2, measuredBox: measuredLayout } = node.layout;
     const { animationType } = node.options;
@@ -16376,8 +16401,8 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout2) {
   return animationType === "position" || animationType === "preserve-aspect" && !isNear(aspectRatio(snapshot), aspectRatio(layout2), 0.2);
 }
 function checkNodeWasScrollRoot(node) {
-  var _a2;
-  return node !== node.root && ((_a2 = node.scroll) === null || _a2 === void 0 ? void 0 : _a2.wasRoot);
+  var _a;
+  return node !== node.root && ((_a = node.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot);
 }
 const DocumentProjectionNode = createProjectionNode({
   attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
@@ -16948,8 +16973,8 @@ class VisualElement {
    * directly from the instance (which might have performance implications).
    */
   readValue(key, target) {
-    var _a2;
-    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : (_a2 = this.getBaseTargetFromProps(this.props, key)) !== null && _a2 !== void 0 ? _a2 : this.readValueFromInstance(this.current, key, this.options);
+    var _a;
+    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);
     if (value !== void 0 && value !== null) {
       if (typeof value === "string" && (isNumericalString(value) || isZeroValueString(value))) {
         value = parseFloat(value);
@@ -16972,11 +16997,11 @@ class VisualElement {
    * props.
    */
   getBaseTarget(key) {
-    var _a2;
+    var _a;
     const { initial } = this.props;
     let valueFromInitial;
     if (typeof initial === "string" || typeof initial === "object") {
-      const variant = resolveVariantFromProps(this.props, initial, (_a2 = this.presenceContext) === null || _a2 === void 0 ? void 0 : _a2.custom);
+      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) === null || _a === void 0 ? void 0 : _a.custom);
       if (variant) {
         valueFromInitial = variant[key];
       }
@@ -17404,9 +17429,9 @@ const TrackElementView = ({
     lastPosRef.current = position;
   };
   const sendUpdate = () => {
-    var _a2, _b;
+    var _a, _b;
     setIsDragging(false);
-    if (((_a2 = lastPosRef.current) == null ? void 0 : _a2.start) !== position.start || ((_b = lastPosRef.current) == null ? void 0 : _b.end) !== position.end) {
+    if (((_a = lastPosRef.current) == null ? void 0 : _a.start) !== position.start || ((_b = lastPosRef.current) == null ? void 0 : _b.end) !== position.end) {
       onDrag({
         element,
         updates: {
@@ -17701,8 +17726,8 @@ const useTimelineManager = () => {
     setSelectedItem(selectedItem2);
   };
   const onAddTrack = () => {
-    var _a2;
-    const tracks = ((_a2 = editor.getTimelineData()) == null ? void 0 : _a2.tracks) || [];
+    var _a;
+    const tracks = ((_a = editor.getTimelineData()) == null ? void 0 : _a.tracks) || [];
     editor.addTrack(`Track_${tracks.length + 1}`);
   };
   return {
@@ -17721,7 +17746,7 @@ const TimelineManager = ({
   timelineTickConfigs,
   elementColors
 }) => {
-  var _a2;
+  var _a;
   const { timelineData, totalDuration, selectedItem, onAddTrack, onReorder, onElementDrag, onSeek, onSelectionChange } = useTimelineManager();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TimelineView,
@@ -17744,7 +17769,7 @@ const TimelineManager = ({
           duration: totalDuration,
           zoom: trackZoom,
           onSeek,
-          timelineCount: ((_a2 = timelineData == null ? void 0 : timelineData.tracks) == null ? void 0 : _a2.length) ?? 0,
+          timelineCount: ((_a = timelineData == null ? void 0 : timelineData.tracks) == null ? void 0 : _a.length) ?? 0,
           timelineTickConfigs
         }
       )
@@ -18250,8 +18275,8 @@ class BrowserMediaManager extends BaseMediaManager {
           const matchesType = !options.type || item.type === options.type;
           const matchesMetadata = !options.metadata || Object.entries(options.metadata).every(
             ([key, value]) => {
-              var _a2;
-              return ((_a2 = item.metadata) == null ? void 0 : _a2[key]) === value;
+              var _a;
+              return ((_a = item.metadata) == null ? void 0 : _a[key]) === value;
             }
           );
           return matchesQuery && matchesType && matchesMetadata;