@44-audio/components 0.1.0-dev.8 → 0.1.0-dev.9

package/dist/recorder.es.js

@@ -1,10 +1,10 @@
-import { h as Dr, C as Tr, D as qr, E as $r, F as Rr, G as zr, H as Lr, I as Ar, J as Fr, T as Or, K as _r, L as jr, M as Ur, N as J, O as Nr, P as Pr, d as cr, c as Z, p as rr, a as er, b as P, l as j, Q as ir, y as wr, f as z, g as T, e as L, i as G, z as kr, q as N, j as k, k as tr, s as I, n as t, m as B, r as S, B as ar, R as lr, u as fr, S as X, U as sr, v as Y, V as vr, W as Br, o as Q, w as ur, x as pr, X as xr, A as Hr, Y as Gr } from "./AudioPlayer-bUgQMAfs.mjs";
-function Kr(e, r, i, n, o) {
-  Dr && Tr();
-  var s = r.$$slots?.[i], v = !1;
-  s === !0 && (s = r.children, v = !0), s === void 0 || s(e, v ? () => n : n);
+import { h as Cr, C as Dr, D as Tr, E as qr, F as $r, G as Rr, H as zr, I as Lr, J as Ar, T as Fr, K as _r, L as Or, M as Ur, N as W, O as Nr, P as Pr, d as nr, c as Y, p as Z, a as rr, b as P, l as O, Q as ar, y as wr, f as R, g as T, e as z, i as H, z as kr, q as U, j as _, k as er, s as I, n as t, m as B, r as M, B as or, R as lr, u as fr, S as Q, U as ir, v as X, V as vr, W as Br, o as J, w as ur, x as pr, X as xr, A as jr, Y as Hr } from "./AudioPlayer-bUgQMAfs.mjs";
+function Gr(e, r, i, n, o) {
+  Cr && Dr();
+  var s = r.$$slots?.[i], f = !1;
+  s === !0 && (s = r.children, f = !0), s === void 0 || s(e, f ? () => n : n);
 }
-const Vr = () => performance.now(), H = {
+const Kr = () => performance.now(), j = {
   // 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
@@ -12,32 +12,32 @@ const Vr = () => performance.now(), H = {
     /** @param {any} _ */
     (e) => requestAnimationFrame(e)
   ),
-  now: () => Vr(),
+  now: () => Kr(),
   tasks: /* @__PURE__ */ new Set()
 };
 function Ir() {
-  const e = H.now();
-  H.tasks.forEach((r) => {
-    r.c(e) || (H.tasks.delete(r), r.f());
-  }), H.tasks.size !== 0 && H.tick(Ir);
+  const e = j.now();
+  j.tasks.forEach((r) => {
+    r.c(e) || (j.tasks.delete(r), r.f());
+  }), j.tasks.size !== 0 && j.tick(Ir);
 }
-function Wr(e) {
+function Vr(e) {
   let r;
-  return H.tasks.size === 0 && H.tick(Ir), {
+  return j.tasks.size === 0 && j.tick(Ir), {
     promise: new Promise((i) => {
-      H.tasks.add(r = { c: e, f: i });
+      j.tasks.add(r = { c: e, f: i });
     }),
     abort() {
-      H.tasks.delete(r);
+      j.tasks.delete(r);
     }
   };
 }
-function or(e, r) {
+function tr(e, r) {
   _r(() => {
     e.dispatchEvent(new CustomEvent(r));
   });
 }
-function Jr(e) {
+function Wr(e) {
   if (e === "float") return "cssFloat";
   if (e === "offset") return "cssOffset";
   if (e.startsWith("--")) return e;
@@ -52,141 +52,141 @@ function br(e) {
   for (const n of i) {
     const [o, s] = n.split(":");
     if (!o || s === void 0) break;
-    const v = Jr(o.trim());
-    r[v] = s.trim();
+    const f = Wr(o.trim());
+    r[f] = s.trim();
   }
   return r;
 }
-const Qr = (e) => e;
+const Jr = (e) => e;
 function gr(e, r, i, n) {
-  var o = (e & Nr) !== 0, s = (e & Pr) !== 0, v = o && s, f = (e & Or) !== 0, q = v ? "both" : o ? "in" : "out", x, _ = r.inert, M = r.style.overflow, w, C;
+  var o = (e & Nr) !== 0, s = (e & Pr) !== 0, f = o && s, v = (e & Fr) !== 0, q = f ? "both" : o ? "in" : "out", C, w = r.inert, x = r.style.overflow, k, D;
   function E() {
-    return _r(() => x ??= i()(r, n?.() ?? /** @type {P} */
+    return _r(() => C ??= i()(r, n?.() ?? /** @type {P} */
     {}, {
       direction: q
     }));
   }
   var a = {
-    is_global: f,
+    is_global: v,
     in() {
-      if (r.inert = _, !o) {
-        C?.abort(), C?.reset?.();
+      if (r.inert = w, !o) {
+        D?.abort(), D?.reset?.();
         return;
       }
-      s || w?.abort(), or(r, "introstart"), w = yr(r, E(), C, 1, () => {
-        or(r, "introend"), w?.abort(), w = x = void 0, r.style.overflow = M;
+      s || k?.abort(), tr(r, "introstart"), k = yr(r, E(), D, 1, () => {
+        tr(r, "introend"), k?.abort(), k = C = void 0, r.style.overflow = x;
       });
     },
-    out(g) {
+    out(c) {
       if (!s) {
-        g?.(), x = void 0;
+        c?.(), C = void 0;
         return;
       }
-      r.inert = !0, or(r, "outrostart"), C = yr(r, E(), w, 0, () => {
-        or(r, "outroend"), g?.();
+      r.inert = !0, tr(r, "outrostart"), D = yr(r, E(), k, 0, () => {
+        tr(r, "outroend"), c?.();
       });
     },
     stop: () => {
-      w?.abort(), C?.abort();
+      k?.abort(), D?.abort();
     }
-  }, c = (
+  }, d = (
     /** @type {Effect} */
-    qr
+    Tr
   );
-  if ((c.transitions ??= []).push(a), o && $r) {
-    var m = f;
+  if ((d.transitions ??= []).push(a), o && qr) {
+    var m = v;
     if (!m) {
-      for (var d = (
+      for (var l = (
         /** @type {Effect | null} */
-        c.parent
-      ); d && (d.f & Rr) !== 0; )
-        for (; (d = d.parent) && (d.f & zr) === 0; )
+        d.parent
+      ); l && (l.f & $r) !== 0; )
+        for (; (l = l.parent) && (l.f & Rr) === 0; )
           ;
-      m = !d || (d.f & Lr) !== 0;
+      m = !l || (l.f & zr) !== 0;
     }
-    m && Ar(() => {
-      Fr(() => a.in());
+    m && Lr(() => {
+      Ar(() => a.in());
     });
   }
 }
 function yr(e, r, i, n, o) {
   var s = n === 1;
-  if (jr(r)) {
-    var v, f = !1;
+  if (Or(r)) {
+    var f, v = !1;
     return Ur(() => {
-      if (!f) {
-        var c = r({ direction: s ? "in" : "out" });
-        v = yr(e, c, i, n, o);
+      if (!v) {
+        var d = r({ direction: s ? "in" : "out" });
+        f = yr(e, d, i, n, o);
       }
     }), {
       abort: () => {
-        f = !0, v?.abort();
+        v = !0, f?.abort();
       },
-      deactivate: () => v.deactivate(),
-      reset: () => v.reset(),
-      t: () => v.t()
+      deactivate: () => f.deactivate(),
+      reset: () => f.reset(),
+      t: () => f.t()
     };
   }
   if (i?.deactivate(), !r?.duration)
     return o(), {
-      abort: J,
-      deactivate: J,
-      reset: J,
+      abort: W,
+      deactivate: W,
+      reset: W,
       t: () => n
     };
-  const { delay: q = 0, css: x, tick: _, easing: M = Qr } = r;
-  var w = [];
-  if (s && i === void 0 && (_ && _(0, 1), x)) {
-    var C = br(x(0, 1));
-    w.push(C, C);
+  const { delay: q = 0, css: C, tick: w, easing: x = Jr } = r;
+  var k = [];
+  if (s && i === void 0 && (w && w(0, 1), C)) {
+    var D = br(C(0, 1));
+    k.push(D, D);
   }
-  var E = () => 1 - n, a = e.animate(w, { duration: q, fill: "forwards" });
+  var E = () => 1 - n, a = e.animate(k, { duration: q, fill: "forwards" });
   return a.onfinish = () => {
     a.cancel();
-    var c = i?.t() ?? 1 - n;
+    var d = i?.t() ?? 1 - n;
     i?.abort();
-    var m = n - c, d = (
+    var m = n - d, l = (
       /** @type {number} */
       r.duration * Math.abs(m)
-    ), g = [];
-    if (d > 0) {
-      var l = !1;
-      if (x)
-        for (var p = Math.ceil(d / 16.666666666666668), u = 0; u <= p; u += 1) {
-          var y = c + m * M(u / p), b = br(x(y, 1 - y));
-          g.push(b), l ||= b.overflow === "hidden";
+    ), c = [];
+    if (l > 0) {
+      var p = !1;
+      if (C)
+        for (var b = Math.ceil(l / 16.666666666666668), g = 0; g <= b; g += 1) {
+          var u = d + m * x(g / b), y = br(C(u, 1 - u));
+          c.push(y), p ||= y.overflow === "hidden";
         }
-      l && (e.style.overflow = "hidden"), E = () => {
+      p && (e.style.overflow = "hidden"), E = () => {
         var h = (
           /** @type {number} */
           /** @type {globalThis.Animation} */
           a.currentTime
         );
-        return c + m * M(h / d);
-      }, _ && Wr(() => {
+        return d + m * x(h / l);
+      }, w && Vr(() => {
         if (a.playState !== "running") return !1;
         var h = E();
-        return _(h, 1 - h), !0;
+        return w(h, 1 - h), !0;
       });
     }
-    a = e.animate(g, { duration: d, fill: "forwards" }), a.onfinish = () => {
-      E = () => n, _?.(n, 1 - n), o();
+    a = e.animate(c, { duration: l, fill: "forwards" }), a.onfinish = () => {
+      E = () => n, w?.(n, 1 - n), o();
     };
   }, {
     abort: () => {
-      a && (a.cancel(), a.effect = null, a.onfinish = J);
+      a && (a.cancel(), a.effect = null, a.onfinish = W);
     },
     deactivate: () => {
-      o = J;
+      o = W;
     },
     reset: () => {
-      n === 0 && _?.(1, 0);
+      n === 0 && w?.(1, 0);
     },
     t: () => E()
   };
 }
-const Xr = (e) => e;
-function Yr(e) {
+const Qr = (e) => e;
+function Xr(e) {
   const r = e - 1;
   return r * r * r + 1;
 }
@@ -198,7 +198,7 @@ function mr(e) {
     "px"
   ];
 }
-function Zr(e, { delay: r = 0, duration: i = 400, easing: n = Xr } = {}) {
+function Yr(e, { delay: r = 0, duration: i = 400, easing: n = Qr } = {}) {
   const o = +getComputedStyle(e).opacity;
   return {
     delay: r,
@@ -207,15 +207,15 @@ function Zr(e, { delay: r = 0, duration: i = 400, easing: n = Xr } = {}) {
     css: (s) => `opacity: ${s * o}`
   };
 }
-function hr(e, { delay: r = 0, duration: i = 400, easing: n = Yr, x: o = 0, y: s = 0, opacity: v = 0 } = {}) {
-  const f = getComputedStyle(e), q = +f.opacity, x = f.transform === "none" ? "" : f.transform, _ = q * (1 - v), [M, w] = mr(o), [C, E] = mr(s);
+function hr(e, { delay: r = 0, duration: i = 400, easing: n = Xr, x: o = 0, y: s = 0, opacity: f = 0 } = {}) {
+  const v = getComputedStyle(e), q = +v.opacity, C = v.transform === "none" ? "" : v.transform, w = q * (1 - f), [x, k] = mr(o), [D, E] = mr(s);
   return {
     delay: r,
     duration: i,
     easing: n,
-    css: (a, c) => `
-			transform: ${x} translate(${(1 - a) * M}${w}, ${(1 - a) * C}${E});
-			opacity: ${q - _ * c}`
+    css: (a, d) => `
+			transform: ${C} translate(${(1 - a) * x}${k}, ${(1 - a) * D}${E});
+			opacity: ${q - w * d}`
   };
 }
 async function Mr(e = !1) {
@@ -226,20 +226,20 @@ async function Mr(e = !1) {
   }));
   return i.length === 0 ? Mr(!0) : i;
 }
-async function re(e, r, i, n) {
+async function Zr(e, r, i, n) {
   I(r, !t(r)), t(i).length || await n();
 }
-var ee = z("<li><button> </button></li>"), te = z('<li><button class="devices-select__option svelte-q87ygv" disabled>No microphones found</button></li>'), oe = z('<li><button class="devices-select__option svelte-q87ygv" disabled>Loading Microphones...</button></li>'), ae = z('<ul role="listbox" aria-label="Select microphone"><!> <!> <!></ul>'), ie = z('<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 se = {
+var re = R("<li><button> </button></li>"), ee = R('<li><button class="devices-select__option svelte-q87ygv" disabled>No microphones found</button></li>'), te = R('<li><button class="devices-select__option svelte-q87ygv" disabled>Loading Microphones...</button></li>'), oe = R('<ul role="listbox" aria-label="Select microphone"><!> <!> <!></ul>'), ae = R('<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 ie = {
   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 Sr(e, r) {
-  rr(r, !0), er(e, se);
-  let i = P(r, "deviceId", 15, ""), n = P(r, "disabled", 7, !1), o = j(ir([])), s = j(!1), v = j(!1), f;
+function Er(e, r) {
+  Z(r, !0), rr(e, ie);
+  let i = P(r, "deviceId", 15, ""), n = P(r, "disabled", 7, !1), o = O(ar([])), s = O(!1), f = O(!1), v;
   wr(() => {
-    function a(c) {
-      c.composedPath().includes(f) || t(s) && I(s, !1);
+    function a(d) {
+      d.composedPath().includes(v) || t(s) && I(s, !1);
     }
     return document.addEventListener("pointerdown", a), () => {
       document.removeEventListener("pointerdown", a);
@@ -247,24 +247,24 @@ function Sr(e, r) {
   });
   async function q() {
     try {
-      I(v, !0), (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((c) => c.stop()), I(o, await navigator.mediaDevices.enumerateDevices(), !0), I(
+      I(f, !0), (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((d) => d.stop()), I(o, await navigator.mediaDevices.enumerateDevices(), !0), I(
         o,
-        t(o).filter((c) => c.deviceId).filter((c) => c.kind === "audioinput").map((c, m) => ({
-          deviceId: c.deviceId,
-          label: c.label || `Microphone ${m + 1}`
+        t(o).filter((d) => d.deviceId).filter((d) => d.kind === "audioinput").map((d, m) => ({
+          deviceId: d.deviceId,
+          label: d.label || `Microphone ${m + 1}`
         })),
         !0
-      ), !i() && t(o).length && i(t(o)[0].deviceId), t(o).sort((c, m) => c.label.localeCompare(m.label)), I(v, !1);
+      ), !i() && t(o).length && i(t(o)[0].deviceId), t(o).sort((d, m) => d.label.localeCompare(m.label)), I(f, !1);
     } catch (a) {
       console.error("Error accessing microphones:", a);
     }
   }
-  function x(a) {
+  function C(a) {
     return () => {
       i(a), I(s, !1);
     };
   }
-  var _ = {
+  var w = {
     get deviceId() {
       return i();
     },
@@ -277,94 +277,94 @@ function Sr(e, r) {
     set disabled(a = !1) {
       n(a), B();
     }
-  }, M = ie(), w = T(M);
-  w.__click = [re, s, o, q];
-  var C = L(w, 2);
+  }, x = ae(), k = T(x);
+  k.__click = [Zr, s, o, q];
+  var D = z(k, 2);
   {
     var E = (a) => {
-      var c = ae(), m = T(c);
-      lr(m, 17, () => t(o), vr, (u, y) => {
-        var b = ee(), h = T(b), D = fr(() => x(t(y).deviceId));
+      var d = oe(), m = T(d);
+      lr(m, 17, () => t(o), vr, (g, u) => {
+        var y = re(), h = T(y), L = fr(() => C(t(u).deviceId));
         h.__click = function(...K) {
-          t(D)?.apply(this, K);
+          t(L)?.apply(this, K);
         };
-        var A = T(h, !0);
-        S(h), S(b), N(() => {
-          X(
+        var N = T(h, !0);
+        M(h), M(y), U(() => {
+          Q(
             h,
             1,
-            sr([
+            ir([
               "devices-select__option",
-              t(y).deviceId === i() && "devices-select__option--is-selected"
+              t(u).deviceId === i() && "devices-select__option--is-selected"
             ]),
             "svelte-q87ygv"
-          ), h.disabled = n(), Y(A, t(y).label);
-        }), k(u, b);
+          ), h.disabled = n(), X(N, t(u).label);
+        }), _(g, y);
       });
-      var d = L(m, 2);
+      var l = z(m, 2);
       {
-        var g = (u) => {
-          var y = te();
-          k(u, y);
+        var c = (g) => {
+          var u = ee();
+          _(g, u);
         };
-        G(d, (u) => {
-          !t(o).length && !t(v) && u(g);
+        H(l, (g) => {
+          !t(o).length && !t(f) && g(c);
         });
       }
-      var l = L(d, 2);
+      var p = z(l, 2);
       {
-        var p = (u) => {
-          var y = oe();
-          k(u, y);
+        var b = (g) => {
+          var u = te();
+          _(g, u);
         };
-        G(l, (u) => {
-          t(v) && u(p);
+        H(p, (g) => {
+          t(f) && g(b);
         });
       }
-      S(c), N(() => X(c, 1, `devices-select ${t(s) ? "devices-select--is-open" : ""}`, "svelte-q87ygv")), gr(3, c, () => Zr, () => ({ duration: 100 })), k(a, c);
+      M(d), U(() => Q(d, 1, `devices-select ${t(s) ? "devices-select--is-open" : ""}`, "svelte-q87ygv")), gr(3, d, () => Yr, () => ({ duration: 100 })), _(a, d);
     };
-    G(C, (a) => {
+    H(D, (a) => {
       t(s) && a(E);
     });
   }
-  return S(M), kr(M, (a) => f = a, () => f), N(() => ar(w, "aria-expanded", t(s))), k(e, M), tr(_);
+  return M(x), kr(x, (a) => v = a, () => v), U(() => or(k, "aria-expanded", t(s))), _(e, x), er(w);
 }
-cr(["click"]);
-Z(Sr, { deviceId: {}, disabled: {} }, [], [], !0);
-var ne = z("<button><!></button>");
-const ce = {
+nr(["click"]);
+Y(Er, { deviceId: {}, disabled: {} }, [], [], !0);
+var se = R("<button><!></button>");
+const ne = {
   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 nr(e, r) {
-  rr(r, !0), er(e, ce);
+function sr(e, r) {
+  Z(r, !0), rr(e, ne);
   const i = P(r, "type", 7), n = P(r, "onclick", 7, () => {
   });
   var o = {
     get type() {
       return i();
     },
-    set type(f) {
-      i(f), B();
+    set type(v) {
+      i(v), B();
     },
     get onclick() {
       return n();
     },
-    set onclick(f = () => {
+    set onclick(v = () => {
     }) {
-      n(f), B();
+      n(v), B();
     }
-  }, s = ne();
-  s.__click = function(...f) {
-    n()?.apply(this, f);
+  }, s = se();
+  s.__click = function(...v) {
+    n()?.apply(this, v);
   };
-  var v = T(s);
-  return Kr(v, r, "default", {}), S(s), N(() => X(s, 1, sr(["btn", i() && `btn--${i()}`]), "svelte-f3ispq")), k(e, s), tr(o);
+  var f = T(s);
+  return Gr(f, r, "default", {}), M(s), U(() => Q(s, 1, ir(["btn", i() && `btn--${i()}`]), "svelte-f3ispq")), _(e, s), er(o);
 }
-cr(["click"]);
-Z(nr, { type: {}, onclick: {} }, ["default"], [], !0);
-var de = z("<div></div> <!>", 1), le = z('<div class="time-elapsed svelte-11ls49v"> </div>'), fe = z('<div role="group" aria-label="Audio recorder"><!> <!> <!></div>');
-const ve = {
+nr(["click"]);
+Y(sr, { type: {}, onclick: {} }, ["default"], [], !0);
+var ce = R("<div></div> <!>", 1), de = R('<div class="time-elapsed svelte-11ls49v"> </div>'), le = R('<div role="group" aria-label="Audio recorder"><!> <!> <!></div>');
+const fe = {
   hash: "svelte-11ls49v",
   code: `.container.svelte-11ls49v {display:flex;align-items:center;gap:1rem;}.record-icon.svelte-11ls49v {width:1.25rem;height:1.25rem;background:var(--fortyfour-recorder-red-bg);border-radius:50%;}.record-icon--is-recording.svelte-11ls49v {background:var(--fortyfour-recorder-red-color);
     animation: svelte-11ls49v-pulse 2s infinite ease-out;}.time-elapsed.svelte-11ls49v {font-variant-numeric:tabular-nums;}
@@ -383,9 +383,9 @@ const ve = {
     }
   }`
 };
-function Er(e, r) {
-  rr(r, !0), er(e, ve);
-  let i = P(r, "deviceId", 15, ""), n = P(r, "onDone", 7), o = j(ir({
+function Sr(e, r) {
+  Z(r, !0), rr(e, fe);
+  let i = P(r, "deviceId", 15, ""), n = P(r, "onDone", 7), o = O(ar({
     state: "ready",
     // "ready", "recording"
     timeElapsed: 0,
@@ -394,15 +394,15 @@ function Er(e, r) {
   Br(() => {
     s?.stop();
   });
-  function v() {
-    t(o).state === "ready" ? f() : t(o).state === "recording" && q();
+  function f() {
+    t(o).state === "ready" ? v() : t(o).state === "recording" && q();
   }
-  async function f() {
+  async function v() {
     const a = await navigator.mediaDevices.getUserMedia({
       audio: { deviceId: i() ? { exact: i() } : void 0 }
-    }), c = [];
-    s = new MediaRecorder(a), s.ondataavailable = (d) => c.push(d.data), s.onstop = () => {
-      t(o).state === "recording" && (a.getTracks().forEach((d) => d.stop()), n()(URL.createObjectURL(new Blob(c, { type: s.mimeType }))), t(o).state = "ready");
+    }), d = [];
+    s = new MediaRecorder(a), s.ondataavailable = (l) => d.push(l.data), s.onstop = () => {
+      t(o).state === "recording" && (a.getTracks().forEach((l) => l.stop()), n()(URL.createObjectURL(new Blob(d, { type: s.mimeType }))), t(o).state = "ready");
     }, s.start();
     const m = () => {
       t(o).state === "recording" && (t(o).timeElapsed += 1, setTimeout(m, 1e3));
@@ -412,7 +412,7 @@ function Er(e, r) {
   function q() {
     s?.stop();
   }
-  var x = {
+  var C = {
     get deviceId() {
       return i();
     },
@@ -425,236 +425,234 @@ function Er(e, r) {
     set onDone(a) {
       n(a), B();
     }
-  }, _ = fe(), M = T(_);
+  }, w = le(), x = T(w);
   {
     let a = fr(() => t(o).state === "recording" && "recording");
-    nr(M, {
-      onclick: v,
+    sr(x, {
+      onclick: f,
       get type() {
         return t(a);
       },
-      children: (c, m) => {
-        var d = de(), g = Q(d), l = L(g, 2);
+      children: (d, m) => {
+        var l = ce(), c = J(l), p = z(c, 2);
         {
-          var p = (y) => {
-            var b = ur("Record");
-            k(y, b);
-          }, u = (y) => {
-            var b = pr(), h = Q(b);
+          var b = (u) => {
+            var y = ur("Record");
+            _(u, y);
+          }, g = (u) => {
+            var y = pr(), h = J(y);
             {
-              var D = (A) => {
+              var L = (N) => {
                 var K = ur("Recording");
-                k(A, K);
+                _(N, K);
               };
-              G(
+              H(
                 h,
-                (A) => {
-                  t(o).state === "recording" && A(D);
+                (N) => {
+                  t(o).state === "recording" && N(L);
                 },
                 !0
               );
             }
-            k(y, b);
+            _(u, y);
           };
-          G(l, (y) => {
-            t(o).state === "ready" ? y(p) : y(u, !1);
+          H(p, (u) => {
+            t(o).state === "ready" ? u(b) : u(g, !1);
           });
         }
-        N(() => X(
-          g,
+        U(() => Q(
+          c,
           1,
-          sr([
+          ir([
             "record-icon",
             t(o).state === "recording" && "record-icon--is-recording"
           ]),
           "svelte-11ls49v"
-        )), k(c, d);
+        )), _(d, l);
       },
       $$slots: { default: !0 }
     });
   }
-  var w = L(M, 2);
+  var k = z(x, 2);
   {
     let a = fr(() => t(o).state === "recording");
-    Sr(w, {
+    Er(k, {
       get disabled() {
         return t(a);
       },
       get deviceId() {
         return i();
       },
-      set deviceId(c) {
-        i(c);
+      set deviceId(d) {
+        i(d);
       }
     });
   }
-  var C = L(w, 2);
+  var D = z(k, 2);
   {
     var E = (a) => {
-      var c = le(), m = T(c);
-      S(c), N((d, g) => Y(m, `${d ?? ""}:${g ?? ""}`), [
+      var d = de(), m = T(d);
+      M(d), U((l, c) => X(m, `${l ?? ""}:${c ?? ""}`), [
         () => Math.floor(t(o).timeElapsed / 60).toString(),
         () => (t(o).timeElapsed % 60).toString().padStart(2, "0")
-      ]), k(a, c);
+      ]), _(a, d);
     };
-    G(C, (a) => {
+    H(D, (a) => {
       t(o).state === "recording" && a(E);
     });
   }
-  return S(_), N(() => X(
-    _,
+  return M(w), U(() => Q(
+    w,
     1,
-    sr([
+    ir([
       "container",
       t(o).state === "recording" && "is-recording"
     ]),
     "svelte-11ls49v"
-  )), k(e, _), tr(x);
+  )), _(e, w), er(C);
 }
-Z(Er, { deviceId: {}, onDone: {} }, [], [], !0);
-function ue(e, r, i) {
+Y(Sr, { deviceId: {}, onDone: {} }, [], [], !0);
+function ve(e, r, i) {
   I(r, e.target.value, !0), i()(e.target.value);
 }
-var pe = z("<option> </option>"), ge = xr('<rect width="10" fill="#4A90E2"></rect>'), ye = z(`<div><label for="mic-select" class="svelte-zkiuts">Input Device</label> <select id="mic-select" class="svelte-zkiuts"></select> <div><div>Mic Test</div> <div>Having mic issues? Start a test and say something fun and see if it picks up your voice.</div> <div><button> </button> <audio></audio> <svg style="vertical-align: middle; margin-left: 1em; border: 1px solid #ccc; background:
+var ue = R("<option> </option>"), pe = xr('<rect width="10" fill="#4A90E2"></rect>'), ge = R(`<div><label for="mic-select" class="svelte-zkiuts">Input Device</label> <select id="mic-select" class="svelte-zkiuts"></select> <div><div>Mic Test</div> <div>Having mic issues? Start a test and say something fun and see if it picks up your voice.</div> <div><button> </button> <audio></audio> <svg style="vertical-align: middle; margin-left: 1em; border: 1px solid #ccc; background:
         #f9f9f9;" fill="none" xmlns="http://www.w3.org/2000/svg"></svg></div></div></div>`);
-const be = {
+const ye = {
   hash: "svelte-zkiuts",
   code: "label.svelte-zkiuts {display:block;margin-bottom:0.5em;}select.svelte-zkiuts {display:block;font-size:inherit;}"
 };
-function me(e, r) {
-  rr(r, !0), er(e, be);
+function be(e, r) {
+  Z(r, !0), rr(e, ye);
   const i = P(r, "onSelectMic", 7);
-  let n = j(ir([])), o = j(null), s = null, v = j(!1), f = j(ir(Array(15).fill(1)));
+  let n = O(ar([])), o = O(null), s = null, f = O(!1), v = O(ar(Array(15).fill(1)));
   wr(() => {
-    const d = async () => I(n, await Mr(), !0);
-    navigator.mediaDevices.ondevicechange = d, d();
+    const l = async () => I(n, await Mr(), !0);
+    navigator.mediaDevices.ondevicechange = l, l();
   });
   async function q() {
     if (s) {
-      if (t(v)) {
-        s.srcObject.getTracks().forEach((d) => d.stop()), I(v, !1);
+      if (t(f)) {
+        s.srcObject.getTracks().forEach((l) => l.stop()), I(f, !1);
         return;
       }
-      I(f, Array(15).fill(1), !0), I(v, !0);
+      I(v, Array(15).fill(1), !0), I(f, !0);
       try {
-        let A = function(F) {
-          if (!t(v)) {
-            u.close();
+        let N = function($) {
+          if (!t(f)) {
+            g.close();
             return;
           }
-          const R = new Uint8Array(b.fftSize);
-          b.getByteTimeDomainData(R);
-          let $ = 0;
-          for (let U = 0; U < R.length; U++) {
-            const V = (R[U] - 128) / 128;
-            $ += V * V;
+          const S = new Uint8Array(y.fftSize);
+          y.getByteTimeDomainData(S);
+          let A = 0;
+          for (let G = 0; G < S.length; G++) {
+            const V = (S[G] - 128) / 128;
+            A += V * V;
           }
-          const O = Math.sqrt($ / R.length);
-          D.push(O), requestAnimationFrame(A);
+          const F = Math.sqrt(A / S.length);
+          L.push(F), requestAnimationFrame(N);
         };
-        const d = await navigator.mediaDevices.getUserMedia({
+        const l = await navigator.mediaDevices.getUserMedia({
           audio: {
             deviceId: t(o) ? { exact: t(o) } : void 0
           }
-        }), g = new MediaRecorder(d), l = [];
-        let p;
-        g.ondataavailable = (F) => F.data.size && l.push(F.data), g.onstop = () => {
-          const F = new Blob(l, { type: g.mimeType }), R = URL.createObjectURL(F);
-          s.src = R, s.play(), d.getTracks().forEach(($) => $.stop()), I(v, !1), clearInterval(p);
-        }, g.start(), setTimeout(() => g.stop(), 5e3);
-        const u = new (window.AudioContext || window.webkitAudioContext)(), y = u.createMediaStreamSource(d), b = u.createAnalyser();
-        y.connect(b), b.fftSize = 2048;
-        const h = (F, R) => {
-          if (F <= 0) return 0;
-          const $ = 20 * Math.log10(F), O = -50, U = -10, W = (Math.min(U, Math.max(O, $)) - O) / (U - O);
-          return Math.round(W * R);
+        }), c = new MediaRecorder(l), p = [];
+        let b;
+        c.ondataavailable = ($) => $.data.size && p.push($.data), c.onstop = () => {
+          const $ = new Blob(p, { type: c.mimeType }), S = URL.createObjectURL($);
+          s.src = S, s.play(), l.getTracks().forEach((A) => A.stop()), I(f, !1), clearInterval(b);
+        }, c.start(), setTimeout(() => c.stop(), 5e3);
+        const g = new (window.AudioContext || window.webkitAudioContext)(), u = g.createMediaStreamSource(l), y = g.createAnalyser();
+        u.connect(y), y.fftSize = 2048;
+        const h = ($, S) => {
+          if ($ <= 0) return 0;
+          const A = 20 * Math.log10($), F = -50, G = -10, cr = (Math.min(G, Math.max(F, A)) - F) / (G - F);
+          return Math.round(cr * S);
         };
-        let D = [];
-        A(0);
+        let L = [];
+        N(0);
         let K = 0;
-        p = setInterval(
+        b = setInterval(
           () => {
-            const F = D.reduce(($, O) => $ + O, 0) / D.length, R = h(F, 100);
-            t(f)[K++] = R, D = [];
+            const $ = L.reduce((A, F) => A + F, 0) / L.length, S = h($, 100);
+            t(v)[K++] = S, L = [];
           },
           300
         );
-      } catch (d) {
-        console.error("Error during mic check:", d);
+      } catch (l) {
+        console.error("Error during mic check:", l);
       }
     }
   }
-  var x = {
+  var C = {
     get onSelectMic() {
       return i();
     },
-    set onSelectMic(d) {
-      i(d), B();
+    set onSelectMic(l) {
+      i(l), B();
     }
-  }, _ = ye(), M = L(T(_), 2);
-  M.__change = [ue, o, i], lr(M, 21, () => t(n), vr, (d, g) => {
-    var l = pe(), p = T(l, !0);
-    S(l);
-    var u = {};
-    N(() => {
-      Y(p, t(g).label), u !== (u = t(g).id) && (l.value = (l.__value = t(g).id) ?? "");
-    }), k(d, l);
-  }), S(M);
-  var w = L(M, 2), C = L(T(w), 4), E = T(C);
+  }, w = ge(), x = z(T(w), 2);
+  x.__change = [ve, o, i], lr(x, 21, () => t(n), vr, (l, c) => {
+    var p = ue(), b = T(p, !0);
+    M(p);
+    var g = {};
+    U(() => {
+      X(b, t(c).label), g !== (g = t(c).id) && (p.value = (p.__value = t(c).id) ?? "");
+    }), _(l, p);
+  }), M(x);
+  var k = z(x, 2), D = z(T(k), 4), E = T(D);
   E.__click = q;
   var a = T(E, !0);
-  S(E);
-  var c = L(E, 2);
-  kr(c, (d) => s = d, () => s);
-  var m = L(c, 2);
-  return lr(m, 21, () => t(f), vr, (d, g, l) => {
-    var p = ge();
-    ar(p, "x", l * 12), N(() => {
-      ar(p, "y", 100 - t(g)), ar(p, "height", t(g));
-    }), k(d, p);
-  }), S(m), S(C), S(w), S(_), N(() => Y(a, t(v) ? "Stop Testing" : "Let's Check")), k(e, _), tr(x);
+  M(E);
+  var d = z(E, 2);
+  kr(d, (l) => s = l, () => s);
+  var m = z(d, 2);
+  return lr(m, 21, () => t(v), vr, (l, c, p) => {
+    var b = pe();
+    or(b, "x", p * 12), U(() => {
+      or(b, "y", 100 - t(c)), or(b, "height", t(c));
+    }), _(l, b);
+  }), M(m), M(D), M(k), M(w), U(() => X(a, t(f) ? "Stop Testing" : "Let's Check")), _(e, w), er(C);
 }
-cr(["change", "click"]);
-Z(me, { onSelectMic: {} }, [], [], !0);
-var he = z('<div><p>Recording saved! ID:</p> <code><pre> </pre></code></div> <p><button class="primary">Record Again</button></p>', 1), _e = z("<p>Processing your recording…</p>"), we = xr('<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>'), ke = z('<div class="confirm svelte-1i5eb1b"><!> <!> <!></div>'), xe = z('<div class="row"><!></div>'), Ie = z('<div class="recorder svelte-1i5eb1b" role="group" aria-label="44 audio recorder"><!></div>');
-const Me = {
+nr(["change", "click"]);
+Y(be, { onSelectMic: {} }, [], [], !0);
+var me = R('<div><p>Recording saved! ID:</p> <code><pre> </pre></code></div> <p><button class="primary">Record Again</button></p>', 1), he = R("<p>Processing your recording…</p>"), _e = xr('<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>'), we = R('<div class="confirm svelte-1i5eb1b"><!> <!> <!></div>'), ke = R('<div class="row"><!></div>'), xe = R('<div class="recorder svelte-1i5eb1b" role="group" aria-label="44 audio recorder"><!></div>');
+const Ie = {
   hash: "svelte-1i5eb1b",
   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-1i5eb1b {padding:var(--fortyfour-recorder-spacing-md);border-radius:var(--fortyfour-recorder-radius);background:var(--fortyfour-recorder-bg);color:var(--fortyfour-recorder-color);}.confirm.svelte-1i5eb1b {display:flex;align-items:stretch;gap:var(--fortyfour-recorder-spacing-sm);}`
 };
-function Se(e, r) {
-  rr(r, !0), er(e, Me);
+function Me(e, r) {
+  Z(r, !0), rr(e, Ie);
   const i = r.$$host;
-  let n = P(r, "projectId", 7), o = P(r, "labelsStr", 7, ""), s = P(r, "apiHost", 7, "api.44.audio");
-  const v = o() ? o().split(",").map((l) => l.trim()) : [];
-  let f = j(
+  let n = P(r, "sessionId", 7), o = P(r, "labels", 7, ""), s = P(r, "apiHost", 7, "api.44.audio"), f = O(
     "ready"
     // "ready", "recording", "confirm", "processing", "done"
-  ), q = j(null), x = j(null), _ = j("");
-  async function M() {
-    if (t(f) !== "confirm" || !t(x))
+  ), v = O(null), q = O(null), C = O("");
+  async function w() {
+    if (t(f) !== "confirm" || !t(q))
       return;
-    const l = new FormData();
-    l.append("projectId", n()), v.forEach((b) => l.append("labels", b));
-    const u = await (await fetch(t(x))).blob(), y = new File([u], "recording.audio", { type: u.type });
-    l.append("audioFile", y);
+    const c = new FormData();
+    c.append("sessionId", n()), o().split(",").map((u) => u.trim()).forEach((u) => c.append("labels", u));
+    const b = await (await fetch(t(q))).blob(), g = new File([b], "recording.audio", { type: b.type });
+    c.append("audioFile", g);
     try {
-      const h = await (await fetch(`https://${s()}/api/v1/recordings`, { method: "POST", body: l })).json();
-      I(q, h.recordingId, !0), I(f, "processing");
-      let D = !1;
-      for (; !D; )
-        await new Promise((A) => setTimeout(A, 2e3)), D = await C(t(q));
-      i.dispatchEvent(new CustomEvent("recording-complete", { detail: { recordingId: t(q) } })), I(f, "done");
-    } catch (b) {
-      console.error("Error saving recording:", b), I(f, "ready");
+      const y = await (await fetch(`https://${s()}/api/v1/recordings`, { method: "POST", body: c })).json();
+      I(v, y.recordingId, !0), I(f, "processing");
+      let h = !1;
+      for (; !h; )
+        await new Promise((L) => setTimeout(L, 2e3)), h = await k(t(v));
+      i.dispatchEvent(new CustomEvent("recording-complete", { detail: { recordingId: t(v) } })), I(f, "done");
+    } catch (u) {
+      console.error("Error saving recording:", u), I(f, "ready");
     }
   }
-  function w() {
-    I(x, null), I(f, "ready");
+  function x() {
+    I(q, null), I(f, "ready");
   }
-  async function C(l) {
+  async function k(c) {
     try {
-      const p = await fetch(`https://${s()}/api/v1/recordings/${l}/status`);
+      const p = await fetch(`https://${s()}/api/v1/recordings/${c}/status`);
       if (!p.ok)
         throw new Error("Failed to fetch data");
       return (await p.json()).status === "ready";
@@ -662,117 +660,116 @@ function Se(e, r) {
       return console.error(p), !1;
     }
   }
-  function E(l) {
-    I(x, l, !0), I(f, "confirm");
+  function D(c) {
+    I(q, c, !0), I(f, "confirm");
   }
-  var a = {
-    get projectId() {
+  var E = {
+    get sessionId() {
       return n();
     },
-    set projectId(l) {
-      n(l), B();
+    set sessionId(c) {
+      n(c), B();
     },
-    get labelsStr() {
+    get labels() {
       return o();
     },
-    set labelsStr(l = "") {
-      o(l), B();
+    set labels(c = "") {
+      o(c), B();
     },
     get apiHost() {
       return s();
     },
-    set apiHost(l = "api.44.audio") {
-      s(l), B();
+    set apiHost(c = "api.44.audio") {
+      s(c), B();
     }
-  }, c = Ie(), m = T(c);
+  }, a = xe(), d = T(a);
   {
-    var d = (l) => {
-      var p = he(), u = Q(p), y = L(T(u), 2), b = T(y), h = T(b, !0);
-      S(b), S(y), S(u);
-      var D = L(u, 2), A = T(D);
-      A.__click = w, S(D), N(() => Y(h, t(q))), k(l, p);
-    }, g = (l) => {
-      var p = pr(), u = Q(p);
+    var m = (c) => {
+      var p = me(), b = J(p), g = z(T(b), 2), u = T(g), y = T(u, !0);
+      M(u), M(g), M(b);
+      var h = z(b, 2), L = T(h);
+      L.__click = x, M(h), U(() => X(y, t(v))), _(c, p);
+    }, l = (c) => {
+      var p = pr(), b = J(p);
       {
-        var y = (h) => {
-          var D = _e();
-          k(h, D);
-        }, b = (h) => {
-          var D = pr(), A = Q(D);
+        var g = (y) => {
+          var h = he();
+          _(y, h);
+        }, u = (y) => {
+          var h = pr(), L = J(h);
           {
-            var K = (R) => {
-              var $ = ke(), O = T($);
-              Hr(O, {
+            var N = ($) => {
+              var S = we(), A = T(S);
+              jr(A, {
                 get audioURL() {
-                  return t(x);
+                  return t(q);
                 }
               });
-              var U = L(O, 2);
-              nr(U, {
-                onclick: w,
-                children: (W, Cr) => {
-                  var dr = we();
-                  k(W, dr);
+              var F = z(A, 2);
+              sr(F, {
+                onclick: x,
+                children: (V, cr) => {
+                  var dr = _e();
+                  _(V, dr);
                 },
                 $$slots: { default: !0 }
               });
-              var V = L(U, 2);
-              nr(V, {
+              var G = z(F, 2);
+              sr(G, {
                 type: "primary",
-                onclick: M,
-                children: (W, Cr) => {
-                  Gr();
+                onclick: w,
+                children: (V, cr) => {
+                  Hr();
                   var dr = ur("Save");
-                  k(W, dr);
+                  _(V, dr);
                 },
                 $$slots: { default: !0 }
-              }), S($), gr(1, $, () => hr, () => ({ y: 20, duration: 700 })), k(R, $);
-            }, F = (R) => {
-              var $ = xe(), O = T($);
-              Er(O, {
-                onDone: E,
+              }), M(S), gr(1, S, () => hr, () => ({ y: 20, duration: 700 })), _($, S);
+            }, K = ($) => {
+              var S = ke(), A = T(S);
+              Sr(A, {
+                onDone: D,
                 get deviceId() {
-                  return t(_);
+                  return t(C);
                 },
-                set deviceId(U) {
-                  I(_, U, !0);
+                set deviceId(F) {
+                  I(C, F, !0);
                 }
-              }), S($), gr(1, $, () => hr, () => ({ y: -20, duration: 700 })), k(R, $);
+              }), M(S), gr(1, S, () => hr, () => ({ y: -20, duration: 700 })), _($, S);
             };
-            G(
-              A,
-              (R) => {
-                t(f) === "confirm" ? R(K) : R(F, !1);
+            H(
+              L,
+              ($) => {
+                t(f) === "confirm" ? $(N) : $(K, !1);
               },
               !0
             );
           }
-          k(h, D);
+          _(y, h);
         };
-        G(
-          u,
-          (h) => {
-            t(f) === "processing" ? h(y) : h(b, !1);
+        H(
+          b,
+          (y) => {
+            t(f) === "processing" ? y(g) : y(u, !1);
           },
           !0
         );
       }
-      k(l, p);
+      _(c, p);
     };
-    G(m, (l) => {
-      t(f) === "done" && t(q) ? l(d) : l(g, !1);
+    H(d, (c) => {
+      t(f) === "done" && t(v) ? c(m) : c(l, !1);
     });
   }
-  return S(c), k(e, c), tr(a);
+  return M(a), _(e, a), er(E);
 }
-cr(["click"]);
-customElements.define("fortyfour-audio-recorder", Z(
-  Se,
+nr(["click"]);
+customElements.define("fortyfour-audio-recorder", Y(
+  Me,
   {
     apiHost: { attribute: "api-host" },
-    projectId: { attribute: "project-id" },
-    labels: { attribute: "labels" },
-    labelsStr: {}
+    sessionId: { attribute: "session-id" },
+    labels: { attribute: "labels" }
   },
   [],
   [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@44-audio/components",
-  "version": "0.1.0-dev.8",
+  "version": "0.1.0-dev.9",
   "private": false,
   "files": [
     "dist"