@cliquify.me/timeline 4.0.14 → 4.0.16

package/dist/index.es.js

@@ -1,6 +1,6 @@
 var _l = Object.defineProperty;
 var Tl = (i, t, e) => t in i ? _l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var S = (i, t, e) => Tl(i, typeof t != "symbol" ? t + "" : t, e);
+var w = (i, t, e) => Tl(i, typeof t != "symbol" ? t + "" : t, e);
 import { dispatch as Kt } from "@designcombo/events";
 function y(i, t, e) {
   return (t = function(s) {
@@ -2182,7 +2182,7 @@ function ac(i, t, e, s, r) {
   const { target: n } = e, { counterAxis: o, origin: a, lockSkewing: c, skew: h, flip: l } = Ci[i];
   if (It(n, c)) return !1;
   const { origin: u, flip: d } = Ci[o], g = Q(e[u]) * (n[d] ? -1 : 1), f = -Math.sign(g) * (n[l] ? -1 : 1), p = 0.5 * -((n[h] === 0 && si(e, j, j, s, r)[i] > 0 || n[h] > 0 ? 1 : -1) * f) + 0.5;
-  return _e(xa, Xe((b, T, x, w) => function(O, k, D) {
+  return _e(xa, Xe((b, T, x, S) => function(O, k, D) {
     let { target: M, ex: F, ey: G, skewingSide: nt } = k, st = H(k, Zl);
     const { skew: R } = Ci[O], Z = D.subtract(new _(F, G)).divide(new _(M.scaleX, M.scaleY))[O], Ct = M[R], bt = st[R], Nt = Math.tan(N(bt)), Ut = O === "y" ? M._getTransformedDimensions({ scaleX: 1, scaleY: 1, skewX: 0 }).x : M._getTransformedDimensions({ scaleX: 1, scaleY: 1 }).y, xe = 2 * Z * nt / Math.max(Ut, 1) + Nt, Se = ve(Math.atan(xe));
     M.set(R, Se);
@@ -2192,7 +2192,7 @@ function ac(i, t, e, s, r) {
       we !== 1 && M.set(dt, we * bs);
     }
     return sr;
-  }(i, T, new _(x, w))))(t, v(v({}, e), {}, { [a]: p, skewingSide: f }), s, r);
+  }(i, T, new _(x, S))))(t, v(v({}, e), {}, { [a]: p, skewingSide: f }), s, r);
 }
 const cc = (i, t, e, s) => ac("x", i, t, e, s), hc = (i, t, e, s) => ac("y", i, t, e, s);
 function ni(i, t) {
@@ -3037,8 +3037,8 @@ function Ji(i, t, e, s, r, n, o, a) {
   if (E.cachesBoundsOfCurve && (c = [...arguments].join(), Os.boundsOfCurveCache[c])) return Os.boundsOfCurveCache[c];
   const h = Math.sqrt, l = Math.abs, u = [], d = [[0, 0], [0, 0]];
   let g = 6 * i - 12 * e + 6 * r, f = -3 * i + 9 * e - 9 * r + 3 * o, p = 3 * e - 3 * i;
-  for (let w = 0; w < 2; ++w) {
-    if (w > 0 && (g = 6 * t - 12 * s + 6 * n, f = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(f) < 1e-12) {
+  for (let S = 0; S < 2; ++S) {
+    if (S > 0 && (g = 6 * t - 12 * s + 6 * n, f = -3 * t + 9 * s - 9 * n + 3 * a, p = 3 * s - 3 * t), l(f) < 1e-12) {
       if (l(g) < 1e-12) continue;
       const F = -p / g;
       0 < F && F < 1 && u.push(F);
@@ -3054,8 +3054,8 @@ function Ji(i, t, e, s, r, n, o, a) {
   let m = u.length;
   const b = m, T = kc(i, t, e, s, r, n, o, a);
   for (; m--; ) {
-    const { x: w, y: O } = T(u[m]);
-    d[0][m] = w, d[1][m] = O;
+    const { x: S, y: O } = T(u[m]);
+    d[0][m] = S, d[1][m] = O;
   }
   d[0][b] = i, d[1][b] = t, d[0][b + 1] = o, d[1][b + 1] = a;
   const x = [new _(Math.min(...d[0]), Math.min(...d[1])), new _(Math.max(...d[0]), Math.max(...d[1]))];
@@ -3065,7 +3065,7 @@ const Bu = (i, t, e) => {
   let [s, r, n, o, a, c, h, l] = e;
   const u = ((d, g, f, p, m, b, T) => {
     if (f === 0 || p === 0) return [];
-    let x = 0, w = 0, O = 0;
+    let x = 0, S = 0, O = 0;
     const k = Math.PI, D = T * pn, M = Pt(D), F = Et(D), G = 0.5 * (-F * d - M * g), nt = 0.5 * (-F * g + M * d), st = f ** 2, R = p ** 2, Z = nt ** 2, Ct = G ** 2, bt = st * R - st * Z - R * Ct;
     let Nt = Math.abs(f), Ut = Math.abs(p);
     if (bt < 0) {
@@ -3077,7 +3077,7 @@ const Bu = (i, t, e) => {
     b === 0 && he > 0 ? he -= 2 * k : b === 1 && he < 0 && (he += 2 * k);
     const rr = Math.ceil(Math.abs(he / k * 2)), we = [], _s = he / rr, bl = 8 / 3 * Math.sin(_s / 4) * Math.sin(_s / 4) / Math.sin(_s / 2);
     let yi = bs + _s;
-    for (let le = 0; le < rr; le++) we[le] = Ru(bs, yi, F, M, Nt, Ut, sr, vi, bl, x, w), x = we[le][5], w = we[le][6], bs = yi, yi += _s;
+    for (let le = 0; le < rr; le++) we[le] = Ru(bs, yi, F, M, Nt, Ut, sr, vi, bl, x, S), x = we[le][5], S = we[le][6], bs = yi, yi += _s;
     return we;
   })(h - i, l - t, r, n, a, c, o);
   for (let d = 0, g = u.length; d < g; d++) u[d][1] += i, u[d][2] += t, u[d][3] += i, u[d][4] += t, u[d][5] += i, u[d][6] += t;
@@ -4041,8 +4041,8 @@ class nr {
       const T = Math.min(p, m);
       if (T > 0) {
         const x = T / Math.max(p, m);
-        o.forEach((w) => {
-          w.offset += x * (1 - w.offset);
+        o.forEach((S) => {
+          S.offset += x * (1 - S.offset);
         });
       }
     }
@@ -4777,9 +4777,9 @@ class ht extends Nc {
   }
   _renderChars(t, e, s, r, n, o) {
     const a = this.getHeightOfLine(o), c = this.textAlign.includes(Lt), h = this.path, l = !c && this.charSpacing === 0 && this.isEmptyStyles(o) && !h, u = this.direction === "ltr", d = this.direction === "ltr" ? 1 : -1, g = e.direction;
-    let f, p, m, b, T, x = "", w = 0;
+    let f, p, m, b, T, x = "", S = 0;
     if (e.save(), g !== this.direction && (e.canvas.setAttribute("dir", u ? "ltr" : "rtl"), e.direction = u ? "ltr" : "rtl", e.textAlign = u ? A : $), n -= a * this._fontSizeFraction / this.lineHeight, l) return this._renderChar(t, e, o, 0, s.join(""), r, n), void e.restore();
-    for (let O = 0, k = s.length - 1; O <= k; O++) b = O === k || this.charSpacing || h, x += s[O], m = this.__charBounds[o][O], w === 0 ? (r += d * (m.kernedWidth - m.width), w += m.width) : w += m.kernedWidth, c && !b && this._reSpaceAndTab.test(s[O]) && (b = !0), b || (f = f || this.getCompleteStyleDeclaration(o, O), p = this.getCompleteStyleDeclaration(o, O + 1), b = ai(f, p, !1)), b && (h ? (e.save(), e.translate(m.renderLeft, m.renderTop), e.rotate(m.angle), this._renderChar(t, e, o, O, x, -w / 2, 0), e.restore()) : (T = r, this._renderChar(t, e, o, O, x, T, n)), x = "", f = p, r += d * w, w = 0);
+    for (let O = 0, k = s.length - 1; O <= k; O++) b = O === k || this.charSpacing || h, x += s[O], m = this.__charBounds[o][O], S === 0 ? (r += d * (m.kernedWidth - m.width), S += m.width) : S += m.kernedWidth, c && !b && this._reSpaceAndTab.test(s[O]) && (b = !0), b || (f = f || this.getCompleteStyleDeclaration(o, O), p = this.getCompleteStyleDeclaration(o, O + 1), b = ai(f, p, !1)), b && (h ? (e.save(), e.translate(m.renderLeft, m.renderTop), e.rotate(m.angle), this._renderChar(t, e, o, O, x, -S / 2, 0), e.restore()) : (T = r, this._renderChar(t, e, o, O, x, T, n)), x = "", f = p, r += d * S, S = 0);
     e.restore();
   }
   _applyPatternGradientTransformText(t) {
@@ -4854,7 +4854,7 @@ class ht extends Nc {
       }
       const u = this._textLines[c], d = l / this.lineHeight, g = this._getLineLeftOffset(c);
       let f, p, m = 0, b = 0, T = this.getValueOfPropertyAt(c, 0, e), x = this.getValueOfPropertyAt(c, 0, et);
-      const w = s + d * (1 - this._fontSizeFraction);
+      const S = s + d * (1 - this._fontSizeFraction);
       let O = this.getHeightOfChar(c, 0), k = this.getValueOfPropertyAt(c, 0, "deltaY");
       for (let M = 0, F = u.length; M < F; M++) {
         const G = this.__charBounds[c][M];
@@ -4863,11 +4863,11 @@ class ht extends Nc {
         if (n && f && p) t.save(), t.fillStyle = x, t.translate(G.renderLeft, G.renderTop), t.rotate(G.angle), t.fillRect(-G.kernedWidth / 2, a * nt + st, G.kernedWidth, this.fontSize / 15), t.restore();
         else if ((f !== T || p !== x || nt !== O || st !== k) && b > 0) {
           let R = r + g + m;
-          this.direction === "rtl" && (R = this.width - R - b), T && x && (t.fillStyle = x, t.fillRect(R, w + a * O + k, b, this.fontSize / 15)), m = G.left, b = G.width, T = f, x = p, O = nt, k = st;
+          this.direction === "rtl" && (R = this.width - R - b), T && x && (t.fillStyle = x, t.fillRect(R, S + a * O + k, b, this.fontSize / 15)), m = G.left, b = G.width, T = f, x = p, O = nt, k = st;
         } else b += G.kernedWidth;
       }
       let D = r + g + m;
-      this.direction === "rtl" && (D = this.width - D - b), t.fillStyle = p, f && p && t.fillRect(D, w + a * O + k, b - o, this.fontSize / 15), s += l;
+      this.direction === "rtl" && (D = this.width - D - b), t.fillStyle = p, f && p && t.fillRect(D, S + a * O + k, b - o, this.fontSize / 15), s += l;
     }
     this._removeShadow(t);
   }
@@ -5005,10 +5005,10 @@ class _d {
     o.backgroundColor = "";
     const x = { stroke: "transparent", fill: "transparent", textBackgroundColor: "transparent" };
     o.setSelectionStyles(x, 0, r), o.setSelectionStyles(x, n, o.text.length), o.dirty = !0;
-    const w = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
-    o.backgroundColor = b, o.styles = T, o.dirty = !0, Ds(w, { position: "fixed", left: "".concat(-w.width, "px"), border: ft, width: "".concat(w.width / d, "px"), height: "".concat(w.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
-      w.remove();
-    }, Dt(t.target || this.target.hiddenTextarea).body.appendChild(w), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(w, m.x, m.y);
+    const S = o.toCanvasElement({ enableRetinaScaling: a.enableRetinaScaling, viewportTransform: !0 });
+    o.backgroundColor = b, o.styles = T, o.dirty = !0, Ds(S, { position: "fixed", left: "".concat(-S.width, "px"), border: ft, width: "".concat(S.width / d, "px"), height: "".concat(S.height / d, "px") }), this.__dragImageDisposer && this.__dragImageDisposer(), this.__dragImageDisposer = () => {
+      S.remove();
+    }, Dt(t.target || this.target.hiddenTextarea).body.appendChild(S), (s = t.dataTransfer) === null || s === void 0 || s.setDragImage(S, m.x, m.y);
   }
   onDragStart(t) {
     this.__dragStartFired = !0;
@@ -5635,9 +5635,9 @@ class Jt extends Sd {
         T = this.__charBounds[l][d - 1].left + this.__charBounds[l][d - 1].width - D;
       }
       m = p, (this.lineHeight < 1 || g === l && this.lineHeight > 1) && (p /= this.lineHeight);
-      let x = s.left + f + b, w = p, O = 0;
+      let x = s.left + f + b, S = p, O = 0;
       const k = T - b;
-      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", w = 1, O = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === $ || this.textAlign === Lt || this.textAlign === js ? x = this.width - x - k : this.textAlign === A || this.textAlign === Gr ? x = s.left + f - T : this.textAlign !== j && this.textAlign !== Is || (x = s.left + f - T)), t.fillRect(x, s.top + s.topOffset + O, k, w), s.topOffset += m;
+      this.inCompositionMode ? (t.fillStyle = this.compositionColor || "black", S = 1, O = p) : t.fillStyle = this.selectionColor, this.direction === "rtl" && (this.textAlign === $ || this.textAlign === Lt || this.textAlign === js ? x = this.width - x - k : this.textAlign === A || this.textAlign === Gr ? x = s.left + f - T : this.textAlign !== j && this.textAlign !== Is || (x = s.left + f - T)), t.fillRect(x, s.top + s.topOffset + O, k, S), s.topOffset += m;
     }
   }
   getCurrentCharFontSize() {
@@ -5755,8 +5755,8 @@ class Ie extends Jt {
     const m = Math.max(e, r, this.dynamicMinWidth), b = n[t];
     let T;
     for (g = 0, T = 0; T < b.length; T++) {
-      const { word: x, width: w } = b[T];
-      g += x.length, u += f + w - a, u > m && !p ? (h.push(d), d = [], u = w, p = !0) : u += a, p || c || d.push(l), d = d.concat(x), f = c ? 0 : this._measureWord([l], t, g), g++, p = !1;
+      const { word: x, width: S } = b[T];
+      g += x.length, u += f + S - a, u > m && !p ? (h.push(d), d = [], u = S, p = !0) : u += a, p || c || d.push(l), d = d.concat(x), f = c ? 0 : this._measureWord([l], t, g), g++, p = !1;
     }
     return T && h.push(d), r + o > this.dynamicMinWidth && (this.dynamicMinWidth = r - a + o), h;
   }
@@ -6850,9 +6850,9 @@ class yr extends rt {
   }
   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, g, f, p, m, b, T, x, w, O, k, D, M;
+    let d, g, f, p, m, b, T, x, S, O, k, D, M;
     for (k = 0; k < c; k++) for (O = 0; O < a; O++) {
-      for (m = 4 * (k * a + O), d = 0, g = 0, f = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) T = k + M - o, b = O + D - o, T < 0 || T >= c || b < 0 || b >= a || (x = 4 * (T * a + b), w = r[M * n + D], d += s[x] * w, g += s[x + 1] * w, f += s[x + 2] * w, u || (p += s[x + 3] * w));
+      for (m = 4 * (k * a + O), d = 0, g = 0, f = 0, p = 0, M = 0; M < n; M++) for (D = 0; D < n; D++) T = k + M - o, b = O + D - o, T < 0 || T >= c || b < 0 || b >= a || (x = 4 * (T * a + b), S = r[M * n + D], d += s[x] * S, g += s[x + 1] * S, f += s[x + 2] * S, u || (p += s[x + 3] * S));
       l[m] = d, l[m + 1] = g, l[m + 2] = f, l[m + 3] = u ? s[m + 3] : p;
     }
     t.imageData = h;
@@ -7206,39 +7206,39 @@ class Cr extends rt {
   }
   lanczosResize(t, e, s, r, n) {
     const o = t.imageData.data, a = t.ctx.createImageData(r, n), c = a.data, h = this.lanczosCreate(this.lanczosLobes), l = this.rcpScaleX, u = this.rcpScaleY, d = 2 / this.rcpScaleX, g = 2 / this.rcpScaleY, f = Math.ceil(l * this.lanczosLobes / 2), p = Math.ceil(u * this.lanczosLobes / 2), m = {}, b = { x: 0, y: 0 }, T = { x: 0, y: 0 };
-    return function x(w) {
+    return function x(S) {
       let O, k, D, M, F, G, nt, st, R, Z, Ct;
-      for (b.x = (w + 0.5) * l, T.x = Math.floor(b.x), O = 0; O < n; O++) {
+      for (b.x = (S + 0.5) * l, T.x = Math.floor(b.x), O = 0; O < n; O++) {
         for (b.y = (O + 0.5) * u, T.y = Math.floor(b.y), F = 0, G = 0, nt = 0, st = 0, R = 0, k = T.x - f; k <= T.x + f; k++) if (!(k < 0 || k >= e)) {
           Z = Math.floor(1e3 * Math.abs(k - b.x)), m[Z] || (m[Z] = {});
           for (let bt = T.y - p; bt <= T.y + p; bt++) bt < 0 || bt >= s || (Ct = Math.floor(1e3 * Math.abs(bt - b.y)), m[Z][Ct] || (m[Z][Ct] = h(Math.sqrt(Math.pow(Z * d, 2) + Math.pow(Ct * g, 2)) / 1e3)), D = m[Z][Ct], D > 0 && (M = 4 * (bt * e + k), F += D, G += D * o[M], nt += D * o[M + 1], st += D * o[M + 2], R += D * o[M + 3]));
         }
-        M = 4 * (O * r + w), c[M] = G / F, c[M + 1] = nt / F, c[M + 2] = st / F, c[M + 3] = R / F;
+        M = 4 * (O * r + S), c[M] = G / F, c[M + 1] = nt / F, c[M + 2] = st / F, c[M + 3] = R / F;
       }
-      return ++w < r ? x(w) : a;
+      return ++S < r ? x(S) : a;
     }(0);
   }
   bilinearFiltering(t, e, s, r, n) {
     let o, a, c, h, l, u, d, g, f, p, m, b, T, x = 0;
-    const w = this.rcpScaleX, O = this.rcpScaleY, k = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), F = M.data;
-    for (d = 0; d < n; d++) for (g = 0; g < r; g++) for (l = Math.floor(w * g), u = Math.floor(O * d), f = w * g - l, p = O * d - u, T = 4 * (u * e + l), m = 0; m < 4; m++) o = D[T + m], a = D[T + 4 + m], c = D[T + k + m], h = D[T + k + 4 + m], b = o * (1 - f) * (1 - p) + a * f * (1 - p) + c * p * (1 - f) + h * f * p, F[x++] = b;
+    const S = this.rcpScaleX, O = this.rcpScaleY, k = 4 * (e - 1), D = t.imageData.data, M = t.ctx.createImageData(r, n), F = M.data;
+    for (d = 0; d < n; d++) for (g = 0; g < r; g++) for (l = Math.floor(S * g), u = Math.floor(O * d), f = S * g - l, p = O * d - u, T = 4 * (u * e + l), m = 0; m < 4; m++) o = D[T + m], a = D[T + 4 + m], c = D[T + k + m], h = D[T + k + 4 + m], b = o * (1 - f) * (1 - p) + a * f * (1 - p) + c * p * (1 - f) + h * f * p, F[x++] = 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 g = 0; g < n; g++) for (let f = 0; f < r; f++) {
       const p = 4 * (f + g * r);
-      let m = 0, b = 0, T = 0, x = 0, w = 0, O = 0, k = 0;
+      let m = 0, b = 0, T = 0, x = 0, S = 0, O = 0, k = 0;
       const D = (g + 0.5) * a;
       for (let M = Math.floor(g * a); M < (g + 1) * a; M++) {
         const F = Math.abs(D - (M + 0.5)) / h, G = (f + 0.5) * o, nt = F * F;
         for (let st = Math.floor(f * o); st < (f + 1) * o; st++) {
           let R = Math.abs(G - (st + 0.5)) / c;
           const Z = Math.sqrt(nt + R * R);
-          Z > 1 && Z < -1 || (m = 2 * Z * Z * Z - 3 * Z * Z + 1, m > 0 && (R = 4 * (st + M * e), k += m * l[R + 3], T += m, l[R + 3] < 255 && (m = m * l[R + 3] / 250), x += m * l[R], w += m * l[R + 1], O += m * l[R + 2], b += m));
+          Z > 1 && Z < -1 || (m = 2 * Z * Z * Z - 3 * Z * Z + 1, m > 0 && (R = 4 * (st + M * e), k += m * l[R + 3], T += m, l[R + 3] < 255 && (m = m * l[R + 3] / 250), x += m * l[R], S += m * l[R + 1], O += m * l[R + 2], b += m));
         }
       }
-      d[p] = x / b, d[p + 1] = w / b, d[p + 2] = O / b, d[p + 3] = k / T;
+      d[p] = x / b, d[p + 1] = S / b, d[p + 2] = O / b, d[p + 3] = k / T;
     }
     return u;
   }
@@ -7333,8 +7333,8 @@ const zd = {
 }, Ke = class Ke extends tt {
   constructor(e) {
     super(e);
-    S(this, "id");
-    S(this, "accepts", [
+    w(this, "id");
+    w(this, "accepts", [
       "audio",
       "video",
       "image",
@@ -7342,10 +7342,10 @@ const zd = {
       "caption",
       "template"
     ]);
-    S(this, "metadata");
-    S(this, "items", []);
-    S(this, "magnetic");
-    S(this, "static");
+    w(this, "metadata");
+    w(this, "items", []);
+    w(this, "magnetic");
+    w(this, "static");
     Object.assign(this, Ke.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)";
   }
   static getDefaults() {
@@ -7358,7 +7358,7 @@ const zd = {
     this.width = e;
   }
 };
-S(Ke, "ownDefaults", zd), S(Ke, "type", "Track");
+w(Ke, "ownDefaults", zd), w(Ke, "type", "Track");
 let ie = Ke;
 C.setClass(ie, "Track");
 const Zs = 1, He = "rgba(255, 255, 255,1.0)", Hd = [
@@ -7425,13 +7425,13 @@ const Zs = 1, He = "rgba(255, 255, 255,1.0)", Hd = [
       width: e.width
     });
     super([r, n, o], e);
-    S(this, "guide");
-    S(this, "topGuide");
-    S(this, "bottomGuide");
-    S(this, "metadata");
-    S(this, "accepts", []);
-    S(this, "kind");
-    S(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, Ze.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 || He;
   }
   static getDefaults() {
@@ -7447,7 +7447,7 @@ const Zs = 1, He = "rgba(255, 255, 255,1.0)", Hd = [
     e ? this.guide.set("fill", this.activeGuideFill) : this.guide.set("fill", "transparent");
   }
 };
-S(Ze, "type", "Helper"), S(Ze, "ownDefaults", {
+w(Ze, "type", "Helper"), w(Ze, "ownDefaults", {
   selectable: !1,
   evented: !1
 });
@@ -7456,11 +7456,11 @@ C.setClass(ls, "Helper");
 const Je = class Je extends tt {
   constructor(e) {
     super(e);
-    S(this, "guideItemId");
-    S(this, "distXToActCenter");
-    S(this, "trackItemType");
-    S(this, "defaultPos");
-    S(this, "draggedObject");
+    w(this, "guideItemId");
+    w(this, "distXToActCenter");
+    w(this, "trackItemType");
+    w(this, "defaultPos");
+    w(this, "draggedObject");
     Object.assign(this, Je.ownDefaults), this.id = e.id;
   }
   static getDefaults() {
@@ -7483,7 +7483,7 @@ const Je = class Je extends tt {
     ), e.lineWidth = Zs, e.setLineDash(this.strokeDashArray), e.strokeStyle = He, e.stroke(), e.restore();
   }
 };
-S(Je, "type", "Placeholder"), S(Je, "ownDefaults", {
+w(Je, "type", "Placeholder"), w(Je, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -7819,11 +7819,11 @@ const { wrapWithFireEvent: ug, getLocalPoint: dg } = vs, gg = (i, t, e, s) => {
           n.duration,
           n.tScale,
           n.playbackRate
-        ), w = n.width + n.left;
-        if (w <= x) {
-          n.set("width", w);
+        ), S = n.width + n.left;
+        if (S <= x) {
+          n.set("width", S);
           const O = X(
-            x - w,
+            x - S,
             n.tScale,
             n.playbackRate
           );
@@ -7853,12 +7853,12 @@ const { wrapWithFireEvent: ug, getLocalPoint: dg } = vs, gg = (i, t, e, s) => {
 ), Qe = class Qe extends tt {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "kind", "none");
-    S(this, "isSelected", !1);
-    S(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, Qe.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() {
@@ -7890,7 +7890,7 @@ const { wrapWithFireEvent: ug, getLocalPoint: dg } = vs, gg = (i, t, e, s) => {
     ), e.lineWidth = Zs, e.setLineDash(this.strokeDashArray), e.strokeStyle = s, e.stroke(), e.restore();
   }
 };
-S(Qe, "type", "Transition"), S(Qe, "ownDefaults", {
+w(Qe, "type", "Transition"), w(Qe, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -7909,12 +7909,12 @@ C.setClass(Ht, "Transition");
 const As = class As extends tt {
   constructor(e) {
     super(e);
-    S(this, "id");
-    S(this, "resourceId", "");
-    S(this, "tScale");
-    S(this, "isSelected", !1);
-    S(this, "trim");
-    S(this, "duration");
+    w(this, "id");
+    w(this, "resourceId", "");
+    w(this, "tScale");
+    w(this, "isSelected", !1);
+    w(this, "trim");
+    w(this, "duration");
     Object.assign(this, As.ownDefaults), this.id = e.id, this.tScale = e.tScale, this.objectCaching = !1, this.rx = 8, this.ry = 8;
   }
   static createControls() {
@@ -7942,7 +7942,7 @@ const As = class As extends tt {
     this.src = e;
   }
 };
-S(As, "type", "Trimmable"), S(As, "ownDefaults", {
+w(As, "type", "Trimmable"), w(As, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -7958,7 +7958,7 @@ C.setClass(Qt, "Trimmable");
 const ts = class ts extends tt {
   constructor(e) {
     super(e);
-    S(this, "isSelected", !1);
+    w(this, "isSelected", !1);
     Object.assign(this, ts.ownDefaults), this.tScale = e.tScale, this.display = e.display;
   }
   static createControls() {
@@ -7987,7 +7987,7 @@ const ts = class ts extends tt {
     ), e.lineWidth = Zs, e.strokeStyle = He, e.stroke(), e.restore());
   }
 };
-S(ts, "type", "Resizable"), S(ts, "ownDefaults", {
+w(ts, "type", "Resizable"), w(ts, "ownDefaults", {
   rx: 6,
   ry: 6,
   objectCaching: !1,
@@ -8007,13 +8007,13 @@ function fg(i) {
 const es = class es extends tt {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "isSelected", !1);
-    S(this, "name");
-    S(this, "durationString");
-    S(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, es.ownDefaults), this.id = e.id, this.fill = "#27272a", this.name = e.type.toUpperCase(), this.durationString = fg(e.duration), this.itemType = e.type;
   }
   static getDefaults() {
@@ -8050,7 +8050,7 @@ const es = class es extends tt {
     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);
   }
 };
-S(es, "type", "PreviewTrackItem"), S(es, "ownDefaults", {
+w(es, "type", "PreviewTrackItem"), w(es, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -8064,8 +8064,8 @@ let ye = es;
 C.setClass(ye, "PreviewTrackItem");
 class pg {
   constructor() {
-    S(this, "___eventListeners", {});
-    S(this, "___activeObjects", []);
+    w(this, "___eventListeners", {});
+    w(this, "___activeObjects", []);
   }
   resize(t, { force: e } = { force: !1 }) {
     var s;
@@ -8942,8 +8942,8 @@ function Yv(i, t, e, s, r, n) {
     m || (m = d == "constructor");
   }
   if (p && !m) {
-    var w = i.constructor, O = t.constructor;
-    w != O && "constructor" in i && "constructor" in t && !(typeof w == "function" && w instanceof w && typeof O == "function" && O instanceof O) && (p = !1);
+    var S = i.constructor, O = t.constructor;
+    S != O && "constructor" in i && "constructor" in t && !(typeof S == "function" && S instanceof S && typeof O == "function" && O instanceof O) && (p = !1);
   }
   return n.delete(i), n.delete(t), p;
 }
@@ -9022,7 +9022,7 @@ function Qv(i, t, e) {
   function x() {
     a !== void 0 && clearTimeout(a), h = 0, s = c = r = a = void 0;
   }
-  function w() {
+  function S() {
     return a === void 0 ? o : T(Fi());
   }
   function O() {
@@ -9035,7 +9035,7 @@ function Qv(i, t, e) {
     }
     return a === void 0 && (a = setTimeout(b, t)), o;
   }
-  return O.cancel = x, O.flush = w, O;
+  return O.cancel = x, O.flush = S, O;
 }
 function t0(i, t) {
   return bh(i, t);
@@ -9353,12 +9353,12 @@ function _h(i) {
               T,
               e.tScale,
               e.playbackRate
-            ), w = e.trim.to + x;
+            ), S = e.trim.to + x;
             if (b < m || b < m) return;
-            w <= e.duration && (e.set({
+            S <= e.duration && (e.set({
               width: b,
               scaleX: 1
-            }), e.trim.to = w, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.to = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               width: g - e.left,
@@ -9370,12 +9370,12 @@ function _h(i) {
               T,
               e.tScale,
               e.playbackRate
-            ), w = e.trim.to + x;
+            ), S = e.trim.to + x;
             if (b < m) return;
-            w <= e.duration && (e.set({
+            S <= e.duration && (e.set({
               width: b,
               scaleX: 1
-            }), e.trim.to = w, e.onResizeSnap && e.onResizeSnap(), h = !0);
+            }), e.trim.to = S, e.onResizeSnap && e.onResizeSnap(), h = !0);
           } else
             e.set({
               width: d - e.left,
@@ -9817,11 +9817,11 @@ function C0(i) {
 const ss = class ss extends tt {
   constructor(e) {
     super(e);
-    S(this, "duration");
-    S(this, "fromId");
-    S(this, "toId");
-    S(this, "itemType", "none");
-    S(this, "isSelected", !1);
+    w(this, "duration");
+    w(this, "fromId");
+    w(this, "toId");
+    w(this, "itemType", "none");
+    w(this, "isSelected", !1);
     Object.assign(this, ss.ownDefaults), this.id = e.id;
   }
   static createControls() {
@@ -9867,7 +9867,7 @@ const ss = class ss extends tt {
     ), e.lineWidth = Zs, e.strokeStyle = He, e.stroke(), e.restore());
   }
 };
-S(ss, "type", "TransitionGuide"), S(ss, "ownDefaults", {
+w(ss, "type", "TransitionGuide"), w(ss, "ownDefaults", {
   objectCaching: !1,
   borderColor: "transparent",
   stroke: "transparent",
@@ -10400,10 +10400,10 @@ function Gh(i) {
     Le.forEach((m) => {
       const b = c.find((k) => k.id === m.toId), T = c.find((k) => k.id === m.fromId), x = m.width;
       ((b == null ? void 0 : b.width) || 0) >= x / 2 && ((T == null ? void 0 : T.width) || 0) >= x / 2 || (m.availableDrop = !1);
-      const w = p.find(
+      const S = p.find(
         (k) => k.fromId === m.toId
       );
-      w && w.width + x / 2 >= ((b == null ? void 0 : b.width) || 0) && (m.availableDrop = !1);
+      S && S.width + x / 2 >= ((b == null ? void 0 : b.width) || 0) && (m.availableDrop = !1);
       const O = p.find(
         (k) => k.toId === m.fromId
       );
@@ -10845,14 +10845,14 @@ function al(i) {
   Object.keys(t).forEach((p) => {
     const { objects: m, index: b } = t[p], T = this.tracks.find(
       (O) => O.id === p
-    ), x = m.map((O) => O.id).filter((O) => !this.transitionIds.includes(O)), w = {
+    ), x = m.map((O) => O.id).filter((O) => !this.transitionIds.includes(O)), S = {
       id: er(),
       items: x,
       type: T.type,
       accepts: T.accepts,
       tempIndex: b
     };
-    g.push(w);
+    g.push(S);
   });
   const f = Ah(l, g);
   f.length && d.splice(o, 0, ...f), this.tracks = d, this.renderTracks(), this.refreshTrackLayout(), this.alignItemsToTrack(), this.uodateTrackItemIdsOrdering(), this.adjustMagneticTrack(), this.updateTransitions(!0), this.updateState({ updateHistory: !0, kind: "update" });
@@ -10882,16 +10882,16 @@ function cl(i) {
       const k = o[O.id];
       O.left = k == null ? void 0 : k.left;
     }), this.resumeEventListeners();
-    const x = r.trackId, w = g.find((O) => O.id === x);
-    w == null || w.items.push(...Object.keys(o)), this.tracks = g;
+    const x = r.trackId, S = g.find((O) => O.id === x);
+    S == null || S.items.push(...Object.keys(o)), this.tracks = g;
   });
   const f = this.tracks[u], p = [];
   Object.keys(e).forEach((b) => {
-    const { objects: T, index: x } = e[b], w = T.filter((D) => D.type !== "transition").map((D) => D.id), [O] = w, k = this.trackItemsMap[O];
+    const { objects: T, index: x } = e[b], S = T.filter((D) => D.type !== "transition").map((D) => D.id), [O] = S, k = this.trackItemsMap[O];
     if (t && k) {
       const D = this.getItemAccepts(k.type), M = {
         id: er(),
-        items: w,
+        items: S,
         type: k.type,
         accepts: D,
         tempIndex: x
@@ -10899,7 +10899,7 @@ function cl(i) {
       p.push(M);
     } else {
       const D = g[u + x];
-      D == null || D.items.push(...w), this.tracks = g;
+      D == null || D.items.push(...S), this.tracks = g;
     }
   });
   const m = Ah(f, p);
@@ -11047,7 +11047,7 @@ const wy = (i) => {
   }), fl = i.state.subscribeToUpdateItemDetails((t) => {
     const e = i.getTrackItems();
     if (e.length === 0) return;
-    const s = i.state.getState(), r = t.trackItemDetailsMap, n = s.trackItemsMap;
+    const s = i.state.getState(), r = t.trackItemsMap, n = s.trackItemsMap;
     e.forEach((o) => {
       const a = r[o.id];
       if (a)
@@ -11069,18 +11069,15 @@ const wy = (i) => {
         } else (a.type === "text" || a.type === "caption") && (a.type === "text" || a.type === "caption") && o.set({ text: a.details.text });
     }), i.requestRenderAll();
   }), gl = i.state.subscribeToHistory((t) => {
-    i.tracks = t.tracks, i.trackItemsMap = t.trackItemsMap, i.trackItemIds = t.trackItemIds, i.trackItemDetailsMap = t.trackItemDetailsMap, i.transitionIds = t.transitionIds, i.transitionsMap = t.transitionsMap, i.renderTracks(), i.refreshTrackLayout(), i.updateTrackItemCoords(), i.alignItemsToTrack(), i.alignTransitionsToTrack(), i.adjustMagneticTrack(), i.updateTransitions(), i.calcBounding(), i.duration = Er(i.trackItemsMap);
+    i.tracks = t.tracks, i.trackItemsMap = t.trackItemsMap, i.trackItemIds = t.trackItemIds, i.transitionIds = t.transitionIds, i.transitionsMap = t.transitionsMap, i.renderTracks(), i.refreshTrackLayout(), i.updateTrackItemCoords(), i.alignItemsToTrack(), i.alignTransitionsToTrack(), i.adjustMagneticTrack(), i.updateTransitions(), i.calcBounding(), i.duration = Er(i.trackItemsMap);
   }), dl = i.state.subscribeToAddOrRemoveItems(() => {
     const t = i.getTrackItems().map((n) => n.id), e = i.state.getState(), s = e.trackItemIds, r = [];
     t.forEach((n) => {
       s.includes(n) || r.push(n);
-    }), i.deleteTrackItemById(r), i.tracks = e.tracks, i.trackItemsMap = e.trackItemsMap, i.trackItemDetailsMap = e.trackItemDetailsMap, i.transitionIds = e.transitionIds, i.transitionsMap = e.transitionsMap, s.forEach((n) => {
+    }), i.deleteTrackItemById(r), i.tracks = e.tracks, i.trackItemsMap = e.trackItemsMap, i.transitionIds = e.transitionIds, i.transitionsMap = e.transitionsMap, s.forEach((n) => {
       if (!t.includes(n)) {
         const a = {
-          ...e.trackItemsMap[n],
-          details: {
-            ...e.trackItemDetailsMap[n].details
-          }
+          ...e.trackItemsMap[n]
         };
         i.addTrackItem(a);
       }
@@ -11102,29 +11099,28 @@ const Ls = class Ls extends Qi {
   constructor(e, s) {
     var r;
     super(e, s);
-    S(this, "itemTypes", []);
-    S(this, "acceptsMap");
-    S(this, "sizesMap", {});
-    S(this, "objectTypes", []);
+    w(this, "itemTypes", []);
+    w(this, "acceptsMap");
+    w(this, "sizesMap", {});
+    w(this, "objectTypes", []);
     // Declare properties from state
-    S(this, "tracks", []);
-    S(this, "hoverCornerItem", !1);
-    S(this, "trackItemsMap", {});
-    S(this, "trackItemIds", []);
-    S(this, "transitionIds", []);
-    S(this, "transitionsMap", {});
-    S(this, "trackItemDetailsMap", {});
-    S(this, "scale");
-    S(this, "duration");
-    S(this, "bounding");
-    S(this, "onScroll");
-    S(this, "onResizeCanvas");
-    S(this, "tScale");
-    S(this, "state");
-    S(this, "activeIds", []);
-    S(this, "spacing");
-    S(this, "guideLineColor");
-    S(this, "withTransitions", []);
+    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", []);
     this.bounding = s.bounding || {
       width: s.width || 0,
       height: s.height || 0
@@ -11282,7 +11278,6 @@ const Ls = class Ls extends Qi {
       trackItemsMap: this.trackItemsMap,
       transitionIds: this.transitionIds,
       transitionsMap: this.transitionsMap,
-      trackItemDetailsMap: this.trackItemDetailsMap,
       scale: this.scale,
       duration: e
     };
@@ -11336,7 +11331,7 @@ const Ls = class Ls extends Qi {
         c[0]
       );
       Math.abs(a) > h ? this.setViewportPos(
-        -(o - h) - this.spacing.right,
+        -(o - h) + this.spacing.right,
         this.viewportTransform[5]
       ) : l.left + l.width <= h ? this.setViewportPos(16, this.viewportTransform[5]) : this.setViewportPos(
         this.viewportTransform[4] - a,
@@ -11381,7 +11376,7 @@ const Ls = class Ls extends Qi {
     }), this.requestRenderAll(), this.calcBounding(), this.refreshTrackLayout(), this.updateTransitions(!1), this.resumeEventListeners();
   }
 };
-S(Ls, "objectTypes", []);
+w(Ls, "objectTypes", []);
 let Ns = Ls;
 Sy(Ns, [
   pg,