dictate-button 2.1.1 → 2.2.0

package/README.md

@@ -1,6 +1,6 @@
 # Dictate Button
 [![NPM Version](https://img.shields.io/npm/v/dictate-button)](https://www.npmjs.com/package/dictate-button)
-[![Tests](https://github.com/dictate-button/dictate-button/actions/workflows/test.yml/badge.svg)](https://github.com/dictate-button/dictate-button/actions/workflows/test.yml)
+[![CI](https://github.com/dictate-button/dictate-button/actions/workflows/ci.yml/badge.svg)](https://github.com/dictate-button/dictate-button/actions/workflows/ci.yml)
 
 A customizable web component that adds speech-to-text dictation capabilities to any text input, textarea field, or contenteditable element on your website.
 

package/dist/dictate-button.js

@@ -1,110 +1,110 @@
-const $t = (t, n) => t === n, J = {
-  equals: $t
+const Ut = (t, n) => t === n, Q = {
+  equals: Ut
 };
-let mt = Et;
-const k = 1, G = 2, vt = {
+let At = Mt;
+const k = 1, Y = 2, Tt = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var y = null;
-let st = null, Nt = null, b = null, w = null, S = null, tt = 0;
-function Dt(t, n) {
-  const e = b, i = y, r = t.length === 0, o = n === void 0 ? i : n, l = r ? vt : {
+var b = null;
+let ct = null, zt = null, g = null, _ = null, A = null, it = 0;
+function Ft(t, n) {
+  const e = g, i = b, r = t.length === 0, o = n === void 0 ? i : n, l = r ? Tt : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
     owner: o
-  }, s = r ? t : () => t(() => et(() => j(l)));
-  y = l, b = null;
+  }, s = r ? t : () => t(() => st(() => U(l)));
+  b = l, g = null;
   try {
-    return U(s, !0);
+    return F(s, !0);
   } finally {
-    b = e, y = i;
+    g = e, b = i;
   }
 }
-function Ct(t, n) {
-  n = n ? Object.assign({}, J, n) : J;
+function kt(t, n) {
+  n = n ? Object.assign({}, Q, n) : Q;
   const e = {
     value: t,
     observers: null,
     observerSlots: null,
     comparator: n.equals || void 0
-  }, i = (r) => (typeof r == "function" && (r = r(e.value)), xt(e, r));
-  return [St.bind(e), i];
+  }, i = (r) => (typeof r == "function" && (r = r(e.value)), Pt(e, r));
+  return [Lt.bind(e), i];
 }
-function X(t, n, e) {
-  const i = ct(t, n, !1, k);
-  B(i);
+function tt(t, n, e) {
+  const i = pt(t, n, !1, k);
+  z(i);
 }
-function It(t, n, e) {
-  mt = zt;
-  const i = ct(t, n, !1, k);
-  i.user = !0, S ? S.push(i) : B(i);
-}
-function jt(t, n, e) {
-  e = e ? Object.assign({}, J, e) : J;
-  const i = ct(t, n, !0, 0);
-  return i.observers = null, i.observerSlots = null, i.comparator = e.equals || void 0, B(i), St.bind(i);
+function Kt(t, n, e) {
+  At = qt;
+  const i = pt(t, n, !1, k);
+  i.user = !0, A ? A.push(i) : z(i);
 }
-function et(t) {
-  if (b === null) return t();
-  const n = b;
-  b = null;
+function Wt(t, n, e) {
+  e = e ? Object.assign({}, Q, e) : Q;
+  const i = pt(t, n, !0, 0);
+  return i.observers = null, i.observerSlots = null, i.comparator = e.equals || void 0, z(i), Lt.bind(i);
+}
+function st(t) {
+  if (g === null) return t();
+  const n = g;
+  g = null;
   try {
     return t();
   } finally {
-    b = n;
+    g = n;
   }
 }
-function ht(t) {
-  return y === null || (y.cleanups === null ? y.cleanups = [t] : y.cleanups.push(t)), t;
+function vt(t) {
+  return b === null || (b.cleanups === null ? b.cleanups = [t] : b.cleanups.push(t)), t;
 }
-function St() {
+function Lt() {
   if (this.sources && this.state)
-    if (this.state === k) B(this);
+    if (this.state === k) z(this);
     else {
-      const t = w;
-      w = null, U(() => Q(this), !1), w = t;
+      const t = _;
+      _ = null, F(() => nt(this), !1), _ = t;
     }
-  if (b) {
+  if (g) {
     const t = this.observers ? this.observers.length : 0;
-    b.sources ? (b.sources.push(this), b.sourceSlots.push(t)) : (b.sources = [this], b.sourceSlots = [t]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.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 xt(t, n, e) {
+function Pt(t, n, e) {
   let i = t.value;
-  return (!t.comparator || !t.comparator(i, n)) && (t.value = n, t.observers && t.observers.length && U(() => {
+  return (!t.comparator || !t.comparator(i, n)) && (t.value = n, t.observers && t.observers.length && F(() => {
     for (let r = 0; r < t.observers.length; r += 1) {
-      const o = t.observers[r], l = st && st.running;
-      l && st.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? w.push(o) : S.push(o), o.observers && At(o)), l || (o.state = k);
+      const o = t.observers[r], l = ct && ct.running;
+      l && ct.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? _.push(o) : A.push(o), o.observers && Rt(o)), l || (o.state = k);
     }
-    if (w.length > 1e6)
-      throw w = [], new Error();
+    if (_.length > 1e6)
+      throw _ = [], new Error();
   }, !1)), n;
 }
-function B(t) {
+function z(t) {
   if (!t.fn) return;
-  j(t);
-  const n = tt;
-  Bt(t, t.value, n);
+  U(t);
+  const n = it;
+  Ht(t, t.value, n);
 }
-function Bt(t, n, e) {
+function Ht(t, n, e) {
   let i;
-  const r = y, o = b;
-  b = y = t;
+  const r = b, o = g;
+  g = b = t;
   try {
     i = t.fn(n);
   } catch (l) {
-    return t.pure && (t.state = k, t.owned && t.owned.forEach(j), t.owned = null), t.updatedAt = e + 1, kt(l);
+    return t.pure && (t.state = k, t.owned && t.owned.forEach(U), t.owned = null), t.updatedAt = e + 1, Ot(l);
   } finally {
-    b = o, y = r;
+    g = o, b = r;
   }
-  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? xt(t, i) : t.value = i, t.updatedAt = e);
+  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? Pt(t, i) : t.value = i, t.updatedAt = e);
 }
-function ct(t, n, e, i = k, r) {
+function pt(t, n, e, i = k, r) {
   const o = {
     fn: t,
     state: i,
@@ -114,71 +114,71 @@ function ct(t, n, e, i = k, r) {
     sourceSlots: null,
     cleanups: null,
     value: n,
-    owner: y,
-    context: y ? y.context : null,
+    owner: b,
+    context: b ? b.context : null,
     pure: e
   };
-  return y === null || y !== vt && (y.owned ? y.owned.push(o) : y.owned = [o]), o;
+  return b === null || b !== Tt && (b.owned ? b.owned.push(o) : b.owned = [o]), o;
 }
-function Z(t) {
+function et(t) {
   if (t.state === 0) return;
-  if (t.state === G) return Q(t);
-  if (t.suspense && et(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  if (t.state === Y) return nt(t);
+  if (t.suspense && st(t.suspense.inFallback)) return t.suspense.effects.push(t);
   const n = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < tt); )
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < it); )
     t.state && n.push(t);
   for (let e = n.length - 1; e >= 0; e--)
     if (t = n[e], t.state === k)
-      B(t);
-    else if (t.state === G) {
-      const i = w;
-      w = null, U(() => Q(t, n[0]), !1), w = i;
+      z(t);
+    else if (t.state === Y) {
+      const i = _;
+      _ = null, F(() => nt(t, n[0]), !1), _ = i;
     }
 }
-function U(t, n) {
-  if (w) return t();
+function F(t, n) {
+  if (_) return t();
   let e = !1;
-  n || (w = []), S ? e = !0 : S = [], tt++;
+  n || (_ = []), A ? e = !0 : A = [], it++;
   try {
     const i = t();
-    return Ut(e), i;
+    return Vt(e), i;
   } catch (i) {
-    e || (S = null), w = null, kt(i);
+    e || (A = null), _ = null, Ot(i);
   }
 }
-function Ut(t) {
-  if (w && (Et(w), w = null), t) return;
-  const n = S;
-  S = null, n.length && U(() => mt(n), !1);
+function Vt(t) {
+  if (_ && (Mt(_), _ = null), t) return;
+  const n = A;
+  A = null, n.length && F(() => At(n), !1);
 }
-function Et(t) {
-  for (let n = 0; n < t.length; n++) Z(t[n]);
+function Mt(t) {
+  for (let n = 0; n < t.length; n++) et(t[n]);
 }
-function zt(t) {
+function qt(t) {
   let n, e = 0;
   for (n = 0; n < t.length; n++) {
     const i = t[n];
-    i.user ? t[e++] = i : Z(i);
+    i.user ? t[e++] = i : et(i);
   }
-  for (n = 0; n < e; n++) Z(t[n]);
+  for (n = 0; n < e; n++) et(t[n]);
 }
-function Q(t, n) {
+function nt(t, n) {
   t.state = 0;
   for (let e = 0; e < t.sources.length; e += 1) {
     const i = t.sources[e];
     if (i.sources) {
       const r = i.state;
-      r === k ? i !== n && (!i.updatedAt || i.updatedAt < tt) && Z(i) : r === G && Q(i, n);
+      r === k ? i !== n && (!i.updatedAt || i.updatedAt < it) && et(i) : r === Y && nt(i, n);
     }
   }
 }
-function At(t) {
+function Rt(t) {
   for (let n = 0; n < t.observers.length; n += 1) {
     const e = t.observers[n];
-    e.state || (e.state = G, e.pure ? w.push(e) : S.push(e), e.observers && At(e));
+    e.state || (e.state = Y, e.pure ? _.push(e) : A.push(e), e.observers && Rt(e));
   }
 }
-function j(t) {
+function U(t) {
   let n;
   if (t.sources)
     for (; t.sources.length; ) {
@@ -189,11 +189,11 @@ function j(t) {
       }
     }
   if (t.tOwned) {
-    for (n = t.tOwned.length - 1; n >= 0; n--) j(t.tOwned[n]);
+    for (n = t.tOwned.length - 1; n >= 0; n--) U(t.tOwned[n]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (n = t.owned.length - 1; n >= 0; n--) j(t.owned[n]);
+    for (n = t.owned.length - 1; n >= 0; n--) U(t.owned[n]);
     t.owned = null;
   }
   if (t.cleanups) {
@@ -202,20 +202,20 @@ function j(t) {
   }
   t.state = 0;
 }
-function Ft(t) {
+function Jt(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function kt(t, n = y) {
-  throw Ft(t);
+function Ot(t, n = b) {
+  throw Jt(t);
 }
-function H(t, n) {
-  return et(() => t(n || {}));
+function X(t, n) {
+  return st(() => t(n || {}));
 }
-const q = (t) => jt(() => t());
-function Wt(t, n, e) {
-  let i = e.length, r = n.length, o = i, l = 0, s = 0, a = n[r - 1].nextSibling, g = null;
+const Z = (t) => Wt(() => t());
+function Gt(t, n, e) {
+  let i = e.length, r = n.length, o = i, l = 0, s = 0, a = n[r - 1].nextSibling, h = null;
   for (; l < r || s < o; ) {
     if (n[l] === e[s]) {
       l++, s++;
@@ -224,36 +224,36 @@ function Wt(t, n, e) {
     for (; n[r - 1] === e[o - 1]; )
       r--, o--;
     if (r === l) {
-      const f = o < i ? s ? e[s - 1].nextSibling : e[o - s] : a;
-      for (; s < o; ) t.insertBefore(e[s++], f);
+      const d = o < i ? s ? e[s - 1].nextSibling : e[o - s] : a;
+      for (; s < o; ) t.insertBefore(e[s++], d);
     } else if (o === s)
       for (; l < r; )
-        (!g || !g.has(n[l])) && n[l].remove(), l++;
+        (!h || !h.has(n[l])) && n[l].remove(), l++;
     else if (n[l] === e[o - 1] && e[s] === n[r - 1]) {
-      const f = n[--r].nextSibling;
-      t.insertBefore(e[s++], n[l++].nextSibling), t.insertBefore(e[--o], f), n[r] = e[o];
+      const d = n[--r].nextSibling;
+      t.insertBefore(e[s++], n[l++].nextSibling), t.insertBefore(e[--o], d), n[r] = e[o];
     } else {
-      if (!g) {
-        g = /* @__PURE__ */ new Map();
-        let d = s;
-        for (; d < o; ) g.set(e[d], d++);
+      if (!h) {
+        h = /* @__PURE__ */ new Map();
+        let w = s;
+        for (; w < o; ) h.set(e[w], w++);
       }
-      const f = g.get(n[l]);
-      if (f != null)
-        if (s < f && f < o) {
-          let d = l, m = 1, c;
-          for (; ++d < r && d < o && !((c = g.get(n[d])) == null || c !== f + m); )
-            m++;
-          if (m > f - s) {
-            const T = n[l];
-            for (; s < f; ) t.insertBefore(e[s++], T);
+      const d = h.get(n[l]);
+      if (d != null)
+        if (s < d && d < o) {
+          let w = l, C = 1, c;
+          for (; ++w < r && w < o && !((c = h.get(n[w])) == null || c !== d + C); )
+            C++;
+          if (C > d - s) {
+            const x = n[l];
+            for (; s < d; ) t.insertBefore(e[s++], x);
           } else t.replaceChild(e[s++], n[l++]);
         } else l++;
       else n[l++].remove();
     }
   }
 }
-function z(t, n, e, i) {
+function K(t, n, e, i) {
   let r;
   const o = () => {
     const s = document.createElement("template");
@@ -261,11 +261,11 @@ function z(t, n, e, i) {
   }, l = () => (r || (r = o())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
-function I(t, n, e) {
+function B(t, n, e) {
   e == null ? t.removeAttribute(n) : t.setAttribute(n, e);
 }
-function Kt(t, n, e) {
-  if (!n) return e ? I(t, "style") : n;
+function Xt(t, n, e) {
+  if (!n) return e ? B(t, "style") : n;
   const i = t.style;
   if (typeof n == "string") return i.cssText = n;
   typeof e == "string" && (i.cssText = e = void 0), e || (e = {}), n || (n = {});
@@ -276,14 +276,14 @@ function Kt(t, n, e) {
     r = n[o], r !== e[o] && (i.setProperty(o, r), e[o] = r);
   return e;
 }
-function Vt(t, n, e) {
-  return et(() => t(n, e));
+function Zt(t, n, e) {
+  return st(() => t(n, e));
 }
 function P(t, n, e, i) {
-  if (e !== void 0 && !i && (i = []), typeof n != "function") return Y(t, n, i, e);
-  X((r) => Y(t, n(), r, e), i);
+  if (e !== void 0 && !i && (i = []), typeof n != "function") return rt(t, n, i, e);
+  tt((r) => rt(t, n(), r, e), i);
 }
-function Y(t, n, e, i, r) {
+function rt(t, n, e, i, r) {
   for (; typeof e == "function"; ) e = e();
   if (n === e) return e;
   const o = typeof n, l = i !== void 0;
@@ -292,61 +292,61 @@ function Y(t, n, e, i, r) {
       return e;
     if (l) {
       let s = e[0];
-      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = R(t, e, i, s);
+      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = O(t, e, i, s);
     } else
       e !== "" && typeof e == "string" ? e = t.firstChild.data = n : e = t.textContent = n;
   } else if (n == null || o === "boolean")
-    e = R(t, e, i);
+    e = O(t, e, i);
   else {
     if (o === "function")
-      return X(() => {
+      return tt(() => {
         let s = n();
         for (; typeof s == "function"; ) s = s();
-        e = Y(t, s, e, i);
+        e = rt(t, s, e, i);
       }), () => e;
     if (Array.isArray(n)) {
       const s = [], a = e && Array.isArray(e);
-      if (at(s, n, e, r))
-        return X(() => e = Y(t, s, e, i, !0)), () => e;
+      if (ft(s, n, e, r))
+        return tt(() => e = rt(t, s, e, i, !0)), () => e;
       if (s.length === 0) {
-        if (e = R(t, e, i), l) return e;
-      } else a ? e.length === 0 ? gt(t, s, i) : Wt(t, e, s) : (e && R(t), gt(t, s));
+        if (e = O(t, e, i), l) return e;
+      } else a ? e.length === 0 ? mt(t, s, i) : Gt(t, e, s) : (e && O(t), mt(t, s));
       e = s;
     } else if (n.nodeType) {
       if (Array.isArray(e)) {
-        if (l) return e = R(t, e, i, n);
-        R(t, e, null, n);
+        if (l) return e = O(t, e, i, n);
+        O(t, e, null, n);
       } else e == null || e === "" || !t.firstChild ? t.appendChild(n) : t.replaceChild(n, t.firstChild);
       e = n;
     }
   }
   return e;
 }
-function at(t, n, e, i) {
+function ft(t, n, e, i) {
   let r = !1;
   for (let o = 0, l = n.length; o < l; o++) {
-    let s = n[o], a = e && e[t.length], g;
-    if (!(s == null || s === !0 || s === !1)) if ((g = typeof s) == "object" && s.nodeType)
+    let s = n[o], a = e && e[t.length], h;
+    if (!(s == null || s === !0 || s === !1)) if ((h = typeof s) == "object" && s.nodeType)
       t.push(s);
     else if (Array.isArray(s))
-      r = at(t, s, a) || r;
-    else if (g === "function")
+      r = ft(t, s, a) || r;
+    else if (h === "function")
       if (i) {
         for (; typeof s == "function"; ) s = s();
-        r = at(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
+        r = ft(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
       } else
         t.push(s), r = !0;
     else {
-      const f = String(s);
-      a && a.nodeType === 3 && a.data === f ? t.push(a) : t.push(document.createTextNode(f));
+      const d = String(s);
+      a && a.nodeType === 3 && a.data === d ? t.push(a) : t.push(document.createTextNode(d));
     }
   }
   return r;
 }
-function gt(t, n, e = null) {
+function mt(t, n, e = null) {
   for (let i = 0, r = n.length; i < r; i++) t.insertBefore(n[i], e);
 }
-function R(t, n, e, i) {
+function O(t, n, e, i) {
   if (e === void 0) return t.textContent = "";
   const r = i || document.createTextNode("");
   if (n.length) {
@@ -361,43 +361,43 @@ function R(t, n, e, i) {
   } else t.insertBefore(r, e);
   return [r];
 }
-function Ht(t) {
+function Qt(t) {
   return Object.keys(t).reduce((e, i) => {
     const r = t[i];
-    return e[i] = Object.assign({}, r), Pt(r.value) && !Zt(r.value) && !Array.isArray(r.value) && (e[i].value = Object.assign({}, r.value)), Array.isArray(r.value) && (e[i].value = r.value.slice(0)), e;
+    return e[i] = Object.assign({}, r), It(r.value) && !re(r.value) && !Array.isArray(r.value) && (e[i].value = Object.assign({}, r.value)), Array.isArray(r.value) && (e[i].value = r.value.slice(0)), e;
   }, {});
 }
-function qt(t) {
+function Yt(t) {
   return t ? Object.keys(t).reduce((e, i) => {
     const r = t[i];
-    return e[i] = Pt(r) && "value" in r ? r : {
+    return e[i] = It(r) && "value" in r ? r : {
       value: r
-    }, e[i].attribute || (e[i].attribute = Xt(i)), e[i].parse = "parse" in e[i] ? e[i].parse : typeof e[i].value != "string", e;
+    }, e[i].attribute || (e[i].attribute = ne(i)), e[i].parse = "parse" in e[i] ? e[i].parse : typeof e[i].value != "string", e;
   }, {}) : {};
 }
-function Jt(t) {
+function te(t) {
   return Object.keys(t).reduce((e, i) => (e[i] = t[i].value, e), {});
 }
-function Gt(t, n) {
-  const e = Ht(n);
+function ee(t, n) {
+  const e = Qt(n);
   return Object.keys(n).forEach((r) => {
     const o = e[r], l = t.getAttribute(o.attribute), s = t[r];
-    l != null && (o.value = o.parse ? Tt(l) : l), s != null && (o.value = Array.isArray(s) ? s.slice(0) : s), o.reflect && bt(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
+    l != null && (o.value = o.parse ? $t(l) : l), s != null && (o.value = Array.isArray(s) ? s.slice(0) : s), o.reflect && Ct(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
       get() {
         return o.value;
       },
       set(a) {
-        const g = o.value;
-        o.value = a, o.reflect && bt(this, o.attribute, o.value, !!o.parse);
-        for (let f = 0, d = this.__propertyChangedCallbacks.length; f < d; f++)
-          this.__propertyChangedCallbacks[f](r, a, g);
+        const h = o.value;
+        o.value = a, o.reflect && Ct(this, o.attribute, o.value, !!o.parse);
+        for (let d = 0, w = this.__propertyChangedCallbacks.length; d < w; d++)
+          this.__propertyChangedCallbacks[d](r, a, h);
       },
       enumerable: !0,
       configurable: !0
     });
   }), e;
 }
-function Tt(t) {
+function $t(t) {
   if (t)
     try {
       return JSON.parse(t);
@@ -405,25 +405,25 @@ function Tt(t) {
       return t;
     }
 }
-function bt(t, n, e, i) {
+function Ct(t, n, e, i) {
   if (e == null || e === !1) return t.removeAttribute(n);
   let r = i ? JSON.stringify(e) : e;
   t.__updating[n] = !0, r === "true" && (r = ""), t.setAttribute(n, r), Promise.resolve().then(() => delete t.__updating[n]);
 }
-function Xt(t) {
+function ne(t) {
   return t.replace(/\.?([A-Z]+)/g, (n, e) => "-" + e.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function Pt(t) {
+function It(t) {
   return t != null && (typeof t == "object" || typeof t == "function");
 }
-function Zt(t) {
+function re(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
-function Qt(t) {
+function ie(t) {
   return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-let ot;
-function Yt(t, n) {
+let ut;
+function se(t, n) {
   const e = Object.keys(n);
   return class extends t {
     static get observedAttributes() {
@@ -436,16 +436,16 @@ function Yt(t, n) {
     }
     connectedCallback() {
       if (this.__initialized) return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Gt(this, n);
-      const r = Jt(this.props), o = this.Component, l = ot;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = ee(this, n);
+      const r = te(this.props), o = this.Component, l = ut;
       try {
-        ot = this, this.__initialized = !0, Qt(o) ? new o(r, {
+        ut = this, this.__initialized = !0, ie(o) ? new o(r, {
           element: this
         }) : o(r, {
           element: this
         });
       } finally {
-        ot = l;
+        ut = l;
       }
     }
     async disconnectedCallback() {
@@ -458,7 +458,7 @@ function Yt(t, n) {
     attributeChangedCallback(r, o, l) {
       if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in n)) {
         if (l == null && !this[r]) return;
-        this[r] = n[r].parse ? Tt(l) : l;
+        this[r] = n[r].parse ? $t(l) : l;
       }
     }
     lookupProp(r) {
@@ -478,7 +478,7 @@ function Yt(t, n) {
     }
   };
 }
-function te(t, n = {}, e = {}) {
+function oe(t, n = {}, e = {}) {
   const {
     BaseElement: i = HTMLElement,
     extension: r,
@@ -486,13 +486,13 @@ function te(t, n = {}, e = {}) {
   } = e;
   return (l) => {
     let s = o.get(t);
-    return s ? (s.prototype.Component = l, s) : (s = Yt(i, qt(n)), s.prototype.Component = l, s.prototype.registeredTag = t, o.define(t, s, r), s);
+    return s ? (s.prototype.Component = l, s) : (s = se(i, Yt(n)), s.prototype.Component = l, s.prototype.registeredTag = t, o.define(t, s, r), s);
   };
 }
-function ee(t) {
+function le(t) {
   const n = Object.keys(t), e = {};
   for (let i = 0; i < n.length; i++) {
-    const [r, o] = Ct(t[n[i]]);
+    const [r, o] = kt(t[n[i]]);
     Object.defineProperty(e, n[i], {
       get: r,
       set(l) {
@@ -502,30 +502,30 @@ function ee(t) {
   }
   return e;
 }
-function ne(t) {
+function ae(t) {
   if (t.assignedSlot && t.assignedSlot._$owner) return t.assignedSlot._$owner;
   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 re(t) {
+function ce(t) {
   return (n, e) => {
     const { element: i } = e;
-    return Dt((r) => {
-      const o = ee(n);
+    return Ft((r) => {
+      const o = le(n);
       i.addPropertyChangedCallback((s, a) => o[s] = a), i.addReleaseCallback(() => {
         i.renderRoot.textContent = "", r();
       });
       const l = t(o, e);
       return P(i.renderRoot, l);
-    }, ne(i));
+    }, ae(i));
   };
 }
-function ie(t, n, e) {
-  return arguments.length === 2 && (e = n, n = {}), te(t, n)(re(e));
+function ue(t, n, e) {
+  return arguments.length === 2 && (e = n, n = {}), oe(t, n)(ce(e));
 }
-const se = `
+const de = `
 :host([theme="dark"]) {
   color-scheme: only dark;
 }
@@ -583,52 +583,70 @@ const se = `
   }
 }
 `;
-var oe = /* @__PURE__ */ z('<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>'), le = /* @__PURE__ */ z('<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">'), ae = /* @__PURE__ */ z('<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>'), ce = /* @__PURE__ */ z('<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>'), ue = /* @__PURE__ */ z('<svg part=icon class="dictate-button__icon dictate-button__icon--processing"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round role=img aria-hidden=true><path d="M12 2v4"></path><path d="M12 18v4"></path><path d="M4.93 4.93l2.83 2.83"></path><path d="M16.24 16.24l2.83 2.83"></path><path d="M2 12h4"></path><path d="M18 12h4"></path><path d="M4.93 19.07l2.83-2.83"></path><path d="M16.24 7.76l2.83-2.83">');
-console.debug("[dictate-button] version:", "2.1.1");
-const fe = "wss://api.dictate-button.io/v2/transcribe", A = "dictate-button.io", lt = -70, yt = -10, _t = 0, de = 4, pe = 0.25, he = 0.05;
-customElements.get("dictate-button") ? console.debug("[dictate-button] We don't require importing the dictate-button component separately anymore, so you may remove the script tag which imports https://cdn.dictate-button.io/dictate-button.js from the HTML head.") : ie("dictate-button", {
+var fe = /* @__PURE__ */ K('<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 type=button part=button class=dictate-button__button>'), pe = /* @__PURE__ */ K('<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">'), he = /* @__PURE__ */ K('<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>'), ge = /* @__PURE__ */ K('<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>'), be = /* @__PURE__ */ K('<svg part=icon class="dictate-button__icon dictate-button__icon--processing"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round role=img aria-hidden=true><path d="M12 2v4"></path><path d="M12 18v4"></path><path d="M4.93 4.93l2.83 2.83"></path><path d="M16.24 16.24l2.83 2.83"></path><path d="M2 12h4"></path><path d="M18 12h4"></path><path d="M4.93 19.07l2.83-2.83"></path><path d="M16.24 7.76l2.83-2.83">');
+console.debug("[dictate-button] version:", "2.2.0");
+const ye = "wss://api.dictate-button.io/v2/transcribe", T = "dictate-button.io", we = 2e3, _e = 7e3, dt = -70, St = -10, Et = 0, ve = 4, me = 0.25, Ce = 0.05;
+customElements.get("dictate-button") ? console.debug("[dictate-button] We don't require importing the dictate-button component separately anymore, so you may remove the script tag which imports https://cdn.dictate-button.io/dictate-button.js from the HTML head.") : ue("dictate-button", {
   size: 30,
-  apiEndpoint: fe,
+  apiEndpoint: ye,
   language: "en"
 }, (t, {
   element: n
 }) => {
   console.debug("[dictate-button] api:", t.apiEndpoint);
-  const [e, i] = Ct("idle");
-  let r = null, o = null, l = null, s = "", a = "", g = -1, f = "", d = null, m = null, c = null, T = null, F = !1, O = 0;
-  const Lt = (u) => u <= lt ? 0 : u >= yt ? 1 : (u - lt) / (yt - lt), Mt = (u) => {
-    let _ = 0;
-    for (let v = 0; v < u.length; v++) {
-      const h = (u[v] - 128) / 128;
-      _ += h * h;
+  const [e, i] = kt("idle");
+  let r = null, o = null, l = null, s = "", a = "", h = -1, d = "", w = 0, C = null, c = null, x = null, M = null, $ = null, W = !1, I = 0;
+  const Dt = (u) => u <= dt ? 0 : u >= St ? 1 : (u - dt) / (St - dt), Nt = (u) => {
+    let y = 0;
+    for (let m = 0; m < u.length; m++) {
+      const p = (u[m] - 128) / 128;
+      y += p * p;
     }
-    return Math.sqrt(_ / u.length);
-  }, Rt = (u) => 20 * Math.log10(Math.max(u, 1e-8)), ut = (u) => {
-    const _ = n.shadowRoot.querySelector(".dictate-button__button");
-    if (!_)
+    return Math.sqrt(y / u.length);
+  }, jt = (u) => 20 * Math.log10(Math.max(u, 1e-8)), ht = (u) => {
+    const y = n.shadowRoot.querySelector(".dictate-button__button");
+    if (!y)
       return;
-    const v = _t + u * (de - _t), h = 0 + u * 0.4;
-    _.style.boxShadow = `0 0 0 ${v}px light-dark(rgba(0, 0, 0, ${h}), rgba(255, 255, 255, ${h}))`;
-  }, ft = () => {
-    if (!F || !m || !T) return;
-    m.getByteTimeDomainData(T);
-    const u = Mt(T), _ = Rt(u), v = Lt(_), h = v > O ? pe : he;
-    O = h * v + (1 - h) * O, ut(O), requestAnimationFrame(ft);
+    const m = Et + u * (ve - Et), p = 0 + u * 0.4;
+    y.style.boxShadow = `0 0 0 ${m}px light-dark(rgba(0, 0, 0, ${p}), rgba(255, 255, 255, ${p}))`;
+  }, gt = () => {
+    if (!W || !x || !$) return;
+    x.getByteTimeDomainData($);
+    const u = Nt($), y = jt(u), m = Dt(y), p = m > I ? me : Ce;
+    I = p * m + (1 - p) * I, ht(I), requestAnimationFrame(gt);
+  }, ot = () => [a, s, d].filter(Boolean).join(" "), H = () => {
+    if (e() !== "transcribing") return;
+    console.debug("[dictate-button] Connection lost");
+    const u = ot();
+    u && E(n, "dictate-end", u), E(n, "dictate-error", "Connection lost"), V(), L();
   }, L = () => {
-    r && (r.close(), r = null), c && (c.disconnect(), c = null), o && (o.getTracks().forEach((u) => u.stop()), o = null), l = null, s = "", a = "", g = -1, f = "", F = !1, d && d.state !== "closed" && d.close(), d = null, m = null, T = null, O = 0, ut(0);
+    if (C && (clearInterval(C), C = null), r && (r.close(), r = null), M && (M.disconnect(), M = null), o) {
+      for (const u of o.getTracks())
+        u.stop();
+      o = null;
+    }
+    l = null, s = "", a = "", h = -1, d = "", W = !1, c && c.state !== "closed" && c.close(), c = null, x = null, $ = null, I = 0, ht(0);
   };
   n.addEventListener("disconnected", L);
-  const dt = () => {
-    document.visibilityState === "hidden" && e() === "transcribing" && nt();
+  const bt = () => {
+    document.visibilityState === "hidden" && e() === "transcribing" && lt();
   };
-  document.addEventListener("visibilitychange", dt), ht(() => {
-    document.removeEventListener("visibilitychange", dt);
+  document.addEventListener("visibilitychange", bt);
+  const yt = () => {
+    e() === "transcribing" && H();
+  };
+  window.addEventListener("offline", yt);
+  const wt = () => {
+    e() === "transcribing" && H();
+  };
+  navigator.connection?.addEventListener("change", wt), vt(() => {
+    document.removeEventListener("visibilitychange", bt), window.removeEventListener("offline", yt), navigator.connection?.removeEventListener("change", wt);
   });
-  const pt = async (u) => {
+  const _t = async (u) => {
     if (e() === "idle") {
-      l = u, s = "", a = "", g = -1, f = "";
+      l = u, s = "", a = "", h = -1, d = "";
       try {
-        const _ = await navigator.mediaDevices.getUserMedia({
+        const y = await navigator.mediaDevices.getUserMedia({
           audio: {
             sampleRate: {
               ideal: 16e3
@@ -638,14 +656,15 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
             noiseSuppression: !0
           }
         });
-        o = _;
-        const $ = _.getAudioTracks()[0].getSettings().sampleRate || 48e3;
-        d = new (window.AudioContext || window.webkitAudioContext)({
-          sampleRate: $
+        o = y;
+        const D = y.getAudioTracks()[0].getSettings().sampleRate || 48e3;
+        c = new (window.AudioContext || // biome-ignore lint/suspicious/noExplicitAny: webkitAudioContext is a vendor prefix
+        window.webkitAudioContext)({
+          sampleRate: D
         });
-        const p = d.createMediaStreamSource(_);
-        m = d.createAnalyser(), m.fftSize = 2048, p.connect(m), T = new Uint8Array(m.fftSize);
-        const it = `
+        const f = c.createMediaStreamSource(y);
+        x = c.createAnalyser(), x.fftSize = 2048, f.connect(x), $ = new Uint8Array(x.fftSize);
+        const at = `
             class PcmProcessor extends AudioWorkletProcessor {
               constructor(options) {
                 super()
@@ -688,91 +707,101 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
               }
             }
             registerProcessor('pcm-processor', PcmProcessor)
-          `, K = new Blob([it], {
+          `, J = new Blob([at], {
           type: "application/javascript"
-        }), N = URL.createObjectURL(K);
-        await d.audioWorklet.addModule(N), URL.revokeObjectURL(N), c = new AudioWorkletNode(d, "pcm-processor", {
+        }), N = URL.createObjectURL(J);
+        await c.audioWorklet.addModule(N), URL.revokeObjectURL(N), M = new AudioWorkletNode(c, "pcm-processor", {
           processorOptions: {
-            inputSampleRate: $
+            inputSampleRate: D
           }
-        }), p.connect(c);
-        const D = new URL(t.apiEndpoint);
-        t.language && D.searchParams.set("language", t.language), r = new WebSocket(D.toString()), r.onmessage = (x) => {
+        }), f.connect(M);
+        const j = new URL(t.apiEndpoint);
+        t.language && j.searchParams.set("language", t.language), r = new WebSocket(j.toString()), r.onmessage = (S) => {
+          w = Date.now();
           try {
-            const C = JSON.parse(x.data);
-            if (C.type === "interim_transcript" && C.text) {
-              f = C.text;
-              const V = [a, s, f].filter(Boolean).join(" ");
-              E(n, "dictate-text", V);
-            } else if (C.type === "transcript" && C.text) {
-              const V = C.turn_order ?? 0, M = C.text;
-              f = "", V > g ? (s && (a = a ? a + " " + s : s), g = V, s = M) : M.length > s.length && M.startsWith(s.substring(0, Math.min(10, s.length))) ? s = M : s = s ? s + " " + M : M;
-              const Ot = a ? a + " " + s : s;
-              E(n, "dictate-text", Ot);
-            } else C.type === "error" && (console.error("[dictate-button] Server error:", C.error), E(n, "dictate-error", C.error), rt(), L());
-          } catch (C) {
-            console.error("[dictate-button] Error parsing message:", C);
+            const v = JSON.parse(S.data);
+            if (v.type === "heartbeat") return;
+            if (v.type === "session_closed") {
+              console.debug("[dictate-button] Session closed by server:", v.reason), H();
+              return;
+            }
+            if (v.type === "interim_transcript" && v.text) {
+              d = v.text;
+              const G = [a, s, d].filter(Boolean).join(" ");
+              E(n, "dictate-text", G);
+            } else if (v.type === "transcript" && v.text) {
+              const G = v.turn_order ?? 0, R = v.text;
+              d = "", G > h ? (s && (a = a ? `${a} ${s}` : s), h = G, s = R) : R.length > s.length && R.startsWith(s.substring(0, Math.min(10, s.length))) ? s = R : s = s ? `${s} ${R}` : R;
+              const Bt = a ? `${a} ${s}` : s;
+              E(n, "dictate-text", Bt);
+            } else v.type === "error" && (console.error("[dictate-button] Server error:", v.error), E(n, "dictate-error", v.error), V(), L());
+          } catch (v) {
+            console.error("[dictate-button] Error parsing message:", v);
           }
-        }, r.onerror = (x) => {
-          console.error("[dictate-button] WebSocket error:", x), E(n, "dictate-error", "Connection error"), rt(), L();
+        }, r.onerror = (S) => {
+          console.error("[dictate-button] WebSocket error:", S), E(n, "dictate-error", "Connection error"), V(), L();
         }, r.onclose = () => {
-        }, c.port.onmessage = (x) => {
-          r && r.readyState === WebSocket.OPEN && r.send(x.data);
-        }, E(n, "dictate-start", "Started transcribing"), F = !0, ft(), i("transcribing");
-      } catch (_) {
-        console.error("[dictate-button] Failed to start:", _), E(n, "dictate-error", "Failed to start transcription"), rt(), L();
+        }, M.port.onmessage = (S) => {
+          r && r.readyState === WebSocket.OPEN && r.send(S.data);
+        }, E(n, "dictate-start", "Started transcribing"), W = !0, gt(), w = Date.now(), C = setInterval(() => {
+          if (e() !== "transcribing") return;
+          const S = Date.now() - w;
+          S > _e && (console.debug(`[dictate-button] No messages for ${S}ms, connection lost`), H());
+        }, we), i("transcribing");
+      } catch (y) {
+        console.error("[dictate-button] Failed to start:", y), E(n, "dictate-error", "Failed to start transcription"), V(), L();
       }
     }
-  }, nt = () => {
+  }, lt = () => {
     if (e() === "transcribing")
-      if (F = !1, i("finalizing"), r && r.readyState === WebSocket.OPEN)
+      if (W = !1, i("finalizing"), r && r.readyState === WebSocket.OPEN)
         r.send(JSON.stringify({
           type: "close"
         })), setTimeout(() => {
-          const u = a ? a + (s ? " " + s : "") : s;
+          const u = ot();
           u && E(n, "dictate-end", u), L(), i("idle");
         }, 500);
       else {
-        const u = a ? a + (s ? " " + s : "") : s;
+        const u = ot();
         u && E(n, "dictate-end", u), L(), i("idle");
       }
-  }, rt = () => {
+  }, V = () => {
     i("error"), setTimeout(() => i("idle"), 2e3);
   };
-  let W;
-  return It(() => {
-    if (!W) return;
-    const u = me(W, {
+  let q;
+  return Kt(() => {
+    if (!q) return;
+    const u = ke(q, {
       onShortTap: () => {
-        e() === "idle" ? pt("short-tap") : e() === "transcribing" && l === "short-tap" && nt();
+        e() === "idle" ? _t("short-tap") : e() === "transcribing" && l === "short-tap" && lt();
       },
       onLongPressStart: () => {
-        e() === "idle" && pt("long-press");
+        e() === "idle" && _t("long-press");
       },
       onLongPressEnd: () => {
-        e() === "transcribing" && l === "long-press" && nt();
+        e() === "transcribing" && l === "long-press" && lt();
       }
     });
-    ht(u);
+    vt(u);
   }), (() => {
-    var u = oe(), _ = u.firstChild, v = _.nextSibling, h = v.nextSibling;
-    P(_, se), P(v, () => wt(e()));
-    var $ = W;
-    return typeof $ == "function" ? Vt($, h) : W = h, P(h, (() => {
-      var p = q(() => e() === "idle");
-      return () => p() && H(be, {});
-    })(), null), P(h, (() => {
-      var p = q(() => e() === "transcribing");
-      return () => p() && H(ye, {});
-    })(), null), P(h, (() => {
-      var p = q(() => e() === "finalizing");
-      return () => p() && H(we, {});
-    })(), null), P(h, (() => {
-      var p = q(() => e() === "error");
-      return () => p() && H(_e, {});
-    })(), null), X((p) => {
-      var it = `width:${t.size}px;height:${t.size}px"`, K = ge(e()), N = wt(e()), D = e() === "transcribing", x = e() === "transcribing" || e() === "finalizing";
-      return p.e = Kt(h, it, p.e), K !== p.t && I(h, "title", p.t = K), N !== p.a && I(h, "aria-label", p.a = N), D !== p.o && I(h, "aria-pressed", p.o = D), x !== p.i && I(h, "aria-busy", p.i = x), p;
+    var u = fe(), y = u.firstChild, m = y.nextSibling, p = m.nextSibling;
+    P(y, de), P(m, () => xt(e()));
+    var D = q;
+    return typeof D == "function" ? Zt(D, p) : q = p, P(p, (() => {
+      var f = Z(() => e() === "idle");
+      return () => f() && X(Ee, {});
+    })(), null), P(p, (() => {
+      var f = Z(() => e() === "transcribing");
+      return () => f() && X(xe, {});
+    })(), null), P(p, (() => {
+      var f = Z(() => e() === "finalizing");
+      return () => f() && X(Te, {});
+    })(), null), P(p, (() => {
+      var f = Z(() => e() === "error");
+      return () => f() && X(Ae, {});
+    })(), null), tt((f) => {
+      var at = `width:${t.size}px;height:${t.size}px"`, J = Se(e()), N = xt(e()), j = e() === "transcribing", S = e() === "transcribing" || e() === "finalizing";
+      return f.e = Xt(p, at, f.e), J !== f.t && B(p, "title", f.t = J), N !== f.a && B(p, "aria-label", f.a = N), j !== f.o && B(p, "aria-pressed", f.o = j), S !== f.i && B(p, "aria-busy", f.i = S), f;
     }, {
       e: void 0,
       t: void 0,
@@ -782,27 +811,27 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
     }), u;
   })();
 });
-const ge = (t) => {
+const Se = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${A})`;
+      return `Start dictation (${T})`;
     case "transcribing":
-      return `Stop dictation (${A})`;
+      return `Stop dictation (${T})`;
     case "finalizing":
-      return `Finalizing dictation (${A})`;
+      return `Finalizing dictation (${T})`;
     case "error":
-      return `Click to reset (${A})`;
+      return `Click to reset (${T})`;
   }
-}, wt = (t) => {
+}, xt = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${A})`;
+      return `Start dictation (${T})`;
     case "transcribing":
-      return `Transcribing. Click to stop (${A})`;
+      return `Transcribing. Click to stop (${T})`;
     case "finalizing":
-      return `Finalizing dictation. Please wait (${A})`;
+      return `Finalizing dictation. Please wait (${T})`;
     case "error":
-      return `Dictation error. Click to reset (${A})`;
+      return `Dictation error. Click to reset (${T})`;
   }
 }, E = (t, n, e) => {
   t.dispatchEvent(new CustomEvent(n, {
@@ -810,8 +839,8 @@ const ge = (t) => {
     bubbles: !0,
     composed: !0
   }));
-}, be = () => le(), ye = () => ae(), _e = () => ce(), we = () => ue();
-function me(t, {
+}, Ee = () => pe(), xe = () => he(), Ae = () => ge(), Te = () => be();
+function ke(t, {
   threshold: n = 500,
   preventScroll: e = !0,
   onShortTap: i,
@@ -819,26 +848,26 @@ function me(t, {
   onLongPressEnd: o
 } = {}) {
   let l, s = !1;
-  const a = (c) => c.preventDefault(), g = (c) => {
+  const a = (c) => c.preventDefault(), h = (c) => {
     l && clearTimeout(l), s = !1, c.preventDefault(), t.setPointerCapture(c.pointerId), l = window.setTimeout(() => {
       s = !0, r?.(c), t.dispatchEvent(new CustomEvent("longpress", {
         detail: c
       }));
     }, n);
-  }, f = (c) => {
+  }, d = (c) => {
     l && clearTimeout(l), t.releasePointerCapture(c.pointerId), s ? (o?.(c), t.dispatchEvent(new CustomEvent("longpressend", {
       detail: c
     }))) : (i?.(c), t.dispatchEvent(new CustomEvent("shorttap", {
       detail: c
     })));
-  }, d = (c) => {
+  }, w = (c) => {
     l && clearTimeout(l), t.releasePointerCapture(c.pointerId), s && (o?.(c), t.dispatchEvent(new CustomEvent("longpressend", {
       detail: c
     }))), s = !1;
-  }, m = (c) => {
+  }, C = (c) => {
     c.preventDefault(), c.stopPropagation();
   };
-  return e && (t.style.touchAction = "none", t.addEventListener("contextmenu", a)), t.addEventListener("pointerdown", g), t.addEventListener("pointerup", f), t.addEventListener("pointercancel", d), t.addEventListener("click", m), () => {
-    e && t.removeEventListener("contextmenu", a), t.removeEventListener("pointerdown", g), t.removeEventListener("pointerup", f), t.removeEventListener("pointercancel", d), t.removeEventListener("click", m);
+  return e && (t.style.touchAction = "none", t.addEventListener("contextmenu", a)), t.addEventListener("pointerdown", h), t.addEventListener("pointerup", d), t.addEventListener("pointercancel", w), t.addEventListener("click", C), () => {
+    e && t.removeEventListener("contextmenu", a), t.removeEventListener("pointerdown", h), t.removeEventListener("pointerup", d), t.removeEventListener("pointercancel", w), t.removeEventListener("click", C);
   };
 }

package/dist/libs/injectDictateButton.js

@@ -15,12 +15,12 @@ function S(t, o = {}) {
     const g = v(u);
     e.style.paddingRight = `${n + g * 2}px`;
     const s = document.createElement("dictate-button");
-    s.size = n, s.style.position = "absolute", s.style.right = "0", s.style.top = E(
+    s.size = n, s.style.position = "absolute", s.style.right = "0", s.style.top = `${E(
       r,
       u,
       e.tagName,
       n
-    ) + "px", s.style.marginRight = s.style.marginLeft = `${g}px`, s.style.marginTop = "0", s.style.marginBottom = "0", c && (s.apiEndpoint = c), s.language = y();
+    )}px`, s.style.marginRight = s.style.marginLeft = `${g}px`, s.style.marginTop = "0", s.style.marginBottom = "0", c && (s.apiEndpoint = c), s.language = y();
     let f = null, h = 0;
     s.addEventListener("dictate-start", (p) => {
       l && console.debug("dictate-start", p), f = e.selectionStart ?? e.value.length, h = 0, b(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Customizable Web Component that adds speech-to-text dictation capabilities to text fields",
   "keywords": [
     "custom-element",
@@ -60,20 +60,21 @@
   },
   "dependencies": {
     "solid-element": "^1.9.1",
-    "solid-js": "^1.9.10"
+    "solid-js": "^1.9.11"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.4.4",
     "@solidjs/testing-library": "^0.8.10",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/user-event": "^14.6.1",
-    "@vitest/ui": "^4.0.17",
-    "jsdom": "^27.4.0",
-    "prettier": "^3.8.0",
+    "@vitest/ui": "^4.0.18",
+    "jsdom": "^28.1.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.10",
-    "vite-plugin-static-copy": "^3.1.5",
-    "vitest": "^4.0.17"
+    "vite-plugin-static-copy": "^3.2.0",
+    "vitest": "^4.0.18"
   },
   "homepage": "https://github.com/dictate-button/dictate-button",
   "repository": {
@@ -85,8 +86,11 @@
   },
   "scripts": {
     "build": "vite build",
-    "format": "prettier --write './src/**/*.{js,jsx,ts,tsx}'",
     "deploy": "firebase deploy",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "check": "biome check .",
+    "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:ui": "vitest --ui"