dictate-button 1.5.1 → 1.7.0

package/dist/dictate-button.d.ts

@@ -2,6 +2,7 @@ export interface DictateButtonProps {
     size?: number;
     apiEndpoint?: string;
     language?: string;
+    audioFeedback?: boolean;
     theme?: 'light' | 'dark';
     class?: string;
 }

package/dist/dictate-button.js

@@ -1,426 +1,403 @@
-const mt = (t, e) => t === e, j = {
-  equals: mt
+const xt = (t, n) => t === n, N = {
+  equals: xt
 };
-let vt = pt;
-const S = 1, B = 2, at = {
+let pt = wt;
+const S = 1, j = 2, ht = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var _ = null;
-let V = null, Ct = null, p = null, g = null, C = null, F = 0;
-function St(t, e) {
-  const n = p, o = _, r = t.length === 0, i = e === void 0 ? o : e, l = r ? at : {
+var y = null;
+let G = null, St = null, g = null, _ = null, E = null, V = 0;
+function At(t, n) {
+  const e = g, r = y, o = t.length === 0, i = n === void 0 ? r : n, l = o ? ht : {
     owned: null,
     cleanups: null,
     context: i ? i.context : null,
     owner: i
-  }, s = r ? t : () => t(() => W(() => T(l)));
-  _ = l, p = null;
+  }, s = o ? t : () => t(() => z(() => $(l)));
+  y = l, g = null;
   try {
-    return $(s, !0);
+    return O(s, !0);
   } finally {
-    p = n, _ = o;
+    g = e, y = r;
   }
 }
-function ct(t, e) {
-  e = e ? Object.assign({}, j, e) : j;
-  const n = {
+function gt(t, n) {
+  n = n ? Object.assign({}, N, n) : N;
+  const e = {
     value: t,
     observers: null,
     observerSlots: null,
-    comparator: e.equals || void 0
-  }, o = (r) => (typeof r == "function" && (r = r(n.value)), dt(n, r));
-  return [ut.bind(n), o];
-}
-function R(t, e, n) {
-  const o = ft(t, e, !1, S);
-  L(o);
-}
-function xt(t, e, n) {
-  n = n ? Object.assign({}, j, n) : j;
-  const o = ft(t, e, !0, 0);
-  return o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, L(o), ut.bind(o);
-}
-function W(t) {
-  if (p === null) return t();
-  const e = p;
-  p = null;
+    comparator: n.equals || void 0
+  }, r = (o) => (typeof o == "function" && (o = o(e.value)), yt(e, o));
+  return [bt.bind(e), r];
+}
+function D(t, n, e) {
+  const r = Z(t, n, !1, S);
+  L(r);
+}
+function Tt(t, n, e) {
+  pt = Ot;
+  const r = Z(t, n, !1, S);
+  r.user = !0, E ? E.push(r) : L(r);
+}
+function kt(t, n, e) {
+  e = e ? Object.assign({}, N, e) : N;
+  const r = Z(t, n, !0, 0);
+  return r.observers = null, r.observerSlots = null, r.comparator = e.equals || void 0, L(r), bt.bind(r);
+}
+function z(t) {
+  if (g === null) return t();
+  const n = g;
+  g = null;
   try {
     return t();
   } finally {
-    p = e;
+    g = n;
   }
 }
-function ut() {
+function Pt(t) {
+  return y === null || (y.cleanups === null ? y.cleanups = [t] : y.cleanups.push(t)), t;
+}
+function bt() {
   if (this.sources && this.state)
     if (this.state === S) L(this);
     else {
-      const t = g;
-      g = null, $(() => I(this), !1), g = t;
+      const t = _;
+      _ = null, O(() => K(this), !1), _ = t;
     }
-  if (p) {
+  if (g) {
     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]);
+    g.sources ? (g.sources.push(this), g.sourceSlots.push(t)) : (g.sources = [this], g.sourceSlots = [t]), this.observers ? (this.observers.push(g), this.observerSlots.push(g.sources.length - 1)) : (this.observers = [g], this.observerSlots = [g.sources.length - 1]);
   }
   return this.value;
 }
-function dt(t, e, n) {
-  let o = t.value;
-  return (!t.comparator || !t.comparator(o, e)) && (t.value = e, t.observers && t.observers.length && $(() => {
-    for (let r = 0; r < t.observers.length; r += 1) {
-      const i = t.observers[r], l = V && V.running;
-      l && V.disposed.has(i), (l ? !i.tState : !i.state) && (i.pure ? g.push(i) : C.push(i), i.observers && gt(i)), l || (i.state = S);
+function yt(t, n, e) {
+  let r = t.value;
+  return (!t.comparator || !t.comparator(r, n)) && (t.value = n, t.observers && t.observers.length && O(() => {
+    for (let o = 0; o < t.observers.length; o += 1) {
+      const i = t.observers[o], l = G && G.running;
+      l && G.disposed.has(i), (l ? !i.tState : !i.state) && (i.pure ? _.push(i) : E.push(i), i.observers && _t(i)), l || (i.state = S);
     }
-    if (g.length > 1e6)
-      throw g = [], new Error();
-  }, !1)), e;
+    if (_.length > 1e6)
+      throw _ = [], new Error();
+  }, !1)), n;
 }
 function L(t) {
   if (!t.fn) return;
-  T(t);
-  const e = F;
-  At(t, t.value, e);
+  $(t);
+  const n = V;
+  $t(t, t.value, n);
 }
-function At(t, e, n) {
-  let o;
-  const r = _, i = p;
-  p = _ = t;
+function $t(t, n, e) {
+  let r;
+  const o = y, i = g;
+  g = y = t;
   try {
-    o = t.fn(e);
+    r = t.fn(n);
   } catch (l) {
-    return t.pure && (t.state = S, t.owned && t.owned.forEach(T), t.owned = null), t.updatedAt = n + 1, bt(l);
+    return t.pure && (t.state = S, t.owned && t.owned.forEach($), t.owned = null), t.updatedAt = e + 1, vt(l);
   } finally {
-    p = i, _ = r;
+    g = i, y = o;
   }
-  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? dt(t, o) : t.value = o, t.updatedAt = n);
+  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? yt(t, r) : t.value = r, t.updatedAt = e);
 }
-function ft(t, e, n, o = S, r) {
+function Z(t, n, e, r = S, o) {
   const i = {
     fn: t,
-    state: o,
+    state: r,
     updatedAt: null,
     owned: null,
     sources: null,
     sourceSlots: null,
     cleanups: null,
-    value: e,
-    owner: _,
-    context: _ ? _.context : null,
-    pure: n
+    value: n,
+    owner: y,
+    context: y ? y.context : null,
+    pure: e
   };
-  return _ === null || _ !== at && (_.owned ? _.owned.push(i) : _.owned = [i]), i;
+  return y === null || y !== ht && (y.owned ? y.owned.push(i) : y.owned = [i]), i;
 }
-function ht(t) {
+function F(t) {
   if (t.state === 0) return;
-  if (t.state === B) return I(t);
-  if (t.suspense && W(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 === S)
+  if (t.state === j) return K(t);
+  if (t.suspense && z(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  const n = [t];
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < V); )
+    t.state && n.push(t);
+  for (let e = n.length - 1; e >= 0; e--)
+    if (t = n[e], t.state === S)
       L(t);
-    else if (t.state === B) {
-      const o = g;
-      g = null, $(() => I(t, e[0]), !1), g = o;
+    else if (t.state === j) {
+      const r = _;
+      _ = null, O(() => K(t, n[0]), !1), _ = r;
     }
 }
-function $(t, e) {
-  if (g) return t();
-  let n = !1;
-  e || (g = []), C ? n = !0 : C = [], F++;
+function O(t, n) {
+  if (_) return t();
+  let e = !1;
+  n || (_ = []), E ? e = !0 : E = [], V++;
   try {
-    const o = t();
-    return Et(n), o;
-  } catch (o) {
-    n || (C = null), g = null, bt(o);
+    const r = t();
+    return Lt(e), r;
+  } catch (r) {
+    e || (E = null), _ = null, vt(r);
   }
 }
-function Et(t) {
-  if (g && (pt(g), g = null), t) return;
-  const e = C;
-  C = null, e.length && $(() => vt(e), !1);
+function Lt(t) {
+  if (_ && (wt(_), _ = null), t) return;
+  const n = E;
+  E = null, n.length && O(() => pt(n), !1);
+}
+function wt(t) {
+  for (let n = 0; n < t.length; n++) F(t[n]);
 }
-function pt(t) {
-  for (let e = 0; e < t.length; e++) ht(t[e]);
+function Ot(t) {
+  let n, e = 0;
+  for (n = 0; n < t.length; n++) {
+    const r = t[n];
+    r.user ? t[e++] = r : F(r);
+  }
+  for (n = 0; n < e; n++) F(t[n]);
 }
-function I(t, e) {
+function K(t, n) {
   t.state = 0;
-  for (let n = 0; n < t.sources.length; n += 1) {
-    const o = t.sources[n];
-    if (o.sources) {
-      const r = o.state;
-      r === S ? o !== e && (!o.updatedAt || o.updatedAt < F) && ht(o) : r === B && I(o, e);
+  for (let e = 0; e < t.sources.length; e += 1) {
+    const r = t.sources[e];
+    if (r.sources) {
+      const o = r.state;
+      o === S ? r !== n && (!r.updatedAt || r.updatedAt < V) && F(r) : o === j && K(r, n);
     }
   }
 }
-function gt(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) : C.push(n), n.observers && gt(n));
+function _t(t) {
+  for (let n = 0; n < t.observers.length; n += 1) {
+    const e = t.observers[n];
+    e.state || (e.state = j, e.pure ? _.push(e) : E.push(e), e.observers && _t(e));
   }
 }
-function T(t) {
-  let e;
+function $(t) {
+  let n;
   if (t.sources)
     for (; t.sources.length; ) {
-      const n = t.sources.pop(), o = t.sourceSlots.pop(), r = n.observers;
-      if (r && r.length) {
-        const i = r.pop(), l = n.observerSlots.pop();
-        o < r.length && (i.sourceSlots[l] = o, r[o] = i, n.observerSlots[o] = l);
+      const e = t.sources.pop(), r = t.sourceSlots.pop(), o = e.observers;
+      if (o && o.length) {
+        const i = o.pop(), l = e.observerSlots.pop();
+        r < o.length && (i.sourceSlots[l] = r, o[r] = i, e.observerSlots[r] = l);
       }
     }
   if (t.tOwned) {
-    for (e = t.tOwned.length - 1; e >= 0; e--) T(t.tOwned[e]);
+    for (n = t.tOwned.length - 1; n >= 0; n--) $(t.tOwned[n]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (e = t.owned.length - 1; e >= 0; e--) T(t.owned[e]);
+    for (n = t.owned.length - 1; n >= 0; n--) $(t.owned[n]);
     t.owned = null;
   }
   if (t.cleanups) {
-    for (e = t.cleanups.length - 1; e >= 0; e--) t.cleanups[e]();
+    for (n = t.cleanups.length - 1; n >= 0; n--) t.cleanups[n]();
     t.cleanups = null;
   }
   t.state = 0;
 }
-function kt(t) {
+function Mt(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function bt(t, e = _) {
-  throw kt(t);
+function vt(t, n = y) {
+  throw Mt(t);
 }
-function M(t, e) {
-  return W(() => t(e || {}));
+function B(t, n) {
+  return z(() => t(n || {}));
 }
-const N = (t) => xt(() => t());
-function Tt(t, e, n) {
-  let o = n.length, r = e.length, i = o, l = 0, s = 0, a = e[r - 1].nextSibling, u = null;
-  for (; l < r || s < i; ) {
-    if (e[l] === n[s]) {
+const I = (t) => kt(() => t());
+function Rt(t, n, e) {
+  let r = e.length, o = n.length, i = r, l = 0, s = 0, a = n[o - 1].nextSibling, d = null;
+  for (; l < o || s < i; ) {
+    if (n[l] === e[s]) {
       l++, s++;
       continue;
     }
-    for (; e[r - 1] === n[i - 1]; )
-      r--, i--;
-    if (r === l) {
-      const f = i < o ? s ? n[s - 1].nextSibling : n[i - s] : a;
-      for (; s < i; ) t.insertBefore(n[s++], f);
+    for (; n[o - 1] === e[i - 1]; )
+      o--, i--;
+    if (o === l) {
+      const c = i < r ? s ? e[s - 1].nextSibling : e[i - s] : a;
+      for (; s < i; ) t.insertBefore(e[s++], c);
     } else if (i === s)
-      for (; l < r; )
-        (!u || !u.has(e[l])) && e[l].remove(), l++;
-    else if (e[l] === n[i - 1] && n[s] === e[r - 1]) {
-      const f = e[--r].nextSibling;
-      t.insertBefore(n[s++], e[l++].nextSibling), t.insertBefore(n[--i], f), e[r] = n[i];
+      for (; l < o; )
+        (!d || !d.has(n[l])) && n[l].remove(), l++;
+    else if (n[l] === e[i - 1] && e[s] === n[o - 1]) {
+      const c = n[--o].nextSibling;
+      t.insertBefore(e[s++], n[l++].nextSibling), t.insertBefore(e[--i], c), n[o] = e[i];
     } else {
-      if (!u) {
-        u = /* @__PURE__ */ new Map();
-        let b = s;
-        for (; b < i; ) u.set(n[b], b++);
+      if (!d) {
+        d = /* @__PURE__ */ new Map();
+        let w = s;
+        for (; w < i; ) d.set(e[w], w++);
       }
-      const f = u.get(e[l]);
-      if (f != null)
-        if (s < f && f < i) {
-          let b = l, E = 1, P;
-          for (; ++b < r && b < i && !((P = u.get(e[b])) == null || P !== f + E); )
-            E++;
-          if (E > f - s) {
-            const K = e[l];
-            for (; s < f; ) t.insertBefore(n[s++], K);
-          } else t.replaceChild(n[s++], e[l++]);
+      const c = d.get(n[l]);
+      if (c != null)
+        if (s < c && c < i) {
+          let w = l, C = 1, p;
+          for (; ++w < o && w < i && !((p = d.get(n[w])) == null || p !== c + C); )
+            C++;
+          if (C > c - s) {
+            const q = n[l];
+            for (; s < c; ) t.insertBefore(e[s++], q);
+          } else t.replaceChild(e[s++], n[l++]);
         } else l++;
-      else e[l++].remove();
+      else n[l++].remove();
     }
   }
 }
-const nt = "_$DX_DELEGATE";
-function O(t, e, n, o) {
-  let r;
+function M(t, n, e, r) {
+  let o;
   const i = () => {
     const s = document.createElement("template");
     return s.innerHTML = t, s.content.firstChild;
-  }, l = () => (r || (r = i())).cloneNode(!0);
+  }, l = () => (o || (o = i())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
-function $t(t, e = window.document) {
-  const n = e[nt] || (e[nt] = /* @__PURE__ */ new Set());
-  for (let o = 0, r = t.length; o < r; o++) {
-    const i = t[o];
-    n.has(i) || (n.add(i), e.addEventListener(i, Pt));
-  }
-}
-function k(t, e, n) {
-  n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+function P(t, n, e) {
+  e == null ? t.removeAttribute(n) : t.setAttribute(n, e);
 }
-function Ot(t, e, n) {
-  if (!e) return n ? k(t, "style") : e;
-  const o = t.style;
-  if (typeof e == "string") return o.cssText = e;
-  typeof n == "string" && (o.cssText = n = void 0), n || (n = {}), e || (e = {});
-  let r, i;
-  for (i in n)
-    e[i] == null && o.removeProperty(i), delete n[i];
+function Bt(t, n, e) {
+  if (!n) return e ? P(t, "style") : n;
+  const r = t.style;
+  if (typeof n == "string") return r.cssText = n;
+  typeof e == "string" && (r.cssText = e = void 0), e || (e = {}), n || (n = {});
+  let o, i;
   for (i in e)
-    r = e[i], r !== n[i] && (o.setProperty(i, r), n[i] = r);
-  return n;
-}
-function v(t, e, n, o) {
-  if (n !== void 0 && !o && (o = []), typeof e != "function") return D(t, e, o, n);
-  R((r) => D(t, e(), r, n), o);
-}
-function Pt(t) {
-  let e = t.target;
-  const n = `$$${t.type}`, o = t.target, r = t.currentTarget, i = (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) && i(e.host), !0;
-  }, s = () => {
-    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();
-    i(a[0]);
-    for (let u = 0; u < a.length - 2 && (e = a[u], !!l()); u++) {
-      if (e._$host) {
-        e = e._$host, s();
-        break;
-      }
-      if (e.parentNode === r)
-        break;
-    }
-  } else s();
-  i(o);
-}
-function D(t, e, n, o, r) {
-  for (; typeof n == "function"; ) n = n();
-  if (e === n) return n;
-  const i = typeof e, l = o !== void 0;
-  if (t = l && n[0] && n[0].parentNode || t, i === "string" || i === "number") {
-    if (i === "number" && (e = e.toString(), e === n))
-      return n;
+    n[i] == null && r.removeProperty(i), delete e[i];
+  for (i in n)
+    o = n[i], o !== e[i] && (r.setProperty(i, o), e[i] = o);
+  return e;
+}
+function It(t, n, e) {
+  return z(() => t(n, e));
+}
+function A(t, n, e, r) {
+  if (e !== void 0 && !r && (r = []), typeof n != "function") return U(t, n, r, e);
+  D((o) => U(t, n(), o, e), r);
+}
+function U(t, n, e, r, o) {
+  for (; typeof e == "function"; ) e = e();
+  if (n === e) return e;
+  const i = typeof n, l = r !== void 0;
+  if (t = l && e[0] && e[0].parentNode || t, i === "string" || i === "number") {
+    if (i === "number" && (n = n.toString(), n === e))
+      return e;
     if (l) {
-      let s = n[0];
-      s && s.nodeType === 3 ? s.data !== e && (s.data = e) : s = document.createTextNode(e), n = x(t, n, o, s);
+      let s = e[0];
+      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = T(t, e, r, s);
     } else
-      n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
-  } else if (e == null || i === "boolean")
-    n = x(t, n, o);
+      e !== "" && typeof e == "string" ? e = t.firstChild.data = n : e = t.textContent = n;
+  } else if (n == null || i === "boolean")
+    e = T(t, e, r);
   else {
     if (i === "function")
-      return R(() => {
-        let s = e();
+      return D(() => {
+        let s = n();
         for (; typeof s == "function"; ) s = s();
-        n = D(t, s, n, o);
-      }), () => n;
-    if (Array.isArray(e)) {
-      const s = [], a = n && Array.isArray(n);
-      if (G(s, e, n, r))
-        return R(() => n = D(t, s, n, o, !0)), () => n;
+        e = U(t, s, e, r);
+      }), () => e;
+    if (Array.isArray(n)) {
+      const s = [], a = e && Array.isArray(e);
+      if (X(s, n, e, o))
+        return D(() => e = U(t, s, e, r, !0)), () => e;
       if (s.length === 0) {
-        if (n = x(t, n, o), l) return n;
-      } else a ? n.length === 0 ? rt(t, s, o) : Tt(t, n, s) : (n && x(t), rt(t, s));
-      n = s;
-    } else if (e.nodeType) {
-      if (Array.isArray(n)) {
-        if (l) return n = x(t, n, o, e);
-        x(t, n, null, e);
-      } else n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
-      n = e;
+        if (e = T(t, e, r), l) return e;
+      } else a ? e.length === 0 ? at(t, s, r) : Rt(t, e, s) : (e && T(t), at(t, s));
+      e = s;
+    } else if (n.nodeType) {
+      if (Array.isArray(e)) {
+        if (l) return e = T(t, e, r, n);
+        T(t, e, null, n);
+      } else e == null || e === "" || !t.firstChild ? t.appendChild(n) : t.replaceChild(n, t.firstChild);
+      e = n;
     }
   }
-  return n;
+  return e;
 }
-function G(t, e, n, o) {
-  let r = !1;
-  for (let i = 0, l = e.length; i < l; i++) {
-    let s = e[i], a = n && n[t.length], u;
-    if (!(s == null || s === !0 || s === !1)) if ((u = typeof s) == "object" && s.nodeType)
+function X(t, n, e, r) {
+  let o = !1;
+  for (let i = 0, l = n.length; i < l; i++) {
+    let s = n[i], a = e && e[t.length], d;
+    if (!(s == null || s === !0 || s === !1)) if ((d = typeof s) == "object" && s.nodeType)
       t.push(s);
     else if (Array.isArray(s))
-      r = G(t, s, a) || r;
-    else if (u === "function")
-      if (o) {
+      o = X(t, s, a) || o;
+    else if (d === "function")
+      if (r) {
         for (; typeof s == "function"; ) s = s();
-        r = G(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
+        o = X(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || o;
       } else
-        t.push(s), r = !0;
+        t.push(s), o = !0;
     else {
-      const f = String(s);
-      a && a.nodeType === 3 && a.data === f ? t.push(a) : t.push(document.createTextNode(f));
+      const c = String(s);
+      a && a.nodeType === 3 && a.data === c ? t.push(a) : t.push(document.createTextNode(c));
     }
   }
-  return r;
+  return o;
 }
-function rt(t, e, n = null) {
-  for (let o = 0, r = e.length; o < r; o++) t.insertBefore(e[o], n);
+function at(t, n, e = null) {
+  for (let r = 0, o = n.length; r < o; r++) t.insertBefore(n[r], e);
 }
-function x(t, e, n, o) {
-  if (n === void 0) return t.textContent = "";
-  const r = o || document.createTextNode("");
-  if (e.length) {
+function T(t, n, e, r) {
+  if (e === void 0) return t.textContent = "";
+  const o = r || document.createTextNode("");
+  if (n.length) {
     let i = !1;
-    for (let l = e.length - 1; l >= 0; l--) {
-      const s = e[l];
-      if (r !== s) {
+    for (let l = n.length - 1; l >= 0; l--) {
+      const s = n[l];
+      if (o !== s) {
         const a = s.parentNode === t;
-        !i && !l ? a ? t.replaceChild(r, s) : t.insertBefore(r, n) : a && s.remove();
+        !i && !l ? a ? t.replaceChild(o, s) : t.insertBefore(o, e) : a && s.remove();
       } else i = !0;
     }
-  } else t.insertBefore(r, n);
-  return [r];
+  } else t.insertBefore(o, e);
+  return [o];
 }
-function Mt(t) {
-  return Object.keys(t).reduce((n, o) => {
-    const r = t[o];
-    return n[o] = Object.assign({}, r), _t(r.value) && !It(r.value) && !Array.isArray(r.value) && (n[o].value = Object.assign({}, r.value)), Array.isArray(r.value) && (n[o].value = r.value.slice(0)), n;
+function Nt(t) {
+  return Object.keys(t).reduce((e, r) => {
+    const o = t[r];
+    return e[r] = Object.assign({}, o), mt(o.value) && !Ut(o.value) && !Array.isArray(o.value) && (e[r].value = Object.assign({}, o.value)), Array.isArray(o.value) && (e[r].value = o.value.slice(0)), e;
   }, {});
 }
-function Nt(t) {
-  return t ? Object.keys(t).reduce((n, o) => {
-    const r = t[o];
-    return n[o] = _t(r) && "value" in r ? r : {
-      value: r
-    }, n[o].attribute || (n[o].attribute = Rt(o)), n[o].parse = "parse" in n[o] ? n[o].parse : typeof n[o].value != "string", n;
+function jt(t) {
+  return t ? Object.keys(t).reduce((e, r) => {
+    const o = t[r];
+    return e[r] = mt(o) && "value" in o ? o : {
+      value: o
+    }, e[r].attribute || (e[r].attribute = Kt(r)), e[r].parse = "parse" in e[r] ? e[r].parse : typeof e[r].value != "string", e;
   }, {}) : {};
 }
-function jt(t) {
-  return Object.keys(t).reduce((n, o) => (n[o] = t[o].value, n), {});
+function Dt(t) {
+  return Object.keys(t).reduce((e, r) => (e[r] = t[r].value, e), {});
 }
-function Bt(t, e) {
-  const n = Mt(e);
-  return Object.keys(e).forEach((r) => {
-    const i = n[r], l = t.getAttribute(i.attribute), s = t[r];
-    l != null && (i.value = i.parse ? yt(l) : l), s != null && (i.value = Array.isArray(s) ? s.slice(0) : s), i.reflect && ot(t, i.attribute, i.value, !!i.parse), Object.defineProperty(t, r, {
+function Ft(t, n) {
+  const e = Nt(n);
+  return Object.keys(n).forEach((o) => {
+    const i = e[o], l = t.getAttribute(i.attribute), s = t[o];
+    l != null && (i.value = i.parse ? Ct(l) : l), s != null && (i.value = Array.isArray(s) ? s.slice(0) : s), i.reflect && ct(t, i.attribute, i.value, !!i.parse), Object.defineProperty(t, o, {
       get() {
         return i.value;
       },
       set(a) {
-        const u = i.value;
-        i.value = a, i.reflect && ot(this, i.attribute, i.value, !!i.parse);
-        for (let f = 0, b = this.__propertyChangedCallbacks.length; f < b; f++)
-          this.__propertyChangedCallbacks[f](r, a, u);
+        const d = i.value;
+        i.value = a, i.reflect && ct(this, i.attribute, i.value, !!i.parse);
+        for (let c = 0, w = this.__propertyChangedCallbacks.length; c < w; c++)
+          this.__propertyChangedCallbacks[c](o, a, d);
       },
       enumerable: !0,
       configurable: !0
     });
-  }), n;
+  }), e;
 }
-function yt(t) {
+function Ct(t) {
   if (t)
     try {
       return JSON.parse(t);
@@ -428,127 +405,127 @@ function yt(t) {
       return t;
     }
 }
-function ot(t, e, n, o) {
-  if (n == null || n === !1) return t.removeAttribute(e);
-  let r = o ? JSON.stringify(n) : n;
-  t.__updating[e] = !0, r === "true" && (r = ""), t.setAttribute(e, r), Promise.resolve().then(() => delete t.__updating[e]);
+function ct(t, n, e, r) {
+  if (e == null || e === !1) return t.removeAttribute(n);
+  let o = r ? JSON.stringify(e) : e;
+  t.__updating[n] = !0, o === "true" && (o = ""), t.setAttribute(n, o), Promise.resolve().then(() => delete t.__updating[n]);
 }
-function Rt(t) {
-  return t.replace(/\.?([A-Z]+)/g, (e, n) => "-" + n.toLowerCase()).replace("_", "-").replace(/^-/, "");
+function Kt(t) {
+  return t.replace(/\.?([A-Z]+)/g, (n, e) => "-" + e.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function _t(t) {
+function mt(t) {
   return t != null && (typeof t == "object" || typeof t == "function");
 }
-function It(t) {
+function Ut(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
-function Dt(t) {
+function Vt(t) {
   return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-let q;
-function Ft(t, e) {
-  const n = Object.keys(e);
+let W;
+function zt(t, n) {
+  const e = Object.keys(n);
   return class extends t {
     static get observedAttributes() {
-      return n.map((r) => e[r].attribute);
+      return e.map((o) => n[o].attribute);
     }
     constructor() {
       super(), this.__initialized = !1, this.__released = !1, this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = {};
-      for (let r of n)
-        this[r] = void 0;
+      for (let o of e)
+        this[o] = void 0;
     }
     connectedCallback() {
       if (this.__initialized) return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Bt(this, e);
-      const r = jt(this.props), i = this.Component, l = q;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Ft(this, n);
+      const o = Dt(this.props), i = this.Component, l = W;
       try {
-        q = this, this.__initialized = !0, Dt(i) ? new i(r, {
+        W = this, this.__initialized = !0, Vt(i) ? new i(o, {
           element: this
-        }) : i(r, {
+        }) : i(o, {
           element: this
         });
       } finally {
-        q = l;
+        W = l;
       }
     }
     async disconnectedCallback() {
       if (await Promise.resolve(), this.isConnected) return;
       this.__propertyChangedCallbacks.length = 0;
-      let r = null;
-      for (; r = this.__releaseCallbacks.pop(); ) r(this);
+      let o = null;
+      for (; o = this.__releaseCallbacks.pop(); ) o(this);
       delete this.__initialized, this.__released = !0;
     }
-    attributeChangedCallback(r, i, 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 ? yt(l) : l;
+    attributeChangedCallback(o, i, l) {
+      if (this.__initialized && !this.__updating[o] && (o = this.lookupProp(o), o in n)) {
+        if (l == null && !this[o]) return;
+        this[o] = n[o].parse ? Ct(l) : l;
       }
     }
-    lookupProp(r) {
-      if (e)
-        return n.find((i) => r === i || r === e[i].attribute);
+    lookupProp(o) {
+      if (n)
+        return e.find((i) => o === i || o === n[i].attribute);
     }
     get renderRoot() {
       return this.shadowRoot || this.attachShadow({
         mode: "open"
       });
     }
-    addReleaseCallback(r) {
-      this.__releaseCallbacks.push(r);
+    addReleaseCallback(o) {
+      this.__releaseCallbacks.push(o);
     }
-    addPropertyChangedCallback(r) {
-      this.__propertyChangedCallbacks.push(r);
+    addPropertyChangedCallback(o) {
+      this.__propertyChangedCallbacks.push(o);
     }
   };
 }
-function Lt(t, e = {}, n = {}) {
+function qt(t, n = {}, e = {}) {
   const {
-    BaseElement: o = HTMLElement,
-    extension: r,
+    BaseElement: r = HTMLElement,
+    extension: o,
     customElements: i = window.customElements
-  } = n;
+  } = e;
   return (l) => {
     let s = i.get(t);
-    return s ? (s.prototype.Component = l, s) : (s = Ft(o, Nt(e)), s.prototype.Component = l, s.prototype.registeredTag = t, i.define(t, s, r), s);
+    return s ? (s.prototype.Component = l, s) : (s = zt(r, jt(n)), s.prototype.Component = l, s.prototype.registeredTag = t, i.define(t, s, o), s);
   };
 }
-function Kt(t) {
-  const e = Object.keys(t), n = {};
-  for (let o = 0; o < e.length; o++) {
-    const [r, i] = ct(t[e[o]]);
-    Object.defineProperty(n, e[o], {
-      get: r,
+function Ht(t) {
+  const n = Object.keys(t), e = {};
+  for (let r = 0; r < n.length; r++) {
+    const [o, i] = gt(t[n[r]]);
+    Object.defineProperty(e, n[r], {
+      get: o,
       set(l) {
         i(() => l);
       }
     });
   }
-  return n;
+  return e;
 }
-function Ut(t) {
+function Gt(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 zt(t) {
-  return (e, n) => {
-    const { element: o } = n;
-    return St((r) => {
-      const i = Kt(e);
-      o.addPropertyChangedCallback((s, a) => i[s] = a), o.addReleaseCallback(() => {
-        o.renderRoot.textContent = "", r();
+  let n = t.parentNode;
+  for (; n && !n._$owner && !(n.assignedSlot && n.assignedSlot._$owner); )
+    n = n.parentNode;
+  return n && n.assignedSlot ? n.assignedSlot._$owner : t._$owner;
+}
+function Wt(t) {
+  return (n, e) => {
+    const { element: r } = e;
+    return At((o) => {
+      const i = Ht(n);
+      r.addPropertyChangedCallback((s, a) => i[s] = a), r.addReleaseCallback(() => {
+        r.renderRoot.textContent = "", o();
       });
-      const l = t(i, n);
-      return v(o.renderRoot, l);
-    }, Ut(o));
+      const l = t(i, e);
+      return A(r.renderRoot, l);
+    }, Gt(r));
   };
 }
-function Vt(t, e, n) {
-  return arguments.length === 2 && (n = e, e = {}), Lt(t, e)(zt(n));
+function Jt(t, n, e) {
+  return arguments.length === 2 && (e = n, n = {}), qt(t, n)(Wt(e));
 }
-const qt = `
+const Xt = `
 :host([theme="dark"]) {
   color-scheme: only dark;
 }
@@ -606,134 +583,195 @@ const qt = `
   }
 }
 `;
-var Ht = /* @__PURE__ */ O('<div part=container class=dictate-button__container><style></style><div aria-live=polite class=dictate-button__status-announcer style="position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></div><button part=button class=dictate-button__button>'), Gt = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor role=img aria-hidden=true><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">'), Wt = /* @__PURE__ */ O('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor role=img aria-hidden=true><circle cx=12 cy=12 r=10>'), Xt = /* @__PURE__ */ O('<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 role=img aria-hidden=true><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">'), Jt = /* @__PURE__ */ O('<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 role=img aria-hidden=true><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.5.1");
-const Zt = "https://api.dictate-button.io/transcribe", m = "dictate-button.io", H = -70, it = -10, st = 0, Qt = 4, Yt = 0.25, te = 0.05;
-Vt("dictate-button", {
+var Zt = /* @__PURE__ */ M('<div part=container class=dictate-button__container><style></style><div aria-live=polite class=dictate-button__status-announcer style="position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></div><button part=button class=dictate-button__button>'), Qt = /* @__PURE__ */ M('<svg part=icon class="dictate-button__icon dictate-button__icon--idle"fill=none viewBox="0 0 24 24"stroke-width=1.5 stroke=currentColor role=img aria-hidden=true><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">'), Yt = /* @__PURE__ */ M('<svg part=icon class="dictate-button__icon dictate-button__icon--recording"viewBox="0 0 24 24"fill=currentColor role=img aria-hidden=true><circle cx=12 cy=12 r=10>'), te = /* @__PURE__ */ M('<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 role=img aria-hidden=true><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">'), ee = /* @__PURE__ */ M('<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 role=img aria-hidden=true><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.7.0");
+const ne = "https://api.dictate-button.io/transcribe", x = "dictate-button.io", J = -70, ut = -10, dt = 0, re = 4, oe = 0.25, ie = 0.05;
+Jt("dictate-button", {
   size: 30,
-  apiEndpoint: Zt,
-  language: void 0
+  apiEndpoint: ne,
+  language: void 0,
+  audioFeedback: !0
 }, (t, {
-  element: e
+  element: n
 }) => {
   console.debug("api", t.apiEndpoint);
-  const [n, o] = ct("idle");
-  let r = null, i = null, l = [], s = null, a = null, u = null, f = !1, b = 0;
-  const E = (d) => d <= H ? 0 : d >= it ? 1 : (d - H) / (it - H), P = (d) => {
-    let w = 0;
-    for (let y = 0; y < d.length; y++) {
-      const c = (d[y] - 128) / 128;
-      w += c * c;
+  const [e, r] = gt("idle");
+  let o = null, i = null, l = [], s = null, a = null, d = null, c = null, w = !1, C = 0;
+  const p = (f) => f <= J ? 0 : f >= ut ? 1 : (f - J) / (ut - J), q = (f) => {
+    let b = 0;
+    for (let v = 0; v < f.length; v++) {
+      const u = (f[v] - 128) / 128;
+      b += u * u;
     }
-    return Math.sqrt(w / d.length);
-  }, K = (d) => 20 * Math.log10(Math.max(d, 1e-8)), X = (d) => {
-    const w = e.shadowRoot.querySelector(".dictate-button__button");
-    if (!w)
+    return Math.sqrt(b / f.length);
+  }, Et = (f) => 20 * Math.log10(Math.max(f, 1e-8)), Q = (f) => {
+    const b = n.shadowRoot.querySelector(".dictate-button__button");
+    if (!b)
       return;
-    const y = st + d * (Qt - st), c = 0 + d * 0.4;
-    w.style.boxShadow = `0 0 0 ${y}px light-dark(rgba(0, 0, 0, ${c}), rgba(255, 255, 255, ${c}))`;
-  }, J = () => {
-    if (!f || !a || !u) return;
-    a.getByteTimeDomainData(u);
-    const d = P(u), w = K(d), y = E(w), c = y > b ? Yt : te;
-    b = c * y + (1 - c) * b, X(b), requestAnimationFrame(J);
-  }, U = () => {
-    r && r.state !== "inactive" && r.stop(), i && (i.getTracks().forEach((d) => d.stop()), i = null), l = [], f = !1, s && s.state !== "closed" && s.close(), s = null, a = null, u = null, b = 0, X(0);
+    const v = dt + f * (re - dt), u = 0 + f * 0.4;
+    b.style.boxShadow = `0 0 0 ${v}px light-dark(rgba(0, 0, 0, ${u}), rgba(255, 255, 255, ${u}))`;
+  }, Y = () => {
+    if (!w || !d || !c) return;
+    d.getByteTimeDomainData(c);
+    const f = q(c), b = Et(f), v = p(b), u = v > C ? oe : ie;
+    C = u * v + (1 - u) * C, Q(C), requestAnimationFrame(Y);
+  }, tt = () => {
+    o && o.state !== "inactive" && o.stop(), i && (i.getTracks().forEach((f) => f.stop()), i = null), l = [], s = null, w = !1, a && a.state !== "closed" && a.close(), a = null, d = null, c = null, C = 0, Q(0);
   };
-  e.addEventListener("disconnected", U);
-  const wt = async () => {
-    if (U(), n() === "idle")
+  n.addEventListener("disconnected", tt);
+  const et = async (f) => {
+    if (e() === "idle") {
+      s = f;
       try {
-        const d = await navigator.mediaDevices.getUserMedia({
+        t.audioFeedback && fe();
+      } catch (b) {
+        console.warn("Failed to play starting sound:", b);
+      }
+      try {
+        const b = await navigator.mediaDevices.getUserMedia({
           audio: !0
         });
-        i = d, s = new (window.AudioContext || window.webkitAudioContext)();
-        const w = s.createMediaStreamSource(d);
-        a = s.createAnalyser(), a.fftSize = 2048, w.connect(a), u = new Uint8Array(a.fftSize), r = new MediaRecorder(d, {
+        i = b, a = new (window.AudioContext || window.webkitAudioContext)();
+        const v = a.createMediaStreamSource(b);
+        d = a.createAnalyser(), d.fftSize = 2048, v.connect(d), c = new Uint8Array(d.fftSize), o = new MediaRecorder(b, {
           mimeType: "audio/webm"
-        }), l = [], r.ondataavailable = (y) => {
-          l.push(y.data);
-        }, r.onstop = async () => {
-          f = !1, o("processing"), A(e, "transcribing:started", "Started transcribing");
-          const y = new Blob(l, {
+        }), l = [], o.ondataavailable = (u) => {
+          l.push(u.data);
+        }, o.onstop = async () => {
+          w = !1, r("processing"), k(n, "transcribing:started", "Started transcribing");
+          const u = new Blob(l, {
             type: "audio/webm"
           });
           try {
-            const c = new FormData();
-            c.append("audio", y, "recording.webm"), c.append("origin", window?.location?.origin), t.language && c.append("language", t.language);
+            const m = new FormData();
+            m.append("audio", u, "recording.webm"), m.append("origin", window?.location?.origin), t.language && m.append("language", t.language);
             const h = await fetch(t.apiEndpoint, {
               method: "POST",
-              body: c
+              body: m
             });
             if (!h.ok) throw new Error("Failed to transcribe audio");
-            const z = await h.json();
-            if (n() !== "processing") return;
-            A(e, "transcribing:finished", z.text), o("idle");
-          } catch (c) {
-            console.error("Failed to transcribe audio:", c), A(e, "transcribing:failed", "Failed to transcribe audio"), Z();
+            const H = await h.json();
+            if (e() !== "processing") return;
+            k(n, "transcribing:finished", H.text), r("idle");
+          } catch (m) {
+            console.error("Failed to transcribe audio:", m), k(n, "transcribing:failed", "Failed to transcribe audio"), rt();
           }
-        }, r.start(), A(e, "recording:started", "Started recording"), f = !0, J(), o("recording");
-      } catch (d) {
-        console.error("Failed to start recording:", d), A(e, "recording:failed", "Failed to start recording"), Z();
+        }, o.start(), k(n, "recording:started", "Started recording"), w = !0, Y(), r("recording");
+      } catch (b) {
+        console.error("Failed to start recording:", b), k(n, "recording:failed", "Failed to start recording"), rt();
       }
-    else
-      A(e, "recording:stopped", "Stopped recording"), o("idle"), U();
-  }, Z = () => {
-    o("error"), setTimeout(() => o("idle"), 2e3);
+    }
+  }, nt = () => {
+    e() === "recording" && (k(n, "recording:stopped", "Stopped recording"), r("idle"), tt());
+  }, rt = () => {
+    r("error"), setTimeout(() => r("idle"), 2e3);
   };
-  return (() => {
-    var d = Ht(), w = d.firstChild, y = w.nextSibling, c = y.nextSibling;
-    return v(w, qt), v(y, () => lt(n())), c.$$click = wt, v(c, (() => {
-      var h = N(() => n() === "idle");
-      return () => h() && M(ne, {});
-    })(), null), v(c, (() => {
-      var h = N(() => n() === "recording");
-      return () => h() && M(re, {});
-    })(), null), v(c, (() => {
-      var h = N(() => n() === "processing");
-      return () => h() && M(oe, {});
-    })(), null), v(c, (() => {
-      var h = N(() => n() === "error");
-      return () => h() && M(ie, {});
-    })(), null), R((h) => {
-      var z = `width:${t.size}px;height:${t.size}px"`, Q = ee(n()), Y = lt(n()), tt = n() === "recording", et = n() === "processing";
-      return h.e = Ot(c, z, h.e), Q !== h.t && k(c, "title", h.t = Q), Y !== h.a && k(c, "aria-label", h.a = Y), tt !== h.o && k(c, "aria-pressed", h.o = tt), et !== h.i && k(c, "aria-busy", h.i = et), h;
+  let R;
+  return Tt(() => {
+    if (!R) return;
+    const f = de(R, {
+      onShortTap: () => {
+        e() === "idle" ? et("short-tap") : e() === "recording" && s === "short-tap" && nt();
+      },
+      onLongPressStart: () => {
+        e() === "idle" && et("long-press");
+      },
+      onLongPressEnd: () => {
+        e() === "recording" && s === "long-press" && nt();
+      }
+    });
+    Pt(f);
+  }), (() => {
+    var f = Zt(), b = f.firstChild, v = b.nextSibling, u = v.nextSibling;
+    A(b, Xt), A(v, () => ft(e()));
+    var m = R;
+    return typeof m == "function" ? It(m, u) : R = u, A(u, (() => {
+      var h = I(() => e() === "idle");
+      return () => h() && B(le, {});
+    })(), null), A(u, (() => {
+      var h = I(() => e() === "recording");
+      return () => h() && B(ae, {});
+    })(), null), A(u, (() => {
+      var h = I(() => e() === "processing");
+      return () => h() && B(ce, {});
+    })(), null), A(u, (() => {
+      var h = I(() => e() === "error");
+      return () => h() && B(ue, {});
+    })(), null), D((h) => {
+      var H = `width:${t.size}px;height:${t.size}px"`, ot = se(e()), it = ft(e()), st = e() === "recording", lt = e() === "processing";
+      return h.e = Bt(u, H, h.e), ot !== h.t && P(u, "title", h.t = ot), it !== h.a && P(u, "aria-label", h.a = it), st !== h.o && P(u, "aria-pressed", h.o = st), lt !== h.i && P(u, "aria-busy", h.i = lt), h;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0
-    }), d;
+    }), f;
   })();
 });
-const ee = (t) => {
+const se = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${m})`;
+      return `Start dictation (${x})`;
     case "recording":
-      return `Stop dictation (${m})`;
+      return `Stop dictation (${x})`;
     case "processing":
-      return `Stop processing (${m})`;
+      return `Stop processing (${x})`;
     case "error":
-      return `Click to reset (${m})`;
+      return `Click to reset (${x})`;
   }
-}, lt = (t) => {
+}, ft = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${m})`;
+      return `Start dictation (${x})`;
     case "recording":
-      return `Dictation in progress. Click to stop it (${m})`;
+      return `Dictation in progress. Click to stop it (${x})`;
     case "processing":
-      return `Processing dictation. Click to cancel it (${m})`;
+      return `Processing dictation. Click to cancel it (${x})`;
     case "error":
-      return `Dictation error. Click to reset (${m})`;
+      return `Dictation error. Click to reset (${x})`;
   }
-}, A = (t, e, n) => {
-  t.dispatchEvent(new CustomEvent(e, {
-    detail: n,
+}, k = (t, n, e) => {
+  t.dispatchEvent(new CustomEvent(n, {
+    detail: e,
     bubbles: !0,
     composed: !0
   }));
-}, ne = () => Gt(), re = () => Wt(), oe = () => Xt(), ie = () => Jt();
-$t(["click"]);
+}, le = () => Qt(), ae = () => Yt(), ce = () => te(), ue = () => ee();
+function de(t, {
+  threshold: n = 500,
+  preventScroll: e = !0,
+  onShortTap: r,
+  onLongPressStart: o,
+  onLongPressEnd: i
+} = {}) {
+  let l, s = !1;
+  const a = (p) => p.preventDefault(), d = (p) => {
+    l && clearTimeout(l), s = !1, p.preventDefault(), t.setPointerCapture(p.pointerId), l = window.setTimeout(() => {
+      s = !0, o?.(p), t.dispatchEvent(new CustomEvent("longpress", {
+        detail: p
+      }));
+    }, n);
+  }, c = (p) => {
+    l && clearTimeout(l), t.releasePointerCapture(p.pointerId), s ? (i?.(p), t.dispatchEvent(new CustomEvent("longpressend", {
+      detail: p
+    }))) : (r?.(p), t.dispatchEvent(new CustomEvent("shorttap", {
+      detail: p
+    })));
+  }, w = (p) => {
+    l && clearTimeout(l), t.releasePointerCapture(p.pointerId), s = !1;
+  }, C = (p) => {
+    p.preventDefault(), p.stopPropagation();
+  };
+  return e && (t.style.touchAction = "none", t.addEventListener("contextmenu", a)), t.addEventListener("pointerdown", d), t.addEventListener("pointerup", c), t.addEventListener("pointercancel", w), t.addEventListener("click", C), () => {
+    e && t.removeEventListener("contextmenu", a), t.removeEventListener("pointerdown", d), t.removeEventListener("pointerup", c), t.removeEventListener("pointercancel", w), t.removeEventListener("click", C);
+  };
+}
+function fe() {
+  const t = new (window.AudioContext || window.webkitAudioContext)(), n = t.createOscillator(), e = t.createGain();
+  n.type = "sine", n.frequency.setValueAtTime(550, t.currentTime);
+  const r = t.currentTime;
+  e.gain.setValueAtTime(0, r), e.gain.linearRampToValueAtTime(0.035, r + 0.03), e.gain.linearRampToValueAtTime(0, r + 0.25), n.connect(e), e.connect(t.destination), n.start(r), n.stop(r + 0.3), n.onended = () => {
+    t && t.state !== "closed" && t.close();
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "1.5.1",
+  "version": "1.7.0",
   "description": "Dictate Button (Web Component)",
   "keywords": [
     "custom-element",
@@ -65,10 +65,10 @@
   "devDependencies": {
     "prettier": "^3.6.2",
     "typescript": "^5.9.3",
-    "vite": "^7.1.9",
+    "vite": "^7.1.10",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.9",
-    "vite-plugin-static-copy": "^3.1.3"
+    "vite-plugin-static-copy": "^3.1.4"
   },
   "homepage": "https://github.com/dictate-button/dictate-button",
   "repository": {