dictate-button 2.0.1 → 2.1.0

package/dist/dictate-button.js

@@ -1,17 +1,17 @@
-const Pt = (t, e) => t === e, q = {
-  equals: Pt
+const Mt = (t, n) => t === n, q = {
+  equals: Mt
 };
-let gt = vt;
-const T = 1, H = 2, bt = {
+let yt = Ct;
+const T = 1, H = 2, _t = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var y = null;
-let et = null, Mt = null, b = null, w = null, S = null, Q = 0;
-function Lt(t, e) {
-  const n = b, i = y, r = t.length === 0, o = e === void 0 ? i : e, l = r ? bt : {
+let nt = null, Ot = null, b = null, w = null, E = null, Q = 0;
+function $t(t, n) {
+  const e = b, i = y, r = t.length === 0, o = n === void 0 ? i : n, l = r ? _t : {
     owned: null,
     cleanups: null,
     context: o ? o.context : null,
@@ -21,47 +21,47 @@ function Lt(t, e) {
   try {
     return B(s, !0);
   } finally {
-    b = n, y = i;
+    b = e, y = i;
   }
 }
-function yt(t, e) {
-  e = e ? Object.assign({}, q, e) : q;
-  const n = {
+function wt(t, n) {
+  n = n ? Object.assign({}, q, n) : q;
+  const e = {
     value: t,
     observers: null,
     observerSlots: null,
-    comparator: e.equals || void 0
-  }, i = (r) => (typeof r == "function" && (r = r(n.value)), wt(n, r));
-  return [_t.bind(n), i];
+    comparator: n.equals || void 0
+  }, i = (r) => (typeof r == "function" && (r = r(e.value)), mt(e, r));
+  return [vt.bind(e), i];
 }
-function J(t, e, n) {
-  const i = st(t, e, !1, T);
+function J(t, n, e) {
+  const i = ot(t, n, !1, T);
   I(i);
 }
-function Ot(t, e, n) {
-  gt = It;
-  const i = st(t, e, !1, T);
-  i.user = !0, S ? S.push(i) : I(i);
+function Rt(t, n, e) {
+  yt = Bt;
+  const i = ot(t, n, !1, T);
+  i.user = !0, E ? E.push(i) : I(i);
 }
-function $t(t, e, n) {
-  n = n ? Object.assign({}, q, n) : q;
-  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 Nt(t, n, e) {
+  e = e ? Object.assign({}, q, e) : q;
+  const i = ot(t, n, !0, 0);
+  return i.observers = null, i.observerSlots = null, i.comparator = e.equals || void 0, I(i), vt.bind(i);
 }
 function Y(t) {
   if (b === null) return t();
-  const e = b;
+  const n = b;
   b = null;
   try {
     return t();
   } finally {
-    b = e;
+    b = n;
   }
 }
-function Rt(t) {
+function ft(t) {
   return y === null || (y.cleanups === null ? y.cleanups = [t] : y.cleanups.push(t)), t;
 }
-function _t() {
+function vt() {
   if (this.sources && this.state)
     if (this.state === T) I(this);
     else {
@@ -74,37 +74,37 @@ function _t() {
   }
   return this.value;
 }
-function wt(t, e, n) {
+function mt(t, n, e) {
   let i = t.value;
-  return (!t.comparator || !t.comparator(i, e)) && (t.value = e, t.observers && t.observers.length && B(() => {
+  return (!t.comparator || !t.comparator(i, n)) && (t.value = n, 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);
+      const o = t.observers[r], l = nt && nt.running;
+      l && nt.disposed.has(o), (l ? !o.tState : !o.state) && (o.pure ? w.push(o) : E.push(o), o.observers && xt(o)), l || (o.state = T);
     }
     if (w.length > 1e6)
       throw w = [], new Error();
-  }, !1)), e;
+  }, !1)), n;
 }
 function I(t) {
   if (!t.fn) return;
   j(t);
-  const e = Q;
-  Nt(t, t.value, e);
+  const n = Q;
+  jt(t, t.value, n);
 }
-function Nt(t, e, n) {
+function jt(t, n, e) {
   let i;
   const r = y, o = b;
   b = y = t;
   try {
-    i = t.fn(e);
+    i = t.fn(n);
   } catch (l) {
-    return t.pure && (t.state = T, t.owned && t.owned.forEach(j), t.owned = null), t.updatedAt = n + 1, Ct(l);
+    return t.pure && (t.state = T, t.owned && t.owned.forEach(j), t.owned = null), t.updatedAt = e + 1, Et(l);
   } finally {
     b = o, y = r;
   }
-  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? wt(t, i) : t.value = i, t.updatedAt = n);
+  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? mt(t, i) : t.value = i, t.updatedAt = e);
 }
-function st(t, e, n, i = T, r) {
+function ot(t, n, e, i = T, r) {
   const o = {
     fn: t,
     state: i,
@@ -113,147 +113,147 @@ function st(t, e, n, i = T, r) {
     sources: null,
     sourceSlots: null,
     cleanups: null,
-    value: e,
+    value: n,
     owner: y,
     context: y ? y.context : null,
-    pure: n
+    pure: e
   };
-  return y === null || y !== bt && (y.owned ? y.owned.push(o) : y.owned = [o]), o;
+  return y === null || y !== _t && (y.owned ? y.owned.push(o) : y.owned = [o]), o;
 }
 function G(t) {
   if (t.state === 0) return;
   if (t.state === H) return X(t);
   if (t.suspense && Y(t.suspense.inFallback)) return t.suspense.effects.push(t);
-  const e = [t];
+  const n = [t];
   for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < Q); )
-    t.state && e.push(t);
-  for (let n = e.length - 1; n >= 0; n--)
-    if (t = e[n], t.state === T)
+    t.state && n.push(t);
+  for (let e = n.length - 1; e >= 0; e--)
+    if (t = n[e], t.state === T)
       I(t);
     else if (t.state === H) {
       const i = w;
-      w = null, B(() => X(t, e[0]), !1), w = i;
+      w = null, B(() => X(t, n[0]), !1), w = i;
     }
 }
-function B(t, e) {
+function B(t, n) {
   if (w) return t();
-  let n = !1;
-  e || (w = []), S ? n = !0 : S = [], Q++;
+  let e = !1;
+  n || (w = []), E ? e = !0 : E = [], Q++;
   try {
     const i = t();
-    return jt(n), i;
+    return It(e), i;
   } catch (i) {
-    n || (S = null), w = null, Ct(i);
+    e || (E = null), w = null, Et(i);
   }
 }
-function jt(t) {
-  if (w && (vt(w), w = null), t) return;
-  const e = S;
-  S = null, e.length && B(() => gt(e), !1);
+function It(t) {
+  if (w && (Ct(w), w = null), t) return;
+  const n = E;
+  E = null, n.length && B(() => yt(n), !1);
 }
-function vt(t) {
-  for (let e = 0; e < t.length; e++) G(t[e]);
+function Ct(t) {
+  for (let n = 0; n < t.length; n++) G(t[n]);
 }
-function It(t) {
-  let e, n = 0;
-  for (e = 0; e < t.length; e++) {
-    const i = t[e];
-    i.user ? t[n++] = i : G(i);
+function Bt(t) {
+  let n, e = 0;
+  for (n = 0; n < t.length; n++) {
+    const i = t[n];
+    i.user ? t[e++] = i : G(i);
   }
-  for (e = 0; e < n; e++) G(t[e]);
+  for (n = 0; n < e; n++) G(t[n]);
 }
-function X(t, e) {
+function X(t, n) {
   t.state = 0;
-  for (let n = 0; n < t.sources.length; n += 1) {
-    const i = t.sources[n];
+  for (let e = 0; e < t.sources.length; e += 1) {
+    const i = t.sources[e];
     if (i.sources) {
       const r = i.state;
-      r === T ? i !== e && (!i.updatedAt || i.updatedAt < Q) && G(i) : r === H && X(i, e);
+      r === T ? i !== n && (!i.updatedAt || i.updatedAt < Q) && G(i) : r === H && X(i, n);
     }
   }
 }
-function mt(t) {
-  for (let e = 0; e < t.observers.length; e += 1) {
-    const n = t.observers[e];
-    n.state || (n.state = H, n.pure ? w.push(n) : S.push(n), n.observers && mt(n));
+function xt(t) {
+  for (let n = 0; n < t.observers.length; n += 1) {
+    const e = t.observers[n];
+    e.state || (e.state = H, e.pure ? w.push(e) : E.push(e), e.observers && xt(e));
   }
 }
 function j(t) {
-  let e;
+  let n;
   if (t.sources)
     for (; t.sources.length; ) {
-      const n = t.sources.pop(), i = t.sourceSlots.pop(), r = n.observers;
+      const e = t.sources.pop(), i = t.sourceSlots.pop(), r = e.observers;
       if (r && r.length) {
-        const o = r.pop(), l = n.observerSlots.pop();
-        i < r.length && (o.sourceSlots[l] = i, r[i] = o, n.observerSlots[i] = l);
+        const o = r.pop(), l = e.observerSlots.pop();
+        i < r.length && (o.sourceSlots[l] = i, r[i] = o, e.observerSlots[i] = l);
       }
     }
   if (t.tOwned) {
-    for (e = t.tOwned.length - 1; e >= 0; e--) j(t.tOwned[e]);
+    for (n = t.tOwned.length - 1; n >= 0; n--) j(t.tOwned[n]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (e = t.owned.length - 1; e >= 0; e--) j(t.owned[e]);
+    for (n = t.owned.length - 1; n >= 0; n--) j(t.owned[n]);
     t.owned = null;
   }
   if (t.cleanups) {
-    for (e = t.cleanups.length - 1; e >= 0; e--) t.cleanups[e]();
+    for (n = t.cleanups.length - 1; n >= 0; n--) t.cleanups[n]();
     t.cleanups = null;
   }
   t.state = 0;
 }
-function Bt(t) {
+function Dt(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function Ct(t, e = y) {
-  throw Bt(t);
+function Et(t, n = y) {
+  throw Dt(t);
 }
-function K(t, e) {
-  return Y(() => t(e || {}));
+function K(t, n) {
+  return Y(() => t(n || {}));
 }
-const V = (t) => $t(() => t());
-function Dt(t, e, n) {
-  let i = n.length, r = e.length, o = i, l = 0, s = 0, a = e[r - 1].nextSibling, g = null;
+const V = (t) => Nt(() => t());
+function Ut(t, n, e) {
+  let i = e.length, r = n.length, o = i, l = 0, s = 0, a = n[r - 1].nextSibling, g = null;
   for (; l < r || s < o; ) {
-    if (e[l] === n[s]) {
+    if (n[l] === e[s]) {
       l++, s++;
       continue;
     }
-    for (; e[r - 1] === n[o - 1]; )
+    for (; n[r - 1] === e[o - 1]; )
       r--, o--;
     if (r === l) {
-      const f = o < i ? s ? n[s - 1].nextSibling : n[o - s] : a;
-      for (; s < o; ) t.insertBefore(n[s++], f);
+      const f = o < i ? s ? e[s - 1].nextSibling : e[o - s] : a;
+      for (; s < o; ) t.insertBefore(e[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[s] === e[r - 1]) {
-      const f = e[--r].nextSibling;
-      t.insertBefore(n[s++], e[l++].nextSibling), t.insertBefore(n[--o], f), e[r] = n[o];
+        (!g || !g.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];
     } else {
       if (!g) {
         g = /* @__PURE__ */ new Map();
         let d = s;
-        for (; d < o; ) g.set(n[d], d++);
+        for (; d < o; ) g.set(e[d], d++);
       }
-      const f = g.get(e[l]);
+      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(e[d])) == null || c !== f + m); )
+          for (; ++d < r && d < o && !((c = g.get(n[d])) == null || c !== f + m); )
             m++;
           if (m > f - s) {
-            const P = e[l];
-            for (; s < f; ) t.insertBefore(n[s++], P);
-          } else t.replaceChild(n[s++], e[l++]);
+            const P = n[l];
+            for (; s < f; ) t.insertBefore(e[s++], P);
+          } else t.replaceChild(e[s++], n[l++]);
         } else l++;
-      else e[l++].remove();
+      else n[l++].remove();
     }
   }
 }
-function D(t, e, n, i) {
+function D(t, n, e, i) {
   let r;
   const o = () => {
     const s = document.createElement("template");
@@ -261,79 +261,79 @@ function D(t, e, n, i) {
   }, l = () => (r || (r = o())).cloneNode(!0);
   return l.cloneNode = l, l;
 }
-function N(t, e, n) {
-  n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+function N(t, n, e) {
+  e == null ? t.removeAttribute(n) : t.setAttribute(n, e);
 }
-function Ut(t, e, n) {
-  if (!e) return n ? N(t, "style") : e;
+function zt(t, n, e) {
+  if (!n) return e ? N(t, "style") : n;
   const i = t.style;
-  if (typeof e == "string") return i.cssText = e;
-  typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), e || (e = {});
+  if (typeof n == "string") return i.cssText = n;
+  typeof e == "string" && (i.cssText = e = void 0), e || (e = {}), n || (n = {});
   let r, o;
-  for (o in n)
-    e[o] == null && i.removeProperty(o), delete n[o];
   for (o in e)
-    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, 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, i, r) {
-  for (; typeof n == "function"; ) n = n();
-  if (e === n) return n;
-  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;
+    n[o] == null && i.removeProperty(o), delete e[o];
+  for (o in n)
+    r = n[o], r !== e[o] && (i.setProperty(o, r), e[o] = r);
+  return e;
+}
+function Ft(t, n, e) {
+  return Y(() => t(n, e));
+}
+function M(t, n, e, i) {
+  if (e !== void 0 && !i && (i = []), typeof n != "function") return Z(t, n, i, e);
+  J((r) => Z(t, n(), r, e), i);
+}
+function Z(t, n, e, i, r) {
+  for (; typeof e == "function"; ) e = e();
+  if (n === e) return e;
+  const o = typeof n, l = i !== void 0;
+  if (t = l && e[0] && e[0].parentNode || t, o === "string" || o === "number") {
+    if (o === "number" && (n = n.toString(), n === e))
+      return e;
     if (l) {
-      let s = n[0];
-      s && s.nodeType === 3 ? s.data !== e && (s.data = e) : s = document.createTextNode(e), n = $(t, n, i, s);
+      let s = e[0];
+      s && s.nodeType === 3 ? s.data !== n && (s.data = n) : s = document.createTextNode(n), e = $(t, e, 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, i);
+      e !== "" && typeof e == "string" ? e = t.firstChild.data = n : e = t.textContent = n;
+  } else if (n == null || o === "boolean")
+    e = $(t, e, i);
   else {
     if (o === "function")
       return J(() => {
-        let s = e();
+        let s = n();
         for (; typeof s == "function"; ) s = s();
-        n = Z(t, s, n, i);
-      }), () => n;
-    if (Array.isArray(e)) {
-      const s = [], a = n && Array.isArray(n);
-      if (it(s, e, n, r))
-        return J(() => n = Z(t, s, n, i, !0)), () => n;
+        e = Z(t, s, e, i);
+      }), () => e;
+    if (Array.isArray(n)) {
+      const s = [], a = e && Array.isArray(e);
+      if (st(s, n, e, r))
+        return J(() => e = Z(t, s, e, i, !0)), () => e;
       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, i, e);
-        $(t, n, null, e);
-      } else n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
-      n = e;
+        if (e = $(t, e, i), l) return e;
+      } else a ? e.length === 0 ? dt(t, s, i) : Ut(t, e, s) : (e && $(t), dt(t, s));
+      e = s;
+    } else if (n.nodeType) {
+      if (Array.isArray(e)) {
+        if (l) return e = $(t, e, i, n);
+        $(t, e, null, n);
+      } else e == null || e === "" || !t.firstChild ? t.appendChild(n) : t.replaceChild(n, t.firstChild);
+      e = n;
     }
   }
-  return n;
+  return e;
 }
-function it(t, e, n, i) {
+function st(t, n, e, i) {
   let r = !1;
-  for (let o = 0, l = e.length; o < l; o++) {
-    let s = e[o], a = n && n[t.length], g;
+  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)
       t.push(s);
     else if (Array.isArray(s))
-      r = it(t, s, a) || r;
+      r = st(t, s, a) || r;
     else if (g === "function")
       if (i) {
         for (; typeof s == "function"; ) s = s();
-        r = it(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
+        r = st(t, Array.isArray(s) ? s : [s], Array.isArray(a) ? a : [a]) || r;
       } else
         t.push(s), r = !0;
     else {
@@ -343,61 +343,61 @@ function it(t, e, n, i) {
   }
   return r;
 }
-function ut(t, e, n = null) {
-  for (let i = 0, r = e.length; i < r; i++) t.insertBefore(e[i], n);
+function dt(t, n, e = null) {
+  for (let i = 0, r = n.length; i < r; i++) t.insertBefore(n[i], e);
 }
-function $(t, e, n, i) {
-  if (n === void 0) return t.textContent = "";
+function $(t, n, e, i) {
+  if (e === void 0) return t.textContent = "";
   const r = i || document.createTextNode("");
-  if (e.length) {
+  if (n.length) {
     let o = !1;
-    for (let l = e.length - 1; l >= 0; l--) {
-      const s = e[l];
+    for (let l = n.length - 1; l >= 0; l--) {
+      const s = n[l];
       if (r !== s) {
         const a = s.parentNode === t;
-        !o && !l ? a ? t.replaceChild(r, s) : t.insertBefore(r, n) : a && s.remove();
+        !o && !l ? a ? t.replaceChild(r, s) : t.insertBefore(r, e) : a && s.remove();
       } else o = !0;
     }
-  } else t.insertBefore(r, n);
+  } else t.insertBefore(r, e);
   return [r];
 }
-function Ft(t) {
-  return Object.keys(t).reduce((n, i) => {
+function Wt(t) {
+  return Object.keys(t).reduce((e, 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;
+    return e[i] = Object.assign({}, r), At(r.value) && !Jt(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 Wt(t) {
-  return t ? Object.keys(t).reduce((n, i) => {
+function Kt(t) {
+  return t ? Object.keys(t).reduce((e, i) => {
     const r = t[i];
-    return n[i] = St(r) && "value" in r ? r : {
+    return e[i] = At(r) && "value" in r ? r : {
       value: r
-    }, n[i].attribute || (n[i].attribute = qt(i)), n[i].parse = "parse" in n[i] ? n[i].parse : typeof n[i].value != "string", n;
+    }, e[i].attribute || (e[i].attribute = Ht(i)), e[i].parse = "parse" in e[i] ? e[i].parse : typeof e[i].value != "string", e;
   }, {}) : {};
 }
-function Kt(t) {
-  return Object.keys(t).reduce((n, i) => (n[i] = t[i].value, n), {});
+function Vt(t) {
+  return Object.keys(t).reduce((e, i) => (e[i] = t[i].value, e), {});
 }
-function Vt(t, e) {
-  const n = Ft(e);
-  return Object.keys(e).forEach((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, {
+function qt(t, n) {
+  const e = Wt(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 ? St(l) : l), s != null && (o.value = Array.isArray(s) ? s.slice(0) : s), o.reflect && pt(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 && ft(this, o.attribute, o.value, !!o.parse);
+        o.value = a, o.reflect && pt(this, o.attribute, o.value, !!o.parse);
         for (let f = 0, d = this.__propertyChangedCallbacks.length; f < d; f++)
           this.__propertyChangedCallbacks[f](r, a, g);
       },
       enumerable: !0,
       configurable: !0
     });
-  }), n;
+  }), e;
 }
-function xt(t) {
+function St(t) {
   if (t)
     try {
       return JSON.parse(t);
@@ -405,47 +405,47 @@ function xt(t) {
       return t;
     }
 }
-function ft(t, e, n, i) {
-  if (n == null || n === !1) return t.removeAttribute(e);
-  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 pt(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 qt(t) {
-  return t.replace(/\.?([A-Z]+)/g, (e, n) => "-" + n.toLowerCase()).replace("_", "-").replace(/^-/, "");
+function Ht(t) {
+  return t.replace(/\.?([A-Z]+)/g, (n, e) => "-" + e.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function St(t) {
+function At(t) {
   return t != null && (typeof t == "object" || typeof t == "function");
 }
-function Ht(t) {
+function Jt(t) {
   return Object.prototype.toString.call(t) === "[object Function]";
 }
-function Jt(t) {
+function Gt(t) {
   return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-let nt;
-function Gt(t, e) {
-  const n = Object.keys(e);
+let rt;
+function Xt(t, n) {
+  const e = Object.keys(n);
   return class extends t {
     static get observedAttributes() {
-      return n.map((r) => e[r].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 r of n)
+      for (let r of e)
         this[r] = void 0;
     }
     connectedCallback() {
       if (this.__initialized) return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Vt(this, e);
-      const r = Kt(this.props), o = this.Component, l = nt;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = qt(this, n);
+      const r = Vt(this.props), o = this.Component, l = rt;
       try {
-        nt = this, this.__initialized = !0, Jt(o) ? new o(r, {
+        rt = this, this.__initialized = !0, Gt(o) ? new o(r, {
           element: this
         }) : o(r, {
           element: this
         });
       } finally {
-        nt = l;
+        rt = l;
       }
     }
     async disconnectedCallback() {
@@ -456,14 +456,14 @@ function Gt(t, e) {
       delete this.__initialized, this.__released = !0;
     }
     attributeChangedCallback(r, o, l) {
-      if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in e)) {
+      if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in n)) {
         if (l == null && !this[r]) return;
-        this[r] = e[r].parse ? xt(l) : l;
+        this[r] = n[r].parse ? St(l) : l;
       }
     }
     lookupProp(r) {
-      if (e)
-        return n.find((o) => r === o || r === e[o].attribute);
+      if (n)
+        return e.find((o) => r === o || r === n[o].attribute);
     }
     get renderRoot() {
       return this.shadowRoot || this.attachShadow({
@@ -478,54 +478,54 @@ function Gt(t, e) {
     }
   };
 }
-function Xt(t, e = {}, n = {}) {
+function Zt(t, n = {}, e = {}) {
   const {
     BaseElement: i = HTMLElement,
     extension: r,
     customElements: o = window.customElements
-  } = n;
+  } = e;
   return (l) => {
     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);
+    return s ? (s.prototype.Component = l, s) : (s = Xt(i, Kt(n)), 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 i = 0; i < e.length; i++) {
-    const [r, o] = yt(t[e[i]]);
-    Object.defineProperty(n, e[i], {
+function Qt(t) {
+  const n = Object.keys(t), e = {};
+  for (let i = 0; i < n.length; i++) {
+    const [r, o] = wt(t[n[i]]);
+    Object.defineProperty(e, n[i], {
       get: r,
       set(l) {
         o(() => l);
       }
     });
   }
-  return n;
-}
-function Qt(t) {
-  if (t.assignedSlot && t.assignedSlot._$owner) return t.assignedSlot._$owner;
-  let e = t.parentNode;
-  for (; e && !e._$owner && !(e.assignedSlot && e.assignedSlot._$owner); )
-    e = e.parentNode;
-  return e && e.assignedSlot ? e.assignedSlot._$owner : t._$owner;
+  return e;
 }
 function Yt(t) {
-  return (e, n) => {
-    const { element: i } = n;
-    return Lt((r) => {
-      const o = Zt(e);
+  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 te(t) {
+  return (n, e) => {
+    const { element: i } = e;
+    return $t((r) => {
+      const o = Qt(n);
       i.addPropertyChangedCallback((s, a) => o[s] = a), i.addReleaseCallback(() => {
         i.renderRoot.textContent = "", r();
       });
-      const l = t(o, n);
-      return L(i.renderRoot, l);
-    }, Qt(i));
+      const l = t(o, e);
+      return M(i.renderRoot, l);
+    }, Yt(i));
   };
 }
-function te(t, e, n) {
-  return arguments.length === 2 && (n = e, e = {}), Xt(t, e)(Yt(n));
+function ee(t, n, e) {
+  return arguments.length === 2 && (e = n, n = {}), Zt(t, n)(te(e));
 }
-const ee = `
+const ne = `
 :host([theme="dark"]) {
   color-scheme: only dark;
 }
@@ -583,43 +583,49 @@ 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">'), 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", {
+var re = /* @__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>'), ie = /* @__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>'), oe = /* @__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>'), le = /* @__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.1.0");
+const ae = "wss://api.dictate-button.io/v2/transcribe", k = "dictate-button.io", it = -70, ht = -10, gt = 0, ce = 4, ue = 0.25, fe = 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.") : ee("dictate-button", {
   size: 30,
-  apiEndpoint: le,
+  apiEndpoint: ae,
   language: "en"
 }, (t, {
-  element: e
+  element: n
 }) => {
   console.debug("[dictate-button] api:", t.apiEndpoint);
-  const [n, i] = yt("idle");
+  const [e, i] = wt("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) => {
+  const kt = (u) => u <= it ? 0 : u >= ht ? 1 : (u - it) / (ht - it), Tt = (u) => {
     let _ = 0;
     for (let C = 0; C < u.length; C++) {
       const p = (u[C] - 128) / 128;
       _ += p * p;
     }
     return Math.sqrt(_ / u.length);
-  }, kt = (u) => 20 * Math.log10(Math.max(u, 1e-8)), ot = (u) => {
-    const _ = e.shadowRoot.querySelector(".dictate-button__button");
+  }, Pt = (u) => 20 * Math.log10(Math.max(u, 1e-8)), lt = (u) => {
+    const _ = n.shadowRoot.querySelector(".dictate-button__button");
     if (!_)
       return;
-    const C = pt + u * (ae - pt), p = 0 + u * 0.4;
+    const C = gt + u * (ce - gt), 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 = () => {
+  }, at = () => {
     if (!U || !m || !P) return;
     m.getByteTimeDomainData(P);
-    const u = At(P), _ = kt(u), C = Et(_), p = C > R ? ce : ue;
-    R = p * C + (1 - p) * R, ot(R), requestAnimationFrame(lt);
+    const u = Tt(P), _ = Pt(u), C = kt(_), p = C > R ? ue : fe;
+    R = p * C + (1 - p) * R, lt(R), requestAnimationFrame(at);
   }, O = () => {
-    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);
+    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, lt(0);
   };
-  e.addEventListener("disconnected", O);
-  const at = async (u) => {
-    if (n() === "idle") {
+  n.addEventListener("disconnected", O);
+  const ct = () => {
+    document.visibilityState === "hidden" && e() === "transcribing" && tt();
+  };
+  document.addEventListener("visibilitychange", ct), ft(() => {
+    document.removeEventListener("visibilitychange", ct);
+  });
+  const ut = async (u) => {
+    if (e() === "idle") {
       l = u, s = "", a = "", g = -1, f = "";
       try {
         const _ = await navigator.mediaDevices.getUserMedia({
@@ -657,82 +663,82 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
         }), h = URL.createObjectURL(F);
         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) => {
+        t.language && W.searchParams.set("language", t.language), r = new WebSocket(W.toString()), r.onmessage = (S) => {
           try {
-            const v = JSON.parse(E.data);
+            const v = JSON.parse(S.data);
             if (v.type === "interim_transcript" && v.text) {
               f = v.text;
-              const M = [a, s, f].filter(Boolean).join(" ");
-              A(e, "dictate-text", M);
+              const L = [a, s, f].filter(Boolean).join(" ");
+              A(n, "dictate-text", L);
             } else if (v.type === "transcript" && v.text) {
-              const M = v.turn_order ?? 0, x = v.text;
-              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());
+              const L = v.turn_order ?? 0, x = v.text;
+              f = "", L > g ? (s && (a = a ? a + " " + s : s), g = L, s = x) : x.length > s.length && x.startsWith(s.substring(0, Math.min(10, s.length))) ? s = x : s = s ? s + " " + x : x;
+              const Lt = a ? a + " " + s : s;
+              A(n, "dictate-text", Lt);
+            } else v.type === "error" && (console.error("[dictate-button] Server error:", v.error), A(n, "dictate-error", v.error), et(), O());
           } catch (v) {
             console.error("[dictate-button] Error parsing message:", v);
           }
-        }, r.onerror = (E) => {
-          console.error("[dictate-button] WebSocket error:", E), A(e, "dictate-error", "Connection error"), tt(), O();
+        }, r.onerror = (S) => {
+          console.error("[dictate-button] WebSocket error:", S), A(n, "dictate-error", "Connection error"), et(), O();
         }, r.onclose = () => {
-        }, c.port.onmessage = (E) => {
-          r && r.readyState === WebSocket.OPEN && r.send(E.data);
-        }, A(e, "dictate-start", "Started transcribing"), U = !0, lt(), i("transcribing");
+        }, c.port.onmessage = (S) => {
+          r && r.readyState === WebSocket.OPEN && r.send(S.data);
+        }, A(n, "dictate-start", "Started transcribing"), U = !0, at(), i("transcribing");
       } catch (_) {
-        console.error("[dictate-button] Failed to start:", _), A(e, "dictate-error", "Failed to start transcription"), tt(), O();
+        console.error("[dictate-button] Failed to start:", _), A(n, "dictate-error", "Failed to start transcription"), et(), O();
       }
     }
-  }, ct = () => {
-    if (n() === "transcribing")
+  }, tt = () => {
+    if (e() === "transcribing")
       if (U = !1, i("finalizing"), r && r.readyState === WebSocket.OPEN)
         r.send(JSON.stringify({
           type: "close"
         })), setTimeout(() => {
           const u = a ? a + (s ? " " + s : "") : s;
-          u && A(e, "dictate-end", u), O(), i("idle");
+          u && A(n, "dictate-end", u), O(), i("idle");
         }, 500);
       else {
         const u = a ? a + (s ? " " + s : "") : s;
-        u && A(e, "dictate-end", u), O(), i("idle");
+        u && A(n, "dictate-end", u), O(), i("idle");
       }
-  }, tt = () => {
+  }, et = () => {
     i("error"), setTimeout(() => i("idle"), 2e3);
   };
   let z;
-  return Ot(() => {
+  return Rt(() => {
     if (!z) return;
-    const u = be(z, {
+    const u = ye(z, {
       onShortTap: () => {
-        n() === "idle" ? at("short-tap") : n() === "transcribing" && l === "short-tap" && ct();
+        e() === "idle" ? ut("short-tap") : e() === "transcribing" && l === "short-tap" && tt();
       },
       onLongPressStart: () => {
-        n() === "idle" && at("long-press");
+        e() === "idle" && ut("long-press");
       },
       onLongPressEnd: () => {
-        n() === "transcribing" && l === "long-press" && ct();
+        e() === "transcribing" && l === "long-press" && tt();
       }
     });
-    Rt(u);
+    ft(u);
   }), (() => {
-    var u = ne(), _ = u.firstChild, C = _.nextSibling, p = C.nextSibling;
-    L(_, ee), L(C, () => ht(n()));
+    var u = re(), _ = u.firstChild, C = _.nextSibling, p = C.nextSibling;
+    M(_, ne), M(C, () => bt(e()));
     var F = z;
-    return typeof F == "function" ? zt(F, p) : z = p, L(p, (() => {
-      var h = V(() => n() === "idle");
-      return () => h() && K(de, {});
-    })(), null), L(p, (() => {
-      var h = V(() => n() === "transcribing");
+    return typeof F == "function" ? Ft(F, p) : z = p, M(p, (() => {
+      var h = V(() => e() === "idle");
       return () => h() && K(pe, {});
-    })(), null), L(p, (() => {
-      var h = V(() => n() === "finalizing");
-      return () => h() && K(ge, {});
-    })(), null), L(p, (() => {
-      var h = V(() => n() === "error");
+    })(), null), M(p, (() => {
+      var h = V(() => e() === "transcribing");
       return () => h() && K(he, {});
+    })(), null), M(p, (() => {
+      var h = V(() => e() === "finalizing");
+      return () => h() && K(be, {});
+    })(), null), M(p, (() => {
+      var h = V(() => e() === "error");
+      return () => h() && K(ge, {});
     })(), null), J((h) => {
-      var W = `width:${t.size}px;height:${t.size}px"`, E = fe(n()), v = ht(n()), M = n() === "transcribing", x = n() === "transcribing" || n() === "finalizing";
-      return h.e = Ut(p, W, h.e), E !== h.t && N(p, "title", h.t = E), v !== h.a && N(p, "aria-label", h.a = v), M !== h.o && N(p, "aria-pressed", h.o = M), x !== h.i && N(p, "aria-busy", h.i = x), h;
+      var W = `width:${t.size}px;height:${t.size}px"`, S = de(e()), v = bt(e()), L = e() === "transcribing", x = e() === "transcribing" || e() === "finalizing";
+      return h.e = zt(p, W, h.e), S !== h.t && N(p, "title", h.t = S), v !== h.a && N(p, "aria-label", h.a = v), L !== h.o && N(p, "aria-pressed", h.o = L), x !== h.i && N(p, "aria-busy", h.i = x), h;
     }, {
       e: void 0,
       t: void 0,
@@ -742,7 +748,7 @@ customElements.get("dictate-button") ? console.debug("[dictate-button] We don't
     }), u;
   })();
 });
-const fe = (t) => {
+const de = (t) => {
   switch (t) {
     case "idle":
       return `Start dictation (${k})`;
@@ -753,7 +759,7 @@ const fe = (t) => {
     case "error":
       return `Click to reset (${k})`;
   }
-}, ht = (t) => {
+}, bt = (t) => {
   switch (t) {
     case "idle":
       return `Start dictation (${k})`;
@@ -764,16 +770,16 @@ const fe = (t) => {
     case "error":
       return `Dictation error. Click to reset (${k})`;
   }
-}, A = (t, e, n) => {
-  t.dispatchEvent(new CustomEvent(e, {
-    detail: n,
+}, A = (t, n, e) => {
+  t.dispatchEvent(new CustomEvent(n, {
+    detail: e,
     bubbles: !0,
     composed: !0
   }));
-}, de = () => re(), pe = () => ie(), he = () => se(), ge = () => oe();
-function be(t, {
-  threshold: e = 500,
-  preventScroll: n = !0,
+}, pe = () => ie(), he = () => se(), ge = () => oe(), be = () => le();
+function ye(t, {
+  threshold: n = 500,
+  preventScroll: e = !0,
   onShortTap: i,
   onLongPressStart: r,
   onLongPressEnd: o
@@ -784,7 +790,7 @@ function be(t, {
       s = !0, r?.(c), t.dispatchEvent(new CustomEvent("longpress", {
         detail: c
       }));
-    }, e);
+    }, n);
   }, f = (c) => {
     l && clearTimeout(l), t.releasePointerCapture(c.pointerId), s ? (o?.(c), t.dispatchEvent(new CustomEvent("longpressend", {
       detail: c
@@ -798,7 +804,7 @@ function be(t, {
   }, 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);
+  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);
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dictate-button",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Customizable Web Component that adds speech-to-text dictation capabilities to text fields",
   "keywords": [
     "custom-element",
@@ -72,7 +72,7 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.10",
-    "vite-plugin-static-copy": "^3.1.4",
+    "vite-plugin-static-copy": "^3.1.5",
     "vitest": "^4.0.17"
   },
   "homepage": "https://github.com/dictate-button/dictate-button",