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

package/dist/recorder.es.js

@@ -1,143 +1,360 @@
-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();
+import { a7 as $e, l as ae, m as se, o as ne, q as P, T as _e, F as l, r as R, W as V, J as I, I as j, V as we, t as O, y as i, z as ie, D, A as T, w as e, K as z, G as re, H as Q, X as ze, _ as Me, x as H, Y as ue, B as te, Z as ce, v as Ue, $ as xe, L as U, a2 as Oe, a3 as oe, Q as qe, P as ve, a4 as Se, N as he, O as Fe, M as He, a0 as Ne, S as Ce, a8 as Ie } from "./time-BmemrSJ4.mjs";
+function We(L, s, n, p, d) {
+  var t = () => {
+    p(n[L]);
+  };
+  n.addEventListener(s, t), t(), (n === document.body || n === window || n === document) && $e(() => {
+    n.removeEventListener(s, t);
+  });
 }
-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>');
+var Ge = ue('<rect rx="1"></rect>'), Ve = R('<div class="container svelte-efr4jv" role="group" aria-label="audio player"><svg width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="svelte-efr4jv"><!></svg></div>');
 const Je = {
+  hash: "svelte-efr4jv",
+  code: `svg.svelte-efr4jv {box-sizing:border-box;margin:0;padding:0;}.container.svelte-efr4jv {flex:1;box-sizing:border-box;margin:0;padding:0;display:flex;align-items:center;}.bar.svelte-efr4jv {transition:fill 0.2s;}.played.svelte-efr4jv {fill:var(--44-color-2, var(--fortyfour-recorder-bg-primary));}.unplayed.svelte-efr4jv {fill:var(--44-color-1, var(--fortyfour-recorder-color-0));}.recording-pulse.svelte-efr4jv {
+    animation: svelte-efr4jv-pulse 0.5s ease-out;}
+
+  @keyframes svelte-efr4jv-pulse {
+    0% {
+      opacity: 0.5;
+    }
+    100% {
+      opacity: 1;
+    }
+  }`
+};
+function Le(L, s) {
+  se(s, !0), ne(L, Je);
+  function n(r, o) {
+    const v = r.length / o, a = [];
+    for (let f = 0; f < o; f++) {
+      const m = Math.floor(f * v), E = Math.floor((f + 1) * v), G = r.slice(m, Math.max(m + 1, E)), B = G.reduce((J, K) => J + K * K, 0), ge = Math.sqrt(B / G.length);
+      a.push(ge);
+    }
+    return a;
+  }
+  let p = P(s, "data", 7), d = P(s, "timeMs", 7, null), t = P(s, "barWidth", 7, 3), b = P(s, "spacing", 7, 1), u = P(s, "playedColor", 7, null), M = P(s, "unplayedColor", 7, null), h = D(0), $ = D(!1), k = null;
+  _e(() => {
+    const r = new ResizeObserver((o) => {
+      for (let v of o)
+        v.contentBoxSize ? l(h, v.contentBoxSize[0]?.inlineSize || v.contentBoxSize.inlineSize, !0) : l(h, v.contentRect.width, !0), l($, !0);
+    });
+    return k && r.observe(k), () => {
+      r.disconnect();
+    };
+  });
+  const x = 56, N = 100, F = H(() => Math.floor(e(h) / (t() + b()))), y = H(() => n(p(), e(F))), g = H(() => e(y).length ? p().length / e(y).length : 1), c = H(() => N * e(g)), q = H(() => e(y).map((r) => {
+    const o = Math.max(3, Math.round(r / 100 * (x - 3) + 3));
+    return o % 2 === 0 ? o + 1 : o;
+  }));
+  var A = {
+    get data() {
+      return p();
+    },
+    set data(r) {
+      p(r), T();
+    },
+    get timeMs() {
+      return d();
+    },
+    set timeMs(r = null) {
+      d(r), T();
+    },
+    get barWidth() {
+      return t();
+    },
+    set barWidth(r = 3) {
+      t(r), T();
+    },
+    get spacing() {
+      return b();
+    },
+    set spacing(r = 1) {
+      b(r), T();
+    },
+    get playedColor() {
+      return u();
+    },
+    set playedColor(r = null) {
+      u(r), T();
+    },
+    get unplayedColor() {
+      return M();
+    },
+    set unplayedColor(r = null) {
+      M(r), T();
+    }
+  }, S = Ve(), w = I(S);
+  V(w, "height", x);
+  var _ = I(w);
+  {
+    var C = (r) => {
+      var o = re(), v = Q(o);
+      ze(v, 17, () => e(q), Me, (a, f, m) => {
+        const E = H(() => m * e(c) < d()), G = H(() => d() === null && m === e(q).length - 1);
+        var B = Ge();
+        O(() => {
+          te(
+            B,
+            0,
+            ce([
+              "bar",
+              e(E) ? "played" : "unplayed",
+              e(G) && "recording-pulse"
+            ]),
+            "svelte-efr4jv"
+          ), V(B, "x", m * (t() + b())), V(B, "y", x / 4 - e(f) / 2), V(B, "width", t() - 1), V(B, "height", e(f)), Ue(B, e(E) ? u() ? `fill: ${u()}` : null : M() ? `fill: ${M()}` : null);
+        }), i(a, B);
+      }), i(r, o);
+    };
+    j(_, (r) => {
+      e($) && r(C);
+    });
+  }
+  return z(w), we(w, (r) => k = r, () => k), z(S), O(() => V(w, "viewBox", `0 0 ${e(h)} ${x / 2}`)), i(L, S), ie(A);
+}
+ae(
+  Le,
+  {
+    data: {},
+    timeMs: {},
+    barWidth: {},
+    spacing: {},
+    playedColor: {},
+    unplayedColor: {}
+  },
+  [],
+  [],
+  !0
+);
+var Xe = ue('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="icon svelte-7u5az2"><path d="M176 96C149.5 96 128 117.5 128 144L128 496C128 522.5 149.5 544 176 544L240 544C266.5 544 288 522.5 288 496L288 144C288 117.5 266.5 96 240 96L176 96zM400 96C373.5 96 352 117.5 352 144L352 496C352 522.5 373.5 544 400 544L464 544C490.5 544 512 522.5 512 496L512 144C512 117.5 490.5 96 464 96L400 96z"></path></svg>'), Ke = ue('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="icon svelte-7u5az2"><path d="M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z"></path></svg>'), Qe = R('<div class="container svelte-7u5az2" role="group" aria-label="Audio player"><button class="btn svelte-7u5az2"><!></button> <!> <div class="time svelte-7u5az2"><!></div> <audio></audio></div>');
+const Ye = {
+  hash: "svelte-7u5az2",
+  code: ".container.svelte-7u5az2 {display:flex;align-items:stretch;gap:0.5rem;flex:1;}.btn.svelte-7u5az2 {border:none;border-radius:50%;padding:0.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;flex-shrink:0;align-self:center;color:var(--fortyfour-recorder-btn-primary-color);background:var(--fortyfour-recorder-btn-primary-bg);}.btn.svelte-7u5az2:hover {color:var(--fortyfour-recorder-btn-primary-color-hover);background:var(--fortyfour-recorder-btn-primary-bg-hover);}.icon.svelte-7u5az2 {width:1.5em;height:1.5em;fill:currentColor;}.time.svelte-7u5az2 {display:flex;align-items:center;font-variant-numeric:tabular-nums;font-size:0.9rem;}"
+};
+function Ee(L, s) {
+  se(s, !0), ne(L, Ye);
+  let n = P(s, "audioURL", 7), p = P(s, "waveform", 7), d = D(null), t = D(0), b = D(0), u = D(
+    "ready"
+    // "ready", "playing", "paused"
+  ), M = null;
+  const $ = typeof navigator < "u" && /iPad|iPhone|iPod/.test(navigator.userAgent) ? 350 : 0;
+  function k() {
+    e(d) && e(u) === "playing" && (l(t, e(d).currentTime, !0), M = requestAnimationFrame(k));
+  }
+  function x() {
+    l(u, "ready"), l(t, 0), M && (cancelAnimationFrame(M), M = null);
+  }
+  function N() {
+    e(d) && (e(u) === "playing" ? (e(d).pause(), l(u, "paused"), M && (cancelAnimationFrame(M), M = null)) : (e(d).play(), l(u, "playing"), k()));
+  }
+  var F = {
+    get audioURL() {
+      return n();
+    },
+    set audioURL(a) {
+      n(a), T();
+    },
+    get waveform() {
+      return p();
+    },
+    set waveform(a) {
+      p(a), T();
+    }
+  }, y = Qe(), g = I(y);
+  g.__click = N;
+  var c = I(g);
+  {
+    var q = (a) => {
+      var f = Xe();
+      i(a, f);
+    }, A = (a) => {
+      var f = Ke();
+      i(a, f);
+    };
+    j(c, (a) => {
+      e(u) === "playing" ? a(q) : a(A, !1);
+    });
+  }
+  z(g);
+  var S = U(g, 2);
+  {
+    var w = (a) => {
+      {
+        let f = H(() => Math.round(e(t) * 1e3) + $);
+        Le(a, {
+          get timeMs() {
+            return e(f);
+          },
+          get data() {
+            return p();
+          }
+        });
+      }
+    };
+    j(S, (a) => {
+      p() && a(w);
+    });
+  }
+  var _ = U(S, 2), C = I(_);
+  {
+    var r = (a) => {
+      var f = oe();
+      O((m) => ve(f, m), [() => qe(e(t))]), i(a, f);
+    }, o = (a) => {
+      var f = oe();
+      O((m) => ve(f, m), [() => qe(e(b))]), i(a, f);
+    };
+    j(C, (a) => {
+      ["playing", "paused"].includes(e(u)) ? a(r) : a(o, !1);
+    });
+  }
+  z(_);
+  var v = U(_, 2);
+  return we(v, (a) => l(d, a), () => e(d)), z(y), O(() => {
+    V(g, "aria-label", e(u) === "playing" ? "Pause" : "Play"), V(v, "src", n());
+  }), Oe("ended", v, x), We("duration", "durationchange", v, (a) => l(b, a)), i(L, y), ie(F);
+}
+xe(["click"]);
+ae(Ee, { audioURL: {}, waveform: {} }, [], [], !0);
+async function Ze(L, s, n, p) {
+  l(s, !e(s)), e(n).length || await p();
+}
+var er = R("<li><button> </button></li>"), rr = R('<li><button class="devices-select__option svelte-q87ygv" disabled>No microphones found</button></li>'), tr = R('<li><button class="devices-select__option svelte-q87ygv" disabled>Loading Microphones...</button></li>'), or = R('<ul role="listbox" aria-label="Select microphone"><!> <!> <!></ul>'), ar = 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 sr = {
   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 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);
