dictate-button 0.2.0 → 1.0.0

package/dist/dictate-button.js

@@ -0,0 +1,709 @@
+const yt = (t, e) => t === e, N = {
+  equals: yt
+};
+let _t = at;
+const m = 1, B = 2, nt = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var y = null;
+let V = null, wt = null, p = null, g = null, S = null, F = 0;
+function Ct(t, e) {
+  const n = p, s = y, r = t.length === 0, o = e === void 0 ? s : e, l = r ? nt : {
+    owned: null,
+    cleanups: null,
+    context: o ? o.context : null,
+    owner: o
+  }, i = r ? t : () => t(() => G(() => E(l)));
+  y = l, p = null;
+  try {
+    return k(i, !0);
+  } finally {
+    p = n, y = s;
+  }
+}
+function rt(t, e) {
+  e = e ? Object.assign({}, N, e) : N;
+  const n = {
+    value: t,
+    observers: null,
+    observerSlots: null,
+    comparator: e.equals || void 0
+  }, s = (r) => (typeof r == "function" && (r = r(n.value)), ot(n, r));
+  return [st.bind(n), s];
+}
+function R(t, e, n) {
+  const s = it(t, e, !1, m);
+  L(s);
+}
+function St(t, e, n) {
+  n = n ? Object.assign({}, N, n) : N;
+  const s = it(t, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, L(s), st.bind(s);
+}
+function G(t) {
+  if (p === null) return t();
+  const e = p;
+  p = null;
+  try {
+    return t();
+  } finally {
+    p = e;
+  }
+}
+function st() {
+  if (this.sources && this.state)
+    if (this.state === m) L(this);
+    else {
+      const t = g;
+      g = null, k(() => I(this), !1), g = t;
+    }
+  if (p) {
+    const t = this.observers ? this.observers.length : 0;
+    p.sources ? (p.sources.push(this), p.sourceSlots.push(t)) : (p.sources = [this], p.sourceSlots = [t]), this.observers ? (this.observers.push(p), this.observerSlots.push(p.sources.length - 1)) : (this.observers = [p], this.observerSlots = [p.sources.length - 1]);
+  }
+  return this.value;
+}
+function ot(t, e, n) {
+  let s = t.value;
+  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && k(() => {
+    for (let r = 0; r < t.observers.length; r += 1) {
+      const o = t.observers[r], l = V && V.running;
+      l && V.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? g.push(o) : S.push(o), o.observers && ct(o)), l || (o.state = m);
+    }
+    if (g.length > 1e6)
+      throw g = [], new Error();
+  }, !1)), e;
+}
+function L(t) {
+  if (!t.fn) return;
+  E(t);
+  const e = F;
+  mt(t, t.value, e);
+}
+function mt(t, e, n) {
+  let s;
+  const r = y, o = p;
+  p = y = t;
+  try {
+    s = t.fn(e);
+  } catch (l) {
+    return t.pure && (t.state = m, t.owned && t.owned.forEach(E), t.owned = null), t.updatedAt = n + 1, ut(l);
+  } finally {
+    p = o, y = r;
+  }
+  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? ot(t, s) : t.value = s, t.updatedAt = n);
+}
+function it(t, e, n, s = m, r) {
+  const o = {
+    fn: t,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: e,
+    owner: y,
+    context: y ? y.context : null,
+    pure: n
+  };
+  return y === null || y !== nt && (y.owned ? y.owned.push(o) : y.owned = [o]), o;
+}
+function lt(t) {
+  if (t.state === 0) return;
+  if (t.state === B) return I(t);
+  if (t.suspense && G(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  const e = [t];
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < F); )
+    t.state && e.push(t);
+  for (let n = e.length - 1; n >= 0; n--)
+    if (t = e[n], t.state === m)
+      L(t);
+    else if (t.state === B) {
+      const s = g;
+      g = null, k(() => I(t, e[0]), !1), g = s;
+    }
+}
+function k(t, e) {
+  if (g) return t();
+  let n = !1;
+  e || (g = []), S ? n = !0 : S = [], F++;
+  try {
+    const s = t();
+    return At(n), s;
+  } catch (s) {
+    n || (S = null), g = null, ut(s);
+  }
+}
+function At(t) {
+  if (g && (at(g), g = null), t) return;
+  const e = S;
+  S = null, e.length && k(() => _t(e), !1);
+}
+function at(t) {
+  for (let e = 0; e < t.length; e++) lt(t[e]);
+}
+function I(t, e) {
+  t.state = 0;
+  for (let n = 0; n < t.sources.length; n += 1) {
+    const s = t.sources[n];
+    if (s.sources) {
+      const r = s.state;
+      r === m ? s !== e && (!s.updatedAt || s.updatedAt < F) && lt(s) : r === B && I(s, e);
+    }
+  }
+}
+function ct(t) {
+  for (let e = 0; e < t.observers.length; e += 1) {
+    const n = t.observers[e];
+    n.state || (n.state = B, n.pure ? g.push(n) : S.push(n), n.observers && ct(n));
+  }
+}
+function E(t) {
+  let e;
+  if (t.sources)
+    for (; t.sources.length; ) {
+      const n = t.sources.pop(), s = t.sourceSlots.pop(), r = n.observers;
+      if (r && r.length) {
+        const o = r.pop(), l = n.observerSlots.pop();
+        s < r.length && (o.sourceSlots[l] = s, r[s] = o, n.observerSlots[s] = l);
+      }
+    }
+  if (t.tOwned) {
+    for (e = t.tOwned.length - 1; e >= 0; e--) E(t.tOwned[e]);
+    delete t.tOwned;
+  }
+  if (t.owned) {
+    for (e = t.owned.length - 1; e >= 0; e--) E(t.owned[e]);
+    t.owned = null;
+  }
+  if (t.cleanups) {
+    for (e = t.cleanups.length - 1; e >= 0; e--) t.cleanups[e]();
+    t.cleanups = null;
+  }
+  t.state = 0;
+}
+function vt(t) {
+  return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
+    cause: t
+  });
+}
+function ut(t, e = y) {
+  throw vt(t);
+}
+function P(t, e) {
+  return G(() => t(e || {}));
+}
+const j = (t) => St(() => t());
+function xt(t, e, n) {
+  let s = n.length, r = e.length, o = s, l = 0, i = 0, a = e[r - 1].nextSibling, u = null;
+  for (; l < r || i < o; ) {
+    if (e[l] === n[i]) {
+      l++, i++;
+      continue;
+    }
+    for (; e[r - 1] === n[o - 1]; )
+      r--, o--;
+    if (r === l) {
+      const f = o < s ? i ? n[i - 1].nextSibling : n[o - i] : a;
+      for (; i < o; ) t.insertBefore(n[i++], f);
+    } else if (o === i)
+      for (; l < r; )
+        (!u || !u.has(e[l])) && e[l].remove(), l++;
+    else if (e[l] === n[o - 1] && n[i] === e[r - 1]) {
+      const f = e[--r].nextSibling;
+      t.insertBefore(n[i++], e[l++].nextSibling), t.insertBefore(n[--o], f), e[r] = n[o];
+    } else {
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let b = i;
+        for (; b < o; ) u.set(n[b], b++);
+      }
+      const f = u.get(e[l]);
+      if (f != null)
+        if (i < f && f < o) {
+          let b = l, w = 1, C;
+          for (; ++b < r && b < o && !((C = u.get(e[b])) == null || C !== f + w); )
+            w++;
+          if (w > f - i) {
+            const K = e[l];
+            for (; i < f; ) t.insertBefore(n[i++], K);
+          } else t.replaceChild(n[i++], e[l++]);
+        } else l++;
+      else e[l++].remove();
+    }
+  }
+}
+const Z = "_$DX_DELEGATE";
+function T(t, e, n, s) {
+  let r;
+  const o = () => {
+    const i = document.createElement("template");
+    return i.innerHTML = t, i.content.firstChild;
+  }, l = () => (r || (r = o())).cloneNode(!0);
+  return l.cloneNode = l, l;
+}
+function Et(t, e = window.document) {
+  const n = e[Z] || (e[Z] = /* @__PURE__ */ new Set());
+  for (let s = 0, r = t.length; s < r; s++) {
+    const o = t[s];
+    n.has(o) || (n.add(o), e.addEventListener(o, Tt));
+  }
+}
+function ft(t, e, n) {
+  n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+}
+function kt(t, e, n) {
+  if (!e) return n ? ft(t, "style") : e;
+  const s = t.style;
+  if (typeof e == "string") return s.cssText = e;
+  typeof n == "string" && (s.cssText = n = void 0), n || (n = {}), e || (e = {});
+  let r, o;
+  for (o in n)
+    e[o] == null && s.removeProperty(o), delete n[o];
+  for (o in e)
+    r = e[o], r !== n[o] && (s.setProperty(o, r), n[o] = r);
+  return n;
+}
+function x(t, e, n, s) {
+  if (n !== void 0 && !s && (s = []), typeof e != "function") return D(t, e, s, n);
+  R((r) => D(t, e(), r, n), s);
+}
+function Tt(t) {
+  let e = t.target;
+  const n = `$$${t.type}`, s = t.target, r = t.currentTarget, o = (a) => Object.defineProperty(t, "target", {
+    configurable: !0,
+    value: a
+  }), l = () => {
+    const a = e[n];
+    if (a && !e.disabled) {
+      const u = e[`${n}Data`];
+      if (u !== void 0 ? a.call(e, u, t) : a.call(e, t), t.cancelBubble) return;
+    }
+    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(t.target) && o(e.host), !0;
+  }, i = () => {
+    for (; l() && (e = e._$host || e.parentNode || e.host); ) ;
+  };
+  if (Object.defineProperty(t, "currentTarget", {
+    configurable: !0,
+    get() {
+      return e || document;
+    }
+  }), t.composedPath) {
+    const a = t.composedPath();
+    o(a[0]);
+    for (let u = 0; u < a.length - 2 && (e = a[u], !!l()); u++) {
+      if (e._$host) {
+        e = e._$host, i();
+        break;
+      }
+      if (e.parentNode === r)
+        break;
+    }
+  } else i();
+  o(s);
+}
+function D(t, e, n, s, r) {
+  for (; typeof n == "function"; ) n = n();
+  if (e === n) return n;
+  const o = typeof e, l = s !== void 0;
+  if (t = l && n[0] && n[0].parentNode || t, o === "string" || o === "number") {
+    if (o === "number" && (e = e.toString(), e === n))
+      return n;
+    if (l) {
+      let i = n[0];
+      i && i.nodeType === 3 ? i.data !== e && (i.data = e) : i = document.createTextNode(e), n = A(t, n, s, i);
+    } else
+      n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
+  } else if (e == null || o === "boolean")
+    n = A(t, n, s);
+  else {
+    if (o === "function")
+      return R(() => {
+        let i = e();
+        for (; typeof i == "function"; ) i = i();
+        n = D(t, i, n, s);
+      }), () => n;
+    if (Array.isArray(e)) {
+      const i = [], a = n && Array.isArray(n);
+      if (H(i, e, n, r))
+        return R(() => n = D(t, i, n, s, !0)), () => n;
+      if (i.length === 0) {
+        if (n = A(t, n, s), l) return n;
+      } else a ? n.length === 0 ? Q(t, i, s) : xt(t, n, i) : (n && A(t), Q(t, i));
+      n = i;
+    } else if (e.nodeType) {
+      if (Array.isArray(n)) {
+        if (l) return n = A(t, n, s, e);
+        A(t, n, null, e);
+      } else n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
+      n = e;
+    }
+  }
+  return n;
+}
+function H(t, e, n, s) {
+  let r = !1;
+  for (let o = 0, l = e.length; o < l; o++) {
+    let i = e[o], a = n && n[t.length], u;
+    if (!(i == null || i === !0 || i === !1)) if ((u = typeof i) == "object" && i.nodeType)
+      t.push(i);
+    else if (Array.isArray(i))
+      r = H(t, i, a) || r;
+    else if (u === "function")
+      if (s) {
+        for (; typeof i == "function"; ) i = i();
+        r = H(t, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || r;
+      } else
+        t.push(i), r = !0;
+    else {
+      const f = String(i);
+      a && a.nodeType === 3 && a.data === f ? t.push(a) : t.push(document.createTextNode(f));
+    }
+  }
+  return r;
+}
+function Q(t, e, n = null) {
+  for (let s = 0, r = e.length; s < r; s++) t.insertBefore(e[s], n);
+}
+function A(t, e, n, s) {
+  if (n === void 0) return t.textContent = "";
+  const r = s || document.createTextNode("");
+  if (e.length) {
+    let o = !1;
+    for (let l = e.length - 1; l >= 0; l--) {
+      const i = e[l];
+      if (r !== i) {
+        const a = i.parentNode === t;
+        !o && !l ? a ? t.replaceChild(r, i) : t.insertBefore(r, n) : a && i.remove();
+      } else o = !0;
+    }
+  } else t.insertBefore(r, n);
+  return [r];
+}
+function $t(t) {
+  return Object.keys(t).reduce((n, s) => {
+    const r = t[s];
+    return n[s] = Object.assign({}, r), ht(r.value) && !Nt(r.value) && !Array.isArray(r.value) && (n[s].value = Object.assign({}, r.value)), Array.isArray(r.value) && (n[s].value = r.value.slice(0)), n;
+  }, {});
+}
+function Ot(t) {
+  return t ? Object.keys(t).reduce((n, s) => {
+    const r = t[s];
+    return n[s] = ht(r) && "value" in r ? r : {
+      value: r
+    }, n[s].attribute || (n[s].attribute = Mt(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
+  }, {}) : {};
+}
+function Pt(t) {
+  return Object.keys(t).reduce((n, s) => (n[s] = t[s].value, n), {});
+}
+function jt(t, e) {
+  const n = $t(e);
+  return Object.keys(e).forEach((r) => {
+    const o = n[r], l = t.getAttribute(o.attribute), i = t[r];
+    l != null && (o.value = o.parse ? dt(l) : l), i != null && (o.value = Array.isArray(i) ? i.slice(0) : i), o.reflect && Y(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
+      get() {
+        return o.value;
+      },
+      set(a) {
+        const u = o.value;
+        o.value = a, o.reflect && Y(this, o.attribute, o.value, !!o.parse);
+        for (let f = 0, b = this.__propertyChangedCallbacks.length; f < b; f++)
+          this.__propertyChangedCallbacks[f](r, a, u);
+      },
+      enumerable: !0,
+      configurable: !0
+    });
+  }), n;
+}
+function dt(t) {
+  if (t)
+    try {
+      return JSON.parse(t);
+    } catch {
+      return t;
+    }
+}
+function Y(t, e, n, s) {
+  if (n == null || n === !1) return t.removeAttribute(e);
+  let r = s ? JSON.stringify(n) : n;
+  t.__updating[e] = !0, r === "true" && (r = ""), t.setAttribute(e, r), Promise.resolve().then(() => delete t.__updating[e]);
+}
+function Mt(t) {
+  return t.replace(/\.?([A-Z]+)/g, (e, n) => "-" + n.toLowerCase()).replace("_", "-").replace(/^-/, "");
+}
+function ht(t) {
+  return t != null && (typeof t == "object" || typeof t == "function");
+}
+function Nt(t) {
+  return Object.prototype.toString.call(t) === "[object Function]";
+}
+function Bt(t) {
+  return typeof t == "function" && t.toString().indexOf("class") === 0;
+}
+let q;
+function Rt(t, e) {
+  const n = Object.keys(e);
+  return class extends t {
+    static get observedAttributes() {
+      return n.map((r) => e[r].attribute);
+    }
+    constructor() {
+      super(), this.__initialized = !1, this.__released = !1, this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = {};
+    }
+    connectedCallback() {
+      if (this.__initialized) return;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = jt(this, e);
+      const r = Pt(this.props), o = this.Component, l = q;
+      try {
+        q = this, this.__initialized = !0, Bt(o) ? new o(r, {
+          element: this
+        }) : o(r, {
+          element: this
+        });
+      } finally {
+        q = l;
+      }
+    }
+    async disconnectedCallback() {
+      if (await Promise.resolve(), this.isConnected) return;
+      this.__propertyChangedCallbacks.length = 0;
+      let r = null;
+      for (; r = this.__releaseCallbacks.pop(); ) r(this);
+      delete this.__initialized, this.__released = !0;
+    }
+    attributeChangedCallback(r, o, l) {
+      if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in e)) {
+        if (l == null && !this[r]) return;
+        this[r] = e[r].parse ? dt(l) : l;
+      }
+    }
+    lookupProp(r) {
+      if (e)
+        return n.find((o) => r === o || r === e[o].attribute);
+    }
+    get renderRoot() {
+      return this.shadowRoot || this.attachShadow({
+        mode: "open"
+      });
+    }
+    addReleaseCallback(r) {
+      this.__releaseCallbacks.push(r);
+    }
+    addPropertyChangedCallback(r) {
+      this.__propertyChangedCallbacks.push(r);
+    }
+  };
+}
+function It(t, e = {}, n = {}) {
+  const {
+    BaseElement: s = HTMLElement,
+    extension: r,
+    customElements: o = window.customElements
+  } = n;
+  return (l) => {
+    let i = o.get(t);
+    return i ? (i.prototype.Component = l, i) : (i = Rt(s, Ot(e)), i.prototype.Component = l, i.prototype.registeredTag = t, o.define(t, i, r), i);
+  };
+}
+function Dt(t) {
+  const e = Object.keys(t), n = {};
+  for (let s = 0; s < e.length; s++) {
+    const [r, o] = rt(t[e[s]]);
+    Object.defineProperty(n, e[s], {
+      get: r,
+      set(l) {
+        o(() => l);
+      }
+    });
+  }
+  return n;
+}
+function Ft(t) {
+  if (t.assignedSlot && t.assignedSlot._$owner) return t.assignedSlot._$owner;
+  let e = t.parentNode;
+  for (; e && !e._$owner && !(e.assignedSlot && e.assignedSlot._$owner); )
+    e = e.parentNode;
+  return e && e.assignedSlot ? e.assignedSlot._$owner : t._$owner;
+}
+function Lt(t) {
+  return (e, n) => {
+    const { element: s } = n;
+    return Ct((r) => {
+      const o = Dt(e);
+      s.addPropertyChangedCallback((i, a) => o[i] = a), s.addReleaseCallback(() => {
+        s.renderRoot.textContent = "", r();
+      });
+      const l = t(o, n);
+      return x(s.renderRoot, l);
+    }, Ft(s));
+  };
+}
+function Kt(t, e, n) {
+  return arguments.length === 2 && (n = e, e = {}), It(t, e)(Lt(n));
+}
+const Ut = `
+:host([theme="dark"]) {
+  color-scheme: only dark;
+}
+:host([theme="light"]) {
+  color-scheme: only light;
+}
+
+:host .dictate-button__button {
+  cursor: pointer;
+  padding: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: light-dark(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.95));
+  background-color: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.7));
+  border-radius: 50%;
+  border: none;
+  transition: box-shadow 0.05s linear;
+  box-sizing: border-box;
+}
+:host .dictate-button__button:hover, :host .dictate-button__button:focus {
+  background-color: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.6));
+}
+
+:host .dictate-button__button .dictate-button__icon {
+  width: 100%;
+  height: 100%;
+}
+
+:host .dictate-button__button .dictate-button__icon.dictate-button__icon--processing {
+  animation: dictate-button-rotate 1s linear infinite;
+}
+
+@keyframes dictate-button-rotate {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+`;
+var Vt = /* @__PURE__ */ T("<div part=container class=dictate-button__container><style></style><button part=button class=dictate-button__button>"), qt = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor><path stroke-linecap=round stroke-linejoin=round d="M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z">'), zt = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor stroke=none stroke-width=0 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10>'), Ht = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--processing"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round><path d="M12 2v4"></path><path d="m16.2 7.8 2.9-2.9"></path><path d="M18 12h4"></path><path d="m16.2 16.2 2.9 2.9"></path><path d="M12 18v4"></path><path d="m4.9 19.1 2.9-2.9"></path><path d="M2 12h4"></path><path d="m4.9 4.9 2.9 2.9">'), Gt = /* @__PURE__ */ T('<svg part=icon class="dictate-button__icon dictate-button__icon--error"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=4 stroke-linecap=round stroke-linejoin=round><line x1=12 x2=12 y1=4 y2=14></line><line x1=12 x2=12.01 y1=20 y2=20>');
+console.debug("dictate-button version:", "1.0.0");
+const Wt = "https://api.dictate-button.io/transcribe", M = "dictate-button.io", z = -70, tt = -10, et = 0, Xt = 4, Jt = 0.25, Zt = 0.05;
+Kt("dictate-button", {
+  size: 30,
+  apiEndpoint: Wt,
+  language: void 0
+}, (t, {
+  element: e
+}) => {
+  const {
+    size: n,
+    apiEndpoint: s,
+    language: r
+  } = t;
+  console.debug("api", s);
+  const [o, l] = rt("idle");
+  let i = null, a = [], u = null, f = null, b = null, w = !1, C = 0;
+  const K = (d) => d <= z ? 0 : d >= tt ? 1 : (d - z) / (tt - z), pt = (d) => {
+    let _ = 0;
+    for (let h = 0; h < d.length; h++) {
+      const c = (d[h] - 128) / 128;
+      _ += c * c;
+    }
+    return Math.sqrt(_ / d.length);
+  }, gt = (d) => 20 * Math.log10(Math.max(d, 1e-8)), W = (d) => {
+    const _ = e.shadowRoot.querySelector(".dictate-button__button");
+    if (!_)
+      return;
+    const h = et + d * (Xt - et), c = 0 + d * 0.4;
+    _.style.boxShadow = `0 0 0 ${h}px light-dark(rgba(0, 0, 0, ${c}), rgba(255, 255, 255, ${c}))`;
+  }, X = () => {
+    if (!w || !f || !b) return;
+    f.getByteTimeDomainData(b);
+    const d = pt(b), _ = gt(d), h = K(_), c = h > C ? Jt : Zt;
+    C = c * h + (1 - c) * C, W(C), requestAnimationFrame(X);
+  }, U = () => {
+    i && i.state !== "inactive" && i.stop(), a = [], w = !1, u && u.state !== "closed" && u.close(), u = null, f = null, b = null, C = 0, W(0);
+  };
+  e.addEventListener("disconnected", U);
+  const bt = async () => {
+    if (U(), o() === "idle")
+      try {
+        const d = await navigator.mediaDevices.getUserMedia({
+          audio: !0
+        });
+        u = new (window.AudioContext || window.webkitAudioContext)();
+        const _ = u.createMediaStreamSource(d);
+        f = u.createAnalyser(), f.fftSize = 2048, _.connect(f), b = new Uint8Array(f.fftSize), i = new MediaRecorder(d, {
+          mimeType: "audio/webm"
+        }), a = [], i.ondataavailable = (h) => {
+          a.push(h.data);
+        }, i.onstop = async () => {
+          w = !1, l("processing"), v(e, "transcribing:started", "Started transcribing");
+          const h = new Blob(a, {
+            type: "audio/webm"
+          });
+          try {
+            const c = new FormData();
+            c.append("audio", h, "recording.webm"), c.append("origin", window?.location?.origin), r && c.append("language", r);
+            const $ = await fetch(s, {
+              method: "POST",
+              body: c
+            });
+            if (!$.ok) throw new Error("Failed to transcribe audio");
+            const O = await $.json();
+            if (o() !== "processing") return;
+            v(e, "transcribing:finished", O.text), l("idle");
+          } catch (c) {
+            console.error("Failed to transcribe audio:", c), v(e, "transcribing:failed", "Failed to transcribe audio"), J();
+          }
+        }, i.start(), v(e, "recording:started", "Started recording"), w = !0, X(), l("recording");
+      } catch (d) {
+        console.error("Failed to start recording:", d), v(e, "recording:failed", "Failed to start recording"), J();
+      }
+    else
+      v(e, "recording:stopped", "Stopped recording"), l("idle"), U();
+  }, J = () => {
+    l("error"), setTimeout(() => l("idle"), 2e3);
+  };
+  return (() => {
+    var d = Vt(), _ = d.firstChild, h = _.nextSibling;
+    return x(_, Ut), h.$$click = bt, x(h, (() => {
+      var c = j(() => o() === "idle");
+      return () => c() && P(Yt, {});
+    })(), null), x(h, (() => {
+      var c = j(() => o() === "recording");
+      return () => c() && P(te, {});
+    })(), null), x(h, (() => {
+      var c = j(() => o() === "processing");
+      return () => c() && P(ee, {});
+    })(), null), x(h, (() => {
+      var c = j(() => o() === "error");
+      return () => c() && P(ne, {});
+    })(), null), R((c) => {
+      var $ = `width:${n}px;height:${n}px"`, O = Qt(o());
+      return c.e = kt(h, $, c.e), O !== c.t && ft(h, "title", c.t = O), c;
+    }, {
+      e: void 0,
+      t: void 0
+    }), d;
+  })();
+});
+const Qt = (t) => {
+  switch (t) {
+    case "idle":
+      return `Start dictation (${M})`;
+    case "recording":
+      return `Stop dictation (${M})`;
+    case "processing":
+      return `Stop processing (${M})`;
+    case "error":
+      return `Click to reset (${M})`;
+  }
+}, v = (t, e, n) => {
+  t.dispatchEvent(new CustomEvent(e, {
+    detail: n,
+    bubbles: !0,
+    composed: !0
+  }));
+}, Yt = () => qt(), te = () => zt(), ee = () => Ht(), ne = () => Gt();
+Et(["click"]);