@braccato/core 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,17 +1,17 @@
-import { LitElement as st, unsafeCSS as J, html as ot } from "lit";
-import { property as D } from "lit/decorators.js";
-function F(t) {
+import { LitElement as lt, unsafeCSS as X, html as dt } from "lit";
+import { property as I } from "lit/decorators.js";
+function q(t) {
   if (!t) return 0;
   if (typeof t == "number") return t;
   const e = t.match(/^([\d.]+)(h|m|s|ms)$/);
   if (e) {
-    const i = Number.parseFloat(e[1]), o = e[2];
-    if (o === "h") return Math.round(i * 36e5);
-    if (o === "m") return Math.round(i * 6e4);
-    if (o === "s") return Math.round(i * 1e3);
-    if (o === "ms") return Math.round(i);
+    const n = Number.parseFloat(e[1]), o = e[2];
+    if (o === "h") return Math.round(n * 36e5);
+    if (o === "m") return Math.round(n * 6e4);
+    if (o === "s") return Math.round(n * 1e3);
+    if (o === "ms") return Math.round(n);
   }
-  const a = t.split(":").map((i) => i.replace(/[^0-9.]/g, ""));
+  const a = t.split(":").map((n) => n.replace(/[^0-9.]/g, ""));
   let r = 0;
   try {
     return a.length === 1 ? r = Number.parseFloat(a[0]) * 1e3 : a.length === 2 ? r = Number.parseInt(a[0], 10) * 6e4 + Number.parseFloat(a[1]) * 1e3 : a.length === 3 && (r = Number.parseInt(a[0], 10) * 36e5 + Number.parseInt(a[1], 10) * 6e4 + Number.parseFloat(a[2]) * 1e3), Math.round(r);
@@ -26,11 +26,11 @@ function k(t, e) {
     if (r.localName === e) return r.value;
   return null;
 }
-function G(t) {
+function j(t) {
   const e = {
     text: "",
-    begin: k(t, "begin") ? F(k(t, "begin")) : void 0,
-    end: k(t, "end") ? F(k(t, "end")) : void 0,
+    begin: k(t, "begin") ? q(k(t, "begin")) : void 0,
+    end: k(t, "end") ? q(k(t, "end")) : void 0,
     role: k(t, "role") ?? void 0,
     children: []
   };
@@ -38,142 +38,142 @@ function G(t) {
     if (a.nodeType === 3) {
       const r = a.textContent ?? "";
       e.text += r, e.children.push({ text: r, children: [] });
-    } else a.nodeType === 1 && e.children.push(G(a));
+    } else a.nodeType === 1 && e.children.push(j(a));
   return e;
 }
-function $(t, e, a = !1) {
+function Y(t, e, a = !1) {
   let r = "";
-  const i = [];
+  const n = [];
   let o = !1;
-  for (const n of t) {
-    const s = a || n.role === "x-bg";
-    if (n.children.length > 0)
-      if (s && !a) {
-        const c = $(n.children, e, !0);
-        r += c.text, i.push(...c.parts), c.isWordSynced && (o = !0);
-      } else if (n.begin !== void 0 && n.end !== void 0) {
-        const c = n.children.map((d) => d.text).join("") || n.text;
-        i.push({
-          startTimeMs: n.begin,
-          durationMs: n.end - n.begin,
+  for (const s of t) {
+    const i = a || s.role === "x-bg";
+    if (s.children.length > 0)
+      if (i && !a) {
+        const c = Y(s.children, e, !0);
+        r += c.text, n.push(...c.parts), c.isWordSynced && (o = !0);
+      } else if (s.begin !== void 0 && s.end !== void 0) {
+        const c = s.children.map((l) => l.text).join("") || s.text;
+        n.push({
+          startTimeMs: s.begin,
+          durationMs: s.end - s.begin,
           words: c,
-          isBackground: s || void 0
+          isBackground: i || void 0
         }), r += c, o = !0;
       } else {
-        const c = $(n.children, e, s);
-        r += c.text, i.push(...c.parts), c.isWordSynced && (o = !0);
+        const c = Y(s.children, e, i);
+        r += c.text, n.push(...c.parts), c.isWordSynced && (o = !0);
       }
-    else if (n.text)
-      if (r += n.text, n.begin !== void 0 && n.end !== void 0)
-        i.push({
-          startTimeMs: n.begin,
-          durationMs: n.end - n.begin,
-          words: n.text,
-          isBackground: s || void 0
+    else if (s.text)
+      if (r += s.text, s.begin !== void 0 && s.end !== void 0)
+        n.push({
+          startTimeMs: s.begin,
+          durationMs: s.end - s.begin,
+          words: s.text,
+          isBackground: i || void 0
         }), o = !0;
       else {
-        const c = i[i.length - 1];
-        i.push({
+        const c = n[n.length - 1];
+        n.push({
           startTimeMs: c ? c.startTimeMs + c.durationMs : e,
           durationMs: 0,
-          words: n.text,
-          isBackground: s || void 0
+          words: s.text,
+          isBackground: i || void 0
         });
       }
   }
-  return o ? { parts: i, text: r, isWordSynced: o } : { parts: [], text: r, isWordSynced: !1 };
+  return o ? { parts: n, text: r, isWordSynced: o } : { parts: [], text: r, isWordSynced: !1 };
 }
-function ct(t, e, a) {
+function ut(t, e, a) {
   if (t.length === 0) return t;
-  const r = [], i = (s, c) => ({
-    startTimeMs: s,
+  const r = [], n = (i, c) => ({
+    startTimeMs: i,
     durationMs: c,
     words: "",
     parts: [],
     isInstrumental: !0
   });
-  t[0].startTimeMs > a && r.push(i(0, t[0].startTimeMs));
-  for (let s = 0; s < t.length; s++)
-    if (r.push(t[s]), s < t.length - 1) {
-      const c = t[s].startTimeMs + t[s].durationMs, d = t[s + 1].startTimeMs - c;
-      d > a && r.push(i(c, d));
+  t[0].startTimeMs > a && r.push(n(0, t[0].startTimeMs));
+  for (let i = 0; i < t.length; i++)
+    if (r.push(t[i]), i < t.length - 1) {
+      const c = t[i].startTimeMs + t[i].durationMs, l = t[i + 1].startTimeMs - c;
+      l > a && r.push(n(c, l));
     }
-  const o = t[t.length - 1], n = o.startTimeMs + o.durationMs;
-  return e - n > a && r.push(i(n, e - n)), r;
+  const o = t[t.length - 1], s = o.startTimeMs + o.durationMs;
+  return e - s > a && r.push(n(s, e - s)), r;
 }
-function lt(t, e = {}) {
-  const a = t.replace(/\\"/g, '"'), r = new DOMParser().parseFromString(a, "text/xml"), i = r.querySelector("tt"), o = (i ? k(i, "lang") : null) ?? void 0, n = r.querySelector("body");
-  if (!n) return { lyrics: [], isWordSynced: !1, language: o };
-  const s = n.getAttribute("dur"), c = s ? F(s) : 0, d = n.querySelectorAll("p"), p = /* @__PURE__ */ new Map();
+function mt(t, e = {}) {
+  const a = t.replace(/\\"/g, '"'), r = new DOMParser().parseFromString(a, "text/xml"), n = r.querySelector("tt"), o = (n ? k(n, "lang") : null) ?? void 0, s = r.querySelector("body");
+  if (!s) return { lyrics: [], isWordSynced: !1, language: o };
+  const i = s.getAttribute("dur"), c = i ? q(i) : 0, l = s.querySelectorAll("p"), u = /* @__PURE__ */ new Map();
   let f = !1;
-  const m = /* @__PURE__ */ new Map(), h = [
+  const m = /* @__PURE__ */ new Map(), p = [
     ...r.querySelectorAll("agent"),
     ...r.getElementsByTagNameNS("http://www.w3.org/ns/ttml#metadata", "agent")
   ];
-  let x = 0;
-  for (const w of h) {
-    const u = k(w, "id"), _ = k(w, "type");
-    u && (m.has(u) || (_ === "person" || _ === "character" ? (x++, m.set(u, `v${x}`)) : m.set(u, "v1000")));
-  }
-  for (const w of d) {
-    const u = F(k(w, "begin") ?? void 0), _ = F(k(w, "end") ?? void 0), E = k(w, "key") ?? String(p.size), A = k(w, "agent") ?? void 0, y = A ? m.get(A) ?? A : void 0, S = Array.from(w.childNodes).filter((b) => b.nodeType === 1 || b.nodeType === 3).map(
-      (b) => b.nodeType === 1 ? G(b) : { text: b.textContent ?? "", children: [] }
-    ), l = $(S, u);
-    l.isWordSynced && (f = !0), p.set(E, {
+  let T = 0;
+  for (const A of p) {
+    const h = k(A, "id"), _ = k(A, "type");
+    h && (m.has(h) || (_ === "person" || _ === "character" ? (T++, m.set(h, `v${T}`)) : m.set(h, "v1000")));
+  }
+  for (const A of l) {
+    const h = q(k(A, "begin") ?? void 0), _ = q(k(A, "end") ?? void 0), L = k(A, "key") ?? String(u.size), x = k(A, "agent") ?? void 0, y = x ? m.get(x) ?? x : void 0, S = Array.from(A.childNodes).filter((g) => g.nodeType === 1 || g.nodeType === 3).map(
+      (g) => g.nodeType === 1 ? j(g) : { text: g.textContent ?? "", children: [] }
+    ), d = Y(S, h);
+    d.isWordSynced && (f = !0), u.set(L, {
       agent: y,
-      durationMs: _ - u,
-      parts: l.parts,
-      startTimeMs: u,
-      words: l.text,
-      key: E
+      durationMs: _ - h,
+      parts: d.parts,
+      startTimeMs: h,
+      words: d.text,
+      key: L
     });
   }
-  const g = r.querySelectorAll("translations");
-  for (const w of g) {
-    const u = w.getAttribute("lang");
-    if (!u) continue;
-    const _ = w.querySelectorAll("translation");
-    for (const E of _) {
-      const A = E.getAttribute("for"), y = E.querySelector("text"), S = y == null ? void 0 : y.textContent;
-      if (A && S) {
-        const l = p.get(A);
-        l && (l.translation = { text: S, lang: u });
+  const b = r.querySelectorAll("translations");
+  for (const A of b) {
+    const h = A.getAttribute("lang");
+    if (!h) continue;
+    const _ = A.querySelectorAll("translation");
+    for (const L of _) {
+      const x = L.getAttribute("for"), y = L.querySelector("text"), S = y == null ? void 0 : y.textContent;
+      if (x && S) {
+        const d = u.get(x);
+        d && (d.translation = { text: S, lang: h });
       }
     }
   }
   const v = r.querySelectorAll("transliterations");
-  for (const w of v) {
-    const u = w.querySelectorAll("transliteration");
-    for (const _ of u) {
-      const E = _.getAttribute("for");
-      if (!E) continue;
-      const A = p.get(E);
-      if (!A) continue;
+  for (const A of v) {
+    const h = A.querySelectorAll("transliteration");
+    for (const _ of h) {
+      const L = _.getAttribute("for");
+      if (!L) continue;
+      const x = u.get(L);
+      if (!x) continue;
       const y = _.querySelectorAll("text");
       let S = "";
-      const l = [];
-      for (const b of y) {
-        const N = Array.from(b.childNodes).filter((T) => T.nodeType === 1 || T.nodeType === 3).map(
-          (T) => T.nodeType === 1 ? G(T) : { text: T.textContent ?? "", children: [] }
-        ), M = $(N, A.startTimeMs);
-        S += M.text, l.push(...M.parts);
+      const d = [];
+      for (const g of y) {
+        const P = Array.from(g.childNodes).filter((w) => w.nodeType === 1 || w.nodeType === 3).map(
+          (w) => w.nodeType === 1 ? j(w) : { text: w.textContent ?? "", children: [] }
+        ), C = Y(P, x.startTimeMs);
+        S += C.text, d.push(...C.parts);
       }
-      A.romanization = S, l.length > 0 && (A.timedRomanization = l);
+      x.romanization = S, d.length > 0 && (x.timedRomanization = d);
     }
   }
-  let P = Array.from(p.values());
-  const L = e.instrumentalGapMs ?? 5e3;
-  return c > 0 && (P = ct(P, c, L)), { lyrics: P, isWordSynced: f, language: o };
+  let R = Array.from(u.values());
+  const M = e.instrumentalGapMs ?? 5e3;
+  return c > 0 && (R = ut(R, c, M)), { lyrics: R, isWordSynced: f, language: o };
 }
-const dt = {
+const ft = {
   detect(t) {
     return t.includes("<tt") && t.includes("</tt>");
   },
   parse(t, e = 0) {
-    return lt(t).lyrics;
+    return mt(t).lyrics;
   }
-}, ut = ["ti", "ar", "al", "au", "lr", "length", "by", "offset", "re", "tool", "ve", "#"];
-function K(t) {
+}, pt = ["ti", "ar", "al", "au", "lr", "length", "by", "offset", "re", "tool", "ve", "#"];
+function tt(t) {
   if (!t) return 0;
   if (typeof t == "number") return t;
   const e = t.split(":");
@@ -182,146 +182,146 @@ function K(t) {
     if (e.length === 1)
       a = Number.parseFloat(e[0]) * 1e3;
     else if (e.length === 2) {
-      const r = Number.parseInt(e[0], 10), i = Number.parseFloat(e[1]);
-      a = r * 60 * 1e3 + i * 1e3;
+      const r = Number.parseInt(e[0], 10), n = Number.parseFloat(e[1]);
+      a = r * 60 * 1e3 + n * 1e3;
     } else if (e.length === 3) {
-      const r = Number.parseInt(e[0], 10), i = Number.parseInt(e[1], 10), o = Number.parseFloat(e[2]);
-      a = r * 3600 * 1e3 + i * 60 * 1e3 + o * 1e3;
+      const r = Number.parseInt(e[0], 10), n = Number.parseInt(e[1], 10), o = Number.parseFloat(e[2]);
+      a = r * 3600 * 1e3 + n * 60 * 1e3 + o * 1e3;
     }
     return Math.round(a);
   } catch {
     return 0;
   }
 }
-function mt(t, e) {
+function ht(t, e) {
   var a;
   const r = t.split(`
-`), i = [], o = {};
-  for (const n of r) {
-    const s = n.trim(), c = s.match(/^\[(\w+):(.*)\]$/);
-    if (c && ut.includes(c[1])) {
+`), n = [], o = {};
+  for (const s of r) {
+    const i = s.trim(), c = i.match(/^\[(\w+):(.*)\]$/);
+    if (c && pt.includes(c[1])) {
       o[c[1]] = c[2];
       continue;
     }
-    const d = /\[(\d+:\d+\.\d+)\]/g, p = /<(\d+:\d+\.\d+)>/g, f = [];
-    for (const L of s.matchAll(d))
-      f.push(K(L[1]));
+    const l = /\[(\d+:\d+\.\d+)\]/g, u = /<(\d+:\d+\.\d+)>/g, f = [];
+    for (const M of i.matchAll(l))
+      f.push(tt(M[1]));
     if (f.length === 0) continue;
-    const m = s.replace(d, "").trim(), h = [];
-    let x = null, g = "";
-    m.split(p).forEach((L, w) => {
-      if (w % 2 === 0) {
-        let u = L;
-        u.length > 0 && u[0] === " " && (u = u.substring(1)), u.length > 0 && u[u.length - 1] === " " && (u = u.substring(0, u.length - 1)), g += u, h.length > 0 && h[h.length - 1].startTimeMs && (h[h.length - 1].words += u);
+    const m = i.replace(l, "").trim(), p = [];
+    let T = null, b = "";
+    m.split(u).forEach((M, A) => {
+      if (A % 2 === 0) {
+        let h = M;
+        h.length > 0 && h[0] === " " && (h = h.substring(1)), h.length > 0 && h[h.length - 1] === " " && (h = h.substring(0, h.length - 1)), b += h, p.length > 0 && p[p.length - 1].startTimeMs && (p[p.length - 1].words += h);
       } else {
-        const u = K(L);
-        x !== null && h.length > 0 && (h[h.length - 1].durationMs = u - x), h.push({ startTimeMs: u, words: "", durationMs: 0 }), x = u;
+        const h = tt(M);
+        T !== null && p.length > 0 && (p[p.length - 1].durationMs = h - T), p.push({ startTimeMs: h, words: "", durationMs: 0 }), T = h;
       }
     });
-    const v = Math.min(...f), P = Math.max(...f) - v;
-    i.push({
+    const v = Math.min(...f), R = Math.max(...f) - v;
+    n.push({
       startTimeMs: v,
-      words: g.trim(),
-      durationMs: P,
-      parts: h.length > 0 ? h : void 0
+      words: b.trim(),
+      durationMs: R,
+      parts: p.length > 0 ? p : void 0
     });
   }
-  for (let n = 0; n < i.length; n++) {
-    const s = i[n];
-    if (n + 1 < i.length) {
-      const c = i[n + 1];
-      if (s.durationMs === 0 && (s.durationMs = Math.max(c.startTimeMs - s.startTimeMs, 0)), s.parts && s.parts.length > 0) {
-        let d = c.startTimeMs;
-        for (const f of s.parts)
-          d = Math.max(d, f.startTimeMs);
-        const p = s.parts[s.parts.length - 1];
-        p.durationMs = Math.max(c.startTimeMs - p.startTimeMs, 0), s.durationMs = Math.max(d - s.startTimeMs, 0);
+  for (let s = 0; s < n.length; s++) {
+    const i = n[s];
+    if (s + 1 < n.length) {
+      const c = n[s + 1];
+      if (i.durationMs === 0 && (i.durationMs = Math.max(c.startTimeMs - i.startTimeMs, 0)), i.parts && i.parts.length > 0) {
+        let l = c.startTimeMs;
+        for (const f of i.parts)
+          l = Math.max(l, f.startTimeMs);
+        const u = i.parts[i.parts.length - 1];
+        u.durationMs = Math.max(c.startTimeMs - u.startTimeMs, 0), i.durationMs = Math.max(l - i.startTimeMs, 0);
       }
-    } else if (s.durationMs === 0 && (s.durationMs = e - s.startTimeMs), s.parts && s.parts.length > 0) {
-      const c = s.parts[s.parts.length - 1];
+    } else if (i.durationMs === 0 && (i.durationMs = e - i.startTimeMs), i.parts && i.parts.length > 0) {
+      const c = i.parts[i.parts.length - 1];
       c.durationMs = e - c.startTimeMs;
     }
   }
   if (o.offset) {
-    let n = Number(o.offset);
-    Number.isNaN(n) && (n = 0), n = n * 1e3;
-    for (const s of i)
-      s.startTimeMs -= n, (a = s.parts) == null || a.forEach((c) => {
-        c.startTimeMs -= n;
+    let s = Number(o.offset);
+    Number.isNaN(s) && (s = 0), s = s * 1e3;
+    for (const i of n)
+      i.startTimeMs -= s, (a = i.parts) == null || a.forEach((c) => {
+        c.startTimeMs -= s;
       });
   }
-  return i;
+  return n;
 }
-function ft(t) {
+function bt(t) {
   for (const r of t)
     if (r.parts)
-      for (let i = 1; i < r.parts.length; i++) {
-        const o = r.parts[i], n = r.parts[i - 1];
-        if (o.words === " " && n.words !== " ") {
-          const s = o.durationMs - n.durationMs;
-          if (Math.abs(s) <= 15 || o.durationMs <= 100) {
+      for (let n = 1; n < r.parts.length; n++) {
+        const o = r.parts[n], s = r.parts[n - 1];
+        if (o.words === " " && s.words !== " ") {
+          const i = o.durationMs - s.durationMs;
+          if (Math.abs(i) <= 15 || o.durationMs <= 100) {
             const c = o.durationMs;
-            n.durationMs += c, o.durationMs -= c, o.startTimeMs += c;
+            s.durationMs += c, o.durationMs -= c, o.startTimeMs += c;
           }
         }
       }
   let e = 0, a = 0;
   for (const r of t)
     if (!(!r.parts || r.parts.length === 0))
-      for (let i = 0; i < r.parts.length - 2; i++) {
-        const o = r.parts[i];
+      for (let n = 0; n < r.parts.length - 2; n++) {
+        const o = r.parts[n];
         o.words !== " " && (o.durationMs <= 100 && e++, a++);
       }
   if (a > 0 && e / a > 0.5)
     for (let r = 0; r < t.length; r++) {
-      const i = t[r];
-      if (!(!i.parts || i.parts.length === 0))
-        for (let o = 0; o < i.parts.length; o++) {
-          const n = i.parts[o];
-          if (n.words !== " " && n.durationMs <= 400) {
-            let s = null;
-            o + 1 < i.parts.length ? s = i.parts[o + 1] : r + 1 < t.length && t[r + 1].parts && t[r + 1].parts.length > 0 && (s = t[r + 1].parts[0]), s === null ? n.durationMs = 300 : s.words === " " ? (n.durationMs += s.durationMs, s.startTimeMs += s.durationMs, s.durationMs = 0) : n.durationMs = s.startTimeMs - n.startTimeMs;
+      const n = t[r];
+      if (!(!n.parts || n.parts.length === 0))
+        for (let o = 0; o < n.parts.length; o++) {
+          const s = n.parts[o];
+          if (s.words !== " " && s.durationMs <= 400) {
+            let i = null;
+            o + 1 < n.parts.length ? i = n.parts[o + 1] : r + 1 < t.length && t[r + 1].parts && t[r + 1].parts.length > 0 && (i = t[r + 1].parts[0]), i === null ? s.durationMs = 300 : i.words === " " ? (s.durationMs += i.durationMs, i.startTimeMs += i.durationMs, i.durationMs = 0) : s.durationMs = i.startTimeMs - s.startTimeMs;
           }
         }
     }
 }
-const pt = {
+const gt = {
   detect(t) {
     return /\[\d+:\d+\.\d+\]/.test(t);
   },
   parse(t, e = 0) {
-    const a = mt(t, e);
-    return ft(a), a;
+    const a = ht(t, e);
+    return bt(a), a;
   }
 };
-function Q(t) {
+function et(t) {
   const e = t.trim().match(/^(\d+):(\d+):(\d+)[,.](\d+)$/);
   if (!e) return 0;
-  const a = Number.parseInt(e[1], 10), r = Number.parseInt(e[2], 10), i = Number.parseInt(e[3], 10), o = Number.parseInt(e[4].padEnd(3, "0").slice(0, 3), 10);
-  return a * 36e5 + r * 6e4 + i * 1e3 + o;
+  const a = Number.parseInt(e[1], 10), r = Number.parseInt(e[2], 10), n = Number.parseInt(e[3], 10), o = Number.parseInt(e[4].padEnd(3, "0").slice(0, 3), 10);
+  return a * 36e5 + r * 6e4 + n * 1e3 + o;
 }
-const ht = {
+const yt = {
   detect(t) {
     return /\d+\r?\n\d{2}:\d{2}:\d{2}[,.]\d+ --> \d{2}:\d{2}:\d{2}[,.]\d+/.test(t);
   },
   parse(t, e = 0) {
     const a = t.trim().split(/\r?\n\r?\n/), r = [];
-    for (const i of a) {
-      const o = i.split(/\r?\n/);
+    for (const n of a) {
+      const o = n.split(/\r?\n/);
       if (o.length < 2) continue;
-      const n = o.find((h) => h.includes("-->"));
-      if (!n) continue;
-      const [s, c] = n.split("-->").map((h) => h.trim()), d = Q(s), p = Q(c), f = o.indexOf(n), m = o.slice(f + 1).join(`
+      const s = o.find((p) => p.includes("-->"));
+      if (!s) continue;
+      const [i, c] = s.split("-->").map((p) => p.trim()), l = et(i), u = et(c), f = o.indexOf(s), m = o.slice(f + 1).join(`
 `).replace(/<[^>]+>/g, "").trim();
       m && r.push({
-        startTimeMs: d,
+        startTimeMs: l,
         words: m,
-        durationMs: p - d
+        durationMs: u - l
       });
     }
     return r;
   }
-}, nt = {
+}, ct = {
   detect(t) {
     return !0;
   },
@@ -333,40 +333,40 @@ const ht = {
       durationMs: 0
     }));
   }
-}, bt = {
+}, St = {
   detect(t) {
     return /\[\d+,\d+\]/.test(t) && /\(\d+,\d+\)/.test(t);
   },
   parse(t, e = 0) {
     const a = t.split(`
 `), r = [];
-    for (const i of a) {
-      const o = i.trim().match(/^\[(\d+),(\d+)\](.*)$/);
+    for (const n of a) {
+      const o = n.trim().match(/^\[(\d+),(\d+)\](.*)$/);
       if (!o) continue;
-      const n = Number.parseInt(o[1], 10), s = Number.parseInt(o[2], 10), c = o[3], d = [];
-      let p = "";
+      const s = Number.parseInt(o[1], 10), i = Number.parseInt(o[2], 10), c = o[3], l = [];
+      let u = "";
       const f = /([^(]*)\((\d+),(\d+)\)/g;
       for (const m of c.matchAll(f)) {
-        const h = m[1], x = Number.parseInt(m[2], 10), g = Number.parseInt(m[3], 10);
-        p += h, d.push({ startTimeMs: x, words: h, durationMs: g });
+        const p = m[1], T = Number.parseInt(m[2], 10), b = Number.parseInt(m[3], 10);
+        u += p, l.push({ startTimeMs: T, words: p, durationMs: b });
       }
       r.push({
-        startTimeMs: n,
-        words: p,
-        durationMs: s,
-        parts: d.length > 0 ? d : void 0
+        startTimeMs: s,
+        words: u,
+        durationMs: i,
+        parts: l.length > 0 ? l : void 0
       });
     }
     return r;
   }
-}, gt = [dt, pt, ht, bt, nt];
-function yt(t) {
-  for (const e of gt)
+}, vt = [ft, gt, yt, St, ct];
+function wt(t) {
+  for (const e of vt)
     if (e.detect(t)) return e;
-  return nt;
+  return ct;
 }
-const St = 25e3;
-function vt() {
+const Tt = 25e3;
+function _t() {
   return {
     skipScrolls: 0,
     skipScrollsDecayTimes: [],
@@ -378,38 +378,38 @@ function vt() {
     queuedScroll: !1
   };
 }
-function Tt(t) {
+function Mt(t) {
   t.skipScrollsDecayTimes = [], t.doneFirstInstantScroll = !1, t.queuedScroll = !1;
 }
-function X(t) {
-  t.wasUserScrolling = !0, t.scrollResumeTime = Date.now() + St;
+function at(t) {
+  t.wasUserScrolling = !0, t.scrollResumeTime = Date.now() + Tt;
 }
-function tt(t) {
+function rt(t) {
   t.scrollResumeTime = 0;
 }
-function _t(t) {
+function At(t) {
   return t.scrollResumeTime > Date.now();
 }
-function wt(t, e) {
+function Ct(t, e) {
   let a = 0;
   for (; a < t.skipScrollsDecayTimes.length && !(t.skipScrollsDecayTimes[a] > e); a++)
     ;
   t.skipScrollsDecayTimes = t.skipScrollsDecayTimes.slice(a), t.skipScrolls -= a, t.skipScrolls < 1 && (t.skipScrolls = 1);
 }
-const U = "braccato--animating", j = "braccato--pre-animating", q = "braccato--paused", et = "braccato--active", Mt = "braccato--user-scrolling", xt = 0.5, Ct = 0.5, Et = 0.62, At = 0.37, Lt = 150, Y = /* @__PURE__ */ new Map();
-function kt(t) {
+const B = "braccato--animating", G = "braccato--pre-animating", U = "braccato--paused", nt = "braccato--active", Et = "braccato--user-scrolling", Lt = 0.5, xt = 0.5, Nt = 0.62, kt = 0.37, It = 150, H = /* @__PURE__ */ new Map();
+function Dt(t) {
   return t ? t.endsWith("ms") ? Number.parseFloat(t.slice(0, -2)) : t.endsWith("s") ? Number.parseFloat(t.slice(0, -1)) * 1e3 : 0 : 0;
 }
 function W(t, e) {
-  let a = Y.get(e);
-  return a === void 0 && (a = kt(getComputedStyle(t).getPropertyValue(e)), Y.set(e, a)), a;
+  let a = H.get(e);
+  return a === void 0 && (a = Dt(getComputedStyle(t).getPropertyValue(e)), H.set(e, a)), a;
 }
-function rt(t) {
+function it(t) {
   t.offsetHeight;
 }
-function Dt() {
+function Rt() {
   return {
-    scroll: vt(),
+    scroll: _t(),
     selectedElementIndex: 0,
     lastTime: 0,
     lastPlayState: !1,
@@ -417,149 +417,192 @@ function Dt() {
     lastActiveElements: []
   };
 }
-function It(t) {
-  Tt(t.scroll), t.lastActiveElements = [], Y.clear();
+function Pt(t) {
+  Mt(t.scroll), t.lastActiveElements = [], H.clear();
 }
-function Nt(t, e) {
+function zt(t, e) {
   const a = Date.now();
-  let { currentTime: r, isPlaying: i, smoothScroll: o } = e;
+  let { currentTime: r, isPlaying: n, smoothScroll: o } = e;
   const {
-    eventCreationTime: n,
-    lyricsData: s,
+    eventCreationTime: s,
+    lyricsData: i,
     scrollContainer: c,
-    scrollPosRatio: d = At,
-    endingThreshold: p = Ct,
-    earlyScrollConsider: f = Et,
-    queueScrollMs: m = Lt
+    scrollPosRatio: l = kt,
+    endingThreshold: u = xt,
+    earlyScrollConsider: f = Nt,
+    queueScrollMs: m = It
   } = e;
-  if (r === 0 && !i) return;
-  const h = Math.abs(r - t.lastTime - (n - t.lastEventCreationTime) / 1e3) > xt;
-  t.lastTime = r, t.lastPlayState = i, t.lastEventCreationTime = n;
-  const x = i ? a - n : 0;
-  r += x / 1e3;
-  const { lines: g, container: v, syncType: P } = s;
-  P === "richsync" ? r += W(v, "--braccato-richsync-timing-offset") / 1e3 : r += W(v, "--braccato-timing-offset") / 1e3;
-  const L = r + W(v, "--braccato-scroll-timing-offset") / 1e3, w = c.getBoundingClientRect().height;
-  let u = c.scrollTop;
-  const _ = [], E = [];
-  let A = h;
-  for (let S = 0; S < g.length; S++) {
-    const l = g[S], b = l.time, N = S + 1 < g.length ? g[S + 1].time : Number.POSITIVE_INFINITY;
-    L >= b - f && (L < N || L < b + l.duration) ? (_.push(l), !t.lastActiveElements.includes(l) && L >= b && (A = !0), t.selectedElementIndex = S, l.isScrolled || (l.element.classList.add(et), l.isScrolled = !0)) : l.isScrolled && (l.element.classList.remove(et), l.isScrolled = !1);
-    const M = i ? 2 : 0, T = Math.max(N, b + l.duration + 0.05);
-    if (r + M >= b && r < T) {
-      l.isSelected = !0;
-      const z = r - b, R = (a - l.animationStartTimeMs) / 1e3 - z;
-      if (l.accumulatedOffsetMs = l.accumulatedOffsetMs / 1.08, l.accumulatedOffsetMs += R * 1e3 * 0.4, l.isAnimating && Math.abs(l.accumulatedOffsetMs) > 100 && i && (l.isAnimating = !1), i !== l.isAnimationPlayStatePlaying) {
-        l.isAnimationPlayStatePlaying = i;
-        const Z = [l, ...l.parts];
-        if (i) {
-          for (const O of Z)
-            O.element.classList.remove(q);
-          l.isAnimating = !1;
+  if (r === 0 && !n) return;
+  const p = Math.abs(r - t.lastTime - (s - t.lastEventCreationTime) / 1e3) > Lt;
+  t.lastTime = r, t.lastPlayState = n, t.lastEventCreationTime = s;
+  const T = n ? a - s : 0;
+  r += T / 1e3;
+  const { lines: b, container: v, syncType: R } = i;
+  R === "richsync" ? r += W(v, "--braccato-richsync-timing-offset") / 1e3 : r += W(v, "--braccato-timing-offset") / 1e3;
+  const M = r + W(v, "--braccato-scroll-timing-offset") / 1e3, A = c.getBoundingClientRect().height;
+  let h = c.scrollTop;
+  const _ = [], L = [];
+  let x = p;
+  for (let S = 0; S < b.length; S++) {
+    const d = b[S], g = d.time, P = S + 1 < b.length ? b[S + 1].time : Number.POSITIVE_INFINITY;
+    M >= g - f && (M < P || M < g + d.duration) ? (_.push(d), !t.lastActiveElements.includes(d) && M >= g && (x = !0), t.selectedElementIndex = S, d.isScrolled || (d.element.classList.add(nt), d.isScrolled = !0)) : d.isScrolled && (d.element.classList.remove(nt), d.isScrolled = !1);
+    const C = n ? 2 : 0, w = Math.max(P, g + d.duration + 0.05);
+    if (r + C >= g && r < w) {
+      d.isSelected = !0;
+      const O = r - g, z = (a - d.animationStartTimeMs) / 1e3 - O;
+      if (d.accumulatedOffsetMs = d.accumulatedOffsetMs / 1.08, d.accumulatedOffsetMs += z * 1e3 * 0.4, d.isAnimating && Math.abs(d.accumulatedOffsetMs) > 100 && n && (d.isAnimating = !1), n !== d.isAnimationPlayStatePlaying) {
+        d.isAnimationPlayStatePlaying = n;
+        const K = [d, ...d.parts];
+        if (n) {
+          for (const F of K)
+            F.element.classList.remove(U);
+          d.isAnimating = !1;
         } else
-          for (const O of Z)
-            O.animationStartTimeMs > a ? (O.element.classList.remove(U), O.element.classList.remove(j)) : O.element.classList.add(q);
+          for (const F of K)
+            F.animationStartTimeMs > a ? (F.element.classList.remove(B), F.element.classList.remove(G)) : F.element.classList.add(U);
       }
-      l.isAnimating || E.push(l);
-    } else if (l.isSelected) {
-      const z = [l, ...l.parts];
-      for (const R of z)
-        R.element.style.setProperty("--braccato-swipe-delay", ""), R.element.style.setProperty("--braccato-anim-delay", ""), R.element.classList.remove(U), R.element.classList.remove(j), R.element.classList.remove(q), R.animationStartTimeMs = Number.POSITIVE_INFINITY;
-      l.isSelected = !1, l.isAnimating = !1;
+      d.isAnimating || L.push(d);
+    } else if (d.isSelected) {
+      const O = [d, ...d.parts];
+      for (const z of O)
+        z.element.style.setProperty("--braccato-swipe-delay", ""), z.element.style.setProperty("--braccato-anim-delay", ""), z.element.classList.remove(B), z.element.classList.remove(G), z.element.classList.remove(U), z.animationStartTimeMs = Number.POSITIVE_INFINITY;
+      d.isSelected = !1, d.isAnimating = !1;
     }
   }
-  if (E.length > 0) {
-    for (const S of E) {
-      const l = [S, ...S.parts];
-      for (const b of l) {
-        const N = r - b.time;
-        b.element.classList.remove(U), b.element.classList.remove(q), b.element.style.setProperty("--braccato-swipe-delay", `${-N - b.duration * 0.1}s`), b.element.style.setProperty("--braccato-anim-delay", `${-N}s`), b.element.classList.add(j);
+  if (L.length > 0) {
+    for (const S of L) {
+      const d = [S, ...S.parts];
+      for (const g of d) {
+        const P = r - g.time;
+        g.element.classList.remove(B), g.element.classList.remove(U), g.element.style.setProperty("--braccato-swipe-delay", `${-P - g.duration * 0.1}s`), g.element.style.setProperty("--braccato-anim-delay", `${-P}s`), g.element.classList.add(G);
       }
     }
-    rt(E[0].element);
-    for (const S of E) {
-      const l = [S, ...S.parts];
-      for (const b of l) {
-        const N = r - b.time;
-        b.element.classList.add(U), b.animationStartTimeMs = a - N * 1e3;
+    it(L[0].element);
+    for (const S of L) {
+      const d = [S, ...S.parts];
+      for (const g of d) {
+        const P = r - g.time;
+        g.element.classList.add(B), g.animationStartTimeMs = a - P * 1e3;
       }
       S.isAnimating = !0, S.lastAnimSetupAt = a, S.isAnimationPlayStatePlaying = !0, S.accumulatedOffsetMs = 0;
     }
   }
   const y = t.scroll;
   if (y.scrollResumeTime < a || y.scrollPos === -1) {
-    _.length === 0 && _.push(g[0]), t.lastActiveElements = _.filter((T) => L >= T.time);
-    const S = w * d, l = _[_.length - 1], b = _.filter((T, z) => L < T.time + T.duration - p || z === _.length - 1).map((T) => T.position + T.height / 2);
-    let M = b.reduce((T, z) => T + z, 0) / b.length - S;
-    if (M = Math.min(M, _[0].position), M = Math.max(M, l.position - w + l.height), M = Math.min(M, l.position), M = Math.max(0, M), u === 0 && !y.doneFirstInstantScroll && (o = !1, y.doneFirstInstantScroll = !0, y.nextScrollAllowedTime = 0), y.wasUserScrolling || A || y.queuedScroll)
+    _.length === 0 && _.push(b[0]), t.lastActiveElements = _.filter((w) => M >= w.time);
+    const S = A * l, d = _[_.length - 1], g = _.filter((w, O) => M < w.time + w.duration - u || O === _.length - 1).map((w) => w.position + w.height / 2);
+    let C = g.reduce((w, O) => w + O, 0) / g.length - S;
+    if (C = Math.min(C, _[0].position), C = Math.max(C, d.position - A + d.height), C = Math.min(C, d.position), C = Math.max(0, C), h === 0 && !y.doneFirstInstantScroll && (o = !1, y.doneFirstInstantScroll = !0, y.nextScrollAllowedTime = 0), y.wasUserScrolling || x || y.queuedScroll)
       if (a > y.nextScrollAllowedTime) {
-        if (y.queuedScroll = !1, o && Math.abs(u - M) > 2) {
+        if (y.queuedScroll = !1, o && Math.abs(h - C) > 2) {
           v.style.transitionTimingFunction = "", v.style.transitionProperty = "", v.style.transitionDuration = "";
-          const T = W(v, "transition-duration");
-          v.style.transition = "none", v.style.transform = `translate(0px, ${-(u - M)}px)`, rt(v), v.style.transition = "", v.style.transform = "translate(0px, 0px)", y.nextScrollAllowedTime = T + a + 20;
+          const w = W(v, "transition-duration");
+          v.style.transition = "none", v.style.transform = `translate(0px, ${-(h - C)}px)`, it(v), v.style.transition = "", v.style.transform = "translate(0px, 0px)", y.nextScrollAllowedTime = w + a + 20;
         }
-        u = M, y.scrollPos = u, c.scrollTop = u, y.skipScrolls += 1, y.skipScrollsDecayTimes.push(a + 2e3);
-      } else (y.nextScrollAllowedTime - a < m || h) && (y.queuedScroll = !0);
+        h = C, y.scrollPos = h, c.scrollTop = h, y.skipScrolls += 1, y.skipScrollsDecayTimes.push(a + 2e3);
+      } else (y.nextScrollAllowedTime - a < m || p) && (y.queuedScroll = !0);
   }
-  y.wasUserScrolling && y.scrollResumeTime < a && (v.classList.remove(Mt), y.wasUserScrolling = !1), wt(y, a);
+  y.wasUserScrolling && y.scrollResumeTime < a && (v.classList.remove(Et), y.wasUserScrolling = !1), Ct(y, a);
 }
-const Rt = /[\p{Script=Arabic}\p{Script=Hebrew}\p{Script=Syriac}\p{Script=Thaana}]/u;
-function Pt(t) {
-  return Rt.test(t);
+const N = "http://www.w3.org/2000/svg", Ot = "braccato--instrumental", Ft = "braccato--instrumental-icon", qt = "braccato--instrumental-bg", Bt = "braccato--instrumental-fill", Ut = "braccato--wave-clip", Wt = "braccato--wave-rect", $t = "braccato--wave-path", st = "M10 21q-1.65 0-2.825-1.175T6 17t1.175-2.825T10 13q.575 0 1.063.138t.937.412V4q0-.425.288-.712T13 3h4q.425 0 .713.288T18 4v2q0 .425-.288.713T17 7h-3v10q0 1.65-1.175 2.825T10 21";
+function Yt(t, e) {
+  const a = document.createElement("div");
+  a.classList.add(Ot), a.style.setProperty("--braccato-duration", `${t}ms`);
+  const r = document.createElementNS(N, "svg");
+  r.classList.add(Ft), r.setAttribute("viewBox", "0 0 24 24");
+  const n = document.createElementNS(N, "defs"), o = `braccato-glow-${e}`, s = `braccato-wave-clip-${e}`, i = document.createElementNS(N, "filter");
+  i.setAttribute("id", o), i.setAttribute("x", "-100%"), i.setAttribute("y", "-100%"), i.setAttribute("width", "300%"), i.setAttribute("height", "300%");
+  const c = document.createElementNS(N, "feGaussianBlur");
+  c.setAttribute("in", "SourceGraphic"), c.setAttribute("stdDeviation", "5"), c.setAttribute("result", "blur"), i.appendChild(c);
+  const l = document.createElementNS(N, "feColorMatrix");
+  l.setAttribute("in", "blur"), l.setAttribute("type", "matrix"), l.setAttribute("values", "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.6 0"), l.setAttribute("result", "fadedBlur"), i.appendChild(l);
+  const u = document.createElementNS(N, "feMerge"), f = document.createElementNS(N, "feMergeNode");
+  f.setAttribute("in", "fadedBlur"), u.appendChild(f);
+  const m = document.createElementNS(N, "feMergeNode");
+  m.setAttribute("in", "SourceGraphic"), u.appendChild(m), i.appendChild(u), n.appendChild(i);
+  const p = document.createElementNS(N, "clipPath");
+  p.setAttribute("id", s), p.classList.add(Ut);
+  const T = document.createElementNS(N, "path");
+  T.classList.add(Wt), T.setAttribute("d", "M -4 3.9 L 30 3.9 L 30 30 L -4 30 Z"), p.appendChild(T);
+  const b = document.createElementNS(N, "path");
+  b.classList.add($t), b.setAttribute("d", "M -4 3 Q 1 2 5 3 Q 10 4 14 3 Q 18 2 22 3 Q 26 4 30 3 L 30 4 L -4 4 Z"), p.appendChild(b), n.appendChild(p), r.appendChild(n);
+  const v = document.createElementNS(N, "path");
+  v.classList.add(qt), v.setAttribute("d", st), r.appendChild(v);
+  const R = document.createElementNS(N, "g");
+  R.setAttribute("filter", `url(#${o})`);
+  const M = document.createElementNS(N, "path");
+  return M.classList.add(Bt), M.setAttribute("clip-path", `url(#${s})`), M.setAttribute("d", st), R.appendChild(M), r.appendChild(R), a.appendChild(r), a;
 }
-const zt = "braccato--line", Ot = "braccato--word", Ft = "braccato--break", B = "braccato-background-lyric", at = "braccato-rtl", Ut = "braccato-zero-dur-animate", qt = "braccato--romanized", Wt = "braccato--translated";
-function H(t, e) {
+const Gt = /[\p{Script=Arabic}\p{Script=Hebrew}\p{Script=Syriac}\p{Script=Thaana}]/u;
+function V(t) {
+  return Gt.test(t);
+}
+const Qt = "braccato--line", jt = "braccato--word", Ht = "braccato--break", $ = "braccato-background-lyric", Z = "braccato-rtl", Vt = "braccato-zero-dur-animate", Zt = "braccato--romanized", Jt = "braccato--translated";
+function Kt(t, e) {
+  for (let a = e - 1; a >= 0; a--)
+    if (!t[a].isInstrumental && t[a].agent) return t[a].agent;
+  for (let a = e + 1; a < t.length; a++)
+    if (!t[a].isInstrumental && t[a].agent) return t[a].agent;
+}
+function Xt(t, e) {
+  var a, r;
+  for (let n = e - 1; n >= 0; n--)
+    if (!t[n].isInstrumental && ((a = t[n].words) != null && a.trim())) return V(t[n].words);
+  for (let n = e + 1; n < t.length; n++)
+    if (!t[n].isInstrumental && ((r = t[n].words) != null && r.trim())) return V(t[n].words);
+  return !1;
+}
+function Q(t, e) {
   const a = document.createElement("span");
-  a.classList.add(Ft), a.style.order = String(e), t.appendChild(a);
+  a.classList.add(Ht), a.style.order = String(e), t.appendChild(a);
 }
-function Bt(t, e) {
+function te(t, e) {
   const a = /([\s\u200B\u00AD\p{Dash_Punctuation}])/gu;
-  let r = [], i = !1;
+  let r = [], n = !1;
   const o = () => {
     if (r.length > 0) {
-      const n = document.createElement("span");
-      for (const s of r) n.appendChild(s);
-      i && n.classList.add(B), t.appendChild(n), r = [];
+      const s = document.createElement("span");
+      for (const i of r) s.appendChild(i);
+      n && s.classList.add($), t.appendChild(s), r = [];
     }
   };
-  for (const n of e) {
-    const s = i !== n.classList.contains(B), c = !(n.textContent.length === 1 && n.textContent[0] === " ");
-    s || r.push(n), (n.textContent.length > 0 && a.test(n.textContent[n.textContent.length - 1]) || s) && o(), s && c && (r.push(n), i = n.classList.contains(B));
+  for (const s of e) {
+    const i = n !== s.classList.contains($), c = !(s.textContent.length === 1 && s.textContent[0] === " ");
+    i || r.push(s), (s.textContent.length > 0 && a.test(s.textContent[s.textContent.length - 1]) || i) && o(), i && c && (r.push(s), n = s.classList.contains($));
   }
   o();
 }
-function it(t, e, a, r) {
-  let i = [], o = !0;
-  const n = [];
-  for (const s of t) {
-    const c = Pt(s.words);
-    !c && s.words.trim().length > 0 && (o = !1, i.reverse().forEach((f) => n.push(f)), i = []);
-    const d = document.createElement("span");
-    d.classList.add(Ot), s.durationMs === 0 && d.classList.add(Ut), c && d.classList.add(at);
-    const p = {
-      time: s.startTimeMs / 1e3,
-      duration: s.durationMs / 1e3,
-      element: d,
+function ot(t, e, a, r) {
+  let n = [], o = !0;
+  const s = [];
+  for (const i of t) {
+    const c = V(i.words);
+    !c && i.words.trim().length > 0 && (o = !1, n.reverse().forEach((f) => s.push(f)), n = []);
+    const l = document.createElement("span");
+    l.classList.add(jt), i.durationMs === 0 && l.classList.add(Vt), c && l.classList.add(Z);
+    const u = {
+      time: i.startTimeMs / 1e3,
+      duration: i.durationMs / 1e3,
+      element: l,
       animationStartTimeMs: Number.POSITIVE_INFINITY
     };
-    d.textContent = s.words, d.dataset.time = String(p.time), d.dataset.duration = String(p.duration), d.dataset.content = s.words, d.style.setProperty("--braccato-duration", `${s.durationMs}ms`), s.durationMs > r && (d.dataset.longWord = "true"), s.isBackground && d.classList.add(B), s.words.trim().length === 0 && (d.style.display = "inline"), s.words.trim().length !== 0 && e.parts.push(p), c ? i.push(d) : n.push(d);
+    l.textContent = i.words, l.dataset.time = String(u.time), l.dataset.duration = String(u.duration), l.dataset.content = i.words, l.style.setProperty("--braccato-duration", `${i.durationMs}ms`), i.durationMs > r && (l.dataset.longWord = "true"), i.isBackground && l.classList.add($), i.words.trim().length === 0 && (l.style.display = "inline"), i.words.trim().length !== 0 && e.parts.push(u), c ? n.push(l) : s.push(l);
   }
-  if (o && i.length > 0) {
-    a.classList.add(at);
-    for (const s of i) n.push(s);
-  } else i.length > 0 && i.reverse().forEach((s) => n.push(s));
-  Bt(a, n);
+  if (o && n.length > 0) {
+    a.classList.add(Z);
+    for (const i of n) s.push(i);
+  } else n.length > 0 && n.reverse().forEach((i) => s.push(i));
+  te(a, s);
 }
-function $t(t, e, a = {}) {
-  const { longWordThreshold: r = 1500, lineSyncedAnimationDelay: i = 50, disableRichsync: o = !1 } = a;
+function ee(t, e, a = {}) {
+  const { longWordThreshold: r = 1500, lineSyncedAnimationDelay: n = 50, disableRichsync: o = !1 } = a;
   e.replaceChildren();
-  let s = t.every((p) => p.startTimeMs === 0) ? "none" : "synced";
+  let i = t.every((u) => u.startTimeMs === 0) ? "none" : "synced";
   const c = [];
-  for (let p = 0; p < t.length; p++) {
-    const f = t[p], m = document.createElement("div");
-    m.classList.add(zt);
-    const h = {
+  for (let u = 0; u < t.length; u++) {
+    const f = t[u], m = f.isInstrumental ? Yt(f.durationMs, u) : document.createElement("div");
+    m.classList.add(Qt);
+    const p = {
       element: m,
       time: f.startTimeMs / 1e3,
       duration: f.durationMs / 1e3,
@@ -575,45 +618,47 @@ function $t(t, e, a = {}) {
       position: -1
     };
     if (f.isInstrumental) {
-      m.dataset.instrumental = "true", m.dataset.time = String(h.time), m.dataset.duration = String(h.duration), m.dataset.lineNumber = String(p), c.push(h), e.appendChild(m);
+      m.dataset.instrumental = "true", m.dataset.time = String(p.time), m.dataset.duration = String(p.duration), m.dataset.lineNumber = String(u);
+      const b = Kt(t, u);
+      b && (m.dataset.agent = b), Xt(t, u) && m.classList.add(Z), c.push(p), e.appendChild(m);
       continue;
     }
-    let x = f.parts ?? [];
-    if ((x.length === 0 || o) && (x = f.words.split(" ").map((g, v) => ({
-      startTimeMs: f.startTimeMs + v * i,
-      words: g.trim().length < 1 ? g : `${g} `,
+    let T = f.parts ?? [];
+    if ((T.length === 0 || o) && (T = f.words.split(" ").map((b, v) => ({
+      startTimeMs: f.startTimeMs + v * n,
+      words: b.trim().length < 1 ? b : `${b} `,
       durationMs: 0
-    }))), x.every((g) => g.durationMs === 0) || (s = "richsync"), it(x, h, m, r), H(m, 1), m.dataset.time = String(h.time), m.dataset.duration = String(h.duration), m.dataset.lineNumber = String(p), m.style.setProperty("--braccato-duration", `${f.durationMs}ms`), f.agent && (m.dataset.agent = f.agent), f.romanization) {
-      H(m, 4);
-      const g = document.createElement("div");
-      g.classList.add(qt), g.style.order = "5", f.timedRomanization && f.timedRomanization.length > 0 && !o ? it(f.timedRomanization, h, g, r) : g.textContent = `
-${f.romanization}`, m.appendChild(g);
+    }))), T.every((b) => b.durationMs === 0) || (i = "richsync"), ot(T, p, m, r), Q(m, 1), m.dataset.time = String(p.time), m.dataset.duration = String(p.duration), m.dataset.lineNumber = String(u), m.style.setProperty("--braccato-duration", `${f.durationMs}ms`), f.agent && (m.dataset.agent = f.agent), f.romanization) {
+      Q(m, 4);
+      const b = document.createElement("div");
+      b.classList.add(Zt), b.style.order = "5", f.timedRomanization && f.timedRomanization.length > 0 && !o ? ot(f.timedRomanization, p, b, r) : b.textContent = `
+${f.romanization}`, m.appendChild(b);
     }
     if (f.translation) {
-      H(m, 6);
-      const g = document.createElement("div");
-      g.classList.add(Wt), g.style.order = "7", g.textContent = `
-${f.translation.text}`, m.appendChild(g);
+      Q(m, 6);
+      const b = document.createElement("div");
+      b.classList.add(Jt), b.style.order = "7", b.textContent = `
+${f.translation.text}`, m.appendChild(b);
     }
-    c.push(h), e.appendChild(m);
+    c.push(p), e.appendChild(m);
   }
-  e.dataset.sync = s;
-  const d = document.createElement("div");
-  return d.className = "braccato--spacer", d.style.height = "100px", e.appendChild(d), {
+  e.dataset.sync = i;
+  const l = document.createElement("div");
+  return l.className = "braccato--spacer", l.style.height = "100px", e.appendChild(l), {
     lines: c,
-    syncType: s,
+    syncType: i,
     width: e.clientWidth,
     height: e.clientHeight,
     container: e
   };
 }
-const jt = ":host{display:block;overflow-y:auto;position:relative;container-type:size;scrollbar-width:none}:host::-webkit-scrollbar{display:none}:host(:has(.braccato--user-scrolling)){scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar{display:block;width:6px}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar-track{background:transparent}.braccato-container{font-family:var(--braccato-font-family);font-size:var(--braccato-font-size);font-weight:var(--braccato-font-weight);isolation:isolate;line-height:var(--braccato-line-height);position:relative;z-index:1;transition:transform var(--braccato-scroll-duration) var(--braccato-scroll-timing-function) 0s;padding-top:2rem;padding-bottom:var(--braccato-padding-bottom)}.braccato-container>div{cursor:pointer;padding:var(--braccato-padding) 0;transform-origin:left center;word-break:break-word;transition:filter calc(var(--braccato-duration) / 3) .4s,opacity calc(var(--braccato-duration) / 2) .166s,transform .166s var(--braccato-anim-delay, 0s)}.braccato-container:has(.braccato--active):not(.braccato--user-scrolling)>div:not(.braccato--active):not(.braccato--active~div){opacity:.33;filter:blur(2.5px)}.braccato-container>div.braccato--active{opacity:1;filter:blur(0px)}.braccato-container>div.braccato--active~div{opacity:.66;filter:blur(0px)}.braccato-container>.braccato--animating{opacity:1!important;filter:blur(0px)!important}.braccato-container>div:hover{opacity:1!important;filter:blur(0px)!important;transform:scale(var(--braccato-hover-scale, 1.01));transition:all .3s ease}.braccato--active{cursor:default}:not(.braccato-background-lyric){order:0}.braccato-background-lyric{order:2}.braccato--line>span>span.braccato-background-lyric{font-size:.675em;font-weight:400}.braccato--line{transform:scale(var(--braccato-scale));transition-property:transform;transition-duration:var(--braccato-scale-transition-duration);transition-timing-function:ease;display:flex;flex-flow:row wrap;align-items:start;align-content:flex-start;padding-left:.25em;padding-right:.25em;box-sizing:border-box}.braccato--line.braccato--animating{transform:scale(var(--braccato-active-scale));transition-delay:var(--braccato-anim-delay)}.braccato--line>span{color:var(--braccato-inactive-color);display:inline-block;white-space:pre-wrap}.braccato--word{white-space:pre;display:inline-block;transform:translateY(0);position:relative}.braccato--line.braccato--pre-animating,.braccato--line.braccato--pre-animating .braccato--word{will-change:transform}.braccato--break{flex-basis:100%;height:0}.braccato--word.braccato--animating{animation:braccato-wobble var(--braccato-wobble-duration) forwards ease;animation-delay:var(--braccato-anim-delay);animation-play-state:running}.braccato--word.braccato--animating.braccato--paused{animation-play-state:paused}.braccato--word:after{position:absolute;content:attr(data-content);top:-2rem;left:-2rem;white-space:pre-wrap;padding:2rem;pointer-events:none;color:transparent;box-sizing:content-box;width:100%;background-image:linear-gradient(90deg,var(--braccato-active-color) calc(100% * var(--lyric-transition-amount-start) - 4rem * var(--lyric-transition-amount-start) + 2rem),#00000000 calc(100% * var(--lyric-transition-amount-end) - 4rem * var(--lyric-transition-amount-end) + 2rem + 1px));opacity:0;--lyric-transition-amount-start: -.2;--lyric-transition-amount-end: -.1;--braccato-glow-color: color(display-p3 1 1 1 / .0001);transition:--lyric-transition-amount-start 1s linear 1000s,--lyric-transition-amount-end 1s linear 1000s,opacity .5s ease;-webkit-background-clip:text;background-clip:text}.braccato--word[data-long-word]:after{--braccato-glow-color: color(display-p3 1 1 1 / 1)}.braccato--word.braccato--pre-animating:not(.braccato--animating):after{transition:none;--lyric-transition-amount-start: -.2;--lyric-transition-amount-end: -.1;opacity:0}.braccato--word.braccato--pre-animating:not(.braccato--animating):not(.braccato-zero-dur-animate):after{opacity:1}.braccato--word.braccato--animating:after{opacity:1;animation:braccato-glow max(calc(var(--braccato-duration) * 1.2),1.2s) forwards ease;animation-delay:var(--braccato-anim-delay);animation-play-state:running;--lyric-transition-amount-start: 1.4;--lyric-transition-amount-end: 1.5;transition-property:--lyric-transition-amount-start,--lyric-transition-amount-end,opacity;transition-duration:calc(var(--braccato-duration) * 1.6),calc(var(--braccato-duration) * 1.6),var(--braccato-highlight-fade-in-duration);transition-timing-function:linear,linear,ease;transition-delay:var(--braccato-swipe-delay),var(--braccato-swipe-delay),var(--braccato-anim-delay)}.braccato--word.braccato--animating.braccato--paused:after{transition-duration:100000000s,100000000s,100000000s;--lyric-transition-amount-start: 10;--lyric-transition-amount-end: 10;opacity:.5;animation-play-state:paused}.braccato--translated,.braccato--romanized{display:block;font-size:var(--braccato-translated-font-size);font-weight:var(--braccato-translated-font-weight);font-family:var(--braccato-translated-font-family);color:var(--braccato-translated-color);white-space:normal;line-height:1.1;margin-top:8px}.braccato--romanized>span{color:var(--braccato-inactive-color);display:inline-block;white-space:pre-wrap}.braccato--romanized{width:fit-content;font-size:calc(var(--braccato-translated-font-size) / 1.25);background:#ffffff0d;padding:.375rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem}.braccato-rtl{direction:rtl}.braccato-rtl.braccato--word:after{background-image:linear-gradient(270deg,var(--braccato-active-color) calc(100% * var(--lyric-transition-amount-start) - 4rem * var(--lyric-transition-amount-start) + 2rem),#00000000 calc(100% * var(--lyric-transition-amount-end) - 4rem * var(--lyric-transition-amount-end) + 2rem + 1px))}.braccato--line[data-agent=v2],.braccato--line[data-agent=v3]{justify-content:flex-end;text-align:right;transform-origin:right center!important}.braccato--line[data-agent=v1000]{justify-content:center;text-align:center;transform-origin:center center!important}.braccato--spacer{padding:0;margin:0}.braccato-autoscroll-btn{font-family:var(--braccato-font-family);position:absolute;display:block;font-size:1.75rem;font-weight:600;white-space:normal;line-height:1.1;width:fit-content;background:#ffffff0d;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;left:50%;transform:translate(-50%,2em);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;transition:opacity .15s linear .05s,transform .2s cubic-bezier(.5,1,.89,1)}.braccato-autoscroll-btn[hidden]{transition:opacity .1s linear,transform .15s ease-in;opacity:0;pointer-events:none;transform:translate(-50%,-3em)}@keyframes braccato-wobble{0%{transform:translateY(0)}to{transform:translateY(-.0375em)}}@keyframes braccato-glow{0%{filter:drop-shadow(0 0 .8rem var(--braccato-glow-color))}to{filter:drop-shadow(0 0 0rem var(--braccato-glow-color))}}", Ht = ':host{--braccato-text-color: color(display-p3 1 1 1 / 1);--braccato-glow-color: color(display-p3 1 1 1 / .5);--braccato-active-color: var(--braccato-text-color);--braccato-inactive-color: color( from var(--braccato-text-color) display-p3 r g b / var(--braccato-inactive-opacity, .3) );--braccato-active-opacity: 1;--braccato-inactive-opacity: .3;--braccato-richsync-timing-offset: .15s;--braccato-timing-offset: .115s;--braccato-scroll-timing-offset: .5s;--braccato-font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--braccato-font-size: 3rem;--braccato-font-weight: 600;--braccato-line-height: 1.333;--braccato-translated-font-size: 2rem;--braccato-translated-font-weight: 600;--braccato-translated-font-family: var(--braccato-font-family);--braccato-translated-color: color(display-p3 1 1 1 / var(--braccato-translated-opacity, .6));--braccato-scale-transition-duration: .166s;--braccato-highlight-fade-in-duration: .33s;--braccato-highlight-fade-out-duration: .5s;--braccato-wobble-duration: 1s;--braccato-padding: 1.25rem;--braccato-padding-bottom: 50cqh;--braccato-scale: .95;--braccato-active-scale: 1;--braccato-scroll-duration: .75s;--braccato-scroll-timing-function: cubic-bezier(.86, 0, .07, 1)}';
-var Gt = Object.defineProperty, I = (t, e, a, r) => {
-  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (i = n(e, a, i) || i);
-  return i && Gt(e, a, i), i;
+const ae = ':host{display:block;overflow-y:auto;position:relative;container-type:size;scrollbar-width:none}:host::-webkit-scrollbar{display:none}:host(:has(.braccato--user-scrolling)){scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar{display:block;width:6px}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}:host(:has(.braccato--user-scrolling))::-webkit-scrollbar-track{background:transparent}.braccato-container{font-family:var(--braccato-font-family);font-size:var(--braccato-font-size);font-weight:var(--braccato-font-weight);isolation:isolate;line-height:var(--braccato-line-height);position:relative;z-index:1;transition:transform var(--braccato-scroll-duration) var(--braccato-scroll-timing-function) 0s;padding-top:2rem;padding-bottom:var(--braccato-padding-bottom)}.braccato-container>div{cursor:pointer;padding:var(--braccato-padding) 0;transform-origin:left center;word-break:break-word;transition:filter calc(var(--braccato-duration) / 3) .4s,opacity calc(var(--braccato-duration) / 2) .166s,transform .166s var(--braccato-anim-delay, 0s)}.braccato-container:has(.braccato--active):not(.braccato--user-scrolling)>div:not(.braccato--active):not(.braccato--active~div){opacity:.33;filter:blur(2.5px)}.braccato-container>div.braccato--active{opacity:1;filter:blur(0px)}.braccato-container>div.braccato--active~div{opacity:.66;filter:blur(0px)}.braccato-container>.braccato--animating{opacity:1!important;filter:blur(0px)!important}.braccato-container>div:hover{opacity:1!important;filter:blur(0px)!important;transform:scale(var(--braccato-hover-scale, 1.01));transition:all .3s ease}.braccato--active{cursor:default}:not(.braccato-background-lyric){order:0}.braccato-background-lyric{order:2}.braccato--line>span>span.braccato-background-lyric{font-size:.675em;font-weight:400}.braccato--line{transform:scale(var(--braccato-scale));transition-property:transform;transition-duration:var(--braccato-scale-transition-duration);transition-timing-function:ease;display:flex;flex-flow:row wrap;align-items:start;align-content:flex-start;padding-left:.25em;padding-right:.25em;box-sizing:border-box}.braccato--line.braccato--animating{transform:scale(var(--braccato-active-scale));transition-delay:var(--braccato-anim-delay)}.braccato--line>span{color:var(--braccato-inactive-color);display:inline-block;white-space:pre-wrap}.braccato--word{white-space:pre;display:inline-block;transform:translateY(0);position:relative}.braccato--line.braccato--pre-animating,.braccato--line.braccato--pre-animating .braccato--word{will-change:transform}.braccato--break{flex-basis:100%;height:0}.braccato--word.braccato--animating{animation:braccato-wobble var(--braccato-wobble-duration) forwards ease;animation-delay:var(--braccato-anim-delay);animation-play-state:running}.braccato--word.braccato--animating.braccato--paused{animation-play-state:paused}.braccato--word:after{position:absolute;content:attr(data-content);top:-2rem;left:-2rem;white-space:pre-wrap;padding:2rem;pointer-events:none;color:transparent;box-sizing:content-box;width:100%;background-image:linear-gradient(90deg,var(--braccato-active-color) calc(100% * var(--lyric-transition-amount-start) - 4rem * var(--lyric-transition-amount-start) + 2rem),#00000000 calc(100% * var(--lyric-transition-amount-end) - 4rem * var(--lyric-transition-amount-end) + 2rem + 1px));opacity:0;--lyric-transition-amount-start: -.2;--lyric-transition-amount-end: -.1;--braccato-glow-color: color(display-p3 1 1 1 / .0001);transition:--lyric-transition-amount-start 1s linear 1000s,--lyric-transition-amount-end 1s linear 1000s,opacity .5s ease;-webkit-background-clip:text;background-clip:text}.braccato--word[data-long-word]:after{--braccato-glow-color: color(display-p3 1 1 1 / 1)}.braccato--word.braccato--pre-animating:not(.braccato--animating):after{transition:none;--lyric-transition-amount-start: -.2;--lyric-transition-amount-end: -.1;opacity:0}.braccato--word.braccato--pre-animating:not(.braccato--animating):not(.braccato-zero-dur-animate):after{opacity:1}.braccato--word.braccato--animating:after{opacity:1;animation:braccato-glow max(calc(var(--braccato-duration) * 1.2),1.2s) forwards ease;animation-delay:var(--braccato-anim-delay);animation-play-state:running;--lyric-transition-amount-start: 1.4;--lyric-transition-amount-end: 1.5;transition-property:--lyric-transition-amount-start,--lyric-transition-amount-end,opacity;transition-duration:calc(var(--braccato-duration) * 1.6),calc(var(--braccato-duration) * 1.6),var(--braccato-highlight-fade-in-duration);transition-timing-function:linear,linear,ease;transition-delay:var(--braccato-swipe-delay),var(--braccato-swipe-delay),var(--braccato-anim-delay)}.braccato--word.braccato--animating.braccato--paused:after{transition-duration:100000000s,100000000s,100000000s;--lyric-transition-amount-start: 10;--lyric-transition-amount-end: 10;opacity:.5;animation-play-state:paused}.braccato--translated,.braccato--romanized{display:block;font-size:var(--braccato-translated-font-size);font-weight:var(--braccato-translated-font-weight);font-family:var(--braccato-translated-font-family);color:var(--braccato-translated-color);white-space:normal;line-height:1.1;margin-top:8px}.braccato--romanized>span{color:var(--braccato-inactive-color);display:inline-block;white-space:pre-wrap}.braccato--romanized{width:fit-content;font-size:calc(var(--braccato-translated-font-size) / 1.25);background:#ffffff0d;padding:.375rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem}.braccato-rtl{direction:rtl}.braccato-rtl.braccato--word:after{background-image:linear-gradient(270deg,var(--braccato-active-color) calc(100% * var(--lyric-transition-amount-start) - 4rem * var(--lyric-transition-amount-start) + 2rem),#00000000 calc(100% * var(--lyric-transition-amount-end) - 4rem * var(--lyric-transition-amount-end) + 2rem + 1px))}.braccato--line[data-agent=v2],.braccato--line[data-agent=v3]{justify-content:flex-end;text-align:right;transform-origin:right center!important}.braccato--line[data-agent=v1000]{justify-content:center;text-align:center;transform-origin:center center!important}.braccato--instrumental-icon{height:var(--braccato-font-size);width:calc(var(--braccato-font-size) + var(--braccato-font-size) / 3);overflow:visible;margin-left:calc(var(--braccato-font-size) / -3)}.braccato-rtl.braccato--instrumental .braccato--instrumental-icon,.braccato--instrumental[data-agent=v2] .braccato--instrumental-icon,.braccato--instrumental[data-agent=v3] .braccato--instrumental-icon{margin-left:0;margin-right:calc(var(--braccato-font-size) / -3)}.braccato--instrumental[data-agent=v1000] .braccato--instrumental-icon{margin-left:0;margin-right:0}.braccato--instrumental-bg{fill:var(--braccato-inactive-color)}.braccato--instrumental-fill{fill:var(--braccato-active-color);transition:opacity var(--braccato-highlight-fade-out-duration, .5s) ease;opacity:0}.braccato--instrumental.braccato--animating .braccato--instrumental-fill{transition:none;opacity:1}.braccato--instrumental:not(.braccato--pre-animating) .braccato--wave-clip{transition-property:transform;transition-duration:1000000s;transition-delay:0s;transform:translateY(0)}.braccato--instrumental.braccato--pre-animating:not(.braccato--animating) .braccato--wave-clip{animation:none;transform:translateY(78%)}.braccato--instrumental.braccato--animating .braccato--wave-clip{transition-property:transform;transition-duration:calc(var(--braccato-duration, 1ms) * 1);transition-timing-function:linear;transition-delay:var(--braccato-anim-delay);transform:translateY(-4%)}.braccato--paused .braccato--wave-clip{transition-duration:100000000s!important;transform:translateY(100%)!important}.braccato--wave-path{transform-box:fill-box;transform-origin:bottom;animation:braccato-wave 1.25s ease-in-out infinite;animation-play-state:paused;transform:scaleY(1.2)}.braccato--instrumental.braccato--animating:not(.braccato--paused) .braccato--wave-path{animation-play-state:running;transform:scaleY(0);transition-property:transform;transition-duration:calc(var(--braccato-duration, 1ms) * 1);transition-timing-function:ease-in;transition-delay:var(--braccato-anim-delay)}.braccato--instrumental.braccato--animating.braccato--paused .braccato--wave-path{transform:scaleY(.0001);transition-duration:10000000000s;transition-property:transform;transition-timing-function:ease-out;transition-delay:0s}@keyframes braccato-wave{0%,to{d:path("M -4 3 Q 1 2 5 3 Q 10 4 14 3 Q 18 2 22 3 Q 26 4 30 3 L 30 4 L -4 4 Z")}50%{d:path("M -4 3 Q 1 4 5 3 Q 10 2 14 3 Q 18 4 22 3 Q 26 2 30 3 L 30 4 L -4 4 Z")}}.braccato--spacer{padding:0;margin:0}.braccato-autoscroll-btn{font-family:var(--braccato-font-family);position:absolute;display:block;font-size:1.75rem;font-weight:600;white-space:normal;line-height:1.1;width:fit-content;background:#ffffff0d;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;left:50%;transform:translate(-50%,2em);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;transition:opacity .15s linear .05s,transform .2s cubic-bezier(.5,1,.89,1)}.braccato-autoscroll-btn[hidden]{transition:opacity .1s linear,transform .15s ease-in;opacity:0;pointer-events:none;transform:translate(-50%,-3em)}@keyframes braccato-wobble{0%{transform:translateY(0)}to{transform:translateY(-.0375em)}}@keyframes braccato-glow{0%{filter:drop-shadow(0 0 .8rem var(--braccato-glow-color))}to{filter:drop-shadow(0 0 0rem var(--braccato-glow-color))}}', re = ':host{--braccato-text-color: color(display-p3 1 1 1 / 1);--braccato-glow-color: color(display-p3 1 1 1 / .5);--braccato-active-color: var(--braccato-text-color);--braccato-inactive-color: color( from var(--braccato-text-color) display-p3 r g b / var(--braccato-inactive-opacity, .3) );--braccato-active-opacity: 1;--braccato-inactive-opacity: .3;--braccato-richsync-timing-offset: .15s;--braccato-timing-offset: .115s;--braccato-scroll-timing-offset: .5s;--braccato-font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--braccato-font-size: 3rem;--braccato-font-weight: 600;--braccato-line-height: 1.333;--braccato-translated-font-size: 2rem;--braccato-translated-font-weight: 600;--braccato-translated-font-family: var(--braccato-font-family);--braccato-translated-color: color(display-p3 1 1 1 / var(--braccato-translated-opacity, .6));--braccato-scale-transition-duration: .166s;--braccato-highlight-fade-in-duration: .33s;--braccato-highlight-fade-out-duration: .5s;--braccato-wobble-duration: 1s;--braccato-padding: 1.25rem;--braccato-padding-bottom: 50cqh;--braccato-scale: .95;--braccato-active-scale: 1;--braccato-scroll-duration: .75s;--braccato-scroll-timing-function: cubic-bezier(.86, 0, .07, 1)}';
+var ne = Object.defineProperty, D = (t, e, a, r) => {
+  for (var n = void 0, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (n = s(e, a, n) || n);
+  return n && ne(e, a, n), n;
 };
-function Yt() {
+function ie() {
   if (!(typeof CSS > "u" || !CSS.registerProperty))
     try {
       CSS.registerProperty({
@@ -630,16 +675,16 @@ function Yt() {
     } catch {
     }
 }
-Yt();
-const V = class V extends st {
+ie();
+const J = class J extends lt {
   constructor() {
-    super(...arguments), this.lyrics = [], this.currentTime = 0, this.playing = !1, this.scrollMode = "internal", this.scrollContainer = null, this.dir = "auto", this.longWordThreshold = 1500, this.lineSyncedDelay = 50, this.disableRichsync = !1, this.debug = !1, this.source = null, this.src = null, this._lyricsData = null, this._animState = Dt(), this._rafId = null, this._lastLyrics = [], this._resizeObserver = null, this._mediaElement = null, this._lastSrc = null, this._srcAbortController = null, this._tickCount = 0, this._onScroll = () => {
+    super(...arguments), this.lyrics = [], this.currentTime = 0, this.playing = !1, this.scrollMode = "internal", this.scrollContainer = null, this.dir = "auto", this.longWordThreshold = 1500, this.lineSyncedDelay = 50, this.disableRichsync = !1, this.debug = !1, this.source = null, this.src = null, this._lyricsData = null, this._animState = Rt(), this._rafId = null, this._lastLyrics = [], this._resizeObserver = null, this._mediaElement = null, this._lastSrc = null, this._srcAbortController = null, this._tickCount = 0, this._onScroll = () => {
       const e = this._animState.scroll;
       if (e.skipScrolls > 0) {
         e.skipScrolls--;
         return;
       }
-      _t(e) ? X(e) : (X(e), this.dispatchEvent(
+      At(e) ? at(e) : (at(e), this.dispatchEvent(
         new CustomEvent("braccato:scroll-state", {
           detail: { userScrolling: !0 },
           bubbles: !0,
@@ -660,20 +705,20 @@ const V = class V extends st {
     e.has("lyrics") && this.lyrics !== this._lastLyrics && (this._lastLyrics = this.lyrics, this._injectLyrics()), e.has("source") && this._resolveMediaElement(), e.has("src") && this.src !== this._lastSrc && (this._lastSrc = this.src, this._fetchLyricsFromSrc());
   }
   render() {
-    return ot`<div class="braccato-container" part="container"></div>`;
+    return dt`<div class="braccato-container" part="container"></div>`;
   }
   // -- Lyric Injection --------------------------
   _log(...e) {
     this.debug && console.log("[braccato]", ...e);
   }
   _injectLyrics() {
-    var i, o, n, s;
-    const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".braccato-container");
+    var n, o, s, i;
+    const e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".braccato-container");
     if (!e) {
       this._log("_injectLyrics: no container found in shadowRoot");
       return;
     }
-    if (It(this._animState), !this.lyrics || this.lyrics.length === 0) {
+    if (Pt(this._animState), !this.lyrics || this.lyrics.length === 0) {
       this._log("_injectLyrics: no lyrics, clearing"), e.replaceChildren(), this._lyricsData = null;
       return;
     }
@@ -682,17 +727,17 @@ const V = class V extends st {
       lineSyncedAnimationDelay: this.lineSyncedDelay,
       disableRichsync: this.disableRichsync
     };
-    this._lyricsData = $t(this.lyrics, e, a), this._log("_injectLyrics: rendered", {
+    this._lyricsData = ee(this.lyrics, e, a), this._log("_injectLyrics: rendered", {
       lineCount: this._lyricsData.lines.length,
       syncType: this._lyricsData.syncType,
       firstLineTime: (o = this._lyricsData.lines[0]) == null ? void 0 : o.time,
-      lastLineTime: (n = this._lyricsData.lines[this._lyricsData.lines.length - 1]) == null ? void 0 : n.time,
+      lastLineTime: (s = this._lyricsData.lines[this._lyricsData.lines.length - 1]) == null ? void 0 : s.time,
       containerSize: { w: e.clientWidth, h: e.clientHeight }
     });
     for (let c = 0; c < this._lyricsData.lines.length; c++)
-      this._lyricsData.lines[c].element.addEventListener("click", (p) => this._handleLineClick(p, c));
+      this._lyricsData.lines[c].element.addEventListener("click", (u) => this._handleLineClick(u, c));
     const r = this._getScrollContainer();
-    this._log("_injectLyrics: scrollContainer", r.tagName, r.className), r.addEventListener("scroll", this._onScroll, { passive: !0 }), (s = this._resizeObserver) == null || s.disconnect(), this._resizeObserver = new ResizeObserver(() => this._recalculatePositions()), this._resizeObserver.observe(e), this._recalculatePositions(), this.dispatchEvent(
+    this._log("_injectLyrics: scrollContainer", r.tagName, r.className), r.addEventListener("scroll", this._onScroll, { passive: !0 }), (i = this._resizeObserver) == null || i.disconnect(), this._resizeObserver = new ResizeObserver(() => this._recalculatePositions()), this._resizeObserver.observe(e), this._recalculatePositions(), this.dispatchEvent(
       new CustomEvent("braccato:lyrics-loaded", {
         detail: { syncType: this._lyricsData.syncType, lineCount: this._lyricsData.lines.length },
         bubbles: !0,
@@ -706,8 +751,8 @@ const V = class V extends st {
     const e = this._lyricsData.container;
     this._lyricsData.width = e.clientWidth, this._lyricsData.height = e.clientHeight;
     for (const a of this._lyricsData.lines) {
-      const r = a.element.getBoundingClientRect(), i = e.getBoundingClientRect();
-      a.position = r.top - i.top + e.scrollTop, a.height = r.height;
+      const r = a.element.getBoundingClientRect(), n = e.getBoundingClientRect();
+      a.position = r.top - n.top + e.scrollTop, a.height = r.height;
     }
     this._animState.scroll.wasUserScrolling = !0;
   }
@@ -724,13 +769,13 @@ const V = class V extends st {
   _tick() {
     if (!this._lyricsData || this._lyricsData.syncType === "none") return;
     if (this._tickCount++, this.debug && this._tickCount % 60 === 0) {
-      const i = this._lyricsData.lines.filter((n) => n.isScrolled), o = this._lyricsData.lines.filter((n) => n.isAnimating);
+      const n = this._lyricsData.lines.filter((s) => s.isScrolled), o = this._lyricsData.lines.filter((s) => s.isAnimating);
       this._log("tick", {
         currentTime: this.currentTime,
         currentTimeSec: this.currentTime / 1e3,
         playing: this.playing,
         syncType: this._lyricsData.syncType,
-        activeLineCount: i.length,
+        activeLineCount: n.length,
         animatingLineCount: o.length,
         selectedIndex: this._animState.selectedElementIndex,
         scrollResumeTime: this._animState.scroll.scrollResumeTime,
@@ -738,7 +783,7 @@ const V = class V extends st {
       });
     }
     const e = this._mediaElement, a = e ? e.currentTime * 1e3 : this.currentTime, r = e ? !e.paused : this.playing;
-    Nt(this._animState, {
+    zt(this._animState, {
       currentTime: a / 1e3,
       eventCreationTime: Date.now(),
       isPlaying: r,
@@ -753,17 +798,17 @@ const V = class V extends st {
   }
   // -- Events --------------------------
   _handleLineClick(e, a) {
-    var o, n;
+    var o, s;
     const r = (o = this._lyricsData) == null ? void 0 : o.lines[a];
     if (!r) return;
-    const i = r.time * 1e3;
-    if (this._log("lineClick", { lineIndex: a, time: i, lineTimeSec: r.time, currentTime: this.currentTime }), e.altKey && ((n = this._lyricsData) == null ? void 0 : n.syncType) === "richsync") {
-      const s = e.target.closest(".braccato--word");
-      if (s) {
-        const c = Number.parseFloat(s.dataset.time || "0") * 1e3, d = r.parts.findIndex((p) => p.element === s);
+    const n = r.time * 1e3;
+    if (this._log("lineClick", { lineIndex: a, time: n, lineTimeSec: r.time, currentTime: this.currentTime }), e.altKey && ((s = this._lyricsData) == null ? void 0 : s.syncType) === "richsync") {
+      const i = e.target.closest(".braccato--word");
+      if (i) {
+        const c = Number.parseFloat(i.dataset.time || "0") * 1e3, l = r.parts.findIndex((u) => u.element === i);
         this.dispatchEvent(
           new CustomEvent("braccato:word-click", {
-            detail: { time: c, lineIndex: a, wordIndex: d },
+            detail: { time: c, lineIndex: a, wordIndex: l },
             bubbles: !0,
             composed: !0
           })
@@ -771,13 +816,13 @@ const V = class V extends st {
         return;
       }
     }
-    this._mediaElement && (this._mediaElement.currentTime = i / 1e3, this._mediaElement.paused && this._mediaElement.play()), this.dispatchEvent(
+    this._mediaElement && (this._mediaElement.currentTime = n / 1e3, this._mediaElement.paused && this._mediaElement.play()), this.dispatchEvent(
       new CustomEvent("braccato:line-click", {
-        detail: { time: i, lineIndex: a },
+        detail: { time: n, lineIndex: a },
         bubbles: !0,
         composed: !0
       })
-    ), tt(this._animState.scroll);
+    ), rt(this._animState.scroll);
   }
   // -- Source Binding --------------------------
   _resolveMediaElement() {
@@ -802,10 +847,10 @@ const V = class V extends st {
         this._emitError(new Error(`Failed to fetch lyrics: ${r.status} ${r.statusText}`));
         return;
       }
-      const i = await r.text();
+      const n = await r.text();
       if (e.signal.aborted) return;
-      const o = this._mediaElement ? this._mediaElement.duration * 1e3 : 3e5, n = yt(i);
-      this.lyrics = n.parse(i, o);
+      const o = this._mediaElement ? this._mediaElement.duration * 1e3 : 3e5, s = wt(n);
+      this.lyrics = s.parse(n, o);
     } catch (r) {
       if (r instanceof DOMException && r.name === "AbortError") return;
       this._emitError(r instanceof Error ? r : new Error(String(r)));
@@ -822,51 +867,51 @@ const V = class V extends st {
   }
   // -- Public Methods --------------------------
   resumeAutoscroll() {
-    tt(this._animState.scroll);
+    rt(this._animState.scroll);
   }
   recalculatePositions() {
     this._recalculatePositions();
   }
 };
-V.styles = [J(Ht), J(jt)];
-let C = V;
-I([
-  D({ type: Array })
-], C.prototype, "lyrics");
-I([
-  D({ attribute: "current-time", type: Number })
-], C.prototype, "currentTime");
-I([
-  D({ type: Boolean, reflect: !0 })
-], C.prototype, "playing");
-I([
-  D({ attribute: "scroll-mode", type: String, reflect: !0 })
-], C.prototype, "scrollMode");
-I([
-  D({ attribute: !1 })
-], C.prototype, "scrollContainer");
-I([
-  D({ type: String, reflect: !0 })
-], C.prototype, "dir");
-I([
-  D({ attribute: "long-word-threshold", type: Number })
-], C.prototype, "longWordThreshold");
-I([
-  D({ attribute: "line-synced-delay", type: Number })
-], C.prototype, "lineSyncedDelay");
-I([
-  D({ attribute: "disable-richsync", type: Boolean })
-], C.prototype, "disableRichsync");
-I([
-  D({ type: Boolean })
-], C.prototype, "debug");
-I([
-  D({ type: String, reflect: !0 })
-], C.prototype, "source");
-I([
-  D({ type: String, reflect: !0 })
-], C.prototype, "src");
-customElements.define("braccato-lyrics", C);
+J.styles = [X(re), X(ae)];
+let E = J;
+D([
+  I({ type: Array })
+], E.prototype, "lyrics");
+D([
+  I({ attribute: "current-time", type: Number })
+], E.prototype, "currentTime");
+D([
+  I({ type: Boolean, reflect: !0 })
+], E.prototype, "playing");
+D([
+  I({ attribute: "scroll-mode", type: String, reflect: !0 })
+], E.prototype, "scrollMode");
+D([
+  I({ attribute: !1 })
+], E.prototype, "scrollContainer");
+D([
+  I({ type: String, reflect: !0 })
+], E.prototype, "dir");
+D([
+  I({ attribute: "long-word-threshold", type: Number })
+], E.prototype, "longWordThreshold");
+D([
+  I({ attribute: "line-synced-delay", type: Number })
+], E.prototype, "lineSyncedDelay");
+D([
+  I({ attribute: "disable-richsync", type: Boolean })
+], E.prototype, "disableRichsync");
+D([
+  I({ type: Boolean })
+], E.prototype, "debug");
+D([
+  I({ type: String, reflect: !0 })
+], E.prototype, "source");
+D([
+  I({ type: String, reflect: !0 })
+], E.prototype, "src");
+customElements.define("braccato-lyrics", E);
 export {
-  C as BraccatoElement
+  E as BraccatoElement
 };