@braccato/core 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,241 +1,238 @@
-import { LitElement as st, unsafeCSS as J, html as ot } from "lit";
+import { LitElement as lt, unsafeCSS as X, html as dt } from "lit";
 import { property as D } from "lit/decorators.js";
-function F(t) {
+function B(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, ""));
-  let r = 0;
+  const r = t.split(":").map((n) => n.replace(/[^0-9.]/g, ""));
+  let a = 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);
+    return r.length === 1 ? a = Number.parseFloat(r[0]) * 1e3 : r.length === 2 ? a = Number.parseInt(r[0], 10) * 6e4 + Number.parseFloat(r[1]) * 1e3 : r.length === 3 && (a = Number.parseInt(r[0], 10) * 36e5 + Number.parseInt(r[1], 10) * 6e4 + Number.parseFloat(r[2]) * 1e3), Math.round(a);
   } catch {
     return 0;
   }
 }
-function k(t, e) {
-  const a = t.getAttribute(e);
-  if (a !== null) return a;
-  for (const r of t.attributes)
-    if (r.localName === e) return r.value;
+function I(t, e) {
+  const r = t.getAttribute(e);
+  if (r !== null) return r;
+  for (const a of t.attributes)
+    if (a.localName === e) return a.value;
   return null;
 }
-function G(t) {
+function Y(t) {
   const e = {
     text: "",
-    begin: k(t, "begin") ? F(k(t, "begin")) : void 0,
-    end: k(t, "end") ? F(k(t, "end")) : void 0,
-    role: k(t, "role") ?? void 0,
+    begin: I(t, "begin") ? B(I(t, "begin")) : void 0,
+    end: I(t, "end") ? B(I(t, "end")) : void 0,
+    role: I(t, "role") ?? void 0,
     children: []
   };
-  for (const a of t.childNodes)
-    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));
+  for (const r of t.childNodes)
+    if (r.nodeType === 3) {
+      const a = r.textContent ?? "";
+      e.text += a, e.children.push({ text: a, children: [] });
+    } else r.nodeType === 1 && e.children.push(Y(r));
   return e;
 }
-function $(t, e, a = !1) {
-  let r = "";
-  const i = [];
+function $(t, e, r = !1) {
+  let a = "";
+  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 i of t) {
+    const s = r || i.role === "x-bg";
+    if (i.children.length > 0)
+      if (s && !r) {
+        const c = $(i.children, e, !0);
+        a += c.text, n.push(...c.parts), c.isWordSynced && (o = !0);
+      } else if (i.begin !== void 0 && i.end !== void 0) {
+        const c = i.children.map((f) => f.text).join("") || i.text;
+        n.push({
+          startTimeMs: i.begin,
+          durationMs: i.end - i.begin,
           words: c,
           isBackground: s || void 0
-        }), r += c, o = !0;
+        }), a += c, o = !0;
       } else {
-        const c = $(n.children, e, s);
-        r += c.text, i.push(...c.parts), c.isWordSynced && (o = !0);
+        const c = $(i.children, e, s);
+        a += 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,
+    else if (i.text)
+      if (a += i.text, i.begin !== void 0 && i.end !== void 0)
+        n.push({
+          startTimeMs: i.begin,
+          durationMs: i.end - i.begin,
+          words: i.text,
           isBackground: s || 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,
+          words: i.text,
           isBackground: s || void 0
         });
       }
   }
-  return o ? { parts: i, text: r, isWordSynced: o } : { parts: [], text: r, isWordSynced: !1 };
+  return o ? { parts: n, text: a, isWordSynced: o } : { parts: [], text: a, isWordSynced: !1 };
 }
