dictate-button 2.0.0 → 2.0.1

package/dist/dictate-button.js

@@ -11,17 +11,17 @@ const T = 1, H = 2, bt = {
 var y = null;
 let et = null, Mt = null, b = null, w = null, S = null, Q = 0;
 function Lt(t, e) {
-  const n = b, s = y, r = t.length === 0, o = e === void 0 ? s : e, l = r ? bt : {
+  const n = b, i = y, r = t.length === 0, o = e === void 0 ? i : e, l = r ? bt : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
     owner: o
-  }, i = r ? t : () => t(() => Y(() => j(l)));
+  }, s = r ? t : () => t(() => Y(() => j(l)));
   y = l, b = null;
   try {
-    return B(i, !0);
+    return B(s, !0);
   } finally {
-    b = n, y = s;
+    b = n, y = i;
   }
 }
 function yt(t, e) {
@@ -31,22 +31,22 @@ function yt(t, e) {
     observers: null,
     observerSlots: null,
     comparator: e.equals || void 0
-  }, s = (r) => (typeof r == "function" && (r = r(n.value)), wt(n, r));
-  return [_t.bind(n), s];
+  }, i = (r) => (typeof r == "function" && (r = r(n.value)), wt(n, r));
+  return [_t.bind(n), i];
 }
 function J(t, e, n) {
-  const s = it(t, e, !1, T);
-  I(s);
+  const i = st(t, e, !1, T);
+  I(i);
 }
 function Ot(t, e, n) {
   gt = It;
-  const s = it(t, e, !1, T);
-  s.user = !0, S ? S.push(s) : I(s);
+  const i = st(t, e, !1, T);
+  i.user = !0, S ? S.push(i) : I(i);
 }
 function $t(t, e, n) {
   n = n ? Object.assign({}, q, n) : q;
-  const s = it(t, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, I(s), _t.bind(s);
+  const i = st(t, e, !0, 0);
+  return i.observers = null, i.observerSlots = null, i.comparator = n.equals || void 0, I(i), _t.bind(i);
 }
 function Y(t) {
   if (b === null) return t();
@@ -75,8 +75,8 @@ function _t() {
   return this.value;
 }
 function wt(t, e, n) {
-  let s = t.value;
-  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && B(() => {
+  let i = t.value;
+  return (!t.comparator || !t.comparator(i, e)) && (t.value = e, t.observers && t.observers.length && B(() => {
     for (let r = 0; r < t.observers.length; r += 1) {
       const o = t.observers[r], l = et && et.running;
       l && et.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? w.push(o) : S.push(o), o.observers && mt(o)), l || (o.state = T);
@@ -92,22 +92,22 @@ function I(t) {
   Nt(t, t.value, e);
 }
 function Nt(t, e, n) {
-  let s;
+  let i;
   const r = y, o = b;
   b = y = t;
   try {
-    s = t.fn(e);
+    i = t.fn(e);
   } catch (l) {
     return t.pure && (t.state = T, t.owned && t.owned.forEach(j), t.owned = null), t.updatedAt = n + 1, Ct(l);
   } finally {
     b = o, y = r;
   }
-  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? wt(t, s) : t.value = s, t.updatedAt = n);
+  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? wt(t, i) : t.value = i, t.updatedAt = n);
 }
-function it(t, e, n, s = T, r) {
+function st(t, e, n, i = T, r) {
   const o = {
     fn: t,
-    state: s,
+    state: i,
     updatedAt: null,
     owned: null,
     sources: null,
@@ -131,8 +131,8 @@ function G(t) {
     if (t = e[n], t.state === T)
       I(t);
     else if (t.state === H) {
-      const s = w;
-      w = null, B(() => X(t, e[0]), !1), w = s;
+      const i = w;
+      w = null, B(() => X(t, e[0]), !1), w = i;
     }
 }
 function B(t, e) {
@@ -140,10 +140,10 @@ function B(t, e) {
   let n = !1;
   e || (w = []), S ? n = !0 : S = [], Q++;
   try {
-    const s = t();
-    return jt(n), s;
-  } catch (s) {
-    n || (S = null), w = null, Ct(s);
+    const i = t();
+    return jt(n), i;
+  } catch (i) {
+    n || (S = null), w = null, Ct(i);
   }
 }
 function jt(t) {
@@ -157,18 +157,18 @@ function vt(t) {
 function It(t) {
   let e, n = 0;
   for (e = 0; e < t.length; e++) {
-    const s = t[e];
-    s.user ? t[n++] = s : G(s);
+    const i = t[e];
+    i.user ? t[n++] = i : G(i);
   }
   for (e = 0; e < n; e++) G(t[e]);
 }
 function X(t, e) {
   t.state = 0;
   for (let n = 0; n < t.sources.length; n += 1) {
-    const s = t.sources[n];
-    if (s.sources) {
-      const r = s.state;
-      r === T ? s !== e && (!s.updatedAt || s.updatedAt < Q) && G(s) : r === H && X(s, e);
+    const i = t.sources[n];
+    if (i.sources) {
+      const r = i.state;
+      r === T ? i !== e && (!i.updatedAt || i.updatedAt < Q) && G(i) : r === H && X(i, e);
     }
   }
 }
@@ -182,10 +182,10 @@ function j(t) {
   let e;
   if (t.sources)
     for (; t.sources.length; ) {
-      const n = t.sources.pop(), s = t.sourceSlots.pop(), r = n.observers;
+      const n = t.sources.pop(), i = t.sourceSlots.pop(), r = n.observers;
       if (r && r.length) {
         const o = r.pop(), l = n.observerSlots.pop();
-        s < r.length && (o.sourceSlots[l] = s, r[s] = o, n.observerSlots[s] = l);
+        i < r.length && (o.sourceSlots[l] = i, r[i] = o, n.observerSlots[i] = l);
       }
     }
   if (t.tOwned) {
@@ -215,49 +215,49 @@ function K(t, e) {
 }
 const V = (t) => $t(() => t());
 function Dt(t, e, n) {
-  let s = n.length, r = e.length, o = s, l = 0, i = 0, a = e[r - 1].nextSibling, g = null;
-  for (; l < r || i < o; ) {
-    if (e[l] === n[i]) {
-      l++, i++;
+  let i = n.length, r = e.length, o = i, l = 0, s = 0, a = e[r - 1].nextSibling, g = null;
+  for (; l < r || s < o; ) {
+    if (e[l] === n[s]) {
+      l++, s++;
       continue;
     }
     for (; e[r - 1] === n[o - 1]; )
       r--, o--;
     if (r === l) {
-      const f = o < s ? i ? n[i - 1].nextSibling : n[o - i] : a;
-      for (; i < o; ) t.insertBefore(n[i++], f);
-    } else if (o === i)
+      const f = o < i ? s ? n[s - 1].nextSibling : n[o - s] : a;
+      for (; s < o; ) t.insertBefore(n[s++], f);
+    } else if (o === s)
       for (; l < r; )
         (!g || !g.has(e[l])) && e[l].remove(), l++;
-    else if (e[l] === n[o - 1] && n[i] === e[r - 1]) {
+    else if (e[l] === n[o - 1] && n[s] === e[r - 1]) {
       const f = e[--r].nextSibling;
-      t.insertBefore(n[i++], e[l++].nextSibling), t.insertBefore(n[--o], f), e[r] = n[o];
+      t.insertBefore(n[s++], e[l++].nextSibling), t.insertBefore(n[--o], f), e[r] = n[o];
     } else {
       if (!g) {
         g = /* @__PURE__ */ new Map();
-        let d = i;
+        let d = s;
         for (; d < o; ) g.set(n[d], d++);
       }
       const f = g.get(e[l]);
       if (f != null)
-        if (i < f && f < o) {
-          let d = l, m = 1, u;
-          for (; ++d < r && d < o && !((u = g.get(e[d])) == null || u !== f + m); )
+        if (s < f && f < o) {
+          let d = l, m = 1, c;
+          for (; ++d < r && d < o && !((c = g.get(e[d])) == null || c !== f + m); )
             m++;
-          if (m > f - i) {
+          if (m > f - s) {
             const P = e[l];
-            for (; i < f; ) t.insertBefore(n[i++], P);
-          } else t.replaceChild(n[i++], e[l++]);
+            for (; s < f; ) t.insertBefore(n[s++], P);
+          } else t.replaceChild(n[s++], e[l++]);
         } else l++;
       else e[l++].remove();
     }
   }
 }
-function D(t, e, n, s) {
+function D(t, e, n, i) {
   let r;
   const o = () => {
-    const i = document.createElement("template");
-    return i.innerHTML = t, i.content.firstChild;
+    const s = document.createElement("template");
+    return s.innerHTML = t, s.content.firstChild;
   }, l = () => (r || (r = o())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
@@ -266,55 +266,55 @@ function N(t, e, n) {
 }
 function Ut(t, e, n) {
   if (!e) return n ? N(t, "style") : e;
-  const s = t.style;
-  if (typeof e == "string") return s.cssText = e;
-  typeof n == "string" && (s.cssText = n = void 0), n || (n = {}), e || (e = {});
+  const i = t.style;
+  if (typeof e == "string") return i.cssText = e;
+  typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), e || (e = {});
   let r, o;
   for (o in n)
-    e[o] == null && s.removeProperty(o), delete n[o];
+    e[o] == null && i.removeProperty(o), delete n[o];
   for (o in e)
-    r = e[o], r !== n[o] && (s.setProperty(o, r), n[o] = r);
+    r = e[o], r !== n[o] && (i.setProperty(o, r), n[o] = r);
   return n;
 }
 function zt(t, e, n) {
   return Y(() => t(e, n));
 }
-function L(t, e, n, s) {
-  if (n !== void 0 && !s && (s = []), typeof e != "function") return Z(t, e, s, n);
-  J((r) => Z(t, e(), r, n), s);
+function L(t, e, n, i) {
+  if (n !== void 0 && !i && (i = []), typeof e != "function") return Z(t, e, i, n);
+  J((r) => Z(t, e(), r, n), i);
 }
-function Z(t, e, n, s, r) {
+function Z(t, e, n, i, r) {
   for (; typeof n == "function"; ) n = n();
   if (e === n) return n;
-  const o = typeof e, l = s !== void 0;
+  const o = typeof e, l = i !== void 0;
   if (t = l && n[0] && n[0].parentNode || t, o === "string" || o === "number") {
     if (o === "number" && (e = e.toString(), e === n))
       return n;
     if (l) {
-      let i = n[0];
-      i && i.nodeType === 3 ? i.data !== e && (i.data = e) : i = document.createTextNode(e), n = $(t, n, s, i);
+      let s = n[0];
+      s && s.nodeType === 3 ? s.data !== e && (s.data = e) : s = document.createTextNode(e), n = $(t, n, i, s);
     } else
       n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
   } else if (e == null || o === "boolean")
-    n = $(t, n, s);
+    n = $(t, n, i);
   else {
     if (o === "function")
       return J(() => {
-        let i = e();
-        for (; typeof i == "function"; ) i = i();
-        n = Z(t, i, n, s);
+        let s = e();
+        for (; typeof s == "function"; ) s = s();
+        n = Z(t, s, n, i);
       }), () => n;
     if (Array.isArray(e)) {
-      const i = [], a = n && Array.isArray(n);
-      if (st(i, e, n, r))
-        return J(() => n = Z(t, i, n, s, !0)), () => n;
-      if (i.length === 0) {
-        if (n = $(t, n, s), l) return n;
-      } else a ? n.length === 0 ? ut(t, i, s) : Dt(t, n, i) : (n && $(t), ut(t, i));
-      n = i;
+      const s = [], a = n && Array.isArray(n);
+      if (it(s, e, n, r))
+        return J(() => n = Z(t, s, n, i, !0)), () => n;
+      if (s.length === 0) {
+        if (n = $(t, n, i), l) return n;
+      } else a ? n.length === 0 ? ut(t, s, i) : Dt(t, n, s) : (n && $(t), ut(t, s));
+      n = s;
     } else if (e.nodeType) {
       if (Array.isArray(n)) {
-        if (l) return n = $(t, n, s, e);
+        if (l) return n = $(t, n, i, e);
         $(t, n, null, e);
       } else n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
       n = e;
@@ -322,67 +322,67 @@ function Z(t, e, n, s, r) {
   }
   return n;
 }
-function st(t, e, n, s) {
+function it(t, e, n, i) {
   let r = !1;
   for (let o = 0, l = e.length; o < l; o++) {
-    let i = e[o], a = n && n[t.length], g;
-    if (!(i == null || i === !0 || i === !1)) if ((g = typeof i) == "object" && i.nodeType)
-      t.push(i);
-    else if (Array.isArray(i))
-      r = st(t, i, a) || r;
+    let s = e[o], a = n && n[t.length], g;
+    if (!(s == null || s === !0 || s === !1)) if ((g = typeof s) == "object" && s.nodeType)
+      t.push(s);
+    else if (Array.isArray(s))
+      r = it(t, s, a) || r;
     else if (g === "function")
-      if (s) {
-        for (; typeof i == "function"; ) i = i();
-        r = st(t, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || r;
+      if (i) {
+        for (; typeof s == "function"; ) s = s();
+        r = it(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
       } else
-        t.push(i), r = !0;
+        t.push(s), r = !0;
     else {
-      const f = String(i);
+      const f = String(s);
       a && a.nodeType === 3 && a.data === f ? t.push(a) : t.push(document.createTextNode(f));
     }
   }
   return r;
 }
 function ut(t, e, n = null) {
-  for (let s = 0, r = e.length; s < r; s++) t.insertBefore(e[s], n);
+  for (let i = 0, r = e.length; i < r; i++) t.insertBefore(e[i], n);
 }
-function $(t, e, n, s) {
+function $(t, e, n, i) {
   if (n === void 0) return t.textContent = "";
-  const r = s || document.createTextNode("");
+  const r = i || document.createTextNode("");
   if (e.length) {
     let o = !1;
     for (let l = e.length - 1; l >= 0; l--) {
-      const i = e[l];
-      if (r !== i) {
-        const a = i.parentNode === t;
-        !o && !l ? a ? t.replaceChild(r, i) : t.insertBefore(r, n) : a && i.remove();
+      const s = e[l];
+      if (r !== s) {
+        const a = s.parentNode === t;
+        !o && !l ? a ? t.replaceChild(r, s) : t.insertBefore(r, n) : a && s.remove();
       } else o = !0;
     }
   } else t.insertBefore(r, n);
   return [r];
 }
 function Ft(t) {
-  return Object.keys(t).reduce((n, s) => {
-    const r = t[s];
-    return n[s] = Object.assign({}, r), St(r.value) && !Ht(r.value) && !Array.isArray(r.value) && (n[s].value = Object.assign({}, r.value)), Array.isArray(r.value) && (n[s].value = r.value.slice(0)), n;
+  return Object.keys(t).reduce((n, i) => {
+    const r = t[i];
+    return n[i] = Object.assign({}, r), St(r.value) && !Ht(r.value) && !Array.isArray(r.value) && (n[i].value = Object.assign({}, r.value)), Array.isArray(r.value) && (n[i].value = r.value.slice(0)), n;
   }, {});
 }
 function Wt(t) {
-  return t ? Object.keys(t).reduce((n, s) => {
-    const r = t[s];
-    return n[s] = St(r) && "value" in r ? r : {
+  return t ? Object.keys(t).reduce((n, i) => {
+    const r = t[i];
+    return n[i] = St(r) && "value" in r ? r : {
       value: r
-    }, n[s].attribute || (n[s].attribute = qt(s)), n[s].parse = "parse" in n[s] ? n[s].parse : typeof n[s].value != "string", n;
+    }, n[i].attribute || (n[i].attribute = qt(i)), n[i].parse = "parse" in n[i] ? n[i].parse : typeof n[i].value != "string", n;
   }, {}) : {};
 }
 function Kt(t) {
-  return Object.keys(t).reduce((n, s) => (n[s] = t[s].value, n), {});
+  return Object.keys(t).reduce((n, i) => (n[i] = t[i].value, n), {});
 }
 function Vt(t, e) {
   const n = Ft(e);
   return Object.keys(e).forEach((r) => {
-    const o = n[r], l = t.getAttribute(o.attribute), i = t[r];
-    l != null && (o.value = o.parse ? xt(l) : l), i != null && (o.value = Array.isArray(i) ? i.slice(0) : i), o.reflect && ft(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
+    const o = n[r], l = t.getAttribute(o.attribute), s = t[r];
+    l != null && (o.value = o.parse ? xt(l) : l), s != null && (o.value = Array.isArray(s) ? s.slice(0) : s), o.reflect && ft(t, o.attribute, o.value, !!o.parse), Object.defineProperty(t, r, {
       get() {
         return o.value;
       },
@@ -405,9 +405,9 @@ function xt(t) {
       return t;
     }
 }
-function ft(t, e, n, s) {
+function ft(t, e, n, i) {
   if (n == null || n === !1) return t.removeAttribute(e);
-  let r = s ? JSON.stringify(n) : n;
+  let r = i ? JSON.stringify(n) : n;
   t.__updating[e] = !0, r === "true" && (r = ""), t.setAttribute(e, r), Promise.resolve().then(() => delete t.__updating[e]);
 }
 function qt(t) {
@@ -480,20 +480,20 @@ function Gt(t, e) {
 }
 function Xt(t, e = {}, n = {}) {
   const {
-    BaseElement: s = HTMLElement,
+    BaseElement: i = HTMLElement,
     extension: r,
     customElements: o = window.customElements
   } = n;
   return (l) => {
-    let i = o.get(t);
-    return i ? (i.prototype.Component = l, i) : (i = Gt(s, Wt(e)), i.prototype.Component = l, i.prototype.registeredTag = t, o.define(t, i, r), i);
+    let s = o.get(t);
+    return s ? (s.prototype.Component = l, s) : (s = Gt(i, Wt(e)), s.prototype.Component = l, s.prototype.registeredTag = t, o.define(t, s, r), s);
   };
 }
 function Zt(t) {
   const e = Object.keys(t), n = {};
-  for (let s = 0; s < e.length; s++) {
-    const [r, o] = yt(t[e[s]]);
-    Object.defineProperty(n, e[s], {
+  for (let i = 0; i < e.length; i++) {
+    const [r, o] = yt(t[e[i]]);
+    Object.defineProperty(n, e[i], {
       get: r,
       set(l) {
         o(() => l);
@@ -511,15 +511,15 @@ function Qt(t) {
 }
 function Yt(t) {
   return (e, n) => {
-    const { element: s } = n;
+    const { element: i } = n;
     return Lt((r) => {
       const o = Zt(e);
-      s.addPropertyChangedCallback((i, a) => o[i] = a), s.addReleaseCallback(() => {
-        s.renderRoot.textContent = "", r();
+      i.addPropertyChangedCallback((s, a) => o[s] = a), i.addReleaseCallback(() => {
+        i.renderRoot.textContent = "", r();
       });
       const l = t(o, n);
-      return L(s.renderRoot, l);
-    }, Qt(s));
+      return L(i.renderRoot, l);
+    }, Qt(i));
   };
 }
 function te(t, e, n) {
@@ -583,8 +583,8 @@ const ee = `
   }
 }
 `;
-var ne = /* @__PURE__ */ D('<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>'), re = /* @__PURE__ */ D('<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">'), se = /* @__PURE__ */ D('<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>'), ie = /* @__PURE__ */ D('<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>'), oe = /* @__PURE__ */ D('<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.0.0");
+var ne = /* @__PURE__ */ D('<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>'), re = /* @__PURE__ */ D('<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">'), ie = /* @__PURE__ */ D('<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>'), se = /* @__PURE__ */ D('<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>'), oe = /* @__PURE__ */ D('<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.0.1");
 const le = "wss://api.dictate-button.io/v2/transcribe", k = "dictate-button.io", rt = -70, dt = -10, pt = 0, ae = 4, ce = 0.25, ue = 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.") : te("dictate-button", {
   size: 30,
@@ -594,33 +594,33 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
   element: e
 }) => {
   console.debug("[dictate-button] api:", t.apiEndpoint);
-  const [n, s] = yt("idle");
-  let r = null, o = null, l = null, i = "", a = "", g = -1, f = "", d = null, m = null, u = null, P = null, U = !1, R = 0;
-  const Et = (c) => c <= rt ? 0 : c >= dt ? 1 : (c - rt) / (dt - rt), At = (c) => {
+  const [n, i] = yt("idle");
+  let r = null, o = null, l = null, s = "", a = "", g = -1, f = "", d = null, m = null, c = null, P = null, U = !1, R = 0;
+  const Et = (u) => u <= rt ? 0 : u >= dt ? 1 : (u - rt) / (dt - rt), At = (u) => {
     let _ = 0;
-    for (let C = 0; C < c.length; C++) {
-      const p = (c[C] - 128) / 128;
+    for (let C = 0; C < u.length; C++) {
+      const p = (u[C] - 128) / 128;
       _ += p * p;
     }
-    return Math.sqrt(_ / c.length);
-  }, kt = (c) => 20 * Math.log10(Math.max(c, 1e-8)), ot = (c) => {
+    return Math.sqrt(_ / u.length);
+  }, kt = (u) => 20 * Math.log10(Math.max(u, 1e-8)), ot = (u) => {
     const _ = e.shadowRoot.querySelector(".dictate-button__button");
     if (!_)
       return;
-    const C = pt + c * (ae - pt), p = 0 + c * 0.4;
+    const C = pt + u * (ae - pt), p = 0 + u * 0.4;
     _.style.boxShadow = `0 0 0 ${C}px light-dark(rgba(0, 0, 0, ${p}), rgba(255, 255, 255, ${p}))`;
   }, lt = () => {
     if (!U || !m || !P) return;
     m.getByteTimeDomainData(P);
-    const c = At(P), _ = kt(c), C = Et(_), p = C > R ? ce : ue;
+    const u = At(P), _ = kt(u), C = Et(_), p = C > R ? ce : ue;
     R = p * C + (1 - p) * R, ot(R), requestAnimationFrame(lt);
   }, O = () => {
-    r && (r.close(), r = null), u && (u.disconnect(), u = null), o && (o.getTracks().forEach((c) => c.stop()), o = null), l = null, i = "", a = "", g = -1, f = "", U = !1, d && d.state !== "closed" && d.close(), d = null, m = null, P = null, R = 0, ot(0);
+    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 = "", U = !1, d && d.state !== "closed" && d.close(), d = null, m = null, P = null, R = 0, ot(0);
   };
   e.addEventListener("disconnected", O);
-  const at = async (c) => {
+  const at = async (u) => {
     if (n() === "idle") {
-      l = c, i = "", a = "", g = -1, f = "";
+      l = u, s = "", a = "", g = -1, f = "";
       try {
         const _ = await navigator.mediaDevices.getUserMedia({
           audio: {
@@ -655,19 +655,19 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
           `, F = new Blob([p], {
           type: "application/javascript"
         }), h = URL.createObjectURL(F);
-        await d.audioWorklet.addModule(h), URL.revokeObjectURL(h), u = new AudioWorkletNode(d, "pcm-processor"), C.connect(u);
+        await d.audioWorklet.addModule(h), URL.revokeObjectURL(h), c = new AudioWorkletNode(d, "pcm-processor"), C.connect(c);
         const W = new URL(t.apiEndpoint);
         t.language && W.searchParams.set("language", t.language), r = new WebSocket(W.toString()), r.onmessage = (E) => {
           try {
             const v = JSON.parse(E.data);
             if (v.type === "interim_transcript" && v.text) {
               f = v.text;
-              const M = [a, i, f].filter(Boolean).join(" ");
+              const M = [a, s, f].filter(Boolean).join(" ");
               A(e, "dictate-text", M);
             } else if (v.type === "transcript" && v.text) {
               const M = v.turn_order ?? 0, x = v.text;
-              f = "", M > g ? (i && (a = a ? a + " " + i : i), g = M, i = x) : x.length > i.length && x.startsWith(i.substring(0, Math.min(10, i.length))) ? i = x : i = i ? i + " " + x : x;
-              const Tt = a ? a + " " + i : i;
+              f = "", M > g ? (s && (a = a ? a + " " + s : s), g = M, s = x) : x.length > s.length && x.startsWith(s.substring(0, Math.min(10, s.length))) ? s = x : s = s ? s + " " + x : x;
+              const Tt = a ? a + " " + s : s;
               A(e, "dictate-text", Tt);
             } else v.type === "error" && (console.error("[dictate-button] Server error:", v.error), A(e, "dictate-error", v.error), tt(), O());
           } catch (v) {
@@ -676,33 +676,33 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
         }, r.onerror = (E) => {
           console.error("[dictate-button] WebSocket error:", E), A(e, "dictate-error", "Connection error"), tt(), O();
         }, r.onclose = () => {
-        }, u.port.onmessage = (E) => {
+        }, c.port.onmessage = (E) => {
           r && r.readyState === WebSocket.OPEN && r.send(E.data);
-        }, A(e, "dictate-start", "Started transcribing"), U = !0, lt(), s("transcribing");
+        }, A(e, "dictate-start", "Started transcribing"), U = !0, lt(), i("transcribing");
       } catch (_) {
         console.error("[dictate-button] Failed to start:", _), A(e, "dictate-error", "Failed to start transcription"), tt(), O();
       }
     }
   }, ct = () => {
     if (n() === "transcribing")
-      if (U = !1, s("finalizing"), r && r.readyState === WebSocket.OPEN)
+      if (U = !1, i("finalizing"), r && r.readyState === WebSocket.OPEN)
         r.send(JSON.stringify({
           type: "close"
         })), setTimeout(() => {
-          const c = a ? a + (i ? " " + i : "") : i;
-          c && A(e, "dictate-end", c), O(), s("idle");
+          const u = a ? a + (s ? " " + s : "") : s;
+          u && A(e, "dictate-end", u), O(), i("idle");
         }, 500);
       else {
-        const c = a ? a + (i ? " " + i : "") : i;
-        c && A(e, "dictate-end", c), O(), s("idle");
+        const u = a ? a + (s ? " " + s : "") : s;
+        u && A(e, "dictate-end", u), O(), i("idle");
       }
   }, tt = () => {
-    s("error"), setTimeout(() => s("idle"), 2e3);
+    i("error"), setTimeout(() => i("idle"), 2e3);
   };
   let z;
   return Ot(() => {
     if (!z) return;
-    const c = be(z, {
+    const u = be(z, {
       onShortTap: () => {
         n() === "idle" ? at("short-tap") : n() === "transcribing" && l === "short-tap" && ct();
       },
@@ -713,9 +713,9 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
         n() === "transcribing" && l === "long-press" && ct();
       }
     });
-    Rt(c);
+    Rt(u);
   }), (() => {
-    var c = ne(), _ = c.firstChild, C = _.nextSibling, p = C.nextSibling;
+    var u = ne(), _ = u.firstChild, C = _.nextSibling, p = C.nextSibling;
     L(_, ee), L(C, () => ht(n()));
     var F = z;
     return typeof F == "function" ? zt(F, p) : z = p, L(p, (() => {
@@ -739,7 +739,7 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
       a: void 0,
       o: void 0,
       i: void 0
-    }), c;
+    }), u;
   })();
 });
 const fe = (t) => {
@@ -770,31 +770,33 @@ const fe = (t) => {
     bubbles: !0,
     composed: !0
   }));
-}, de = () => re(), pe = () => se(), he = () => ie(), ge = () => oe();
+}, de = () => re(), pe = () => ie(), he = () => se(), ge = () => oe();
 function be(t, {
   threshold: e = 500,
   preventScroll: n = !0,
-  onShortTap: s,
+  onShortTap: i,
   onLongPressStart: r,
   onLongPressEnd: o
 } = {}) {
-  let l, i = !1;
-  const a = (u) => u.preventDefault(), g = (u) => {
-    l && clearTimeout(l), i = !1, u.preventDefault(), t.setPointerCapture(u.pointerId), l = window.setTimeout(() => {
-      i = !0, r?.(u), t.dispatchEvent(new CustomEvent("longpress", {
-        detail: u
+  let l, s = !1;
+  const a = (c) => c.preventDefault(), g = (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
       }));
     }, e);
-  }, f = (u) => {
-    l && clearTimeout(l), t.releasePointerCapture(u.pointerId), i ? (o?.(u), t.dispatchEvent(new CustomEvent("longpressend", {
-      detail: u
-    }))) : (s?.(u), t.dispatchEvent(new CustomEvent("shorttap", {
-      detail: u
+  }, f = (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 = (u) => {
-    l && clearTimeout(l), t.releasePointerCapture(u.pointerId), i = !1;
-  }, m = (u) => {
-    u.preventDefault(), u.stopPropagation();
+  }, d = (c) => {
+    l && clearTimeout(l), t.releasePointerCapture(c.pointerId), s && (o?.(c), t.dispatchEvent(new CustomEvent("longpressend", {
+      detail: c
+    }))), s = !1;
+  }, m = (c) => {
+    c.preventDefault(), c.stopPropagation();
   };
   return n && (t.style.touchAction = "none", t.addEventListener("contextmenu", a)), t.addEventListener("pointerdown", g), t.addEventListener("pointerup", f), t.addEventListener("pointercancel", d), t.addEventListener("click", m), () => {
     n && t.removeEventListener("contextmenu", a), t.removeEventListener("pointerdown", g), t.removeEventListener("pointerup", f), t.removeEventListener("pointercancel", d), t.removeEventListener("click", m);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Customizable Web Component that adds speech-to-text dictation capabilities to text fields",
   "keywords": [
     "custom-element",