npm - dictate-button - Versions diffs - 1.7.0 → 1.9.0 - Mend

dictate-button 1.7.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +13 -15
package/dist/dictate-button.d.ts +0 -1
package/dist/dictate-button.js +265 -279
package/dist/dictate-button.test.d.ts +0 -0
package/dist/inject-exclusive.d.ts +0 -1
package/dist/inject-exclusive.js +1 -0
package/dist/inject-inclusive.d.ts +0 -1
package/dist/inject-inclusive.js +1 -0
package/package.json +15 -7

package/README.md CHANGED Viewed

@@ -1,5 +1,6 @@
-# Dictate Button (Web Component)
+# Dictate Button
 ![NPM Version](https://img.shields.io/npm/v/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)
 A customizable web component that adds speech-to-text dictation capabilities to any text input, textarea field, or contenteditable element on your website.
@@ -46,10 +47,9 @@ Both auto-inject modes:
 #### Option 1: Using the exclusive auto-inject script
-In your HTML `<head>` tag, add the following script tags:
+In your HTML `<head>` tag, add the following script tag:
 ```html
-<script type="module" crossorigin src="https://cdn.dictate-button.io/dictate-button.js"></script>
 <script type="module" crossorigin src="https://cdn.dictate-button.io/inject-exclusive.js"></script>
 ```
@@ -65,10 +65,9 @@ Add the `data-dictate-button-on` attribute to any `textarea`, `input[type="text"
 #### Option 2: Using the inclusive auto-inject script
-In your HTML `<head>` tag, add the following script tags:
+In your HTML `<head>` tag, add the following script tag:
 ```html
-<script type="module" crossorigin src="https://cdn.dictate-button.io/dictate-button.js"></script>
 <script type="module" crossorigin src="https://cdn.dictate-button.io/inject-inclusive.js"></script>
 ```
@@ -96,15 +95,7 @@ Import the component and use it directly in your code:
 ### From NPM
-Import once for your app.
-The button component:
-```js
-import 'dictate-button'
-```
-The auto-inject script:
+Import once for your app:
 ```js
 // For selected text fields (with data-dictate-button-on attribute):
@@ -123,6 +114,7 @@ Tip: You can also import from subpaths (e.g., 'dictate-button/libs/injectDictate
 for smaller bundles, if your bundler resolves package subpath exports.
 ```js
+import 'dictate-button' // Required when using library functions directly
 import { injectDictateButton, injectDictateButtonOnLoad } from 'dictate-button/libs'
 // Inject dictate buttons immediately to matching elements
@@ -162,6 +154,12 @@ The dictate-button component emits the following events:
 - `transcribing:finished`: Fired when transcribing is complete. The event detail contains the transcribed text.
 - `transcribing:failed`: Fired when an error occurs during transcribing.
+The ideal scenario is when user first starts recording (`recording:started`), then stops recording (`recording:stopped`), then the recorded audio is sent to the server for processing (`transcribing:started`), and finally the transcribed text is received (`transcribing:finished`).
+> recording:started -> recording:stopped -> transcribing:started -> transcribing:finished
+In case of an error in recording or transcribing, the `recording:failed` or `transcribing:failed` event is fired, respectively.
 Example event handling:
 ```javascript
@@ -215,7 +213,7 @@ You can specify your own endpoint by setting the `apiEndpoint` attribute.
 The API expects:
 - POST request
 - Multipart form data with the following fields:
-  - `audio`: Audio data as a Blob (audio/webm format)
+  - `audio`: Audio data as a File (audio/webm format)
   - `origin`: The origin of the website (automatically added)
   - `language`: Optional language code (if provided as an attribute)
 - Response should be JSON with a `text` property containing the transcribed text

package/dist/dictate-button.d.ts CHANGED Viewed

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

package/dist/dictate-button.js CHANGED Viewed

@@ -1,54 +1,54 @@
-const xt = (t, n) => t === n, N = {
-  equals: xt
+const St = (t, n) => t === n, I = {
+  equals: St
 };
-let pt = wt;
-const S = 1, j = 2, ht = {
+let pt = _t;
+const x = 1, N = 2, ht = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var y = null;
-let G = null, St = null, g = null, _ = null, E = null, V = 0;
+var b = null;
+let W = null, xt = null, g = null, w = null, E = null, z = 0;
 function At(t, n) {
-  const e = g, r = y, o = t.length === 0, i = n === void 0 ? r : n, l = o ? ht : {
+  const e = g, o = b, r = t.length === 0, i = n === void 0 ? o : n, l = r ? ht : {
     owned: null,
     cleanups: null,
     context: i ? i.context : null,
     owner: i
-  }, s = o ? t : () => t(() => z(() => $(l)));
-  y = l, g = null;
+  }, s = r ? t : () => t(() => V(() => L(l)));
+  b = l, g = null;
   try {
-    return O(s, !0);
+    return M(s, !0);
   } finally {
-    g = e, y = r;
+    g = e, b = o;
   }
 }
 function gt(t, n) {
-  n = n ? Object.assign({}, N, n) : N;
+  n = n ? Object.assign({}, I, n) : I;
   const e = {
     value: t,
     observers: null,
     observerSlots: null,
     comparator: n.equals || void 0
-  }, r = (o) => (typeof o == "function" && (o = o(e.value)), yt(e, o));
-  return [bt.bind(e), r];
+  }, o = (r) => (typeof r == "function" && (r = r(e.value)), yt(e, r));
+  return [bt.bind(e), o];
 }
 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);
+  const o = Z(t, n, !1, x);
+  $(o);
 }
 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);
