@cliquify.me/timeline 6.0.8 → 6.0.9

package/dist/index.es.js

@@ -1,6 +1,6 @@
 var Dl = Object.defineProperty;
 var Il = (i, t, e) => t in i ? Dl(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var x = (i, t, e) => Il(i, typeof t != "symbol" ? t + "" : t, e);
+var w = (i, t, e) => Il(i, typeof t != "symbol" ? t + "" : t, e);
 import { dispatch as se } from "@designcombo/events";
 function y(i, t, e) {
   return (t = function(s) {
@@ -145,7 +145,7 @@ const Ht = () => io || (io = { document, window, isTouchSupported: "ontouchstart
 }(), Ni = "6.9.1";
 function Le() {
 }
-const Te = Math.PI / 2, he = 2 * Math.PI, Tn = Math.PI / 180, ft = Object.freeze([1, 0, 0, 1, 0, 0]), xn = 16, me = 0.4477152502, j = "center", B = "left", pt = "top", Ui = "bottom", Z = "right", mt = "none", Sn = /\r?\n/, ja = "moving", ii = "scaling", Ea = "rotating", wn = "rotate", Pa = "skewing", Xs = "resizing", Aa = "modifyPoly", Al = "modifyPath", Xr = "changed", ni = "scale", gt = "scaleX", _t = "scaleY", vs = "skewX", ys = "skewY", rt = "fill", vt = "stroke", zr = "modified", Ke = "json", Oi = "svg", k = new class {
+const Te = Math.PI / 2, he = 2 * Math.PI, Tn = Math.PI / 180, ft = Object.freeze([1, 0, 0, 1, 0, 0]), xn = 16, me = 0.4477152502, j = "center", B = "left", pt = "top", Ui = "bottom", Q = "right", mt = "none", Sn = /\r?\n/, ja = "moving", ii = "scaling", Ea = "rotating", wn = "rotate", Pa = "skewing", Xs = "resizing", Aa = "modifyPoly", Al = "modifyPath", Xr = "changed", ni = "scale", gt = "scaleX", _t = "scaleY", vs = "skewX", ys = "skewY", rt = "fill", vt = "stroke", zr = "modified", Ke = "json", Oi = "svg", k = new class {
   constructor() {
     this[Ke] = /* @__PURE__ */ new Map(), this[Oi] = /* @__PURE__ */ new Map();
   }
@@ -528,10 +528,10 @@ const xe = () => Rl++, Yt = () => {
   return t.width = i.width, t.height = i.height, t;
 }, On = (i, t, e) => i.toDataURL("image/".concat(t), e), kn = (i, t, e) => new Promise((s, r) => {
   i.toBlob(s, "image/".concat(t), e);
-}), q = (i) => i * Tn, Vt = (i) => i / Tn, Wa = (i) => i.every((t, e) => t === ft[e]), lt = (i, t, e) => new T(i).transform(t, e), bt = (i) => {
+}), K = (i) => i * Tn, Vt = (i) => i / Tn, Wa = (i) => i.every((t, e) => t === ft[e]), lt = (i, t, e) => new T(i).transform(t, e), bt = (i) => {
   const t = 1 / (i[0] * i[3] - i[1] * i[2]), e = [t * i[3], -t * i[1], -t * i[2], t * i[0], 0, 0], { x: s, y: r } = new T(i[4], i[5]).transform(e, !0);
   return e[4] = -s, e[5] = -r, e;
-}, K = (i, t, e) => [i[0] * t[0] + i[2] * t[1], i[1] * t[0] + i[3] * t[1], i[0] * t[2] + i[2] * t[3], i[1] * t[2] + i[3] * t[3], e ? 0 : i[0] * t[4] + i[2] * t[5] + i[4], e ? 0 : i[1] * t[4] + i[3] * t[5] + i[5]], oi = (i, t) => i.reduceRight((e, s) => s && e ? K(s, e, t) : s || e, void 0) || ft.concat(), Xa = (i) => {
+}, J = (i, t, e) => [i[0] * t[0] + i[2] * t[1], i[1] * t[0] + i[3] * t[1], i[0] * t[2] + i[2] * t[3], i[1] * t[2] + i[3] * t[3], e ? 0 : i[0] * t[4] + i[2] * t[5] + i[4], e ? 0 : i[1] * t[4] + i[3] * t[5] + i[5]], oi = (i, t) => i.reduceRight((e, s) => s && e ? J(s, e, t) : s || e, void 0) || ft.concat(), Xa = (i) => {
   let [t, e] = i;
   return Math.atan2(e, t);
 }, us = (i) => {
@@ -542,20 +542,20 @@ const xe = () => Rl++, Yt = () => {
 };
 function Ye() {
   let { angle: i = 0 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, { x: t = 0, y: e = 0 } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  const s = q(i), r = At(s), n = Lt(s);
+  const s = K(i), r = At(s), n = Lt(s);
   return [r, n, -n, r, t ? t - (r * t - n * e) : 0, e ? e - (n * t + r * e) : 0];
 }
 const ai = function(i) {
   return [i, 0, 0, arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : i, 0, 0];
-}, za = (i) => Math.tan(q(i)), Mn = (i) => [1, 0, za(i), 1, 0, 0], Dn = (i) => [1, za(i), 0, 1, 0, 0], Js = (i) => {
+}, za = (i) => Math.tan(K(i)), Mn = (i) => [1, 0, za(i), 1, 0, 0], Dn = (i) => [1, za(i), 0, 1, 0, 0], Js = (i) => {
   let { scaleX: t = 1, scaleY: e = 1, flipX: s = !1, flipY: r = !1, skewX: n = 0, skewY: o = 0 } = i, a = ai(s ? -t : t, r ? -e : e);
-  return n && (a = K(a, Mn(n), !0)), o && (a = K(a, Dn(o), !0)), a;
+  return n && (a = J(a, Mn(n), !0)), o && (a = J(a, Dn(o), !0)), a;
 }, Ha = (i) => {
   const { translateX: t = 0, translateY: e = 0, angle: s = 0 } = i;
   let r = bs(t, e);
-  s && (r = K(r, Ye({ angle: s })));
+  s && (r = J(r, Ye({ angle: s })));
   const n = Js(i);
-  return Wa(n) || (r = K(r, n)), r;
+  return Wa(n) || (r = J(r, n)), r;
 }, Ps = function(i) {
   let { signal: t, crossOrigin: e = null } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   return new Promise(function(s, r) {
@@ -1000,7 +1000,7 @@ Resulting to default behavior: removing object from previous canvas and adding t
   }
   toCanvasElement() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1, { width: e, height: s, left: r, top: n, filter: o } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    const a = (e || this.width) * t, c = (s || this.height) * t, h = this.getZoom(), l = this.width, u = this.height, d = this.skipControlsDrawing, f = h * t, g = this.viewportTransform, p = [f, 0, 0, f, (g[4] - (r || 0)) * t, (g[5] - (n || 0)) * t], m = this.enableRetinaScaling, b = Tt({ width: a, height: c }), _ = o ? this._objects.filter((w) => o(w)) : this._objects;
+    const a = (e || this.width) * t, c = (s || this.height) * t, h = this.getZoom(), l = this.width, u = this.height, d = this.skipControlsDrawing, f = h * t, g = this.viewportTransform, p = [f, 0, 0, f, (g[4] - (r || 0)) * t, (g[5] - (n || 0)) * t], m = this.enableRetinaScaling, b = Tt({ width: a, height: c }), _ = o ? this._objects.filter((S) => o(S)) : this._objects;
     return this.enableRetinaScaling = !1, this.viewportTransform = p, this.width = a, this.height = c, this.skipControlsDrawing = !0, this.calcViewportBoundaries(), this.renderCanvas(b.getContext("2d"), _), this.viewportTransform = g, this.width = l, this.height = u, this.calcViewportBoundaries(), this.enableRetinaScaling = m, this.skipControlsDrawing = d, b;
   }
   dispose() {
@@ -1034,7 +1034,7 @@ const Wl = ["touchstart", "touchmove", "touchend"], Ua = (i) => {
     (a > s || !n) && (s = a), (a < t || !n) && (t = a), (c > r || !n) && (r = c), (c < e || !n) && (e = c);
   }
   return { left: t, top: e, width: s - t, height: r - e };
-}, Xl = ["translateX", "translateY", "scaleX", "scaleY"], $a = (i, t) => gs(i, K(t, i.calcOwnMatrix())), gs = (i, t) => {
+}, Xl = ["translateX", "translateY", "scaleX", "scaleY"], $a = (i, t) => gs(i, J(t, i.calcOwnMatrix())), gs = (i, t) => {
   const e = us(t), { translateX: s, translateY: r, scaleX: n, scaleY: o } = e, a = N(e, Xl), c = new T(s, r);
   i.flipX = !1, i.flipY = !1, Object.assign(i, a), i.set({ scaleX: n, scaleY: o }), i.setPositionByOrigin(c, j, j);
 }, qa = (i) => {
@@ -1044,7 +1044,7 @@ const Wl = ["touchstart", "touchmove", "touchend"], Ua = (i) => {
   return new T(o.width, o.height);
 }, tr = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft;
-  return K(bt(arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ft), i);
+  return J(bt(arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ft), i);
 }, oe = function(i) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ft, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ft;
   return i.transform(tr(t, e));
@@ -1053,7 +1053,7 @@ const Wl = ["touchstart", "touchmove", "touchend"], Ua = (i) => {
   return i.transform(tr(t, e), !0);
 }, qi = (i, t, e) => {
   const s = tr(t, e);
-  return gs(i, K(s, i.calcOwnMatrix())), s;
+  return gs(i, J(s, i.calcOwnMatrix())), s;
 }, En = (i, t) => {
   var e;
   const { transform: { target: s } } = t;
@@ -1075,7 +1075,7 @@ function hi(i, t, e, s, r) {
   let { target: o, corner: a } = i;
   const c = o.controls[a], h = ((n = o.canvas) === null || n === void 0 ? void 0 : n.getZoom()) || 1, l = o.padding / h, u = function(d, f, g, p) {
     const m = d.getRelativeCenterPoint(), b = g !== void 0 && p !== void 0 ? d.translateToGivenOrigin(m, j, j, g, p) : new T(d.left, d.top);
-    return (d.angle ? f.rotate(-q(d.angle), m) : f).subtract(b);
+    return (d.angle ? f.rotate(-K(d.angle), m) : f).subtract(b);
   }(o, new T(s, r), t, e);
   return u.x >= l && (u.x -= l), u.x <= -l && (u.x += l), u.y >= l && (u.y -= l), u.y <= l && (u.y += l), u.x -= c.offsetX, u.y -= c.offsetY, u;
 }
@@ -1332,7 +1332,7 @@ class ae {
     return [this.offsetX, this.offsetY, this.blur, this.color].join("px ");
   }
   toSVG(t) {
-    const e = An(new T(this.offsetX, this.offsetY), q(-t.angle)), s = new X(this.color);
+    const e = An(new T(this.offsetX, this.offsetY), K(-t.angle)), s = new X(this.color);
     let r = 40, n = 40;
     return t.width && t.height && (r = 100 * H((Math.abs(e.x) + this.blur) / t.width, L.NUM_FRACTION_DIGITS) + 20, n = 100 * H((Math.abs(e.y) + this.blur) / t.height, L.NUM_FRACTION_DIGITS) + 20), t.flipX && (e.x *= -1), t.flipY && (e.y *= -1), '<filter id="SVGID_'.concat(this.id, '" y="-').concat(n, '%" height="').concat(100 + 2 * n, '%" x="-').concat(r, '%" width="').concat(100 + 2 * r, `%" >
 	<feGaussianBlur in="SourceAlpha" stdDeviation="`).concat(H(this.blur ? this.blur / 2 : 0, L.NUM_FRACTION_DIGITS), `"></feGaussianBlur>
@@ -1653,7 +1653,7 @@ class iu extends Ra {
     return ((t = this.canvas) === null || t === void 0 ? void 0 : t.viewportTransform) || ft.concat();
   }
   calcACoords() {
-    const t = Ye({ angle: this.angle }), { x: e, y: s } = this.getRelativeCenterPoint(), r = bs(e, s), n = K(r, t), o = this._getTransformedDimensions(), a = o.x / 2, c = o.y / 2;
+    const t = Ye({ angle: this.angle }), { x: e, y: s } = this.getRelativeCenterPoint(), r = bs(e, s), n = J(r, t), o = this._getTransformedDimensions(), a = o.x / 2, c = o.y / 2;
     return { tl: lt({ x: -a, y: -c }, n), tr: lt({ x: a, y: -c }, n), bl: lt({ x: -a, y: c }, n), br: lt({ x: a, y: c }, n) };
   }
   setCoords() {
@@ -1667,7 +1667,7 @@ class iu extends Ra {
     let t = arguments.length > 0 && arguments[0] !== void 0 && arguments[0], e = this.calcOwnMatrix();
     if (t || !this.group) return e;
     const s = this.transformMatrixKey(t), r = this.matrixCache;
-    return r && r.key.every((n, o) => n === s[o]) ? r.value : (this.group && (e = K(this.group.calcTransformMatrix(!1), e)), this.matrixCache = { key: s, value: e }, e);
+    return r && r.key.every((n, o) => n === s[o]) ? r.value : (this.group && (e = J(this.group.calcTransformMatrix(!1), e)), this.matrixCache = { key: s, value: e }, e);
   }
   calcOwnMatrix() {
     const t = this.transformMatrixKey(!0), e = this.ownMatrixCache;
@@ -1702,11 +1702,11 @@ class iu extends Ra {
   translateToCenterPoint(t, e, s) {
     if (e === j && s === j) return t;
     const r = this.translateToGivenOrigin(t, e, s, j, j);
-    return this.angle ? r.rotate(q(this.angle), t) : r;
+    return this.angle ? r.rotate(K(this.angle), t) : r;
   }
   translateToOriginPoint(t, e, s) {
     const r = this.translateToGivenOrigin(t, j, j, e, s);
-    return this.angle ? r.rotate(q(this.angle), t) : r;
+    return this.angle ? r.rotate(K(this.angle), t) : r;
   }
   getCenterPoint() {
     const t = this.getRelativeCenterPoint();
@@ -1935,8 +1935,8 @@ let Qt = class Fr extends iu {
     delete this.group, t.withoutTransform && qa(this), t.withoutShadow && (this.shadow = null), t.viewportTransform && qi(this, this.getViewportTransform()), this.setCoords();
     const h = Yt(), l = this.getBoundingRect(), u = this.shadow, d = new T();
     if (u) {
-      const _ = u.blur, w = u.nonScaling ? new T(1, 1) : this.getObjectScaling();
-      d.x = 2 * Math.round(n(u.offsetX) + _) * n(w.x), d.y = 2 * Math.round(n(u.offsetY) + _) * n(w.y);
+      const _ = u.blur, S = u.nonScaling ? new T(1, 1) : this.getObjectScaling();
+      d.x = 2 * Math.round(n(u.offsetX) + _) * n(S.x), d.y = 2 * Math.round(n(u.offsetY) + _) * n(S.y);
     }
     const f = l.width + d.x, g = l.height + d.y;
     h.width = Math.ceil(f), h.height = Math.ceil(g);
@@ -2041,9 +2041,9 @@ let Qt = class Fr extends iu {
   toObject() {
     const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).concat(Fr.customProperties, this.constructor.customProperties || []);
     let e;
-    const s = L.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: w, strokeMiterLimit: S, scaleX: C, scaleY: O, angle: D, flipX: M, flipY: I, opacity: R, visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: nt, skewY: ct } = this;
+    const s = L.NUM_FRACTION_DIGITS, { clipPath: r, fill: n, stroke: o, shadow: a, strokeDashArray: c, left: h, top: l, originX: u, originY: d, width: f, height: g, strokeWidth: p, strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: S, strokeMiterLimit: x, scaleX: C, scaleY: O, angle: D, flipX: M, flipY: I, opacity: R, visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: nt, skewY: ct } = this;
     r && !r.excludeFromExport && (e = r.toObject(t.concat("inverted", "absolutePositioned")));
-    const Y = (Zt) => H(Zt, s), Ft = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Ni, originX: u, originY: d, left: Y(h), top: Y(l), width: Y(f), height: Y(g), fill: no(n) ? n.toObject() : n, stroke: no(o) ? o.toObject() : o, strokeWidth: Y(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: w, strokeMiterLimit: Y(S), scaleX: Y(C), scaleY: Y(O), angle: Y(D), flipX: M, flipY: I, opacity: Y(R), shadow: a && a.toObject(), visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: Y(nt), skewY: Y(ct) }, e ? { clipPath: e } : null);
+    const Y = (Zt) => H(Zt, s), Ft = v(v({}, Ve(this, t)), {}, { type: this.constructor.type, version: Ni, originX: u, originY: d, left: Y(h), top: Y(l), width: Y(f), height: Y(g), fill: no(n) ? n.toObject() : n, stroke: no(o) ? o.toObject() : o, strokeWidth: Y(p), strokeDashArray: c && c.concat(), strokeLineCap: m, strokeDashOffset: b, strokeLineJoin: _, strokeUniform: S, strokeMiterLimit: Y(x), scaleX: Y(C), scaleY: Y(O), angle: Y(D), flipX: M, flipY: I, opacity: Y(R), shadow: a && a.toObject(), visible: z, backgroundColor: E, fillRule: W, paintFirst: F, globalCompositeOperation: at, skewX: Y(nt), skewY: Y(ct) }, e ? { clipPath: e } : null);
     return this.includeDefaultValues ? Ft : this._removeDefaultValues(Ft);
   }
   toDatalessObject(t) {
@@ -2081,7 +2081,7 @@ function Ge(i) {
 }
 const Zi = Oe(Xs, Ge((i, t, e, s) => {
   const r = hi(t, t.originX, t.originY, e, s);
-  if (et(t.originX) === et(j) || et(t.originX) === et(Z) && r.x < 0 || et(t.originX) === et(B) && r.x > 0) {
+  if (et(t.originX) === et(j) || et(t.originX) === et(Q) && r.x < 0 || et(t.originX) === et(B) && r.x > 0) {
     const { target: n } = t, o = n.strokeWidth / (n.strokeUniform ? n.scaleX : 1), a = Ja(t) ? 2 : 1, c = n.width, h = Math.abs(r.x * a / n.scaleX) - o;
     return n.set("width", Math.max(h, 1)), c !== n.width;
   }
@@ -2098,7 +2098,7 @@ function dc(i, t, e, s, r) {
   const n = this.sizeX || s.cornerSize || r.cornerSize, o = this.sizeY || s.cornerSize || r.cornerSize, a = s.transparentCorners !== void 0 ? s.transparentCorners : r.transparentCorners, c = a ? vt : rt, h = !a && (s.cornerStrokeColor || r.cornerStrokeColor), l = n / 2, u = o / 2;
   i.save(), i.fillStyle = s.cornerColor || r.cornerColor || "", i.strokeStyle = s.cornerStrokeColor || r.cornerStrokeColor || "", i.translate(t, e);
   const d = r.getTotalAngle();
-  i.rotate(q(d)), i["".concat(c, "Rect")](-l, -u, n, o), h && i.strokeRect(-l, -u, n, o), i.restore();
+  i.rotate(K(d)), i["".concat(c, "Rect")](-l, -u, n, o), h && i.strokeRect(-l, -u, n, o), i.restore();
 }
 class $ {
   constructor(t) {
@@ -2198,9 +2198,9 @@ function _c(i, t, e, s, r) {
   const { target: n } = e, { counterAxis: o, origin: a, lockSkewing: c, skew: h, flip: l } = Pi[i];
   if (Pt(n, c)) return !1;
   const { origin: u, flip: d } = Pi[o], f = et(e[u]) * (n[d] ? -1 : 1), g = -Math.sign(f) * (n[l] ? -1 : 1), p = 0.5 * -((n[h] === 0 && hi(e, j, j, s, r)[i] > 0 || n[h] > 0 ? 1 : -1) * g) + 0.5;
-  return Oe(Pa, Ge((b, _, w, S) => function(C, O, D) {
+  return Oe(Pa, Ge((b, _, S, x) => function(C, O, D) {
     let { target: M, ex: I, ey: R, skewingSide: z } = O, E = N(O, cu);
-    const { skew: W } = Pi[C], F = D.subtract(new T(I, R)).divide(new T(M.scaleX, M.scaleY))[C], at = M[W], nt = E[W], ct = Math.tan(q(nt)), Y = C === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Ft = 2 * F * z / Math.max(Y, 1) + ct, Zt = Vt(Math.atan(Ft));
+    const { skew: W } = Pi[C], F = D.subtract(new T(I, R)).divide(new T(M.scaleX, M.scaleY))[C], at = M[W], nt = E[W], ct = Math.tan(K(nt)), Y = C === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, Ft = 2 * F * z / Math.max(Y, 1) + ct, Zt = Vt(Math.atan(Ft));
     M.set(W, Zt);
     const ar = at !== M[W];
     if (ar && C === "y") {
@@ -2208,7 +2208,7 @@ function _c(i, t, e, s, r) {
       Me !== 1 && M.set(gt, Me * xs);
     }
     return ar;
-  }(i, _, new T(w, S))))(t, v(v({}, e), {}, { [a]: p, skewingSide: g }), s, r);
+  }(i, _, new T(S, x))))(t, v(v({}, e), {}, { [a]: p, skewingSide: g }), s, r);
 }
 const Tc = (i, t, e, s) => _c("x", i, t, e, s), xc = (i, t, e, s) => _c("y", i, t, e, s);
 function di(i, t) {
@@ -2251,7 +2251,7 @@ class Hs extends Qt {
     }
   }
   calcOCoords() {
-    const t = this.getViewportTransform(), e = this.getCenterPoint(), s = bs(e.x, e.y), r = Ye({ angle: this.getTotalAngle() - (this.group && this.flipX ? 180 : 0) }), n = K(s, r), o = K(t, n), a = K(o, [1 / t[0], 0, 0, 1 / t[3], 0, 0]), c = this.group ? us(this.calcTransformMatrix()) : void 0;
+    const t = this.getViewportTransform(), e = this.getCenterPoint(), s = bs(e.x, e.y), r = Ye({ angle: this.getTotalAngle() - (this.group && this.flipX ? 180 : 0) }), n = J(s, r), o = J(t, n), a = J(o, [1 / t[0], 0, 0, 1 / t[3], 0, 0]), c = this.group ? us(this.calcTransformMatrix()) : void 0;
     c && (c.scaleX = Math.abs(c.scaleX), c.scaleY = Math.abs(c.scaleY));
     const h = this._calculateCurrentDimensions(c), l = {};
     return this.forEachControl((u, d) => {
@@ -2273,7 +2273,7 @@ class Hs extends Qt {
     if (!this.selectionBackgroundColor || this.canvas && this.canvas._activeObject !== this) return;
     t.save();
     const e = this.getRelativeCenterPoint(), s = this._calculateCurrentDimensions(), r = this.getViewportTransform();
-    t.translate(e.x, e.y), t.scale(1 / r[0], 1 / r[3]), t.rotate(q(this.angle)), t.fillStyle = this.selectionBackgroundColor, t.fillRect(-s.x / 2, -s.y / 2, s.x, s.y), t.restore();
+    t.translate(e.x, e.y), t.scale(1 / r[0], 1 / r[3]), t.rotate(K(this.angle)), t.fillStyle = this.selectionBackgroundColor, t.fillRect(-s.x / 2, -s.y / 2, s.x, s.y), t.restore();
   }
   strokeBorders(t, e) {
     t.strokeRect(-e.x / 2, -e.y / 2, e.x, e.y);
@@ -2285,8 +2285,8 @@ class Hs extends Qt {
   }
   _renderControls(t) {
     let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    const { hasBorders: s, hasControls: r } = this, n = v({ hasBorders: s, hasControls: r }, e), o = this.getViewportTransform(), a = n.hasBorders, c = n.hasControls, h = K(o, this.calcTransformMatrix()), l = us(h);
-    t.save(), t.translate(l.translateX, l.translateY), t.lineWidth = this.borderScaleFactor, this.group === this.parent && (t.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1), this.flipX && (l.angle -= 180), t.rotate(q(this.group ? l.angle : this.angle)), a && this.drawBorders(t, l, e), c && this.drawControls(t, e), t.restore();
+    const { hasBorders: s, hasControls: r } = this, n = v({ hasBorders: s, hasControls: r }, e), o = this.getViewportTransform(), a = n.hasBorders, c = n.hasControls, h = J(o, this.calcTransformMatrix()), l = us(h);
+    t.save(), t.translate(l.translateX, l.translateY), t.lineWidth = this.borderScaleFactor, this.group === this.parent && (t.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1), this.flipX && (l.angle -= 180), t.rotate(K(this.group ? l.angle : this.angle)), a && this.drawBorders(t, l, e), c && this.drawControls(t, e), t.restore();
   }
   drawBorders(t, e, s) {
     let r;
@@ -2388,7 +2388,7 @@ class kc {
   }
   applySkew(t) {
     const e = new T(t);
-    return e.y += e.x * Math.tan(q(this.options.skewY)), e.x += e.y * Math.tan(q(this.options.skewX)), e;
+    return e.y += e.x * Math.tan(K(this.options.skewY)), e.x += e.y * Math.tan(K(this.options.skewX)), e;
   }
   scaleUnitVector(t, e) {
     return t.multiply(this.strokeUniformScalar).scalarMultiply(e);
@@ -2425,7 +2425,7 @@ class hs extends kc {
     }), s;
   }
   projectRoundWithSkew(t, e) {
-    const s = [], { skewX: r, skewY: n, scaleX: o, scaleY: a, strokeUniform: c } = this.options, h = new T(Math.tan(q(r)), Math.tan(q(n))), l = this.strokeProjectionMagnitude, u = c ? l / a / Math.sqrt(1 / a ** 2 + 1 / o ** 2 * h.y ** 2) : l / Math.sqrt(1 + h.y ** 2), d = new T(Math.sqrt(Math.max(l ** 2 - u ** 2, 0)), u), f = c ? l / Math.sqrt(1 + h.x ** 2 * (1 / a) ** 2 / (1 / o + 1 / o * h.x * h.y) ** 2) : l / Math.sqrt(1 + h.x ** 2 / (1 + h.x * h.y) ** 2), g = new T(f, Math.sqrt(Math.max(l ** 2 - f ** 2, 0)));
+    const s = [], { skewX: r, skewY: n, scaleX: o, scaleY: a, strokeUniform: c } = this.options, h = new T(Math.tan(K(r)), Math.tan(K(n))), l = this.strokeProjectionMagnitude, u = c ? l / a / Math.sqrt(1 / a ** 2 + 1 / o ** 2 * h.y ** 2) : l / Math.sqrt(1 + h.y ** 2), d = new T(Math.sqrt(Math.max(l ** 2 - u ** 2, 0)), u), f = c ? l / Math.sqrt(1 + h.x ** 2 * (1 / a) ** 2 / (1 / o + 1 / o * h.x * h.y) ** 2) : l / Math.sqrt(1 + h.x ** 2 / (1 + h.x * h.y) ** 2), g = new T(f, Math.sqrt(Math.max(l ** 2 - f ** 2, 0)));
     return [g, g.scalarMultiply(-1), d, d.scalarMultiply(-1)].map((p) => this.applySkew(c ? p.multiply(this.strokeUniformScalar) : p)).forEach((p) => {
       Ki(p, t, e) && s.push(this.applySkew(this.A).add(p));
     }), s;
@@ -2642,10 +2642,10 @@ function Du(i, t, e, s) {
   if (i !== rt && i !== vt || t !== mt) {
     if (i === "strokeUniform") return t === "non-scaling-stroke";
     if (i === "strokeDashArray") o = t === mt ? null : t.replace(/,/g, " ").split(/\s+/).map(parseFloat);
-    else if (i === "transformMatrix") o = e && e.transformMatrix ? K(e.transformMatrix, en(t)) : en(t);
+    else if (i === "transformMatrix") o = e && e.transformMatrix ? J(e.transformMatrix, en(t)) : en(t);
     else if (i === "visible") o = t !== mt && t !== "hidden", e && e.visible === !1 && (o = !1);
     else if (i === "opacity") o = parseFloat(t), e && e.opacity !== void 0 && (o *= e.opacity);
-    else if (i === "textAnchor") o = t === "start" ? B : t === "end" ? Z : j;
+    else if (i === "textAnchor") o = t === "start" ? B : t === "end" ? Q : j;
     else if (i === "charSpacing" || i === We) n = Re(t, s) / s * 1e3;
     else if (i === "paintFirst") {
       const a = t.indexOf(rt), c = t.indexOf(vt);
@@ -2942,7 +2942,7 @@ class zt extends La(ht) {
     t.group && t.group.remove(t), t._set("parent", this), this._enterGroup(t, e);
   }
   _enterGroup(t, e) {
-    e && gs(t, K(bt(this.calcTransformMatrix()), t.calcTransformMatrix())), this._shouldSetNestedCoords() && t.setCoords(), t._set("group", this), t._set("canvas", this.canvas), this._watchObject(!0, t);
+    e && gs(t, J(bt(this.calcTransformMatrix()), t.calcTransformMatrix())), this._shouldSetNestedCoords() && t.setCoords(), t._set("group", this), t._set("canvas", this.canvas), this._watchObject(!0, t);
     const s = this.canvas && this.canvas.getActiveObject && this.canvas.getActiveObject();
     s && (s === t || t.isDescendantOf(s)) && this._activeObjects.push(t);
   }
@@ -2950,7 +2950,7 @@ class zt extends La(ht) {
     this._exitGroup(t, e), t._set("parent", void 0), t._set("canvas", void 0);
   }
   _exitGroup(t, e) {
-    t._set("group", void 0), e || (gs(t, K(this.calcTransformMatrix(), t.calcTransformMatrix())), t.setCoords()), this._watchObject(!1, t);
+    t._set("group", void 0), e || (gs(t, J(this.calcTransformMatrix(), t.calcTransformMatrix())), t.setCoords()), this._watchObject(!1, t);
     const s = this._activeObjects.length > 0 ? this._activeObjects.indexOf(t) : -1;
     s > -1 && this._activeObjects.splice(s, 1);
   }
@@ -3063,8 +3063,8 @@ function nn(i, t, e, s, r, n, o, a) {
   if (L.cachesBoundsOfCurve && (c = [...arguments].join(), js.boundsOfCurveCache[c])) return js.boundsOfCurveCache[c];
   const h = Math.sqrt, l = Math.abs, u = [], d = [[0, 0], [0, 0]];
   let f = 6 * i - 12 * e + 6 * r, g = -3 * i + 9 * e - 9 * r + 3 * o, p = 3 * e - 3 * i;
-  for (let S = 0; S < 2; ++S) {
-    if (S > 0 && (f = 6 * t - 12 * s + 6 * n, g = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(g) < 1e-12) {
+  for (let x = 0; x < 2; ++x) {
+    if (x > 0 && (f = 6 * t - 12 * s + 6 * n, g = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(g) < 1e-12) {
       if (l(f) < 1e-12) continue;
       const I = -p / f;
       0 < I && I < 1 && u.push(I);
@@ -3080,18 +3080,18 @@ function nn(i, t, e, s, r, n, o, a) {
   let m = u.length;
   const b = m, _ = Bc(i, t, e, s, r, n, o, a);
   for (; m--; ) {
-    const { x: S, y: C } = _(u[m]);
-    d[0][m] = S, d[1][m] = C;
+    const { x, y: C } = _(u[m]);
+    d[0][m] = x, d[1][m] = C;
   }
   d[0][b] = i, d[1][b] = t, d[0][b + 1] = o, d[1][b + 1] = a;
-  const w = [new T(Math.min(...d[0]), Math.min(...d[1])), new T(Math.max(...d[0]), Math.max(...d[1]))];
-  return L.cachesBoundsOfCurve && (js.boundsOfCurveCache[c] = w), w;
+  const S = [new T(Math.min(...d[0]), Math.min(...d[1])), new T(Math.max(...d[0]), Math.max(...d[1]))];
+  return L.cachesBoundsOfCurve && (js.boundsOfCurveCache[c] = S), S;
 }
 const Hu = (i, t, e) => {
   let [s, r, n, o, a, c, h, l] = e;
   const u = ((d, f, g, p, m, b, _) => {
     if (g === 0 || p === 0) return [];
-    let w = 0, S = 0, C = 0;
+    let S = 0, x = 0, C = 0;
     const O = Math.PI, D = _ * Tn, M = Lt(D), I = At(D), R = 0.5 * (-I * d - M * f), z = 0.5 * (-I * f + M * d), E = g ** 2, W = p ** 2, F = z ** 2, at = R ** 2, nt = E * W - E * F - W * at;
     let ct = Math.abs(g), Y = Math.abs(p);
     if (nt < 0) {
@@ -3103,7 +3103,7 @@ const Hu = (i, t, e) => {
     b === 0 && ge > 0 ? ge -= 2 * O : b === 1 && ge < 0 && (ge += 2 * O);
     const cr = Math.ceil(Math.abs(ge / O * 2)), Me = [], Ss = ge / cr, Ml = 8 / 3 * Math.sin(Ss / 4) * Math.sin(Ss / 4) / Math.sin(Ss / 2);
     let Ci = xs + Ss;
-    for (let pe = 0; pe < cr; pe++) Me[pe] = zu(xs, Ci, I, M, ct, Y, ar, wi, Ml, w, S), w = Me[pe][5], S = Me[pe][6], xs = Ci, Ci += Ss;
+    for (let pe = 0; pe < cr; pe++) Me[pe] = zu(xs, Ci, I, M, ct, Y, ar, wi, Ml, S, x), S = Me[pe][5], x = Me[pe][6], xs = Ci, Ci += Ss;
     return Me;
   })(h - i, l - t, r, n, a, c, o);
   for (let d = 0, f = u.length; d < f; 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;
@@ -3300,7 +3300,7 @@ var Vn = Object.freeze({ __proto__: null, addTransformToObject: $a, animate: Fn,
   var t;
   const e = Tt(i);
   return (t = e.getContext("2d")) === null || t === void 0 || t.drawImage(i, 0, 0), e;
-}, cos: At, createCanvasElement: Yt, createImage: Ba, createRotateMatrix: Ye, createScaleMatrix: ai, createSkewXMatrix: Mn, createSkewYMatrix: Dn, createTranslateMatrix: bs, createVector: Ur, crossProduct: cs, degreesToRadians: q, dotProduct: cc, ease: ql, enlivenObjectEnlivables: Zs, enlivenObjects: ds, findScaleToCover: Rc, findScaleToFit: Lc, getBoundsOfCurve: nn, getOrthonormalVector: Ln, getPathSegmentsInfo: Yn, getPointOnPath: Hc, getPointer: Ua, getRandomInt: Ju, getRegularPolygonPath: (i, t) => {
+}, cos: At, createCanvasElement: Yt, createImage: Ba, createRotateMatrix: Ye, createScaleMatrix: ai, createSkewXMatrix: Mn, createSkewYMatrix: Dn, createTranslateMatrix: bs, createVector: Ur, crossProduct: cs, degreesToRadians: K, dotProduct: cc, ease: ql, enlivenObjectEnlivables: Zs, enlivenObjects: ds, findScaleToCover: Rc, findScaleToFit: Lc, getBoundsOfCurve: nn, getOrthonormalVector: Ln, getPathSegmentsInfo: Yn, getPointOnPath: Hc, getPointer: Ua, getRandomInt: Ju, getRegularPolygonPath: (i, t) => {
   const e = 2 * Math.PI / i;
   let s = -Te;
   i % 2 == 0 && (s += e / 2);
@@ -3327,10 +3327,10 @@ var Vn = Object.freeze({ __proto__: null, addTransformToObject: $a, animate: Fn,
   s.inverted && !r.inverted && (s = t, r = i), qi(r, (e = r.group) === null || e === void 0 ? void 0 : e.calcTransformMatrix(), s.calcTransformMatrix());
   const n = s.inverted && r.inverted;
   return n && (s.inverted = r.inverted = !1), new zt([s], { clipPath: r, inverted: n });
-}, multiplyTransformMatrices: K, multiplyTransformMatrixArray: oi, parsePath: Yc, parsePreserveAspectRatioAttribute: tc, parseUnit: Re, pick: Ve, projectStrokeOnPoints: Mc, qrDecompose: us, radiansToDegrees: Vt, removeFromArray: De, removeTransformFromObject: (i, t) => {
-  const e = bt(t), s = K(e, i.calcOwnMatrix());
+}, multiplyTransformMatrices: J, multiplyTransformMatrixArray: oi, parsePath: Yc, parsePreserveAspectRatioAttribute: tc, parseUnit: Re, pick: Ve, projectStrokeOnPoints: Mc, qrDecompose: us, radiansToDegrees: Vt, removeFromArray: De, removeTransformFromObject: (i, t) => {
+  const e = bt(t), s = J(e, i.calcOwnMatrix());
   gs(i, s);
-}, removeTransformMatrixForSvgParsing: Qu, request: Zu, requestAnimFrame: Es, resetObjectTransform: qa, rotatePoint: (i, t, e) => i.rotate(e, t), rotateVector: An, saveObjectTransform: jn, sendObjectToPlane: qi, sendPointToPlane: oe, sendVectorToPlane: Ka, setStyle: Qr, sin: Lt, sizeAfterTransform: ci, string: fu, stylesFromArray: jc, stylesToArray: Ic, toBlob: kn, toDataURL: On, toFixed: H, transformPath: (i, t, e) => (e && (t = K(t, [1, 0, 0, 1, -e.x, -e.y])), i.map((s) => {
+}, removeTransformMatrixForSvgParsing: Qu, request: Zu, requestAnimFrame: Es, resetObjectTransform: qa, rotatePoint: (i, t, e) => i.rotate(e, t), rotateVector: An, saveObjectTransform: jn, sendObjectToPlane: qi, sendPointToPlane: oe, sendVectorToPlane: Ka, setStyle: Qr, sin: Lt, sizeAfterTransform: ci, string: fu, stylesFromArray: jc, stylesToArray: Ic, toBlob: kn, toDataURL: On, toFixed: H, transformPath: (i, t, e) => (e && (t = J(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);
@@ -3447,7 +3447,7 @@ class mi extends Qs {
   }
   _getOriginFromCorner(t, e) {
     const s = { x: t.originX, y: t.originY };
-    return e && (["ml", "tl", "bl"].includes(e) ? s.x = Z : ["mr", "tr", "br"].includes(e) && (s.x = B), ["tl", "mt", "tr"].includes(e) ? s.y = Ui : ["bl", "mb", "br"].includes(e) && (s.y = pt)), s;
+    return e && (["ml", "tl", "bl"].includes(e) ? s.x = Q : ["mr", "tr", "br"].includes(e) && (s.x = B), ["tl", "mt", "tr"].includes(e) ? s.y = Ui : ["bl", "mb", "br"].includes(e) && (s.y = pt)), s;
   }
   _setupCurrentTransform(t, e, s) {
     var r;
@@ -3455,7 +3455,7 @@ class mi extends Qs {
       if (!g || !f) return "drag";
       const b = m.controls[g];
       return b.getActionName(p, b, m);
-    })(s, o, t, e), l = t[this.centeredKey], u = this._shouldCenterTransform(e, h, l) ? { x: j, y: j } : this._getOriginFromCorner(e, o), d = { target: e, action: h, actionHandler: c, actionPerformed: !1, corner: o, scaleX: e.scaleX, scaleY: e.scaleY, skewX: e.skewX, skewY: e.skewY, offsetX: n.x - e.left, offsetY: n.y - e.top, originX: u.x, originY: u.y, ex: n.x, ey: n.y, lastX: n.x, lastY: n.y, theta: q(e.angle), width: e.width, height: e.height, shiftKey: t.shiftKey, altKey: l, original: v(v({}, jn(e)), {}, { originX: u.x, originY: u.y }) };
+    })(s, o, t, e), l = t[this.centeredKey], u = this._shouldCenterTransform(e, h, l) ? { x: j, y: j } : this._getOriginFromCorner(e, o), d = { target: e, action: h, actionHandler: c, actionPerformed: !1, corner: o, scaleX: e.scaleX, scaleY: e.scaleY, skewX: e.skewX, skewY: e.skewY, offsetX: n.x - e.left, offsetY: n.y - e.top, originX: u.x, originY: u.y, ex: n.x, ey: n.y, lastX: n.x, lastY: n.y, theta: K(e.angle), width: e.width, height: e.height, shiftKey: t.shiftKey, altKey: l, original: v(v({}, jn(e)), {}, { originX: u.x, originY: u.y }) };
     this._currentTransform = d, this.fire("before:transform", { e: t, transform: d });
   }
   setCursor(t) {
@@ -3530,7 +3530,7 @@ class mi extends Qs {
     let e = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
     const s = this.upperCanvasEl, r = s.getBoundingClientRect();
     let n = Ua(t), o = r.width || 0, a = r.height || 0;
-    o && a || (pt in r && Ui in r && (a = Math.abs(r.top - r.bottom)), Z in r && B in r && (o = Math.abs(r.right - r.left))), this.calcOffset(), n.x = n.x - this._offset.left, n.y = n.y - this._offset.top, e || (n = oe(n, void 0, this.viewportTransform));
+    o && a || (pt in r && Ui in r && (a = Math.abs(r.top - r.bottom)), Q in r && B in r && (o = Math.abs(r.right - r.left))), this.calcOffset(), n.x = n.x - this._offset.left, n.y = n.y - this._offset.top, e || (n = oe(n, void 0, this.viewportTransform));
     const c = this.getRetinaScaling();
     c !== 1 && (n.x /= c, n.y /= c);
     const h = o === 0 || a === 0 ? new T(1, 1) : new T(s.width / o, s.height / a);
@@ -4081,14 +4081,14 @@ class lr {
     } else if (this.type === "radial") {
       const { x1: u, y1: d, x2: f, y2: g, r1: p, r2: m } = this.coords, b = p > m;
       s.push("<radialGradient ", l, ' cx="', b ? u : f, '" cy="', b ? d : g, '" r="', b ? p : m, '" fx="', b ? f : u, '" fy="', b ? g : d, `">
-`), b && (o.reverse(), o.forEach((w) => {
-        w.offset = 1 - w.offset;
+`), b && (o.reverse(), o.forEach((S) => {
+        S.offset = 1 - S.offset;
       }));
       const _ = Math.min(p, m);
       if (_ > 0) {
-        const w = _ / Math.max(p, m);
-        o.forEach((S) => {
-          S.offset += w * (1 - S.offset);
+        const S = _ / Math.max(p, m);
+        o.forEach((x) => {
+          x.offset += S * (1 - x.offset);
         });
       }
     }
@@ -4278,7 +4278,7 @@ class te extends ht {
     return super._set(t, e), t === "radius" && this.setRadius(e), this;
   }
   _render(t) {
-    t.beginPath(), t.arc(0, 0, this.radius, q(this.startAngle), q(this.endAngle), this.counterClockwise), this._renderPaintInOrder(t);
+    t.beginPath(), t.arc(0, 0, this.radius, K(this.startAngle), K(this.endAngle), this.counterClockwise), this._renderPaintInOrder(t);
   }
   getRadiusX() {
     return this.get("radius") * this.get(gt);
@@ -4298,7 +4298,7 @@ class te extends ht {
     if (t === 0) return ["<circle ", "COMMON_PARTS", 'cx="0" cy="0" ', 'r="', "".concat(this.radius), `" />
 `];
     {
-      const { radius: e } = this, s = q(this.startAngle), r = q(this.endAngle), n = At(s) * e, o = Lt(s) * e, a = At(r) * e, c = Lt(r) * e, h = t > 180 ? 1 : 0, l = this.counterClockwise ? 0 : 1;
+      const { radius: e } = this, s = K(this.startAngle), r = K(this.endAngle), n = At(s) * e, o = Lt(s) * e, a = At(r) * e, c = Lt(r) * e, h = t > 180 ? 1 : 0, l = this.counterClockwise ? 0 : 1;
       return ['<path d="M '.concat(n, " ").concat(o, " A ").concat(e, " ").concat(e, " 0 ").concat(h, " ").concat(l, " ").concat(a, " ").concat(c, '" '), "COMMON_PARTS", ` />
 `];
     }
@@ -4454,7 +4454,7 @@ class Mt extends ht {
     if (e.length === 0) return { left: 0, top: 0, width: 0, height: 0, pathOffset: new T(), strokeOffset: new T(), strokeDiff: new T() };
     const s = Xt(e), r = Js(v(v({}, t), {}, { scaleX: 1, scaleY: 1 })), n = Xt(this.points.map((h) => lt(h, r, !0))), o = new T(this.scaleX, this.scaleY);
     let a = s.left + s.width / 2, c = s.top + s.height / 2;
-    return this.exactBoundingBox && (a -= c * Math.tan(q(this.skewX)), c -= a * Math.tan(q(this.skewY))), v(v({}, s), {}, { pathOffset: new T(a, c), strokeOffset: new T(n.left, n.top).subtract(new T(s.left, s.top)).multiply(o), strokeDiff: new T(s.width, s.height).subtract(new T(n.width, n.height)).multiply(o) });
+    return this.exactBoundingBox && (a -= c * Math.tan(K(this.skewX)), c -= a * Math.tan(K(this.skewY))), v(v({}, s), {}, { pathOffset: new T(a, c), strokeOffset: new T(n.left, n.top).subtract(new T(s.left, s.top)).multiply(o), strokeDiff: new T(s.width, s.height).subtract(new T(n.width, n.height)).multiply(o) });
   }
   _findCenterFromElement() {
     const t = Xt(this.points);
@@ -4745,7 +4745,7 @@ class ut extends Qc {
   }
   _measureLine(t) {
     let e, s, r = 0;
-    const n = this.pathSide === Z, o = this.path, a = this._textLines[t], c = a.length, h = new Array(c);
+    const n = this.pathSide === Q, o = this.path, a = this._textLines[t], c = a.length, h = new Array(c);
     this.__charBounds[t] = h;
     for (let l = 0; l < c; l++) {
       const u = a[l];
@@ -4761,7 +4761,7 @@ class ut extends Qc {
         case j:
           l = (u - r) / 2;
           break;
-        case Z:
+        case Q:
           l = n ? 0 : u - r;
       }
       l += this.pathStartOffset * (n ? -1 : 1);
@@ -4771,7 +4771,7 @@ class ut extends Qc {
   }
   _setGraphemeOnPath(t, e) {
     const s = t + e.kernedWidth / 2, r = this.path, n = Hc(r.path, s, r.segmentsInfo);
-    e.renderLeft = n.x - r.pathOffset.x, e.renderTop = n.y - r.pathOffset.y, e.angle = n.angle + (this.pathSide === Z ? Math.PI : 0);
+    e.renderLeft = n.x - r.pathOffset.x, e.renderTop = n.y - r.pathOffset.y, e.angle = n.angle + (this.pathSide === Q ? Math.PI : 0);
   }
   _getGraphemeBox(t, e, s, r, n) {
     const o = this.getCompleteStyleDeclaration(e, s), a = r ? this.getCompleteStyleDeclaration(e, s - 1) : {}, c = this._measureChar(t, o, r, a);
@@ -4820,9 +4820,9 @@ class ut extends Qc {
   }
   _renderChars(t, e, s, r, n, o) {
     const a = this.textAlign.includes(Bt), c = this.path, h = !a && this.charSpacing === 0 && this.isEmptyStyles(o) && !c, l = this.direction === "ltr", u = this.direction === "ltr" ? 1 : -1, d = e.direction;
-    let f, g, p, m, b, _ = "", w = 0;
-    if (e.save(), d !== this.direction && (e.canvas.setAttribute("dir", l ? "ltr" : "rtl"), e.direction = l ? "ltr" : "rtl", e.textAlign = l ? B : Z), n -= this.getHeightOfLineImpl(o) * this._fontSizeFraction, h) return this._renderChar(t, e, o, 0, s.join(""), r, n), void e.restore();
-    for (let S = 0, C = s.length - 1; S <= C; S++) m = S === C || this.charSpacing || c, _ += s[S], p = this.__charBounds[o][S], w === 0 ? (r += u * (p.kernedWidth - p.width), w += p.width) : w += p.kernedWidth, a && !m && this._reSpaceAndTab.test(s[S]) && (m = !0), m || (f = f || this.getCompleteStyleDeclaration(o, S), g = this.getCompleteStyleDeclaration(o, S + 1), m = gi(f, g, !1)), m && (c ? (e.save(), e.translate(p.renderLeft, p.renderTop), e.rotate(p.angle), this._renderChar(t, e, o, S, _, -w / 2, 0), e.restore()) : (b = r, this._renderChar(t, e, o, S, _, b, n)), _ = "", f = g, r += u * w, w = 0);
+    let f, g, p, m, b, _ = "", S = 0;
+    if (e.save(), d !== this.direction && (e.canvas.setAttribute("dir", l ? "ltr" : "rtl"), e.direction = l ? "ltr" : "rtl", e.textAlign = l ? B : Q), n -= this.getHeightOfLineImpl(o) * this._fontSizeFraction, h) return this._renderChar(t, e, o, 0, s.join(""), r, n), void e.restore();
+    for (let x = 0, C = s.length - 1; x <= C; x++) m = x === C || this.charSpacing || c, _ += s[x], p = this.__charBounds[o][x], S === 0 ? (r += u * (p.kernedWidth - p.width), S += p.width) : S += p.kernedWidth, a && !m && this._reSpaceAndTab.test(s[x]) && (m = !0), m || (f = f || this.getCompleteStyleDeclaration(o, x), g = this.getCompleteStyleDeclaration(o, x + 1), m = gi(f, g, !1)), m && (c ? (e.save(), e.translate(p.renderLeft, p.renderTop), e.rotate(p.angle), this._renderChar(t, e, o, x, _, -S / 2, 0), e.restore()) : (b = r, this._renderChar(t, e, o, x, _, b, n)), _ = "", f = g, r += u * S, S = 0);
     e.restore();
   }
   _applyPatternGradientTransformText(t) {
@@ -4868,7 +4868,7 @@ class ut extends Qc {
   _getLineLeftOffset(t) {
     const e = this.getLineWidth(t), s = this.width - e, r = this.textAlign, n = this.direction, o = this.isEndOfWrapping(t);
     let a = 0;
-    return r === Bt || r === Ls && !o || r === As && !o || r === Nr && !o ? 0 : (r === j && (a = s / 2), r === Z && (a = s), r === Ls && (a = s / 2), r === As && (a = s), n === "rtl" && (r === Z || r === Bt || r === As ? a = 0 : r === B || r === Nr ? a = -s : r !== j && r !== Ls || (a = -s / 2)), a);
+    return r === Bt || r === Ls && !o || r === As && !o || r === Nr && !o ? 0 : (r === j && (a = s / 2), r === Q && (a = s), r === Ls && (a = s / 2), r === As && (a = s), n === "rtl" && (r === Q || r === Bt || r === As ? a = 0 : r === B || r === Nr ? a = -s : r !== j && r !== Ls || (a = -s / 2)), a);
   }
   _clearCache() {
     this._forceClearCache = !1, this.__lineWidths = [], this.__lineHeights = [], this.__charBounds = [];
@@ -4896,26 +4896,26 @@ class ut extends Qc {
         continue;
       }
       const d = this._textLines[h], f = u / this.lineHeight, g = this._getLineLeftOffset(h);
-      let p = 0, m = 0, b = this.getValueOfPropertyAt(h, 0, e), _ = this.getValueOfPropertyAt(h, 0, rt), w = this.getValueOfPropertyAt(h, 0, We), S = b, C = _, O = w;
+      let p = 0, m = 0, b = this.getValueOfPropertyAt(h, 0, e), _ = this.getValueOfPropertyAt(h, 0, rt), S = this.getValueOfPropertyAt(h, 0, We), x = b, C = _, O = S;
       const D = s + f * (1 - this._fontSizeFraction);
       let M = this.getHeightOfChar(h, 0), I = this.getValueOfPropertyAt(h, 0, "deltaY");
       for (let E = 0, W = d.length; E < W; E++) {
         const F = this.__charBounds[h][E];
-        S = this.getValueOfPropertyAt(h, E, e), C = this.getValueOfPropertyAt(h, E, rt), O = this.getValueOfPropertyAt(h, E, We);
+        x = this.getValueOfPropertyAt(h, E, e), C = this.getValueOfPropertyAt(h, E, rt), O = this.getValueOfPropertyAt(h, E, We);
         const at = this.getHeightOfChar(h, E), nt = this.getValueOfPropertyAt(h, E, "deltaY");
-        if (n && S && C) {
+        if (n && x && C) {
           const ct = this.fontSize * O / 1e3;
           t.save(), t.fillStyle = _, t.translate(F.renderLeft, F.renderTop), t.rotate(F.angle), t.fillRect(-F.kernedWidth / 2, c * at + nt - a * ct, F.kernedWidth, ct), t.restore();
-        } else if ((S !== b || C !== _ || at !== M || O !== w || nt !== I) && m > 0) {
-          const ct = this.fontSize * w / 1e3;
+        } else if ((x !== b || C !== _ || at !== M || O !== S || nt !== I) && m > 0) {
+          const ct = this.fontSize * S / 1e3;
           let Y = r + g + p;
-          this.direction === "rtl" && (Y = this.width - Y - m), b && _ && w && (t.fillStyle = _, t.fillRect(Y, D + c * M + I - a * ct, m, ct)), p = F.left, m = F.width, b = S, w = O, _ = C, M = at, I = nt;
+          this.direction === "rtl" && (Y = this.width - Y - m), b && _ && S && (t.fillStyle = _, t.fillRect(Y, D + c * M + I - a * ct, m, ct)), p = F.left, m = F.width, b = x, S = O, _ = C, M = at, I = nt;
         } else m += F.kernedWidth;
       }
       let R = r + g + p;
       this.direction === "rtl" && (R = this.width - R - m), t.fillStyle = C;
       const z = this.fontSize * O / 1e3;
-      S && C && O && t.fillRect(R, D + c * M + I - a * z, m - o, z), s += u;
+      x && C && O && t.fillRect(R, D + c * M + I - a * z, m - o, z), s += u;
     }
     this._removeShadow(t);
   }
@@ -4954,8 +4954,8 @@ class ut extends Qc {
   }
   static async fromElement(t, e, s) {
     const r = ue(t, ut.ATTRIBUTE_NAMES, s), n = v(v({}, e), r), { textAnchor: o = B, textDecoration: a = "", dx: c = 0, dy: h = 0, top: l = 0, left: u = 0, fontSize: d = xn, strokeWidth: f = 1 } = n, g = N(n, _d), p = new this(Gr(t.textContent || "").trim(), v({ left: u + c, top: l + h, underline: a.includes("underline"), overline: a.includes("overline"), linethrough: a.includes("line-through"), strokeWidth: 0, fontSize: d }, g)), m = p.getScaledHeight() / p.height, b = ((p.height + p.strokeWidth) * p.lineHeight - p.height) * m, _ = p.getScaledHeight() + b;
-    let w = 0;
-    return o === j && (w = p.getScaledWidth() / 2), o === Z && (w = p.getScaledWidth()), p.set({ left: p.left - w, top: p.top - (_ - p.fontSize * (0.07 + p._fontSizeFraction)) / p.lineHeight, strokeWidth: f }), p;
+    let S = 0;
+    return o === j && (S = p.getScaledWidth() / 2), o === Q && (S = p.getScaledWidth()), p.set({ left: p.left - S, top: p.top - (_ - p.fontSize * (0.07 + p._fontSizeFraction)) / p.lineHeight, strokeWidth: f }), p;
   }
   static fromObject(t) {
     return this._fromObject(v(v({}, t), {}, { styles: jc(t.styles || {}, t.text) }), { extraParam: "text" });
@@ -5061,12 +5061,12 @@ class Td {
     let { selectionStart: r, selectionEnd: n } = e;
     const o = this.target, a = o.canvas, c = new T(o.flipX ? -1 : 1, o.flipY ? -1 : 1), h = o._getCursorBoundaries(r), l = new T(h.left + h.leftOffset, h.top + h.topOffset).multiply(c).transform(o.calcTransformMatrix()), u = a.getScenePoint(t).subtract(l), d = o.getCanvasRetinaScaling(), f = o.getBoundingRect(), g = l.subtract(new T(f.left, f.top)), p = a.viewportTransform, m = g.add(u).transform(p, !0), b = o.backgroundColor, _ = Xn(o.styles);
     o.backgroundColor = "";
-    const w = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
-    o.setSelectionStyles(w, 0, r), o.setSelectionStyles(w, n, o.text.length), o.dirty = !0;
-    const S = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
-    o.backgroundColor = b, o.styles = _, o.dirty = !0, Qr(S, { position: "fixed", left: "".concat(-S.width, "px"), border: mt, width: "".concat(S.width / d, "px"), height: "".concat(S.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
-      S.remove();
-    }, It(t.target || this.target.hiddenTextarea).body.appendChild(S), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(S, m.x, m.y);
+    const S = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
+    o.setSelectionStyles(S, 0, r), o.setSelectionStyles(S, n, o.text.length), o.dirty = !0;
+    const x = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
+    o.backgroundColor = b, o.styles = _, o.dirty = !0, Qr(x, { position: "fixed", left: "".concat(-x.width, "px"), border: mt, width: "".concat(x.width / d, "px"), height: "".concat(x.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
+      x.remove();
+    }, It(t.target || this.target.hiddenTextarea).body.appendChild(x), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(x, m.x, m.y);
   }
   onDragStart(t) {
     this.__dragStartFired = !0;
@@ -5364,7 +5364,7 @@ class xd extends ut {
     this.insertNewStyleBlock(n, s, e), this._text = [...this._text.slice(0, s), ...n, ...this._text.slice(r)], this.text = this._text.join(""), this.set("dirty", !0), this.initDimensions(), this.setCoords(), this._removeExtraneousStyles();
   }
   setSelectionStartEndWithShift(t, e, s) {
-    s <= t ? (e === t ? this._selectionDirection = B : this._selectionDirection === Z && (this._selectionDirection = B, this.selectionEnd = t), this.selectionStart = s) : s > t && s < e ? this._selectionDirection === Z ? this.selectionEnd = s : this.selectionStart = s : (e === t ? this._selectionDirection = Z : this._selectionDirection === B && (this._selectionDirection = Z, this.selectionStart = e), this.selectionEnd = s);
+    s <= t ? (e === t ? this._selectionDirection = B : this._selectionDirection === Q && (this._selectionDirection = B, this.selectionEnd = t), this.selectionStart = s) : s > t && s < e ? this._selectionDirection === Q ? this.selectionEnd = s : this.selectionStart = s : (e === t ? this._selectionDirection = Q : this._selectionDirection === B && (this._selectionDirection = Q, this.selectionStart = e), this.selectionEnd = s);
   }
 }
 class Sd extends xd {
@@ -5405,12 +5405,12 @@ class Sd extends xd {
     if (this.hiddenTextarea.value === "") return this.styles = {}, void o();
     const a = this._splitTextIntoLines(s).graphemeText, c = this._text.length, h = a.length, l = this.selectionStart, u = this.selectionEnd, d = l !== u;
     let f, g, p, m, b = h - c;
-    const _ = this.fromStringToGraphemeSelection(r, n, s), w = l > _.selectionStart;
-    d ? (g = this._text.slice(l, u), b += u - l) : h < c && (g = w ? this._text.slice(u + b, u) : this._text.slice(l, l - b));
-    const S = a.slice(_.selectionEnd - b, _.selectionEnd);
-    if (g && g.length && (S.length && (f = this.getSelectionStyles(l, l + 1, !1), f = S.map(() => f[0])), d ? (p = l, m = u) : w ? (p = u - g.length, m = u) : (p = u, m = u + g.length), this.removeStyleFromTo(p, m)), S.length) {
+    const _ = this.fromStringToGraphemeSelection(r, n, s), S = l > _.selectionStart;
+    d ? (g = this._text.slice(l, u), b += u - l) : h < c && (g = S ? this._text.slice(u + b, u) : this._text.slice(l, l - b));
+    const x = a.slice(_.selectionEnd - b, _.selectionEnd);
+    if (g && g.length && (x.length && (f = this.getSelectionStyles(l, l + 1, !1), f = x.map(() => f[0])), d ? (p = l, m = u) : S ? (p = u - g.length, m = u) : (p = u, m = u + g.length), this.removeStyleFromTo(p, m)), x.length) {
       const { copyPasteData: C } = Ht();
-      e && S.join("") === C.copiedText && !L.disableStyleCopyPaste && (f = C.copiedTextStyle), this.insertNewStyleBlock(S, l, f);
+      e && x.join("") === C.copiedText && !L.disableStyleCopyPaste && (f = C.copiedTextStyle), this.insertNewStyleBlock(x, l, f);
     }
     o();
   }
@@ -5470,7 +5470,7 @@ class Sd extends xd {
     this.selectionStart === 0 && this.selectionEnd === 0 || this._moveCursorUpOrDown("Up", t);
   }
   _moveCursorUpOrDown(t, e) {
-    const s = this["get".concat(t, "CursorOffset")](e, this._selectionDirection === Z);
+    const s = this["get".concat(t, "CursorOffset")](e, this._selectionDirection === Q);
     if (e.shiftKey ? this.moveCursorWithShift(s) : this.moveCursorWithoutShift(s), s !== 0) {
       const r = this.text.length;
       this.selectionStart = Xe(0, this.selectionStart, r), this.selectionEnd = Xe(0, this.selectionEnd, r), this.abortCursorAnimation(), this.initDelayedCursor(), this._fireSelectionChanged(), this._updateTextarea();
@@ -5506,7 +5506,7 @@ class Sd extends xd {
     return this._selectionDirection = B, this.selectionEnd === this.selectionStart && this.selectionStart !== 0 && (e = this._moveLeft(t, "selectionStart")), this.selectionEnd = this.selectionStart, e;
   }
   moveCursorLeftWithShift(t) {
-    return this._selectionDirection === Z && this.selectionStart !== this.selectionEnd ? this._moveLeft(t, "selectionEnd") : this.selectionStart !== 0 ? (this._selectionDirection = B, this._moveLeft(t, "selectionStart")) : void 0;
+    return this._selectionDirection === Q && this.selectionStart !== this.selectionEnd ? this._moveLeft(t, "selectionEnd") : this.selectionStart !== 0 ? (this._selectionDirection = B, this._moveLeft(t, "selectionStart")) : void 0;
   }
   moveCursorRight(t) {
     this.selectionStart >= this._text.length && this.selectionEnd >= this._text.length || this._moveCursorLeftOrRight("Right", t);
@@ -5516,11 +5516,11 @@ class Sd extends xd {
     this._currentCursorOpacity = 1, this[s](e) && (this.abortCursorAnimation(), this.initDelayedCursor(), this._fireSelectionChanged(), this._updateTextarea());
   }
   moveCursorRightWithShift(t) {
-    return this._selectionDirection === B && this.selectionStart !== this.selectionEnd ? this._moveRight(t, "selectionStart") : this.selectionEnd !== this._text.length ? (this._selectionDirection = Z, this._moveRight(t, "selectionEnd")) : void 0;
+    return this._selectionDirection === B && this.selectionStart !== this.selectionEnd ? this._moveRight(t, "selectionStart") : this.selectionEnd !== this._text.length ? (this._selectionDirection = Q, this._moveRight(t, "selectionEnd")) : void 0;
   }
   moveCursorRightWithoutShift(t) {
     let e = !0;
-    return this._selectionDirection = Z, this.selectionStart === this.selectionEnd ? (e = this._moveRight(t, "selectionStart"), this.selectionEnd = this.selectionStart) : this.selectionStart = this.selectionEnd, e;
+    return this._selectionDirection = Q, this.selectionStart === this.selectionEnd ? (e = this._moveRight(t, "selectionStart"), this.selectionEnd = this.selectionStart) : this.selectionStart = this.selectionEnd, e;
   }
 }
 const Ro = (i) => !!i.button;
@@ -5679,7 +5679,7 @@ class ie extends wd {
     const o = this._getLineLeftOffset(n), a = this.__charBounds[n][r];
     a && (s = a.left), this.charSpacing !== 0 && r === this._textLines[n].length && (s -= this._getWidthOfCharSpacing());
     const c = { top: e, left: o + (s > 0 ? s : 0) };
-    return this.direction === "rtl" && (this.textAlign === Z || this.textAlign === Bt || this.textAlign === As ? c.left *= -1 : this.textAlign === B || this.textAlign === Nr ? c.left = o - (s > 0 ? s : 0) : this.textAlign !== j && this.textAlign !== Ls || (c.left = o - (s > 0 ? s : 0))), c;
+    return this.direction === "rtl" && (this.textAlign === Q || this.textAlign === Bt || this.textAlign === As ? c.left *= -1 : this.textAlign === B || this.textAlign === Nr ? c.left = o - (s > 0 ? s : 0) : this.textAlign !== j && this.textAlign !== Ls || (c.left = o - (s > 0 ? s : 0))), c;
   }
   renderCursorAt(t) {
     this._renderCursor(this.canvas.contextTop, this._getCursorBoundaries(t, !0), t);
@@ -5720,9 +5720,9 @@ class ie extends wd {
         _ = this.__charBounds[l][d - 1].left + this.__charBounds[l][d - 1].width - D;
       }
       m = p, (this.lineHeight < 1 || f === l && this.lineHeight > 1) && (p /= this.lineHeight);
-      let w = s.left + g + b, S = p, C = 0;
+      let S = s.left + g + b, x = p, C = 0;
       const O = _ - b;
-      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", S = 1, C = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === Z || this.textAlign === Bt || this.textAlign === As ? w = this.width - w - O : this.textAlign === B || this.textAlign === Nr ? w = s.left + g - _ : this.textAlign !== j && this.textAlign !== Ls || (w = s.left + g - _)), t.fillRect(w, s.top + s.topOffset + C, O, S), s.topOffset += m;
+      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", x = 1, C = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === Q || this.textAlign === Bt || this.textAlign === As ? S = this.width - S - O : this.textAlign === B || this.textAlign === Nr ? S = s.left + g - _ : this.textAlign !== j && this.textAlign !== Ls || (S = s.left + g - _)), t.fillRect(S, s.top + s.topOffset + C, O, x), s.topOffset += m;
     }
   }
   getCurrentCharFontSize() {
@@ -5840,8 +5840,8 @@ class Ae extends ie {
     const m = Math.max(e, r, this.dynamicMinWidth), b = n[t];
     let _;
     for (f = 0, _ = 0; _ < b.length; _++) {
-      const { word: w, width: S } = b[_];
-      f += w.length, u += g + S - a, u > m && !p ? (h.push(d), d = [], u = S, p = !0) : u += a, p || c || d.push(l), d = d.concat(w), g = c ? 0 : this._measureWord([l], t, f), f++, p = !1;
+      const { word: S, width: x } = b[_];
+      f += S.length, u += g + x - a, u > m && !p ? (h.push(d), d = [], u = x, p = !0) : u += a, p || c || d.push(l), d = d.concat(S), g = c ? 0 : this._measureWord([l], t, f), f++, p = !1;
     }
     return _ && h.push(d), r + o > this.dynamicMinWidth && (this.dynamicMinWidth = r - a + o), h;
   }
@@ -6233,7 +6233,7 @@ y(St, "type", "Image"), y(St, "cacheProperties", [...le, ...eh]), y(St, "ownDefa
 li(["pattern", "defs", "symbol", "metadata", "clipPath", "mask", "desc"]);
 const sh = Aa, Xo = (i) => function(t, e, s) {
   const { points: r, pathOffset: n } = s;
-  return new T(r[i]).subtract(n).transform(K(s.getViewportTransform(), s.calcTransformMatrix()));
+  return new T(r[i]).subtract(n).transform(J(s.getViewportTransform(), s.calcTransformMatrix()));
 }, rh = (i, t, e, s) => {
   const { target: r, pointIndex: n } = t, o = r, a = oe(new T(e, s), void 0, o.calcOwnMatrix());
   return o.points[n] = a.add(o.pathOffset), o.setDimensions(), o.set("dirty", !0), !0;
@@ -6242,7 +6242,7 @@ const sh = Aa, Xo = (i) => function(t, e, s) {
   return o.left -= l.x, o.top -= l.y, h;
 }, zo = (i) => Oe(sh, ih(i, rh)), cn = (i, t, e) => {
   const { path: s, pathOffset: r } = i, n = s[t];
-  return new T(n[e] - r.x, n[e + 1] - r.y).transform(K(i.getViewportTransform(), i.calcTransformMatrix()));
+  return new T(n[e] - r.x, n[e + 1] - r.y).transform(J(i.getViewportTransform(), i.calcTransformMatrix()));
 };
 function Id(i, t, e) {
   const { commandIndex: s, pointIndex: r } = this;
@@ -6252,8 +6252,8 @@ function jd(i, t, e, s) {
   const { target: r } = t, { commandIndex: n, pointIndex: o } = this, a = ((c, h, l, u, d) => {
     const { path: f, pathOffset: g } = c, p = f[(u > 0 ? u : f.length) - 1], m = new T(p[d], p[d + 1]), b = m.subtract(g).transform(c.calcOwnMatrix()), _ = oe(new T(h, l), void 0, c.calcOwnMatrix());
     f[u][d] = _.x + g.x, f[u][d + 1] = _.y + g.y, c.setDimensions();
-    const w = m.subtract(c.pathOffset).transform(c.calcOwnMatrix()).subtract(b);
-    return c.left -= w.x, c.top -= w.y, c.set("dirty", !0), !0;
+    const S = m.subtract(c.pathOffset).transform(c.calcOwnMatrix()).subtract(b);
+    return c.left -= S.x, c.top -= S.y, c.set("dirty", !0), !0;
   })(r, e, s, n, o);
   return En(this.actionName, v(v({}, Pn(i, t, e, s)), {}, { commandIndex: n, pointIndex: o })), a;
 }
@@ -6638,11 +6638,11 @@ class _r extends it {
       let l = 0, u = 0, d = 0, f = 0, g = 0;
       const p = h - h % c, m = p + c;
       for (let b = -14; b < a; b++) {
-        const _ = b / a, w = 4 * Math.floor(n * _), S = 1 - Math.abs(_);
-        let C = h + w;
+        const _ = b / a, S = 4 * Math.floor(n * _), x = 1 - Math.abs(_);
+        let C = h + S;
         C < p ? C = p : C > m && (C = m);
-        const O = e[C + 3] * S;
-        l += e[C] * O, u += e[C + 1] * O, d += e[C + 2] * O, f += O, g += S;
+        const O = e[C + 3] * x;
+        l += e[C] * O, u += e[C + 1] * O, d += e[C + 2] * O, f += O, g += x;
       }
       o[h] = l / f, o[h + 1] = u / f, o[h + 2] = d / f, o[h + 3] = f / g;
     }
@@ -6651,11 +6651,11 @@ class _r extends it {
       let l = 0, u = 0, d = 0, f = 0, g = 0;
       const p = h % c, m = o.length - c + p;
       for (let b = -14; b < a; b++) {
-        const _ = b / a, w = Math.floor(n * _) * c, S = 1 - Math.abs(_);
-        let C = h + w;
+        const _ = b / a, S = Math.floor(n * _) * c, x = 1 - Math.abs(_);
+        let C = h + S;
         C < p ? C = p : C > m && (C = m);
-        const O = o[C + 3] * S;
-        l += o[C] * O, u += o[C + 1] * O, d += o[C + 2] * O, f += O, g += S;
+        const O = o[C + 3] * x;
+        l += o[C] * O, u += o[C + 1] * O, d += o[C + 2] * O, f += O, g += x;
       }
       e[h] = l / f, e[h + 1] = u / f, e[h + 2] = d / f, e[h + 3] = f / g;
     }
@@ -6958,9 +6958,9 @@ class Sr extends it {
   }
   applyTo2d(t) {
     const e = t.imageData, s = e.data, r = this.matrix, n = Math.round(Math.sqrt(r.length)), o = Math.floor(n / 2), a = e.width, c = e.height, h = t.ctx.createImageData(a, c), l = h.data, u = this.opaque ? 1 : 0;
-    let d, f, g, p, m, b, _, w, S, C, O, D, M;
+    let d, f, g, p, m, b, _, S, x, C, O, D, M;
     for (O = 0; O < c; O++) for (C = 0; C < a; C++) {
-      for (m = 4 * (O * a + C), d = 0, f = 0, g = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) _ = O + M - o, b = C + D - o, _ < 0 || _ >= c || b < 0 || b >= a || (w = 4 * (_ * a + b), S = r[M * n + D], d += s[w] * S, f += s[w + 1] * S, g += s[w + 2] * S, u || (p += s[w + 3] * S));
+      for (m = 4 * (O * a + C), d = 0, f = 0, g = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) _ = O + M - o, b = C + D - o, _ < 0 || _ >= c || b < 0 || b >= a || (S = 4 * (_ * a + b), x = r[M * n + D], d += s[S] * x, f += s[S + 1] * x, g += s[S + 2] * x, u || (p += s[S + 3] * x));
       l[m] = d, l[m + 1] = f, l[m + 2] = g, l[m + 3] = u ? s[m + 3] : p;
     }
     t.imageData = h;
@@ -7316,39 +7316,39 @@ class Ir extends it {
   }
   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, f = 2 / this.rcpScaleY, g = Math.ceil(l * this.lanczosLobes / 2), p = Math.ceil(u * this.lanczosLobes / 2), m = {}, b = { x: 0, y: 0 }, _ = { x: 0, y: 0 };
-    return function w(S) {
+    return function S(x) {
       let C, O, D, M, I, R, z, E, W, F, at;
-      for (b.x = (S + 0.5) * l, _.x = Math.floor(b.x), C = 0; C < n; C++) {
+      for (b.x = (x + 0.5) * l, _.x = Math.floor(b.x), C = 0; C < n; C++) {
         for (b.y = (C + 0.5) * u, _.y = Math.floor(b.y), I = 0, R = 0, z = 0, E = 0, W = 0, O = _.x - g; O <= _.x + g; O++) if (!(O < 0 || O >= e)) {
           F = Math.floor(1e3 * Math.abs(O - b.x)), m[F] || (m[F] = {});
           for (let nt = _.y - p; nt <= _.y + p; nt++) nt < 0 || nt >= s || (at = Math.floor(1e3 * Math.abs(nt - b.y)), m[F][at] || (m[F][at] = h(Math.sqrt(Math.pow(F * d, 2) + Math.pow(at * f, 2)) / 1e3)), D = m[F][at], D > 0 && (M = 4 * (nt * e + O), I += D, R += D * o[M], z += D * o[M + 1], E += D * o[M + 2], W += D * o[M + 3]));
         }
-        M = 4 * (C * r + S), c[M] = R / I, c[M + 1] = z / I, c[M + 2] = E / I, c[M + 3] = W / I;
+        M = 4 * (C * r + x), c[M] = R / I, c[M + 1] = z / I, c[M + 2] = E / I, c[M + 3] = W / I;
       }
-      return ++S < r ? w(S) : a;
+      return ++x < r ? S(x) : a;
     }(0);
   }
   bilinearFiltering(t, e, s, r, n) {
-    let o, a, c, h, l, u, d, f, g, p, m, b, _, w = 0;
-    const S = 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 (f = 0; f < r; f++) for (l = Math.floor(S * f), u = Math.floor(C * d), g = S * f - l, p = C * d - u, _ = 4 * (u * e + l), m = 0; m < 4; m++) o = D[_ + m], a = D[_ + 4 + m], c = D[_ + O + m], h = D[_ + O + 4 + m], b = o * (1 - g) * (1 - p) + a * g * (1 - p) + c * p * (1 - g) + h * g * p, I[w++] = b;
+    let o, a, c, h, l, u, d, f, g, p, m, b, _, S = 0;
+    const x = 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 (f = 0; f < r; f++) for (l = Math.floor(x * f), u = Math.floor(C * d), g = x * f - l, p = C * d - u, _ = 4 * (u * e + l), m = 0; m < 4; m++) o = D[_ + m], a = D[_ + 4 + m], c = D[_ + O + m], h = D[_ + O + 4 + m], b = o * (1 - g) * (1 - p) + a * g * (1 - p) + c * p * (1 - g) + h * g * p, I[S++] = b;
     return M;
   }
   hermiteFastResize(t, e, s, r, n) {
     const o = this.rcpScaleX, a = this.rcpScaleY, c = Math.ceil(o / 2), h = Math.ceil(a / 2), l = t.imageData.data, u = t.ctx.createImageData(r, n), d = u.data;
     for (let f = 0; f < n; f++) for (let g = 0; g < r; g++) {
       const p = 4 * (g + f * r);
-      let m = 0, b = 0, _ = 0, w = 0, S = 0, C = 0, O = 0;
+      let m = 0, b = 0, _ = 0, S = 0, x = 0, C = 0, O = 0;
       const D = (f + 0.5) * a;
       for (let M = Math.floor(f * a); M < (f + 1) * a; M++) {
         const I = Math.abs(D - (M + 0.5)) / h, R = (g + 0.5) * o, z = I * I;
         for (let E = Math.floor(g * o); E < (g + 1) * o; E++) {
           let W = Math.abs(R - (E + 0.5)) / c;
           const F = Math.sqrt(z + W * W);
-          F > 1 && F < -1 || (m = 2 * F * F * F - 3 * F * F + 1, m > 0 && (W = 4 * (E + M * e), O += m * l[W + 3], _ += m, l[W + 3] < 255 && (m = m * l[W + 3] / 250), w += m * l[W], S += m * l[W + 1], C += m * l[W + 2], b += m));
+          F > 1 && F < -1 || (m = 2 * F * F * F - 3 * F * F + 1, m > 0 && (W = 4 * (E + M * e), O += m * l[W + 3], _ += m, l[W + 3] < 255 && (m = m * l[W + 3] / 250), S += m * l[W], x += m * l[W + 1], C += m * l[W + 2], b += m));
         }
       }
-      d[p] = w / b, d[p + 1] = S / b, d[p + 2] = C / b, d[p + 3] = O / _;
+      d[p] = S / b, d[p + 1] = x / b, d[p + 2] = C / b, d[p + 3] = O / _;
     }
     return u;
   }
@@ -7443,8 +7443,8 @@ const Yd = {
 }, es = class es extends st {
   constructor(e) {
     super(e);
-    x(this, "id");
-    x(this, "accepts", [
+    w(this, "id");
+    w(this, "accepts", [
       "audio",
       "video",
       "image",
@@ -7452,10 +7452,10 @@ const Yd = {
       "caption",
       "template"
     ]);
-    x(this, "metadata");
-    x(this, "items", []);
-    x(this, "magnetic");
-    x(this, "static");
+    w(this, "metadata");
+    w(this, "items", []);
+    w(this, "magnetic");
+    w(this, "static");
     Object.assign(this, es.ownDefaults), this.id = e.id, this.accepts = e.accepts || [], this.items = e.items || [], this.magnetic = e.magnetic, this.static = e.static, this.metadata = e.metadata, this.fill = "rgba(34, 34, 37, 0.8)", this.objectCaching = !1;
   }
   static getDefaults() {
@@ -7468,7 +7468,7 @@ const Yd = {
     this.width = e;
   }
 };
-x(es, "ownDefaults", Yd), x(es, "type", "Track");
+w(es, "ownDefaults", Yd), w(es, "type", "Track");
 let Nt = es;
 k.setClass(Nt, "Track");
 const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
@@ -7535,13 +7535,13 @@ const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
       width: e.width
     });
     super([r, n, o], e);
-    x(this, "guide");
-    x(this, "topGuide");
-    x(this, "bottomGuide");
-    x(this, "metadata");
-    x(this, "accepts", []);
-    x(this, "kind");
-    x(this, "activeGuideFill");
+    w(this, "guide");
+    w(this, "topGuide");
+    w(this, "bottomGuide");
+    w(this, "metadata");
+    w(this, "accepts", []);
+    w(this, "kind");
+    w(this, "activeGuideFill");
     Object.assign(this, ss.ownDefaults), this.guide = n, this.topGuide = r, this.bottomGuide = o, this.id = e.id, this.metadata = e.metadata, this.tScale = e.tScale, this.kind = e.kind, this.activeGuideFill = e.activeGuideFill || Ue;
   }
   static getDefaults() {
@@ -7557,7 +7557,7 @@ const er = 1, Ue = "rgba(255, 255, 255,1.0)", Vd = [
     e ? this.guide.set("fill", this.activeGuideFill) : this.guide.set("fill", "transparent");
   }
 };
-x(ss, "type", "Helper"), x(ss, "ownDefaults", {
+w(ss, "type", "Helper"), w(ss, "ownDefaults", {
   selectable: !1,
   evented: !1
 });
@@ -7566,11 +7566,11 @@ k.setClass(Se, "Helper");
 const rs = class rs extends st {
   constructor(e) {
     super(e);
-    x(this, "guideItemId");
-    x(this, "distXToActCenter");
-    x(this, "trackItemType");
-    x(this, "defaultPos");
-    x(this, "draggedObject");
+    w(this, "guideItemId");
+    w(this, "distXToActCenter");
+    w(this, "trackItemType");
+    w(this, "defaultPos");
+    w(this, "draggedObject");
     Object.assign(this, rs.ownDefaults), this.id = e.id;
   }
   static getDefaults() {
@@ -7593,7 +7593,7 @@ const rs = class rs extends st {
     ), e.lineWidth = er, e.setLineDash(this.strokeDashArray), e.strokeStyle = Ue, e.stroke(), e.restore();
   }
 };
-x(rs, "type", "Placeholder"), x(rs, "ownDefaults", {
+w(rs, "type", "Placeholder"), w(rs, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -7630,7 +7630,7 @@ function yi(i) {
   };
 }
 const Yo = 3, $d = 4, ch = 188, qd = 60, Kd = 1e3 / qd;
-function Q(i, t = 1, e = 1) {
+function q(i, t = 1, e = 1) {
   const s = ch * t;
   return i * (60 / 1e3) * s / e;
 }
@@ -7639,7 +7639,7 @@ function P(i, t = 1, e = 1) {
   return i / s * Kd * e;
 }
 function Wy(i, t = 1) {
-  return Q(i, t);
+  return q(i, t);
 }
 const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
   const n = i[r];
@@ -7670,19 +7670,19 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
       if (n.left < 0) return !1;
       const u = c - h;
       if (n.left + u < 0) {
-        const b = Q(
+        const b = q(
           n.duration,
           n.tScale,
           n.playbackRate
         ), _ = n.width + n.left;
         if (_ <= b) {
           n.set("width", _);
-          const w = P(
+          const S = P(
             b - _,
             n.tScale,
             n.playbackRate
           );
-          return n.trim.from = w, !0;
+          return n.trim.from = S, !0;
         }
         return !1;
       }
@@ -7782,24 +7782,33 @@ const Br = (i, t) => (t || Object.keys(i)).reduce((s, r) => {
         f,
         n.tScale,
         n.playbackRate
-      ), p = d + g;
-      if (u) {
-        if (p > u.maxTo) return !1;
-      } else if (p > n.duration) return !1;
-      n.set("width", Math.max(h, 0)), n.trim.to = p;
+      ), p = d + g, m = u ? u.maxTo : n.duration, b = Math.max(n.trim.from + 10, Math.min(m, p)), _ = b - d, S = q(
+        _,
+        n.tScale,
+        n.playbackRate
+      ), x = c + S;
+      n.set("width", Math.max(x, 0)), n.trim.to = b;
     } else {
-      if (n.left < 0) return !1;
-      const d = c - h;
-      if (n.left + d < 0) return !1;
-      const g = h - c, p = n.trim.from, m = P(
+      const d = u ? u.minFrom : 0, f = n.trim.from, g = h - c, p = P(
         g,
         n.tScale,
         n.playbackRate
-      ), b = p - m;
-      if (u) {
-        if (b < u.minFrom) return !1;
-      } else if (b < 0) return !1;
-      n.set("width", Math.max(h, 0)), n.trim.from = b;
+      ), m = f - p;
+      let b = Math.max(d, Math.min(n.trim.to - 10, m)), _ = f - b, S = q(
+        _,
+        n.tScale,
+        n.playbackRate
+      ), x = c + S;
+      if (x > n.left + c) {
+        x = n.left + c;
+        const C = x - c, O = P(
+          C,
+          n.tScale,
+          n.playbackRate
+        );
+        b = f - O;
+      }
+      n.set("width", Math.max(x, 0)), n.trim.from = b;
     }
     return c !== n.width;
   }
@@ -7945,15 +7954,15 @@ const { wrapWithFireEvent: pf, getLocalPoint: mf } = _s, vf = (i, t, e, s) => {
       if (n.left < 0) return !1;
       const d = c - h;
       if (n.left + d < 0) {
-        const w = Q(
+        const S = q(
           n.duration,
           n.tScale,
           n.playbackRate
-        ), S = n.width + n.left;
-        if (S <= w) {
-          n.set("width", S);
+        ), x = n.width + n.left;
+        if (x <= S) {
+          n.set("width", x);
           const C = P(
-            w - S,
+            S - x,
             n.tScale,
             n.playbackRate
           );
@@ -7983,12 +7992,12 @@ const { wrapWithFireEvent: pf, getLocalPoint: mf } = _s, vf = (i, t, e, s) => {
 ), is = class is extends st {
   constructor(e) {
     super(e);
-    x(this, "duration");
-    x(this, "fromId");
-    x(this, "toId");
-    x(this, "kind", "none");
-    x(this, "isSelected", !1);
-    x(this, "availableDrop", !0);
+    w(this, "duration");
+    w(this, "fromId");
+    w(this, "toId");
+    w(this, "kind", "none");
+    w(this, "isSelected", !1);
+    w(this, "availableDrop", !0);
     Object.assign(this, is.ownDefaults), this.id = e.id, this.centeredScaling = !0, this.strokeWidth = 0, this.tScale = e.tScale, this.duration = e.duration, this.fromId = e.fromId, this.toId = e.toId, this.kind = e.kind, this.strokeDashArray = e.strokeDashArray || [];
   }
   static createControls() {
@@ -8020,7 +8029,7 @@ const { wrapWithFireEvent: pf, getLocalPoint: mf } = _s, vf = (i, t, e, s) => {
     ), e.lineWidth = er, e.setLineDash(this.strokeDashArray), e.strokeStyle = s, e.stroke(), e.restore();
   }
 };
-x(is, "type", "Transition"), x(is, "ownDefaults", {
+w(is, "type", "Transition"), w(is, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -8039,12 +8048,12 @@ k.setClass($t, "Transition");
 const Bs = class Bs extends st {
   constructor(e) {
     super(e);
-    x(this, "id");
-    x(this, "resourceId", "");
-    x(this, "tScale");
-    x(this, "isSelected", !1);
-    x(this, "trim");
-    x(this, "duration");
+    w(this, "id");
+    w(this, "resourceId", "");
+    w(this, "tScale");
+    w(this, "isSelected", !1);
+    w(this, "trim");
+    w(this, "duration");
     Object.assign(this, Bs.ownDefaults), this.id = e.id, this.tScale = e.tScale, this.objectCaching = !1, this.rx = 8, this.ry = 8;
   }
   static createControls() {
@@ -8072,7 +8081,7 @@ const Bs = class Bs extends st {
     this.src = e;
   }
 };
-x(Bs, "type", "Trimmable"), x(Bs, "ownDefaults", {
+w(Bs, "type", "Trimmable"), w(Bs, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -8088,7 +8097,7 @@ k.setClass(ne, "Trimmable");
 const ns = class ns extends st {
   constructor(e) {
     super(e);
-    x(this, "isSelected", !1);
+    w(this, "isSelected", !1);
     Object.assign(this, ns.ownDefaults), this.tScale = e.tScale, this.display = e.display;
   }
   static createControls() {
@@ -8117,7 +8126,7 @@ const ns = class ns extends st {
     ), e.lineWidth = er, e.strokeStyle = Ue, e.stroke(), e.restore());
   }
 };
-x(ns, "type", "Resizable"), x(ns, "ownDefaults", {
+w(ns, "type", "Resizable"), w(ns, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -8137,13 +8146,13 @@ function yf(i) {
 const os = class os extends st {
   constructor(e) {
     super(e);
-    x(this, "duration");
-    x(this, "fromId");
-    x(this, "toId");
-    x(this, "isSelected", !1);
-    x(this, "name");
-    x(this, "durationString");
-    x(this, "itemType");
+    w(this, "duration");
+    w(this, "fromId");
+    w(this, "toId");
+    w(this, "isSelected", !1);
+    w(this, "name");
+    w(this, "durationString");
+    w(this, "itemType");
     Object.assign(this, os.ownDefaults), this.id = e.id, this.fill = "#27272a", this.name = e.type.toUpperCase(), this.durationString = yf(e.duration), this.itemType = e.type;
   }
   static getDefaults() {
@@ -8180,7 +8189,7 @@ const os = class os extends st {
     e.fillStyle = "rgba(0, 0, 0, 0.5)", e.roundRect ? (e.beginPath(), e.roundRect(s, r, n, o, a), e.fill()) : e.fillRect(s, r, n, o);
   }
 };
-x(os, "type", "PreviewTrackItem"), x(os, "ownDefaults", {
+w(os, "type", "PreviewTrackItem"), w(os, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -8194,8 +8203,8 @@ let we = os;
 k.setClass(we, "PreviewTrackItem");
 class bf {
   constructor() {
-    x(this, "___eventListeners", {});
-    x(this, "___activeObjects", []);
+    w(this, "___eventListeners", {});
+    w(this, "___activeObjects", []);
   }
   resize(t, { force: e } = { force: !1 }) {
     var s;
@@ -8238,7 +8247,7 @@ function Gs(i, t) {
 }
 const _f = (i, t) => {
   var h, l, u, d, f, g, p, m;
-  const e = i.display, s = Q(e.from, t.tScale), r = Q(
+  const e = i.display, s = q(e.from, t.tScale), r = q(
     e.to - e.from,
     t.tScale,
     i.playbackRate
@@ -9064,16 +9073,16 @@ function Nv(i, t, e, s, r, n) {
     d = a[u];
     var b = i[d], _ = t[d];
     if (s)
-      var w = o ? s(_, b, d, t, i, n) : s(b, _, d, i, t, n);
-    if (!(w === void 0 ? b === _ || r(b, _, e, s, n) : w)) {
+      var S = o ? s(_, b, d, t, i, n) : s(b, _, d, i, t, n);
+    if (!(S === void 0 ? b === _ || r(b, _, e, s, n) : S)) {
       p = !1;
       break;
     }
     m || (m = d == "constructor");
   }
   if (p && !m) {
-    var S = i.constructor, C = t.constructor;
-    S != C && "constructor" in i && "constructor" in t && !(typeof S == "function" && S instanceof S && typeof C == "function" && C instanceof C) && (p = !1);
+    var x = i.constructor, C = t.constructor;
+    x != C && "constructor" in i && "constructor" in t && !(typeof x == "function" && x instanceof x && typeof C == "function" && C instanceof C) && (p = !1);
   }
   return n.delete(i), n.delete(t), p;
 }
@@ -9149,10 +9158,10 @@ function s0(i, t, e) {
   function _(O) {
     return a = void 0, d && s ? f(O) : (s = r = void 0, o);
   }
-  function w() {
+  function S() {
     a !== void 0 && clearTimeout(a), h = 0, s = c = r = a = void 0;
   }
-  function S() {
+  function x() {
     return a === void 0 ? o : _(Yi());
   }
   function C() {
@@ -9165,7 +9174,7 @@ function s0(i, t, e) {
     }
     return a === void 0 && (a = setTimeout(b, t)), o;
   }
-  return C.cancel = w, C.flush = S, C;
+  return C.cancel = S, C.flush = x, C;
 }
 function r0(i, t) {
   return kh(i, t);
@@ -9240,7 +9249,7 @@ class l0 {
   }
   updateTrackItemsToHistory() {
     this.pauseEventListeners(), this.trackItemIds.forEach((t) => {
-      const e = this.tracks.find((c) => c.items.includes(t)), s = this.getObjects().find((c) => c.id === (e == null ? void 0 : e.id)).top, r = this.trackItemsMap[t], n = this.getObjects().find((c) => c.id === t), o = Q(r.display.from, this.tScale), a = Q(
+      const e = this.tracks.find((c) => c.items.includes(t)), s = this.getObjects().find((c) => c.id === (e == null ? void 0 : e.id)).top, r = this.trackItemsMap[t], n = this.getObjects().find((c) => c.id === t), o = q(r.display.from, this.tScale), a = q(
         r.display.to - r.display.from,
         this.tScale,
         r.playbackRate
@@ -9323,7 +9332,7 @@ class l0 {
     const e = t ? this.getActiveObjects().map((s) => s.id) : [];
     !t && this.pauseEventListeners(), this.trackItemIds.forEach((s) => {
       if (e.includes(s)) return;
-      const r = this.getObjects().find((c) => c.id === s), n = this.trackItemsMap[s], o = Q(n.display.from, this.tScale), a = Q(
+      const r = this.getObjects().find((c) => c.id === s), n = this.trackItemsMap[s], o = q(n.display.from, this.tScale), a = q(
         n.display.to - n.display.from,
         this.tScale
       );
@@ -9480,11 +9489,11 @@ function Mh(i) {
         const p = Math.abs(c - g), m = Math.abs(c - f), b = P(1, e.tScale);
         if (p < n)
           if (e instanceof ne) {
-            const _ = g - e.left, w = _ - a, S = P(
-              w,
+            const _ = g - e.left, S = _ - a, x = P(
+              S,
               e.tScale,
               e.playbackRate
-            ), C = e.trim.to + S;
+            ), C = e.trim.to + x;
             if (_ < b || _ < b) return;
             C <= e.duration && (e.set({
               width: _,
@@ -9497,11 +9506,11 @@ function Mh(i) {
             }), e.onResizeSnap && e.onResizeSnap(), h = !0;
         else if (m < n)
           if (e instanceof ne) {
-            const _ = f - e.left, w = _ - a, S = P(
-              w,
+            const _ = f - e.left, S = _ - a, x = P(
+              S,
               e.tScale,
               e.playbackRate
-            ), C = e.trim.to + S;
+            ), C = e.trim.to + x;
             if (_ < b) return;
             C <= e.duration && (e.set({
               width: _,
@@ -9516,16 +9525,16 @@ function Mh(i) {
         const p = Math.abs(o - f), m = Math.abs(o - g);
         if (p < n)
           if (e instanceof ne) {
-            const b = c - f, _ = b - a, w = P(
+            const b = c - f, _ = b - a, S = P(
               _,
               e.tScale,
               e.playbackRate
-            ), S = e.trim.from - w;
-            S >= 0 && (e.set({
+            ), x = e.trim.from - S;
+            x >= 0 && (e.set({
               left: f,
               width: b,
               scaleX: 1
-            }), e.trim.from = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.from = x, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               left: f,
@@ -9534,16 +9543,16 @@ function Mh(i) {
             }), e.onResizeSnap && e.onResizeSnap(), h = !0;
         else if (m < n)
           if (e instanceof ne) {
-            const b = c - g, _ = b - a, w = P(
+            const b = c - g, _ = b - a, S = P(
               _,
               e.tScale,
               e.playbackRate
-            ), S = e.trim.from - w;
-            S >= 0 && (e.set({
+            ), x = e.trim.from - S;
+            x >= 0 && (e.set({
               left: g,
               width: b,
               scaleX: 1
-            }), e.trim.from = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.from = x, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               left: g,
@@ -9564,15 +9573,15 @@ function Mh(i) {
         var m;
         const p = t.trackItemsMap[g.id];
         if (p) {
-          const b = p.duration || 0, _ = (m = p.metadata) == null ? void 0 : m.userLimitDuration, w = typeof _ == "number" ? _ : b, S = p.display.from || 0, C = Math.max(0, d - S), O = Math.min(C, w);
+          const b = p.duration || 0, _ = (m = p.metadata) == null ? void 0 : m.userLimitDuration, S = typeof _ == "number" ? _ : b, x = p.display.from || 0, C = Math.max(0, d - x), O = Math.min(C, S);
           g.display = {
-            from: S,
-            to: S + O
+            from: x,
+            to: x + O
           }, g.trim && (g.trim = {
             from: g.trim.from || 0,
             to: (g.trim.from || 0) + O
           });
-          const D = Q(O, t.tScale);
+          const D = q(O, t.tScale);
           g.set({
             width: D,
             scaleX: 1
@@ -9670,7 +9679,7 @@ const Eh = {
   initialTrackPoints: [],
   updateItemsInTrack: null,
   orderNormalTrack: !1
-}, J = () => Eh, ot = (i) => {
+}, Z = () => Eh, ot = (i) => {
   Object.assign(Eh, i);
 }, Sa = 10, Si = (i, t) => {
   t.forEach((e) => e.isAlignmentAuxiliary && i.remove(e));
@@ -9807,7 +9816,7 @@ const Eh = {
 function Wh(i) {
   const t = this;
   if (!t) return;
-  const s = J().enableGuideRedraw, r = t.getScenePoint(i.e), n = t.getObjects("Helper", "Track"), o = n.find((g) => {
+  const s = Z().enableGuideRedraw, r = t.getScenePoint(i.e), n = t.getObjects("Helper", "Track"), o = n.find((g) => {
     const p = g.getBoundingRect();
     return r.x >= p.left && r.x <= p.left + p.width && r.y >= p.top && r.y <= p.top + p.height;
   });
@@ -9871,7 +9880,7 @@ function Hh(i, t) {
   return s;
 }
 function Yh(i) {
-  const t = J(), e = t.canvas;
+  const t = Z(), e = t.canvas;
   ot({
     activeTrackToItemsMap: {},
     primaryTracks: {},
@@ -9969,11 +9978,11 @@ function M0(i) {
 const as = class as extends st {
   constructor(e) {
     super(e);
-    x(this, "duration");
-    x(this, "fromId");
-    x(this, "toId");
-    x(this, "itemType", "none");
-    x(this, "isSelected", !1);
+    w(this, "duration");
+    w(this, "fromId");
+    w(this, "toId");
+    w(this, "itemType", "none");
+    w(this, "isSelected", !1);
     Object.assign(this, as.ownDefaults), this.id = e.id;
   }
   static createControls() {
@@ -9990,7 +9999,7 @@ const as = class as extends st {
     if (!e) return;
     const s = e.getObjects().find((o) => o.id === this.fromId);
     if (!s) return;
-    const r = Q(this.duration, this.tScale), n = s.left + s.width - r / 2;
+    const r = q(this.duration, this.tScale), n = s.left + s.width - r / 2;
     this.set({
       width: r,
       left: n
@@ -10019,7 +10028,7 @@ const as = class as extends st {
     ), e.lineWidth = er, e.strokeStyle = Ue, e.stroke(), e.restore());
   }
 };
-x(as, "type", "TransitionGuide"), x(as, "ownDefaults", {
+w(as, "type", "TransitionGuide"), w(as, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -10076,7 +10085,7 @@ const D0 = (i) => {
   "template"
 ];
 function Vh() {
-  const i = J();
+  const i = Z();
   Fh(this, i.placeholderMovingObjects);
 }
 function j0(i) {
@@ -10097,23 +10106,23 @@ const P0 = (i, t, e) => !(e < 0 || Gh(i, {
   ...t.getBoundingRect(),
   left: e
 })), Nh = (i) => {
-  const e = J().draggingOverTrack, s = e == null ? void 0 : e.accepts.map(
+  const e = Z().draggingOverTrack, s = e == null ? void 0 : e.accepts.map(
     (n) => n.toLowerCase()
   ), r = i.type.toLowerCase();
   return i instanceof we, e && (s == null ? void 0 : s.includes(r));
 };
 function A0(i) {
-  J().isPointerOverHelperTrack ? i.opacity = 0 : i.opacity = 1;
+  Z().isPointerOverHelperTrack ? i.opacity = 0 : i.opacity = 1;
 }
 function L0() {
-  const i = J(), t = i.primaryMovingObjects[0];
+  const i = Z(), t = i.primaryMovingObjects[0];
   return {
     top: i.objectInitialPositions[t.id].top,
     left: i.objectInitialPositions[t.id].left
   };
 }
 function R0(i) {
-  const t = i.getBoundingRect(), e = J(), s = e.draggingOverTrack;
+  const t = i.getBoundingRect(), e = Z(), s = e.draggingOverTrack;
   if (e.primaryMovingObjects.map((n) => n.id).includes(i.id)) {
     const o = e.primaryMovingObjects[0].getBoundingRect();
     return {
@@ -10133,7 +10142,7 @@ function F0(i, t, e, s) {
     a,
     i,
     o
-  ), h = J();
+  ), h = Z();
   if (h.orderNormalTrack = !0, !c || s.x - 20 < 0) {
     const l = h.draggingOverTrack;
     return {
@@ -10156,7 +10165,7 @@ const B0 = (i, t) => {
   (i) => {
     const t = i.target.canvas;
     j0(i);
-    const e = J(), s = e.draggingOverTrack;
+    const e = Z(), s = e.draggingOverTrack;
     if (s) {
       const a = e.primaryMovingObjects[0];
       I0.includes(a.type) && e.placeholderMovingObjects.forEach((c) => {
@@ -10271,7 +10280,7 @@ function W0(i, t) {
 }
 function X0(i, t, e) {
   var h;
-  const s = J(), r = (h = i[0]) == null ? void 0 : h.canvas, n = s.draggingOverTrack, o = s.primaryMovingObjects.map((l) => l.id);
+  const s = Z(), r = (h = i[0]) == null ? void 0 : h.canvas, n = s.draggingOverTrack, o = s.primaryMovingObjects.map((l) => l.id);
   if (!r) return;
   const a = r.transitionIds.filter(
     (l) => r.transitionsMap[l].kind !== "none"
@@ -10289,7 +10298,7 @@ function X0(i, t, e) {
       d !== -1 && e.splice(
         d,
         0,
-        Q(l.display.from, r.tScale)
+        q(l.display.from, r.tScale)
       );
     }
   }
@@ -10347,14 +10356,14 @@ function G0(i) {
   i.off("mouse:up", Vh.bind(i)), i.off("object:moving", Uh);
 }
 const N0 = (i) => {
-  J().canvas.fire("track:create", i);
+  Z().canvas.fire("track:create", i);
 }, U0 = (i) => {
-  J().canvas.fire("track-items:moved", i);
+  Z().canvas.fire("track-items:moved", i);
 }, $h = (i) => {
   var a, c, h;
   const t = (a = i.target) == null ? void 0 : a.canvas;
   if (!t) return;
-  const e = J(), s = t.getActiveObject();
+  const e = Z(), s = t.getActiveObject();
   if (!s || !t.positionBeforeTransform) return;
   const r = t.getScenePoint(i.e), o = t.getObjects("Track", "Helper").find((l) => {
     const u = l.getBoundingRect();
@@ -10415,7 +10424,7 @@ const N0 = (i) => {
   }
 };
 function $0() {
-  const i = J(), t = i.canvas, [e] = i.primaryMovingObjects, s = e.id, r = t.positionAfterTransform[s], n = e.getBoundingRect().top, o = r.top - n, a = {};
+  const i = Z(), t = i.canvas, [e] = i.primaryMovingObjects, s = e.id, r = t.positionAfterTransform[s], n = e.getBoundingRect().top, o = r.top - n, a = {};
   return i.secondaryMovingObjects.forEach((c) => {
     const h = c.getBoundingRect().top + o, l = i.trackTopToIdMap[h], u = bn(
       i.trackTops,
@@ -10429,7 +10438,7 @@ function $0() {
   }), a;
 }
 function q0() {
-  const i = $0(), t = J();
+  const i = $0(), t = Z();
   return Object.keys(i).some((e) => {
     const s = t.trackToItemsMap[e], r = i[e].objects;
     return !s || !s.length ? !0 : s.filter((n) => !r.includes(n)).some((n) => qh(
@@ -10550,7 +10559,7 @@ function Qh(i) {
   if (!oy.includes(e)) return;
   const s = t.duration || 5e3, r = this;
   r.discardActiveObject(), r.setActiveIds([]);
-  const n = Q(s, this.tScale), o = r.getItemSize(e), a = r.getTrackItems();
+  const n = q(s, this.tScale), o = r.getItemSize(e), a = r.getTrackItems();
   if (tt = cy({
     width: n,
     height: o,
@@ -10565,17 +10574,17 @@ function Qh(i) {
     Be.forEach((p) => {
       const m = a.find((C) => C.id === p.toId), b = a.find((C) => C.id === p.fromId), _ = p.width;
       ((m == null ? void 0 : m.width) || 0) >= _ / 2 && ((b == null ? void 0 : b.width) || 0) >= _ / 2 || (p.availableDrop = !1);
-      const w = g.find(
+      const S = g.find(
         (C) => C.fromId === p.toId
       );
-      w && w.width + _ / 2 >= ((m == null ? void 0 : m.width) || 0) && (p.availableDrop = !1);
-      const S = g.find(
+      S && S.width + _ / 2 >= ((m == null ? void 0 : m.width) || 0) && (p.availableDrop = !1);
+      const x = g.find(
         (C) => C.toId === p.fromId
       );
-      S && S.width + _ / 2 >= ((b == null ? void 0 : b.width) || 0) && (p.availableDrop = !1), p.visible = !0;
+      x && x.width + _ / 2 >= ((b == null ? void 0 : b.width) || 0) && (p.availableDrop = !1), p.visible = !0;
     });
   }
-  const c = J();
+  const c = Z();
   r.trackIdAfterTransform = "", r.positionAfterTransform = {};
   const h = tt, l = [tt];
   ot({
@@ -10614,7 +10623,7 @@ function Qh(i) {
   }), r.add(...c.placeholderMovingObjects), r.add(tt), se(Z0);
 }
 const tl = (i) => {
-  const t = J();
+  const t = Z();
   Fh(i, t.placeholderMovingObjects), i && (Si(i, i.getObjects()), Bh(i.getObjects("Helper")));
 };
 function el() {
@@ -10628,7 +10637,7 @@ function el() {
   }), i.remove(tt);
 }
 function sl(i) {
-  const t = J();
+  const t = Z();
   if (!tt || !t.placeholderMovingObjects || !t.placeholderMovingObjects[0])
     return !1;
   const e = t.placeholderMovingObjects[0];
@@ -10681,7 +10690,7 @@ function rl(i) {
   qs = "";
   const t = this;
   tl(t);
-  const e = J(), s = e.draggingOverTrack;
+  const e = Z(), s = e.draggingOverTrack;
   ot({ draggingOverTrack: null, isPointerOverHelperTrack: !1 });
   let r = null;
   for (const o of ((n = i.e.dataTransfer) == null ? void 0 : n.types) || [])
@@ -10874,7 +10883,7 @@ const fy = (i) => {
   i.off("mouse:wheel", il), i.off("selection:created", nl), i.off("selection:updated", ol), i.off("selection:cleared", al);
 }, cl = () => {
   var n;
-  const i = J(), t = i.canvas, e = i.draggingOverTrack;
+  const i = Z(), t = i.canvas, e = i.draggingOverTrack;
   t.updateTrackItemCoords(!0);
   const s = e == null ? void 0 : e.magnetic, r = new Set(i.activeObjects.map((o) => o.id));
   if (s) {
@@ -10897,7 +10906,7 @@ const fy = (i) => {
     if (h.left + d > (f == null ? void 0 : f.left)) {
       const p = d - (f.left - h.left);
       g.forEach((m) => {
-        const b = Q(m.display.from, t.tScale);
+        const b = q(m.display.from, t.tScale);
         m.left = b + p;
       });
     }
@@ -10959,7 +10968,7 @@ class xy {
       const e = this.transitionsMap[t], s = e.fromId, r = e.toId, n = this.getObjects(), o = n.find((d) => d.id === s), a = n.find((d) => d.id === r);
       if (!o || !a)
         return;
-      const c = Q(e.duration, this.tScale), h = o.left + o.width - c / 2, l = o.height, u = new $t({
+      const c = q(e.duration, this.tScale), h = o.left + o.width - c / 2, l = o.height, u = new $t({
         id: e.id,
         left: h,
         top: o.top,
@@ -10990,7 +10999,7 @@ class xy {
           (c) => c.id === r.fromId && !e.includes(c.id)
         );
         if (!n) return;
-        const o = Q(r.duration, this.tScale), a = n.left + n.width - o / 2;
+        const o = q(r.duration, this.tScale), a = n.left + n.width - o / 2;
         r.set({
           left: a,
           top: n.top
@@ -11033,7 +11042,7 @@ class xy {
   }
 }
 function pl(i) {
-  const { secondaryTracks: t, primaryTracks: e, primaryPositions: s } = i, { positions: r, trackIndex: n } = s, o = n === -1 ? this.tracks.length : n, a = J(), [c] = Object.keys(e), h = this.tracks.find(
+  const { secondaryTracks: t, primaryTracks: e, primaryPositions: s } = i, { positions: r, trackIndex: n } = s, o = n === -1 ? this.tracks.length : n, a = Z(), [c] = Object.keys(e), h = this.tracks.find(
     (_) => _.id === c
   ), l = e[c], u = [];
   let d = !1;
@@ -11041,8 +11050,8 @@ function pl(i) {
     if (_.type === "audio")
       if (d) {
         u.push(_.id);
-        const w = a.objectInitialPositions[_.id];
-        w && (_.set({ top: w.top, left: w.left }), _.setCoords());
+        const S = a.objectInitialPositions[_.id];
+        S && (_.set({ top: S.top, left: S.left }), _.setCoords());
       } else
         d = !0;
   });
@@ -11053,7 +11062,7 @@ function pl(i) {
     accepts: h.accepts,
     muted: h.muted || !1
   }, g = Qn(
-    Object.keys(t).map((_) => t[_].objects.filter((w) => !u.includes(w.id)).map((w) => w.id))
+    Object.keys(t).map((_) => t[_].objects.filter((S) => !u.includes(S.id)).map((S) => S.id))
   );
   let p = Gs(this.tracks, [
     ...Object.keys(r).filter((_) => !u.includes(_)),
@@ -11061,16 +11070,16 @@ function pl(i) {
   ]);
   const m = [];
   Object.keys(t).forEach((_) => {
-    const { objects: w, index: S } = t[_], C = this.tracks.find(
+    const { objects: S, index: x } = t[_], C = this.tracks.find(
       (M) => M.id === _
-    ), O = w.map((M) => M.id).filter(
+    ), O = S.map((M) => M.id).filter(
       (M) => !this.transitionIds.includes(M) && !u.includes(M)
     ), D = {
       id: nr(),
       items: O,
       type: C.type,
       accepts: C.accepts,
-      tempIndex: S,
+      tempIndex: x,
       muted: C.muted || !1
     };
     m.push(D);
@@ -11115,7 +11124,7 @@ function or(i) {
             from: ((a = o.trim) == null ? void 0 : a.from) ?? 0,
             to: ((c = o.trim) == null ? void 0 : c.to) ?? o.display.to
           });
-          const h = o.display.to - o.display.from, l = Q(h, i.tScale);
+          const h = o.display.to - o.display.from, l = q(h, i.tScale);
           n.set({
             width: l,
             scaleX: 1
@@ -11131,7 +11140,7 @@ function ml(i) {
     secondaryTracks: e,
     primaryTracks: s,
     primaryPositions: r
-  } = i, { trackId: n, positions: o } = r, a = this.tracks.find((O) => O.id === n), c = J(), l = c.primaryMovingObjects.sort((O, D) => O.left - D.left);
+  } = i, { trackId: n, positions: o } = r, a = this.tracks.find((O) => O.id === n), c = Z(), l = c.primaryMovingObjects.sort((O, D) => O.left - D.left);
   l.forEach((O, D) => {
     l[D - 1] && O.left - l[D - 1].left;
   });
@@ -11172,7 +11181,7 @@ function ml(i) {
     const M = r.trackId, I = _.find((R) => R.id === M);
     I == null || I.items.push(...m), this.tracks = _;
   });
-  const w = this.tracks[u], S = [];
+  const S = this.tracks[u], x = [];
   Object.keys(e).forEach((O) => {
     const { objects: D, index: M } = e[O], I = D.filter(
       (E) => E.type !== "transition" && !g.includes(E.id)
@@ -11186,13 +11195,13 @@ function ml(i) {
         tempIndex: M,
         muted: !1
       };
-      S.push(W);
+      x.push(W);
     } else {
       const E = _[u + M];
       E == null || E.items.push(...I), this.tracks = _;
     }
   });
-  const C = Hh(w, S);
+  const C = Hh(S, x);
   C.length && _.splice(u, 1, ...C), this.tracks = _, this.renderTracks(), this.alignItemsToTrack(), this.uodateTrackItemIdsOrdering(), this.adjustMagneticTrack(), or(this), this.updateTransitions(!0), this.updateState({ updateHistory: !0, kind: "update" });
 }
 function vl({
@@ -11366,7 +11375,7 @@ const ky = (i) => {
         if (o.hasSrc) {
           const l = n[o.id];
           if (o.src !== a.details.src && o.setSrc && o.setSrc(a.details.src), a.type === "video" || a.type === "audio") {
-            const d = (((c = l.trim) == null ? void 0 : c.to) || 0) - (((h = l.trim) == null ? void 0 : h.from) || 0), f = Q(
+            const d = (((c = l.trim) == null ? void 0 : c.to) || 0) - (((h = l.trim) == null ? void 0 : h.from) || 0), f = q(
               d,
               i.scale.zoom,
               l.playbackRate
@@ -11412,25 +11421,25 @@ function Dy(i) {
 }
 class Iy {
   constructor(t, e = {}) {
-    x(this, "canvas");
-    x(this, "fill", "rgba(0,0,0,.3)");
-    x(this, "stroke", "rgba(255,255,255,.3)");
-    x(this, "lineWidth", 1);
-    x(this, "hideX", !1);
-    x(this, "hideY", !1);
-    x(this, "scrollbarMinWidth", 40);
-    x(this, "scrollbarSize", 5);
-    x(this, "scrollSpace", 0);
-    x(this, "padding", 4);
-    x(this, "extraMarginX", 200);
-    x(this, "extraMarginY", 200);
-    x(this, "offsetX", 0);
-    x(this, "offsetY", 0);
-    x(this, "scrollbarWidth", 5);
-    x(this, "scrollbarColor", "rgba(0,0,0,.3)");
-    x(this, "onViewportChange");
-    x(this, "_bar");
-    x(this, "_barViewport", {
+    w(this, "canvas");
+    w(this, "fill", "rgba(0,0,0,.3)");
+    w(this, "stroke", "rgba(255,255,255,.3)");
+    w(this, "lineWidth", 1);
+    w(this, "hideX", !1);
+    w(this, "hideY", !1);
+    w(this, "scrollbarMinWidth", 40);
+    w(this, "scrollbarSize", 5);
+    w(this, "scrollSpace", 0);
+    w(this, "padding", 4);
+    w(this, "extraMarginX", 200);
+    w(this, "extraMarginY", 200);
+    w(this, "offsetX", 0);
+    w(this, "offsetY", 0);
+    w(this, "scrollbarWidth", 5);
+    w(this, "scrollbarColor", "rgba(0,0,0,.3)");
+    w(this, "onViewportChange");
+    w(this, "_bar");
+    w(this, "_barViewport", {
       left: 1,
       right: -1,
       top: 1,
@@ -11438,9 +11447,9 @@ class Iy {
       sx: 1,
       sy: 1
     });
-    x(this, "_originalMouseDown");
-    x(this, "_originalMouseMove");
-    x(this, "_originalMouseUp");
+    w(this, "_originalMouseDown");
+    w(this, "_originalMouseMove");
+    w(this, "_originalMouseUp");
     this.canvas = t, Object.assign(this, e), e.scrollbarWidth !== void 0 && (this.scrollbarSize = e.scrollbarWidth), e.scrollbarColor !== void 0 && (this.fill = e.scrollbarColor), this._originalMouseDown = this.canvas.__onMouseDown, this._originalMouseMove = this.canvas._onMouseMove, this._originalMouseUp = this.canvas._onMouseUp, this.canvas.__onMouseDown = this.mouseDownHandler.bind(this), this.canvas._onMouseMove = this.mouseMoveHandler.bind(this), this.canvas._onMouseUp = this.mouseUpHandler.bind(this), this.beforeRenderHandler = this.beforeRenderHandler.bind(this), this.afterRenderHandler = this.afterRenderHandler.bind(this), this.initBehavior();
   }
   initBehavior() {
@@ -11612,31 +11621,31 @@ const jy = (i) => {
   constructor(e, s) {
     var r;
     super(e, s);
-    x(this, "itemTypes", []);
-    x(this, "acceptsMap");
-    x(this, "sizesMap", {});
-    x(this, "objectTypes", []);
+    w(this, "itemTypes", []);
+    w(this, "acceptsMap");
+    w(this, "sizesMap", {});
+    w(this, "objectTypes", []);
     // Declare properties from state
-    x(this, "tracks", []);
-    x(this, "hoverCornerItem", !1);
-    x(this, "trackItemsMap", {});
-    x(this, "trackItemIds", []);
-    x(this, "transitionIds", []);
-    x(this, "transitionsMap", {});
-    x(this, "scale");
-    x(this, "duration");
-    x(this, "bounding");
-    x(this, "onScroll");
-    x(this, "onResizeCanvas");
-    x(this, "tScale");
-    x(this, "state");
-    x(this, "activeIds", []);
-    x(this, "spacing");
-    x(this, "guideLineColor");
-    x(this, "withTransitions", []);
-    x(this, "_mouseWheelHandler");
-    x(this, "_scrollbars");
-    x(this, "_viewportChangeCallback");
+    w(this, "tracks", []);
+    w(this, "hoverCornerItem", !1);
+    w(this, "trackItemsMap", {});
+    w(this, "trackItemIds", []);
+    w(this, "transitionIds", []);
+    w(this, "transitionsMap", {});
+    w(this, "scale");
+    w(this, "duration");
+    w(this, "bounding");
+    w(this, "onScroll");
+    w(this, "onResizeCanvas");
+    w(this, "tScale");
+    w(this, "state");
+    w(this, "activeIds", []);
+    w(this, "spacing");
+    w(this, "guideLineColor");
+    w(this, "withTransitions", []);
+    w(this, "_mouseWheelHandler");
+    w(this, "_scrollbars");
+    w(this, "_viewportChangeCallback");
     this.bounding = s.bounding || {
       width: s.width || 0,
       height: s.height || 0
@@ -11911,20 +11920,20 @@ const jy = (i) => {
     this.pauseEventListeners();
     const r = -(this.viewportTransform[4] - this.spacing.left), n = P(r, this.tScale);
     this.tScale = e.zoom, this.scale = e, this.getTrackItems().forEach((l) => {
-      const u = Q(l.display.from, this.tScale), d = Q(
+      const u = q(l.display.from, this.tScale), d = q(
         l.display.to - l.display.from,
         this.tScale,
         l.playbackRate
       );
       l.set({ left: u, width: d, tScale: e.zoom }), l.onScale && l.onScale(), l.setCoords();
     }), this.requestRenderAll(), this.calcBounding(), this.refreshTrackLayout(), this.updateTransitions(!1);
-    const a = Q(n, this.tScale), c = this.viewportTransform.slice(0);
+    const a = q(n, this.tScale), c = this.viewportTransform.slice(0);
     c[4] = -a + this.spacing.left;
     const h = this.getViewportPos(c[4], c[5]);
     c[4] = h.x, c[5] = h.y, this.setViewportTransform(c), this.requestRenderAll(), this.resumeEventListeners();
   }
 };
-x(Ws, "objectTypes", []);
+w(Ws, "objectTypes", []);
 let be = Ws;
 Oy(be, [
   bf,
@@ -11978,7 +11987,7 @@ export {
   ir as isTransformCentered,
   Hy as resize,
   A as resolveOrigin,
-  Q as timeMsToUnits,
+  q as timeMsToUnits,
   P as unitsToTimeMs,
   Vn as util,
   yi as wrapWithFixedAnchor