@44-audio/components 0.1.0-dev.18 → 0.1.0-dev.19

package/dist/player.es.js

@@ -1,14 +1,14 @@
-import { b as rt, E as mt, a as at, n as Qe, d as Wt, h as Ue, c as ot, e as Bt, f as bt, g as $e, s as wt, U as At, i as qt, j as Nt, p as xt, k as _t, l as ue, m as pe, o as be, q as u, r as F, t as H, u as te, v as Le, w as e, x as W, y as x, z as ge, A as c, B as de, C as me, D as q, F as m, G as ee, H as J, I as K, J as G, K as N, L as ye, M as Ce, N as ze, O as Pe, P as je, Q as Ve, R as pt, S as Dt, T as Fe, V as Ee, W as Z, X as Be, Y as Me, Z as nt, _ as Ae, $ as Ne, a0 as Ot, a1 as gt, a2 as Ie, a3 as yt, a4 as Xe, a5 as Ut, a6 as Ft } from "./time-BmemrSJ4.mjs";
-function Ge(y, t, ...p) {
+import { b as rt, E as mt, a as at, n as Qe, d as Wt, h as Ue, c as ot, e as Bt, f as bt, g as $e, s as wt, U as At, i as qt, j as Nt, p as xt, k as _t, l as ue, m as pe, o as be, q as u, r as F, t as H, u as te, v as Le, w as e, x as W, y as x, z as ge, A as c, B as fe, C as me, D as q, F as m, G as ee, H as J, I as K, J as G, K as N, L as ye, M as Ce, N as ze, O as Pe, P as je, Q as Ve, R as pt, S as Dt, T as Fe, V as Ee, W as Z, X as Be, Y as Me, Z as nt, _ as Ae, $ as Ne, a0 as Ot, a1 as gt, a2 as Ie, a3 as yt, a4 as Xe, a5 as Ut, a6 as Ft } from "./time-BmemrSJ4.mjs";
+function Ge(y, t, ...g) {
   var i = y, o = Qe, r;
   rt(() => {
     o !== (o = t()) && (r && (Wt(r), r = null), r = at(() => (
       /** @type {SnippetFn} */
-      o(i, ...p)
+      o(i, ...g)
     )));
   }, mt), Ue && (i = ot);
 }
-function Gt(y, t, p) {
+function Gt(y, t, g) {
   Ue && _t();
   var i = y, o = At, r, a, n = null, s = Nt() ? Bt : qt;
   function _() {
@@ -16,12 +16,12 @@ function Gt(y, t, p) {
   }
   rt(() => {
     if (s(o, o = t())) {
-      var d = i, I = wt();
-      I && (n = document.createDocumentFragment(), n.append(d = bt())), a = at(() => p(d)), I ? $e.add_callback(_) : _();
+      var f = i, I = wt();
+      I && (n = document.createDocumentFragment(), n.append(f = bt())), a = at(() => g(f)), I ? $e.add_callback(_) : _();
     }
   }), Ue && (i = ot);
 }
-function Kt(y, t, p) {
+function Kt(y, t, g) {
   Ue && _t();
   var i = y, o, r, a = null, n = null;
   function s() {
@@ -31,8 +31,8 @@ function Kt(y, t, p) {
     if (o !== (o = t())) {
       var _ = wt();
       if (o) {
-        var d = i;
-        _ && (a = document.createDocumentFragment(), a.append(d = bt()), r && $e.skipped_effects.add(r)), n = at(() => p(d, o));
+        var f = i;
+        _ && (a = document.createDocumentFragment(), a.append(f = bt()), r && $e.skipped_effects.add(r)), n = at(() => g(f, o));
       }
       _ ? $e.add_callback(s) : s();
     }
@@ -42,19 +42,19 @@ var Vt = F("<fortyfour-player></fortyfour-player>", 2);
 const Xt = { hash: "svelte-1uea9wj", code: ":host {display:block;}" };
 function Yt(y, t) {
   pe(t, !0), be(y, Xt);
-  let p = u(t, "recordingId", 7), i = u(t, "theme", 7, ""), o = u(t, "apiHost", 7, "api.44.audio");
+  let g = u(t, "recordingId", 7), i = u(t, "theme", 7, ""), o = u(t, "apiHost", 7, "api.44.audio");
   const r = W(() => {
     if (!i())
       return "";
-    const s = i().split(",").map((d) => d.trim()), _ = [];
+    const s = i().split(",").map((f) => f.trim()), _ = [];
     return s[0] && _.push(`--fortyfour-player-background: ${s[0]}`), s[1] && _.push(`--fortyfour-player-text: ${s[1]}`), s[2] && _.push(`--fortyfour-player-accent: ${s[2]}`), s[4] && _.push(`--fortyfour-player-muted: ${s[4]}`), s[5] && _.push(`--fortyfour-player-border: ${s[5]}`), s[0] && _.push(`--fortyfour-player-surface: ${s[0]}`), _.join("; ");
   });
   var a = {
     get recordingId() {
-      return p();
+      return g();
     },
     set recordingId(s) {
-      p(s), c();
+      g(s), c();
     },
     get theme() {
       return i();
@@ -69,7 +69,7 @@ function Yt(y, t) {
       o(s), c();
     }
   }, n = Vt();
-  return H(() => te(n, "api-host", o())), H(() => te(n, "recording-id", p())), te(n, "preload", "metadata"), H(() => Le(n, e(r))), x(y, n), ge(a);
+  return H(() => te(n, "api-host", o())), H(() => te(n, "recording-id", g())), te(n, "preload", "metadata"), H(() => Le(n, e(r))), x(y, n), ge(a);
 }
 customElements.define("fortyfour-audio-player", ue(
   Yt,
@@ -89,13 +89,13 @@ const Jt = {
 };
 function Qt(y, t) {
   pe(t, !0), be(y, Jt);
-  let p = u(t, "apiHost", 7, "api.44.audio"), i = u(t, "recordingId", 7), o = u(t, "visualization", 7, "none"), r = u(t, "rippleIntensity", 7, 1), a = u(t, "hover", 7, "none"), n = u(t, "preload", 7, "none"), s = u(t, "shape", 7, "circle"), _ = u(t, "blobAnimate", 7, !1), d = u(t, "blobSpeed", 7, 20);
+  let g = u(t, "apiHost", 7, "api.44.audio"), i = u(t, "recordingId", 7), o = u(t, "visualization", 7, "none"), r = u(t, "rippleIntensity", 7, 1), a = u(t, "hover", 7, "none"), n = u(t, "preload", 7, "none"), s = u(t, "shape", 7, "circle"), _ = u(t, "blobAnimate", 7, !1), f = u(t, "blobSpeed", 7, 20);
   var I = {
     get apiHost() {
-      return p();
+      return g();
     },
     set apiHost(l = "api.44.audio") {
-      p(l), c();
+      g(l), c();
     },
     get recordingId() {
       return i();
@@ -140,13 +140,13 @@ function Qt(y, t) {
       _(l), c();
     },
     get blobSpeed() {
-      return d();
+      return f();
     },
     set blobSpeed(l = 20) {
-      d(l), c();
+      f(l), c();
     }
-  }, f = Zt();
-  return H(() => te(f, "api-host", p())), H(() => te(f, "recording-id", i())), H(() => te(f, "preload", n())), de(f, 1, "svelte-1pz3muj"), x(y, f), ge(I);
+  }, d = Zt();
+  return H(() => te(d, "api-host", g())), H(() => te(d, "recording-id", i())), H(() => te(d, "preload", n())), fe(d, 1, "svelte-1pz3muj"), x(y, d), ge(I);
 }
 customElements.define("fortyfour-player-mini", ue(
   Qt,
@@ -166,18 +166,18 @@ customElements.define("fortyfour-player-mini", ue(
   !0
 ));
 function it(y, t = 200) {
-  let p = q(!1);
+  let g = q(!1);
   return me(() => {
     if (y()) {
-      const i = setTimeout(() => m(p, !0), t);
+      const i = setTimeout(() => m(g, !0), t);
       return () => clearTimeout(i);
     } else
-      m(p, !1);
-  }), () => e(p);
+      m(g, !1);
+  }), () => e(g);
 }
-function lt(y, t, p) {
+function lt(y, t, g) {
   me(() => {
-    p() ? y.setAttribute(t, "") : y.removeAttribute(t);
+    g() ? y.setAttribute(t, "") : y.removeAttribute(t);
   });
 }
 var $t = F('<div part="separator" class="separator svelte-38lkst">/</div>'), er = F('<div part="elapsed" class="elapsed svelte-38lkst"> </div> <!> <div part="total" class="total svelte-38lkst"> </div>', 1), tr = F('<div part="elapsed" class="elapsed svelte-38lkst">-:--</div> <div part="separator" class="separator svelte-38lkst">/</div> <div part="total" class="total svelte-38lkst">-:--</div>', 1), rr = F('<div part="duration" class="duration svelte-38lkst"><!></div>'), ar = F("<span> </span>"), or = F("<span>--</span>"), nr = F('<div part="duration" class="duration svelte-38lkst"><!></div>');
@@ -187,9 +187,9 @@ const ir = {
 };
 function lr(y, t) {
   pe(t, !0), be(y, ir);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "format", 7, "-remaining"), o = u(t, "for", 7, ""), r = q(0), a = q(0), n = q("none");
-  const s = it(() => e(a) === 0, 200), _ = W(() => e(a) !== 0 ? !1 : e(n) === "none" ? !0 : s()), d = W(() => Ve(e(r))), I = W(() => Ve(e(a))), f = W(() => {
+  const s = it(() => e(a) === 0, 200), _ = W(() => e(a) !== 0 ? !1 : e(n) === "none" ? !0 : s()), f = W(() => Ve(e(r))), I = W(() => Ve(e(a))), d = W(() => {
     if (e(a) === 0)
       return "";
     switch (i()) {
@@ -198,7 +198,7 @@ function lr(y, t) {
       case "remaining":
         return Ve(Math.max(0, e(a) - e(r)));
       case "elapsed":
-        return e(d);
+        return e(f);
       case "elapsed-text":
         return pt(e(r));
       case "total":
@@ -231,7 +231,7 @@ function lr(y, t) {
     return B.addEventListener("loadedmetadata", A), B.addEventListener("timeupdate", X), () => {
       B.removeEventListener("loadedmetadata", A), B.removeEventListener("timeupdate", X);
     };
-  }), lt(p, "data-placeholder", () => e(_));
+  }), lt(g, "data-placeholder", () => e(_));
   var l = {
     get format() {
       return i();
@@ -258,16 +258,16 @@ function lr(y, t) {
             var Q = $t();
             ze(1, Q, () => Pe, () => ({ duration: 400 })), x(E, Q);
           });
-          var z = ye(M, 2), g = G(z, !0);
+          var z = ye(M, 2), v = G(z, !0);
           N(z), H(() => {
-            je(L, e(d)), je(g, e(I));
+            je(L, e(f)), je(v, e(I));
           }), ze(1, T, () => Pe, () => ({ duration: 400 })), ze(1, z, () => Pe, () => ({ duration: 400 })), x(k, D);
         }, V = (k) => {
           var D = ee(), T = J(D);
           {
             var L = (M) => {
-              var z = ee(), g = J(z);
-              Ce(g, t, "placeholder", {}, (E) => {
+              var z = ee(), v = J(z);
+              Ce(v, t, "placeholder", {}, (E) => {
                 var Q = tr();
                 Dt(4), x(E, Q);
               }), x(M, z);
@@ -292,13 +292,13 @@ function lr(y, t) {
       {
         var R = (k) => {
           var D = ar(), T = G(D, !0);
-          N(D), H(() => je(T, e(f))), ze(1, D, () => Pe, () => ({ duration: 400 })), x(k, D);
+          N(D), H(() => je(T, e(d))), ze(1, D, () => Pe, () => ({ duration: 400 })), x(k, D);
         }, V = (k) => {
           var D = ee(), T = J(D);
           {
             var L = (M) => {
-              var z = ee(), g = J(z);
-              Ce(g, t, "placeholder", {}, (E) => {
+              var z = ee(), v = J(z);
+              Ce(v, t, "placeholder", {}, (E) => {
                 var Q = or();
                 x(E, Q);
               }), x(M, z);
@@ -333,25 +333,25 @@ const cr = {
 };
 function kt(y, t) {
   pe(t, !0), be(y, cr);
-  function p(k, D) {
+  function g(k, D) {
     const T = k.length / D, L = [];
     for (let M = 0; M < D; M++) {
-      const z = Math.floor(M * T), g = Math.floor((M + 1) * T), E = k.slice(z, Math.max(z + 1, g)), Q = E.reduce((w, h) => w + h * h, 0), oe = Math.sqrt(Q / E.length);
+      const z = Math.floor(M * T), v = Math.floor((M + 1) * T), E = k.slice(z, Math.max(z + 1, v)), Q = E.reduce((w, h) => w + h * h, 0), oe = Math.sqrt(Q / E.length);
       L.push(oe);
     }
     return L;
   }
-  let i = u(t, "data", 7), o = u(t, "timeMs", 7, null), r = u(t, "barWidth", 7, 3), a = u(t, "spacing", 7, 1), n = u(t, "minHeight", 7, 3), s = q(0), _ = q(56), d = q(!1), I = null;
+  let i = u(t, "data", 7), o = u(t, "timeMs", 7, null), r = u(t, "barWidth", 7, 3), a = u(t, "spacing", 7, 1), n = u(t, "minHeight", 7, 3), s = q(0), _ = q(56), f = q(!1), I = null;
   Fe(() => {
     const k = new ResizeObserver((D) => {
       for (let T of D)
-        T.contentBoxSize ? (m(s, T.contentBoxSize[0]?.inlineSize || T.contentBoxSize.inlineSize, !0), m(_, T.contentBoxSize[0]?.blockSize || T.contentBoxSize.blockSize || 56, !0)) : (m(s, T.contentRect.width, !0), m(_, T.contentRect.height || 56, !0)), m(d, !0);
+        T.contentBoxSize ? (m(s, T.contentBoxSize[0]?.inlineSize || T.contentBoxSize.inlineSize, !0), m(_, T.contentBoxSize[0]?.blockSize || T.contentBoxSize.blockSize || 56, !0)) : (m(s, T.contentRect.width, !0), m(_, T.contentRect.height || 56, !0)), m(f, !0);
     });
     return I && k.observe(I), () => {
       k.disconnect();
     };
   });
-  const f = 100, l = W(() => Math.floor(e(s) / (r() + a()))), P = W(() => p(i(), e(l))), b = W(() => e(P).length ? i().length / e(P).length : 1), j = W(() => f * e(b)), C = W(() => e(P).map((k) => {
+  const d = 100, l = W(() => Math.floor(e(s) / (r() + a()))), P = W(() => g(i(), e(l))), b = W(() => e(P).length ? i().length / e(P).length : 1), j = W(() => d * e(b)), C = W(() => e(P).map((k) => {
     const D = Math.max(n(), Math.round(k / 100 * (e(_) - n()) + n()));
     return D % 2 === 0 ? D + 1 : D;
   }));
@@ -391,15 +391,15 @@ function kt(y, t) {
     var V = (k) => {
       var D = ee(), T = J(D);
       Be(T, 17, () => e(C), Ae, (L, M, z) => {
-        const g = W(() => z * e(j) < o());
+        const v = W(() => z * e(j) < o());
         var E = sr();
         H(() => {
-          de(E, 0, nt(["bar", e(g) ? "progress" : "track"]), "svelte-7i2lww"), Z(E, "x", z * (r() + a())), Z(E, "y", e(_) / 4 - e(M) / 2), Z(E, "width", r() - 1), Z(E, "height", e(M));
+          fe(E, 0, nt(["bar", e(v) ? "progress" : "track"]), "svelte-7i2lww"), Z(E, "x", z * (r() + a())), Z(E, "y", e(_) / 4 - e(M) / 2), Z(E, "width", r() - 1), Z(E, "height", e(M));
         }), x(L, E);
       }), x(k, D);
     };
     K(R, (k) => {
-      e(d) && k(V);
+      e(f) && k(V);
     });
   }
   return N(X), N(A), Ee(A, (k) => I = k, () => I), H(() => {
@@ -419,14 +419,14 @@ ue(
   [],
   !0
 );
-var fr = F('<div class="track svelte-11a7nsg"><div class="progress svelte-11a7nsg"></div></div>'), dr = F('<div class="container svelte-11a7nsg"><!></div>');
+var dr = F('<div class="track svelte-11a7nsg"><div class="progress svelte-11a7nsg"></div></div>'), fr = F('<div class="container svelte-11a7nsg"><!></div>');
 const vr = {
   hash: "svelte-11a7nsg",
   code: ".container.svelte-11a7nsg {flex:1;display:flex;align-items:center;height:100%;}.track.svelte-11a7nsg {width:100%;background:var(--fortyfour-player-waveform-track-color);overflow:hidden;}.progress.svelte-11a7nsg {height:100%;background:var(--fortyfour-player-waveform-progress-color);transition:width 0.1s linear;}"
 };
 function zt(y, t) {
   pe(t, !0), be(y, vr);
-  let p = u(t, "data", 7), i = u(t, "timeMs", 7, null), o = u(t, "lineWidth", 7, 4), r = q(0), a = q(!1), n = null;
+  let g = u(t, "data", 7), i = u(t, "timeMs", 7, null), o = u(t, "lineWidth", 7, 4), r = q(0), a = q(!1), n = null;
   Fe(() => {
     const P = new ResizeObserver((b) => {
       for (let j of b)
@@ -437,16 +437,16 @@ function zt(y, t) {
     };
   });
   const s = 100, _ = W(() => {
-    if (i() === null || i() === 0 || !p().length) return 0;
-    const P = p().length * s;
+    if (i() === null || i() === 0 || !g().length) return 0;
+    const P = g().length * s;
     return Math.min(100, i() / P * 100);
   });
-  var d = {
+  var f = {
     get data() {
-      return p();
+      return g();
     },
     set data(P) {
-      p(P), c();
+      g(P), c();
     },
     get timeMs() {
       return i();
@@ -460,19 +460,19 @@ function zt(y, t) {
     set lineWidth(P = 4) {
       o(P), c();
     }
-  }, I = dr(), f = G(I);
+  }, I = fr(), d = G(I);
   {
     var l = (P) => {
-      var b = fr(), j = G(b);
+      var b = dr(), j = G(b);
       N(b), H(() => {
         Le(b, `height: ${o() ?? ""}px; border-radius: ${o() / 2}px`), Le(j, `width: ${e(_) ?? ""}%; border-radius: ${o() / 2}px`);
       }), x(P, b);
     };
-    K(f, (P) => {
+    K(d, (P) => {
       e(a) && P(l);
     });
   }
-  return N(I), Ee(I, (P) => n = P, () => n), x(y, I), ge(d);
+  return N(I), Ee(I, (P) => n = P, () => n), x(y, I), ge(f);
 }
 ue(zt, { data: {}, timeMs: {}, lineWidth: {} }, [], [], !0);
 var pr = Me('<path class="waveform-line progress svelte-189wzd8"></path>'), gr = Me('<path class="waveform-line track svelte-189wzd8"></path><!>', 1), yr = F('<div class="container svelte-189wzd8"><svg width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" preserveAspectRatio="none" class="svelte-189wzd8"><!></svg></div>');
@@ -482,13 +482,13 @@ const hr = {
 };
 function Pt(y, t) {
   pe(t, !0), be(y, hr);
-  function p(L, M) {
-    const z = L.length / M, g = [];
+  function g(L, M) {
+    const z = L.length / M, v = [];
     for (let E = 0; E < M; E++) {
-      const Q = Math.floor(E * z), oe = Math.floor((E + 1) * z), w = L.slice(Q, Math.max(Q + 1, oe)), h = w.reduce((S, O) => S + O * O, 0), v = Math.sqrt(h / w.length);
-      g.push(v);
+      const Q = Math.floor(E * z), oe = Math.floor((E + 1) * z), w = L.slice(Q, Math.max(Q + 1, oe)), h = w.reduce((S, O) => S + O * O, 0), p = Math.sqrt(h / w.length);
+      v.push(p);
     }
-    return g;
+    return v;
   }
   let i = u(t, "data", 7), o = u(t, "timeMs", 7, null), r = u(t, "lineWidth", 7, 2), a = q(0), n = q(56), s = q(!1), _ = null;
   Fe(() => {
@@ -500,15 +500,15 @@ function Pt(y, t) {
       L.disconnect();
     };
   });
-  const d = W(() => e(n) / 2), I = W(() => e(n) / 2 * 0.8), f = 100, l = 0.15, P = W(() => Math.max(2, Math.floor(e(a) * l))), b = W(() => p(i(), e(P))), j = W(() => {
+  const f = W(() => e(n) / 2), I = W(() => e(n) / 2 * 0.8), d = 100, l = 0.15, P = W(() => Math.max(2, Math.floor(e(a) * l))), b = W(() => g(i(), e(P))), j = W(() => {
     if (o() === null || o() === 0) return 0;
-    const L = i().length * f, M = Math.min(1, o() / L), z = r() / 2, g = e(a) - z * 2;
-    return z + M * g;
+    const L = i().length * d, M = Math.min(1, o() / L), z = r() / 2, v = e(a) - z * 2;
+    return z + M * v;
   }), C = W(() => {
     if (!e(b).length || e(a) === 0) return [];
     const L = r() / 2, M = e(a) - L * 2;
-    return e(b).map((z, g) => {
-      const E = L + g / (e(b).length - 1) * M, Q = Math.max(0.05, z / 100), oe = g % 2 === 0 ? -1 : 1, w = e(d) + oe * Q * e(I);
+    return e(b).map((z, v) => {
+      const E = L + v / (e(b).length - 1) * M, Q = Math.max(0.05, z / 100), oe = v % 2 === 0 ? -1 : 1, w = e(f) + oe * Q * e(I);
       return { x: E, y: w };
     });
   });
@@ -516,7 +516,7 @@ function Pt(y, t) {
     if (L.length === 0) return "";
     let M = `M ${L[0].x} ${L[0].y}`;
     for (let z = 1; z < L.length; z++) {
-      const g = L[z - 1], E = L[z], Q = g.x + (E.x - g.x) / 3, oe = g.y, w = g.x + (E.x - g.x) * 2 / 3, h = E.y;
+      const v = L[z - 1], E = L[z], Q = v.x + (E.x - v.x) / 3, oe = v.y, w = v.x + (E.x - v.x) * 2 / 3, h = E.y;
       M += ` C ${Q} ${oe}, ${w} ${h}, ${E.x} ${E.y}`;
     }
     return M;
@@ -525,17 +525,17 @@ function Pt(y, t) {
     if (e(C).length === 0 || e(j) <= 0) return "";
     const L = [];
     let M = null;
-    for (let g = 0; g < e(C).length; g++)
-      if (e(C)[g].x <= e(j))
-        L.push(e(C)[g]);
+    for (let v = 0; v < e(C).length; v++)
+      if (e(C)[v].x <= e(j))
+        L.push(e(C)[v]);
       else {
-        M = e(C)[g];
+        M = e(C)[v];
         break;
       }
     if (L.length === 0) return "";
     const z = L[L.length - 1];
     if (M && z.x < e(j)) {
-      const g = (e(j) - z.x) / (M.x - z.x), E = z.y + g * (M.y - z.y);
+      const v = (e(j) - z.x) / (M.x - z.x), E = z.y + v * (M.y - z.y);
       L.push({ x: e(j), y: E });
     }
     return B(L);
@@ -562,7 +562,7 @@ function Pt(y, t) {
   }, V = yr(), k = G(V), D = G(k);
   {
     var T = (L) => {
-      var M = gr(), z = J(M), g = ye(z);
+      var M = gr(), z = J(M), v = ye(z);
       {
         var E = (Q) => {
           var oe = pr();
@@ -570,7 +570,7 @@ function Pt(y, t) {
             Z(oe, "d", e(X)), Z(oe, "stroke-width", r());
           }), x(Q, oe);
         };
-        K(g, (Q) => {
+        K(v, (Q) => {
           e(X) && Q(E);
         });
       }
@@ -594,7 +594,7 @@ const xr = {
 };
 function _r(y, t) {
   pe(t, !0), be(y, xr);
-  const p = (R, V = Qe, k = Qe) => {
+  const g = (R, V = Qe, k = Qe) => {
     var D = ee(), T = J(D);
     {
       var L = (z) => {
@@ -610,7 +610,7 @@ function _r(y, t) {
           }
         });
       }, M = (z) => {
-        var g = ee(), E = J(g);
+        var v = ee(), E = J(v);
         {
           var Q = (w) => {
             Pt(w, {
@@ -651,7 +651,7 @@ function _r(y, t) {
             !0
           );
         }
-        x(z, g);
+        x(z, v);
       };
       K(T, (z) => {
         r() === "progress" ? z(L) : z(M, !1);
@@ -659,8 +659,8 @@ function _r(y, t) {
     }
     x(R, D);
   }, i = t.$$host;
-  let o = u(t, "for", 7, ""), r = u(t, "type", 7, "bars"), a = u(t, "barWidth", 7, 3), n = u(t, "barSpacing", 7, 1), s = u(t, "lineWidth", 7, 4), _ = u(t, "barMinHeight", 7, 3), d = q(null), I = q(0), f = q("none");
-  const l = it(() => e(d) === null, 200), P = W(() => e(d) !== null && e(d).length > 0 ? !1 : e(f) === "none" ? !0 : l());
+  let o = u(t, "for", 7, ""), r = u(t, "type", 7, "bars"), a = u(t, "barWidth", 7, 3), n = u(t, "barSpacing", 7, 1), s = u(t, "lineWidth", 7, 4), _ = u(t, "barMinHeight", 7, 3), f = q(null), I = q(0), d = q("none");
+  const l = it(() => e(f) === null, 200), P = W(() => e(f) !== null && e(f).length > 0 ? !1 : e(d) === "none" ? !0 : l());
   me(() => {
     if (!o()) {
       console.warn("fortyfour-player-waveform: 'for' attribute is required to link to a player");
@@ -671,9 +671,9 @@ function _r(y, t) {
       console.warn(`fortyfour-player-waveform: No player found with id '${o()}'`);
       return;
     }
-    m(f, R.getAttribute("preload") || "none", !0), R.waveform && R.waveform.length > 0 && m(d, R.waveform, !0), R.currentTime && m(I, R.currentTime, !0);
+    m(d, R.getAttribute("preload") || "none", !0), R.waveform && R.waveform.length > 0 && m(f, R.waveform, !0), R.currentTime && m(I, R.currentTime, !0);
     function V(D) {
-      m(d, D.detail?.waveform, !0);
+      m(f, D.detail?.waveform, !0);
     }
     function k(D) {
       m(I, D.detail.currentTime, !0);
@@ -724,15 +724,15 @@ function _r(y, t) {
   {
     var A = (R) => {
       var V = mr(), k = G(V);
-      p(k, () => e(d), () => e(I)), N(V), ze(1, V, () => Pe, () => ({ duration: 400 })), x(R, V);
+      g(k, () => e(f), () => e(I)), N(V), ze(1, V, () => Pe, () => ({ duration: 400 })), x(R, V);
     }, X = (R) => {
       var V = ee(), k = J(V);
       {
         var D = (T) => {
           var L = ee(), M = J(L);
           Ce(M, t, "placeholder", {}, (z) => {
-            var g = br(), E = G(g);
-            p(E, () => b, () => 0), N(g), x(z, g);
+            var v = br(), E = G(v);
+            g(E, () => b, () => 0), N(v), x(z, v);
           }), x(T, L);
         };
         K(
@@ -746,7 +746,7 @@ function _r(y, t) {
       x(R, V);
     };
     K(B, (R) => {
-      e(d) && e(d).length > 0 ? R(A) : R(X, !1);
+      e(f) && e(f).length > 0 ? R(A) : R(X, !1);
     });
   }
   return N(C), x(y, C), ge(j);
@@ -773,25 +773,25 @@ const Nr = {
 };
 function Dr(y, t) {
   pe(t, !0), be(y, Nr);
-  const p = t.$$host;
-  let i = u(t, "for", 7, ""), o = u(t, "truncate", 7, 200), r = u(t, "mode", 7, "static"), a = q(null), n = q(null), s = q(null), _ = q(!1), d = q(!1), I = q("none"), f = q(0);
-  const l = it(() => e(a) === null, 200), P = W(() => e(a) !== null ? !1 : e(I) === "none" ? !0 : l()), b = W(() => e(_) && e(n) ? e(n) : e(a)), j = W(() => r() === "static" && o() > 0 && e(b) && e(b).length > o()), C = W(() => e(b) ? e(j) && !e(d) ? e(b).slice(0, o()) : e(b) : ""), B = W(() => e(n) !== null && e(n) !== ""), A = W(() => e(s) !== null && e(s).length > 0), X = W(() => !e(A) || r() === "static" ? -1 : e(s).findIndex((w) => e(f) >= w.start && e(f) <= w.end));
+  const g = t.$$host;
+  let i = u(t, "for", 7, ""), o = u(t, "truncate", 7, 200), r = u(t, "mode", 7, "static"), a = q(null), n = q(null), s = q(null), _ = q(!1), f = q(!1), I = q("none"), d = q(0);
+  const l = it(() => e(a) === null, 200), P = W(() => e(a) !== null ? !1 : e(I) === "none" ? !0 : l()), b = W(() => e(_) && e(n) ? e(n) : e(a)), j = W(() => r() === "static" && o() > 0 && e(b) && e(b).length > o()), C = W(() => e(b) ? e(j) && !e(f) ? e(b).slice(0, o()) : e(b) : ""), B = W(() => e(n) !== null && e(n) !== ""), A = W(() => e(s) !== null && e(s).length > 0), X = W(() => !e(A) || r() === "static" ? -1 : e(s).findIndex((w) => e(d) >= w.start && e(d) <= w.end));
   function R(w) {
     const h = [];
-    let v = { words: [], start: 0, end: 0 };
+    let p = { words: [], start: 0, end: 0 };
     for (const S of w) {
-      v.words.length === 0 && (v.start = S.start), v.words.push(S), v.end = S.end;
+      p.words.length === 0 && (p.start = S.start), p.words.push(S), p.end = S.end;
       const O = S.text.trim();
-      (O.endsWith(".") || O.endsWith("?") || O.endsWith("!")) && (h.push(v), v = { words: [], start: 0, end: 0 });
+      (O.endsWith(".") || O.endsWith("?") || O.endsWith("!")) && (h.push(p), p = { words: [], start: 0, end: 0 });
     }
-    return v.words.length > 0 && h.push(v), h;
+    return p.words.length > 0 && h.push(p), h;
   }
-  const V = W(() => e(A) ? R(e(s)) : []), k = W(() => r() !== "subtitle" || e(V).length === 0 ? null : e(V).find((w) => e(f) >= w.start && e(f) <= w.end) ?? null);
+  const V = W(() => e(A) ? R(e(s)) : []), k = W(() => r() !== "subtitle" || e(V).length === 0 ? null : e(V).find((w) => e(d) >= w.start && e(d) <= w.end) ?? null);
   function D(w) {
-    return e(f) >= w.start && e(f) <= w.end;
+    return e(d) >= w.start && e(d) <= w.end;
   }
   function T(w) {
-    return e(f) > w.end;
+    return e(d) > w.end;
   }
   me(() => {
     if (!i()) {
@@ -803,17 +803,17 @@ function Dr(y, t) {
       console.warn(`fortyfour-player-transcription: No player found with id '${i()}'`);
       return;
     }
-    m(I, w.getAttribute("preload") || "none", !0), w.transcription && m(a, w.transcription, !0), w.translation && m(n, w.translation, !0), w.words && m(s, w.words, !0), w.currentTime && m(f, w.currentTime, !0);
+    m(I, w.getAttribute("preload") || "none", !0), w.transcription && m(a, w.transcription, !0), w.translation && m(n, w.translation, !0), w.words && m(s, w.words, !0), w.currentTime && m(d, w.currentTime, !0);
     function h(S) {
       m(a, S.detail?.transcription ?? null, !0), m(n, S.detail?.translation ?? null, !0), m(s, S.detail?.words ?? null, !0);
     }
-    function v(S) {
-      m(f, S.detail.currentTime, !0);
+    function p(S) {
+      m(d, S.detail.currentTime, !0);
     }
-    return w.addEventListener("loadedmetadata", h), w.addEventListener("timeupdate", v), () => {
-      w.removeEventListener("loadedmetadata", h), w.removeEventListener("timeupdate", v);
+    return w.addEventListener("loadedmetadata", h), w.addEventListener("timeupdate", p), () => {
+      w.removeEventListener("loadedmetadata", h), w.removeEventListener("timeupdate", p);
     };
-  }), lt(p, "data-placeholder", () => e(P));
+  }), lt(g, "data-placeholder", () => e(P));
   var L = {
     get for() {
       return i();
@@ -835,35 +835,35 @@ function Dr(y, t) {
     }
   }, M = qr(), z = G(M);
   {
-    var g = (w) => {
-      var h = zr(), v = G(h);
-      v.__change = [kr, _];
-      var S = G(v);
+    var v = (w) => {
+      var h = zr(), p = G(h);
+      p.__change = [kr, _];
+      var S = G(p);
       S.value = S.__value = "original";
       var O = ye(S);
-      O.value = O.__value = "en", N(v), N(h), x(w, h);
+      O.value = O.__value = "en", N(p), N(h), x(w, h);
     };
     K(z, (w) => {
-      e(B) && w(g);
+      e(B) && w(v);
     });
   }
   var E = ye(z, 2);
   {
     var Q = (w) => {
-      var h = Pr(), v = G(h), S = G(v, !0);
-      N(v), N(h), H(() => je(S, e(n))), ze(1, h, () => Pe, () => ({ duration: 400 })), x(w, h);
+      var h = Pr(), p = G(h), S = G(p, !0);
+      N(p), N(h), H(() => je(S, e(n))), ze(1, h, () => Pe, () => ({ duration: 400 })), x(w, h);
     }, oe = (w) => {
-      var h = ee(), v = J(h);
+      var h = ee(), p = J(h);
       {
         var S = ($) => {
           var Y = jr(), ce = G(Y);
           Be(ce, 21, () => e(s), Ae, (U, re, ne) => {
             var ie = Lr();
             let ve;
-            var fe = G(ie, !0);
+            var de = G(ie, !0);
             N(ie), H(
               (ae) => {
-                ve = de(ie, 1, "word svelte-1cjx9l7", null, ve, ae), Z(ie, "data-type", e(re).type), je(fe, e(re).text);
+                ve = fe(ie, 1, "word svelte-1cjx9l7", null, ve, ae), Z(ie, "data-type", e(re).type), je(de, e(re).text);
               },
               [
                 () => ({
@@ -879,7 +879,7 @@ function Dr(y, t) {
             var U = (ne) => {
               var ie = Mr(), ve = G(ie);
               {
-                var fe = (ae) => {
+                var de = (ae) => {
                   var he = Er();
                   Be(he, 21, () => e(k).words, Ae, (le, se) => {
                     var xe = Ir();
@@ -887,7 +887,7 @@ function Dr(y, t) {
                     var we = G(xe, !0);
                     N(xe), H(
                       (ke) => {
-                        _e = de(xe, 1, "word svelte-1cjx9l7", null, _e, ke), Z(xe, "data-type", e(se).type), je(we, e(se).text);
+                        _e = fe(xe, 1, "word svelte-1cjx9l7", null, _e, ke), Z(xe, "data-type", e(se).type), je(we, e(se).text);
                       },
                       [
                         () => ({
@@ -899,14 +899,14 @@ function Dr(y, t) {
                   }), N(he), ze(1, he, () => Pe, () => ({ duration: 200 })), x(ae, he);
                 };
                 K(ve, (ae) => {
-                  e(k) && ae(fe);
+                  e(k) && ae(de);
                 });
               }
               N(ie), x(ne, ie);
             }, re = (ne) => {
               var ie = ee(), ve = J(ie);
               {
-                var fe = (he) => {
+                var de = (he) => {
                   var le = Tr(), se = G(le);
                   Be(se, 21, () => e(s), Ae, (xe, _e, we) => {
                     var ke = ee(), Se = J(ke);
@@ -917,13 +917,13 @@ function Dr(y, t) {
                         var We = G(Te, !0);
                         N(Te), H(
                           (qe) => {
-                            Ke = de(Te, 1, "word svelte-1cjx9l7", null, Ke, qe), Z(Te, "data-type", e(_e).type), je(We, e(_e).text);
+                            Ke = fe(Te, 1, "word svelte-1cjx9l7", null, Ke, qe), Z(Te, "data-type", e(_e).type), je(We, e(_e).text);
                           },
                           [() => ({ active: we === e(X) })]
                         ), ze(1, Te, () => Pe, () => ({ duration: 150 })), x(Re, Te);
                       };
                       K(Se, (Re) => {
-                        e(f) >= e(_e).start && Re(He);
+                        e(d) >= e(_e).start && Re(He);
                       });
                     }
                     x(xe, ke);
@@ -936,18 +936,18 @@ function Dr(y, t) {
                       {
                         var Te = (We) => {
                           var qe = Cr(), Ze = ye(J(qe));
-                          Ze.__click = [Rr, d], x(We, qe);
+                          Ze.__click = [Rr, f], x(We, qe);
                         }, Ke = (We) => {
                           var qe = ee(), Ze = J(qe);
                           {
                             var Ht = (Je) => {
                               var vt = Wr();
-                              vt.__click = [Hr, d], x(Je, vt);
+                              vt.__click = [Hr, f], x(Je, vt);
                             };
                             K(
                               Ze,
                               (Je) => {
-                                e(j) && e(d) && Je(Ht);
+                                e(j) && e(f) && Je(Ht);
                               },
                               !0
                             );
@@ -955,7 +955,7 @@ function Dr(y, t) {
                           x(We, qe);
                         };
                         K(Re, (We) => {
-                          e(j) && !e(d) ? We(Te) : We(Ke, !1);
+                          e(j) && !e(f) ? We(Te) : We(Ke, !1);
                         });
                       }
                       N(Se), N(ke), H(() => je(He, e(C))), ze(1, ke, () => Pe, () => ({ duration: 400 })), x(we, ke);
@@ -989,7 +989,7 @@ function Dr(y, t) {
                 K(
                   ve,
                   (he) => {
-                    r() === "progressive" && e(A) ? he(fe) : he(ae, !1);
+                    r() === "progressive" && e(A) ? he(de) : he(ae, !1);
                   },
                   !0
                 );
@@ -1007,7 +1007,7 @@ function Dr(y, t) {
           x($, Y);
         };
         K(
-          v,
+          p,
           ($) => {
             r() === "karaoke" && e(A) ? $(S) : $(O, !1);
           },
@@ -1041,22 +1041,22 @@ typeof window < "u" && (window.__44_dev = et);
 function Or(y) {
   return new Promise((t) => setTimeout(t, y));
 }
-async function Ur(y, t, p) {
-  const i = `https://${t}/v1/recordings/${p}/player`;
+async function Ur(y, t, g) {
+  const i = `https://${t}/v1/recordings/${g}/player`;
   et.delay > 0 && await Or(et.delay);
   const o = await fetch(i, { signal: y });
   if (!o.ok)
-    throw o.status === 404 ? new Error(`Recording not found: ${p}`) : new Error(`Failed to fetch recording (${o.status})`);
+    throw o.status === 404 ? new Error(`Recording not found: ${g}`) : new Error(`Failed to fetch recording (${o.status})`);
   const r = await o.json();
   if (r.status !== "ready")
-    throw new Error(`Recording not ready: ${p}`);
+    throw new Error(`Recording not ready: ${g}`);
   return r;
 }
 var Fr = F("<audio hidden></audio>");
 function Gr(y, t) {
   pe(t, !0);
-  const p = t.$$host;
-  let i = u(t, "recordingId", 7), o = u(t, "apiHost", 7, "api.44.audio"), r = u(t, "preload", 7, "none"), a = q(null), n = q(null), s = q(0), _ = q(0), d = q("idle"), I = null, f = null;
+  const g = t.$$host;
+  let i = u(t, "recordingId", 7), o = u(t, "apiHost", 7, "api.44.audio"), r = u(t, "preload", 7, "none"), a = q(null), n = q(null), s = q(0), _ = q(0), f = q("idle"), I = null, d = null;
   const l = W(() => ({
     waveform: e(a)?.waveform ?? [],
     transcription: e(a)?.transcription ?? null,
@@ -1064,32 +1064,32 @@ function Gr(y, t) {
     words: e(a)?.words ?? null
   }));
   function P() {
-    p.duration = e(_), p.currentTime = e(s), p.state = e(d), p.metadata = e(l), p.setAttribute("data-state", e(d));
+    g.duration = e(_), g.currentTime = e(s), g.state = e(f), g.metadata = e(l), g.setAttribute("data-state", e(f));
   }
-  function b(g) {
-    P(), p.dispatchEvent(new CustomEvent(g, { bubbles: !0, composed: !0 }));
+  function b(v) {
+    P(), g.dispatchEvent(new CustomEvent(v, { bubbles: !0, composed: !0 }));
   }
   function j() {
     if (!e(n)) {
-      f = null;
+      d = null;
       return;
     }
-    m(s, Math.floor(e(n).currentTime * 1e3), !0), b("timeupdate"), f = requestAnimationFrame(j);
+    m(s, Math.floor(e(n).currentTime * 1e3), !0), b("timeupdate"), d = requestAnimationFrame(j);
   }
   async function C() {
-    if (e(d) === "idle") {
+    if (e(f) === "idle") {
       if (!i()) {
         console.warn("fortyfour-recording: recording-id attribute is required");
         return;
       }
-      I = new AbortController(), m(d, "loading"), b("loading");
+      I = new AbortController(), m(f, "loading"), b("loading");
       try {
-        const g = await Ur(I.signal, o(), i());
-        m(a, g, !0), m(_, g.duration, !0), m(d, "ready"), b("loadedmetadata");
-      } catch (g) {
-        if (g.name === "AbortError")
+        const v = await Ur(I.signal, o(), i());
+        m(a, v, !0), m(_, v.duration, !0), m(f, "ready"), b("loadedmetadata");
+      } catch (v) {
+        if (v.name === "AbortError")
           return;
-        console.warn(`fortyfour-recording: ${g.message}`), m(d, "error"), b("error");
+        console.warn(`fortyfour-recording: ${v.message}`), m(f, "error"), b("error");
       }
     }
   }
@@ -1099,9 +1099,9 @@ function Gr(y, t) {
       return;
     }
     try {
-      await e(n).play(), m(d, "playing"), b("play"), f || j();
-    } catch {
-      m(d, "error"), b("error");
+      await e(n).play(), m(f, "playing"), b("play"), d || j();
+    } catch (v) {
+      console.warn(`fortyfour-recording: ${v.message}`), m(f, "error"), b("error");
     }
   }
   function A() {
@@ -1109,71 +1109,71 @@ function Gr(y, t) {
       console.warn("fortyfour-recording: pause() called but audio element not ready");
       return;
     }
-    e(n).pause(), m(d, "paused"), cancelAnimationFrame(f), f = null, b("pause");
+    e(n).pause(), m(f, "paused"), cancelAnimationFrame(d), d = null, b("pause");
   }
   async function X() {
-    if (e(d) === "error") {
+    if (e(f) === "error") {
       console.warn("fortyfour-recording: togglePlay() called while in error state");
       return;
     }
-    e(d) !== "loading" && (e(d) === "playing" ? A() : e(d) === "idle" ? (await C(), await gt(), e(d) === "ready" && await B()) : await B());
+    e(f) !== "loading" && (e(f) === "playing" ? A() : e(f) === "idle" ? (await C(), await gt(), e(f) === "ready" && await B()) : await B());
   }
-  function R(g) {
+  function R(v) {
     if (!e(n)) {
       console.warn("fortyfour-recording: seek() called but audio element not ready");
       return;
     }
-    if (typeof g != "number" || Number.isNaN(g)) {
-      console.warn("fortyfour-recording: seek() called with invalid time:", g);
+    if (typeof v != "number" || Number.isNaN(v)) {
+      console.warn("fortyfour-recording: seek() called with invalid time:", v);
       return;
     }
-    if (g < 0 || g > e(_)) {
-      console.warn("fortyfour-recording: seek() time out of range:", g, "duration:", e(_));
+    if (v < 0 || v > e(_)) {
+      console.warn("fortyfour-recording: seek() time out of range:", v, "duration:", e(_));
       return;
     }
-    e(n).currentTime = g / 1e3, m(s, Math.floor(g), !0), b("timeupdate");
+    e(n).currentTime = v / 1e3, m(s, Math.floor(v), !0), b("timeupdate");
   }
   async function V() {
-    cancelAnimationFrame(f), f = null, m(s, e(_), !0), b("timeupdate"), await gt(), m(s, 0), e(n).currentTime = 0, b("timeupdate"), m(d, "ready"), b("ended");
+    cancelAnimationFrame(d), d = null, m(s, e(_), !0), b("timeupdate"), await gt(), m(s, 0), e(n).currentTime = 0, b("timeupdate"), m(f, "ready"), b("ended");
   }
-  function k() {
-    m(d, "error"), b("error");
+  function k(v) {
+    console.warn("fortyfour-recording: audio error", v.target.error), m(f, "error"), b("error");
   }
   function D() {
-    I?.abort(), cancelAnimationFrame(f), f = null, e(n)?.pause(), m(a, null), m(s, 0), m(_, 0), m(d, "idle"), T = i(), b("timeupdate");
+    I?.abort(), cancelAnimationFrame(d), d = null, e(n)?.pause(), m(a, null), m(s, 0), m(_, 0), m(f, "idle"), T = i(), b("timeupdate");
   }
   let T = i();
   me(() => {
-    i() !== T && D(), e(d) === "idle" && (r() === "auto" || r() === "metadata") && C();
-  }), p.togglePlay = X, p.seek = R, P(), Ot(() => {
-    I?.abort(), e(n)?.pause(), cancelAnimationFrame(f);
+    i() !== T && D(), e(f) === "idle" && (r() === "auto" || r() === "metadata") && C();
+  }), g.togglePlay = X, g.seek = R, P(), Ot(() => {
+    I?.abort(), e(n)?.pause(), cancelAnimationFrame(d);
   });
   var L = {
     get recordingId() {
       return i();
     },
-    set recordingId(g) {
-      i(g), c();
+    set recordingId(v) {
+      i(v), c();
     },
     get apiHost() {
       return o();
     },
-    set apiHost(g = "api.44.audio") {
-      o(g), c();
+    set apiHost(v = "api.44.audio") {
+      o(v), c();
     },
     get preload() {
       return r();
     },
-    set preload(g = "none") {
-      r(g), c();
+    set preload(v = "none") {
+      r(v), c();
     }
   }, M = ee(), z = J(M);
-  return Gt(z, i, (g) => {
+  return Gt(z, i, (v) => {
     var E = ee(), Q = J(E);
     {
       var oe = (w) => {
         var h = Fr();
-        Ee(h, (v) => m(n, v), () => e(n)), H(() => {
+        Ee(h, (p) => m(n, p), () => e(n)), H(() => {
           Z(h, "src", e(a).audioUrl), Z(h, "preload", r() === "auto" ? "auto" : "none");
         }), Ie("ended", h, V), Ie("error", h, k), x(w, h);
       };
@@ -1181,7 +1181,7 @@ function Gr(y, t) {
         e(a)?.audioUrl && w(oe);
       });
     }
-    x(g, E);
+    x(v, E);
   }), x(y, M), ge(L);
 }
 customElements.define("fortyfour-recording", ue(
@@ -1198,28 +1198,28 @@ customElements.define("fortyfour-recording", ue(
 function De(y) {
   if (isNaN(y) || y < 0)
     return "-:--";
-  const t = Math.floor(y / 3600), p = Math.floor(y % 3600 / 60), i = y % 60;
-  return t > 0 ? `${t}:${p.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}` : `${p}:${i.toString().padStart(2, "0")}`;
+  const t = Math.floor(y / 3600), g = Math.floor(y % 3600 / 60), i = y % 60;
+  return t > 0 ? `${t}:${g.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}` : `${g}:${i.toString().padStart(2, "0")}`;
 }
 function ht(y) {
   if (isNaN(y) || y < 0)
     return "--";
-  const t = Math.floor(y / 1e3), p = Math.floor(t / 60), i = t % 60;
-  return p > 0 ? `${p}m ${i}s` : `${i}s`;
+  const t = Math.floor(y / 1e3), g = Math.floor(t / 60), i = t % 60;
+  return g > 0 ? `${g}m ${i}s` : `${i}s`;
 }
 function st(y, t = 200) {
-  let p = q(!1);
+  let g = q(!1);
   return me(() => {
     if (y()) {
-      const i = setTimeout(() => m(p, !0), t);
+      const i = setTimeout(() => m(g, !0), t);
       return () => clearTimeout(i);
     } else
-      m(p, !1);
-  }), () => e(p);
+      m(g, !1);
+  }), () => e(g);
 }
-function Oe(y, t, p) {
+function Oe(y, t, g) {
   me(() => {
-    p() ? y.setAttribute(t, "") : y.removeAttribute(t);
+    g() ? y.setAttribute(t, "") : y.removeAttribute(t);
   });
 }
 const Kr = {
@@ -1231,7 +1231,7 @@ const Kr = {
 };
 function Vr(y, t) {
   pe(t, !0), be(y, Kr);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "for", 7, ""), o = u(t, "format", 7, "elapsed/total"), r = q(0), a = q(0);
   function n(P, b, j) {
     const C = Math.floor(P / 1e3), B = Math.floor(b / 1e3), A = Math.max(0, B - C);
@@ -1272,12 +1272,12 @@ function Vr(y, t) {
         return "0";
     }
   }
-  Oe(p, "data-placeholder", () => e(a) === 0), me(() => {
+  Oe(g, "data-placeholder", () => e(a) === 0), me(() => {
     if (!i()) {
       console.warn("fortyfour-duration: for attribute is required");
       return;
     }
-    const b = p.getRootNode().getElementById(i());
+    const b = g.getRootNode().getElementById(i());
     if (!b) {
       console.warn(`fortyfour-duration: element with id "${i()}" not found`);
       return;
@@ -1303,9 +1303,9 @@ function Vr(y, t) {
     set format(P = "elapsed/total") {
       o(P), c();
     }
-  }, d = ee(), I = J(d);
+  }, f = ee(), I = J(f);
   {
-    var f = (P) => {
+    var d = (P) => {
       var b = yt();
       H((j) => je(b, j), [
         () => n(e(r), e(a), o())
@@ -1318,10 +1318,10 @@ function Vr(y, t) {
       }), x(P, b);
     };
     K(I, (P) => {
-      e(a) !== 0 ? P(f) : P(l, !1);
+      e(a) !== 0 ? P(d) : P(l, !1);
     });
   }
-  return x(y, d), ge(_);
+  return x(y, f), ge(_);
 }
 customElements.define("fortyfour-duration", ue(
   Vr,
@@ -1344,14 +1344,14 @@ const Yr = {
 };
 function ut(y, t) {
   pe(t, !0), be(y, Yr);
-  let p = u(t, "progress", 7, 0);
-  const i = W(() => p() * 360);
+  let g = u(t, "progress", 7, 0);
+  const i = W(() => g() * 360);
   var o = {
     get progress() {
-      return p();
+      return g();
     },
     set progress(a = 0) {
-      p(a), c();
+      g(a), c();
     }
   }, r = Xr();
   return H(() => Le(r, `--progress-deg: ${e(i) ?? ""}deg`)), x(y, r), ge(o);
@@ -1405,12 +1405,12 @@ const ea = {
 };
 function ct(y, t) {
   pe(t, !0), be(y, ea);
-  let p = u(t, "isPlaying", 7, !1), i = u(t, "amplitude", 7, 0), o = u(t, "intensity", 7, 1), r = q(Xe({ small: !1, medium: !1, large: !1 }));
+  let g = u(t, "isPlaying", 7, !1), i = u(t, "amplitude", 7, 0), o = u(t, "intensity", 7, 1), r = q(Xe({ small: !1, medium: !1, large: !1 }));
   function a(j) {
     return j < 33 ? "small" : j < 66 ? "medium" : "large";
   }
   me(() => {
-    if (!p()) {
+    if (!g()) {
       m(r, { small: !1, medium: !1, large: !1 }, !0);
       return;
     }
@@ -1422,10 +1422,10 @@ function ct(y, t) {
   }
   var s = {
     get isPlaying() {
-      return p();
+      return g();
     },
     set isPlaying(j = !1) {
-      p(j), c();
+      g(j), c();
     },
     get amplitude() {
       return i();
@@ -1439,27 +1439,27 @@ function ct(y, t) {
     set intensity(j = 1) {
       o(j), c();
     }
-  }, _ = $r(), d = J(_);
+  }, _ = $r(), f = J(_);
   {
     var I = (j) => {
       var C = Zr();
       H(() => Le(C, `--intensity: ${o() ?? ""};`)), Ie("animationend", C, () => n("small")), x(j, C);
     };
-    K(d, (j) => {
+    K(f, (j) => {
       e(r).small && j(I);
     });
   }
-  var f = ye(d, 2);
+  var d = ye(f, 2);
   {
     var l = (j) => {
       var C = Jr();
       H(() => Le(C, `--intensity: ${o() ?? ""};`)), Ie("animationend", C, () => n("medium")), x(j, C);
     };
-    K(f, (j) => {
+    K(d, (j) => {
       e(r).medium && j(l);
     });
   }
-  var P = ye(f, 2);
+  var P = ye(d, 2);
   {
     var b = (j) => {
       var C = Qr();
@@ -1481,13 +1481,13 @@ const aa = {
 };
 function Ye(y, t) {
   pe(t, !0), be(y, aa);
-  let p = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), d = u(t, "ariaLabel", 7, "Play"), I = u(t, "borderRadius", 7, "50%"), f = u(t, "children", 7);
+  let g = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), f = u(t, "ariaLabel", 7, "Play"), I = u(t, "borderRadius", 7, "50%"), d = u(t, "children", 7);
   var l = {
     get onclick() {
-      return p();
+      return g();
     },
     set onclick(k) {
-      p(k), c();
+      g(k), c();
     },
     get disabled() {
       return i();
@@ -1532,10 +1532,10 @@ function Ye(y, t) {
       _(k), c();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     set ariaLabel(k = "Play") {
-      d(k), c();
+      f(k), c();
     },
     get borderRadius() {
       return I();
@@ -1544,10 +1544,10 @@ function Ye(y, t) {
       I(k), c();
     },
     get children() {
-      return f();
+      return d();
     },
     set children(k) {
-      f(k), c();
+      d(k), c();
     }
   }, P = ra(), b = G(P);
   {
@@ -1570,7 +1570,7 @@ function Ye(y, t) {
   }
   var C = ye(b, 2);
   let B;
-  C.__click = [ta, p];
+  C.__click = [ta, g];
   var A = G(C);
   {
     var X = (k) => {
@@ -1585,9 +1585,9 @@ function Ye(y, t) {
     });
   }
   var R = ye(A, 2), V = G(R);
-  return Ge(V, f), N(R), N(C), N(P), H(
+  return Ge(V, d), N(R), N(C), N(P), H(
     (k) => {
-      Le(P, `border-radius: ${I() ?? ""}`), B = de(C, 1, "play-button svelte-nzw87g", null, B, k), C.disabled = i(), Z(C, "aria-label", d()), Z(C, "aria-busy", o()), Le(C, `border-radius: ${I() ?? ""}`);
+      Le(P, `border-radius: ${I() ?? ""}`), B = fe(C, 1, "play-button svelte-nzw87g", null, B, k), C.disabled = i(), Z(C, "aria-label", f()), Z(C, "aria-busy", o()), Le(C, `border-radius: ${I() ?? ""}`);
     },
     [() => ({ "has-ring-progress": r() === "ring" })]
   ), x(y, P), ge(l);
@@ -1614,13 +1614,13 @@ ue(
 );
 function tt(y, t) {
   pe(t, !0);
-  let p = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), d = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
-  var f = {
+  let g = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), f = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
+  var d = {
     get onclick() {
-      return p();
+      return g();
     },
     set onclick(l) {
-      p(l), c();
+      g(l), c();
     },
     get disabled() {
       return i();
@@ -1665,10 +1665,10 @@ function tt(y, t) {
       _(l), c();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     set ariaLabel(l = "Play") {
-      d(l), c();
+      f(l), c();
     },
     get children() {
       return I();
@@ -1679,7 +1679,7 @@ function tt(y, t) {
   };
   return Ye(y, {
     get onclick() {
-      return p();
+      return g();
     },
     get disabled() {
       return i();
@@ -1703,7 +1703,7 @@ function tt(y, t) {
       return _();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     borderRadius: "50%",
     children: (l, P) => {
@@ -1711,7 +1711,7 @@ function tt(y, t) {
       Ge(j, I), x(l, b);
     },
     $$slots: { default: !0 }
-  }), ge(f);
+  }), ge(d);
 }
 ue(
   tt,
@@ -1733,13 +1733,13 @@ ue(
 );
 function Lt(y, t) {
   pe(t, !0);
-  let p = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), d = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
-  var f = {
+  let g = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), f = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
+  var d = {
     get onclick() {
-      return p();
+      return g();
     },
     set onclick(l) {
-      p(l), c();
+      g(l), c();
     },
     get disabled() {
       return i();
@@ -1784,10 +1784,10 @@ function Lt(y, t) {
       _(l), c();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     set ariaLabel(l = "Play") {
-      d(l), c();
+      f(l), c();
     },
     get children() {
       return I();
@@ -1798,7 +1798,7 @@ function Lt(y, t) {
   };
   return Ye(y, {
     get onclick() {
-      return p();
+      return g();
     },
     get disabled() {
       return i();
@@ -1822,7 +1822,7 @@ function Lt(y, t) {
       return _();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     borderRadius: "0",
     children: (l, P) => {
@@ -1830,7 +1830,7 @@ function Lt(y, t) {
       Ge(j, I), x(l, b);
     },
     $$slots: { default: !0 }
-  }), ge(f);
+  }), ge(d);
 }
 ue(
   Lt,
@@ -1852,13 +1852,13 @@ ue(
 );
 function jt(y, t) {
   pe(t, !0);
-  let p = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), d = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
-  var f = {
+  let g = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), f = u(t, "ariaLabel", 7, "Play"), I = u(t, "children", 7);
+  var d = {
     get onclick() {
-      return p();
+      return g();
     },
     set onclick(l) {
-      p(l), c();
+      g(l), c();
     },
     get disabled() {
       return i();
@@ -1903,10 +1903,10 @@ function jt(y, t) {
       _(l), c();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     set ariaLabel(l = "Play") {
-      d(l), c();
+      f(l), c();
     },
     get children() {
       return I();
@@ -1917,7 +1917,7 @@ function jt(y, t) {
   };
   return Ye(y, {
     get onclick() {
-      return p();
+      return g();
     },
     get disabled() {
       return i();
@@ -1941,7 +1941,7 @@ function jt(y, t) {
       return _();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
     borderRadius: "var(--fortyfour-play-button-border-radius)",
     children: (l, P) => {
@@ -1949,7 +1949,7 @@ function jt(y, t) {
       Ge(j, I), x(l, b);
     },
     $$slots: { default: !0 }
-  }), ge(f);
+  }), ge(d);
 }
 ue(
   jt,
@@ -1976,9 +1976,9 @@ const na = {
 };
 function It(y, t) {
   pe(t, !0), be(y, na);
-  let p = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), d = u(t, "ariaLabel", 7, "Play"), I = u(t, "animate", 7, !1), f = u(t, "speed", 7, 20), l = u(t, "children", 7);
-  function P(v, S) {
-    return Math.floor(v + Math.random() * (S - v));
+  let g = u(t, "onclick", 7), i = u(t, "disabled", 7, !1), o = u(t, "loading", 7, !1), r = u(t, "visualization", 7, "none"), a = u(t, "progressPercent", 7, 0), n = u(t, "isPlaying", 7, !1), s = u(t, "amplitude", 7, 0), _ = u(t, "rippleIntensity", 7, 1), f = u(t, "ariaLabel", 7, "Play"), I = u(t, "animate", 7, !1), d = u(t, "speed", 7, 20), l = u(t, "children", 7);
+  function P(p, S) {
+    return Math.floor(p + Math.random() * (S - p));
   }
   function b() {
     const S = ($) => 100 - $;
@@ -2002,7 +2002,7 @@ function It(y, t) {
   let A = q(null), X = null;
   const R = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   me(() => (e(A) && I() && !R && (X = e(A).animate(C, {
-    duration: f() * 1e3,
+    duration: d() * 1e3,
     iterations: 1 / 0,
     easing: "ease"
   })), () => {
@@ -2010,83 +2010,83 @@ function It(y, t) {
   }));
   var V = {
     get onclick() {
-      return p();
+      return g();
     },
-    set onclick(v) {
-      p(v), c();
+    set onclick(p) {
+      g(p), c();
     },
     get disabled() {
       return i();
     },
-    set disabled(v = !1) {
-      i(v), c();
+    set disabled(p = !1) {
+      i(p), c();
     },
     get loading() {
       return o();
     },
-    set loading(v = !1) {
-      o(v), c();
+    set loading(p = !1) {
+      o(p), c();
     },
     get visualization() {
       return r();
     },
-    set visualization(v = "none") {
-      r(v), c();
+    set visualization(p = "none") {
+      r(p), c();
     },
     get progressPercent() {
       return a();
     },
-    set progressPercent(v = 0) {
-      a(v), c();
+    set progressPercent(p = 0) {
+      a(p), c();
     },
     get isPlaying() {
       return n();
     },
-    set isPlaying(v = !1) {
-      n(v), c();
+    set isPlaying(p = !1) {
+      n(p), c();
     },
     get amplitude() {
       return s();
     },
-    set amplitude(v = 0) {
-      s(v), c();
+    set amplitude(p = 0) {
+      s(p), c();
     },
     get rippleIntensity() {
       return _();
     },
-    set rippleIntensity(v = 1) {
-      _(v), c();
+    set rippleIntensity(p = 1) {
+      _(p), c();
     },
     get ariaLabel() {
-      return d();
+      return f();
     },
-    set ariaLabel(v = "Play") {
-      d(v), c();
+    set ariaLabel(p = "Play") {
+      f(p), c();
     },
     get animate() {
       return I();
     },
-    set animate(v = !1) {
-      I(v), c();
+    set animate(p = !1) {
+      I(p), c();
     },
     get speed() {
-      return f();
+      return d();
     },
-    set speed(v = 20) {
-      f(v), c();
+    set speed(p = 20) {
+      d(p), c();
     },
     get children() {
       return l();
     },
-    set children(v) {
-      l(v), c();
+    set children(p) {
+      l(p), c();
     }
   }, k = oa();
   let D;
   var T = G(k);
   {
-    var L = (v) => {
-      ct(v, {
+    var L = (p) => {
+      ct(p, {
         get isPlaying() {
           return n();
         },
@@ -2098,34 +2098,34 @@ function It(y, t) {
         }
       });
     };
-    K(T, (v) => {
-      r() === "ripple" && v(L);
+    K(T, (p) => {
+      r() === "ripple" && p(L);
     });
   }
   var M = ye(T, 2);
-  M.__click = function(...v) {
-    p()?.apply(this, v);
+  M.__click = function(...p) {
+    g()?.apply(this, p);
   };
   var z = G(M);
-  let g, E;
+  let v, E;
   var Q = G(z);
   {
-    var oe = (v) => {
-      ut(v, {
+    var oe = (p) => {
+      ut(p, {
         get progress() {
           return a();
         }
       });
     };
-    K(Q, (v) => {
-      r() === "ring" && v(oe);
+    K(Q, (p) => {
+      r() === "ring" && p(oe);
     });
   }
-  N(z), Ee(z, (v) => m(A, v), () => e(A));
+  N(z), Ee(z, (p) => m(A, p), () => e(A));
   var w = ye(z, 2), h = G(w);
   return Ge(h, l), N(w), N(M), N(k), H(
-    (v, S, O) => {
-      D = Le(k, "", D, v), M.disabled = i(), Z(M, "aria-label", d()), Z(M, "aria-busy", o()), g = de(z, 1, "blob-background svelte-jokk6x", null, g, S), E = Le(z, "", E, O);
+    (p, S, O) => {
+      D = Le(k, "", D, p), M.disabled = i(), Z(M, "aria-label", f()), Z(M, "aria-busy", o()), v = fe(z, 1, "blob-background svelte-jokk6x", null, v, S), E = Le(z, "", E, O);
     },
     [
       () => ({ "border-radius": B }),
@@ -2213,18 +2213,18 @@ const ca = {
     :host([hover="lift"]) {transition:none;}
   }`
 };
-function fa(y, t) {
+function da(y, t) {
   pe(t, !0), be(y, ca);
-  const p = (g) => {
+  const g = (v) => {
     var E = ee(), Q = J(E);
     {
       var oe = (h) => {
-        var v = ee(), S = J(v);
+        var p = ee(), S = J(p);
         Ce(S, t, "icon-error", {}, (O) => {
           Tt(O);
-        }), x(h, v);
+        }), x(h, p);
       }, w = (h) => {
-        var v = ee(), S = J(v);
+        var p = ee(), S = J(p);
         {
           var O = (Y) => {
             var ce = ee(), U = J(ce);
@@ -2235,13 +2235,13 @@ function fa(y, t) {
             var ce = ee(), U = J(ce);
             {
               var re = (ie) => {
-                var ve = ee(), fe = J(ve);
-                Ce(fe, t, "icon-playing", {}, (ae) => {
+                var ve = ee(), de = J(ve);
+                Ce(de, t, "icon-playing", {}, (ae) => {
                   Mt(ae);
                 }), x(ie, ve);
               }, ne = (ie) => {
-                var ve = ee(), fe = J(ve);
-                Ce(fe, t, "icon-paused", {}, (ae) => {
+                var ve = ee(), de = J(ve);
+                Ce(de, t, "icon-paused", {}, (ae) => {
                   Et(ae);
                 }), x(ie, ve);
               };
@@ -2263,26 +2263,26 @@ function fa(y, t) {
             !0
           );
         }
-        x(h, v);
+        x(h, p);
       };
       K(Q, (h) => {
         e(X) ? h(oe) : h(w, !1);
       });
     }
-    x(g, E);
+    x(v, E);
   }, i = t.$$host;
-  let o = u(t, "for", 7, ""), r = u(t, "shape", 7, "circle"), a = u(t, "visualization", 7, "none"), n = u(t, "hover", 7, "none"), s = u(t, "rippleIntensity", 7, 1), _ = u(t, "blobAnimate", 7, !1), d = u(t, "blobSpeed", 7, 20);
+  let o = u(t, "for", 7, ""), r = u(t, "shape", 7, "circle"), a = u(t, "visualization", 7, "none"), n = u(t, "hover", 7, "none"), s = u(t, "rippleIntensity", 7, 1), _ = u(t, "blobAnimate", 7, !1), f = u(t, "blobSpeed", 7, 20);
   const I = {
     circle: tt,
     square: Lt,
     "rounded-square": jt,
     blob: It
   };
-  let f = q(null), l = q("idle"), P = q(0), b = q(0), j = q(Xe([]));
+  let d = q(null), l = q("idle"), P = q(0), b = q(0), j = q(Xe([]));
   const C = W(() => I[r()] ?? tt), B = W(() => e(l) === "playing"), A = W(() => e(l) === "loading"), X = W(() => e(l) === "error"), R = W(() => e(b) > 0 ? e(P) / e(b) : 0), V = st(() => e(A), 200), k = W(() => {
     if (!e(j).length || e(b) === 0)
       return 0;
-    const g = Math.floor(e(P) / e(b) * e(j).length), E = 3, Q = Math.max(0, g - Math.floor(E / 2)), oe = Math.min(e(j).length, Q + E), w = e(j).slice(Q, oe), h = w.reduce((v, S) => v + S * S, 0);
+    const v = Math.floor(e(P) / e(b) * e(j).length), E = 3, Q = Math.max(0, v - Math.floor(E / 2)), oe = Math.min(e(j).length, Q + E), w = e(j).slice(Q, oe), h = w.reduce((p, S) => p + S * S, 0);
     return Math.sqrt(h / w.length);
   }), D = W(() => ({
     onclick: T,
@@ -2294,84 +2294,84 @@ function fa(y, t) {
     amplitude: e(k),
     rippleIntensity: s(),
     ariaLabel: e(B) ? "Pause" : "Play",
-    ...r() === "blob" ? { animate: _(), speed: d() } : {}
+    ...r() === "blob" ? { animate: _(), speed: f() } : {}
   }));
   me(() => {
     if (!o()) {
       console.warn("fortyfour-play-button: 'for' attribute is required");
       return;
     }
-    const g = i.getRootNode();
-    if (m(f, g.getElementById(o()), !0), !e(f)) {
+    const v = i.getRootNode();
+    if (m(d, v.getElementById(o()), !0), !e(d)) {
       console.warn(`fortyfour-play-button: element with id "${o()}" not found`);
       return;
     }
     function E() {
-      m(l, e(f).state, !0), m(P, e(f).currentTime, !0), m(b, e(f).duration, !0), m(j, e(f).metadata?.waveform ?? [], !0);
+      m(l, e(d).state, !0), m(P, e(d).currentTime, !0), m(b, e(d).duration, !0), m(j, e(d).metadata?.waveform ?? [], !0);
     }
-    return E(), e(f).addEventListener("loading", E), e(f).addEventListener("loadedmetadata", E), e(f).addEventListener("play", E), e(f).addEventListener("pause", E), e(f).addEventListener("ended", E), e(f).addEventListener("error", E), e(f).addEventListener("timeupdate", E), () => {
-      e(f).removeEventListener("loading", E), e(f).removeEventListener("loadedmetadata", E), e(f).removeEventListener("play", E), e(f).removeEventListener("pause", E), e(f).removeEventListener("ended", E), e(f).removeEventListener("error", E), e(f).removeEventListener("timeupdate", E);
+    return E(), e(d).addEventListener("loading", E), e(d).addEventListener("loadedmetadata", E), e(d).addEventListener("play", E), e(d).addEventListener("pause", E), e(d).addEventListener("ended", E), e(d).addEventListener("error", E), e(d).addEventListener("timeupdate", E), () => {
+      e(d).removeEventListener("loading", E), e(d).removeEventListener("loadedmetadata", E), e(d).removeEventListener("play", E), e(d).removeEventListener("pause", E), e(d).removeEventListener("ended", E), e(d).removeEventListener("error", E), e(d).removeEventListener("timeupdate", E);
     };
   });
   function T() {
-    e(f)?.togglePlay();
+    e(d)?.togglePlay();
   }
   Oe(i, "data-playing", () => e(B)), Oe(i, "data-loading", V), Oe(i, "data-error", () => e(X));
   var L = {
     get for() {
       return o();
     },
-    set for(g = "") {
-      o(g), c();
+    set for(v = "") {
+      o(v), c();
     },
     get shape() {
       return r();
     },
-    set shape(g = "circle") {
-      r(g), c();
+    set shape(v = "circle") {
+      r(v), c();
     },
     get visualization() {
       return a();
     },
-    set visualization(g = "none") {
-      a(g), c();
+    set visualization(v = "none") {
+      a(v), c();
     },
     get hover() {
       return n();
     },
-    set hover(g = "none") {
-      n(g), c();
+    set hover(v = "none") {
+      n(v), c();
     },
     get rippleIntensity() {
       return s();
     },
-    set rippleIntensity(g = 1) {
-      s(g), c();
+    set rippleIntensity(v = 1) {
+      s(v), c();
     },
     get blobAnimate() {
       return _();
     },
-    set blobAnimate(g = !1) {
-      _(g), c();
+    set blobAnimate(v = !1) {
+      _(v), c();
     },
     get blobSpeed() {
-      return d();
+      return f();
     },
-    set blobSpeed(g = 20) {
-      d(g), c();
+    set blobSpeed(v = 20) {
+      f(v), c();
     }
   }, M = ee(), z = J(M);
-  return Kt(z, () => e(C), (g, E) => {
-    E(g, Ft(() => e(D), {
+  return Kt(z, () => e(C), (v, E) => {
+    E(v, Ft(() => e(D), {
       children: (Q, oe) => {
-        p(Q);
+        g(Q);
       },
       $$slots: { default: !0 }
     }));
   }), x(y, M), ge(L);
 }
 customElements.define("fortyfour-play-button", ue(
-  fa,
+  da,
   {
     for: { attribute: "for", reflect: !0 },
     shape: { attribute: "shape", reflect: !0 },
@@ -2388,43 +2388,43 @@ customElements.define("fortyfour-play-button", ue(
 function Rt(y, t) {
   if (!y.length || t <= 0)
     return [];
-  const p = y.length / t, i = [];
+  const g = y.length / t, i = [];
   for (let o = 0; o < t; o++) {
-    const r = Math.floor(o * p), a = Math.floor((o + 1) * p), n = y.slice(r, Math.max(r + 1, a)), s = n.reduce((d, I) => d + I * I, 0), _ = Math.sqrt(s / n.length);
+    const r = Math.floor(o * g), a = Math.floor((o + 1) * g), n = y.slice(r, Math.max(r + 1, a)), s = n.reduce((f, I) => f + I * I, 0), _ = Math.sqrt(s / n.length);
     i.push(_);
   }
   return i;
 }
-function ft(y, t, p) {
+function dt(y, t, g) {
   return function(o) {
-    const r = y(), a = t(), n = p();
+    const r = y(), a = t(), n = g();
     if (!r || !n || a <= 0)
       return;
-    const s = o.clientX - n.left, d = Math.max(0, Math.min(1, s / n.width)) * a;
-    r.seek(d);
+    const s = o.clientX - n.left, f = Math.max(0, Math.min(1, s / n.width)) * a;
+    r.seek(f);
   };
 }
-function dt(y, t, p) {
+function ft(y, t, g) {
   return function(o) {
-    const r = y(), a = t(), n = p();
+    const r = y(), a = t(), n = g();
     if (!r || a <= 0)
       return;
     const s = a * 0.05;
     o.key === "ArrowRight" ? r.seek(Math.min(a, n + s)) : o.key === "ArrowLeft" && r.seek(Math.max(0, n - s));
   };
 }
-var da = Me("<rect></rect>"), va = F('<div class="waveform svelte-kt0w9q" role="slider" tabindex="0" aria-valuemin="0" aria-label="Audio playback position"><svg width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="svelte-kt0w9q"><!></svg></div>');
+var fa = Me("<rect></rect>"), va = F('<div class="waveform svelte-kt0w9q" role="slider" tabindex="0" aria-valuemin="0" aria-label="Audio playback position"><svg width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="svelte-kt0w9q"><!></svg></div>');
 const pa = {
   hash: "svelte-kt0w9q",
   code: ":host {display:flex;flex:1;--waveform-progress-color: #3b82f6;--waveform-track-color: #e5e7eb;--waveform-focus-color: #3b82f6;--waveform-focus-width: 2px;--waveform-focus-offset: 2px;--waveform-focus-radius: 4px;}.waveform.svelte-kt0w9q {flex:1;height:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--waveform-focus-radius);}.waveform.svelte-kt0w9q:focus-visible {outline:var(--waveform-focus-width) solid var(--waveform-focus-color);outline-offset:var(--waveform-focus-offset);}svg.svelte-kt0w9q {display:block;}.bar.svelte-kt0w9q {transition:fill 0.15s;}.progress.svelte-kt0w9q {fill:var(--waveform-progress-color);}.track.svelte-kt0w9q {fill:var(--waveform-track-color);}"
 };
 function ga(y, t) {
   pe(t, !0), be(y, pa);
-  const p = t.$$host;
-  let i = u(t, "for", 7, ""), o = u(t, "barWidth", 7, 3), r = u(t, "barGap", 7, 1), a = u(t, "barRadius", 7, 1), n = u(t, "minBarHeight", 7, 3), s = u(t, "height", 7, 56), _ = q(Xe([])), d = q(0), I = q(0), f = q(null), l = q(0), P = q(!1), b = q(null);
-  p.style.height = `${s()}px`, Fe(() => {
-    const z = new ResizeObserver((g) => {
-      for (let E of g)
+  const g = t.$$host;
+  let i = u(t, "for", 7, ""), o = u(t, "barWidth", 7, 3), r = u(t, "barGap", 7, 1), a = u(t, "barRadius", 7, 1), n = u(t, "minBarHeight", 7, 3), s = u(t, "height", 7, 56), _ = q(Xe([])), f = q(0), I = q(0), d = q(null), l = q(0), P = q(!1), b = q(null);
+  g.style.height = `${s()}px`, Fe(() => {
+    const z = new ResizeObserver((v) => {
+      for (let E of v)
         m(l, E.contentRect.width || 0, !0), m(P, !0);
     });
     return e(b) && z.observe(e(b)), () => {
@@ -2435,30 +2435,30 @@ function ga(y, t) {
       console.warn("fortyfour-bar-waveform: 'for' attribute is required");
       return;
     }
-    const z = p.getRootNode();
-    if (m(f, z.getElementById(i()), !0), !e(f)) {
+    const z = g.getRootNode();
+    if (m(d, z.getElementById(i()), !0), !e(d)) {
       console.warn(`fortyfour-bar-waveform: element with id "${i()}" not found`);
       return;
     }
-    e(f).metadata?.waveform && m(_, e(f).metadata.waveform, !0), e(f).duration && m(I, e(f).duration, !0), e(f).currentTime && m(d, e(f).currentTime, !0);
-    function g() {
-      m(_, e(f).metadata?.waveform || [], !0), m(I, e(f).duration, !0);
+    e(d).metadata?.waveform && m(_, e(d).metadata.waveform, !0), e(d).duration && m(I, e(d).duration, !0), e(d).currentTime && m(f, e(d).currentTime, !0);
+    function v() {
+      m(_, e(d).metadata?.waveform || [], !0), m(I, e(d).duration, !0);
     }
     function E() {
-      m(d, e(f).currentTime, !0);
+      m(f, e(d).currentTime, !0);
     }
-    return e(f).addEventListener("loadedmetadata", g), e(f).addEventListener("timeupdate", E), () => {
-      e(f).removeEventListener("loadedmetadata", g), e(f).removeEventListener("timeupdate", E);
+    return e(d).addEventListener("loadedmetadata", v), e(d).addEventListener("timeupdate", E), () => {
+      e(d).removeEventListener("loadedmetadata", v), e(d).removeEventListener("timeupdate", E);
     };
   });
-  const j = W(() => Math.max(1, Math.floor(e(l) / (o() + r())))), C = W(() => e(_).length > 0), B = W(() => e(C) ? Rt(e(_), e(j)) : Array(e(j)).fill(0)), A = W(() => e(I) > 0 ? e(d) / e(I) : 0), X = W(() => e(B).map((z) => {
-    const g = Math.max(n(), Math.round(z / 100 * (s() - n()) + n()));
-    return g % 2 === 0 ? g + 1 : g;
+  const j = W(() => Math.max(1, Math.floor(e(l) / (o() + r())))), C = W(() => e(_).length > 0), B = W(() => e(C) ? Rt(e(_), e(j)) : Array(e(j)).fill(0)), A = W(() => e(I) > 0 ? e(f) / e(I) : 0), X = W(() => e(B).map((z) => {
+    const v = Math.max(n(), Math.round(z / 100 * (s() - n()) + n()));
+    return v % 2 === 0 ? v + 1 : v;
   }));
   me(() => {
-    e(C) ? p.removeAttribute("data-placeholder") : p.setAttribute("data-placeholder", "");
+    e(C) ? g.removeAttribute("data-placeholder") : g.setAttribute("data-placeholder", "");
   });
-  const R = ft(() => e(f), () => e(I), () => p.getBoundingClientRect()), V = dt(() => e(f), () => e(I), () => e(d));
+  const R = dt(() => e(d), () => e(I), () => g.getBoundingClientRect()), V = ft(() => e(d), () => e(I), () => e(f));
   var k = {
     get for() {
       return i();
@@ -2501,24 +2501,24 @@ function ga(y, t) {
   var T = G(D), L = G(T);
   {
     var M = (z) => {
-      var g = ee(), E = J(g);
+      var v = ee(), E = J(v);
       Be(E, 17, () => e(X), Ae, (Q, oe, w) => {
-        const h = W(() => (w + 1) / e(X).length), v = W(() => e(h) <= e(A));
-        var S = da();
+        const h = W(() => (w + 1) / e(X).length), p = W(() => e(h) <= e(A));
+        var S = fa();
         H(
           (O) => {
-            de(S, 0, nt(["bar", e(v) ? "progress" : "track"]), "svelte-kt0w9q"), Z(S, "x", w * (o() + r())), Z(S, "y", s() / 4 - e(oe) / 2), Z(S, "width", O), Z(S, "height", e(oe)), Z(S, "rx", a());
+            fe(S, 0, nt(["bar", e(p) ? "progress" : "track"]), "svelte-kt0w9q"), Z(S, "x", w * (o() + r())), Z(S, "y", s() / 4 - e(oe) / 2), Z(S, "width", O), Z(S, "height", e(oe)), Z(S, "rx", a());
           },
           [() => Math.max(1, o() - 1)]
         ), x(Q, S);
-      }), x(z, g);
+      }), x(z, v);
     };
     K(L, (z) => {
       e(P) && z(M);
     });
   }
   return N(T), N(D), Ee(D, (z) => m(b, z), () => e(b)), H(() => {
-    Z(D, "aria-valuemax", e(I)), Z(D, "aria-valuenow", e(d)), Z(T, "height", s()), Z(T, "viewBox", `0 0 ${e(l)} ${s() / 2}`);
+    Z(D, "aria-valuemax", e(I)), Z(D, "aria-valuenow", e(f)), Z(T, "height", s()), Z(T, "viewBox", `0 0 ${e(l)} ${s() / 2}`);
   }), x(y, D), ge(k);
 }
 Ne(["click", "keydown"]);
@@ -2546,12 +2546,12 @@ const wa = {
 };
 function xa(y, t) {
   pe(t, !0), be(y, wa);
-  const p = t.$$host;
-  let i = u(t, "for", 7, ""), o = u(t, "lineWidth", 7, 2), r = u(t, "height", 7, 56), a = u(t, "sharp", 7, !1), n = q(Xe([])), s = q(0), _ = q(0), d = q(null), I = q(0), f = q(!1), l = q(null);
-  p.style.height = `${r()}px`, Fe(() => {
-    const h = new ResizeObserver((v) => {
-      for (let S of v)
-        m(I, S.contentRect.width || 0, !0), m(f, !0);
+  const g = t.$$host;
+  let i = u(t, "for", 7, ""), o = u(t, "lineWidth", 7, 2), r = u(t, "height", 7, 56), a = u(t, "sharp", 7, !1), n = q(Xe([])), s = q(0), _ = q(0), f = q(null), I = q(0), d = q(!1), l = q(null);
+  g.style.height = `${r()}px`, Fe(() => {
+    const h = new ResizeObserver((p) => {
+      for (let S of p)
+        m(I, S.contentRect.width || 0, !0), m(d, !0);
     });
     return e(l) && h.observe(e(l)), () => {
       h.disconnect();
@@ -2561,38 +2561,38 @@ function xa(y, t) {
       console.warn("fortyfour-line-waveform: 'for' attribute is required");
       return;
     }
-    const h = p.getRootNode();
-    if (m(d, h.getElementById(i()), !0), !e(d)) {
+    const h = g.getRootNode();
+    if (m(f, h.getElementById(i()), !0), !e(f)) {
       console.warn(`fortyfour-line-waveform: element with id "${i()}" not found`);
       return;
     }
-    e(d).metadata?.waveform && m(n, e(d).metadata.waveform, !0), e(d).duration && m(_, e(d).duration, !0), e(d).currentTime && m(s, e(d).currentTime, !0);
-    function v() {
-      m(n, e(d).metadata?.waveform || [], !0), m(_, e(d).duration, !0);
+    e(f).metadata?.waveform && m(n, e(f).metadata.waveform, !0), e(f).duration && m(_, e(f).duration, !0), e(f).currentTime && m(s, e(f).currentTime, !0);
+    function p() {
+      m(n, e(f).metadata?.waveform || [], !0), m(_, e(f).duration, !0);
     }
     function S() {
-      m(s, e(d).currentTime, !0);
+      m(s, e(f).currentTime, !0);
     }
-    return e(d).addEventListener("loadedmetadata", v), e(d).addEventListener("timeupdate", S), () => {
-      e(d).removeEventListener("loadedmetadata", v), e(d).removeEventListener("timeupdate", S);
+    return e(f).addEventListener("loadedmetadata", p), e(f).addEventListener("timeupdate", S), () => {
+      e(f).removeEventListener("loadedmetadata", p), e(f).removeEventListener("timeupdate", S);
     };
   });
   const P = 0.15, b = W(() => Math.max(2, Math.floor(e(I) * P))), j = W(() => e(n).length > 0), C = W(() => e(j) ? Rt(e(n), e(b)) : []), B = W(() => e(_) > 0 ? e(s) / e(_) : 0), A = W(() => r() / 2), X = W(() => r() / 2 * 0.8), R = W(() => {
     if (!e(C).length || e(I) === 0)
       return [];
-    const h = o() / 2, v = e(I) - h * 2;
+    const h = o() / 2, p = e(I) - h * 2;
     return e(C).map((S, O) => {
-      const $ = h + O / (e(C).length - 1) * v, Y = Math.max(0.05, S / 100), ce = O % 2 === 0 ? -1 : 1, U = e(A) + ce * Y * e(X);
+      const $ = h + O / (e(C).length - 1) * p, Y = Math.max(0.05, S / 100), ce = O % 2 === 0 ? -1 : 1, U = e(A) + ce * Y * e(X);
       return { x: $, y: U };
     });
   });
-  function V(h, v) {
+  function V(h, p) {
     if (h.length === 0)
       return "";
     let S = `M ${h[0].x} ${h[0].y}`;
     for (let O = 1; O < h.length; O++) {
       const $ = h[O - 1], Y = h[O];
-      if (v) {
+      if (p) {
         const ce = $.x + (Y.x - $.x) / 3, U = $.y, re = $.x + (Y.x - $.x) * 2 / 3, ne = Y.y;
         S += ` C ${ce} ${U}, ${re} ${ne}, ${Y.x} ${Y.y}`;
       } else
@@ -2603,33 +2603,33 @@ function xa(y, t) {
   const k = W(() => V(e(R), !a())), D = W(() => {
     if (e(B) <= 0 || e(I) === 0)
       return 0;
-    const h = o() / 2, v = e(I) - h * 2;
-    return h + e(B) * v;
+    const h = o() / 2, p = e(I) - h * 2;
+    return h + e(B) * p;
   }), T = W(() => {
     if (e(R).length === 0 || e(D) <= 0)
       return "";
     const h = [];
-    let v = null;
+    let p = null;
     for (let O = 0; O < e(R).length; O++)
       if (e(R)[O].x <= e(D))
         h.push(e(R)[O]);
       else {
-        v = e(R)[O];
+        p = e(R)[O];
         break;
       }
     if (h.length === 0)
       return "";
     const S = h[h.length - 1];
-    if (v && S.x < e(D)) {
-      const O = (e(D) - S.x) / (v.x - S.x), $ = S.y + O * (v.y - S.y);
+    if (p && S.x < e(D)) {
+      const O = (e(D) - S.x) / (p.x - S.x), $ = S.y + O * (p.y - S.y);
       h.push({ x: e(D), y: $ });
     }
     return V(h, !a());
   });
   me(() => {
-    e(j) ? p.removeAttribute("data-placeholder") : p.setAttribute("data-placeholder", "");
+    e(j) ? g.removeAttribute("data-placeholder") : g.setAttribute("data-placeholder", "");
   });
-  const L = ft(() => e(d), () => e(_), () => e(l).getBoundingClientRect()), M = dt(() => e(d), () => e(_), () => e(s));
+  const L = dt(() => e(f), () => e(_), () => e(l).getBoundingClientRect()), M = ft(() => e(f), () => e(_), () => e(s));
   var z = {
     get for() {
       return i();
@@ -2655,12 +2655,12 @@ function xa(y, t) {
     set sharp(h = !1) {
       a(h), c();
     }
-  }, g = ba();
-  g.__click = L, g.__keydown = M;
-  var E = G(g), Q = G(E);
+  }, v = ba();
+  v.__click = L, v.__keydown = M;
+  var E = G(v), Q = G(E);
   {
     var oe = (h) => {
-      var v = ha(), S = J(v);
+      var p = ha(), S = J(p);
       let O;
       var $ = ye(S);
       {
@@ -2669,7 +2669,7 @@ function xa(y, t) {
           let re;
           H(
             (ne) => {
-              re = de(U, 0, "line progress svelte-1j1dyl9", null, re, ne), Z(U, "d", e(T)), Z(U, "stroke-width", o());
+              re = fe(U, 0, "line progress svelte-1j1dyl9", null, re, ne), Z(U, "d", e(T)), Z(U, "stroke-width", o());
             },
             [() => ({ sharp: a() })]
           ), x(ce, U);
@@ -2680,12 +2680,12 @@ function xa(y, t) {
       }
       H(
         (ce) => {
-          O = de(S, 0, "line track svelte-1j1dyl9", null, O, ce), Z(S, "d", e(k)), Z(S, "stroke-width", o());
+          O = fe(S, 0, "line track svelte-1j1dyl9", null, O, ce), Z(S, "d", e(k)), Z(S, "stroke-width", o());
         },
         [() => ({ sharp: a() })]
-      ), x(h, v);
+      ), x(h, p);
     }, w = (h) => {
-      var v = ee(), S = J(v);
+      var p = ee(), S = J(p);
       {
         var O = ($) => {
           var Y = ma();
@@ -2696,20 +2696,20 @@ function xa(y, t) {
         K(
           S,
           ($) => {
-            e(f) && $(O);
+            e(d) && $(O);
           },
           !0
         );
       }
-      x(h, v);
+      x(h, p);
     };
     K(Q, (h) => {
-      e(f) && e(k) ? h(oe) : h(w, !1);
+      e(d) && e(k) ? h(oe) : h(w, !1);
     });
   }
-  return N(E), N(g), Ee(g, (h) => m(l, h), () => e(l)), H(() => {
-    Z(g, "aria-valuemax", e(_)), Z(g, "aria-valuenow", e(s)), Z(E, "height", r()), Z(E, "viewBox", `0 0 ${e(I)} ${r()}`);
-  }), x(y, g), ge(z);
+  return N(E), N(v), Ee(v, (h) => m(l, h), () => e(l)), H(() => {
+    Z(v, "aria-valuemax", e(_)), Z(v, "aria-valuenow", e(s)), Z(E, "height", r()), Z(E, "viewBox", `0 0 ${e(I)} ${r()}`);
+  }), x(y, v), ge(z);
 }
 Ne(["click", "keydown"]);
 customElements.define("fortyfour-line-waveform", ue(
@@ -2734,14 +2734,14 @@ const ka = {
 };
 function za(y, t) {
   pe(t, !0), be(y, ka);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "for", 7, ""), o = u(t, "barHeight", 7, 4), r = u(t, "barRadius", 7, 2), a = q(0), n = q(0), s = q(null), _ = q(null);
   me(() => {
     if (!i()) {
       console.warn("fortyfour-progress-bar: 'for' attribute is required");
       return;
     }
-    const A = p.getRootNode();
+    const A = g.getRootNode();
     if (m(s, A.getElementById(i()), !0), !e(s)) {
       console.warn(`fortyfour-progress-bar: element with id "${i()}" not found`);
       return;
@@ -2757,7 +2757,7 @@ function za(y, t) {
       e(s).removeEventListener("loadedmetadata", X), e(s).removeEventListener("timeupdate", R);
     };
   });
-  const d = W(() => e(n) > 0 ? e(a) / e(n) * 100 : 0), I = ft(() => e(s), () => e(n), () => e(_)?.getBoundingClientRect()), f = dt(() => e(s), () => e(n), () => e(a));
+  const f = W(() => e(n) > 0 ? e(a) / e(n) * 100 : 0), I = dt(() => e(s), () => e(n), () => e(_)?.getBoundingClientRect()), d = ft(() => e(s), () => e(n), () => e(a));
   var l = {
     get for() {
       return i();
@@ -2778,7 +2778,7 @@ function za(y, t) {
       r(A), c();
     }
   }, P = _a();
-  P.__click = I, P.__keydown = f;
+  P.__click = I, P.__keydown = d;
   var b = G(P);
   let j;
   var C = G(b);
@@ -2793,7 +2793,7 @@ function za(y, t) {
         "border-radius": `${r() ?? ""}px`
       }),
       () => ({
-        width: `${e(d) ?? ""}%`,
+        width: `${e(f) ?? ""}%`,
         "border-radius": `${r() ?? ""}px`
       })
     ]
@@ -2823,31 +2823,31 @@ const Ha = {
 };
 function Wa(y, t) {
   pe(t, !0), be(y, Ha);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "for", 7, ""), o = u(t, "mode", 7, "static"), r = u(t, "maxHeight", 7, 0), a = q(null);
   const n = W(() => r() > 0);
   let s = q(!1), _ = q(!1);
-  function d() {
+  function f() {
     if (!e(a) || !e(n)) {
       m(s, !1), m(_, !1);
       return;
     }
-    const { scrollTop: w, scrollHeight: h, clientHeight: v } = e(a);
-    m(s, w > 1), m(_, w + v < h - 1);
+    const { scrollTop: w, scrollHeight: h, clientHeight: p } = e(a);
+    m(s, w > 1), m(_, w + p < h - 1);
   }
-  let I = q(null), f = q(null), l = q("none"), P = q(0);
-  const b = st(() => e(I) === null, 200), j = W(() => e(I) !== null ? !1 : e(l) === "none" ? !0 : b()), C = W(() => e(f) !== null && e(f).length > 0), B = W(() => !e(C) || o() === "static" ? -1 : e(f).findIndex((w) => e(P) >= w.start && e(P) <= w.end));
+  let I = q(null), d = q(null), l = q("none"), P = q(0);
+  const b = st(() => e(I) === null, 200), j = W(() => e(I) !== null ? !1 : e(l) === "none" ? !0 : b()), C = W(() => e(d) !== null && e(d).length > 0), B = W(() => !e(C) || o() === "static" ? -1 : e(d).findIndex((w) => e(P) >= w.start && e(P) <= w.end));
   function A(w) {
     const h = [];
-    let v = { words: [], start: 0, end: 0 };
+    let p = { words: [], start: 0, end: 0 };
     for (const S of w) {
-      v.words.length === 0 && (v.start = S.start), v.words.push(S), v.end = S.end;
+      p.words.length === 0 && (p.start = S.start), p.words.push(S), p.end = S.end;
       const O = S.text.trim();
-      (O.endsWith(".") || O.endsWith("?") || O.endsWith("!")) && (h.push(v), v = { words: [], start: 0, end: 0 });
+      (O.endsWith(".") || O.endsWith("?") || O.endsWith("!")) && (h.push(p), p = { words: [], start: 0, end: 0 });
     }
-    return v.words.length > 0 && h.push(v), h;
+    return p.words.length > 0 && h.push(p), h;
   }
-  const X = W(() => e(C) ? A(e(f)) : []), R = W(() => o() !== "subtitle" || e(X).length === 0 ? null : e(X).find((w) => e(P) >= w.start && e(P) <= w.end) ?? null);
+  const X = W(() => e(C) ? A(e(d)) : []), R = W(() => o() !== "subtitle" || e(X).length === 0 ? null : e(X).find((w) => e(P) >= w.start && e(P) <= w.end) ?? null);
   function V(w) {
     return e(P) >= w.start && e(P) <= w.end;
   }
@@ -2859,17 +2859,17 @@ function Wa(y, t) {
       console.warn("fortyfour-transcription: 'for' attribute is required");
       return;
     }
-    const h = p.getRootNode().getElementById(i());
+    const h = g.getRootNode().getElementById(i());
     if (!h) {
       console.warn(`fortyfour-transcription: element with id "${i()}" not found`);
       return;
     }
     m(l, h.getAttribute("preload") || "none", !0);
-    const v = h.metadata;
-    v && (m(I, v.transcription ?? null, !0), m(f, v.words ?? null, !0)), h.currentTime && m(P, h.currentTime, !0);
+    const p = h.metadata;
+    p && (m(I, p.transcription ?? null, !0), m(d, p.words ?? null, !0)), h.currentTime && m(P, h.currentTime, !0);
     function S() {
       const $ = h.metadata;
-      m(I, $?.transcription ?? null, !0), m(f, $?.words ?? null, !0);
+      m(I, $?.transcription ?? null, !0), m(d, $?.words ?? null, !0);
     }
     function O() {
       m(P, h.currentTime, !0);
@@ -2877,13 +2877,13 @@ function Wa(y, t) {
     return h.addEventListener("loadedmetadata", S), h.addEventListener("timeupdate", O), () => {
       h.removeEventListener("loadedmetadata", S), h.removeEventListener("timeupdate", O);
     };
-  }), Oe(p, "data-placeholder", () => e(j)), me(() => {
+  }), Oe(g, "data-placeholder", () => e(j)), me(() => {
     if (!e(a) || !e(n))
       return;
-    d(), e(a).addEventListener("scroll", d);
-    const w = new ResizeObserver(d);
+    f(), e(a).addEventListener("scroll", f);
+    const w = new ResizeObserver(f);
     return w.observe(e(a)), () => {
-      e(a).removeEventListener("scroll", d), w.disconnect();
+      e(a).removeEventListener("scroll", f), w.disconnect();
     };
   }), me(() => {
     if (!e(n) || o() !== "karaoke")
@@ -2896,7 +2896,7 @@ function Wa(y, t) {
       return;
     const w = e(a)?.querySelector(".word.active");
     if (w) {
-      const h = e(a).getBoundingClientRect(), v = w.getBoundingClientRect(), S = e(a).scrollTop + (v.top - h.top) - h.height / 2 + v.height / 2;
+      const h = e(a).getBoundingClientRect(), p = w.getBoundingClientRect(), S = e(a).scrollTop + (p.top - h.top) - h.height / 2 + p.height / 2;
       e(a).scrollTo({ top: S, behavior: "smooth" });
     }
   });
@@ -2922,18 +2922,18 @@ function Wa(y, t) {
   }, T = Ca();
   let L;
   var M = G(T);
-  let z, g;
+  let z, v;
   var E = G(M);
   {
     var Q = (w) => {
-      var h = La(), v = G(h);
-      Be(v, 21, () => e(f), Ae, (S, O, $) => {
+      var h = La(), p = G(h);
+      Be(p, 21, () => e(d), Ae, (S, O, $) => {
         var Y = Pa();
         let ce;
         var U = G(Y, !0);
         N(Y), H(
           (re) => {
-            ce = de(Y, 1, "word svelte-1lixazt", null, ce, re), Z(Y, "data-type", e(O).type), je(U, e(O).text);
+            ce = fe(Y, 1, "word svelte-1lixazt", null, ce, re), Z(Y, "data-type", e(O).type), je(U, e(O).text);
           },
           [
             () => ({
@@ -2942,9 +2942,9 @@ function Wa(y, t) {
             })
           ]
         ), x(S, Y);
-      }), N(v), N(h), ze(1, h, () => Pe, () => ({ duration: 400 })), x(w, h);
+      }), N(p), N(h), ze(1, h, () => Pe, () => ({ duration: 400 })), x(w, h);
     }, oe = (w) => {
-      var h = ee(), v = J(h);
+      var h = ee(), p = J(h);
       {
         var S = ($) => {
           var Y = Ea(), ce = G(Y);
@@ -2952,12 +2952,12 @@ function Wa(y, t) {
             var U = (re) => {
               var ne = Ia();
               Be(ne, 21, () => e(R).words, Ae, (ie, ve) => {
-                var fe = ja();
+                var de = ja();
                 let ae;
-                var he = G(fe, !0);
-                N(fe), H(
+                var he = G(de, !0);
+                N(de), H(
                   (le) => {
-                    ae = de(fe, 1, "word svelte-1lixazt", null, ae, le), Z(fe, "data-type", e(ve).type), je(he, e(ve).text);
+                    ae = fe(de, 1, "word svelte-1lixazt", null, ae, le), Z(de, "data-type", e(ve).type), je(he, e(ve).text);
                   },
                   [
                     () => ({
@@ -2965,7 +2965,7 @@ function Wa(y, t) {
                       past: k(e(ve))
                     })
                   ]
-                ), x(ie, fe);
+                ), x(ie, de);
               }), N(ne), ze(1, ne, () => Pe, () => ({ duration: 200 })), x(re, ne);
             };
             K(ce, (re) => {
@@ -2978,7 +2978,7 @@ function Wa(y, t) {
           {
             var U = (ne) => {
               var ie = Sa(), ve = G(ie);
-              Be(ve, 21, () => e(f), Ae, (fe, ae, he) => {
+              Be(ve, 21, () => e(d), Ae, (de, ae, he) => {
                 var le = ee(), se = J(le);
                 {
                   var xe = (_e) => {
@@ -2987,7 +2987,7 @@ function Wa(y, t) {
                     var Se = G(we, !0);
                     N(we), H(
                       (He) => {
-                        ke = de(we, 1, "word svelte-1lixazt", null, ke, He), Z(we, "data-type", e(ae).type), je(Se, e(ae).text);
+                        ke = fe(we, 1, "word svelte-1lixazt", null, ke, He), Z(we, "data-type", e(ae).type), je(Se, e(ae).text);
                       },
                       [() => ({ active: he === e(B) })]
                     ), ze(1, we, () => Pe, () => ({ duration: 150 })), x(_e, we);
@@ -2996,12 +2996,12 @@ function Wa(y, t) {
                     e(P) >= e(ae).start && _e(xe);
                   });
                 }
-                x(fe, le);
+                x(de, le);
               }), N(ve), N(ie), ze(1, ie, () => Pe, () => ({ duration: 400 })), x(ne, ie);
             }, re = (ne) => {
               var ie = ee(), ve = J(ie);
               {
-                var fe = (he) => {
+                var de = (he) => {
                   var le = Ta(), se = G(le), xe = G(se, !0);
                   N(se), N(le), H(() => je(xe, e(I))), ze(1, le, () => Pe, () => ({ duration: 400 })), x(he, le);
                 }, ae = (he) => {
@@ -3027,7 +3027,7 @@ function Wa(y, t) {
                 K(
                   ve,
                   (he) => {
-                    e(I) ? he(fe) : he(ae, !1);
+                    e(I) ? he(de) : he(ae, !1);
                   },
                   !0
                 );
@@ -3045,7 +3045,7 @@ function Wa(y, t) {
           x($, Y);
         };
         K(
-          v,
+          p,
           ($) => {
             o() === "subtitle" && e(C) ? $(S) : $(O, !1);
           },
@@ -3059,8 +3059,8 @@ function Wa(y, t) {
     });
   }
   return N(M), Ee(M, (w) => m(a, w), () => e(a)), N(T), H(
-    (w, h, v) => {
-      L = de(T, 1, "wrapper svelte-1lixazt", null, L, w), z = de(M, 1, "container svelte-1lixazt", null, z, h), g = Le(M, "", g, v);
+    (w, h, p) => {
+      L = fe(T, 1, "wrapper svelte-1lixazt", null, L, w), z = fe(M, 1, "container svelte-1lixazt", null, z, h), v = Le(M, "", v, p);
     },
     [
       () => ({
@@ -3097,7 +3097,7 @@ const Na = {
 };
 function Da(y, t) {
   pe(t, !0), be(y, Na);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "for", 7, ""), o = u(t, "maxHeight", 7, 0), r = q(null);
   const a = W(() => o() > 0);
   let n = q(!1), s = q(!1);
@@ -3109,35 +3109,35 @@ function Da(y, t) {
     const { scrollTop: T, scrollHeight: L, clientHeight: M } = e(r);
     m(n, T > 1), m(s, T + M < L - 1);
   }
-  let d = q(null), I = q("none");
-  function f(T) {
+  let f = q(null), I = q("none");
+  function d(T) {
     if (!T)
       return T;
     const L = document.createElement("textarea");
     return L.innerHTML = T, L.value;
   }
-  const l = W(() => f(e(d))), P = st(() => e(d) === null, 200), b = W(() => e(d) !== null ? !1 : e(I) === "none" ? !0 : P());
+  const l = W(() => d(e(f))), P = st(() => e(f) === null, 200), b = W(() => e(f) !== null ? !1 : e(I) === "none" ? !0 : P());
   me(() => {
     if (!i()) {
       console.warn("fortyfour-translation: 'for' attribute is required");
       return;
     }
-    const L = p.getRootNode().getElementById(i());
+    const L = g.getRootNode().getElementById(i());
     if (!L) {
       console.warn(`fortyfour-translation: element with id "${i()}" not found`);
       return;
     }
     m(I, L.getAttribute("preload") || "none", !0);
     const M = L.metadata;
-    M && m(d, M.translation ?? null, !0);
+    M && m(f, M.translation ?? null, !0);
     function z() {
-      const g = L.metadata;
-      m(d, g?.translation ?? null, !0);
+      const v = L.metadata;
+      m(f, v?.translation ?? null, !0);
     }
     return L.addEventListener("loadedmetadata", z), () => {
       L.removeEventListener("loadedmetadata", z);
     };
-  }), Oe(p, "data-placeholder", () => e(b)), me(() => {
+  }), Oe(g, "data-placeholder", () => e(b)), me(() => {
     if (!e(r) || !e(a))
       return;
     _(), e(r).addEventListener("scroll", _);
@@ -3171,17 +3171,17 @@ function Da(y, t) {
     }, D = (T) => {
       var L = ee(), M = J(L);
       {
-        var z = (g) => {
+        var z = (v) => {
           var E = Aa();
           let Q;
           H((oe) => Q = Le(E, "", Q, oe), [
             () => ({ height: e(a) ? `${o()}px` : void 0 })
-          ]), x(g, E);
+          ]), x(v, E);
         };
         K(
           M,
-          (g) => {
-            e(b) && g(z);
+          (v) => {
+            e(b) && v(z);
           },
           !0
         );
@@ -3194,7 +3194,7 @@ function Da(y, t) {
   }
   return N(A), Ee(A, (T) => m(r, T), () => e(r)), N(C), H(
     (T, L, M) => {
-      B = de(C, 1, "wrapper svelte-z1j7sg", null, B, T), X = de(A, 1, "container svelte-z1j7sg", null, X, L), R = Le(A, "", R, M);
+      B = fe(C, 1, "wrapper svelte-z1j7sg", null, B, T), X = fe(A, 1, "container svelte-z1j7sg", null, X, L), R = Le(A, "", R, M);
     },
     [
       () => ({
@@ -3222,13 +3222,13 @@ customElements.define("fortyfour-translation", ue(
 var Oa = Me('<svg viewBox="0 0 359 254" aria-label="44" fill="currentColor"><path d="M92,300 C92.2666667,290.933333 92.8,280.533333 93.6,268.8 C93.8666667,262.666667 94,258.4 94,256 L6,256 L6,161.2 C7.33333333,159.333333 9.2,156.533333 11.6,152.8 C27.0666667,129.866667 39.3333333,110.733333 48.4,95.4 C57.4666667,80.0666667 65.2,63.8666667 71.6,46.8 L186,46.8 C128.4,122.533333 85.8666667,187.066667 58.4,240.4 L94,240.4 C94,240.133333 94,239.6 94,238.8 C93.4666667,228.666667 92.8,219.6 92,211.6 L185.2,72.4 C181.733333,91.0666667 180,127.333333 180,181.2 C180,235.066667 181.733333,274.666667 185.2,300 L92,300 Z" transform="translate(-6, -46)"></path><path d="M271,300 C271.266667,290.933333 271.8,280.533333 272.6,268.8 C272.866667,262.666667 273,258.4 273,256 L185,256 L185,161.2 C186.333333,159.333333 188.2,156.533333 190.6,152.8 C206.066667,129.866667 218.333333,110.733333 227.4,95.4 C236.466667,80.0666667 244.2,63.8666667 250.6,46.8 L365,46.8 C307.4,122.533333 264.866667,187.066667 237.4,240.4 L273,240.4 C273,240.133333 273,239.6 273,238.8 C272.466667,228.666667 271.8,219.6 271,211.6 L364.2,72.4 C360.733333,91.0666667 359,127.333333 359,181.2 C359,235.066667 360.733333,274.666667 364.2,300 L271,300 Z" transform="translate(-6, -46)"></path></svg>');
 function Ct(y, t) {
   pe(t, !0);
-  let p = u(t, "class", 7, ""), i = u(t, "height", 7, "1em"), o = u(t, "width", 7, "auto");
+  let g = u(t, "class", 7, ""), i = u(t, "height", 7, "1em"), o = u(t, "width", 7, "auto");
   var r = {
     get class() {
-      return p();
+      return g();
     },
     set class(n = "") {
-      p(n), c();
+      g(n), c();
     },
     get height() {
       return i();
@@ -3244,31 +3244,31 @@ function Ct(y, t) {
     }
   }, a = Oa();
   return H(() => {
-    de(a, 0, nt(p())), Z(a, "height", i()), Z(a, "width", o());
+    fe(a, 0, nt(g())), Z(a, "height", i()), Z(a, "width", o());
   }), x(y, a), ge(r);
 }
 ue(Ct, { class: {}, height: {}, width: {} }, [], [], !0);
-var Ua = F("<fortyfour-progress-bar></fortyfour-progress-bar>", 2), Fa = F("<fortyfour-line-waveform></fortyfour-line-waveform>", 2), Ga = F("<fortyfour-bar-waveform></fortyfour-bar-waveform>", 2), Ka = (y, t) => m(t, !e(t)), Va = F('<span class="label-separator svelte-1s8pfav">•</span> <button class="translation-toggle svelte-1s8pfav"> </button>', 1), Xa = F("<fortyfour-translation></fortyfour-translation>", 2), Ya = F("<fortyfour-transcription></fortyfour-transcription>", 2), Za = F('<div class="transcription-box svelte-1s8pfav"><div class="transcription-header svelte-1s8pfav"><span class="transcription-label svelte-1s8pfav">TRANSCRIPT</span> <!></div> <!></div>'), Ja = F('<a class="branding svelte-1s8pfav" href="https://44.audio" target="_blank" rel="noopener noreferrer"><span class="branding-text svelte-1s8pfav">powered by</span> <!></a>'), Qa = F('<fortyfour-recording></fortyfour-recording> <div><div class="player svelte-1s8pfav"><fortyfour-play-button></fortyfour-play-button> <!> <div class="duration svelte-1s8pfav"><fortyfour-duration><span slot="placeholder">0:00</span></fortyfour-duration> <span class="separator svelte-1s8pfav">/</span> <fortyfour-duration><span slot="placeholder">0:00</span></fortyfour-duration></div></div> <!></div> <!>', 3);
+var Ua = F("<fortyfour-progress-bar></fortyfour-progress-bar>", 2), Fa = F("<fortyfour-line-waveform></fortyfour-line-waveform>", 2), Ga = F("<fortyfour-bar-waveform></fortyfour-bar-waveform>", 2), Ka = (y, t) => m(t, !e(t)), Va = F('<span class="label-separator svelte-1duyr35">•</span> <button class="translation-toggle svelte-1duyr35"> </button>', 1), Xa = F("<fortyfour-translation></fortyfour-translation>", 2), Ya = F("<fortyfour-transcription></fortyfour-transcription>", 2), Za = F('<div class="transcription-box svelte-1duyr35"><div class="transcription-header svelte-1duyr35"><span class="transcription-label svelte-1duyr35">TRANSCRIPT</span> <!></div> <!></div>'), Ja = F('<a class="branding svelte-1duyr35" href="https://44.audio" target="_blank" rel="noopener noreferrer"><span class="branding-text svelte-1duyr35">powered by</span> <!></a>'), Qa = F('<fortyfour-recording></fortyfour-recording> <div><div class="player svelte-1duyr35"><fortyfour-play-button></fortyfour-play-button> <!> <div class="duration svelte-1duyr35"><fortyfour-duration><span slot="placeholder">0:00</span></fortyfour-duration> <span class="separator svelte-1duyr35">/</span> <fortyfour-duration><span slot="placeholder">0:00</span></fortyfour-duration></div></div> <!></div> <!>', 3);
 const $a = {
-  hash: "svelte-1s8pfav",
+  hash: "svelte-1duyr35",
   code: `:host {--fortyfour-player-font-family: system-ui, sans-serif;--fortyfour-player-font-size: 14px;--fortyfour-player-accent: #c4956a;--fortyfour-player-background: #faf8f5;--fortyfour-player-surface: #f0ede8;--fortyfour-player-text: #2c2620;--fortyfour-player-muted: #8c8279;--fortyfour-player-border: #d9d4cc;display:block;font-family:var(--fortyfour-player-font-family);font-size:var(--fortyfour-player-font-size);}
 
   @media (prefers-color-scheme: dark) {:host {--fortyfour-player-accent: #d4a574;--fortyfour-player-background: #1c1917;--fortyfour-player-surface: #262220;--fortyfour-player-text: #e7e0d5;--fortyfour-player-muted: #9c938a;--fortyfour-player-border: #3d3632;}
-  }.container.svelte-1s8pfav {border:1px solid var(--fortyfour-player-border);border-radius:12px;background:var(--fortyfour-player-background);overflow:hidden;}.container.square.svelte-1s8pfav {border-radius:0;}.container.compact.svelte-1s8pfav .player:where(.svelte-1s8pfav) {height:44px;padding:0.5rem 0.75rem;gap:0.75rem;}.container.compact.svelte-1s8pfav .transcription-box:where(.svelte-1s8pfav) {padding:0.5rem 0.75rem;}.container.compact.svelte-1s8pfav fortyfour-play-button:where(.svelte-1s8pfav) {--fortyfour-play-button-size: 40px;}.container.comfortable.svelte-1s8pfav .player:where(.svelte-1s8pfav) {height:68px;padding:1rem 1.25rem;gap:1.25rem;}.container.comfortable.svelte-1s8pfav .transcription-box:where(.svelte-1s8pfav) {padding:1rem 1.25rem;}.container.comfortable.svelte-1s8pfav fortyfour-play-button:where(.svelte-1s8pfav) {--fortyfour-play-button-size: 56px;}.player.svelte-1s8pfav {display:flex;align-items:center;gap:1rem;height:56px;padding:0.75rem 1rem;}fortyfour-play-button.svelte-1s8pfav {--fortyfour-play-button-size: 48px;--fortyfour-play-button-background-color: var(--fortyfour-player-accent);--fortyfour-play-button-icon-color: var(--fortyfour-player-background);--fortyfour-play-button-border-width: 0;--fortyfour-play-button-focus-color: var(--fortyfour-player-accent);flex-shrink:0;}fortyfour-bar-waveform.svelte-1s8pfav,
-  fortyfour-line-waveform.svelte-1s8pfav,
-  fortyfour-progress-bar.svelte-1s8pfav {height:100%;flex:1;}fortyfour-bar-waveform.svelte-1s8pfav {--waveform-progress-color: var(--fortyfour-player-accent);--waveform-track-color: var(--fortyfour-player-border);--waveform-focus-color: var(--fortyfour-player-accent);}fortyfour-line-waveform.svelte-1s8pfav {--fortyfour-line-waveform-progress-color: var(--fortyfour-player-accent);--fortyfour-line-waveform-track-color: var(--fortyfour-player-border);--fortyfour-line-waveform-focus-color: var(--fortyfour-player-accent);}fortyfour-progress-bar.svelte-1s8pfav {--fortyfour-progress-bar-progress-color: var(--fortyfour-player-accent);--fortyfour-progress-bar-track-color: var(--fortyfour-player-border);--fortyfour-progress-bar-focus-color: var(--fortyfour-player-accent);}.duration.svelte-1s8pfav {display:flex;align-items:center;gap:0.25rem;flex-shrink:0;}.elapsed.svelte-1s8pfav {--fortyfour-duration-font-family: var(--fortyfour-player-font-family);--fortyfour-duration-font-size: 1em;--fortyfour-duration-color: var(--fortyfour-player-text);font-weight:500;}.separator.svelte-1s8pfav {font-size:1em;color:var(--fortyfour-player-muted);}.total.svelte-1s8pfav {--fortyfour-duration-font-family: var(--fortyfour-player-font-family);--fortyfour-duration-font-size: 1em;--fortyfour-duration-color: var(--fortyfour-player-muted);}.transcription-box.svelte-1s8pfav {background:var(--fortyfour-player-surface);padding:0.75rem 1rem;border-top:1px solid var(--fortyfour-player-border);}.transcription-header.svelte-1s8pfav {display:flex;align-items:center;gap:0.5em;margin-bottom:0.5rem;}.transcription-label.svelte-1s8pfav {font-size:0.7em;font-weight:600;letter-spacing:0.05em;color:var(--fortyfour-player-muted);}.label-separator.svelte-1s8pfav {font-size:0.7em;color:var(--fortyfour-player-muted);}.translation-toggle.svelte-1s8pfav {font-size:0.7em;font-weight:600;letter-spacing:0.05em;color:var(--fortyfour-player-accent);background:none;border:none;padding:0;cursor:pointer;}.translation-toggle.svelte-1s8pfav:hover {text-decoration:underline;}.translation-toggle.svelte-1s8pfav:focus-visible {outline:2px solid var(--fortyfour-player-accent);outline-offset:2px;border-radius:2px;}fortyfour-transcription.svelte-1s8pfav,
-  fortyfour-translation.svelte-1s8pfav {display:block;line-height:1.5;color:var(--fortyfour-player-text);--fortyfour-transcription-font-family: var(--fortyfour-player-font-family);--fortyfour-transcription-font-size: 1em;--fortyfour-translation-font-family: var(--fortyfour-player-font-family);--fortyfour-translation-font-size: 1em;--fortyfour-transcription-color: var(--fortyfour-player-muted);--fortyfour-transcription-active-color: var(--fortyfour-player-background);--fortyfour-transcription-active-bg: var(--fortyfour-player-accent);--fortyfour-transcription-past-color: var(--fortyfour-player-text);--fortyfour-transcription-fade-color: var(--fortyfour-player-surface);--fortyfour-transcription-placeholder-color: var(--fortyfour-player-border);--fortyfour-transcription-scrollbar-thumb: var(--fortyfour-player-border);--fortyfour-transcription-scrollbar-thumb-hover: var(--fortyfour-player-muted);--fortyfour-transcription-focus-color: var(--fortyfour-player-accent);--fortyfour-translation-fade-color: var(--fortyfour-player-surface);--fortyfour-translation-placeholder-color: var(--fortyfour-player-border);--fortyfour-translation-scrollbar-thumb: var(--fortyfour-player-border);--fortyfour-translation-scrollbar-thumb-hover: var(--fortyfour-player-muted);--fortyfour-translation-focus-color: var(--fortyfour-player-accent);}.branding.svelte-1s8pfav {display:flex;align-items:center;gap:0.3em;width:fit-content;margin-left:auto;margin-top:0.5rem;margin-right:1rem;text-decoration:none;color:var(--fortyfour-player-muted);border-radius:4px;}.branding.svelte-1s8pfav:focus-visible {outline:2px solid var(--fortyfour-player-accent);outline-offset:2px;}.branding-text.svelte-1s8pfav {font-size:0.7em;font-weight:400;letter-spacing:0.01em;}`
+  }.container.svelte-1duyr35 {border:1px solid var(--fortyfour-player-border);border-radius:12px;background:var(--fortyfour-player-background);overflow:hidden;}.container.square.svelte-1duyr35 {border-radius:0;}.container.compact.svelte-1duyr35 .player:where(.svelte-1duyr35) {height:44px;padding:0.5rem 0.75rem;gap:0.75rem;}.container.compact.svelte-1duyr35 .transcription-box:where(.svelte-1duyr35) {padding:0.5rem 0.75rem;}.container.compact.svelte-1duyr35 fortyfour-play-button:where(.svelte-1duyr35) {--fortyfour-play-button-size: 40px;}.container.comfortable.svelte-1duyr35 .player:where(.svelte-1duyr35) {height:68px;padding:1rem 1.25rem;gap:1.25rem;}.container.comfortable.svelte-1duyr35 .transcription-box:where(.svelte-1duyr35) {padding:1rem 1.25rem;}.container.comfortable.svelte-1duyr35 fortyfour-play-button:where(.svelte-1duyr35) {--fortyfour-play-button-size: 56px;}.player.svelte-1duyr35 {display:flex;align-items:center;gap:1rem;height:56px;padding:0.75rem 1rem;}fortyfour-play-button.svelte-1duyr35 {--fortyfour-play-button-size: 48px;--fortyfour-play-button-background-color: var(--fortyfour-player-accent);--fortyfour-play-button-icon-color: var(--fortyfour-player-background);--fortyfour-play-button-border-width: 0;--fortyfour-play-button-focus-color: var(--fortyfour-player-accent);flex-shrink:0;}fortyfour-bar-waveform.svelte-1duyr35,
+  fortyfour-line-waveform.svelte-1duyr35,
+  fortyfour-progress-bar.svelte-1duyr35 {height:100%;flex:1;}fortyfour-bar-waveform.svelte-1duyr35 {--waveform-progress-color: var(--fortyfour-player-accent);--waveform-track-color: var(--fortyfour-player-border);--waveform-focus-color: var(--fortyfour-player-accent);}fortyfour-line-waveform.svelte-1duyr35 {--fortyfour-line-waveform-progress-color: var(--fortyfour-player-accent);--fortyfour-line-waveform-track-color: var(--fortyfour-player-border);--fortyfour-line-waveform-focus-color: var(--fortyfour-player-accent);}fortyfour-progress-bar.svelte-1duyr35 {--fortyfour-progress-bar-progress-color: var(--fortyfour-player-accent);--fortyfour-progress-bar-track-color: var(--fortyfour-player-border);--fortyfour-progress-bar-focus-color: var(--fortyfour-player-accent);}.duration.svelte-1duyr35 {display:flex;align-items:center;gap:0.25rem;flex-shrink:0;}.elapsed.svelte-1duyr35 {--fortyfour-duration-font-family: var(--fortyfour-player-font-family);--fortyfour-duration-font-size: 1em;--fortyfour-duration-color: var(--fortyfour-player-text);font-weight:500;}.separator.svelte-1duyr35 {font-size:1em;color:var(--fortyfour-player-muted);}.total.svelte-1duyr35 {--fortyfour-duration-font-family: var(--fortyfour-player-font-family);--fortyfour-duration-font-size: 1em;--fortyfour-duration-color: var(--fortyfour-player-muted);}.transcription-box.svelte-1duyr35 {background:var(--fortyfour-player-surface);padding:0.75rem 1rem;border-top:1px solid var(--fortyfour-player-border);}.transcription-header.svelte-1duyr35 {display:flex;align-items:center;gap:0.5em;margin-bottom:0.5rem;}.transcription-label.svelte-1duyr35 {font-size:0.7em;font-weight:600;letter-spacing:0.05em;color:var(--fortyfour-player-muted);}.label-separator.svelte-1duyr35 {font-size:0.7em;color:var(--fortyfour-player-muted);}.translation-toggle.svelte-1duyr35 {font-size:0.7em;font-weight:600;letter-spacing:0.05em;color:var(--fortyfour-player-accent);background:none;border:none;padding:0;cursor:pointer;}.translation-toggle.svelte-1duyr35:hover {text-decoration:underline;}.translation-toggle.svelte-1duyr35:focus-visible {outline:2px solid var(--fortyfour-player-accent);outline-offset:2px;border-radius:2px;}fortyfour-transcription.svelte-1duyr35,
+  fortyfour-translation.svelte-1duyr35 {display:block;line-height:1.5;color:var(--fortyfour-player-text);--fortyfour-transcription-font-family: var(--fortyfour-player-font-family);--fortyfour-transcription-font-size: 1em;--fortyfour-translation-font-family: var(--fortyfour-player-font-family);--fortyfour-translation-font-size: 1em;--fortyfour-transcription-color: var(--fortyfour-player-muted);--fortyfour-transcription-active-color: var(--fortyfour-player-background);--fortyfour-transcription-active-bg: var(--fortyfour-player-accent);--fortyfour-transcription-past-color: var(--fortyfour-player-text);--fortyfour-transcription-fade-color: var(--fortyfour-player-surface);--fortyfour-transcription-placeholder-color: var(--fortyfour-player-border);--fortyfour-transcription-scrollbar-thumb: var(--fortyfour-player-border);--fortyfour-transcription-scrollbar-thumb-hover: var(--fortyfour-player-muted);--fortyfour-transcription-focus-color: var(--fortyfour-player-accent);--fortyfour-translation-fade-color: var(--fortyfour-player-surface);--fortyfour-translation-placeholder-color: var(--fortyfour-player-border);--fortyfour-translation-scrollbar-thumb: var(--fortyfour-player-border);--fortyfour-translation-scrollbar-thumb-hover: var(--fortyfour-player-muted);--fortyfour-translation-focus-color: var(--fortyfour-player-accent);}.branding.svelte-1duyr35 {display:flex;align-items:center;gap:0.3em;width:fit-content;margin-left:auto;margin-top:0.5rem;margin-right:1rem;text-decoration:none;color:var(--fortyfour-player-muted);border-radius:4px;white-space:nowrap;}.branding.svelte-1duyr35:focus-visible {outline:2px solid var(--fortyfour-player-accent);outline-offset:2px;}.branding-text.svelte-1duyr35 {font-size:0.7em;font-weight:400;letter-spacing:0.01em;}`
 };
 function eo(y, t) {
   pe(t, !0), be(y, $a);
-  const p = t.$$host;
-  let i = u(t, "recordingId", 7), o = u(t, "apiHost", 7, "api.44.audio"), r = u(t, "shape", 7, "rounded"), a = u(t, "preload", 7, "none"), n = u(t, "spacing", 7, "default"), s = u(t, "progress", 7, "bar-waveform"), _ = u(t, "hideTranscript", 7, !1), d = u(t, "hideTranslation", 7, !1), I = u(t, "hideBranding", 7, !1);
-  const f = `fortyfour-player-${crypto.randomUUID().slice(0, 8)}`;
+  const g = t.$$host;
+  let i = u(t, "recordingId", 7), o = u(t, "apiHost", 7, "api.44.audio"), r = u(t, "shape", 7, "rounded"), a = u(t, "preload", 7, "none"), n = u(t, "spacing", 7, "default"), s = u(t, "progress", 7, "bar-waveform"), _ = u(t, "hideTranscript", 7, !1), f = u(t, "hideTranslation", 7, !1), I = u(t, "hideBranding", 7, !1);
+  const d = `fortyfour-player-${crypto.randomUUID().slice(0, 8)}`;
   let l = q(null), P = q(!1), b = q(!1);
   const j = W(() => r() === "square"), C = W(() => e(j) ? "square" : "circle"), B = W(() => e(j) ? "0" : "2"), A = W(() => s() || "bar-waveform"), X = W(() => n() === "compact" ? 28 : n() === "comfortable" ? 48 : 40), R = W(() => n() === "compact" ? 4 : n() === "comfortable" ? 8 : 6);
   function V() {
     const U = e(l)?.state ?? "idle";
-    p.setAttribute("data-state", U);
+    g.setAttribute("data-state", U);
   }
   function k() {
     const U = e(l)?.metadata?.translation;
@@ -3321,10 +3321,10 @@ function eo(y, t) {
       _(U), c();
     },
     get hideTranslation() {
-      return d();
+      return f();
     },
     set hideTranslation(U = !1) {
-      d(U), c();
+      f(U), c();
     },
     get hideBranding() {
       return I();
@@ -3333,30 +3333,30 @@ function eo(y, t) {
       I(U), c();
     }
   }, T = Qa(), L = J(T);
-  H(() => te(L, "id", f)), H(() => te(L, "api-host", o())), H(() => te(L, "recording-id", i())), H(() => te(L, "preload", a())), Ee(L, (U) => m(l, U), () => e(l));
+  H(() => te(L, "id", d)), H(() => te(L, "api-host", o())), H(() => te(L, "recording-id", i())), H(() => te(L, "preload", a())), Ee(L, (U) => m(l, U), () => e(l));
   var M = ye(L, 2);
   let z;
-  var g = G(M), E = G(g);
-  H(() => te(E, "for", f)), H(() => te(E, "shape", e(C))), de(E, 1, "svelte-1s8pfav");
+  var v = G(M), E = G(v);
+  H(() => te(E, "for", d)), H(() => te(E, "shape", e(C))), fe(E, 1, "svelte-1duyr35");
   var Q = ye(E, 2);
   {
     var oe = (U) => {
       var re = Ua();
-      H(() => te(re, "for", f)), H(() => te(re, "bar-height", e(R))), H(() => te(re, "bar-radius", e(B))), de(re, 1, "svelte-1s8pfav"), x(U, re);
+      H(() => te(re, "for", d)), H(() => te(re, "bar-height", e(R))), H(() => te(re, "bar-radius", e(B))), fe(re, 1, "svelte-1duyr35"), x(U, re);
     }, w = (U) => {
       var re = ee(), ne = J(re);
       {
-        var ie = (fe) => {
+        var ie = (de) => {
           var ae = Fa();
-          H(() => te(ae, "for", f)), te(ae, "line-width", "2"), H(() => te(ae, "height", e(X))), H(() => te(ae, "sharp", e(j))), de(ae, 1, "svelte-1s8pfav"), x(fe, ae);
-        }, ve = (fe) => {
+          H(() => te(ae, "for", d)), te(ae, "line-width", "2"), H(() => te(ae, "height", e(X))), H(() => te(ae, "sharp", e(j))), fe(ae, 1, "svelte-1duyr35"), x(de, ae);
+        }, ve = (de) => {
           var ae = Ga();
-          H(() => te(ae, "for", f)), te(ae, "bar-width", "4"), te(ae, "bar-gap", "2"), H(() => te(ae, "bar-radius", e(B))), H(() => te(ae, "height", e(X))), de(ae, 1, "svelte-1s8pfav"), x(fe, ae);
+          H(() => te(ae, "for", d)), te(ae, "bar-width", "4"), te(ae, "bar-gap", "2"), H(() => te(ae, "bar-radius", e(B))), H(() => te(ae, "height", e(X))), fe(ae, 1, "svelte-1duyr35"), x(de, ae);
         };
         K(
           ne,
-          (fe) => {
-            e(A) === "line-waveform" ? fe(ie) : fe(ve, !1);
+          (de) => {
+            e(A) === "line-waveform" ? de(ie) : de(ve, !1);
           },
           !0
         );
@@ -3367,11 +3367,11 @@ function eo(y, t) {
       e(A) === "progress-bar" ? U(oe) : U(w, !1);
     });
   }
-  var h = ye(Q, 2), v = G(h);
-  de(v, 1, "elapsed svelte-1s8pfav"), H(() => te(v, "for", f)), te(v, "format", "elapsed");
-  var S = ye(v, 4);
-  de(S, 1, "total svelte-1s8pfav"), H(() => te(S, "for", f)), te(S, "format", "total"), N(h), N(g);
-  var O = ye(g, 2);
+  var h = ye(Q, 2), p = G(h);
+  fe(p, 1, "elapsed svelte-1duyr35"), H(() => te(p, "for", d)), te(p, "format", "elapsed");
+  var S = ye(p, 4);
+  fe(S, 1, "total svelte-1duyr35"), H(() => te(S, "for", d)), te(S, "format", "total"), N(h), N(v);
+  var O = ye(v, 2);
   {
     var $ = (U) => {
       var re = Za(), ne = G(re), ie = ye(G(ne), 2);
@@ -3383,21 +3383,21 @@ function eo(y, t) {
           N(xe), H(() => je(_e, e(b) ? "ORIGINAL" : "TRANSLATION")), x(le, se);
         };
         K(ie, (le) => {
-          e(P) && !d() && le(ve);
+          e(P) && !f() && le(ve);
         });
       }
       N(ne);
-      var fe = ye(ne, 2);
+      var de = ye(ne, 2);
       {
         var ae = (le) => {
           var se = Xa();
-          H(() => te(se, "for", f)), te(se, "max-height", "96"), de(se, 1, "svelte-1s8pfav"), x(le, se);
+          H(() => te(se, "for", d)), te(se, "max-height", "96"), fe(se, 1, "svelte-1duyr35"), x(le, se);
         }, he = (le) => {
           var se = Ya();
-          H(() => te(se, "for", f)), te(se, "mode", "karaoke"), te(se, "max-height", "96"), de(se, 1, "svelte-1s8pfav"), x(le, se);
+          H(() => te(se, "for", d)), te(se, "mode", "karaoke"), te(se, "max-height", "96"), fe(se, 1, "svelte-1duyr35"), x(le, se);
         };
-        K(fe, (le) => {
-          e(b) && !d() ? le(ae) : le(he, !1);
+        K(de, (le) => {
+          e(b) && !f() ? le(ae) : le(he, !1);
         });
       }
       N(re), x(U, re);
@@ -3417,7 +3417,7 @@ function eo(y, t) {
       I() || U(ce);
     });
   }
-  return H((U) => z = de(M, 1, "container svelte-1s8pfav", null, z, U), [
+  return H((U) => z = fe(M, 1, "container svelte-1duyr35", null, z, U), [
     () => ({
       square: e(j),
       compact: n() === "compact",
@@ -3459,18 +3459,18 @@ const ro = {
 };
 function ao(y, t) {
   pe(t, !0), be(y, ro);
-  const p = t.$$host;
+  const g = t.$$host;
   let i = u(t, "recordingId", 7), o = u(t, "apiHost", 7, "api.44.audio"), r = u(t, "size", 7, "medium"), a = u(t, "preload", 7, "none");
   const n = `fortyfour-mini-player-${crypto.randomUUID().slice(0, 8)}`;
   let s = q(null);
   function _() {
     const b = e(s)?.state ?? "idle";
-    p.setAttribute("data-state", b);
+    g.setAttribute("data-state", b);
   }
   me(() => {
     e(s) && _();
   });
-  var d = {
+  var f = {
     get recordingId() {
       return i();
     },
@@ -3495,13 +3495,13 @@ function ao(y, t) {
     set preload(b = "none") {
       a(b), c();
     }
-  }, I = to(), f = J(I);
-  H(() => te(f, "id", n)), H(() => te(f, "api-host", o())), H(() => te(f, "recording-id", i())), H(() => te(f, "preload", a())), Ee(f, (b) => m(s, b), () => e(s));
-  var l = ye(f, 2);
+  }, I = to(), d = J(I);
+  H(() => te(d, "id", n)), H(() => te(d, "api-host", o())), H(() => te(d, "recording-id", i())), H(() => te(d, "preload", a())), Ee(d, (b) => m(s, b), () => e(s));
+  var l = ye(d, 2);
   let P;
-  return H(() => te(l, "for", n)), te(l, "shape", "circle"), te(l, "visualization", "ring"), H((b) => P = de(l, 1, "button svelte-1i43bu9", null, P, b), [
+  return H(() => te(l, "for", n)), te(l, "shape", "circle"), te(l, "visualization", "ring"), H((b) => P = fe(l, 1, "button svelte-1i43bu9", null, P, b), [
     () => ({ small: r() === "small", large: r() === "large" })
-  ]), Ie("loadedmetadata", f, _), Ie("play", f, _), Ie("pause", f, _), Ie("error", f, _), Ie("ended", f, _), x(y, I), ge(d);
+  ]), Ie("loadedmetadata", d, _), Ie("play", d, _), Ie("pause", d, _), Ie("error", d, _), Ie("ended", d, _), x(y, I), ge(f);
 }
 customElements.define("fortyfour-mini-player", ue(
   ao,