@cliquify.me/timeline 5.0.11 → 5.0.13

package/dist/index.es.js

@@ -103,7 +103,7 @@ class Ma extends Wt {
 }
 class jl {
 }
-class Il extends jl {
+class El extends jl {
   testPrecision(t, e) {
     const s = "precision ".concat(e, ` float;
 void main(){}`), r = t.createShader(t.FRAGMENT_SHADER);
@@ -117,13 +117,13 @@ void main(){}`), r = t.createShader(t.FRAGMENT_SHADER);
     return !!this.maxTextureSize && this.maxTextureSize >= t;
   }
 }
-const El = {};
+const Il = {};
 let ro;
-const Ht = () => ro || (ro = { document, window, isTouchSupported: "ontouchstart" in window || "ontouchstart" in document || window && window.navigator && window.navigator.maxTouchPoints > 0, WebGLProbe: new Il(), dispose() {
-}, copyPasteData: El }), ms = () => Ht().document, Ks = () => Ht().window, Da = () => {
+const Ht = () => ro || (ro = { document, window, isTouchSupported: "ontouchstart" in window || "ontouchstart" in document || window && window.navigator && window.navigator.maxTouchPoints > 0, WebGLProbe: new El(), dispose() {
+}, copyPasteData: Il }), ms = () => Ht().document, Ks = () => Ht().window, Da = () => {
   var i;
   return Math.max((i = P.devicePixelRatio) !== null && i !== void 0 ? i : Ks().devicePixelRatio, 1);
-}, Is = new class {
+}, Es = new class {
   constructor() {
     b(this, "boundsOfCurveCache", {}), this.charWidthsCache = /* @__PURE__ */ new Map();
   }
@@ -145,7 +145,7 @@ const Ht = () => ro || (ro = { document, window, isTouchSupported: "ontouchstart
 }(), Gi = "6.9.0";
 function Le() {
 }
-const Te = Math.PI / 2, he = 2 * Math.PI, _n = Math.PI / 180, gt = Object.freeze([1, 0, 0, 1, 0, 0]), Tn = 16, me = 0.4477152502, j = "center", L = "left", pt = "top", Ni = "bottom", q = "right", mt = "none", xn = /\r?\n/, ja = "moving", ri = "scaling", Ia = "rotating", Sn = "rotate", Ea = "skewing", Xs = "resizing", Pa = "modifyPoly", Pl = "modifyPath", Wr = "changed", ii = "scale", ft = "scaleX", _t = "scaleY", vs = "skewX", ys = "skewY", et = "fill", vt = "stroke", Xr = "modified", Ke = "json", Ci = "svg", k = new class {
+const Te = Math.PI / 2, he = 2 * Math.PI, _n = Math.PI / 180, gt = Object.freeze([1, 0, 0, 1, 0, 0]), Tn = 16, me = 0.4477152502, j = "center", L = "left", pt = "top", Ni = "bottom", q = "right", mt = "none", xn = /\r?\n/, ja = "moving", ri = "scaling", Ea = "rotating", Sn = "rotate", Ia = "skewing", Xs = "resizing", Pa = "modifyPoly", Pl = "modifyPath", Wr = "changed", ii = "scale", ft = "scaleX", _t = "scaleY", vs = "skewX", ys = "skewY", et = "fill", vt = "stroke", Xr = "modified", Ke = "json", Ci = "svg", k = new class {
   constructor() {
     this[Ke] = /* @__PURE__ */ new Map(), this[Ci] = /* @__PURE__ */ new Map();
   }
@@ -512,7 +512,7 @@ class La extends Al {
     return this[t];
   }
 }
-function Es(i) {
+function Is(i) {
   return Ks().requestAnimationFrame(i);
 }
 function Fa(i) {
@@ -781,7 +781,7 @@ Resulting to default behavior: removing object from previous canvas and adding t
     this.nextRenderHandle = 0, this.renderAll();
   }
   requestRenderAll() {
-    this.nextRenderHandle || this.disposed || this.destroyed || (this.nextRenderHandle = Es(() => this.renderAndReset()));
+    this.nextRenderHandle || this.disposed || this.destroyed || (this.nextRenderHandle = Is(() => this.renderAndReset()));
   }
   calcViewportBoundaries() {
     const t = this.width, e = this.height, s = bt(this.viewportTransform), r = lt({ x: 0, y: 0 }, s), n = lt({ x: t, y: e }, s), o = r.min(n), a = r.max(n);
@@ -1054,7 +1054,7 @@ const Bl = ["touchstart", "touchmove", "touchend"], Na = (i) => {
 }, $i = (i, t, e) => {
   const s = tr(t, e);
   return fs(i, $(s, i.calcOwnMatrix())), s;
-}, In = (i, t) => {
+}, En = (i, t) => {
   var e;
   const { transform: { target: s } } = t;
   (e = s.canvas) === null || e === void 0 || e.fire("object:".concat(i), v(v({}, t), {}, { target: s })), s.fire(i, t);
@@ -1065,7 +1065,7 @@ function Ka(i) {
 function co(i) {
   return 0.5 - Z(i);
 }
-const Pt = (i, t) => i[t], En = (i, t, e, s) => ({ e: i, transform: t, pointer: new _(e, s) });
+const Pt = (i, t) => i[t], In = (i, t, e, s) => ({ e: i, transform: t, pointer: new _(e, s) });
 function Ja(i, t) {
   const e = i.getTotalAngle() + Vt(Math.atan2(t.y, t.x)) + 360;
   return Math.round(e % 360 / 45);
@@ -1081,7 +1081,7 @@ function ci(i, t, e, s, r) {
 }
 const Za = (i, t, e, s) => {
   const { target: r, offsetX: n, offsetY: o } = t, a = e - n, c = s - o, h = !Pt(r, "lockMovementX") && r.left !== a, l = !Pt(r, "lockMovementY") && r.top !== c;
-  return h && r.set(L, a), l && r.set(pt, c), (h || l) && In(ja, En(i, t, e, s)), h || l;
+  return h && r.set(L, a), l && r.set(pt, c), (h || l) && En(ja, In(i, t, e, s)), h || l;
 }, Vr = (i) => i.replace(/\s+/g, " "), ho = { 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" }, Oi = (i, t, e) => (e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? i + 6 * (t - i) * e : e < 0.5 ? t : e < 2 / 3 ? i + (t - i) * (2 / 3 - e) * 6 : i), lo = (i, t, e, s) => {
   i /= 255, t /= 255, e /= 255;
   const r = Math.max(i, t, e), n = Math.min(i, t, e);
@@ -1306,11 +1306,11 @@ function hi(i) {
 }
 const We = "textDecorationThickness", ec = ["fontSize", "fontWeight", "fontFamily", "fontStyle"], sc = ["underline", "overline", "linethrough"], rc = [...ec, "lineHeight", "text", "charSpacing", "textAlign", "styles", "path", "pathStartOffset", "pathSide", "pathAlign"], ic = [...rc, ...sc, "textBackgroundColor", "direction", We], zl = [...ec, ...sc, vt, "strokeWidth", et, "deltaY", "textBackgroundColor", We], Hl = { _reNewline: xn, _reSpacesAndTabs: /[ \t\r]/g, _reSpaceAndTab: /[ \t\r]/, _reWords: /\S+/g, fontSize: 40, fontWeight: "normal", fontFamily: "Times New Roman", underline: !1, overline: !1, linethrough: !1, textAlign: L, fontStyle: "normal", lineHeight: 1.16, textBackgroundColor: "", stroke: null, shadow: null, path: void 0, pathStartOffset: 0, pathSide: L, 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, [We]: 66.667 }, Bt = "justify", Gr = "justify-left", As = "justify-right", Ls = "justify-center";
 var fo, po, mo;
-const It = String.raw(fo || (fo = Jt(["[-+]?(?:d*.d+|d+.?)(?:[eE][-+]?d+)?"], ["[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?"]))), ki = String.raw(po || (po = Jt(["(?:s*,?s+|s*,s*)"], ["(?:\\s*,?\\s+|\\s*,\\s*)"]))), Yl = new RegExp("(normal|italic)?\\s*(normal|small-caps)?\\s*(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(" + It + "(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|" + It + "))?\\s+(.*)"), Vl = { cx: L, x: L, r: "radius", cy: pt, y: pt, 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": We }, Mi = "font-size", Di = "clip-path";
+const Et = String.raw(fo || (fo = Jt(["[-+]?(?:d*.d+|d+.?)(?:[eE][-+]?d+)?"], ["[-+]?(?:\\d*\\.\\d+|\\d+\\.?)(?:[eE][-+]?\\d+)?"]))), ki = String.raw(po || (po = Jt(["(?:s*,?s+|s*,s*)"], ["(?:\\s*,?\\s+|\\s*,\\s*)"]))), Yl = new RegExp("(normal|italic)?\\s*(normal|small-caps)?\\s*(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*(" + Et + "(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|" + Et + "))?\\s+(.*)"), Vl = { cx: L, x: L, r: "radius", cy: pt, y: pt, 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": We }, Mi = "font-size", Di = "clip-path";
 hi(["path", "circle", "polygon", "polyline", "ellipse", "rect", "line", "image", "text"]);
 hi(["symbol", "image", "marker", "pattern", "view", "svg"]);
 const vo = hi(["symbol", "g", "a", "svg", "clipPath", "defs"]);
-new RegExp(String.raw(mo || (mo = Jt(["^s*(", ")", "(", ")", "(", ")", "(", ")s*$"], ["^\\s*(", ")", "(", ")", "(", ")", "(", ")\\s*$"])), It, ki, It, ki, It, ki, It));
+new RegExp(String.raw(mo || (mo = Jt(["^s*(", ")", "(", ")", "(", ")", "(", ")s*$"], ["^\\s*(", ")", "(", ")", "(", ")", "(", ")\\s*$"])), Et, ki, Et, ki, Et, ki, Et));
 const Gl = new _(1, 0), nc = new _(), Pn = (i, t) => i.rotate(t), Nr = (i, t) => new _(t).subtract(i), Ur = (i) => i.distanceFrom(nc), $r = (i, t) => Math.atan2(cs(i, t), ac(i, t)), oc = (i) => $r(Gl, i), li = (i) => i.eq(nc) ? i : i.scalarDivide(Ur(i)), An = function(i) {
   let t = !(arguments.length > 1 && arguments[1] !== void 0) || arguments[1];
   return li(new _(-i.y, i.x).scalarMultiply(t ? 1 : -1));
@@ -1318,7 +1318,7 @@ const Gl = new _(1, 0), nc = new _(), Pn = (i, t) => i.rotate(t), Nr = (i, t) =>
   if (i.eq(t) || i.eq(e)) return !0;
   const s = cs(t, e), r = cs(t, i), n = cs(e, i);
   return s >= 0 ? r >= 0 && n <= 0 : !(r <= 0 && n >= 0);
-}, yo = "(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?", bo = new RegExp("(?:\\s|^)" + yo + yo + "(" + It + "?(?:px)?)?(?:\\s?|$)(?:$|\\s)");
+}, yo = "(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?", bo = new RegExp("(?:\\s|^)" + yo + yo + "(" + Et + "?(?:px)?)?(?:\\s?|$)(?:$|\\s)");
 class ae {
   constructor(t) {
     const e = typeof t == "string" ? ae.parseShadow(t) : t;
@@ -1406,13 +1406,13 @@ class Ln {
     const t = (e) => {
       this._state === "pending" && (this.startTime = e || +/* @__PURE__ */ new Date(), this._state = "running", this._onStart(), this.tick(this.startTime));
     };
-    this.register(), this.delay > 0 ? setTimeout(() => Es(t), this.delay) : Es(t);
+    this.register(), this.delay > 0 ? setTimeout(() => Is(t), this.delay) : Is(t);
   }
   tick(t) {
     const e = (t || +/* @__PURE__ */ new Date()) - this.startTime, s = Math.min(e, this.duration);
     this.durationProgress = s / this.duration;
     const { value: r, valueProgress: n } = this.calculate(s);
-    this.value = Object.freeze(r), this.valueProgress = n, this._state !== "aborted" && (this._abort(this.value, this.valueProgress, this.durationProgress) ? (this._state = "aborted", this.unregister()) : e >= this.duration ? (this.durationProgress = this.valueProgress = 1, this._onChange(this.endValue, this.valueProgress, this.durationProgress), this._state = "completed", this._onComplete(this.endValue, this.valueProgress, this.durationProgress), this.unregister()) : (this._onChange(this.value, this.valueProgress, this.durationProgress), Es(this.tick)));
+    this.value = Object.freeze(r), this.valueProgress = n, this._state !== "aborted" && (this._abort(this.value, this.valueProgress, this.durationProgress) ? (this._state = "aborted", this.unregister()) : e >= this.duration ? (this.durationProgress = this.valueProgress = 1, this._onChange(this.endValue, this.valueProgress, this.durationProgress), this._state = "completed", this._onComplete(this.endValue, this.valueProgress, this.durationProgress), this.unregister()) : (this._onChange(this.value, this.valueProgress, this.durationProgress), Is(this.tick)));
   }
   register() {
     zr.push(this);
@@ -1446,12 +1446,12 @@ class Ql extends Ln {
     return { value: e, valueProgress: Math.abs((e[0] - this.startValue[0]) / this.byValue[0]) };
   }
 }
-const tu = ["startValue", "endValue", "easing", "onChange", "onComplete", "abort"], eu = (i, t, e, s) => t + e * (1 - Math.cos(i / s * Te)), Ii = (i) => i && ((t, e, s) => i(new F(t).toRgba(), e, s));
+const tu = ["startValue", "endValue", "easing", "onChange", "onComplete", "abort"], eu = (i, t, e, s) => t + e * (1 - Math.cos(i / s * Te)), Ei = (i) => i && ((t, e, s) => i(new F(t).toRgba(), e, s));
 class su extends Ln {
   constructor(t) {
     let { startValue: e, endValue: s, easing: r = eu, onChange: n, onComplete: o, abort: a } = t, c = V(t, tu);
     const h = new F(e).getSource(), l = new F(s).getSource();
-    super(v(v({}, c), {}, { startValue: h, byValue: l.map((u, d) => u - h[d]), easing: r, onChange: Ii(n), onComplete: Ii(o), abort: Ii(a) }));
+    super(v(v({}, c), {}, { startValue: h, byValue: l.map((u, d) => u - h[d]), easing: r, onChange: Ei(n), onComplete: Ei(o), abort: Ei(a) }));
   }
   calculate(t) {
     const [e, s, r, n] = this.startValue.map((a, c) => this.easing(t, a, this.byValue[c], this.duration, c)), o = [...[e, s, r].map(Math.round), Xe(0, n, 1)];
@@ -1747,7 +1747,7 @@ let Qt = class Fr extends ru {
   _limitCacheSize(t) {
     const e = t.width, s = t.height, r = P.maxCacheSideLimit, n = P.minCacheSideLimit;
     if (e <= r && s <= r && e * s <= P.perfLimitSizeTotal) return e < n && (t.width = n), s < n && (t.height = n), t;
-    const o = e / s, [a, c] = Is.limitDimsByArea(o), h = Xe(n, a, r), l = Xe(n, c, r);
+    const o = e / s, [a, c] = Es.limitDimsByArea(o), h = Xe(n, a, r), l = Xe(n, c, r);
     return e > h && (t.zoomX /= e / h, t.width = h, t.capped = !0), s > l && (t.zoomY /= s / l, t.height = l, t.capped = !0), t;
   }
   _getCacheCanvasDimensions() {
@@ -2041,9 +2041,9 @@ let Qt = class Fr extends ru {
   toObject() {
     const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).concat(Fr.customProperties, this.constructor.customProperties || []);
     let e;
-    const s = P.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: g, height: f, strokeWidth: p, strokeLineCap: m, strokeDashOffset: y, strokeLineJoin: T, strokeUniform: S, strokeMiterLimit: w, scaleX: C, scaleY: O, angle: D, flipX: M, flipY: E, opacity: tt, visible: rt, backgroundColor: X, fillRule: B, paintFirst: A, globalCompositeOperation: at, skewX: it, skewY: ct } = this;
+    const s = P.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: g, height: f, strokeWidth: p, strokeLineCap: m, strokeDashOffset: y, strokeLineJoin: T, strokeUniform: S, strokeMiterLimit: w, scaleX: C, scaleY: O, angle: D, flipX: M, flipY: I, opacity: tt, visible: rt, backgroundColor: X, fillRule: B, paintFirst: A, globalCompositeOperation: at, skewX: it, skewY: ct } = this;
     r && !r.excludeFromExport && (e = r.toObject(t.concat("inverted", "absolutePositioned")));
-    const z = (Zt) => W(Zt, s), Rt = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Gi, originX: u, originY: d, left: z(h), top: z(l), width: z(g), height: z(f), fill: io(n) ? n.toObject() : n, stroke: io(o) ? o.toObject() : o, strokeWidth: z(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: y, strokeLineJoin: T, strokeUniform: S, strokeMiterLimit: z(w), scaleX: z(C), scaleY: z(O), angle: z(D), flipX: M, flipY: E, opacity: z(tt), shadow: a && a.toObject(), visible: rt, backgroundColor: X, fillRule: B, paintFirst: A, globalCompositeOperation: at, skewX: z(it), skewY: z(ct) }, e ? { clipPath: e } : null);
+    const z = (Zt) => W(Zt, s), Rt = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Gi, originX: u, originY: d, left: z(h), top: z(l), width: z(g), height: z(f), fill: io(n) ? n.toObject() : n, stroke: io(o) ? o.toObject() : o, strokeWidth: z(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: y, strokeLineJoin: T, strokeUniform: S, strokeMiterLimit: z(w), scaleX: z(C), scaleY: z(O), angle: z(D), flipX: M, flipY: I, opacity: z(tt), shadow: a && a.toObject(), visible: rt, backgroundColor: X, fillRule: B, paintFirst: A, globalCompositeOperation: at, skewX: z(it), skewY: z(ct) }, e ? { clipPath: e } : null);
     return this.includeDefaultValues ? Rt : this._removeDefaultValues(Rt);
   }
   toDatalessObject(t) {
@@ -2071,7 +2071,7 @@ let Qt = class Fr extends ru {
 b(Qt, "stateProperties", Nl), b(Qt, "cacheProperties", le), b(Qt, "ownDefaults", Ul), b(Qt, "type", "FabricObject"), b(Qt, "colorProperties", [et, vt, "backgroundColor"]), b(Qt, "customProperties", []), k.setClass(Qt), k.setClass(Qt, "object");
 const Oe = (i, t, e) => (s, r, n, o) => {
   const a = t(s, r, n, o);
-  return a && In(i, v(v({}, En(s, r, n, o)), e)), a;
+  return a && En(i, v(v({}, In(s, r, n, o)), e)), a;
 };
 function Ge(i) {
   return (t, e, s, r) => {
@@ -2142,7 +2142,7 @@ class N {
     ((r = r || {}).cornerStyle || n.cornerStyle) === "circle" ? lc.call(this, t, e, s, r, n) : uc.call(this, t, e, s, r, n);
   }
 }
-const dc = (i, t, e) => e.lockRotation ? Yr : t.cursorStyle, gc = Oe(Ia, Ge((i, t, e, s) => {
+const dc = (i, t, e) => e.lockRotation ? Yr : t.cursorStyle, gc = Oe(Ea, Ge((i, t, e, s) => {
   let { target: r, ex: n, ey: o, theta: a, originX: c, originY: h } = t;
   const l = r.translateToOriginPoint(r.getRelativeCenterPoint(), c, h);
   if (Pt(r, "lockRotation")) return !1;
@@ -2189,18 +2189,18 @@ function Rn(i, t, e, s) {
   const f = n.scaleX, p = n.scaleY;
   return o ? (o === "x" && n.set(ft, h), o === "y" && n.set(_t, l)) : (!Pt(n, "lockScalingX") && n.set(ft, h), !Pt(n, "lockScalingY") && n.set(_t, l)), f !== n.scaleX || p !== n.scaleY;
 }
-const ks = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s))), mc = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s, { by: "x" }))), vc = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s, { by: "y" }))), au = ["target", "ex", "ey", "skewingSide"], Ei = { x: { counterAxis: "y", scale: ft, skew: vs, lockSkewing: "lockSkewingX", origin: "originX", flip: "flipX" }, y: { counterAxis: "x", scale: _t, skew: ys, lockSkewing: "lockSkewingY", origin: "originY", flip: "flipY" } }, cu = ["ns", "nesw", "ew", "nwse"], yc = (i, t, e) => {
+const ks = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s))), mc = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s, { by: "x" }))), vc = Oe(ri, Ge((i, t, e, s) => Rn(i, t, e, s, { by: "y" }))), au = ["target", "ex", "ey", "skewingSide"], Ii = { x: { counterAxis: "y", scale: ft, skew: vs, lockSkewing: "lockSkewingX", origin: "originX", flip: "flipX" }, y: { counterAxis: "x", scale: _t, skew: ys, lockSkewing: "lockSkewingY", origin: "originY", flip: "flipY" } }, cu = ["ns", "nesw", "ew", "nwse"], yc = (i, t, e) => {
   if (t.x !== 0 && Pt(e, "lockSkewingY") || t.y !== 0 && Pt(e, "lockSkewingX")) return Yr;
   const s = Ja(e, t) % 4;
   return "".concat(cu[s], "-resize");
 };
 function bc(i, t, e, s, r) {
-  const { target: n } = e, { counterAxis: o, origin: a, lockSkewing: c, skew: h, flip: l } = Ei[i];
+  const { target: n } = e, { counterAxis: o, origin: a, lockSkewing: c, skew: h, flip: l } = Ii[i];
   if (Pt(n, c)) return !1;
-  const { origin: u, flip: d } = Ei[o], g = Z(e[u]) * (n[d] ? -1 : 1), f = -Math.sign(g) * (n[l] ? -1 : 1), p = 0.5 * -((n[h] === 0 && ci(e, j, j, s, r)[i] > 0 || n[h] > 0 ? 1 : -1) * f) + 0.5;
-  return Oe(Ea, Ge((y, T, S, w) => function(C, O, D) {
-    let { target: M, ex: E, ey: tt, skewingSide: rt } = O, X = V(O, au);
-    const { skew: B } = Ei[C], A = D.subtract(new _(E, tt)).divide(new _(M.scaleX, M.scaleY))[C], at = M[B], it = X[B], ct = Math.tan(U(it)), z = C === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Rt = 2 * A * rt / Math.max(z, 1) + ct, Zt = Vt(Math.atan(Rt));
+  const { origin: u, flip: d } = Ii[o], g = Z(e[u]) * (n[d] ? -1 : 1), f = -Math.sign(g) * (n[l] ? -1 : 1), p = 0.5 * -((n[h] === 0 && ci(e, j, j, s, r)[i] > 0 || n[h] > 0 ? 1 : -1) * f) + 0.5;
+  return Oe(Ia, Ge((y, T, S, w) => function(C, O, D) {
+    let { target: M, ex: I, ey: tt, skewingSide: rt } = O, X = V(O, au);
+    const { skew: B } = Ii[C], A = D.subtract(new _(I, tt)).divide(new _(M.scaleX, M.scaleY))[C], at = M[B], it = X[B], ct = Math.tan(U(it)), z = C === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Rt = 2 * A * rt / Math.max(z, 1) + ct, Zt = Vt(Math.atan(Rt));
     M.set(B, Zt);
     const or = at !== M[B];
     if (or && C === "y") {
@@ -2217,7 +2217,7 @@ function ui(i, t) {
 const Ms = (i, t, e) => {
   const s = ui(i, e);
   return t.x === 0 ? s ? vs : _t : t.y === 0 ? s ? ys : ft : "";
-}, Ee = (i, t, e) => ui(i, e) ? yc(0, t, e) : Ze(i, t, e), Zi = (i, t, e, s) => ui(i, t.target) ? Tc(i, t, e, s) : mc(i, t, e, s), Qi = (i, t, e, s) => ui(i, t.target) ? _c(i, t, e, s) : vc(i, t, e, s), Bn = () => ({ ml: new N({ x: -0.5, y: 0, cursorStyleHandler: Ee, actionHandler: Zi, getActionName: Ms }), mr: new N({ x: 0.5, y: 0, cursorStyleHandler: Ee, actionHandler: Zi, getActionName: Ms }), mb: new N({ x: 0, y: 0.5, cursorStyleHandler: Ee, actionHandler: Qi, getActionName: Ms }), mt: new N({ x: 0, y: -0.5, cursorStyleHandler: Ee, actionHandler: Qi, getActionName: Ms }), tl: new N({ x: -0.5, y: -0.5, cursorStyleHandler: Ze, actionHandler: ks }), tr: new N({ x: 0.5, y: -0.5, cursorStyleHandler: Ze, actionHandler: ks }), bl: new N({ x: -0.5, y: 0.5, cursorStyleHandler: Ze, actionHandler: ks }), br: new N({ x: 0.5, y: 0.5, cursorStyleHandler: Ze, actionHandler: ks }), mtr: new N({ x: 0, y: -0.5, actionHandler: gc, cursorStyleHandler: dc, offsetY: -40, withConnection: !0, actionName: Sn }) }), xc = () => ({ mr: new N({ x: 0.5, y: 0, actionHandler: Ji, cursorStyleHandler: Ee, actionName: Xs }), ml: new N({ x: -0.5, y: 0, actionHandler: Ji, cursorStyleHandler: Ee, actionName: Xs }) }), Sc = () => v(v({}, Bn()), xc());
+}, Ie = (i, t, e) => ui(i, e) ? yc(0, t, e) : Ze(i, t, e), Zi = (i, t, e, s) => ui(i, t.target) ? Tc(i, t, e, s) : mc(i, t, e, s), Qi = (i, t, e, s) => ui(i, t.target) ? _c(i, t, e, s) : vc(i, t, e, s), Bn = () => ({ ml: new N({ x: -0.5, y: 0, cursorStyleHandler: Ie, actionHandler: Zi, getActionName: Ms }), mr: new N({ x: 0.5, y: 0, cursorStyleHandler: Ie, actionHandler: Zi, getActionName: Ms }), mb: new N({ x: 0, y: 0.5, cursorStyleHandler: Ie, actionHandler: Qi, getActionName: Ms }), mt: new N({ x: 0, y: -0.5, cursorStyleHandler: Ie, actionHandler: Qi, getActionName: Ms }), tl: new N({ x: -0.5, y: -0.5, cursorStyleHandler: Ze, actionHandler: ks }), tr: new N({ x: 0.5, y: -0.5, cursorStyleHandler: Ze, actionHandler: ks }), bl: new N({ x: -0.5, y: 0.5, cursorStyleHandler: Ze, actionHandler: ks }), br: new N({ x: 0.5, y: 0.5, cursorStyleHandler: Ze, actionHandler: ks }), mtr: new N({ x: 0, y: -0.5, actionHandler: gc, cursorStyleHandler: dc, offsetY: -40, withConnection: !0, actionName: Sn }) }), xc = () => ({ mr: new N({ x: 0.5, y: 0, actionHandler: Ji, cursorStyleHandler: Ie, actionName: Xs }), ml: new N({ x: -0.5, y: 0, actionHandler: Ji, cursorStyleHandler: Ie, actionName: Xs }) }), Sc = () => v(v({}, Bn()), xc());
 class Hs extends Qt {
   static getDefaults() {
     return v(v({}, super.getDefaults()), Hs.ownDefaults);
@@ -2602,9 +2602,9 @@ function gu(i, t) {
 const fu = (i) => {
   var t;
   return (t = Vl[i]) !== null && t !== void 0 ? t : i;
-}, pu = new RegExp("(".concat(It, ")"), "gi"), mu = (i) => Vr(i.replace(pu, " $1 ").replace(/,/gi, " "));
+}, pu = new RegExp("(".concat(Et, ")"), "gi"), mu = (i) => Vr(i.replace(pu, " $1 ").replace(/,/gi, " "));
 var wo, Co, Oo, ko, Mo, Do, jo;
-const dt = "(".concat(It, ")"), vu = String.raw(wo || (wo = Jt(["(skewX)(", ")"], ["(skewX)\\(", "\\)"])), dt), yu = String.raw(Co || (Co = Jt(["(skewY)(", ")"], ["(skewY)\\(", "\\)"])), dt), bu = String.raw(Oo || (Oo = Jt(["(rotate)(", "(?: ", " ", ")?)"], ["(rotate)\\(", "(?: ", " ", ")?\\)"])), dt, dt, dt), _u = String.raw(ko || (ko = Jt(["(scale)(", "(?: ", ")?)"], ["(scale)\\(", "(?: ", ")?\\)"])), dt, dt), Tu = String.raw(Mo || (Mo = Jt(["(translate)(", "(?: ", ")?)"], ["(translate)\\(", "(?: ", ")?\\)"])), dt, dt), xu = String.raw(Do || (Do = Jt(["(matrix)(", " ", " ", " ", " ", " ", ")"], ["(matrix)\\(", " ", " ", " ", " ", " ", "\\)"])), dt, dt, dt, dt, dt, dt), Xn = "(?:".concat(xu, "|").concat(Tu, "|").concat(bu, "|").concat(_u, "|").concat(vu, "|").concat(yu, ")"), Su = "(?:".concat(Xn, "*)"), wu = String.raw(jo || (jo = Jt(["^s*(?:", "?)s*$"], ["^\\s*(?:", "?)\\s*$"])), Su), Cu = new RegExp(wu), Ou = new RegExp(Xn), ku = new RegExp(Xn, "g");
+const dt = "(".concat(Et, ")"), vu = String.raw(wo || (wo = Jt(["(skewX)(", ")"], ["(skewX)\\(", "\\)"])), dt), yu = String.raw(Co || (Co = Jt(["(skewY)(", ")"], ["(skewY)\\(", "\\)"])), dt), bu = String.raw(Oo || (Oo = Jt(["(rotate)(", "(?: ", " ", ")?)"], ["(rotate)\\(", "(?: ", " ", ")?\\)"])), dt, dt, dt), _u = String.raw(ko || (ko = Jt(["(scale)(", "(?: ", ")?)"], ["(scale)\\(", "(?: ", ")?\\)"])), dt, dt), Tu = String.raw(Mo || (Mo = Jt(["(translate)(", "(?: ", ")?)"], ["(translate)\\(", "(?: ", ")?\\)"])), dt, dt), xu = String.raw(Do || (Do = Jt(["(matrix)(", " ", " ", " ", " ", " ", ")"], ["(matrix)\\(", " ", " ", " ", " ", " ", "\\)"])), dt, dt, dt, dt, dt, dt), Xn = "(?:".concat(xu, "|").concat(Tu, "|").concat(bu, "|").concat(_u, "|").concat(vu, "|").concat(yu, ")"), Su = "(?:".concat(Xn, "*)"), wu = String.raw(jo || (jo = Jt(["^s*(?:", "?)s*$"], ["^\\s*(?:", "?)\\s*$"])), Su), Cu = new RegExp(wu), Ou = new RegExp(Xn), ku = new RegExp(Xn, "g");
 function tn(i) {
   const t = [];
   if (!(i = mu(i).replace(/\s*([()])\s*/gi, "$1")) || i && !Cu.test(i)) return [...gt];
@@ -2671,7 +2671,7 @@ function ju(i, t) {
     t[s.trim().toLowerCase()] = r.trim();
   });
 }
-function Iu(i) {
+function Eu(i) {
   const t = {}, e = i.getAttribute("style");
   return e && (typeof e == "string" ? ju(e, t) : function(s, r) {
     Object.entries(s).forEach((n) => {
@@ -2680,7 +2680,7 @@ function Iu(i) {
     });
   }(e, t)), t;
 }
-const Eu = { stroke: "strokeOpacity", fill: "fillOpacity" };
+const Iu = { stroke: "strokeOpacity", fill: "fillOpacity" };
 function ue(i, t, e) {
   if (!i) return {};
   let s, r = {}, n = Tn;
@@ -2692,7 +2692,7 @@ function ue(i, t, e) {
     let l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, u = {};
     for (const d in l) gu(h, d.split(" ")) && (u = v(v({}, u), l[d]));
     return u;
-  }(i, e)), Iu(i));
+  }(i, e)), Eu(i));
   o[Di] && i.setAttribute(Di, o[Di]), o[Mi] && (s = Fe(o[Mi], n), o[Mi] = "".concat(s));
   const a = {};
   for (const h in o) {
@@ -2703,7 +2703,7 @@ function ue(i, t, e) {
   const c = v(v({}, r), a);
   return vo.test(i.nodeName) ? c : function(h) {
     const l = ht.getDefaults();
-    return Object.entries(Eu).forEach((u) => {
+    return Object.entries(Iu).forEach((u) => {
       let [d, g] = u;
       if (h[g] === void 0 || h[d] === "") return;
       if (h[d] === void 0) {
@@ -2716,7 +2716,7 @@ function ue(i, t, e) {
     }), h;
   }(c);
 }
-const Pu = ["left", "top", "width", "height", "visible"], Ic = ["rx", "ry"];
+const Pu = ["left", "top", "width", "height", "visible"], Ec = ["rx", "ry"];
 class Q extends ht {
   static getDefaults() {
     return v(v({}, super.getDefaults()), Q.ownDefaults);
@@ -2734,7 +2734,7 @@ class Q extends ht {
   }
   toObject() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-    return super.toObject([...Ic, ...t]);
+    return super.toObject([...Ec, ...t]);
   }
   _toSVG() {
     const { width: t, height: e, rx: s, ry: r } = this;
@@ -2746,8 +2746,8 @@ class Q extends ht {
     return new this(v(v(v({}, e), l), {}, { left: n, top: o, width: a, height: c, visible: !!(h && a && c) }));
   }
 }
-b(Q, "type", "Rect"), b(Q, "cacheProperties", [...le, ...Ic]), b(Q, "ownDefaults", { rx: 0, ry: 0 }), b(Q, "ATTRIBUTE_NAMES", [...ke, "x", "y", "rx", "ry", "width", "height"]), k.setClass(Q), k.setSVGClass(Q);
-const re = "initialization", qr = "added", zn = "removed", Kr = "imperative", Ec = (i, t) => {
+b(Q, "type", "Rect"), b(Q, "cacheProperties", [...le, ...Ec]), b(Q, "ownDefaults", { rx: 0, ry: 0 }), b(Q, "ATTRIBUTE_NAMES", [...ke, "x", "y", "rx", "ry", "width", "height"]), k.setClass(Q), k.setSVGClass(Q);
+const re = "initialization", qr = "added", zn = "removed", Kr = "imperative", Ic = (i, t) => {
   const { strokeUniform: e, strokeWidth: s, width: r, height: n, group: o } = t, a = o && o !== i ? tr(o.calcTransformMatrix(), i.calcTransformMatrix()) : null, c = a ? t.getRelativeCenterPoint().transform(a) : t.getRelativeCenterPoint(), h = !t.isStrokeAccountedForInDimensions(), l = e && h ? qa(new _(s, s), void 0, i.calcTransformMatrix()) : wn, u = !e && h ? s : 0, d = ai(r + u, n + u, ni([a, t.calcOwnMatrix()], !0)).add(l).scalarDivide(2);
   return [c.subtract(d), c.add(d)];
 };
@@ -2770,7 +2770,7 @@ class fi {
     const { type: s, target: r } = e;
     if (s === Kr && e.overrides) return e.overrides;
     if (t.length === 0) return;
-    const { left: n, top: o, width: a, height: c } = Xt(t.map((u) => Ec(r, u)).reduce((u, d) => u.concat(d), [])), h = new _(a, c), l = new _(n, o).add(h.scalarDivide(2));
+    const { left: n, top: o, width: a, height: c } = Xt(t.map((u) => Ic(r, u)).reduce((u, d) => u.concat(d), [])), h = new _(a, c), l = new _(n, o).add(h.scalarDivide(2));
     if (s === re) {
       const u = this.getInitialSize(e, { size: h, center: l });
       return { center: l, relativeCorrection: new _(0, 0), size: u };
@@ -2801,7 +2801,7 @@ class Ys {
   }
   attachHandlers(t, e) {
     const { target: s } = e;
-    return [Xr, ja, Xs, Ia, ri, Ea, Wr, Pa, Pl].map((r) => t.on(r, (n) => this.performLayout(r === Xr ? { type: "object_modified", trigger: r, e: n, target: s } : { type: "object_modifying", trigger: r, e: n, target: s })));
+    return [Xr, ja, Xs, Ea, ri, Ia, Wr, Pa, Pl].map((r) => t.on(r, (n) => this.performLayout(r === Xr ? { type: "object_modified", trigger: r, e: n, target: s } : { type: "object_modifying", trigger: r, e: n, target: s })));
   }
   subscribe(t, e) {
     this.unsubscribe(t, e);
@@ -3051,23 +3051,23 @@ class zt extends Aa(ht) {
   }
 }
 b(zt, "type", "Group"), b(zt, "ownDefaults", { strokeWidth: 0, subTargetCheck: !1, interactive: !1 }), k.setClass(zt);
-const Ac = (i, t) => Math.min(t.width / i.width, t.height / i.height), Lc = (i, t) => Math.max(t.width / i.width, t.height / i.height), sn = "\\s*,?\\s*", Cs = "".concat(sn, "(").concat(It, ")"), Bu = "".concat(Cs).concat(Cs).concat(Cs).concat(sn, "([01])").concat(sn, "([01])").concat(Cs).concat(Cs), Wu = { m: "l", M: "L" }, Xu = (i, t, e, s, r, n, o, a, c, h, l) => {
+const Ac = (i, t) => Math.min(t.width / i.width, t.height / i.height), Lc = (i, t) => Math.max(t.width / i.width, t.height / i.height), sn = "\\s*,?\\s*", Cs = "".concat(sn, "(").concat(Et, ")"), Bu = "".concat(Cs).concat(Cs).concat(Cs).concat(sn, "([01])").concat(sn, "([01])").concat(Cs).concat(Cs), Wu = { m: "l", M: "L" }, Xu = (i, t, e, s, r, n, o, a, c, h, l) => {
   const u = At(i), d = Lt(i), g = At(t), f = Lt(t), p = e * r * g - s * n * f + o, m = s * r * g + e * n * f + a;
   return ["C", h + c * (-e * r * d - s * n * u), l + c * (-s * r * d + e * n * u), p + c * (e * r * f + s * n * g), m + c * (s * r * f - e * n * g), p, m];
-}, Io = (i, t, e, s) => {
+}, Eo = (i, t, e, s) => {
   const r = Math.atan2(t, i), n = Math.atan2(s, e);
   return n >= r ? n - r : 2 * Math.PI - (r - n);
 };
 function rn(i, t, e, s, r, n, o, a) {
   let c;
-  if (P.cachesBoundsOfCurve && (c = [...arguments].join(), Is.boundsOfCurveCache[c])) return Is.boundsOfCurveCache[c];
+  if (P.cachesBoundsOfCurve && (c = [...arguments].join(), Es.boundsOfCurveCache[c])) return Es.boundsOfCurveCache[c];
   const h = Math.sqrt, l = Math.abs, u = [], d = [[0, 0], [0, 0]];
   let g = 6 * i - 12 * e + 6 * r, f = -3 * i + 9 * e - 9 * r + 3 * o, p = 3 * e - 3 * i;
   for (let w = 0; w < 2; ++w) {
     if (w > 0 && (g = 6 * t - 12 * s + 6 * n, f = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(f) < 1e-12) {
       if (l(g) < 1e-12) continue;
-      const E = -p / g;
-      0 < E && E < 1 && u.push(E);
+      const I = -p / g;
+      0 < I && I < 1 && u.push(I);
       continue;
     }
     const C = g * g - 4 * p * f;
@@ -3085,25 +3085,25 @@ function rn(i, t, e, s, r, n, o, a) {
   }
   d[0][y] = i, d[1][y] = t, d[0][y + 1] = o, d[1][y + 1] = a;
   const S = [new _(Math.min(...d[0]), Math.min(...d[1])), new _(Math.max(...d[0]), Math.max(...d[1]))];
-  return P.cachesBoundsOfCurve && (Is.boundsOfCurveCache[c] = S), S;
+  return P.cachesBoundsOfCurve && (Es.boundsOfCurveCache[c] = S), S;
 }
 const zu = (i, t, e) => {
   let [s, r, n, o, a, c, h, l] = e;
   const u = ((d, g, f, p, m, y, T) => {
     if (f === 0 || p === 0) return [];
     let S = 0, w = 0, C = 0;
-    const O = Math.PI, D = T * _n, M = Lt(D), E = At(D), tt = 0.5 * (-E * d - M * g), rt = 0.5 * (-E * g + M * d), X = f ** 2, B = p ** 2, A = rt ** 2, at = tt ** 2, it = X * B - X * A - B * at;
+    const O = Math.PI, D = T * _n, M = Lt(D), I = At(D), tt = 0.5 * (-I * d - M * g), rt = 0.5 * (-I * g + M * d), X = f ** 2, B = p ** 2, A = rt ** 2, at = tt ** 2, it = X * B - X * A - B * at;
     let ct = Math.abs(f), z = Math.abs(p);
     if (it < 0) {
       const pe = Math.sqrt(1 - it / (X * B));
       ct *= pe, z *= pe;
     } else C = (m === y ? -1 : 1) * Math.sqrt(it / (X * A + B * at));
-    const Rt = C * ct * rt / z, Zt = -C * z * tt / ct, or = E * Rt - M * Zt + 0.5 * d, Si = M * Rt + E * Zt + 0.5 * g;
-    let xs = Io(1, 0, (tt - Rt) / ct, (rt - Zt) / z), fe = Io((tt - Rt) / ct, (rt - Zt) / z, (-tt - Rt) / ct, (-rt - Zt) / z);
+    const Rt = C * ct * rt / z, Zt = -C * z * tt / ct, or = I * Rt - M * Zt + 0.5 * d, Si = M * Rt + I * Zt + 0.5 * g;
+    let xs = Eo(1, 0, (tt - Rt) / ct, (rt - Zt) / z), fe = Eo((tt - Rt) / ct, (rt - Zt) / z, (-tt - Rt) / ct, (-rt - Zt) / z);
     y === 0 && fe > 0 ? fe -= 2 * O : y === 1 && fe < 0 && (fe += 2 * O);
     const ar = Math.ceil(Math.abs(fe / O * 2)), Me = [], Ss = fe / ar, kl = 8 / 3 * Math.sin(Ss / 4) * Math.sin(Ss / 4) / Math.sin(Ss / 2);
     let wi = xs + Ss;
-    for (let pe = 0; pe < ar; pe++) Me[pe] = Xu(xs, wi, E, M, ct, z, or, Si, kl, S, w), S = Me[pe][5], w = Me[pe][6], xs = wi, wi += Ss;
+    for (let pe = 0; pe < ar; pe++) Me[pe] = Xu(xs, wi, I, M, ct, z, or, Si, kl, S, w), S = Me[pe][5], w = Me[pe][6], xs = wi, wi += Ss;
     return Me;
   })(h - i, l - t, r, n, a, c, o);
   for (let d = 0, g = u.length; d < g; d++) u[d][1] += i, u[d][2] += t, u[d][3] += i, u[d][4] += t, u[d][5] += i, u[d][6] += t;
@@ -3180,7 +3180,7 @@ const zu = (i, t, e) => {
 }, Vu = (i, t, e, s, r, n) => (o) => {
   const a = 1 - o, c = 2 * (a * (e - i) + o * (r - e)), h = 2 * (a * (s - t) + o * (n - s));
   return Math.atan2(h, c);
-}, Eo = (i, t, e) => {
+}, Io = (i, t, e) => {
   let s = new _(t, e), r = 0;
   for (let n = 1; n <= 100; n += 1) {
     const o = i(n / 100);
@@ -3205,10 +3205,10 @@ const zu = (i, t, e) => {
         e = l, e.length = Jr(r, n, h[1], h[2]), r = h[1], n = h[2];
         break;
       case "C":
-        t = Rc(r, n, h[1], h[2], h[3], h[4], h[5], h[6]), e = l, e.iterator = t, e.angleFinder = Hu(r, n, h[1], h[2], h[3], h[4], h[5], h[6]), e.length = Eo(t, r, n), r = h[5], n = h[6];
+        t = Rc(r, n, h[1], h[2], h[3], h[4], h[5], h[6]), e = l, e.iterator = t, e.angleFinder = Hu(r, n, h[1], h[2], h[3], h[4], h[5], h[6]), e.length = Io(t, r, n), r = h[5], n = h[6];
         break;
       case "Q":
-        t = Yu(r, n, h[1], h[2], h[3], h[4]), e = l, e.iterator = t, e.angleFinder = Vu(r, n, h[1], h[2], h[3], h[4]), e.length = Eo(t, r, n), r = h[3], n = h[4];
+        t = Yu(r, n, h[1], h[2], h[3], h[4]), e = l, e.iterator = t, e.angleFinder = Vu(r, n, h[1], h[2], h[3], h[4]), e.length = Io(t, r, n), r = h[3], n = h[4];
         break;
       case "Z":
         e = l, e.destX = o, e.destY = a, e.length = Jr(r, n, o, a), r = o, n = a;
@@ -3231,7 +3231,7 @@ const zu = (i, t, e) => {
     case "Q":
       return Gu(r, t);
   }
-}, Nu = new RegExp("[mzlhvcsqta][^mzlhvcsqta]*", "gi"), Po = new RegExp(Bu, "g"), Uu = new RegExp(It, "gi"), $u = { m: 2, l: 2, h: 1, v: 1, c: 6, s: 4, q: 4, t: 2, a: 7 }, Hc = (i) => {
+}, Nu = new RegExp("[mzlhvcsqta][^mzlhvcsqta]*", "gi"), Po = new RegExp(Bu, "g"), Uu = new RegExp(Et, "gi"), $u = { m: 2, l: 2, h: 1, v: 1, c: 6, s: 4, q: 4, t: 2, a: 7 }, Hc = (i) => {
   var t;
   const e = [], s = (t = i.match(Nu)) !== null && t !== void 0 ? t : [];
   for (const r of s) {
@@ -3330,7 +3330,7 @@ var Yn = Object.freeze({ __proto__: null, addTransformToObject: Ua, animate: Fn,
 }, multiplyTransformMatrices: $, multiplyTransformMatrixArray: ni, parsePath: Hc, parsePreserveAspectRatioAttribute: Qa, parseUnit: Fe, pick: Ve, projectStrokeOnPoints: kc, qrDecompose: us, radiansToDegrees: Vt, removeFromArray: De, removeTransformFromObject: (i, t) => {
   const e = bt(t), s = $(e, i.calcOwnMatrix());
   fs(i, s);
-}, removeTransformMatrixForSvgParsing: Zu, request: Ju, requestAnimFrame: Es, resetObjectTransform: $a, rotatePoint: (i, t, e) => i.rotate(e, t), rotateVector: Pn, saveObjectTransform: jn, sendObjectToPlane: $i, sendPointToPlane: oe, sendVectorToPlane: qa, setStyle: Zr, sin: Lt, sizeAfterTransform: ai, string: du, stylesFromArray: jc, stylesToArray: Dc, toBlob: On, toDataURL: Cn, toFixed: W, transformPath: (i, t, e) => (e && (t = $(t, [1, 0, 0, 1, -e.x, -e.y])), i.map((s) => {
+}, removeTransformMatrixForSvgParsing: Zu, request: Ju, requestAnimFrame: Is, resetObjectTransform: $a, rotatePoint: (i, t, e) => i.rotate(e, t), rotateVector: Pn, saveObjectTransform: jn, sendObjectToPlane: $i, sendPointToPlane: oe, sendVectorToPlane: qa, setStyle: Zr, sin: Lt, sizeAfterTransform: ai, string: du, stylesFromArray: jc, stylesToArray: Dc, toBlob: On, toDataURL: Cn, toFixed: W, transformPath: (i, t, e) => (e && (t = $(t, [1, 0, 0, 1, -e.x, -e.y])), i.map((s) => {
   const r = [...s];
   for (let n = 1; n < s.length - 1; n += 2) {
     const { x: o, y: a } = lt({ x: s[n], y: s[n + 1] }, t);
@@ -4151,10 +4151,10 @@ class Pi {
 }
 b(Pi, "type", "Pattern"), k.setClass(Pi), k.setClass(Pi, "pattern");
 const ld = ["path", "left", "top"], ud = ["d"];
-class Ie extends ht {
+class Ee extends ht {
   constructor(t) {
     let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, { path: s, left: r, top: n } = e, o = V(e, ld);
-    super(), Object.assign(this, Ie.ownDefaults), this.setOptions(o), this._setPath(t || [], !0), typeof r == "number" && this.set(L, r), typeof n == "number" && this.set(pt, n);
+    super(), Object.assign(this, Ee.ownDefaults), this.setOptions(o), this._setPath(t || [], !0), typeof r == "number" && this.set(L, r), typeof n == "number" && this.set(pt, n);
   }
   _setPath(t, e) {
     this.path = Fc(Array.isArray(t) ? t : Hc(t)), this.setBoundingBox(e);
@@ -4258,7 +4258,7 @@ class Ie extends ht {
     return new this(n, v(v(v({}, V(r, ud)), e), {}, { left: void 0, top: void 0 }));
   }
 }
-b(Ie, "type", "Path"), b(Ie, "cacheProperties", [...le, "path", "fillRule"]), b(Ie, "ATTRIBUTE_NAMES", [...ke, "d"]), k.setClass(Ie), k.setSVGClass(Ie);
+b(Ee, "type", "Path"), b(Ee, "cacheProperties", [...le, "path", "fillRule"]), b(Ee, "ATTRIBUTE_NAMES", [...ke, "d"]), k.setClass(Ee), k.setSVGClass(Ee);
 const dd = ["left", "top", "radius"], qc = ["radius", "startAngle", "endAngle", "counterClockwise"];
 class te extends ht {
   static getDefaults() {
@@ -4719,7 +4719,7 @@ class ut extends Zc {
     t.fillStyle = e, this._removeShadow(t);
   }
   _measureChar(t, e, s, r) {
-    const n = Is.getFontCache(e), o = this._getFontDeclaration(e), a = s + t, c = s && o === this._getFontDeclaration(r), h = e.fontSize / this.CACHE_FONT_SIZE;
+    const n = Es.getFontCache(e), o = this._getFontDeclaration(e), a = s + t, c = s && o === this._getFontDeclaration(r), h = e.fontSize / this.CACHE_FONT_SIZE;
     let l, u, d, g;
     if (s && n.has(s) && (d = n.get(s)), n.has(t) && (g = l = n.get(t)), c && n.has(a) && (u = n.get(a), g = u - d), l === void 0 || d === void 0 || u === void 0) {
       const f = function() {
@@ -4891,7 +4891,7 @@ class ut extends Zc {
       const d = this._textLines[h], g = u / this.lineHeight, f = this._getLineLeftOffset(h);
       let p = 0, m = 0, y = this.getValueOfPropertyAt(h, 0, e), T = this.getValueOfPropertyAt(h, 0, et), S = this.getValueOfPropertyAt(h, 0, We), w = y, C = T, O = S;
       const D = s + g * (1 - this._fontSizeFraction);
-      let M = this.getHeightOfChar(h, 0), E = this.getValueOfPropertyAt(h, 0, "deltaY");
+      let M = this.getHeightOfChar(h, 0), I = this.getValueOfPropertyAt(h, 0, "deltaY");
       for (let X = 0, B = d.length; X < B; X++) {
         const A = this.__charBounds[h][X];
         w = this.getValueOfPropertyAt(h, X, e), C = this.getValueOfPropertyAt(h, X, et), O = this.getValueOfPropertyAt(h, X, We);
@@ -4899,16 +4899,16 @@ class ut extends Zc {
         if (n && w && C) {
           const ct = this.fontSize * O / 1e3;
           t.save(), t.fillStyle = T, t.translate(A.renderLeft, A.renderTop), t.rotate(A.angle), t.fillRect(-A.kernedWidth / 2, c * at + it - a * ct, A.kernedWidth, ct), t.restore();
-        } else if ((w !== y || C !== T || at !== M || O !== S || it !== E) && m > 0) {
+        } else if ((w !== y || C !== T || at !== M || O !== S || it !== I) && m > 0) {
           const ct = this.fontSize * S / 1e3;
           let z = r + f + p;
-          this.direction === "rtl" && (z = this.width - z - m), y && T && S && (t.fillStyle = T, t.fillRect(z, D + c * M + E - a * ct, m, ct)), p = A.left, m = A.width, y = w, S = O, T = C, M = at, E = it;
+          this.direction === "rtl" && (z = this.width - z - m), y && T && S && (t.fillStyle = T, t.fillRect(z, D + c * M + I - a * ct, m, ct)), p = A.left, m = A.width, y = w, S = O, T = C, M = at, I = it;
         } else m += A.kernedWidth;
       }
       let tt = r + f + p;
       this.direction === "rtl" && (tt = this.width - tt - m), t.fillStyle = C;
       const rt = this.fontSize * O / 1e3;
-      w && C && O && t.fillRect(tt, D + c * M + E - a * rt, m - o, rt), s += u;
+      w && C && O && t.fillRect(tt, D + c * M + I - a * rt, m - o, rt), s += u;
     }
     this._removeShadow(t);
   }
@@ -5879,7 +5879,7 @@ class Ro extends fi {
   calcLayoutResult(t, e) {
     const { target: s } = t, { clipPath: r, group: n } = s;
     if (!r || !this.shouldPerformLayout(t)) return;
-    const { width: o, height: a } = Xt(Ec(s, r)), c = new _(o, a);
+    const { width: o, height: a } = Xt(Ic(s, r)), c = new _(o, a);
     if (r.absolutePositioned)
       return { center: oe(r.getRelativeCenterPoint(), void 0, n ? n.calcTransformMatrix() : void 0), size: c };
     {
@@ -6248,7 +6248,7 @@ function jd(i, t, e, s) {
     const S = m.subtract(c.pathOffset).transform(c.calcOwnMatrix()).subtract(y);
     return c.left -= S.x, c.top -= S.y, c.set("dirty", !0), !0;
   })(r, e, s, n, o);
-  return In(this.actionName, v(v({}, En(i, t, e, s)), {}, { commandIndex: n, pointIndex: o })), a;
+  return En(this.actionName, v(v({}, In(i, t, e, s)), {}, { commandIndex: n, pointIndex: o })), a;
 }
 class ih extends N {
   constructor(t) {
@@ -6259,7 +6259,7 @@ class ih extends N {
     super.render(t, e, s, o, n);
   }
 }
-class Id extends ih {
+class Ed extends ih {
   constructor(t) {
     super(t);
   }
@@ -6274,7 +6274,7 @@ class Id extends ih {
     t.lineTo(d.x, d.y), t.stroke(), t.restore(), super.render(t, e, s, r, n);
   }
 }
-const mr = (i, t, e, s, r, n) => new (e ? Id : ih)(v(v({ commandIndex: i, pointIndex: t, actionName: "modifyPath", positionHandler: Dd, actionHandler: jd, connectToCommandIndex: r, connectToPointIndex: n }, s), e ? s.controlPointStyle : s.pointStyle));
+const mr = (i, t, e, s, r, n) => new (e ? Ed : ih)(v(v({ commandIndex: i, pointIndex: t, actionName: "modifyPath", positionHandler: Dd, actionHandler: jd, connectToCommandIndex: r, connectToPointIndex: n }, s), e ? s.controlPointStyle : s.pointStyle));
 var _s = Object.freeze({ __proto__: null, changeWidth: Ji, createObjectDefaultControls: Bn, createPathControls: function(i) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const e = {};
@@ -6295,8 +6295,8 @@ var _s = Object.freeze({ __proto__: null, changeWidth: Ji, createObjectDefaultCo
   const e = {};
   for (let s = 0; s < (typeof i == "number" ? i : i.points.length); s++) e["p".concat(s)] = new N(v({ actionName: eh, positionHandler: Wo(s), actionHandler: Xo(s) }, t));
   return e;
-}, createPolyPositionHandler: Wo, createResizeControls: xc, createTextboxDefaultControls: Sc, dragHandler: Za, factoryPolyActionHandler: rh, getLocalPoint: ci, polyActionHandler: sh, renderCircleControl: lc, renderSquareControl: uc, rotationStyleHandler: dc, rotationWithSnapping: gc, scaleCursorStyleHandler: Ze, scaleOrSkewActionName: Ms, scaleSkewCursorStyleHandler: Ee, scalingEqually: ks, scalingX: mc, scalingXOrSkewingY: Zi, scalingY: vc, scalingYOrSkewingX: Qi, skewCursorStyleHandler: yc, skewHandlerX: _c, skewHandlerY: Tc, wrapWithFireEvent: Oe, wrapWithFixedAnchor: Ge });
-const mi = (i) => i.webgl !== void 0, Vn = "precision highp float", Ed = `
+}, createPolyPositionHandler: Wo, createResizeControls: xc, createTextboxDefaultControls: Sc, dragHandler: Za, factoryPolyActionHandler: rh, getLocalPoint: ci, polyActionHandler: sh, renderCircleControl: lc, renderSquareControl: uc, rotationStyleHandler: dc, rotationWithSnapping: gc, scaleCursorStyleHandler: Ze, scaleOrSkewActionName: Ms, scaleSkewCursorStyleHandler: Ie, scalingEqually: ks, scalingX: mc, scalingXOrSkewingY: Zi, scalingY: vc, scalingYOrSkewingX: Qi, skewCursorStyleHandler: yc, skewHandlerX: _c, skewHandlerY: Tc, wrapWithFireEvent: Oe, wrapWithFixedAnchor: Ge });
+const mi = (i) => i.webgl !== void 0, Vn = "precision highp float", Id = `
     `.concat(Vn, `;
     varying vec2 vTexCoord;
     uniform sampler2D uTexture;
@@ -6312,7 +6312,7 @@ class st {
     Object.assign(this, this.constructor.defaults, t);
   }
   getFragmentSource() {
-    return Ed;
+    return Id;
   }
   getVertexSource() {
     return `
@@ -7310,21 +7310,21 @@ class Dr extends st {
   lanczosResize(t, e, s, r, n) {
     const o = t.imageData.data, a = t.ctx.createImageData(r, n), c = a.data, h = this.lanczosCreate(this.lanczosLobes), l = this.rcpScaleX, u = this.rcpScaleY, d = 2 / this.rcpScaleX, g = 2 / this.rcpScaleY, f = Math.ceil(l * this.lanczosLobes / 2), p = Math.ceil(u * this.lanczosLobes / 2), m = {}, y = { x: 0, y: 0 }, T = { x: 0, y: 0 };
     return function S(w) {
-      let C, O, D, M, E, tt, rt, X, B, A, at;
+      let C, O, D, M, I, tt, rt, X, B, A, at;
       for (y.x = (w + 0.5) * l, T.x = Math.floor(y.x), C = 0; C < n; C++) {
-        for (y.y = (C + 0.5) * u, T.y = Math.floor(y.y), E = 0, tt = 0, rt = 0, X = 0, B = 0, O = T.x - f; O <= T.x + f; O++) if (!(O < 0 || O >= e)) {
+        for (y.y = (C + 0.5) * u, T.y = Math.floor(y.y), I = 0, tt = 0, rt = 0, X = 0, B = 0, O = T.x - f; O <= T.x + f; O++) if (!(O < 0 || O >= e)) {
           A = Math.floor(1e3 * Math.abs(O - y.x)), m[A] || (m[A] = {});
-          for (let it = T.y - p; it <= T.y + p; it++) it < 0 || it >= s || (at = Math.floor(1e3 * Math.abs(it - y.y)), m[A][at] || (m[A][at] = h(Math.sqrt(Math.pow(A * d, 2) + Math.pow(at * g, 2)) / 1e3)), D = m[A][at], D > 0 && (M = 4 * (it * e + O), E += D, tt += D * o[M], rt += D * o[M + 1], X += D * o[M + 2], B += D * o[M + 3]));
+          for (let it = T.y - p; it <= T.y + p; it++) it < 0 || it >= s || (at = Math.floor(1e3 * Math.abs(it - y.y)), m[A][at] || (m[A][at] = h(Math.sqrt(Math.pow(A * d, 2) + Math.pow(at * g, 2)) / 1e3)), D = m[A][at], D > 0 && (M = 4 * (it * e + O), I += D, tt += D * o[M], rt += D * o[M + 1], X += D * o[M + 2], B += D * o[M + 3]));
         }
-        M = 4 * (C * r + w), c[M] = tt / E, c[M + 1] = rt / E, c[M + 2] = X / E, c[M + 3] = B / E;
+        M = 4 * (C * r + w), c[M] = tt / I, c[M + 1] = rt / I, c[M + 2] = X / I, c[M + 3] = B / I;
       }
       return ++w < r ? S(w) : a;
     }(0);
   }
   bilinearFiltering(t, e, s, r, n) {
     let o, a, c, h, l, u, d, g, f, p, m, y, T, S = 0;
-    const w = this.rcpScaleX, C = this.rcpScaleY, O = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), E = M.data;
-    for (d = 0; d < n; d++) for (g = 0; g < r; g++) for (l = Math.floor(w * g), u = Math.floor(C * d), f = w * g - l, p = C * d - u, T = 4 * (u * e + l), m = 0; m < 4; m++) o = D[T + m], a = D[T + 4 + m], c = D[T + O + m], h = D[T + O + 4 + m], y = o * (1 - f) * (1 - p) + a * f * (1 - p) + c * p * (1 - f) + h * f * p, E[S++] = y;
+    const w = this.rcpScaleX, C = this.rcpScaleY, O = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), I = M.data;
+    for (d = 0; d < n; d++) for (g = 0; g < r; g++) for (l = Math.floor(w * g), u = Math.floor(C * d), f = w * g - l, p = C * d - u, T = 4 * (u * e + l), m = 0; m < 4; m++) o = D[T + m], a = D[T + 4 + m], c = D[T + O + m], h = D[T + O + 4 + m], y = o * (1 - f) * (1 - p) + a * f * (1 - p) + c * p * (1 - f) + h * f * p, I[S++] = y;
     return M;
   }
   hermiteFastResize(t, e, s, r, n) {
@@ -7334,7 +7334,7 @@ class Dr extends st {
       let m = 0, y = 0, T = 0, S = 0, w = 0, C = 0, O = 0;
       const D = (g + 0.5) * a;
       for (let M = Math.floor(g * a); M < (g + 1) * a; M++) {
-        const E = Math.abs(D - (M + 0.5)) / h, tt = (f + 0.5) * o, rt = E * E;
+        const I = Math.abs(D - (M + 0.5)) / h, tt = (f + 0.5) * o, rt = I * I;
         for (let X = Math.floor(f * o); X < (f + 1) * o; X++) {
           let B = Math.abs(tt - (X + 0.5)) / c;
           const A = Math.sqrt(rt + B * B);
@@ -7381,7 +7381,7 @@ class jr extends st {
   }
 }
 b(jr, "type", "Saturation"), b(jr, "defaults", { saturation: 0 }), b(jr, "uniformLocations", ["uSaturation"]), k.setClass(jr);
-class Ir extends st {
+class Er extends st {
   getFragmentSource() {
     return `
   precision highp float;
@@ -7415,7 +7415,7 @@ class Ir extends st {
     return this.vibrance === 0;
   }
 }
-b(Ir, "type", "Vibrance"), b(Ir, "defaults", { vibrance: 0 }), b(Ir, "uniformLocations", ["uVibrance"]), k.setClass(Ir);
+b(Er, "type", "Vibrance"), b(Er, "defaults", { vibrance: 0 }), b(Er, "uniformLocations", ["uVibrance"]), k.setClass(Er);
 function Gt(i, t, e, s, r) {
   const a = r.canvas;
   if (!a) return;
@@ -7608,9 +7608,9 @@ const Nd = {
   center: 0,
   bottom: 0.5,
   right: 0.5
-}, I = (i) => typeof i == "string" ? Nd[i] : i - 0.5, ze = "center", sr = "left", Ay = "top", Ly = "bottom", rr = "right", Fy = "none";
+}, E = (i) => typeof i == "string" ? Nd[i] : i - 0.5, ze = "center", sr = "left", Ay = "top", Ly = "bottom", rr = "right", Fy = "none";
 function ir(i) {
-  return I(i.originX) === I(ze) && I(i.originY) === I(ze);
+  return E(i.originX) === E(ze) && E(i.originY) === E(ze);
 }
 function vi(i) {
   return (t, e, s, r) => {
@@ -7645,7 +7645,7 @@ const Rr = (i) => Object.keys(i).reduce((t, e) => {
     e,
     s
   );
-  if (I(t.originX) === I(ze) || I(t.originX) === I(rr) && r.x < 0 || I(t.originX) === I(sr) && r.x > 0) {
+  if (E(t.originX) === E(ze) || E(t.originX) === E(rr) && r.x < 0 || E(t.originX) === E(sr) && r.x > 0) {
     let { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
     );
@@ -7699,7 +7699,7 @@ const Rr = (i) => Object.keys(i).reduce((t, e) => {
     e,
     s
   );
-  if (I(t.originX) === I(ze) || I(t.originX) === I(rr) && r.x < 0 || I(t.originX) === I(sr) && r.x > 0) {
+  if (E(t.originX) === E(ze) || E(t.originX) === E(rr) && r.x < 0 || E(t.originX) === E(sr) && r.x > 0) {
     const { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
     ), l = t.corner === "ml";
@@ -7728,7 +7728,7 @@ const Rr = (i) => Object.keys(i).reduce((t, e) => {
     e,
     s
   );
-  if (I(t.originX) === I(ze) || I(t.originX) === I(rr) && r.x < 0 || I(t.originX) === I(sr) && r.x > 0) {
+  if (E(t.originX) === E(ze) || E(t.originX) === E(rr) && r.x < 0 || E(t.originX) === E(sr) && r.x > 0) {
     const { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
     ), l = R(
@@ -7750,7 +7750,7 @@ const Rr = (i) => Object.keys(i).reduce((t, e) => {
     e,
     s
   );
-  if (I(t.originX) === I(ze) || I(t.originX) === I(rr) && r.x < 0 || I(t.originX) === I(sr) && r.x > 0) {
+  if (E(t.originX) === E(ze) || E(t.originX) === E(rr) && r.x < 0 || E(t.originX) === E(sr) && r.x > 0) {
     let { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
     );
@@ -7895,7 +7895,7 @@ const { wrapWithFireEvent: dg, getLocalPoint: gg } = _s, fg = (i, t, e, s) => {
     e,
     s
   );
-  if (I(t.originX) === I(ze) || I(t.originX) === I(rr) && r.x < 0 || I(t.originX) === I(sr) && r.x > 0) {
+  if (E(t.originX) === E(ze) || E(t.originX) === E(rr) && r.x < 0 || E(t.originX) === E(sr) && r.x > 0) {
     let { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = ir(t) ? 2 : 1, c = n.width, h = Math.ceil(
       Math.abs(r.x * a / n.scaleX) - o
     );
@@ -8283,9 +8283,9 @@ function jg(i) {
     ;
   return t;
 }
-var Ig = /^\s+/;
-function Eg(i) {
-  return i && i.slice(0, jg(i) + 1).replace(Ig, "");
+var Eg = /^\s+/;
+function Ig(i) {
+  return i && i.slice(0, jg(i) + 1).replace(Eg, "");
 }
 function Kt(i) {
   var t = typeof i;
@@ -8303,7 +8303,7 @@ function $o(i) {
   }
   if (typeof i != "string")
     return i === 0 ? i : +i;
-  i = Eg(i);
+  i = Ig(i);
   var e = Ag.test(i);
   return e || Lg.test(i) ? Fg(i.slice(2), e ? 2 : 8) : Pg.test(i) ? Uo : +i;
 }
@@ -8478,9 +8478,9 @@ var ph = Object.prototype, xf = ph.hasOwnProperty, Sf = ph.propertyIsEnumerable,
 function wf() {
   return !1;
 }
-var mh = typeof exports == "object" && exports && !exports.nodeType && exports, Qo = mh && typeof module == "object" && module && !module.nodeType && module, Cf = Qo && Qo.exports === mh, ta = Cf ? Ft.Buffer : void 0, Of = ta ? ta.isBuffer : void 0, ti = Of || wf, kf = "[object Arguments]", Mf = "[object Array]", Df = "[object Boolean]", jf = "[object Date]", If = "[object Error]", Ef = "[object Function]", Pf = "[object Map]", Af = "[object Number]", Lf = "[object Object]", Ff = "[object RegExp]", Rf = "[object Set]", Bf = "[object String]", Wf = "[object WeakMap]", Xf = "[object ArrayBuffer]", zf = "[object DataView]", Hf = "[object Float32Array]", Yf = "[object Float64Array]", Vf = "[object Int8Array]", Gf = "[object Int16Array]", Nf = "[object Int32Array]", Uf = "[object Uint8Array]", $f = "[object Uint8ClampedArray]", qf = "[object Uint16Array]", Kf = "[object Uint32Array]", Y = {};
+var mh = typeof exports == "object" && exports && !exports.nodeType && exports, Qo = mh && typeof module == "object" && module && !module.nodeType && module, Cf = Qo && Qo.exports === mh, ta = Cf ? Ft.Buffer : void 0, Of = ta ? ta.isBuffer : void 0, ti = Of || wf, kf = "[object Arguments]", Mf = "[object Array]", Df = "[object Boolean]", jf = "[object Date]", Ef = "[object Error]", If = "[object Function]", Pf = "[object Map]", Af = "[object Number]", Lf = "[object Object]", Ff = "[object RegExp]", Rf = "[object Set]", Bf = "[object String]", Wf = "[object WeakMap]", Xf = "[object ArrayBuffer]", zf = "[object DataView]", Hf = "[object Float32Array]", Yf = "[object Float64Array]", Vf = "[object Int8Array]", Gf = "[object Int16Array]", Nf = "[object Int32Array]", Uf = "[object Uint8Array]", $f = "[object Uint8ClampedArray]", qf = "[object Uint16Array]", Kf = "[object Uint32Array]", Y = {};
 Y[Hf] = Y[Yf] = Y[Vf] = Y[Gf] = Y[Nf] = Y[Uf] = Y[$f] = Y[qf] = Y[Kf] = !0;
-Y[kf] = Y[Mf] = Y[Xf] = Y[Df] = Y[zf] = Y[jf] = Y[If] = Y[Ef] = Y[Pf] = Y[Af] = Y[Lf] = Y[Ff] = Y[Rf] = Y[Bf] = Y[Wf] = !1;
+Y[kf] = Y[Mf] = Y[Xf] = Y[Df] = Y[zf] = Y[jf] = Y[Ef] = Y[If] = Y[Pf] = Y[Af] = Y[Lf] = Y[Ff] = Y[Rf] = Y[Bf] = Y[Wf] = !1;
 function Jf(i) {
   return Ce(i) && Un(i.length) && !!Y[Ts(i)];
 }
@@ -8629,10 +8629,10 @@ function jp(i) {
   var t = _i(this, i).delete(i);
   return this.size -= t ? 1 : 0, t;
 }
-function Ip(i) {
+function Ep(i) {
   return _i(this, i).get(i);
 }
-function Ep(i) {
+function Ip(i) {
   return _i(this, i).has(i);
 }
 function Pp(i, t) {
@@ -8648,8 +8648,8 @@ function ge(i) {
 }
 ge.prototype.clear = Mp;
 ge.prototype.delete = jp;
-ge.prototype.get = Ip;
-ge.prototype.has = Ep;
+ge.prototype.get = Ep;
+ge.prototype.has = Ip;
 ge.prototype.set = Pp;
 var Ap = "Expected a function";
 function Kn(i, t) {
@@ -8826,7 +8826,7 @@ function bm(i, t) {
   var e = Qn(i.buffer);
   return new i.constructor(e, i.byteOffset, i.length);
 }
-var _m = "[object Boolean]", Tm = "[object Date]", xm = "[object Map]", Sm = "[object Number]", wm = "[object RegExp]", Cm = "[object Set]", Om = "[object String]", km = "[object Symbol]", Mm = "[object ArrayBuffer]", Dm = "[object DataView]", jm = "[object Float32Array]", Im = "[object Float64Array]", Em = "[object Int8Array]", Pm = "[object Int16Array]", Am = "[object Int32Array]", Lm = "[object Uint8Array]", Fm = "[object Uint8ClampedArray]", Rm = "[object Uint16Array]", Bm = "[object Uint32Array]";
+var _m = "[object Boolean]", Tm = "[object Date]", xm = "[object Map]", Sm = "[object Number]", wm = "[object RegExp]", Cm = "[object Set]", Om = "[object String]", km = "[object Symbol]", Mm = "[object ArrayBuffer]", Dm = "[object DataView]", jm = "[object Float32Array]", Em = "[object Float64Array]", Im = "[object Int8Array]", Pm = "[object Int16Array]", Am = "[object Int32Array]", Lm = "[object Uint8Array]", Fm = "[object Uint8ClampedArray]", Rm = "[object Uint16Array]", Bm = "[object Uint32Array]";
 function Wm(i, t, e) {
   var s = i.constructor;
   switch (t) {
@@ -8838,8 +8838,8 @@ function Wm(i, t, e) {
     case Dm:
       return pm(i);
     case jm:
-    case Im:
     case Em:
+    case Im:
     case Pm:
     case Am:
     case Lm:
@@ -8982,7 +8982,7 @@ function Ov(i) {
     e[++t] = s;
   }), e;
 }
-var kv = 1, Mv = 2, Dv = "[object Boolean]", jv = "[object Date]", Iv = "[object Error]", Ev = "[object Map]", Pv = "[object Number]", Av = "[object RegExp]", Lv = "[object Set]", Fv = "[object String]", Rv = "[object Symbol]", Bv = "[object ArrayBuffer]", Wv = "[object DataView]", pa = Ot ? Ot.prototype : void 0, zi = pa ? pa.valueOf : void 0;
+var kv = 1, Mv = 2, Dv = "[object Boolean]", jv = "[object Date]", Ev = "[object Error]", Iv = "[object Map]", Pv = "[object Number]", Av = "[object RegExp]", Lv = "[object Set]", Fv = "[object String]", Rv = "[object Symbol]", Bv = "[object ArrayBuffer]", Wv = "[object DataView]", pa = Ot ? Ot.prototype : void 0, zi = pa ? pa.valueOf : void 0;
 function Xv(i, t, e, s, r, n, o) {
   switch (e) {
     case Wv:
@@ -8995,12 +8995,12 @@ function Xv(i, t, e, s, r, n, o) {
     case jv:
     case Pv:
       return Nn(+i, +t);
-    case Iv:
+    case Ev:
       return i.name == t.name && i.message == t.message;
     case Av:
     case Fv:
       return i == t + "";
-    case Ev:
+    case Iv:
       var a = Cv;
     case Lv:
       var c = s & kv;
@@ -9050,11 +9050,11 @@ function Vv(i, t, e, s, r, n) {
   }
   return n.delete(i), n.delete(t), p;
 }
-var Gv = 1, ma = "[object Arguments]", va = "[object Array]", Er = "[object Object]", Nv = Object.prototype, ya = Nv.hasOwnProperty;
+var Gv = 1, ma = "[object Arguments]", va = "[object Array]", Ir = "[object Object]", Nv = Object.prototype, ya = Nv.hasOwnProperty;
 function Uv(i, t, e, s, r, n) {
   var o = qt(i), a = qt(t), c = o ? va : Dt(i), h = a ? va : Dt(t);
-  c = c == ma ? Er : c, h = h == ma ? Er : h;
-  var l = c == Er, u = h == Er, d = c == h;
+  c = c == ma ? Ir : c, h = h == ma ? Ir : h;
+  var l = c == Ir, u = h == Ir, d = c == h;
   if (d && ti(i)) {
     if (!ti(t))
       return !1;
@@ -9106,8 +9106,8 @@ function t0(i, t, e) {
     return h = O, a = setTimeout(y, t), l ? g(O) : o;
   }
   function p(O) {
-    var D = O - c, M = O - h, E = t - D;
-    return u ? Qv(E, n - M) : E;
+    var D = O - c, M = O - h, I = t - D;
+    return u ? Qv(I, n - M) : I;
   }
   function m(O) {
     var D = O - c, M = O - h;
@@ -9594,7 +9594,7 @@ function v0(i) {
 function y0(i) {
   i.off("object:modified", jh);
 }
-const Ih = {
+const Eh = {
   canvas: null,
   enableGuideRedraw: !0,
   isPointerOverHelperTrack: !1,
@@ -9615,11 +9615,11 @@ const Ih = {
   initialTrackPoints: [],
   updateItemsInTrack: null,
   orderNormalTrack: !1
-}, K = () => Ih, nt = (i) => {
-  Object.assign(Ih, i);
+}, K = () => Eh, nt = (i) => {
+  Object.assign(Eh, i);
 }, xa = 10, xi = (i, t) => {
   t.forEach((e) => e.isAlignmentAuxiliary && i.remove(e));
-}, Eh = (i, t) => {
+}, Ih = (i, t) => {
   const e = [], s = [];
   return t.getObjects().filter((r) => r.visible).forEach((r) => {
     if (i.find((o) => o.id === r.id) || r.isAlignmentAuxiliary)
@@ -9765,7 +9765,7 @@ function Bh(i) {
     c,
     ...t.getActiveObjects(),
     ...t.getObjects("Track", "Helper", "Transition", "Placeholder")
-  ], u = Eh(l, t), d = Lh(c), g = Ph(u, d);
+  ], u = Ih(l, t), d = Lh(c), g = Ph(u, d);
   s && (xi(t, a), g.length && Ah(g, h, t), nt({ enableGuideRedraw: !1 }), setTimeout(() => nt({ enableGuideRedraw: !0 }), 50)), g.forEach((f) => {
     f.orientation === "V" ? c.left = f.lineGuide + f.offset : c.top = f.lineGuide + f.offset;
   });
@@ -9782,7 +9782,7 @@ function Xh(i) {
       s,
       ...t.getActiveObjects(),
       ...t.getObjects("Track", "Helper", "Transition", "Placeholder")
-    ], h = Eh(c, t), l = h.vertical.filter(
+    ], h = Ih(c, t), l = h.vertical.filter(
       (g) => {
         const f = g.val;
         if (n === "ml")
@@ -10038,7 +10038,7 @@ function j0(i, t) {
   const s = i.canvas.getActiveObject(), r = s.left + s.width / 2, n = t.left + t.width / 2;
   return r < n ? t.left - s.width : (r > n, t.left + t.width);
 }
-const I0 = (i, t, e) => !(e < 0 || Vh(i, {
+const E0 = (i, t, e) => !(e < 0 || Vh(i, {
   ...t.getBoundingRect(),
   left: e
 })), Gh = (i) => {
@@ -10047,7 +10047,7 @@ const I0 = (i, t, e) => !(e < 0 || Vh(i, {
   ), r = i.type.toLowerCase();
   return i instanceof we, e && (s == null ? void 0 : s.includes(r));
 };
-function E0(i) {
+function I0(i) {
   K().isPointerOverHelperTrack ? i.opacity = 0 : i.opacity = 1;
 }
 function P0() {
@@ -10074,7 +10074,7 @@ function A0(i) {
 function L0(i, t, e, s) {
   const n = i.canvas.getActiveObjects().map((l) => l.id), o = j0(i, t), a = e.filter(
     (l) => !n.includes(l.id)
-  ), c = I0(
+  ), c = E0(
     a,
     i,
     o
@@ -10166,7 +10166,7 @@ const F0 = (i, t) => {
           d.visible = !1;
           return;
         }
-        f.setCoords(), E0(d);
+        f.setCoords(), I0(d);
         let p = z0(
           f,
           n,
@@ -10633,7 +10633,7 @@ function sl(i) {
       }
     else {
       const h = t.getScenePoint(i.e), l = R(
-        h.x,
+        h.x - 16,
         t.tScale
       ), u = Vi(
         s,
@@ -10676,18 +10676,19 @@ function sl(i) {
   }
 }
 const ay = (i) => {
+  var r;
   const [t] = i, e = i.filter(
-    (r) => r.type !== "transition"
+    (n) => n.type !== "transition"
   );
-  let s = t.display.from;
-  return e.map((r) => {
-    const n = r.display.to - r.display.from, o = {
+  let s = ((r = t == null ? void 0 : t.display) == null ? void 0 : r.from) || 0;
+  return e.map((n) => {
+    const o = n.display.to - n.display.from, a = {
       from: s,
-      to: s + n
+      to: s + o
     };
-    return s = o.to, {
-      ...r,
-      display: o
+    return s = a.to, {
+      ...n,
+      display: a
     };
   });
 }, cy = (i, t) => {
@@ -10699,6 +10700,7 @@ const ay = (i) => {
   const e = t.sort((o, a) => o.top - a.top);
   if (e.length === 0) return 0;
   const s = e[e.length - 1];
+  if (!s || !i) return 0;
   if (s.top + s.height <= i.top)
     return e.length;
   const r = i.top;
@@ -10821,27 +10823,27 @@ function gy(i) {
 function fy(i) {
   i.off("object:moving", al);
 }
-let Et, to = !1;
+let It, to = !1;
 function py(i, t) {
   const e = i.canvas;
   if (e.objectTypes.includes(i.type)) {
-    Et || (Et = i);
+    It || (It = i);
     const r = i.top, n = i.height, o = i.left, a = i.width, c = t.x, h = t.y, l = Math.abs(h - (r + n / 2)) <= Ud;
     Math.abs(c - o) <= Ho && l || Math.abs(c - o - a) <= Ho && l ? (e.hoverCornerItem = !0, i.hoverCursor = "ew-resize") : (e.hoverCornerItem = !1, i.hoverCursor = "move"), e.requestRenderAll();
   }
 }
 function cl(i) {
   const t = this, e = t.findTarget(i.e), s = t.getScenePoint(i.e);
-  e && (e.isSelected && Et && (e.hoverCursor = "default"), py(e, s));
+  e && (e.isSelected && It && (e.hoverCursor = "default"), py(e, s));
 }
 function hl() {
-  Et && (Et.lockMovementX = !1, Et.lockMovementY = !1, Et = void 0);
+  It && (It.lockMovementX = !1, It.lockMovementY = !1, It = void 0);
 }
 function ll(i) {
-  Et && (to || Et._renderControls(i.ctx));
+  It && (to || It._renderControls(i.ctx));
 }
 function ul() {
-  Et && (Et = void 0, this.requestRenderAll());
+  It && (It = void 0, this.requestRenderAll());
 }
 function dl() {
   to = !0;
@@ -11396,7 +11398,7 @@ const Dy = (i) => {
     y < 0 && t[5] < y && (t[5] = y);
   }
   return t;
-}, Iy = (i, t = {}) => (e) => {
+}, Ey = (i, t = {}) => (e) => {
   const s = e.e;
   s.target == i.upperCanvasEl && s.preventDefault();
   const r = Math.floor(s.deltaY) != Math.ceil(s.deltaY);
@@ -11471,7 +11473,7 @@ const Dy = (i) => {
       },
       scrollSpace: e.scrollSpace ?? 0
     };
-    this._mouseWheelHandler = Iy(this, s), this.on("mouse:wheel", this._mouseWheelHandler), this._scrollbars = new My(this, s);
+    this._mouseWheelHandler = Ey(this, s), this.on("mouse:wheel", this._mouseWheelHandler), this._scrollbars = new My(this, s);
     const r = e.offsetX ?? 0, n = e.offsetY ?? 0;
     if (r !== 0 || n !== 0) {
       const o = this.viewportTransform.slice(0);
@@ -11780,7 +11782,7 @@ export {
   Rr as getDuration,
   ir as isTransformCentered,
   Xy as resize,
-  I as resolveOrigin,
+  E as resolveOrigin,
   ot as timeMsToUnits,
   R as unitsToTimeMs,
   Yn as util,