-function ct(t, e, a) {
+function ut(t, e, r) {
   if (t.length === 0) return t;
-  const r = [], i = (s, c) => ({
+  const a = [], n = (s, c) => ({
     startTimeMs: s,
     durationMs: c,
     words: "",
     parts: [],
     isInstrumental: !0
   });
-  t[0].startTimeMs > a && r.push(i(0, t[0].startTimeMs));
+  t[0].startTimeMs > r && a.push(n(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));
+    if (a.push(t[s]), s < t.length - 1) {
+      const c = t[s].startTimeMs + t[s].durationMs, f = t[s + 1].startTimeMs - c;
+      f > r && a.push(n(c, f));
     }
-  const o = t[t.length - 1], n = o.startTimeMs + o.durationMs;
-  return e - n > a && r.push(i(n, e - n)), 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();
-  let f = !1;
-  const m = /* @__PURE__ */ new Map(), h = [
-    ...r.querySelectorAll("agent"),
-    ...r.getElementsByTagNameNS("http://www.w3.org/ns/ttml#metadata", "agent")
+  const o = t[t.length - 1], i = o.startTimeMs + o.durationMs;
+  return e - i > r && a.push(n(i, e - i)), a;
+}
+function mt(t, e = {}) {
+  const r = t.replace(/\\"/g, '"'), a = new DOMParser().parseFromString(r, "text/xml"), n = a.querySelector("tt"), o = (n ? I(n, "lang") : null) ?? void 0, i = a.querySelector("body");
+  if (!i) return { lyrics: [], isWordSynced: !1, language: o };
+  const s = i.getAttribute("dur"), c = s ? B(s) : 0, f = i.querySelectorAll("p"), d = /* @__PURE__ */ new Map();
+  let l = !1;
+  const m = /* @__PURE__ */ new Map(), p = [
+    ...a.querySelectorAll("agent"),
+    ...a.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, {
-      agent: y,
-      durationMs: _ - u,
-      parts: l.parts,
-      startTimeMs: u,
-      words: l.text,
-      key: E
+  let w = 0;
+  for (const _ of p) {
+    const h = I(_, "id"), M = I(_, "type");
+    h && (m.has(h) || (M === "person" || M === "character" ? (w++, m.set(h, `v${w}`)) : m.set(h, "v1000")));
+  }
+  for (const _ of f) {
+    const h = B(I(_, "begin") ?? void 0), M = B(I(_, "end") ?? void 0), L = I(_, "key") ?? String(d.size), k = I(_, "agent") ?? void 0, S = k ? m.get(k) ?? k : void 0, y = Array.from(_.childNodes).filter((g) => g.nodeType === 1 || g.nodeType === 3).map(
+      (g) => g.nodeType === 1 ? Y(g) : { text: g.textContent ?? "", children: [] }
+    ), u = $(y, h);
+    u.isWordSynced && (l = !0), d.set(L, {
+      agent: S,
+      durationMs: M - h,
+      parts: u.parts,
+      startTimeMs: h,
+      words: u.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 = a.querySelectorAll("translations");
+  for (const _ of b) {
+    const h = _.getAttribute("lang");
+    if (!h) continue;
+    const M = _.querySelectorAll("translation");
+    for (const L of M) {
+      const k = L.getAttribute("for"), S = L.querySelector("text"), y = S == null ? void 0 : S.textContent;
+      if (k && y) {
+        const u = d.get(k);
+        u && (u.translation = { text: y, 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;
-      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 v = a.querySelectorAll("transliterations");
+  for (const _ of v) {
+    const h = _.querySelectorAll("transliteration");
+    for (const M of h) {
+      const L = M.querySelectorAll("text");
+      for (const k of L) {
+        const S = k.getAttribute("for");
+        if (!S) continue;
+        const y = d.get(S);
+        if (!y) continue;
+        const u = Array.from(k.childNodes).filter((A) => A.nodeType === 1 || A.nodeType === 3).map(
+          (A) => A.nodeType === 1 ? Y(A) : { text: A.textContent ?? "", children: [] }
+        ), g = $(u, y.startTimeMs);
+        y.romanization = g.text, g.parts.length > 0 && (y.timedRomanization = g.parts);
       }
-      A.romanization = S, l.length > 0 && (A.timedRomanization = l);
     }
   }
-  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 P = Array.from(d.values());
+  const T = e.instrumentalGapMs ?? 5e3;
+  return c > 0 && (P = ut(P, c, T)), { lyrics: P, isWordSynced: l, 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(":");
-  let a = 0;
+  let r = 0;
   try {
     if (e.length === 1)
-      a = Number.parseFloat(e[0]) * 1e3;
+      r = 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 a = Number.parseInt(e[0], 10), n = Number.parseFloat(e[1]);
+      r = a * 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 a = Number.parseInt(e[0], 10), n = Number.parseInt(e[1], 10), o = Number.parseFloat(e[2]);
+      r = a * 3600 * 1e3 + n * 60 * 1e3 + o * 1e3;
     }
-    return Math.round(a);
+    return Math.round(r);
   } catch {
     return 0;
   }
 }
-function mt(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])) {
+function ht(t, e) {
+  var r;
+  const a = t.split(`
+`), n = [], o = {};
+  for (const i of a) {
+    const s = i.trim(), c = s.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]));
-    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 f = /\[(\d+:\d+\.\d+)\]/g, d = /<(\d+:\d+\.\d+)>/g, l = [];
+    for (const T of s.matchAll(f))
+      l.push(tt(T[1]));
+    if (l.length === 0) continue;
+    const m = s.replace(f, "").trim(), p = [];
+    let w = null, b = "";
+    m.split(d).forEach((T, _) => {
+      if (_ % 2 === 0) {
+        let h = T;
+        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(T);
+        w !== null && p.length > 0 && (p[p.length - 1].durationMs = h - w), p.push({ startTimeMs: h, words: "", durationMs: 0 }), w = h;
       }
     });
-    const v = Math.min(...f), P = Math.max(...f) - v;
-    i.push({
+    const v = Math.min(...l), P = Math.max(...l) - v;
+    n.push({
       startTimeMs: v,
-      words: g.trim(),
+      words: b.trim(),
       durationMs: P,
-      parts: h.length > 0 ? h : void 0
+      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];
+  for (let i = 0; i < n.length; i++) {
+    const s = n[i];
+    if (i + 1 < n.length) {
+      const c = n[i + 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);
+        let f = c.startTimeMs;
+        for (const l of s.parts)
+          f = Math.max(f, l.startTimeMs);
+        const d = s.parts[s.parts.length - 1];
+        d.durationMs = Math.max(c.startTimeMs - d.startTimeMs, 0), s.durationMs = Math.max(f - s.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];
@@ -243,130 +240,130 @@ function mt(t, e) {
     }
   }
   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 i = Number(o.offset);
+    Number.isNaN(i) && (i = 0), i = i * 1e3;
+    for (const s of n)
+      s.startTimeMs -= i, (r = s.parts) == null || r.forEach((c) => {
+        c.startTimeMs -= i;
       });
   }
-  return i;
+  return n;
 }
-function ft(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;
+function bt(t) {
+  for (const a of t)
+    if (a.parts)
+      for (let n = 1; n < a.parts.length; n++) {
+        const o = a.parts[n], i = a.parts[n - 1];
+        if (o.words === " " && i.words !== " ") {
+          const s = o.durationMs - i.durationMs;
           if (Math.abs(s) <= 15 || o.durationMs <= 100) {
             const c = o.durationMs;
-            n.durationMs += c, o.durationMs -= c, o.startTimeMs += c;
+            i.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];
-        o.words !== " " && (o.durationMs <= 100 && e++, a++);
+  let e = 0, r = 0;
+  for (const a of t)
+    if (!(!a.parts || a.parts.length === 0))
+      for (let n = 0; n < a.parts.length - 2; n++) {
+        const o = a.parts[n];
+        o.words !== " " && (o.durationMs <= 100 && e++, r++);
       }
-  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) {
+  if (r > 0 && e / r > 0.5)
+    for (let a = 0; a < t.length; a++) {
+      const n = t[a];
+      if (!(!n.parts || n.parts.length === 0))
+        for (let o = 0; o < n.parts.length; o++) {
+          const i = n.parts[o];
+          if (i.words !== " " && i.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;
+            o + 1 < n.parts.length ? s = n.parts[o + 1] : a + 1 < t.length && t[a + 1].parts && t[a + 1].parts.length > 0 && (s = t[a + 1].parts[0]), s === null ? i.durationMs = 300 : s.words === " " ? (i.durationMs += s.durationMs, s.startTimeMs += s.durationMs, s.durationMs = 0) : i.durationMs = s.startTimeMs - i.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 r = ht(t, e);
+    return bt(r), r;
   }
 };
-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 r = Number.parseInt(e[1], 10), a = Number.parseInt(e[2], 10), n = Number.parseInt(e[3], 10), o = Number.parseInt(e[4].padEnd(3, "0").slice(0, 3), 10);
+  return r * 36e5 + a * 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/);
+    const r = t.trim().split(/\r?\n\r?\n/), a = [];
+    for (const n of r) {
+      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 i = o.find((p) => p.includes("-->"));
+      if (!i) continue;
+      const [s, c] = i.split("-->").map((p) => p.trim()), f = et(s), d = et(c), l = o.indexOf(i), m = o.slice(l + 1).join(`
 `).replace(/<[^>]+>/g, "").trim();
-      m && r.push({
-        startTimeMs: d,
+      m && a.push({
+        startTimeMs: f,
         words: m,
-        durationMs: p - d
+        durationMs: d - f
       });
     }
-    return r;
+    return a;
   }
-}, nt = {
+}, ct = {
   detect(t) {
     return !0;
   },
   parse(t, e = 0) {
     return t.split(`
-`).map((a) => ({
+`).map((r) => ({
       startTimeMs: 0,
-      words: a,
+      words: r,
       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+)\](.*)$/);
+    const r = t.split(`
+`), a = [];
+    for (const n of r) {
+      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 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 i = Number.parseInt(o[1], 10), s = Number.parseInt(o[2], 10), c = o[3], f = [];
+      let d = "";
+      const l = /([^(]*)\((\d+),(\d+)\)/g;
+      for (const m of c.matchAll(l)) {
+        const p = m[1], w = Number.parseInt(m[2], 10), b = Number.parseInt(m[3], 10);
+        d += p, f.push({ startTimeMs: w, words: p, durationMs: b });
       }
-      r.push({
-        startTimeMs: n,
-        words: p,
+      a.push({
+        startTimeMs: i,
+        words: d,
         durationMs: s,
-        parts: d.length > 0 ? d : void 0
+        parts: f.length > 0 ? f : void 0
       });
     }
-    return r;
+    return a;
   }
-}, 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 +375,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 rt(t) {
+  t.wasUserScrolling = !0, t.scrollResumeTime = Date.now() + Tt;
 }
-function tt(t) {
+function at(t) {
   t.scrollResumeTime = 0;
 }
-function _t(t) {
+function At(t) {
   return t.scrollResumeTime > Date.now();
 }
-function wt(t, e) {
-  let a = 0;
-  for (; a < t.skipScrollsDecayTimes.length && !(t.skipScrollsDecayTimes[a] > e); a++)
+function Et(t, e) {
+  let r = 0;
+  for (; r < t.skipScrollsDecayTimes.length && !(t.skipScrollsDecayTimes[r] > e); r++)
     ;
-  t.skipScrollsDecayTimes = t.skipScrollsDecayTimes.slice(a), t.skipScrolls -= a, t.skipScrolls < 1 && (t.skipScrolls = 1);
+  t.skipScrollsDecayTimes = t.skipScrollsDecayTimes.slice(r), t.skipScrolls -= r, 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 W = "braccato--animating", G = "braccato--pre-animating", q = "braccato--paused", nt = "braccato--active", Ct = "braccato--user-scrolling", Lt = 0.5, xt = 0.5, Nt = 0.62, kt = 0.37, It = 150, Q = /* @__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;
+function U(t, e) {
+  let r = Q.get(e);
+  return r === void 0 && (r = Dt(getComputedStyle(t).getPropertyValue(e)), Q.set(e, r)), r;
 }
-function rt(t) {
+function it(t) {
   t.offsetHeight;
 }
-function Dt() {
+function Rt() {
   return {
-    scroll: vt(),
+    scroll: _t(),
     selectedElementIndex: 0,
     lastTime: 0,
     lastPlayState: !1,
@@ -417,152 +414,229 @@ function Dt() {
     lastActiveElements: []
   };
 }
-function It(t) {
-  Tt(t.scroll), t.lastActiveElements = [], Y.clear();
+function Pt(t) {
+  Mt(t.scroll), t.lastActiveElements = [], Q.clear();
 }
-function Nt(t, e) {
-  const a = Date.now();
-  let { currentTime: r, isPlaying: i, smoothScroll: o } = e;
+function zt(t, e) {
+  const r = Date.now();
+  let { currentTime: a, isPlaying: n, smoothScroll: o } = e;
   const {
-    eventCreationTime: n,
+    eventCreationTime: i,
     lyricsData: s,
     scrollContainer: c,
-    scrollPosRatio: d = At,
-    endingThreshold: p = Ct,
-    earlyScrollConsider: f = Et,
-    queueScrollMs: m = Lt
+    scrollPosRatio: f = kt,
+    endingThreshold: d = xt,
+    earlyScrollConsider: l = 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 (a === 0 && !n) return;
+  const p = Math.abs(a - t.lastTime - (i - t.lastEventCreationTime) / 1e3) > Lt;
+  t.lastTime = a, t.lastPlayState = n, t.lastEventCreationTime = i;
+  const w = n ? r - i : 0;
+  a += w / 1e3;
+  const { lines: b, container: v, syncType: P } = s;
+  P === "richsync" ? a += U(v, "--braccato-richsync-timing-offset") / 1e3 : a += U(v, "--braccato-timing-offset") / 1e3;
+  const T = a + U(v, "--braccato-scroll-timing-offset") / 1e3, _ = c.getBoundingClientRect().height;
+  let h = c.scrollTop;
+  const M = [], L = [];
+  let k = p;
+  for (let y = 0; y < b.length; y++) {
+    const u = b[y], g = u.time, A = y + 1 < b.length ? b[y + 1].time : Number.POSITIVE_INFINITY;
+    T >= g - l && (T < A || T < g + u.duration) ? (M.push(u), !t.lastActiveElements.includes(u) && T >= g && (k = !0), t.selectedElementIndex = y, u.isScrolled || (u.element.classList.add(nt), u.isScrolled = !0)) : u.isScrolled && (u.element.classList.remove(nt), u.isScrolled = !1);
+    const x = n ? 2 : 0, N = Math.max(A, g + u.duration + 0.05);
+    if (a + x >= g && a < N) {
+      u.isSelected = !0;
+      const O = a - g, z = (r - u.animationStartTimeMs) / 1e3 - O;
+      if (u.accumulatedOffsetMs = u.accumulatedOffsetMs / 1.08, u.accumulatedOffsetMs += z * 1e3 * 0.4, u.isAnimating && Math.abs(u.accumulatedOffsetMs) > 100 && n && (u.isAnimating = !1), n !== u.isAnimationPlayStatePlaying) {
+        u.isAnimationPlayStatePlaying = n;
+        const J = [u, ...u.parts];
+        if (n) {
+          for (const F of J)
+            F.element.classList.remove(q);
+          u.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 J)
+            F.animationStartTimeMs > r ? (F.element.classList.remove(W), F.element.classList.remove(G)) : F.element.classList.add(q);
       }
-      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;
+      u.isAnimating || L.push(u);
+    } else if (u.isSelected) {
+      const O = [u, ...u.parts];
+      for (const z of O)
+        z.element.style.setProperty("--braccato-swipe-delay", ""), z.element.style.setProperty("--braccato-anim-delay", ""), z.element.classList.remove(W), z.element.classList.remove(G), z.element.classList.remove(q), z.animationStartTimeMs = Number.POSITIVE_INFINITY;
+      u.isSelected = !1, u.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 y of L) {
+      const u = [y, ...y.parts];
+      for (const g of u) {
+        const A = a - g.time;
+        g.element.classList.remove(W), g.element.classList.remove(q), g.element.style.setProperty("--braccato-swipe-delay", `${-A - g.duration * 0.1}s`), g.element.style.setProperty("--braccato-anim-delay", `${-A}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 y of L) {
+      const u = [y, ...y.parts];
+      for (const g of u) {
+        const A = a - g.time;
+        g.element.classList.add(W), g.animationStartTimeMs = r - A * 1e3;
       }
-      S.isAnimating = !0, S.lastAnimSetupAt = a, S.isAnimationPlayStatePlaying = !0, S.accumulatedOffsetMs = 0;
+      y.isAnimating = !0, y.lastAnimSetupAt = r, y.isAnimationPlayStatePlaying = !0, y.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)
-      if (a > y.nextScrollAllowedTime) {
-        if (y.queuedScroll = !1, o && Math.abs(u - M) > 2) {
+  const S = t.scroll;
+  if (S.scrollResumeTime < r || S.scrollPos === -1) {
+    M.length === 0 && M.push(b[0]), t.lastActiveElements = M.filter((N) => T >= N.time);
+    const y = _ * f, u = M[M.length - 1], g = M.filter((N, O) => T < N.time + N.duration - d || O === M.length - 1).map((N) => N.position + N.height / 2);
+    let x = g.reduce((N, O) => N + O, 0) / g.length - y;
+    if (x = Math.min(x, M[0].position), x = Math.max(x, u.position - _ + u.height), x = Math.min(x, u.position), x = Math.max(0, x), h === 0 && !S.doneFirstInstantScroll && (o = !1, S.doneFirstInstantScroll = !0, S.nextScrollAllowedTime = 0), S.wasUserScrolling || k || S.queuedScroll)
+      if (r > S.nextScrollAllowedTime) {
+        if (S.queuedScroll = !1, o && Math.abs(h - x) > 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 N = U(v, "transition-duration");
+          v.style.transition = "none", v.style.transform = `translate(0px, ${-(h - x)}px)`, it(v), v.style.transition = "", v.style.transform = "translate(0px, 0px)", S.nextScrollAllowedTime = N + r + 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 = x, S.scrollPos = h, c.scrollTop = h, S.skipScrolls += 1, S.skipScrollsDecayTimes.push(r + 2e3);
+      } else (S.nextScrollAllowedTime - r < m || p) && (S.queuedScroll = !0);
   }
-  y.wasUserScrolling && y.scrollResumeTime < a && (v.classList.remove(Mt), y.wasUserScrolling = !1), wt(y, a);
+  S.wasUserScrolling && S.scrollResumeTime < r && (v.classList.remove(Ct), S.wasUserScrolling = !1), Et(S, r);
 }
-const Rt = /[\p{Script=Arabic}\p{Script=Hebrew}\p{Script=Syriac}\p{Script=Thaana}]/u;
-function Pt(t) {
-  return Rt.test(t);
+const C = "http://www.w3.org/2000/svg", Ot = "braccato--instrumental", Ft = "braccato--instrumental-icon", Bt = "braccato--instrumental-bg", Wt = "braccato--instrumental-fill", qt = "braccato--wave-clip", Ut = "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 Gt(t, e) {
+  const r = document.createElement("div");
+  r.classList.add(Ot), r.style.setProperty("--braccato-duration", `${t}ms`);
+  const a = document.createElementNS(C, "svg");
+  a.classList.add(Ft), a.setAttribute("viewBox", "0 0 24 24");
+  const n = document.createElementNS(C, "defs"), o = `braccato-glow-${e}`, i = `braccato-wave-clip-${e}`, s = document.createElementNS(C, "filter");
+  s.setAttribute("id", o), s.setAttribute("x", "-100%"), s.setAttribute("y", "-100%"), s.setAttribute("width", "300%"), s.setAttribute("height", "300%");
+  const c = document.createElementNS(C, "feGaussianBlur");
+  c.setAttribute("in", "SourceGraphic"), c.setAttribute("stdDeviation", "5"), c.setAttribute("result", "blur"), s.appendChild(c);
+  const f = document.createElementNS(C, "feColorMatrix");
+  f.setAttribute("in", "blur"), f.setAttribute("type", "matrix"), f.setAttribute("values", "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.6 0"), f.setAttribute("result", "fadedBlur"), s.appendChild(f);
+  const d = document.createElementNS(C, "feMerge"), l = document.createElementNS(C, "feMergeNode");
+  l.setAttribute("in", "fadedBlur"), d.appendChild(l);
+  const m = document.createElementNS(C, "feMergeNode");
+  m.setAttribute("in", "SourceGraphic"), d.appendChild(m), s.appendChild(d), n.appendChild(s);
+  const p = document.createElementNS(C, "clipPath");
+  p.setAttribute("id", i), p.classList.add(qt);
+  const w = document.createElementNS(C, "path");
+  w.classList.add(Ut), w.setAttribute("d", "M -4 3.9 L 30 3.9 L 30 30 L -4 30 Z"), p.appendChild(w);
+  const b = document.createElementNS(C, "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), a.appendChild(n);
+  const v = document.createElementNS(C, "path");
+  v.classList.add(Bt), v.setAttribute("d", st), a.appendChild(v);
+  const P = document.createElementNS(C, "g");
+  P.setAttribute("filter", `url(#${o})`);
+  const T = document.createElementNS(C, "path");
+  return T.classList.add(Wt), T.setAttribute("clip-path", `url(#${i})`), T.setAttribute("d", st), P.appendChild(T), a.appendChild(P), r.appendChild(a), r;
+}
+const Ht = /[\p{Script=Arabic}\p{Script=Hebrew}\p{Script=Syriac}\p{Script=Thaana}]/u;
+function j(t) {
+  return Ht.test(t);
+}
+const Yt = /[\s​­\p{Dash_Punctuation}]/u, Qt = /\s+$/, jt = 5;
+function Vt(t) {
+  const e = t.replace(Qt, "");
+  return e.length <= jt ? !1 : !Yt.test(e);
+}
+function Zt(t) {
+  try {
+    const e = new Intl.Segmenter(void 0, { granularity: "word" }), r = Array.from(e.segment(t), (n) => n.segment);
+    if (r.length > 1) return r;
+    const a = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+    return Array.from(a.segment(t), (n) => n.segment);
+  } catch {
+    return Array.from(t);
+  }
+}
+function Kt(t) {
+  if (!Vt(t.words))
+    return [{ ...t, isWrapAfter: !1 }];
+  const e = Zt(t.words);
+  if (e.length <= 1)
+    return [{ ...t, isWrapAfter: !1 }];
+  const r = t.durationMs / e.length;
+  return e.map((a, n) => ({
+    startTimeMs: t.startTimeMs + n * r,
+    durationMs: r,
+    words: a,
+    isBackground: t.isBackground,
+    isWrapAfter: n < e.length - 1
+  }));
+}
+const Jt = "braccato--line", Xt = "braccato--word", te = "braccato--break", V = "braccato-background-lyric", Z = "braccato-rtl", ee = "braccato-zero-dur-animate", re = "braccato--romanized", ae = "braccato--translated", ne = /[\s​­\p{Dash_Punctuation}]/u;
+function ie(t, e) {
+  for (let r = e - 1; r >= 0; r--)
+    if (!t[r].isInstrumental && t[r].agent) return t[r].agent;
+  for (let r = e + 1; r < t.length; r++)
+    if (!t[r].isInstrumental && t[r].agent) return t[r].agent;
+}
+function se(t, e) {
+  var r, a;
+  for (let n = e - 1; n >= 0; n--)
+    if (!t[n].isInstrumental && ((r = t[n].words) != null && r.trim())) return j(t[n].words);
+  for (let n = e + 1; n < t.length; n++)
+    if (!t[n].isInstrumental && ((a = t[n].words) != null && a.trim())) return j(t[n].words);
+  return !1;
 }
-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 a = document.createElement("span");
-  a.classList.add(Ft), a.style.order = String(e), t.appendChild(a);
+  const r = document.createElement("span");
+  r.classList.add(te), r.style.order = String(e), t.appendChild(r);
 }
-function Bt(t, e) {
-  const a = /([\s\u200B\u00AD\p{Dash_Punctuation}])/gu;
-  let r = [], i = !1;
-  const o = () => {
+function oe(t, e) {
+  let r = [], a = !1;
+  const n = () => {
     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 o = document.createElement("span");
+      for (const i of r) o.appendChild(i);
+      a && o.classList.add(V), t.appendChild(o), 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 o of e) {
+    const i = o.classList.contains(V);
+    a !== i && (n(), a = i), r.push(o);
+    const s = o.textContent ?? "", c = s.length > 0 && ne.test(s[s.length - 1]), f = o.dataset.wrapAfter === "true";
+    (c || f) && n();
   }
-  o();
+  n();
 }
-function it(t, e, a, r) {
-  let i = [], o = !0;
-  const n = [];
+function ot(t, e, r, a) {
+  let n = [], o = !0;
+  const i = [];
   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,
-      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);
+    const c = j(s.words);
+    !c && s.words.trim().length > 0 && (o = !1, n.reverse().forEach((d) => i.push(d)), n = []);
+    const f = Kt(s);
+    for (const d of f) {
+      const l = document.createElement("span");
+      l.classList.add(Xt), d.durationMs === 0 && l.classList.add(ee), c && l.classList.add(Z);
+      const m = {
+        time: d.startTimeMs / 1e3,
+        duration: d.durationMs / 1e3,
+        element: l,
+        animationStartTimeMs: Number.POSITIVE_INFINITY
+      };
+      l.textContent = d.words, l.dataset.time = String(m.time), l.dataset.duration = String(m.duration), l.dataset.content = d.words, l.style.setProperty("--braccato-duration", `${d.durationMs}ms`), d.durationMs > a && (l.dataset.longWord = "true"), d.isBackground && l.classList.add(V), d.isWrapAfter && (l.dataset.wrapAfter = "true"), d.words.trim().length === 0 && (l.style.display = "inline"), d.words.trim().length !== 0 && e.parts.push(m), c ? n.push(l) : i.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) {
+    r.classList.add(Z);
+    for (const s of n) i.push(s);
+  } else n.length > 0 && n.reverse().forEach((s) => i.push(s));
+  oe(r, i);
 }
-function $t(t, e, a = {}) {
-  const { longWordThreshold: r = 1500, lineSyncedAnimationDelay: i = 50, disableRichsync: o = !1 } = a;
+function ce(t, e, r = {}) {
+  const { longWordThreshold: a = 1500, lineSyncedAnimationDelay: n = 50, disableRichsync: o = !1 } = r;
   e.replaceChildren();
-  let s = t.every((p) => p.startTimeMs === 0) ? "none" : "synced";
+  let s = t.every((d) => d.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 d = 0; d < t.length; d++) {
+    const l = t[d], m = l.isInstrumental ? Gt(l.durationMs, d) : document.createElement("div");
+    m.classList.add(Jt);
+    const p = {
       element: m,
-      time: f.startTimeMs / 1e3,
-      duration: f.durationMs / 1e3,
+      time: l.startTimeMs / 1e3,
+      duration: l.durationMs / 1e3,
       parts: [],
       isScrolled: !1,
       animationStartTimeMs: Number.POSITIVE_INFINITY,
@@ -574,32 +648,34 @@ function $t(t, e, a = {}) {
       height: -1,
       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);
+    if (l.isInstrumental) {
+      m.dataset.instrumental = "true", m.dataset.time = String(p.time), m.dataset.duration = String(p.duration), m.dataset.lineNumber = String(d);
+      const b = ie(t, d);
+      b && (m.dataset.agent = b), se(t, d) && 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 w = l.parts ?? [];
+    if ((w.length === 0 || o) && (w = l.words.split(" ").map((b, v) => ({
+      startTimeMs: l.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) {
+    }))), w.every((b) => b.durationMs === 0) || (s = "richsync"), ot(w, p, m, a), H(m, 1), m.dataset.time = String(p.time), m.dataset.duration = String(p.duration), m.dataset.lineNumber = String(d), m.style.setProperty("--braccato-duration", `${l.durationMs}ms`), l.agent && (m.dataset.agent = l.agent), l.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);
+      const b = document.createElement("div");
+      b.classList.add(re), b.style.order = "5", l.timedRomanization && l.timedRomanization.length > 0 && !o ? ot(l.timedRomanization, p, b, a) : b.textContent = `
+${l.romanization}`, m.appendChild(b);
     }
-    if (f.translation) {
+    if (l.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);
+      const b = document.createElement("div");
+      b.classList.add(ae), b.style.order = "7", b.textContent = `
+${l.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), {
+  const f = document.createElement("div");
+  return f.className = "braccato--spacer", f.style.height = "100px", e.appendChild(f), {
     lines: c,
     syncType: s,
     width: e.clientWidth,
@@ -607,13 +683,13 @@ ${f.translation.text}`, m.appendChild(g);
     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 le = ':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))}}', de = ':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 ue = Object.defineProperty, R = (t, e, r, a) => {
+  for (var n = void 0, o = t.length - 1, i; o >= 0; o--)
+    (i = t[o]) && (n = i(e, r, n) || n);
+  return n && ue(e, r, n), n;
 };
-function Yt() {
+function me() {
   if (!(typeof CSS > "u" || !CSS.registerProperty))
     try {
       CSS.registerProperty({
@@ -630,16 +706,16 @@ function Yt() {
     } catch {
     }
 }
-Yt();
-const V = class V extends st {
+me();
+const K = class K 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) ? rt(e) : (rt(e), this.dispatchEvent(
         new CustomEvent("braccato:scroll-state", {
           detail: { userScrolling: !0 },
           bubbles: !0,
@@ -660,39 +736,39 @@ 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, i, s;
+    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;
     }
-    const a = {
+    const r = {
       longWordThreshold: this.longWordThreshold,
       lineSyncedAnimationDelay: this.lineSyncedDelay,
       disableRichsync: this.disableRichsync
     };
-    this._lyricsData = $t(this.lyrics, e, a), this._log("_injectLyrics: rendered", {
+    this._lyricsData = ce(this.lyrics, e, r), 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: (i = this._lyricsData.lines[this._lyricsData.lines.length - 1]) == null ? void 0 : i.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));
-    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._lyricsData.lines[c].element.addEventListener("click", (d) => this._handleLineClick(d, c));
+    const a = this._getScrollContainer();
+    this._log("_injectLyrics: scrollContainer", a.tagName, a.className), a.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(
       new CustomEvent("braccato:lyrics-loaded", {
         detail: { syncType: this._lyricsData.syncType, lineCount: this._lyricsData.lines.length },
         bubbles: !0,
@@ -705,9 +781,9 @@ const V = class V extends st {
     if (!this._lyricsData) return;
     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;
+    for (const r of this._lyricsData.lines) {
+      const a = r.element.getBoundingClientRect(), n = e.getBoundingClientRect();
+      r.position = a.top - n.top + e.scrollTop, r.height = a.height;
     }
     this._animState.scroll.wasUserScrolling = !0;
   }
@@ -724,24 +800,24 @@ 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((i) => i.isScrolled), o = this._lyricsData.lines.filter((i) => i.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,
         isUserScrolling: this._animState.scroll.wasUserScrolling
       });
     }
-    const e = this._mediaElement, a = e ? e.currentTime * 1e3 : this.currentTime, r = e ? !e.paused : this.playing;
-    Nt(this._animState, {
-      currentTime: a / 1e3,
+    const e = this._mediaElement, r = e ? e.currentTime * 1e3 : this.currentTime, a = e ? !e.paused : this.playing;
+    zt(this._animState, {
+      currentTime: r / 1e3,
       eventCreationTime: Date.now(),
-      isPlaying: r,
+      isPlaying: a,
       smoothScroll: !0,
       lyricsData: this._lyricsData,
       scrollContainer: this._getScrollContainer()
@@ -752,18 +828,18 @@ const V = class V extends st {
     return this.scrollMode === "external" && this.scrollContainer ? this.scrollContainer : this;
   }
   // -- Events --------------------------
-  _handleLineClick(e, a) {
-    var o, n;
-    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") {
+  _handleLineClick(e, r) {
+    var o, i;
+    const a = (o = this._lyricsData) == null ? void 0 : o.lines[r];
+    if (!a) return;
+    const n = a.time * 1e3;
+    if (this._log("lineClick", { lineIndex: r, time: n, lineTimeSec: a.time, currentTime: this.currentTime }), e.altKey && ((i = this._lyricsData) == null ? void 0 : i.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 c = Number.parseFloat(s.dataset.time || "0") * 1e3, f = a.parts.findIndex((d) => d.element === s);
         this.dispatchEvent(
           new CustomEvent("braccato:word-click", {
-            detail: { time: c, lineIndex: a, wordIndex: d },
+            detail: { time: c, lineIndex: r, wordIndex: f },
             bubbles: !0,
             composed: !0
           })
@@ -771,13 +847,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: r },
         bubbles: !0,
         composed: !0
       })
-    ), tt(this._animState.scroll);
+    ), at(this._animState.scroll);
   }
   // -- Source Binding --------------------------
   _resolveMediaElement() {
@@ -789,26 +865,26 @@ const V = class V extends st {
     e instanceof HTMLMediaElement ? this._mediaElement = e : (this._mediaElement = null, this._log("source: no media element found for selector", this.source));
   }
   async _fetchLyricsFromSrc() {
-    var a;
-    if ((a = this._srcAbortController) == null || a.abort(), !this.src) {
+    var r;
+    if ((r = this._srcAbortController) == null || r.abort(), !this.src) {
       this.lyrics = [];
       return;
     }
     const e = new AbortController();
     this._srcAbortController = e;
     try {
-      const r = await fetch(this.src, { signal: e.signal });
-      if (!r.ok) {
-        this._emitError(new Error(`Failed to fetch lyrics: ${r.status} ${r.statusText}`));
+      const a = await fetch(this.src, { signal: e.signal });
+      if (!a.ok) {
+        this._emitError(new Error(`Failed to fetch lyrics: ${a.status} ${a.statusText}`));
         return;
       }
-      const i = await r.text();
+      const n = await a.text();
       if (e.signal.aborted) return;
-      const o = this._mediaElement ? this._mediaElement.duration * 1e3 : 3e5, n = yt(i);
-      this.lyrics = n.parse(i, o);
-    } catch (r) {
-      if (r instanceof DOMException && r.name === "AbortError") return;
-      this._emitError(r instanceof Error ? r : new Error(String(r)));
+      const o = this._mediaElement ? this._mediaElement.duration * 1e3 : 3e5, i = wt(n);
+      this.lyrics = i.parse(n, o);
+    } catch (a) {
+      if (a instanceof DOMException && a.name === "AbortError") return;
+      this._emitError(a instanceof Error ? a : new Error(String(a)));
     }
   }
   _emitError(e) {
@@ -822,51 +898,51 @@ const V = class V extends st {
   }
   // -- Public Methods --------------------------
   resumeAutoscroll() {
-    tt(this._animState.scroll);
+    at(this._animState.scroll);
   }
   recalculatePositions() {
     this._recalculatePositions();
   }
 };
-V.styles = [J(Ht), J(jt)];
-let C = V;
-I([
+K.styles = [X(de), X(le)];
+let E = K;
+R([
   D({ type: Array })
-], C.prototype, "lyrics");
-I([
+], E.prototype, "lyrics");
+R([
   D({ attribute: "current-time", type: Number })
-], C.prototype, "currentTime");
-I([
+], E.prototype, "currentTime");
+R([
   D({ type: Boolean, reflect: !0 })
-], C.prototype, "playing");
-I([
+], E.prototype, "playing");
+R([
   D({ attribute: "scroll-mode", type: String, reflect: !0 })
-], C.prototype, "scrollMode");
-I([
+], E.prototype, "scrollMode");
+R([
   D({ attribute: !1 })
-], C.prototype, "scrollContainer");
-I([
+], E.prototype, "scrollContainer");
+R([
   D({ type: String, reflect: !0 })
-], C.prototype, "dir");
-I([
+], E.prototype, "dir");
+R([
   D({ attribute: "long-word-threshold", type: Number })
-], C.prototype, "longWordThreshold");
-I([
+], E.prototype, "longWordThreshold");
+R([
   D({ attribute: "line-synced-delay", type: Number })
-], C.prototype, "lineSyncedDelay");
-I([
+], E.prototype, "lineSyncedDelay");
+R([
   D({ attribute: "disable-richsync", type: Boolean })
-], C.prototype, "disableRichsync");
-I([
+], E.prototype, "disableRichsync");
+R([
   D({ type: Boolean })
-], C.prototype, "debug");
-I([
+], E.prototype, "debug");
+R([
   D({ type: String, reflect: !0 })
-], C.prototype, "source");
-I([
+], E.prototype, "source");
+R([
   D({ type: String, reflect: !0 })
-], C.prototype, "src");
-customElements.define("braccato-lyrics", C);
+], E.prototype, "src");
+customElements.define("braccato-lyrics", E);
 export {
-  C as BraccatoElement
+  E as BraccatoElement
 };