+  pt = Mt;
+  const o = Z(t, n, !1, x);
+  o.user = !0, E ? E.push(o) : $(o);
+}
+function Tt(t, n, e) {
+  e = e ? Object.assign({}, I, e) : I;
+  const o = Z(t, n, !0, 0);
+  return o.observers = null, o.observerSlots = null, o.comparator = e.equals || void 0, $(o), bt.bind(o);
 }
-function z(t) {
+function V(t) {
   if (g === null) return t();
   const n = g;
   g = null;
@@ -59,14 +59,14 @@ function z(t) {
   }
 }
 function Pt(t) {
-  return y === null || (y.cleanups === null ? y.cleanups = [t] : y.cleanups.push(t)), t;
+  return b === null || (b.cleanups === null ? b.cleanups = [t] : b.cleanups.push(t)), t;
 }
 function bt() {
   if (this.sources && this.state)
-    if (this.state === S) L(this);
+    if (this.state === x) $(this);
     else {
-      const t = _;
-      _ = null, O(() => K(this), !1), _ = t;
+      const t = w;
+      w = null, M(() => K(this), !1), w = t;
     }
   if (g) {
     const t = this.observers ? this.observers.length : 0;
@@ -75,125 +75,125 @@ function bt() {
   return this.value;
 }
 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);
+  let o = t.value;
+  return (!t.comparator || !t.comparator(o, n)) && (t.value = n, t.observers && t.observers.length && M(() => {
+    for (let r = 0; r < t.observers.length; r += 1) {
+      const i = t.observers[r], l = W && W.running;
+      l && W.disposed.has(i), (l ? !i.tState : !i.state) && (i.pure ? w.push(i) : E.push(i), i.observers && wt(i)), l || (i.state = x);
     }
-    if (_.length > 1e6)
-      throw _ = [], new Error();
+    if (w.length > 1e6)
+      throw w = [], new Error();
   }, !1)), n;
 }
-function L(t) {
+function $(t) {
   if (!t.fn) return;
-  $(t);
-  const n = V;
-  $t(t, t.value, n);
+  L(t);
+  const n = z;
+  Lt(t, t.value, n);
 }
-function $t(t, n, e) {
-  let r;
-  const o = y, i = g;
-  g = y = t;
+function Lt(t, n, e) {
+  let o;
+  const r = b, i = g;
+  g = b = t;
   try {
-    r = t.fn(n);
+    o = t.fn(n);
   } catch (l) {
-    return t.pure && (t.state = S, t.owned && t.owned.forEach($), t.owned = null), t.updatedAt = e + 1, vt(l);
+    return t.pure && (t.state = x, t.owned && t.owned.forEach(L), t.owned = null), t.updatedAt = e + 1, vt(l);
   } finally {
-    g = i, y = o;
+    g = i, b = r;
   }
-  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? yt(t, r) : t.value = r, t.updatedAt = e);
+  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? yt(t, o) : t.value = o, t.updatedAt = e);
 }
-function Z(t, n, e, r = S, o) {
+function Z(t, n, e, o = x, r) {
   const i = {
     fn: t,
-    state: r,
+    state: o,
     updatedAt: null,
     owned: null,
     sources: null,
     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 !== ht && (y.owned ? y.owned.push(i) : y.owned = [i]), i;
+  return b === null || b !== ht && (b.owned ? b.owned.push(i) : b.owned = [i]), i;
 }
 function F(t) {
   if (t.state === 0) return;
-  if (t.state === j) return K(t);
-  if (t.suspense && z(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  if (t.state === N) return K(t);
+  if (t.suspense && V(t.suspense.inFallback)) return t.suspense.effects.push(t);
   const n = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < V); )
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < z); )
     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 === j) {
-      const r = _;
-      _ = null, O(() => K(t, n[0]), !1), _ = r;
+    if (t = n[e], t.state === x)
+      $(t);
+    else if (t.state === N) {
+      const o = w;
+      w = null, M(() => K(t, n[0]), !1), w = o;
     }
 }
-function O(t, n) {
-  if (_) return t();
+function M(t, n) {
+  if (w) return t();
   let e = !1;
-  n || (_ = []), E ? e = !0 : E = [], V++;
+  n || (w = []), E ? e = !0 : E = [], z++;
   try {
-    const r = t();
-    return Lt(e), r;
-  } catch (r) {
-    e || (E = null), _ = null, vt(r);
+    const o = t();
+    return $t(e), o;
+  } catch (o) {
+    e || (E = null), w = null, vt(o);
   }
 }
-function Lt(t) {
-  if (_ && (wt(_), _ = null), t) return;
+function $t(t) {
+  if (w && (_t(w), w = null), t) return;
   const n = E;
-  E = null, n.length && O(() => pt(n), !1);
+  E = null, n.length && M(() => pt(n), !1);
 }
-function wt(t) {
+function _t(t) {
   for (let n = 0; n < t.length; n++) F(t[n]);
 }
-function Ot(t) {
+function Mt(t) {
   let n, e = 0;
   for (n = 0; n < t.length; n++) {
-    const r = t[n];
-    r.user ? t[e++] = r : F(r);
+    const o = t[n];
+    o.user ? t[e++] = o : F(o);
   }
   for (n = 0; n < e; n++) F(t[n]);
 }
 function K(t, n) {
   t.state = 0;
   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);
+    const o = t.sources[e];
+    if (o.sources) {
+      const r = o.state;
+      r === x ? o !== n && (!o.updatedAt || o.updatedAt < z) && F(o) : r === N && K(o, n);
     }
   }
 }
-function _t(t) {
+function wt(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));
+    e.state || (e.state = N, e.pure ? w.push(e) : E.push(e), e.observers && wt(e));
   }
 }
-function $(t) {
+function L(t) {
   let n;
   if (t.sources)
     for (; t.sources.length; ) {
-      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);
+      const e = t.sources.pop(), o = t.sourceSlots.pop(), r = e.observers;
+      if (r && r.length) {
+        const i = r.pop(), l = e.observerSlots.pop();
+        o < r.length && (i.sourceSlots[l] = o, r[o] = i, e.observerSlots[o] = l);
       }
     }
   if (t.tOwned) {
-    for (n = t.tOwned.length - 1; n >= 0; n--) $(t.tOwned[n]);
+    for (n = t.tOwned.length - 1; n >= 0; n--) L(t.tOwned[n]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (n = t.owned.length - 1; n >= 0; n--) $(t.owned[n]);
+    for (n = t.owned.length - 1; n >= 0; n--) L(t.owned[n]);
     t.owned = null;
   }
   if (t.cleanups) {
@@ -202,47 +202,47 @@ function $(t) {
   }
   t.state = 0;
 }
-function Mt(t) {
+function Ot(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function vt(t, n = y) {
-  throw Mt(t);
+function vt(t, n = b) {
+  throw Ot(t);
 }
-function B(t, n) {
-  return z(() => t(n || {}));
+function j(t, n) {
+  return V(() => t(n || {}));
 }
-const I = (t) => kt(() => t());
+const B = (t) => Tt(() => 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; ) {
+  let o = e.length, r = n.length, i = o, l = 0, s = 0, a = n[r - 1].nextSibling, d = null;
+  for (; l < r || s < i; ) {
     if (n[l] === e[s]) {
       l++, s++;
       continue;
     }
-    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 (; n[r - 1] === e[i - 1]; )
+      r--, i--;
+    if (r === l) {
+      const c = i < o ? s ? e[s - 1].nextSibling : e[i - s] : a;
       for (; s < i; ) t.insertBefore(e[s++], c);
     } else if (i === s)
-      for (; l < o; )
+      for (; l < r; )
         (!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 (n[l] === e[i - 1] && e[s] === n[r - 1]) {
+      const c = n[--r].nextSibling;
+      t.insertBefore(e[s++], n[l++].nextSibling), t.insertBefore(e[--i], c), n[r] = e[i];
     } else {
       if (!d) {
         d = /* @__PURE__ */ new Map();
-        let w = s;
-        for (; w < i; ) d.set(e[w], w++);
+        let y = s;
+        for (; y < i; ) d.set(e[y], y++);
       }
       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); )
+          let y = l, C = 1, p;
+          for (; ++y < r && y < i && !((p = d.get(n[y])) == null || p !== c + C); )
             C++;
           if (C > c - s) {
             const q = n[l];
@@ -253,144 +253,144 @@ function Rt(t, n, e) {
     }
   }
 }
-function M(t, n, e, r) {
-  let o;
+function O(t, n, e, o) {
+  let r;
   const i = () => {
     const s = document.createElement("template");
     return s.innerHTML = t, s.content.firstChild;
-  }, l = () => (o || (o = i())).cloneNode(!0);
+  }, l = () => (r || (r = i())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
 function P(t, n, e) {
   e == null ? t.removeAttribute(n) : t.setAttribute(n, e);
 }
-function Bt(t, n, e) {
+function jt(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;
+  const o = t.style;
+  if (typeof n == "string") return o.cssText = n;
+  typeof e == "string" && (o.cssText = e = void 0), e || (e = {}), n || (n = {});
+  let r, i;
   for (i in e)
-    n[i] == null && r.removeProperty(i), delete e[i];
+    n[i] == null && o.removeProperty(i), delete e[i];
   for (i in n)
-    o = n[i], o !== e[i] && (r.setProperty(i, o), e[i] = o);
+    r = n[i], r !== e[i] && (o.setProperty(i, r), e[i] = r);
   return e;
 }
-function It(t, n, e) {
-  return z(() => t(n, e));
+function Bt(t, n, e) {
+  return V(() => 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 A(t, n, e, o) {
+  if (e !== void 0 && !o && (o = []), typeof n != "function") return U(t, n, o, e);
+  D((r) => U(t, n(), r, e), o);
 }
-function U(t, n, e, r, o) {
+function U(t, n, e, o, r) {
   for (; typeof e == "function"; ) e = e();
   if (n === e) return e;
-  const i = typeof n, l = r !== void 0;
+  const i = typeof n, l = o !== 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 = e[0];
-      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = T(t, e, r, s);
+      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = k(t, e, o, s);
     } else
       e !== "" && typeof e == "string" ? e = t.firstChild.data = n : e = t.textContent = n;
   } else if (n == null || i === "boolean")
-    e = T(t, e, r);
+    e = k(t, e, o);
   else {
     if (i === "function")
       return D(() => {
         let s = n();
         for (; typeof s == "function"; ) s = s();
-        e = U(t, s, e, r);
+        e = U(t, s, e, o);
       }), () => 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 (X(s, n, e, r))
+        return D(() => e = U(t, s, e, o, !0)), () => e;
       if (s.length === 0) {
-        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));
+        if (e = k(t, e, o), l) return e;
+      } else a ? e.length === 0 ? at(t, s, o) : Rt(t, e, s) : (e && k(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);
+        if (l) return e = k(t, e, o, n);
+        k(t, e, null, n);
       } else e == null || e === "" || !t.firstChild ? t.appendChild(n) : t.replaceChild(n, t.firstChild);
       e = n;
     }
   }
   return e;
 }
-function X(t, n, e, r) {
-  let o = !1;
+function X(t, n, e, o) {
+  let r = !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))
-      o = X(t, s, a) || o;
+      r = X(t, s, a) || r;
     else if (d === "function")
-      if (r) {
+      if (o) {
         for (; typeof s == "function"; ) s = s();
-        o = X(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || o;
+        r = X(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
       } else
-        t.push(s), o = !0;
+        t.push(s), r = !0;
     else {
       const c = String(s);
       a && a.nodeType === 3 && a.data === c ? t.push(a) : t.push(document.createTextNode(c));
     }
   }
-  return o;
+  return r;
 }
 function at(t, n, e = null) {
-  for (let r = 0, o = n.length; r < o; r++) t.insertBefore(n[r], e);
+  for (let o = 0, r = n.length; o < r; o++) t.insertBefore(n[o], e);
 }
-function T(t, n, e, r) {
+function k(t, n, e, o) {
   if (e === void 0) return t.textContent = "";
-  const o = r || document.createTextNode("");
+  const r = o || document.createTextNode("");
   if (n.length) {
     let i = !1;
     for (let l = n.length - 1; l >= 0; l--) {
       const s = n[l];
-      if (o !== s) {
+      if (r !== s) {
         const a = s.parentNode === t;
-        !i && !l ? a ? t.replaceChild(o, s) : t.insertBefore(o, e) : a && s.remove();
+        !i && !l ? a ? t.replaceChild(r, s) : t.insertBefore(r, e) : a && s.remove();
       } else i = !0;
     }
-  } else t.insertBefore(o, e);
-  return [o];
+  } else t.insertBefore(r, e);
+  return [r];
 }
-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 It(t) {
+  return Object.keys(t).reduce((e, o) => {
+    const r = t[o];
+    return e[o] = Object.assign({}, r), mt(r.value) && !Ut(r.value) && !Array.isArray(r.value) && (e[o].value = Object.assign({}, r.value)), Array.isArray(r.value) && (e[o].value = r.value.slice(0)), e;
   }, {});
 }
-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 Nt(t) {
+  return t ? Object.keys(t).reduce((e, o) => {
+    const r = t[o];
+    return e[o] = mt(r) && "value" in r ? r : {
+      value: r
+    }, e[o].attribute || (e[o].attribute = Kt(o)), e[o].parse = "parse" in e[o] ? e[o].parse : typeof e[o].value != "string", e;
   }, {}) : {};
 }
 function Dt(t) {
-  return Object.keys(t).reduce((e, r) => (e[r] = t[r].value, e), {});
+  return Object.keys(t).reduce((e, o) => (e[o] = t[o].value, e), {});
 }
 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, {
+  const e = It(n);
+  return Object.keys(n).forEach((r) => {
+    const i = e[r], l = t.getAttribute(i.attribute), s = t[r];
+    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, r, {
       get() {
         return i.value;
       },
       set(a) {
         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);
+        for (let c = 0, y = this.__propertyChangedCallbacks.length; c < y; c++)
+          this.__propertyChangedCallbacks[c](r, a, d);
       },
       enumerable: !0,
       configurable: !0
@@ -405,10 +405,10 @@ function Ct(t) {
       return t;
     }
 }
-function ct(t, n, e, r) {
+function ct(t, n, e, o) {
   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]);
+  let r = o ? JSON.stringify(e) : e;
+  t.__updating[n] = !0, r === "true" && (r = ""), t.setAttribute(n, r), Promise.resolve().then(() => delete t.__updating[n]);
 }
 function Kt(t) {
   return t.replace(/\.?([A-Z]+)/g, (n, e) => "-" + e.toLowerCase()).replace("_", "-").replace(/^-/, "");
@@ -419,82 +419,82 @@ function mt(t) {
 function Ut(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
-function Vt(t) {
+function zt(t) {
   return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-let W;
-function zt(t, n) {
+let G;
+function Vt(t, n) {
   const e = Object.keys(n);
   return class extends t {
     static get observedAttributes() {
-      return e.map((o) => n[o].attribute);
+      return e.map((r) => n[r].attribute);
     }
     constructor() {
       super(), this.__initialized = !1, this.__released = !1, this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = {};
-      for (let o of e)
-        this[o] = void 0;
+      for (let r of e)
+        this[r] = void 0;
     }
     connectedCallback() {
       if (this.__initialized) return;
       this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Ft(this, n);
-      const o = Dt(this.props), i = this.Component, l = W;
+      const r = Dt(this.props), i = this.Component, l = G;
       try {
-        W = this, this.__initialized = !0, Vt(i) ? new i(o, {
+        G = this, this.__initialized = !0, zt(i) ? new i(r, {
           element: this
-        }) : i(o, {
+        }) : i(r, {
           element: this
         });
       } finally {
-        W = l;
+        G = l;
       }
     }
     async disconnectedCallback() {
       if (await Promise.resolve(), this.isConnected) return;
       this.__propertyChangedCallbacks.length = 0;
-      let o = null;
-      for (; o = this.__releaseCallbacks.pop(); ) o(this);
+      let r = null;
+      for (; r = this.__releaseCallbacks.pop(); ) r(this);
       delete this.__initialized, this.__released = !0;
     }
-    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;
+    attributeChangedCallback(r, i, 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 ? Ct(l) : l;
       }
     }
-    lookupProp(o) {
+    lookupProp(r) {
       if (n)
-        return e.find((i) => o === i || o === n[i].attribute);
+        return e.find((i) => r === i || r === n[i].attribute);
     }
     get renderRoot() {
       return this.shadowRoot || this.attachShadow({
         mode: "open"
       });
     }
-    addReleaseCallback(o) {
-      this.__releaseCallbacks.push(o);
+    addReleaseCallback(r) {
+      this.__releaseCallbacks.push(r);
     }
-    addPropertyChangedCallback(o) {
-      this.__propertyChangedCallbacks.push(o);
+    addPropertyChangedCallback(r) {
+      this.__propertyChangedCallbacks.push(r);
     }
   };
 }
 function qt(t, n = {}, e = {}) {
   const {
-    BaseElement: r = HTMLElement,
-    extension: o,
+    BaseElement: o = HTMLElement,
+    extension: r,
     customElements: i = window.customElements
   } = e;
   return (l) => {
     let s = i.get(t);
-    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);
+    return s ? (s.prototype.Component = l, s) : (s = Vt(o, Nt(n)), s.prototype.Component = l, s.prototype.registeredTag = t, i.define(t, s, r), s);
   };
 }
 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,
+  for (let o = 0; o < n.length; o++) {
+    const [r, i] = gt(t[n[o]]);
+    Object.defineProperty(e, n[o], {
+      get: r,
       set(l) {
         i(() => l);
       }
@@ -502,28 +502,28 @@ function Ht(t) {
   }
   return e;
 }
-function Gt(t) {
+function Wt(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 Wt(t) {
+function Gt(t) {
   return (n, e) => {
-    const { element: r } = e;
-    return At((o) => {
+    const { element: o } = e;
+    return At((r) => {
       const i = Ht(n);
-      r.addPropertyChangedCallback((s, a) => i[s] = a), r.addReleaseCallback(() => {
-        r.renderRoot.textContent = "", o();
+      o.addPropertyChangedCallback((s, a) => i[s] = a), o.addReleaseCallback(() => {
+        o.renderRoot.textContent = "", r();
       });
       const l = t(i, e);
-      return A(r.renderRoot, l);
-    }, Gt(r));
+      return A(o.renderRoot, l);
+    }, Wt(o));
   };
 }
 function Jt(t, n, e) {
-  return arguments.length === 2 && (e = n, n = {}), qt(t, n)(Wt(e));
+  return arguments.length === 2 && (e = n, n = {}), qt(t, n)(Gt(e));
 }
 const Xt = `
 :host([theme="dark"]) {
@@ -583,62 +583,56 @@ const Xt = `
   }
 }
 `;
-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", {
+var Zt = /* @__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>'), Qt = /* @__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">'), Yt = /* @__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>'), te = /* @__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">'), ee = /* @__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.9.0");
+const ne = "https://api.dictate-button.io/transcribe", S = "dictate-button.io", J = -70, ut = -10, dt = 0, re = 4, oe = 0.25, ie = 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.") : Jt("dictate-button", {
   size: 30,
   apiEndpoint: ne,
-  language: void 0,
-  audioFeedback: !0
+  language: void 0
 }, (t, {
   element: n
 }) => {
   console.debug("api", t.apiEndpoint);
-  const [e, r] = gt("idle");
-  let o = null, i = null, l = [], s = null, a = null, d = null, c = null, w = !1, C = 0;
+  const [e, o] = gt("idle");
+  let r = null, i = null, l = [], s = null, a = null, d = null, c = null, y = !1, C = 0;
   const p = (f) => f <= J ? 0 : f >= ut ? 1 : (f - J) / (ut - J), q = (f) => {
-    let b = 0;
+    let _ = 0;
     for (let v = 0; v < f.length; v++) {
       const u = (f[v] - 128) / 128;
-      b += u * u;
+      _ += u * u;
     }
-    return Math.sqrt(b / f.length);
+    return Math.sqrt(_ / f.length);
   }, Et = (f) => 20 * Math.log10(Math.max(f, 1e-8)), Q = (f) => {
-    const b = n.shadowRoot.querySelector(".dictate-button__button");
-    if (!b)
+    const _ = n.shadowRoot.querySelector(".dictate-button__button");
+    if (!_)
       return;
     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}))`;
+    _.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;
+    if (!y || !d || !c) return;
     d.getByteTimeDomainData(c);
-    const f = q(c), b = Et(f), v = p(b), u = v > C ? oe : ie;
+    const f = q(c), _ = Et(f), v = p(_), 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);
+    r && r.state !== "inactive" && r.stop(), i && (i.getTracks().forEach((f) => f.stop()), i = null), l = [], s = null, y = !1, a && a.state !== "closed" && a.close(), a = null, d = null, c = null, C = 0, Q(0);
   };
   n.addEventListener("disconnected", tt);
   const et = async (f) => {
     if (e() === "idle") {
       s = f;
       try {
-        t.audioFeedback && fe();
-      } catch (b) {
-        console.warn("Failed to play starting sound:", b);
-      }
-      try {
-        const b = await navigator.mediaDevices.getUserMedia({
+        const _ = await navigator.mediaDevices.getUserMedia({
           audio: !0
         });
-        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, {
+        i = _, a = new (window.AudioContext || window.webkitAudioContext)();
+        const v = a.createMediaStreamSource(_);
+        d = a.createAnalyser(), d.fftSize = 2048, v.connect(d), c = new Uint8Array(d.fftSize), r = new MediaRecorder(_, {
           mimeType: "audio/webm"
-        }), l = [], o.ondataavailable = (u) => {
+        }), l = [], r.ondataavailable = (u) => {
           l.push(u.data);
-        }, o.onstop = async () => {
-          w = !1, r("processing"), k(n, "transcribing:started", "Started transcribing");
+        }, r.onstop = async () => {
+          y = !1, o("processing"), T(n, "transcribing:started", "Started transcribing");
           const u = new Blob(l, {
             type: "audio/webm"
           });
@@ -652,22 +646,22 @@ Jt("dictate-button", {
             if (!h.ok) throw new Error("Failed to transcribe audio");
             const H = await h.json();
             if (e() !== "processing") return;
-            k(n, "transcribing:finished", H.text), r("idle");
+            T(n, "transcribing:finished", H.text), o("idle");
           } catch (m) {
-            console.error("Failed to transcribe audio:", m), k(n, "transcribing:failed", "Failed to transcribe audio"), rt();
+            console.error("Failed to transcribe audio:", m), T(n, "transcribing:failed", "Failed to transcribe audio"), rt();
           }
-        }, 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();
+        }, r.start(), T(n, "recording:started", "Started recording"), y = !0, Y(), o("recording");
+      } catch (_) {
+        console.error("Failed to start recording:", _), T(n, "recording:failed", "Failed to start recording"), rt();
       }
     }
   }, nt = () => {
-    e() === "recording" && (k(n, "recording:stopped", "Stopped recording"), r("idle"), tt());
+    e() === "recording" && (T(n, "recording:stopped", "Stopped recording"), o("idle"), tt());
   }, rt = () => {
-    r("error"), setTimeout(() => r("idle"), 2e3);
+    o("error"), setTimeout(() => o("idle"), 2e3);
   };
   let R;
-  return Tt(() => {
+  return kt(() => {
     if (!R) return;
     const f = de(R, {
       onShortTap: () => {
@@ -682,24 +676,24 @@ Jt("dictate-button", {
     });
     Pt(f);
   }), (() => {
-    var f = Zt(), b = f.firstChild, v = b.nextSibling, u = v.nextSibling;
-    A(b, Xt), A(v, () => ft(e()));
+    var f = Zt(), _ = f.firstChild, v = _.nextSibling, u = v.nextSibling;
+    A(_, 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, {});
+    return typeof m == "function" ? Bt(m, u) : R = u, A(u, (() => {
+      var h = B(() => e() === "idle");
+      return () => h() && j(le, {});
     })(), null), A(u, (() => {
-      var h = I(() => e() === "recording");
-      return () => h() && B(ae, {});
+      var h = B(() => e() === "recording");
+      return () => h() && j(ae, {});
     })(), null), A(u, (() => {
-      var h = I(() => e() === "processing");
-      return () => h() && B(ce, {});
+      var h = B(() => e() === "processing");
+      return () => h() && j(ce, {});
     })(), null), A(u, (() => {
-      var h = I(() => e() === "error");
-      return () => h() && B(ue, {});
+      var h = B(() => e() === "error");
+      return () => h() && j(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;
+      return h.e = jt(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,
@@ -712,26 +706,26 @@ Jt("dictate-button", {
 const se = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${x})`;
+      return `Start dictation (${S})`;
     case "recording":
-      return `Stop dictation (${x})`;
+      return `Stop dictation (${S})`;
     case "processing":
-      return `Stop processing (${x})`;
+      return `Stop processing (${S})`;
     case "error":
-      return `Click to reset (${x})`;
+      return `Click to reset (${S})`;
   }
 }, ft = (t) => {
   switch (t) {
     case "idle":
-      return `Start dictation (${x})`;
+      return `Start dictation (${S})`;
     case "recording":
-      return `Dictation in progress. Click to stop it (${x})`;
+      return `Dictation in progress. Click to stop it (${S})`;
     case "processing":
-      return `Processing dictation. Click to cancel it (${x})`;
+      return `Processing dictation. Click to cancel it (${S})`;
     case "error":
-      return `Dictation error. Click to reset (${x})`;
+      return `Dictation error. Click to reset (${S})`;
   }
-}, k = (t, n, e) => {
+}, T = (t, n, e) => {
   t.dispatchEvent(new CustomEvent(n, {
     detail: e,
     bubbles: !0,
@@ -741,37 +735,29 @@ const se = (t) => {
 function de(t, {
   threshold: n = 500,
   preventScroll: e = !0,
-  onShortTap: r,
-  onLongPressStart: o,
+  onShortTap: o,
+  onLongPressStart: r,
   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", {
+      s = !0, r?.(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", {
+    }))) : (o?.(p), t.dispatchEvent(new CustomEvent("shorttap", {
       detail: p
     })));
-  }, w = (p) => {
+  }, y = (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();
+  return e && (t.style.touchAction = "none", t.addEventListener("contextmenu", a)), t.addEventListener("pointerdown", d), t.addEventListener("pointerup", c), t.addEventListener("pointercancel", y), t.addEventListener("click", C), () => {
+    e && t.removeEventListener("contextmenu", a), t.removeEventListener("pointerdown", d), t.removeEventListener("pointerup", c), t.removeEventListener("pointercancel", y), t.removeEventListener("click", C);
   };
 }

package/dist/dictate-button.test.d.ts ADDED Viewed

File without changes

package/dist/inject-exclusive.d.ts CHANGED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/inject-exclusive.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./dictate-button.js";
 import { injectDictateButtonOnLoad as t } from "./libs/injectDictateButtonOnLoad.js";
 const a = 30, n = !0, e = !1, o = [
   "textarea[data-dictate-button-on]:not([data-dictate-button-enabled])",

package/dist/inject-inclusive.d.ts CHANGED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/inject-inclusive.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./dictate-button.js";
 import { injectDictateButtonOnLoad as t } from "./libs/injectDictateButtonOnLoad.js";
 const a = 30, n = !0, o = !1, e = [
   "textarea:not([data-dictate-button-off]):not([data-dictate-button-enabled])",

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "dictate-button",
-  "version": "1.7.0",
-  "description": "Dictate Button (Web Component)",
+  "version": "1.9.0",
+  "description": "Customizable Web Component that adds speech-to-text dictation capabilities to text fields",
   "keywords": [
     "custom-element",
     "dictate",
@@ -60,15 +60,20 @@
   },
   "dependencies": {
     "solid-element": "^1.9.1",
-    "solid-js": "^1.9.9"
+    "solid-js": "^1.9.10"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^0.8.10",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitest/ui": "^4.0.10",
+    "jsdom": "^27.2.0",
     "prettier": "^3.6.2",
     "typescript": "^5.9.3",
-    "vite": "^7.1.10",
+    "vite": "^7.2.2",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-solid": "^2.11.9",
-    "vite-plugin-static-copy": "^3.1.4"
+    "vite-plugin-solid": "^2.11.10",
+    "vite-plugin-static-copy": "^3.1.4",
+    "vitest": "^4.0.10"
   },
   "homepage": "https://github.com/dictate-button/dictate-button",
   "repository": {
@@ -81,6 +86,9 @@
   "scripts": {
     "build": "vite build",
     "format": "prettier --write './src/**/*.{js,jsx,ts,tsx}'",
-    "deploy": "firebase deploy"
+    "deploy": "firebase deploy",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
   }
 }