+function Re(L, s) {
+  se(s, !0), ne(L, sr);
+  let n = P(s, "deviceId", 15, ""), p = P(s, "disabled", 7, !1), d = D(Se([])), t = D(!1), b = D(!1), u;
+  _e(() => {
+    function y(g) {
+      g.composedPath().includes(u) || e(t) && l(t, !1);
     }
-    return document.addEventListener("pointerdown", l), () => {
-      document.removeEventListener("pointerdown", l);
+    return document.addEventListener("pointerdown", y), () => {
+      document.removeEventListener("pointerdown", y);
     };
   });
-  async function X() {
+  async function M() {
     try {
-      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}`
+      l(b, !0), (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((g) => g.stop()), l(d, await navigator.mediaDevices.enumerateDevices(), !0), l(
+        d,
+        e(d).filter((g) => g.deviceId).filter((g) => g.kind === "audioinput").map((g, c) => ({
+          deviceId: g.deviceId,
+          label: g.label || `Microphone ${c + 1}`
         })),
         !0
-      ), !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);
+      ), !n() && e(d).length && n(e(d)[0].deviceId), e(d).sort((g, c) => g.label.localeCompare(c.label)), l(b, !1);
+    } catch (y) {
+      console.error("Error accessing microphones:", y);
     }
   }
-  function v(l) {
+  function h(y) {
     return () => {
-      n(l), i(r, !1);
+      n(y), l(t, !1);
     };
   }
-  var B = {
+  var $ = {
     get deviceId() {
       return n();
     },
-    set deviceId(l = "") {
-      n(l), U();
+    set deviceId(y = "") {
+      n(y), T();
     },
     get disabled() {
-      return g();
+      return p();
     },
-    set disabled(l = !1) {
-      g(l), U();
+    set disabled(y = !1) {
+      p(y), T();
     }
-  }, M = Ve(), q = x(M);
-  q.__click = [Oe, r, f, X];
-  var N = z(q, 2);
+  }, k = ar(), x = I(k);
+  x.__click = [Ze, t, d, M];
+  var N = U(x, 2);
   {
-    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 F = (y) => {
+      var g = or(), c = I(g);
+      ze(c, 17, () => e(d), Me, (_, C) => {
+        var r = er(), o = I(r), v = H(() => h(e(C).deviceId));
+        o.__click = function(...f) {
+          e(v)?.apply(this, f);
         };
-        var E = x(t, !0);
-        k(t), k(o), H(() => {
-          ee(
-            t,
+        var a = I(o, !0);
+        z(o), z(r), O(() => {
+          te(
+            o,
             1,
-            se([
+            ce([
               "devices-select__option",
-              e(m).deviceId === n() && "devices-select__option--is-selected"
+              e(C).deviceId === n() && "devices-select__option--is-selected"
             ]),
             "svelte-q87ygv"
-          ), t.disabled = g(), ye(E, e(m).label);
-        }), s(u, o);
+          ), o.disabled = p(), ve(a, e(C).label);
+        }), i(_, r);
       });
-      var w = z(a, 2);
+      var q = U(c, 2);
       {
-        var L = (u) => {
-          var m = Ne();
-          s(u, m);
+        var A = (_) => {
+          var C = rr();
+          i(_, C);
         };
-        $(w, (u) => {
-          !e(f).length && !e(p) && u(L);
+        j(q, (_) => {
+          !e(d).length && !e(b) && _(A);
         });
       }
-      var C = z(w, 2);
+      var S = U(q, 2);
       {
-        var I = (u) => {
-          var m = je();
-          s(u, m);
+        var w = (_) => {
+          var C = tr();
+          i(_, C);
         };
-        $(C, (u) => {
-          e(p) && u(I);
+        j(S, (_) => {
+          e(b) && _(w);
         });
       }
-      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);
+      z(g), O(() => te(g, 1, `devices-select ${e(t) ? "devices-select--is-open" : ""}`, "svelte-q87ygv")), he(3, g, () => Fe, () => ({ duration: 100 })), i(y, g);
     };
-    $(N, (l) => {
-      e(r) && l(F);
+    j(N, (y) => {
+      e(t) && y(F);
     });
   }
-  return k(M), Ce(M, (l) => y = l, () => y), H(() => Re(q, "aria-expanded", e(r))), s(D, M), le(B);
+  return z(k), we(k, (y) => u = y, () => u), O(() => V(x, "aria-expanded", e(t))), i(L, k), ie($);
 }
-_e(["click"]);
-ne(ke, { deviceId: {}, disabled: {} }, [], [], !0);
-var We = _("<button><!></button>");
-const Xe = {
+xe(["click"]);
+ae(Re, { deviceId: {}, disabled: {} }, [], [], !0);
+var nr = R("<button><!></button>");
+const ir = {
   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 Q(D, c) {
-  de(c, !0), ce(D, Xe);
-  const n = P(c, "type", 7), g = P(c, "onclick", 7, () => {
+function de(L, s) {
+  se(s, !0), ne(L, ir);
+  const n = P(s, "type", 7), p = P(s, "onclick", 7, () => {
   });
-  var f = {
+  var d = {
     get type() {
       return n();
     },
-    set type(y) {
-      n(y), U();
+    set type(u) {
+      n(u), T();
     },
     get onclick() {
-      return g();
+      return p();
     },
-    set onclick(y = () => {
+    set onclick(u = () => {
     }) {
-      g(y), U();
+      p(u), T();
     }
-  }, r = We();
-  r.__click = function(...y) {
-    g()?.apply(this, y);
+  }, t = nr();
+  t.__click = function(...u) {
+    p()?.apply(this, u);
   };
-  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);
+  var b = I(t);
+  return He(b, s, "default", {}, null), z(t), O(() => te(t, 1, ce(["btn", n() && `btn--${n()}`]), "svelte-f3ispq")), i(L, t), ie(d);
 }
-_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 = {
+xe(["click"]);
+ae(de, { type: {}, onclick: {} }, ["default"], [], !0);
+var lr = R("<div></div> <!>", 1), dr = R('<div class="recording-info svelte-fc16qh"><div class="live-waveform svelte-fc16qh"><!></div> <div class="time-elapsed svelte-fc16qh"> </div></div>'), cr = R('<div role="group" aria-label="Audio recorder"><!> <!> <!></div>');
+const vr = {
   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;}
@@ -156,381 +373,381 @@ const Qe = {
     }
   }`
 };
-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({
+function Ae(L, s) {
+  se(s, !0), ne(L, vr);
+  let n = P(s, "deviceId", 15, ""), p = P(s, "onDone", 7);
+  const d = 100;
+  let t = D(Se({
     state: "ready",
     // "ready", "recording"
     timeElapsed: 0,
     error: null,
     waveformSamples: []
-  })), p, y;
-  Pe(() => {
-    p?.stop();
-  }), xe(() => {
-    function a() {
-      document.hidden && e(r).state === "recording" && B();
+  })), b, u;
+  Ne(() => {
+    b?.stop();
+  }), _e(() => {
+    function c() {
+      document.hidden && e(t).state === "recording" && $();
     }
-    return document.addEventListener("visibilitychange", a), () => {
-      document.removeEventListener("visibilitychange", a);
+    return document.addEventListener("visibilitychange", c), () => {
+      document.removeEventListener("visibilitychange", c);
     };
   });
-  function X() {
-    e(r).state === "ready" ? v() : e(r).state === "recording" && B();
+  function M() {
+    e(t).state === "ready" ? h() : e(t).state === "recording" && $();
   }
-  async function v() {
-    const a = await navigator.mediaDevices.getUserMedia({
+  async function h() {
+    const c = await navigator.mediaDevices.getUserMedia({
       audio: {
         deviceId: n() ? { exact: n() } : void 0,
         autoGainControl: !0,
         noiseSuppression: !0
       }
-    }), 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;
+    }), q = [];
+    b = new MediaRecorder(c), b.ondataavailable = (o) => q.push(o.data), u = new AudioContext();
+    const A = u.createAnalyser();
+    A.fftSize = 256, u.createMediaStreamSource(c).connect(A);
+    const w = new Uint8Array(A.frequencyBinCount);
+    let _ = 0;
+    function C(o) {
+      if (e(t).state !== "recording") return;
+      A.getByteTimeDomainData(w);
+      let v = 0;
+      for (let m = 0; m < w.length; m++) {
+        const E = (w[m] - 128) / 128;
+        v += E * E;
       }
-      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);
+      const a = Math.sqrt(v / w.length), f = Math.min(1, a * 4);
+      o - _ >= d && (e(t).waveformSamples = [...e(t).waveformSamples, Math.round(f * 100)], _ = o), requestAnimationFrame(C);
     }
-    p.onstop = () => {
-      if (e(r).state !== "recording")
+    b.onstop = () => {
+      if (e(t).state !== "recording")
         return;
-      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));
+      c.getTracks().forEach((v) => v.stop()), u?.close();
+      const o = e(t).waveformSamples;
+      e(t).waveformSamples = [], p()({
+        url: URL.createObjectURL(new Blob(q, { type: b.mimeType })),
+        waveform: o
+      }), e(t).state = "ready";
+    }, b.start();
+    const r = () => {
+      e(t).state === "recording" && (e(t).timeElapsed += 1, setTimeout(r, 1e3));
     };
-    setTimeout(o, 1e3), e(r).state = "recording", m();
+    setTimeout(r, 1e3), e(t).state = "recording", C();
   }
-  function B() {
-    p?.stop();
+  function $() {
+    b?.stop();
   }
-  var M = {
+  var k = {
     get deviceId() {
       return n();
     },
-    set deviceId(a = "") {
-      n(a), U();
+    set deviceId(c = "") {
+      n(c), T();
     },
     get onDone() {
-      return g();
+      return p();
     },
-    set onDone(a) {
-      g(a), U();
+    set onDone(c) {
+      p(c), T();
     }
-  }, q = Ke(), N = x(q);
+  }, x = cr(), N = I(x);
   {
-    let a = ae(() => e(r).state === "recording" && "recording");
-    Q(N, {
-      onclick: X,
+    let c = H(() => e(t).state === "recording" && "recording");
+    de(N, {
+      onclick: M,
       get type() {
-        return e(a);
+        return e(c);
       },
-      children: (w, L) => {
-        var C = Ye(), I = W(C), u = z(I, 2);
+      children: (q, A) => {
+        var S = lr(), w = Q(S), _ = U(w, 2);
         {
-          var m = (t) => {
-            var b = ie("Record");
-            s(t, b);
-          }, o = (t) => {
-            var b = K(), E = W(b);
+          var C = (o) => {
+            var v = oe("Record");
+            i(o, v);
+          }, r = (o) => {
+            var v = re(), a = Q(v);
             {
-              var R = (h) => {
-                var S = ie("Recording");
-                s(h, S);
+              var f = (m) => {
+                var E = oe("Recording");
+                i(m, E);
               };
-              $(
-                E,
-                (h) => {
-                  e(r).state === "recording" && h(R);
+              j(
+                a,
+                (m) => {
+                  e(t).state === "recording" && m(f);
                 },
                 !0
               );
             }
-            s(t, b);
+            i(o, v);
           };
-          $(u, (t) => {
-            e(r).state === "ready" ? t(m) : t(o, !1);
+          j(_, (o) => {
+            e(t).state === "ready" ? o(C) : o(r, !1);
           });
         }
-        H(() => ee(
-          I,
+        O(() => te(
+          w,
           1,
-          se([
+          ce([
             "record-icon",
-            e(r).state === "recording" && "record-icon--is-recording"
+            e(t).state === "recording" && "record-icon--is-recording"
           ]),
           "svelte-fc16qh"
-        )), s(w, C);
+        )), i(q, S);
       },
       $$slots: { default: !0 }
     });
   }
-  var F = z(N, 2);
+  var F = U(N, 2);
   {
-    let a = ae(() => e(r).state === "recording");
-    ke(F, {
+    let c = H(() => e(t).state === "recording");
+    Re(F, {
       get disabled() {
-        return e(a);
+        return e(c);
       },
       get deviceId() {
         return n();
       },
-      set deviceId(w) {
-        n(w);
+      set deviceId(q) {
+        n(q);
       }
     });
   }
-  var l = z(F, 2);
+  var y = U(F, 2);
   {
-    var d = (a) => {
-      var w = Ze(), L = x(w), C = x(L);
-      Ue(C, {
+    var g = (c) => {
+      var q = dr(), A = I(q), S = I(A);
+      Le(S, {
         get data() {
-          return e(r).waveformSamples;
+          return e(t).waveformSamples;
         }
-      }), 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);
+      }), z(A);
+      var w = U(A, 2), _ = I(w);
+      z(w), z(q), O((C, r) => ve(_, `${C ?? ""}:${r ?? ""}`), [
+        () => Math.floor(e(t).timeElapsed / 60).toString(),
+        () => (e(t).timeElapsed % 60).toString().padStart(2, "0")
+      ]), i(c, q);
     };
-    $(l, (a) => {
-      e(r).state === "recording" && a(d);
+    j(y, (c) => {
+      e(t).state === "recording" && c(g);
     });
   }
-  return k(q), H(() => ee(
-    q,
+  return z(x), O(() => te(
+    x,
     1,
-    se([
+    ce([
       "container",
-      e(r).state === "recording" && "is-recording"
+      e(t).state === "recording" && "is-recording"
     ]),
     "svelte-fc16qh"
-  )), s(D, q), le(M);
+  )), i(L, x), ie(k);
 }
-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 = {
+ae(Ae, { deviceId: {}, onDone: {} }, [], [], !0);
+var fr = R('<p class="status-message svelte-14spe77">Recording saved successfully!</p>'), ur = R('<p class="status-message svelte-14spe77">Uploading...</p>'), gr = R('<p class="status-message svelte-14spe77">Processing...</p>'), pr = R('<div class="error svelte-14spe77"><p class="svelte-14spe77"> </p> <!></div>'), yr = ue('<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>'), mr = R('<div class="confirm svelte-14spe77"><!> <div class="confirm-actions svelte-14spe77"><!> <!></div></div>'), br = R('<div class="row"><!></div>'), hr = R('<div class="recorder svelte-14spe77" role="group" aria-label="44 audio recorder"><!></div>');
+const _r = {
   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 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(
+function wr(L, s) {
+  se(s, !0), ne(L, _r);
+  const n = s.$$host;
+  let p = P(s, "sessionId", 7), d = P(s, "labels", 7, ""), t = P(s, "apiHost", 7, "api.44.audio");
+  const b = H(() => d() ? d().split(",").map((r) => r.trim()).filter(Boolean) : []), u = 2e3, M = 30;
+  let h = D(
     "ready"
     // "ready", "recording", "confirm", "uploading", "processing", "done", "error"
-  ), 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");
+  ), $ = D(null), k = D(null), x = D(null), N = D(""), F = D(null);
+  async function y() {
+    if (!(e(h) !== "confirm" || !e(k))) {
+      l(h, "uploading");
       try {
-        const o = await fetch(e(M));
-        if (!o.ok)
+        const r = await fetch(e(k));
+        if (!r.ok)
           throw new Error("Failed to load audio data");
-        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");
+        const o = await r.blob(), v = new File([o], "recording.audio", { type: o.type }), a = new FormData();
+        a.append("sessionId", p()), e(b).forEach((B) => a.append("labels", B)), a.append("audioFile", v), e(x) && a.append("waveform", JSON.stringify(e(x)));
+        const f = await fetch(`https://${t()}/v1/recordings`, { method: "POST", body: a });
+        if (!f.ok)
+          throw new Error(`Upload failed: ${f.status}`);
+        const m = await f.json();
+        l($, m.recordingId, !0), l(h, "processing");
+        let E = !1, G = 0;
+        for (; !E && G < M; )
+          await new Promise((B) => setTimeout(B, u)), E = await c(e($)), G++;
+        if (!E) {
+          l(F, "Recording processing timeout. Please try again."), l(h, "error");
           return;
         }
-        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");
+        n.dispatchEvent(new CustomEvent("recording-complete", { detail: { recordingId: e($) } })), l(h, "done");
+      } catch (r) {
+        console.error("Error saving recording:", r), l(F, r.message || "Failed to save recording", !0), l(h, "error");
       }
     }
   }
-  function d() {
-    i(M, null), i(q, null), i(v, "ready");
+  function g() {
+    l(k, null), l(x, null), l(h, "ready");
   }
-  async function a(o) {
+  async function c(r) {
     try {
-      const t = await fetch(`https://${r()}/v1/recordings/${o}/status`);
-      if (!t.ok)
+      const o = await fetch(`https://${t()}/v1/recordings/${r}/status`);
+      if (!o.ok)
         throw new Error("Failed to fetch data");
-      return (await t.json()).status === "ready";
-    } catch (t) {
-      return console.error(t), !1;
+      return (await o.json()).status === "ready";
+    } catch (o) {
+      return console.error(o), !1;
     }
   }
-  function w(o) {
-    i(M, o.url, !0), i(q, o.waveform, !0), i(v, "confirm");
+  function q(r) {
+    l(k, r.url, !0), l(x, r.waveform, !0), l(h, "confirm");
   }
-  var L = {
+  var A = {
     get sessionId() {
-      return g();
+      return p();
     },
-    set sessionId(o) {
-      g(o), U();
+    set sessionId(r) {
+      p(r), T();
     },
     get labels() {
-      return f();
+      return d();
     },
-    set labels(o = "") {
-      f(o), U();
+    set labels(r = "") {
+      d(r), T();
     },
     get apiHost() {
-      return r();
+      return t();
     },
-    set apiHost(o = "api.44.audio") {
-      r(o), U();
+    set apiHost(r = "api.44.audio") {
+      t(r), T();
     }
-  }, C = nr(), I = x(C);
+  }, S = hr(), w = I(S);
   {
-    var u = (o) => {
-      var t = er();
-      s(o, t);
-    }, m = (o) => {
-      var t = K(), b = W(t);
+    var _ = (r) => {
+      var o = fr();
+      i(r, o);
+    }, C = (r) => {
+      var o = re(), v = Q(o);
       {
-        var E = (h) => {
-          var S = rr();
-          s(h, S);
-        }, R = (h) => {
-          var S = K(), re = W(S);
+        var a = (m) => {
+          var E = ur();
+          i(m, E);
+        }, f = (m) => {
+          var E = re(), G = Q(E);
           {
-            var Y = (j) => {
-              var oe = or();
-              s(j, oe);
-            }, Ie = (j) => {
-              var oe = K(), Le = W(oe);
+            var B = (J) => {
+              var K = gr();
+              i(J, K);
+            }, ge = (J) => {
+              var K = re(), Pe = Q(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);
+                var Te = (Y) => {
+                  var Z = pr(), le = I(Z), pe = I(le);
+                  z(le);
+                  var ye = U(le, 2);
+                  de(ye, {
+                    onclick: () => l(h, "confirm"),
+                    children: (X, W) => {
+                      Ce();
+                      var ee = oe("Try Again");
+                      i(X, ee);
                     },
                     $$slots: { default: !0 }
-                  }), k(V), H(() => ye(fe, `Error: ${e(F) ?? ""}`)), s(G, V);
-                }, Se = (G) => {
-                  var V = K(), Z = W(V);
+                  }), z(Z), O(() => ve(pe, `Error: ${e(F) ?? ""}`)), i(Y, Z);
+                }, De = (Y) => {
+                  var Z = re(), le = Q(Z);
                   {
-                    var fe = (O) => {
-                      var A = sr(), J = x(A);
-                      Be(J, {
+                    var pe = (X) => {
+                      var W = mr(), ee = I(W);
+                      Ee(ee, {
                         get audioURL() {
-                          return e(M);
+                          return e(k);
                         },
                         get waveform() {
-                          return e(q);
+                          return e(x);
                         }
                       });
-                      var te = z(J, 2), me = x(te);
-                      Q(me, {
-                        onclick: d,
-                        children: (ue, Me) => {
-                          var ge = ar();
-                          s(ue, ge);
+                      var fe = U(ee, 2), ke = I(fe);
+                      de(ke, {
+                        onclick: g,
+                        children: (me, je) => {
+                          var be = yr();
+                          i(me, be);
                         },
                         $$slots: { default: !0 }
                       });
-                      var De = z(me, 2);
-                      Q(De, {
+                      var Be = U(ke, 2);
+                      de(Be, {
                         type: "primary",
-                        onclick: l,
-                        children: (ue, Me) => {
-                          be();
-                          var ge = ie("Save");
-                          s(ue, ge);
+                        onclick: y,
+                        children: (me, je) => {
+                          Ce();
+                          var be = oe("Save");
+                          i(me, be);
                         },
                         $$slots: { default: !0 }
-                      }), 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,
+                      }), z(fe), z(W), he(1, W, () => Ie, () => ({ y: 20, duration: 700 })), i(X, W);
+                    }, ye = (X) => {
+                      var W = br(), ee = I(W);
+                      Ae(ee, {
+                        onDone: q,
                         get deviceId() {
                           return e(N);
                         },
-                        set deviceId(te) {
-                          i(N, te, !0);
+                        set deviceId(fe) {
+                          l(N, fe, !0);
                         }
-                      }), k(A), pe(1, A, () => he, () => ({ y: -20, duration: 700 })), s(O, A);
+                      }), z(W), he(1, W, () => Ie, () => ({ y: -20, duration: 700 })), i(X, W);
                     };
-                    $(
-                      Z,
-                      (O) => {
-                        e(v) === "confirm" ? O(fe) : O(ve, !1);
+                    j(
+                      le,
+                      (X) => {
+                        e(h) === "confirm" ? X(pe) : X(ye, !1);
                       },
                       !0
                     );
                   }
-                  s(G, V);
+                  i(Y, Z);
                 };
-                $(
-                  Le,
-                  (G) => {
-                    e(v) === "error" ? G(Ee) : G(Se, !1);
+                j(
+                  Pe,
+                  (Y) => {
+                    e(h) === "error" ? Y(Te) : Y(De, !1);
                   },
                   !0
                 );
               }
-              s(j, oe);
+              i(J, K);
             };
-            $(
-              re,
-              (j) => {
-                e(v) === "processing" ? j(Y) : j(Ie, !1);
+            j(
+              G,
+              (J) => {
+                e(h) === "processing" ? J(B) : J(ge, !1);
               },
               !0
             );
           }
-          s(h, S);
+          i(m, E);
         };
-        $(
-          b,
-          (h) => {
-            e(v) === "uploading" ? h(E) : h(R, !1);
+        j(
+          v,
+          (m) => {
+            e(h) === "uploading" ? m(a) : m(f, !1);
           },
           !0
         );
       }
-      s(o, t);
+      i(r, o);
     };
-    $(I, (o) => {
-      e(v) === "done" ? o(u) : o(m, !1);
+    j(w, (r) => {
+      e(h) === "done" ? r(_) : r(C, !1);
     });
   }
-  return k(C), s(D, C), le(L);
+  return z(S), i(L, S), ie(A);
 }
-customElements.define("fortyfour-audio-recorder", ne(
-  cr,
+customElements.define("fortyfour-audio-recorder", ae(
+  wr,
   {
     apiHost: { attribute: "api-host" },
     sessionId: { attribute: "session-id" },