@44-audio/components 0.1.0-dev.15 → 0.1.0-dev.16

package/dist/recorder.es.js

@@ -1,362 +1,143 @@
-import { z as Pr, B as Or, C as Ur, D as Br, E as Hr, F as jr, G as Gr, H as Vr, I as Wr, T as Jr, J as Er, K as Kr, L as Xr, M as Z, N as Qr, O as Yr, d as Lr, c as lr, p as fr, a as vr, b as B, n as P, P as Sr, Q as Tr, f as T, k as C, l as O, i as F, R as Zr, t as G, e as m, g as ur, v as b, j as t, h as H, r as $, S as re, U as ee, V as te, s as tr, u as nr, W as cr, o as _r, X as oe, m as X, w as dr, q as rr, Y as ae, Z as xr, A as se, _ as ie } from "./AudioPlayer-BnKA5uw-.mjs";
-function ne(o, r, a, s, d) {
-  Pr && Or();
-  var e = r.$$slots?.[a], v = !1;
-  e === !0 && (e = r.children, v = !0), e === void 0 || e(o, v ? () => s : s);
+import { i as _e, j as ne, k as de, l as ce, m as P, F as T, M as we, Z as xe, o as _, z as x, B as z, q as $, P as Ce, t as H, u as s, v as le, I as i, x as e, w as U, C as k, O as Re, _ as $e, $ as Ae, r as ee, U as pe, y as ae, a0 as se, G as ye, V as Te, T as ze, a1 as Pe, D as W, J as ie, H as K, a2 as Ue, Y as be, A as Be, R as Fe, a3 as he } from "./index-CN_xnR1S.mjs";
+async function Oe(D, c, n, g) {
+  i(c, !e(c)), e(n).length || await g();
 }
-const ce = () => performance.now(), U = {
-  // don't access requestAnimationFrame eagerly outside method
-  // this allows basic testing of user code without JSDOM
-  // bunder will eval and remove ternary when the user's app is built
-  tick: (
-    /** @param {any} _ */
-    (o) => requestAnimationFrame(o)
-  ),
-  now: () => ce(),
-  tasks: /* @__PURE__ */ new Set()
-};
-function Cr() {
-  const o = U.now();
-  U.tasks.forEach((r) => {
-    r.c(o) || (U.tasks.delete(r), r.f());
-  }), U.tasks.size !== 0 && U.tick(Cr);
-}
-function de(o) {
-  let r;
-  return U.tasks.size === 0 && U.tick(Cr), {
-    promise: new Promise((a) => {
-      U.tasks.add(r = { c: o, f: a });
-    }),
-    abort() {
-      U.tasks.delete(r);
-    }
-  };
-}
-function ir(o, r) {
-  Er(() => {
-    o.dispatchEvent(new CustomEvent(r));
-  });
-}
-function le(o) {
-  if (o === "float") return "cssFloat";
-  if (o === "offset") return "cssOffset";
-  if (o.startsWith("--")) return o;
-  const r = o.split("-");
-  return r.length === 1 ? r[0] : r[0] + r.slice(1).map(
-    /** @param {any} word */
-    (a) => a[0].toUpperCase() + a.slice(1)
-  ).join("");
-}
-function kr(o) {
-  const r = {}, a = o.split(";");
-  for (const s of a) {
-    const [d, e] = s.split(":");
-    if (!d || e === void 0) break;
-    const v = le(d.trim());
-    r[v] = e.trim();
-  }
-  return r;
-}
-const fe = (o) => o;
-function br(o, r, a, s) {
-  var d = (o & Qr) !== 0, e = (o & Yr) !== 0, v = d && e, g = (o & Jr) !== 0, D = v ? "both" : d ? "in" : "out", u, _ = r.inert, w = r.style.overflow, y, q;
-  function I() {
-    return Er(() => u ??= a()(r, s?.() ?? /** @type {P} */
-    {}, {
-      direction: D
-    }));
-  }
-  var n = {
-    is_global: g,
-    in() {
-      if (r.inert = _, !d) {
-        q?.abort(), q?.reset?.();
-        return;
-      }
-      e || y?.abort(), ir(r, "introstart"), y = hr(r, I(), q, 1, () => {
-        ir(r, "introend"), y?.abort(), y = u = void 0, r.style.overflow = w;
-      });
-    },
-    out(x) {
-      if (!e) {
-        x?.(), u = void 0;
-        return;
-      }
-      r.inert = !0, ir(r, "outrostart"), q = hr(r, I(), y, 0, () => {
-        ir(r, "outroend"), x?.();
-      });
-    },
-    stop: () => {
-      y?.abort(), q?.abort();
-    }
-  }, f = (
-    /** @type {Effect} */
-    Ur
-  );
-  if ((f.transitions ??= []).push(n), d && Br) {
-    var l = g;
-    if (!l) {
-      for (var p = (
-        /** @type {Effect | null} */
-        f.parent
-      ); p && (p.f & Hr) !== 0; )
-        for (; (p = p.parent) && (p.f & jr) === 0; )
-          ;
-      l = !p || (p.f & Gr) !== 0;
-    }
-    l && Vr(() => {
-      Wr(() => n.in());
-    });
-  }
-}
-function hr(o, r, a, s, d) {
-  var e = s === 1;
-  if (Kr(r)) {
-    var v, g = !1;
-    return Xr(() => {
-      if (!g) {
-        var f = r({ direction: e ? "in" : "out" });
-        v = hr(o, f, a, s, d);
-      }
-    }), {
-      abort: () => {
-        g = !0, v?.abort();
-      },
-      deactivate: () => v.deactivate(),
-      reset: () => v.reset(),
-      t: () => v.t()
-    };
-  }
-  if (a?.deactivate(), !r?.duration)
-    return d(), {
-      abort: Z,
-      deactivate: Z,
-      reset: Z,
-      t: () => s
-    };
-  const { delay: D = 0, css: u, tick: _, easing: w = fe } = r;
-  var y = [];
-  if (e && a === void 0 && (_ && _(0, 1), u)) {
-    var q = kr(u(0, 1));
-    y.push(q, q);
-  }
-  var I = () => 1 - s, n = o.animate(y, { duration: D, fill: "forwards" });
-  return n.onfinish = () => {
-    n.cancel();
-    var f = a?.t() ?? 1 - s;
-    a?.abort();
-    var l = s - f, p = (
-      /** @type {number} */
-      r.duration * Math.abs(l)
-    ), x = [];
-    if (p > 0) {
-      var A = !1;
-      if (u)
-        for (var E = Math.ceil(p / 16.666666666666668), h = 0; h <= E; h += 1) {
-          var k = f + l * w(h / E), i = kr(u(k, 1 - k));
-          x.push(i), A ||= i.overflow === "hidden";
-        }
-      A && (o.style.overflow = "hidden"), I = () => {
-        var c = (
-          /** @type {number} */
-          /** @type {globalThis.Animation} */
-          n.currentTime
-        );
-        return f + l * w(c / p);
-      }, _ && de(() => {
-        if (n.playState !== "running") return !1;
-        var c = I();
-        return _(c, 1 - c), !0;
-      });
-    }
-    n = o.animate(x, { duration: p, fill: "forwards" }), n.onfinish = () => {
-      I = () => s, _?.(s, 1 - s), d();
-    };
-  }, {
-    abort: () => {
-      n && (n.cancel(), n.effect = null, n.onfinish = Z);
-    },
-    deactivate: () => {
-      d = Z;
-    },
-    reset: () => {
-      s === 0 && _?.(1, 0);
-    },
-    t: () => I()
-  };
-}
-const ve = (o) => o;
-function ue(o) {
-  const r = o - 1;
-  return r * r * r + 1;
-}
-function qr(o) {
-  const r = typeof o == "string" && o.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
-  return r ? [parseFloat(r[1]), r[2] || "px"] : [
-    /** @type {number} */
-    o,
-    "px"
-  ];
-}
-function pe(o, { delay: r = 0, duration: a = 400, easing: s = ve } = {}) {
-  const d = +getComputedStyle(o).opacity;
-  return {
-    delay: r,
-    duration: a,
-    easing: s,
-    css: (e) => `opacity: ${e * d}`
-  };
-}
-function Ir(o, { delay: r = 0, duration: a = 400, easing: s = ue, x: d = 0, y: e = 0, opacity: v = 0 } = {}) {
-  const g = getComputedStyle(o), D = +g.opacity, u = g.transform === "none" ? "" : g.transform, _ = D * (1 - v), [w, y] = qr(d), [q, I] = qr(e);
-  return {
-    delay: r,
-    duration: a,
-    easing: s,
-    css: (n, f) => `
-			transform: ${u} translate(${(1 - n) * w}${y}, ${(1 - n) * q}${I});
-			opacity: ${D - _ * f}`
-  };
-}
-async function ge(o, r, a, s) {
-  b(r, !t(r)), t(a).length || await s();
-}
-var ye = T("<li><button> </button></li>"), me = T('<li><button class="devices-select__option svelte-q87ygv" disabled>No microphones found</button></li>'), be = T('<li><button class="devices-select__option svelte-q87ygv" disabled>Loading Microphones...</button></li>'), he = T('<ul role="listbox" aria-label="Select microphone"><!> <!> <!></ul>'), _e = T('<div class="container" role="group" aria-label="Audio recorder"><button class="devices-btn svelte-q87ygv" aria-haspopup="listbox"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="devices-btn__icon svelte-q87ygv"><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></button> <!></div>');
-const we = {
+var He = _("<li><button> </button></li>"), Ne = _('<li><button class="devices-select__option svelte-q87ygv" disabled>No microphones found</button></li>'), je = _('<li><button class="devices-select__option svelte-q87ygv" disabled>Loading Microphones...</button></li>'), Ge = _('<ul role="listbox" aria-label="Select microphone"><!> <!> <!></ul>'), Ve = _('<div class="container" role="group" aria-label="Audio recorder"><button class="devices-btn svelte-q87ygv" aria-haspopup="listbox"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="devices-btn__icon svelte-q87ygv"><path d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg></button> <!></div>');
+const Je = {
   hash: "svelte-q87ygv",
   code: '.devices-btn.svelte-q87ygv {background:none;border:none;font-size:inherit;cursor:pointer;color:inherit;}.devices-btn__icon.svelte-q87ygv {width:0.75rem;height:0.75rem;fill:var(--fortyfour-recorder-btn-color);}.devices-select.svelte-q87ygv {display:none;flex-direction:column;list-style:none;margin:0;padding:0;border:var(--fortyfour-recorder-select-border);box-shadow:var(--fortyfour-recorder-select-shadow);border-radius:var(--fortyfour-recorder-select-radius);background:var(--fortyfour-recorder-select-bg);position:absolute;z-index:2147483647;overflow-y:auto;width:11rem;max-height:12rem;}.devices-select--is-open.svelte-q87ygv {display:flex;}.devices-select__option.svelte-q87ygv {padding:0.5rem 1rem;padding-left:0;background:none;border:none;text-align:left;cursor:pointer;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.1s;font:inherit;font-size:var(--fortyfour-recorder-select-font-size);color:var(--fortyfour-recorder-select-color);}.devices-select__option.svelte-q87ygv:hover {background:var(--fortyfour-recorder-select-bg-hover);}.devices-select__option.svelte-q87ygv::before {content:"";display:inline-block;width:2ch;text-align:center;padding:0 0.25rem;}.devices-select__option--is-selected.svelte-q87ygv::before {content:"✓";}.devices-select__option.svelte-q87ygv:disabled {opacity:0.5;cursor:inherit;}.devices-select__option.svelte-q87ygv:disabled:hover {background:inherit;}'
 };
-function $r(o, r) {
-  fr(r, !0), vr(o, we);
-  let a = B(r, "deviceId", 15, ""), s = B(r, "disabled", 7, !1), d = P(Sr([])), e = P(!1), v = P(!1), g;
-  Tr(() => {
-    function n(f) {
-      f.composedPath().includes(g) || t(e) && b(e, !1);
+function ke(D, c) {
+  de(c, !0), ce(D, Je);
+  let n = P(c, "deviceId", 15, ""), g = P(c, "disabled", 7, !1), f = T(we([])), r = T(!1), p = T(!1), y;
+  xe(() => {
+    function l(d) {
+      d.composedPath().includes(y) || e(r) && i(r, !1);
     }
-    return document.addEventListener("pointerdown", n), () => {
-      document.removeEventListener("pointerdown", n);
+    return document.addEventListener("pointerdown", l), () => {
+      document.removeEventListener("pointerdown", l);
     };
   });
-  async function D() {
+  async function X() {
     try {
-      b(v, !0), (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((f) => f.stop()), b(d, await navigator.mediaDevices.enumerateDevices(), !0), b(
-        d,
-        t(d).filter((f) => f.deviceId).filter((f) => f.kind === "audioinput").map((f, l) => ({
-          deviceId: f.deviceId,
-          label: f.label || `Microphone ${l + 1}`
+      i(p, !0), (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((d) => d.stop()), i(f, await navigator.mediaDevices.enumerateDevices(), !0), i(
+        f,
+        e(f).filter((d) => d.deviceId).filter((d) => d.kind === "audioinput").map((d, a) => ({
+          deviceId: d.deviceId,
+          label: d.label || `Microphone ${a + 1}`
         })),
         !0
-      ), !a() && t(d).length && a(t(d)[0].deviceId), t(d).sort((f, l) => f.label.localeCompare(l.label)), b(v, !1);
-    } catch (n) {
-      console.error("Error accessing microphones:", n);
+      ), !n() && e(f).length && n(e(f)[0].deviceId), e(f).sort((d, a) => d.label.localeCompare(a.label)), i(p, !1);
+    } catch (l) {
+      console.error("Error accessing microphones:", l);
     }
   }
-  function u(n) {
+  function v(l) {
     return () => {
-      a(n), b(e, !1);
+      n(l), i(r, !1);
     };
   }
-  var _ = {
+  var B = {
     get deviceId() {
-      return a();
+      return n();
     },
-    set deviceId(n = "") {
-      a(n), H();
+    set deviceId(l = "") {
+      n(l), U();
     },
     get disabled() {
-      return s();
+      return g();
     },
-    set disabled(n = !1) {
-      s(n), H();
+    set disabled(l = !1) {
+      g(l), U();
     }
-  }, w = _e(), y = C(w);
-  y.__click = [ge, e, d, D];
-  var q = O(y, 2);
+  }, M = Ve(), q = x(M);
+  q.__click = [Oe, r, f, X];
+  var N = z(q, 2);
   {
-    var I = (n) => {
-      var f = he(), l = C(f);
-      ee(l, 17, () => t(d), te, (h, k) => {
-        var i = ye(), c = C(i), L = nr(() => u(t(k).deviceId));
-        c.__click = function(...z) {
-          t(L)?.apply(this, z);
+    var F = (l) => {
+      var d = Ge(), a = x(d);
+      $e(a, 17, () => e(f), Ae, (u, m) => {
+        var o = He(), t = x(o), b = ae(() => v(e(m).deviceId));
+        t.__click = function(...R) {
+          e(b)?.apply(this, R);
         };
-        var R = C(c, !0);
-        $(c), $(i), G(() => {
-          tr(
-            c,
+        var E = x(t, !0);
+        k(t), k(o), H(() => {
+          ee(
+            t,
             1,
-            cr([
+            se([
               "devices-select__option",
-              t(k).deviceId === a() && "devices-select__option--is-selected"
+              e(m).deviceId === n() && "devices-select__option--is-selected"
             ]),
             "svelte-q87ygv"
-          ), c.disabled = s(), _r(R, t(k).label);
-        }), m(h, i);
+          ), t.disabled = g(), ye(E, e(m).label);
+        }), s(u, o);
       });
-      var p = O(l, 2);
+      var w = z(a, 2);
       {
-        var x = (h) => {
-          var k = me();
-          m(h, k);
+        var L = (u) => {
+          var m = Ne();
+          s(u, m);
         };
-        F(p, (h) => {
-          !t(d).length && !t(v) && h(x);
+        $(w, (u) => {
+          !e(f).length && !e(p) && u(L);
         });
       }
-      var A = O(p, 2);
+      var C = z(w, 2);
       {
-        var E = (h) => {
-          var k = be();
-          m(h, k);
+        var I = (u) => {
+          var m = je();
+          s(u, m);
         };
-        F(A, (h) => {
-          t(v) && h(E);
+        $(C, (u) => {
+          e(p) && u(I);
         });
       }
-      $(f), G(() => tr(f, 1, `devices-select ${t(e) ? "devices-select--is-open" : ""}`, "svelte-q87ygv")), br(3, f, () => pe, () => ({ duration: 100 })), m(n, f);
+      k(d), H(() => ee(d, 1, `devices-select ${e(r) ? "devices-select--is-open" : ""}`, "svelte-q87ygv")), pe(3, d, () => Te, () => ({ duration: 100 })), s(l, d);
     };
-    F(q, (n) => {
-      t(e) && n(I);
+    $(N, (l) => {
+      e(r) && l(F);
     });
   }
-  return $(w), Zr(w, (n) => g = n, () => g), G(() => re(y, "aria-expanded", t(e))), m(o, w), ur(_);
+  return k(M), Ce(M, (l) => y = l, () => y), H(() => Re(q, "aria-expanded", e(r))), s(D, M), le(B);
 }
-Lr(["click"]);
-lr($r, { deviceId: {}, disabled: {} }, [], [], !0);
-var xe = T("<button><!></button>");
-const ke = {
+_e(["click"]);
+ne(ke, { deviceId: {}, disabled: {} }, [], [], !0);
+var We = _("<button><!></button>");
+const Xe = {
   hash: "svelte-f3ispq",
   code: ".btn.svelte-f3ispq {display:flex;align-items:center;gap:var(--fortyfour-recorder-btn-gap);font:inherit;border:none;padding:var(--fortyfour-recorder-btn-padding);border-radius:var(--fortyfour-recorder-btn-radius);background:var(--fortyfour-recorder-btn-bg);color:var(--fortyfour-recorder-btn-color);cursor:pointer;}.btn.svelte-f3ispq:hover {background:var(--fortyfour-recorder-btn-bg-hover);color:var(--fortyfour-recorder-btn-color-hover);}.btn.btn--recording.svelte-f3ispq {background:var(--fortyfour-recorder-red-bg);color:var(--fortyfour-recorder-red-color);}.btn.btn--primary.svelte-f3ispq {background:var(--fortyfour-recorder-btn-primary-bg);color:var(--fortyfour-recorder-btn-primary-color);}.btn.btn--primary.svelte-f3ispq:hover {background:var(--fortyfour-recorder-btn-primary-bg-hover);color:var(--fortyfour-recorder-btn-primary-color-hover);}"
 };
-function er(o, r) {
-  fr(r, !0), vr(o, ke);
-  const a = B(r, "type", 7), s = B(r, "onclick", 7, () => {
+function Q(D, c) {
+  de(c, !0), ce(D, Xe);
+  const n = P(c, "type", 7), g = P(c, "onclick", 7, () => {
   });
-  var d = {
+  var f = {
     get type() {
-      return a();
+      return n();
     },
-    set type(g) {
-      a(g), H();
+    set type(y) {
+      n(y), U();
     },
     get onclick() {
-      return s();
+      return g();
     },
-    set onclick(g = () => {
+    set onclick(y = () => {
     }) {
-      s(g), H();
+      g(y), U();
     }
-  }, e = xe();
-  e.__click = function(...g) {
-    s()?.apply(this, g);
+  }, r = We();
+  r.__click = function(...y) {
+    g()?.apply(this, y);
   };
-  var v = C(e);
-  return ne(v, r, "default", {}), $(e), G(() => tr(e, 1, cr(["btn", a() && `btn--${a()}`]), "svelte-f3ispq")), m(o, e), ur(d);
+  var p = x(r);
+  return ze(p, c, "default", {}, null), k(r), H(() => ee(r, 1, se(["btn", n() && `btn--${n()}`]), "svelte-f3ispq")), s(D, r), le(f);
 }
-Lr(["click"]);
-lr(er, { type: {}, onclick: {} }, ["default"], [], !0);
-var qe = T("<div></div> <!>", 1), Ie = T('<div class="recording-info svelte-fc16qh"><div class="live-waveform svelte-fc16qh"><!></div> <div class="time-elapsed svelte-fc16qh"> </div></div>'), Ee = T('<div role="group" aria-label="Audio recorder"><!> <!> <!></div>');
-const Le = {
+_e(["click"]);
+ne(Q, { type: {}, onclick: {} }, ["default"], [], !0);
+var Ye = _("<div></div> <!>", 1), Ze = _('<div class="recording-info svelte-fc16qh"><div class="live-waveform svelte-fc16qh"><!></div> <div class="time-elapsed svelte-fc16qh"> </div></div>'), Ke = _('<div role="group" aria-label="Audio recorder"><!> <!> <!></div>');
+const Qe = {
   hash: "svelte-fc16qh",
   code: `.container.svelte-fc16qh {display:flex;align-items:center;gap:1rem;min-height:56px;}.record-icon.svelte-fc16qh {width:1.25rem;height:1.25rem;background:var(--fortyfour-recorder-red-bg);border-radius:50%;}.record-icon--is-recording.svelte-fc16qh {background:var(--fortyfour-recorder-red-color);
     animation: svelte-fc16qh-pulse 2s infinite ease-out;}.recording-info.svelte-fc16qh {display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;}.live-waveform.svelte-fc16qh {flex:1;min-width:0;}.time-elapsed.svelte-fc16qh {font-variant-numeric:tabular-nums;flex-shrink:0;}
@@ -375,381 +156,381 @@ const Le = {
     }
   }`
 };
-function Ar(o, r) {
-  fr(r, !0), vr(o, Le);
-  let a = B(r, "deviceId", 15, ""), s = B(r, "onDone", 7);
-  const d = 100;
-  let e = P(Sr({
+function qe(D, c) {
+  de(c, !0), ce(D, Qe);
+  let n = P(c, "deviceId", 15, ""), g = P(c, "onDone", 7);
+  const f = 100;
+  let r = T(we({
     state: "ready",
     // "ready", "recording"
     timeElapsed: 0,
     error: null,
     waveformSamples: []
-  })), v, g;
-  oe(() => {
-    v?.stop();
-  }), Tr(() => {
-    function l() {
-      document.hidden && t(e).state === "recording" && _();
+  })), p, y;
+  Pe(() => {
+    p?.stop();
+  }), xe(() => {
+    function a() {
+      document.hidden && e(r).state === "recording" && B();
     }
-    return document.addEventListener("visibilitychange", l), () => {
-      document.removeEventListener("visibilitychange", l);
+    return document.addEventListener("visibilitychange", a), () => {
+      document.removeEventListener("visibilitychange", a);
     };
   });
-  function D() {
-    t(e).state === "ready" ? u() : t(e).state === "recording" && _();
+  function X() {
+    e(r).state === "ready" ? v() : e(r).state === "recording" && B();
   }
-  async function u() {
-    const l = await navigator.mediaDevices.getUserMedia({
+  async function v() {
+    const a = await navigator.mediaDevices.getUserMedia({
       audio: {
-        deviceId: a() ? { exact: a() } : void 0,
+        deviceId: n() ? { exact: n() } : void 0,
         autoGainControl: !0,
         noiseSuppression: !0
       }
-    }), p = [];
-    v = new MediaRecorder(l), v.ondataavailable = (c) => p.push(c.data), g = new AudioContext();
-    const x = g.createAnalyser();
-    x.fftSize = 256, g.createMediaStreamSource(l).connect(x);
-    const E = new Uint8Array(x.frequencyBinCount);
-    let h = 0;
-    function k(c) {
-      if (t(e).state !== "recording") return;
-      x.getByteTimeDomainData(E);
-      let L = 0;
-      for (let S = 0; S < E.length; S++) {
-        const M = (E[S] - 128) / 128;
-        L += M * M;
+    }), w = [];
+    p = new MediaRecorder(a), p.ondataavailable = (t) => w.push(t.data), y = new AudioContext();
+    const L = y.createAnalyser();
+    L.fftSize = 256, y.createMediaStreamSource(a).connect(L);
+    const I = new Uint8Array(L.frequencyBinCount);
+    let u = 0;
+    function m(t) {
+      if (e(r).state !== "recording") return;
+      L.getByteTimeDomainData(I);
+      let b = 0;
+      for (let h = 0; h < I.length; h++) {
+        const S = (I[h] - 128) / 128;
+        b += S * S;
       }
-      const R = Math.sqrt(L / E.length), z = Math.min(1, R * 4);
-      c - h >= d && (t(e).waveformSamples = [...t(e).waveformSamples, Math.round(z * 100)], h = c), requestAnimationFrame(k);
+      const E = Math.sqrt(b / I.length), R = Math.min(1, E * 4);
+      t - u >= f && (e(r).waveformSamples = [...e(r).waveformSamples, Math.round(R * 100)], u = t), requestAnimationFrame(m);
     }
-    v.onstop = () => {
-      if (t(e).state !== "recording")
+    p.onstop = () => {
+      if (e(r).state !== "recording")
         return;
-      l.getTracks().forEach((L) => L.stop()), g?.close();
-      const c = t(e).waveformSamples;
-      t(e).waveformSamples = [], s()({
-        url: URL.createObjectURL(new Blob(p, { type: v.mimeType })),
-        waveform: c
-      }), t(e).state = "ready";
-    }, v.start();
-    const i = () => {
-      t(e).state === "recording" && (t(e).timeElapsed += 1, setTimeout(i, 1e3));
+      a.getTracks().forEach((b) => b.stop()), y?.close();
+      const t = e(r).waveformSamples;
+      e(r).waveformSamples = [], g()({
+        url: URL.createObjectURL(new Blob(w, { type: p.mimeType })),
+        waveform: t
+      }), e(r).state = "ready";
+    }, p.start();
+    const o = () => {
+      e(r).state === "recording" && (e(r).timeElapsed += 1, setTimeout(o, 1e3));
     };
-    setTimeout(i, 1e3), t(e).state = "recording", k();
+    setTimeout(o, 1e3), e(r).state = "recording", m();
   }
-  function _() {
-    v?.stop();
+  function B() {
+    p?.stop();
   }
-  var w = {
+  var M = {
     get deviceId() {
-      return a();
+      return n();
     },
-    set deviceId(l = "") {
-      a(l), H();
+    set deviceId(a = "") {
+      n(a), U();
     },
     get onDone() {
-      return s();
+      return g();
     },
-    set onDone(l) {
-      s(l), H();
+    set onDone(a) {
+      g(a), U();
     }
-  }, y = Ee(), q = C(y);
+  }, q = Ke(), N = x(q);
   {
-    let l = nr(() => t(e).state === "recording" && "recording");
-    er(q, {
-      onclick: D,
+    let a = ae(() => e(r).state === "recording" && "recording");
+    Q(N, {
+      onclick: X,
       get type() {
-        return t(l);
+        return e(a);
       },
-      children: (p, x) => {
-        var A = qe(), E = X(A), h = O(E, 2);
+      children: (w, L) => {
+        var C = Ye(), I = W(C), u = z(I, 2);
         {
-          var k = (c) => {
-            var L = dr("Record");
-            m(c, L);
-          }, i = (c) => {
-            var L = rr(), R = X(L);
+          var m = (t) => {
+            var b = ie("Record");
+            s(t, b);
+          }, o = (t) => {
+            var b = K(), E = W(b);
             {
-              var z = (S) => {
-                var M = dr("Recording");
-                m(S, M);
+              var R = (h) => {
+                var S = ie("Recording");
+                s(h, S);
               };
-              F(
-                R,
-                (S) => {
-                  t(e).state === "recording" && S(z);
+              $(
+                E,
+                (h) => {
+                  e(r).state === "recording" && h(R);
                 },
                 !0
               );
             }
-            m(c, L);
+            s(t, b);
           };
-          F(h, (c) => {
-            t(e).state === "ready" ? c(k) : c(i, !1);
+          $(u, (t) => {
+            e(r).state === "ready" ? t(m) : t(o, !1);
           });
         }
-        G(() => tr(
-          E,
+        H(() => ee(
+          I,
           1,
-          cr([
+          se([
             "record-icon",
-            t(e).state === "recording" && "record-icon--is-recording"
+            e(r).state === "recording" && "record-icon--is-recording"
           ]),
           "svelte-fc16qh"
-        )), m(p, A);
+        )), s(w, C);
       },
       $$slots: { default: !0 }
     });
   }
-  var I = O(q, 2);
+  var F = z(N, 2);
   {
-    let l = nr(() => t(e).state === "recording");
-    $r(I, {
+    let a = ae(() => e(r).state === "recording");
+    ke(F, {
       get disabled() {
-        return t(l);
+        return e(a);
       },
       get deviceId() {
-        return a();
+        return n();
       },
-      set deviceId(p) {
-        a(p);
+      set deviceId(w) {
+        n(w);
       }
     });
   }
-  var n = O(I, 2);
+  var l = z(F, 2);
   {
-    var f = (l) => {
-      var p = Ie(), x = C(p), A = C(x);
-      ae(A, {
+    var d = (a) => {
+      var w = Ze(), L = x(w), C = x(L);
+      Ue(C, {
         get data() {
-          return t(e).waveformSamples;
+          return e(r).waveformSamples;
         }
-      }), $(x);
-      var E = O(x, 2), h = C(E);
-      $(E), $(p), G((k, i) => _r(h, `${k ?? ""}:${i ?? ""}`), [
-        () => Math.floor(t(e).timeElapsed / 60).toString(),
-        () => (t(e).timeElapsed % 60).toString().padStart(2, "0")
-      ]), m(l, p);
+      }), k(L);
+      var I = z(L, 2), u = x(I);
+      k(I), k(w), H((m, o) => ye(u, `${m ?? ""}:${o ?? ""}`), [
+        () => Math.floor(e(r).timeElapsed / 60).toString(),
+        () => (e(r).timeElapsed % 60).toString().padStart(2, "0")
+      ]), s(a, w);
     };
-    F(n, (l) => {
-      t(e).state === "recording" && l(f);
+    $(l, (a) => {
+      e(r).state === "recording" && a(d);
     });
   }
-  return $(y), G(() => tr(
-    y,
+  return k(q), H(() => ee(
+    q,
     1,
-    cr([
+    se([
       "container",
-      t(e).state === "recording" && "is-recording"
+      e(r).state === "recording" && "is-recording"
     ]),
     "svelte-fc16qh"
-  )), m(o, y), ur(w);
+  )), s(D, q), le(M);
 }
-lr(Ar, { deviceId: {}, onDone: {} }, [], [], !0);
-var Se = T('<p class="status-message svelte-14spe77">Recording saved successfully!</p>'), Te = T('<p class="status-message svelte-14spe77">Uploading...</p>'), Ce = T('<p class="status-message svelte-14spe77">Processing...</p>'), $e = T('<div class="error svelte-14spe77"><p class="svelte-14spe77"> </p> <!></div>'), Ae = ie('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="fill: currentColor; width: 1em; height: 1em;"><path d="M232.7 69.9L224 96L128 96C110.3 96 96 110.3 96 128C96 145.7 110.3 160 128 160L512 160C529.7 160 544 145.7 544 128C544 110.3 529.7 96 512 96L416 96L407.3 69.9C402.9 56.8 390.7 48 376.9 48L263.1 48C249.3 48 237.1 56.8 232.7 69.9zM512 208L128 208L149.1 531.1C150.7 556.4 171.7 576 197 576L443 576C468.3 576 489.3 556.4 490.9 531.1L512 208z"></path></svg>'), Re = T('<div class="confirm svelte-14spe77"><!> <div class="confirm-actions svelte-14spe77"><!> <!></div></div>'), Me = T('<div class="row"><!></div>'), De = T('<div class="recorder svelte-14spe77" role="group" aria-label="44 audio recorder"><!></div>');
-const ze = {
+ne(qe, { deviceId: {}, onDone: {} }, [], [], !0);
+var er = _('<p class="status-message svelte-14spe77">Recording saved successfully!</p>'), rr = _('<p class="status-message svelte-14spe77">Uploading...</p>'), or = _('<p class="status-message svelte-14spe77">Processing...</p>'), tr = _('<div class="error svelte-14spe77"><p class="svelte-14spe77"> </p> <!></div>'), ar = Fe('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="fill: currentColor; width: 1em; height: 1em;"><path d="M232.7 69.9L224 96L128 96C110.3 96 96 110.3 96 128C96 145.7 110.3 160 128 160L512 160C529.7 160 544 145.7 544 128C544 110.3 529.7 96 512 96L416 96L407.3 69.9C402.9 56.8 390.7 48 376.9 48L263.1 48C249.3 48 237.1 56.8 232.7 69.9zM512 208L128 208L149.1 531.1C150.7 556.4 171.7 576 197 576L443 576C468.3 576 489.3 556.4 490.9 531.1L512 208z"></path></svg>'), sr = _('<div class="confirm svelte-14spe77"><!> <div class="confirm-actions svelte-14spe77"><!> <!></div></div>'), ir = _('<div class="row"><!></div>'), nr = _('<div class="recorder svelte-14spe77" role="group" aria-label="44 audio recorder"><!></div>');
+const dr = {
   hash: "svelte-14spe77",
   code: `:host {--fortyfour-recorder-bg-0: #2d2d2d;--fortyfour-recorder-bg-1: #393939;--fortyfour-recorder-bg-2: #515151;--fortyfour-recorder-bg-primary: hsla(210, 50%, 60%, 1);--fortyfour-recorder-bg-primary-light: hsla(210, 55%, 64%, 1);--fortyfour-recorder-color-0: #d3d0c8;--fortyfour-recorder-color-primary: hsla(0, 0%, 100%, 0.9);--fortyfour-recorder-red-bg: #f2777a;--fortyfour-recorder-red-color: #ffffff;--fortyfour-recorder-font-size-lg: 1.25rem;--fortyfour-recorder-font-size-md: 1rem;--fortyfour-recorder-font-size-sm: 0.875rem;--fortyfour-recorder-font-size-xs: 0.6825rem;--fortyfour-recorder-radius-xl: 3rem;--fortyfour-recorder-radius-lg: 1rem;--fortyfour-recorder-radius-md: 0.5rem;--fortyfour-recorder-spacing-md: 1rem;--fortyfour-recorder-spacing-sm-1: 0.85rem;--fortyfour-recorder-spacing-sm: 0.5rem;--fortyfour-recorder-radius: var(--fortyfour-recorder-radius-lg);--fortyfour-recorder-bg: var(--fortyfour-recorder-bg-0);--fortyfour-recorder-color: var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-radius: var(--fortyfour-recorder-radius-xl);--fortyfour-recorder-btn-padding: var(--fortyfour-recorder-spacing-sm)
       var(--fortyfour-recorder-spacing-sm-1);--fortyfour-recorder-btn-gap: var(--fortyfour-recorder-spacing-sm);--fortyfour-recorder-btn-bg: var(--fortyfour-recorder-bg-1);--fortyfour-recorder-btn-bg-hover: var(--fortyfour-recorder-bg-2);--fortyfour-recorder-btn-color: var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-color-hover: var(--fortyfour-recorder-color-0);--fortyfour-recorder-btn-primary-bg: var(--fortyfour-recorder-bg-primary);--fortyfour-recorder-btn-primary-bg-hover: var(--fortyfour-recorder-bg-primary-light);--fortyfour-recorder-btn-primary-color: var(--fortyfour-recorder-color-primary);--fortyfour-recorder-btn-primary-color-hover: var(--fortyfour-recorder-color-primary);--fortyfour-recorder-select-bg: var(--fortyfour-recorder-bg-0);--fortyfour-recorder-select-bg-hover: var(--fortyfour-recorder-bg-1);--fortyfour-recorder-select-border: 1px solid var(--fortyfour-recorder-bg-1);--fortyfour-recorder-select-radius: var(--fortyfour-recorder-radius-md);--fortyfour-recorder-select-shadow: 0 4px 8px hsla(0, 0%, 0%, 0.1);--fortyfour-recorder-select-color: var(--fortyfour-recorder-color-0);--fortyfour-recorder-select-font-size: var(--fortyfour-recorder-font-size-xs);}.recorder.svelte-14spe77 {padding:var(--fortyfour-recorder-spacing-md);border-radius:var(--fortyfour-recorder-radius);background:var(--fortyfour-recorder-bg);color:var(--fortyfour-recorder-color);}.confirm.svelte-14spe77 {display:flex;align-items:center;gap:var(--fortyfour-recorder-spacing-sm);}.confirm-actions.svelte-14spe77 {display:flex;gap:var(--fortyfour-recorder-spacing-sm);flex-shrink:0;}.error.svelte-14spe77 {display:flex;flex-direction:column;gap:var(--fortyfour-recorder-spacing-sm);}.error.svelte-14spe77 p:where(.svelte-14spe77) {color:var(--fortyfour-recorder-red-bg);margin:0;}.status-message.svelte-14spe77 {margin:0;text-align:center;}`
 };
-function Fe(o, r) {
-  fr(r, !0), vr(o, ze);
-  const a = r.$$host;
-  let s = B(r, "sessionId", 7), d = B(r, "labels", 7, ""), e = B(r, "apiHost", 7, "api.44.audio");
-  const v = nr(() => d() ? d().split(",").map((i) => i.trim()).filter(Boolean) : []), g = 2e3, D = 30;
-  let u = P(
+function cr(D, c) {
+  de(c, !0), ce(D, dr);
+  const n = c.$$host;
+  let g = P(c, "sessionId", 7), f = P(c, "labels", 7, ""), r = P(c, "apiHost", 7, "api.44.audio");
+  const p = ae(() => f() ? f().split(",").map((o) => o.trim()).filter(Boolean) : []), y = 2e3, X = 30;
+  let v = T(
     "ready"
     // "ready", "recording", "confirm", "uploading", "processing", "done", "error"
-  ), _ = P(null), w = P(null), y = P(null), q = P(""), I = P(null);
-  async function n() {
-    if (!(t(u) !== "confirm" || !t(w))) {
-      b(u, "uploading");
+  ), B = T(null), M = T(null), q = T(null), N = T(""), F = T(null);
+  async function l() {
+    if (!(e(v) !== "confirm" || !e(M))) {
+      i(v, "uploading");
       try {
-        const i = await fetch(t(w));
-        if (!i.ok)
+        const o = await fetch(e(M));
+        if (!o.ok)
           throw new Error("Failed to load audio data");
-        const c = await i.blob(), L = new File([c], "recording.audio", { type: c.type }), R = new FormData();
-        R.append("sessionId", s()), t(v).forEach((Q) => R.append("labels", Q)), R.append("audioFile", L), t(y) && R.append("waveform", JSON.stringify(t(y)));
-        const z = await fetch(`https://${e()}/v1/recordings`, { method: "POST", body: R });
-        if (!z.ok)
-          throw new Error(`Upload failed: ${z.status}`);
-        const S = await z.json();
-        b(_, S.recordingId, !0), b(u, "processing");
-        let M = !1, or = 0;
-        for (; !M && or < D; )
-          await new Promise((Q) => setTimeout(Q, g)), M = await l(t(_)), or++;
-        if (!M) {
-          b(I, "Recording processing timeout. Please try again."), b(u, "error");
+        const t = await o.blob(), b = new File([t], "recording.audio", { type: t.type }), E = new FormData();
+        E.append("sessionId", g()), e(p).forEach((Y) => E.append("labels", Y)), E.append("audioFile", b), e(q) && E.append("waveform", JSON.stringify(e(q)));
+        const R = await fetch(`https://${r()}/v1/recordings`, { method: "POST", body: E });
+        if (!R.ok)
+          throw new Error(`Upload failed: ${R.status}`);
+        const h = await R.json();
+        i(B, h.recordingId, !0), i(v, "processing");
+        let S = !1, re = 0;
+        for (; !S && re < X; )
+          await new Promise((Y) => setTimeout(Y, y)), S = await a(e(B)), re++;
+        if (!S) {
+          i(F, "Recording processing timeout. Please try again."), i(v, "error");
           return;
         }
-        a.dispatchEvent(new CustomEvent("recording-complete", { detail: { recordingId: t(_) } })), b(u, "done");
-      } catch (i) {
-        console.error("Error saving recording:", i), b(I, i.message || "Failed to save recording", !0), b(u, "error");
+        n.dispatchEvent(new CustomEvent("recording-complete", { detail: { recordingId: e(B) } })), i(v, "done");
+      } catch (o) {
+        console.error("Error saving recording:", o), i(F, o.message || "Failed to save recording", !0), i(v, "error");
       }
     }
   }
-  function f() {
-    b(w, null), b(y, null), b(u, "ready");
+  function d() {
+    i(M, null), i(q, null), i(v, "ready");
   }
-  async function l(i) {
+  async function a(o) {
     try {
-      const c = await fetch(`https://${e()}/v1/recordings/${i}/status`);
-      if (!c.ok)
+      const t = await fetch(`https://${r()}/v1/recordings/${o}/status`);
+      if (!t.ok)
         throw new Error("Failed to fetch data");
-      return (await c.json()).status === "ready";
-    } catch (c) {
-      return console.error(c), !1;
+      return (await t.json()).status === "ready";
+    } catch (t) {
+      return console.error(t), !1;
     }
   }
-  function p(i) {
-    b(w, i.url, !0), b(y, i.waveform, !0), b(u, "confirm");
+  function w(o) {
+    i(M, o.url, !0), i(q, o.waveform, !0), i(v, "confirm");
   }
-  var x = {
+  var L = {
     get sessionId() {
-      return s();
+      return g();
     },
-    set sessionId(i) {
-      s(i), H();
+    set sessionId(o) {
+      g(o), U();
     },
     get labels() {
-      return d();
+      return f();
     },
-    set labels(i = "") {
-      d(i), H();
+    set labels(o = "") {
+      f(o), U();
     },
     get apiHost() {
-      return e();
+      return r();
     },
-    set apiHost(i = "api.44.audio") {
-      e(i), H();
+    set apiHost(o = "api.44.audio") {
+      r(o), U();
     }
-  }, A = De(), E = C(A);
+  }, C = nr(), I = x(C);
   {
-    var h = (i) => {
-      var c = Se();
-      m(i, c);
-    }, k = (i) => {
-      var c = rr(), L = X(c);
+    var u = (o) => {
+      var t = er();
+      s(o, t);
+    }, m = (o) => {
+      var t = K(), b = W(t);
       {
-        var R = (S) => {
-          var M = Te();
-          m(S, M);
-        }, z = (S) => {
-          var M = rr(), or = X(M);
+        var E = (h) => {
+          var S = rr();
+          s(h, S);
+        }, R = (h) => {
+          var S = K(), re = W(S);
           {
-            var Q = (V) => {
-              var ar = Ce();
-              m(V, ar);
-            }, Rr = (V) => {
-              var ar = rr(), Mr = X(ar);
+            var Y = (j) => {
+              var oe = or();
+              s(j, oe);
+            }, Ie = (j) => {
+              var oe = K(), Le = W(oe);
               {
-                var Dr = (W) => {
-                  var J = $e(), Y = C(J), pr = C(Y);
-                  $(Y);
-                  var gr = O(Y, 2);
-                  er(gr, {
-                    onclick: () => b(u, "confirm"),
-                    children: (j, N) => {
-                      xr();
-                      var K = dr("Try Again");
-                      m(j, K);
+                var Ee = (G) => {
+                  var V = tr(), Z = x(V), fe = x(Z);
+                  k(Z);
+                  var ve = z(Z, 2);
+                  Q(ve, {
+                    onclick: () => i(v, "confirm"),
+                    children: (O, A) => {
+                      be();
+                      var J = ie("Try Again");
+                      s(O, J);
                     },
                     $$slots: { default: !0 }
-                  }), $(J), G(() => _r(pr, `Error: ${t(I) ?? ""}`)), m(W, J);
-                }, zr = (W) => {
-                  var J = rr(), Y = X(J);
+                  }), k(V), H(() => ye(fe, `Error: ${e(F) ?? ""}`)), s(G, V);
+                }, Se = (G) => {
+                  var V = K(), Z = W(V);
                   {
-                    var pr = (j) => {
-                      var N = Re(), K = C(N);
-                      se(K, {
+                    var fe = (O) => {
+                      var A = sr(), J = x(A);
+                      Be(J, {
                         get audioURL() {
-                          return t(w);
+                          return e(M);
                         },
                         get waveform() {
-                          return t(y);
+                          return e(q);
                         }
                       });
-                      var sr = O(K, 2), wr = C(sr);
-                      er(wr, {
-                        onclick: f,
-                        children: (yr, Nr) => {
-                          var mr = Ae();
-                          m(yr, mr);
+                      var te = z(J, 2), me = x(te);
+                      Q(me, {
+                        onclick: d,
+                        children: (ue, Me) => {
+                          var ge = ar();
+                          s(ue, ge);
                         },
                         $$slots: { default: !0 }
                       });
-                      var Fr = O(wr, 2);
-                      er(Fr, {
+                      var De = z(me, 2);
+                      Q(De, {
                         type: "primary",
-                        onclick: n,
-                        children: (yr, Nr) => {
-                          xr();
-                          var mr = dr("Save");
-                          m(yr, mr);
+                        onclick: l,
+                        children: (ue, Me) => {
+                          be();
+                          var ge = ie("Save");
+                          s(ue, ge);
                         },
                         $$slots: { default: !0 }
-                      }), $(sr), $(N), br(1, N, () => Ir, () => ({ y: 20, duration: 700 })), m(j, N);
-                    }, gr = (j) => {
-                      var N = Me(), K = C(N);
-                      Ar(K, {
-                        onDone: p,
+                      }), k(te), k(A), pe(1, A, () => he, () => ({ y: 20, duration: 700 })), s(O, A);
+                    }, ve = (O) => {
+                      var A = ir(), J = x(A);
+                      qe(J, {
+                        onDone: w,
                         get deviceId() {
-                          return t(q);
+                          return e(N);
                         },
-                        set deviceId(sr) {
-                          b(q, sr, !0);
+                        set deviceId(te) {
+                          i(N, te, !0);
                         }
-                      }), $(N), br(1, N, () => Ir, () => ({ y: -20, duration: 700 })), m(j, N);
+                      }), k(A), pe(1, A, () => he, () => ({ y: -20, duration: 700 })), s(O, A);
                     };
-                    F(
-                      Y,
-                      (j) => {
-                        t(u) === "confirm" ? j(pr) : j(gr, !1);
+                    $(
+                      Z,
+                      (O) => {
+                        e(v) === "confirm" ? O(fe) : O(ve, !1);
                       },
                       !0
                     );
                   }
-                  m(W, J);
+                  s(G, V);
                 };
-                F(
-                  Mr,
-                  (W) => {
-                    t(u) === "error" ? W(Dr) : W(zr, !1);
+                $(
+                  Le,
+                  (G) => {
+                    e(v) === "error" ? G(Ee) : G(Se, !1);
                   },
                   !0
                 );
               }
-              m(V, ar);
+              s(j, oe);
             };
-            F(
-              or,
-              (V) => {
-                t(u) === "processing" ? V(Q) : V(Rr, !1);
+            $(
+              re,
+              (j) => {
+                e(v) === "processing" ? j(Y) : j(Ie, !1);
               },
               !0
             );
           }
-          m(S, M);
+          s(h, S);
         };
-        F(
-          L,
-          (S) => {
-            t(u) === "uploading" ? S(R) : S(z, !1);
+        $(
+          b,
+          (h) => {
+            e(v) === "uploading" ? h(E) : h(R, !1);
           },
           !0
         );
       }
-      m(i, c);
+      s(o, t);
     };
-    F(E, (i) => {
-      t(u) === "done" ? i(h) : i(k, !1);
+    $(I, (o) => {
+      e(v) === "done" ? o(u) : o(m, !1);
     });
   }
-  return $(A), m(o, A), ur(x);
+  return k(C), s(D, C), le(L);
 }
-customElements.define("fortyfour-audio-recorder", lr(
-  Fe,
+customElements.define("fortyfour-audio-recorder", ne(
+  cr,
   {
     apiHost: { attribute: "api-host" },
     sessionId: { attribute: "session-id" },